/* Hero slider — fixed banner height, full width, smooth fade */
/*:root {
    --hero-slider-height: 400px;
    --navbar-offset: calc(12vh + 1rem);
}*/
:root {
    --hero-slider-height: 90vh;
    --navbar-offset: calc(-10vh + 5rem 70px );
}

.hero-slider-wrap {
    margin-top: var(--navbar-offset);
    background-color: #f6f3f2;
    overflow: hidden;
}

#header-slider.hero-slider {
    position: relative;
}

#header-slider.hero-slider .owl-stage-outer {
    height: var(--hero-slider-height);
}

#header-slider.hero-slider .owl-item {
    height: var(--hero-slider-height);
}

.hero-slide {
    height: var(--hero-slider-height);
    width: 100%;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

/* Dot navigation at bottom of slider */
#header-slider.hero-slider .owl-dots {
    position: absolute;
    bottom: 18px;
    left: 0;
    right: 0;
    z-index: 5;
    margin: 0;
    line-height: 1;
}

#header-slider.hero-slider .owl-dots .owl-dot span {
    width: 11px;
    height: 11px;
    margin: 4px 6px;
    background: rgba(255, 255, 255, 0.55);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

#header-slider.hero-slider .owl-dots .owl-dot.active span,
#header-slider.hero-slider .owl-dots .owl-dot:hover span {
    background: #d59308;
    transform: scale(1.15);
}

/* Override legacy header padding that inflated slider height */
.hero-slider-wrap.header-slider .header-content,
.hero-slider-wrap.header-slider.w-sticky-menu .header-content {
    padding: 0 !important;
}

/* Smoother owl fade transitions */
.hero-slider .animated {
    animation-duration: 1.2s !important;
    animation-timing-function: ease-in-out !important;
}

.hero-slider .owl-item {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

@media (max-width: 768px) {
    :root {
        --hero-slider-height: 250px;
        --navbar-offset: 80px;
    }
}