/* CSS Slider Demo
Mobile First */



/* Utils */

.transition {
    transition: transform 0.7s ease-in-out 0.5s;
}

.hidden {
    visibility: hidden;
    transition: 0.2s;
}

/* .row-reverse {
    flex-direction: row-reverse;
}

.row {
    flex-direction: row;
}

.justify-center {
    justify-content: center;
}

.justify-right {
    justify-content: right;
}

.banner {
    flex-direction: column;
} */

.slider-wrapper {
    position: relative;
}

.slider-container {
    overflow: hidden;
    height: 100%;
}

/* Ne pas supprimer - les transition-property ( durée, délais ...) peuvent être modifiées mais
la règle transition ne doit pas être supprimée */

.slider-container-transition {
    transition: all 0.3s ease-in;
}

.slide-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.slider-item {
    /* base */
    flex-shrink: 0;
    position: relative;
    transition: 0.3s;
}

.slider-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Pagination appearance options */
button {
    cursor: pointer;
    appearance: none;
}

.navigation {}

.slidePosition {}

.currentPosition :after {
    content: "/";
    height: 1rem;
    width: 1rem;
    padding: 0.25rem;
    right: 0;
    bottom: 0;
    font-weight: 900;
}


.pagination {
    position: relative;
    display: flex;
}

.scrollContainer {
    display: flex;
    position: relative;
}

.pagination-bullet {}

.pagination-bullet .thumbnail {}

.indicator {
    position: absolute;
}

/* No slide : garantie l'affichage si le slider n'est pas initialisé */
.no-slide.slider-container {
    overflow: visible;
}

.no-slide .navigation {
    display: none;
}

.no-slide .pagination {
    display: none;
}

.no-slide .scrollContainer {
    display: none;
}


/* Personalisation */