/* Fix for homepage slider - remove gap after header and force display */
body .main-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.header + .main-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Only apply to homepage slider, not news slider */
#heroSlider {
    margin-top: 0 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    width: 100% !important;
    position: relative !important;
}

/* NEWS PAGE SLIDER - DO NOT INTERFERE */
#newsHeroSlider,
#resourcesHeroCarousel {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Homepage carousel only */
#heroSlider .carousel {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
}

#heroSlider .carousel-inner {
    display: block !important;
    min-height: 85vh !important;
    height: 85vh !important;
    position: relative !important;
}

#heroSlider .carousel-item {
    display: none !important;
    min-height: 85vh !important;
    height: 85vh !important;
}

#heroSlider .carousel-item.active {
    display: block !important;
}

.hero-slide {
    display: flex !important;
    min-height: 85vh !important;
    height: 85vh !important;
    width: 100% !important;
}

.hero-slide-content {
    position: relative;
    z-index: 2;
}

.carousel-control-prev,
.carousel-control-next {
    z-index: 3 !important;
}

.carousel-indicators {
    z-index: 3 !important;
}

/* Force first slide to show */
.carousel-item:first-child {
    display: block !important;
}

.carousel.slide {
    display: block !important;
}

/* Ensure hero slider section is visible */
section.hero-slider {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
}