/* Carousel */
.carousel-inner > .item > a img,
.carousel-inner > .item img {
    width: 100%;
    height: 360px;
}

.modern-carousel .carousel-inner > .item > a img,
.modern-carousel .carousel-inner > .item img {
    height: auto !important;
    min-height: 360px !important;
    max-height: 25vw !important;
}

/* Caption */
.slide-caption {
    bottom: 10%;
    padding-top: 20px;
    padding-bottom: 30px;
}

.slide-caption-modern {
    bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    max-height: 100%;
}

.slide-caption,
.slide-caption-modern {
    position: absolute;
    max-width: 30%;
    z-index: 10;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.slide-caption p,
.slide-caption-modern p {
    margin-bottom: 0px;
}
.slide-caption h2,
.slide-caption-modern h2 {
    margin-top: 0px;
    margin-bottom: 10px;
}
.slide-caption div.overlay,
.slide-caption-modern div.overlay {
    padding: 15px;
}
.slide-caption-left {
    left: 15%;
    text-align: left;
}
.slide-caption-center {
    left: 20%;
    right: 20%;
    max-width: 100%;
    text-align: center;
}
.slide-caption-right {
    right: 15%;
    text-align: right;
}

.slide-text.small {
    display: none;
}

.slide-text.medium {
    display: block;
}

.slide-link {
    color:white;
    pointer-events: none;
    cursor: default;
}

.btn-slide:hover {
    font-weight: bold;
}

@media (max-width: 768px) {
    /* Carousel */
    .carousel-inner > .item img.slide {
        width: 100%;
        aspect-ratio: 5 / 2;
        height: auto !important;
        min-height: 160px !important;
    }


    .home-modern-carrousel-slide {
        height: auto;
        aspect-ratio: 5/2;
        overflow: hidden;
    }

    .carousel-indicators {
        bottom: 3px;
    }

    /* Caption */
    .slide-caption {
        left: 15%;
        right: 15%;
        bottom: 10%;
        padding: 0px;
        max-width: 100%;
        text-align: center;
        z-index:0;
    }

    .slide-caption >.overlay > h2 {
        font-size: 10pt;
    }

    .slide-caption >.overlay > p {
        font-size: 8pt;
    }

    .btn-slide {
        font-size: 8pt;
        padding: 3px 6px;
    }

    .slide-text.medium {
        display: none;
    }

    .slide-text.small {
        display: block;
    }

    .link-overlay {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index:1;
    }
}