/* 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;
}

#heroSlider {
    margin-top: 0 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    width: 100% !important;
    position: relative !important;
}

.carousel {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
}

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

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

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

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

.droppable-zone {
    margin-top: 0 !important;
    padding-top: 0 !important;
    display: block !important;
}

/* Make sure sections after slider show */
.droppable-zone > section {
    display: block !important;
    visibility: visible !important;
}

/* Force white text color on slider */
#heroSlider .text-white,
#heroSlider .text-white h1,
#heroSlider .text-white p,
#heroSlider .carousel-item .text-white,
.hero-slide .text-white,
.hero-slide h1,
.hero-slide p {
    color: #ffffff !important;
}

/* Button should maintain its default dark text */
.hero-slide .btn-light,
.hero-slide .btn-light:hover,
.hero-slide .btn-light:focus {
    color: #000 !important;
    background-color: #f8f9fa !important;
}