/* Body */
body, html { height: 100%; }
body { margin: 0; background-color: #F4F5F8; }
a, input, button, img, .circle { transition: all .3s ease; } 
a { text-decoration: none; color: #046770; }

/* Structure */
div.global.wrapper { height: auto; min-height: 100%;  }
/*div.footer-push, body > footer { min-height: 350px; height: 350px; }*/

/* Fonts */
h1, .fs1 { font-size: calc(1.375em + 1.15vw); } /*22+6*/
h2, .fs2 { font-size: calc(1.25em; + .75vw); } /*20+4*/
h3, .fs3 { font-size: calc(1.125em + .5vw); } /*18+3.6*/
h4, .fs4 { font-size: calc(1.0625em + .3vw); } /*17+3.2*/
h5, .fs5 { font-size: calc(1em + 0.25vw); } /*16+2.8*/
h6, h7, h8 p, .fs6 { font-size: calc(0.8125em + 0.25vw); } /*13+2.4*/
.fs7 { font-size: calc(.8125em + 0.125vw); } /*13+1.6*/
.fs8 { font-size: .875em; } /*14*/
@media (min-width:  992px) { 
h1, .fs1 { font-size: 2.25em; } /*36*/
h2, .fs2 { font-size: 1.75em; } /*28*/
h3, .fs3 { font-size: 1.5em; } /*22*/
h4, .fs4 { font-size: 1.25em; } /*20*/
h5, .fs5 { font-size: 1.125em; } /*18*/
h6, h7, h8 p, .fs6 { font-size: 1em; } /*16*/
.fs7 { font-size: .9125em; } /*15*/
.fs8 { font-size: .875em; } /*14*/
}
body, .font-sans { font-family: "Noto Sans", sans-serif;  font-optical-sizing: auto; font-weight: 300; font-style: normal; font-variation-settings: "wdth" 90; font-optical-sizing: auto; }
strong { font-weight: 600; }
.font-alt, .font-serif { font-family: "Literata", serif; font-weight: 325; }
.font-alt strong, .font-serif strong { font-weight: 400; }
.text-shadow { text-shadow: 0px 0px 3px #000; }
.lh-xs { line-height: 1.125 !important; }

/* Frontend & Backend Styles */
h1, h2, h3, h4, h5 { font-family: "Literata", serif; font-weight: 325; color: #1d1428; margin-bottom: 1em; }

/* Bootstrap */
.modal-dialog { /*max-width: fit-content;*/ }
.form-floating label { left: 0.5rem; }
.btn-lg { padding: 0.75rem 1.5rem; }
.btn-primary { background-color: #046770 !important; border-color: transparent !important; }
.btn-primary:active, .btn-primary:focus, .btn-primary:hover { background-color: #23818a !important; border-color: transparent !important; }
.btn-secondary { background-color: #ad9264 !important; border-color: transparent !important; }
.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover { background-color: #baa175 !important; border-color: transparent !important; }
body {
    --font-size-base: 1.0625rem;
}
.underlined { border-bottom: 1px solid #23818a; }
.badge { background-color: #046770; line-height: 1.25em; }
.bg-petrol { background-color: #046770; }
.bg-magenta { background-color: #980b54; }
.bg-grayl { background-color: #E4E5E9; color: #212529; }
.bg-whitet { background-color: rgba(255,255,255,0.7); color: #046770; }
.b-grayl { border: 2px #E4E5E9 solid; background-color: #FFF; color: #212529; }

.badge-group { display: inline-flex; }
.badge-group > .badge { margin: 0; border-radius: unset; }
.badge-group > .badge:first-child { border-top-left-radius: var(--bs-badge-border-radius); border-bottom-left-radius: var(--bs-badge-border-radius); }
.badge-group > .badge:last-child { border-top-right-radius: var(--bs-badge-border-radius); border-bottom-right-radius: var(--bs-badge-border-radius); }
.badge-group.vertical > .badge { border-radius: unset; }
.badge-group.vertical { flex-direction: column; }
.badge-group.vertical > .badge:first-child { border-top-left-radius: var(--bs-badge-border-radius); border-top-right-radius: var(--bs-badge-border-radius); }
.badge-group.vertical > .badge:last-child { border-bottom-left-radius: var(--bs-badge-border-radius); border-bottom-right-radius: var(--bs-badge-border-radius); }

/* Header Menu */
#navbarHeader {
    --sm-line-height: normal;
    --sm-dropdowns-navbar-bg: none;
    --sm-dropdowns-navbar-color: #fff;
    --sm-dropdowns-navbar-padding-y: 0.25em;
    --sm-dropdowns-navbar-padding-x: 0;
    --sm-dropdowns-nav-link-font-size: 18px;
    --sm-dropdowns-nav-link-font-weight: 700;
    --sm-dropdowns-nav-link-hover-bg: rgba(4,103,112,0.55);
    --sm-dropdowns-nav-link-hover-color: #fff;
    --sm-dropdowns-nav-link-active-bg: rgba(4,103,112,0.95);
    --sm-dropdowns-nav-link-expanded-bg: rgba(4,103,112,0.95);
    --sm-dropdowns-nav-link-padding-y: 0.5em;
    --sm-dropdowns-sub-link-hover-bg: rgba(4,103,112,0.15);
    --sm-collapsible-navbar-bg: rgba(4,103,112,100);
    --sm-collapsible-navbar-color: #fff;
    --sm-collapsible-nav-link-hover-bg: rgba(255,255,255,0.15);
    --sm-collapsible-nav-link-active-bg: rgba(255,255,255,0.15);
    --sm-collapsible-nav-link-hover-color: #fff;
    --sm-collapsible-nav-link-expanded-bg: rgba(2,34,36,0.35);
    --sm-collapsible-sub-first-level-bg: rgba(255,255,255,0.15);
    --sm-collapsible-sub-link-color: #fff;
    --sm-collapsible-sub-link-hover-color: #fff;
    --sm-sub-min-width: 16em;
    font-size: 1.375rem;
}
.navbar-wrapper { width: 100%; max-width: 1320px; margin: 0 auto; background-color: rgba(4,103,112,1); font-weight: bold; }
@media (min-width:  768px) { 
    .navbar-wrapper { background-color: rgba(0,0,0,0) !important; }
    .navbar-wrapper .sm-nav-item { margin-right: 0.375em; }
}

/*
.btn { color: #fff; background-color: #2d3047; border-color: #1d1428; }
.btn:hover { color: #fff !important; background-color: #635985; border-color: #635985 !important; }

.badge { font-size: 1rem; font-weight: normal; background-color: #046770; }
.badge-alt { background-color: #980b54; }
.badge-price { line-height: 2.5rem; padding-left: 1rem; padding-right: 1rem; }
.badge-price-top { line-height: 1.25rem; background-color: #980b54; border-bottom-left-radius: unset; border-bottom-right-radius: unset; }
.badge-price-top + .badge-price { line-height: 1.875rem; border-top-left-radius: unset; border-top-right-radius: unset; }

.badge.bg-gray-light { color: #212529; }
.bg-gray-light { background-color: #E4E5E9; }
.badge.badge-top { border-bottom-left-radius: unset; border-bottom-right-radius: unset; }
.badge.badge-bottom { border-top-left-radius: unset; border-top-right-radius: unset; }
.badge.bg-gray-light.badge-bottom { border: 2px #E4E5E9 solid; background-color: #FFF; }

.font-xsmall { font-size: 0.75rem; }
.font-small { font-size: 0.875rem; }
.font-normal { font-size: 1rem; }
.font-large { font-size: 1.25rem; }
.font-xlarge { font-size: 1.5rem; }
.line-large { line-height: 1.25rem; }
*/
.text-primary { color: #046770 !important; }
table.border th, table.border td { border: 2px #E4E5E9 solid; padding: 2px 8px; }

.btn-primary { background-color: #bfa476; border: none; }
.btn-primary:disabled { background-color: #d9d0c1 !important; }
.btn-primary:hover, .btn-primary:focus { background-color: #a8874e; }
.btn-secondary { background-color: #046770; border: none; }
.btn-secondary:hover, .btn-secondary:focus { background-color: rgba(4,103,112,0.8); }

/* Buttons */
.btn-white { background-color: #fff; color: #046770; border: none; }
.btn-white:hover { background-color: #046770; }
.btn-white:hover .circle { background-color: #bfa476; }

.btn-file { padding: 0.5rem 0.75rem; color: #046770; background: none; border: none; width: auto; }
.btn-file:hover { background-color: #046770; }
.btn-file .icon { font-size: 1.75rem; margin-right: 0.5rem; }
.btn-file .title { font-size: 1.125rem; line-height: 1.5rem; }

/* Image Grid */
.images-grid-container { padding: 0 0 2.5rem 0 !important; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0.5rem; }
.images-grid-container .grid-item { aspect-ration: 4 / 3; }
.images-grid-container .grid-item:first-child { grid-column: span 4 !important; grid-row: span 2; }
.images-grid-container .grid-item img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; padding: 0; }
@media (min-width: 768px) {
    .images-grid-container { padding: 0 0 2.5rem 0 !important; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0.5rem; }
    .images-grid-container .grid-item:first-child { grid-column: span 2 !important; grid-row: span 2; }
    .images-grid-container .grid-item img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; padding: 0; }
}
.images-grid-container .hidden { display: none !important; }
.images-grid-container .grid-item a:hover img { filter: brightness(1.15); }

/* Footer */
footer { background-color: #1d1428; color: #f6f6f6; font-size: 0.875em; } 
footer form { padding: 0; margin: 0; }
footer a { text-decoration: none; }
footer a:hover { text-decoration: underline; }
footer h4 { color: #f6f6f6; }