/*
    This contains any overrides to basic breezer styles.
*/
#app {
  height: 100vh;
  padding: 0px;
}
header[breezer-breezer-layout] {
  background-color: var(--header-background-colour);
  color: var(--primary-colour);
}
main-menu[breezer-main-menu] {
  background-color: var(--menu-background-colour);
}
div.blazored-modal-container.blazored-modal-center {
  padding: 0 12rem 0 12rem;
}
div.blazored-modal-container.blazored-modal-center div.blazored-modal:not(.not-fullscreen) {
  padding: 1.5rem;
  border: 1px solid var(--brand-black-pearl);
  box-shadow: 0 0 35px 10px rgba(255, 255, 255, 0.08);
}
div.blazored-modal-container.blazored-modal-center div.blazored-modal:not(.not-fullscreen) .blazored-modal-header {
  padding: 0;
  padding-bottom: 10px;
  position: relative;
}
div.blazored-modal-container.blazored-modal-center div.blazored-modal:not(.not-fullscreen) .blazored-modal-header > button.blazored-modal-close {
  top: 0;
  right: 0;
  position: absolute;
  color: #ffffff;
  font-size: 24px;
  background-color: transparent;
  border: 1px solid transparent;
}
div.blazored-modal-container.blazored-modal-center div.blazored-modal:not(.not-fullscreen) .blazored-modal-header > button.blazored-modal-close:hover {
  color: #2BD1D2;
}
form-field[type=image-summary-model] img {
  max-width: 100%;
}
editor-for > input[breezer-editor-for-number] {
  max-width: 150px;
}
auto-action button:not(.inline) {
  color: #2BD1D2;
  border: 1.5px solid #2BD1D2;
  border-radius: 10px;
  padding: 11px 10px;
  background-color: transparent;
}
dropdown[breezer-dropdown] {
  background-color: var(--brand-black-pearl);
  border-radius: 10px;
}
dropdown[breezer-dropdown] dropdown-selected {
  border-color: #1D2A35;
  border-radius: 10px;
  padding: 12px 15px;
  font-size: 16px;
}
@media only screen and (max-width : 1280px) {
  dropdown[breezer-dropdown] dropdown-selected {
    font-size: 0.9em;
  }
}
dropdown[breezer-dropdown] dropdown-selected dropdown-indicator {
  color: #2BD1D2;
}
dropdown[breezer-dropdown] dropdown-options[breezer-dropdown] {
  border-radius: 10px;
}
dropdown[breezer-dropdown] dropdown-options[breezer-dropdown] select-option[breezer-select-option] {
  padding: 12px 7px;
}
dropdown[breezer-dropdown] dropdown-options[breezer-dropdown] select-option[breezer-select-option]:hover {
  background-color: #1D2A35;
}
@media only screen and (max-width : 1280px) {
  dropdown[breezer-dropdown] dropdown-options[breezer-dropdown] select-option[breezer-select-option] {
    font-size: 1em;
  }
}
dropdown[breezer-dropdown] select-for-filter[breezer-select-for-filter],
dropdown[breezer-dropdown] select-for-footer[breezer-select-for-footer] {
  display: none;
}
list-items[item-type=grid][breezer-list-items] {
  background-color: initial;
}
list-items[item-type=grid][breezer-list-items] list-items-grid-header * {
  border: none;
}
list-items[item-type=grid][breezer-list-items] list-item[breezer-list-item] > * {
  background-color: #1D2A35;
  border: none;
  border-top: 1px solid #FEFEFE33;
  padding: 16px 8px;
}
list-items[item-type=grid][breezer-list-items] list-item[breezer-list-item] > *:first-child {
  border-left: 1px solid #FEFEFE33;
}
list-items[item-type=grid][breezer-list-items] list-item[breezer-list-item] > *:last-child {
  border-right: 1px solid #FEFEFE33;
}
@media only screen and (max-width : 1280px) {
  list-items[item-type=grid][breezer-list-items] list-item[breezer-list-item] > * {
    padding: 10px 6px;
    font-size: 0.8em;
  }
}
list-items[item-type=grid][breezer-list-items] list-item[breezer-list-item]:first-of-type > *:first-child {
  border-top-left-radius: 10px;
}
list-items[item-type=grid][breezer-list-items] list-item[breezer-list-item]:first-of-type > *:last-child {
  border-top-right-radius: 10px;
}
list-items[item-type=grid][breezer-list-items] list-item[breezer-list-item]:last-of-type > * {
  border-bottom: 1px solid #FEFEFE33;
}
list-items[item-type=grid][breezer-list-items] list-item[breezer-list-item]:last-of-type > *:first-child {
  border-bottom-left-radius: 10px;
}
list-items[item-type=grid][breezer-list-items] list-item[breezer-list-item]:last-of-type > *:last-child {
  border-bottom-right-radius: 10px;
}
breezer-page > header {
  box-shadow: none;
}
dropdown-selected[breezer-dropdown],
textarea,
editor-for::after,
search-bar,
input:not([type="color"]),
select,
textarea,
button {
  font-family: Lato, 'Roboto', sans-serif;
}