/*
	Table of content
    1. SLIDERS
        1a. BEDIENING
        1b. TESTIMONIALS
        1c. TEKST & AFBEELDING
    RESIZE
*/

/* 1. SLIDERS */
/* Swiper: slides even hoog */
.swiper-slide {
    height: auto;
}

/* 1a. BEDIENING */
/* bolletjes: actief zwart, de rest omlijnd; zelfde bij elke slider */
.slider-testimonials .swiper-pagination,
.slider-text-image .swiper-pagination {
    position: static;
    display: flex;
    justify-content: center;
    gap: .6rem;
    margin-top: 5rem;
}

.slider-testimonials .swiper-pagination-bullet,
.slider-text-image .swiper-pagination-bullet {
    width: 1.4rem;
    height: 1.4rem;
    margin: 0 !important;
    border: 1px solid var(--color-black);
    background-color: var(--color-beige);
    opacity: 1;
    transition: background-color .3s;
}

.slider-testimonials .swiper-pagination-bullet-active,
.slider-text-image .swiper-pagination-bullet-active {
    background-color: var(--color-black);
}

/* 1b. TESTIMONIALS */
.slider-testimonials .testimonial {
    text-align: center;
}

.slider-testimonials .stars {
    justify-content: center;
}

/* 1c. TEKST & AFBEELDING */
/* opbouw van een slide staat in content.css (1c), gelijk aan Content - Tekst & Afbeelding */

/* RESIZE */
/* vanaf row-lg + 2x grid-padding (123rem + 4rem): slides mogen buiten de row lopen, de sectie knipt af */
@media (max-width: 1270px) {
    .slider-testimonials,
    .slider-text-image {
        overflow: hidden;
    }

    .slider-testimonials .swiper,
    .slider-text-image .swiper {
        overflow: visible;
    }
}

@media (max-width: 1220px) {
}

@media (max-width: 1024px) {
}

@media (max-width: 767px) {
}

@media (max-width: 499px) {
}