/* Header logo containment and responsive sizing */
.navbar,
.navbar.navbar-light.sticky-top {
    background: #fff8ea !important;
    border-bottom: 0;
    box-shadow: none !important;
}

.navbar .container-fluid {
    min-height: 125px;
}

.navbar-light .navbar-brand {
    display: flex;
    align-items: center;
    height: 125px !important;
    min-height: 125px;
    padding: 0 !important;
    overflow: visible;
}

.navbar-light .navbar-brand .logo-text {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0;
    line-height: 0;
}

.navbar-light .navbar-brand .logo-img {
    display: block;
    width: auto;
    height: auto;
    max-width: 270px;
    max-height: 130px;
    margin: 0 10px 0 0;
    object-fit: contain;
}

/* Banner frame matched to the live-site reference */
.site-hero.hero-slider {
    padding: 0 0 16px;
    background: #f6f1d8;
    border-bottom: 4px solid #c49a2c;
}

.hero-slider-carousel {
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    background: #f6f1d8;
    border: 10px solid transparent;
    border-image: linear-gradient(90deg, #4285f4 0%, #ea4335 28%, #fbbc05 58%, #34a853 100%) 1;
    border-radius: 0;
    box-shadow: 0 14px 32px rgba(66, 133, 244, .12), 0 10px 24px rgba(52, 168, 83, .1);
}

.hero-slider-carousel .owl-stage-outer {
    overflow: hidden !important;
    border-radius: 8px;
}

@media (max-width: 991.98px) {
    .navbar .container-fluid {
        min-height: 92px;
    }

    .navbar-light .navbar-collapse {
        background: #fff8ea;
    }

    .navbar-light .navbar-brand {
        height: 92px !important;
        min-height: 92px;
        padding: 5px 0 !important;
    }

    .navbar-light .navbar-brand .logo-img {
        max-width: 190px;
        max-height: 82px;
        margin-right: 8px;
    }
}

@media (max-width: 575.98px) {
    .navbar.navbar-light.sticky-top {
        background: #fff8ea !important;
    }

    .navbar-light .navbar-brand {
        height: 82px !important;
        min-height: 82px !important;
        max-width: calc(100vw - 108px);
        padding: 5px 0 !important;
    }

    .navbar-light .navbar-brand .logo-img {
        max-width: calc(100vw - 112px) !important;
        max-height: 72px !important;
        margin-right: 6px;
    }

    .site-hero.hero-slider {
        padding-bottom: 6px;
    }

    .hero-slider-carousel {
        border-width: 8px;
    }

    .hero-slider-carousel .owl-stage-outer {
        border-radius: 7px;
    }
}