/* --- Dce --- */

/* -- Carousel -- */

#headerSlider {
    /* width: 100%; */
}

#headerSlider .splide__slide>img {
    height: 65vh;
    object-fit: cover;
    width: 100%;
}

#headerSlider .splide__slide .carousel-caption {
    background-color: rgba(255,255,255,0.8);
    bottom: 0px;
    left: 0px;
    text-align: left;
    width: 100%;
}
#headerSlider .splide__slide .carousel-caption {
    color: var(--dark-gray-color);
}
#headerSlider .splide__slide .carousel-caption>.container {
    padding-bottom: 50px;
    padding-right: 0px;
    position:relative;
}
#headerSlider .splide__slide .carousel-caption>.container .btn-primary {
    bottom: 0px;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
}
#headerSlider .splide__arrows {
    display: none;
}


@media(min-width: 768px) {
    #headerSlider .splide__slide .carousel-caption>.container {
        padding-bottom: 0px;
        padding-right: 250px;
    }
    #headerSlider .splide__slide .carousel-caption>.container .btn-primary {
        bottom: 0px;
        position: absolute;
        right: 1rem;
        transform: none;
    }
    #headerSlider .splide__arrows {
        display: block;
    }
}

/*
@media (prefers-color-scheme: dark) {
    #headerSlider .splide__slide .carousel-caption {
        background-color: rgba(0,0,0,0.8);
    }
    #headerSlider .splide__slide .carousel-caption {
        color: var(--light-gray-color);
    }
}
*/