/*

 * WF Light Carousel — Frontend stijlen

 * Pas dit bestand aan voor eigen styling.

 * Variabelen --contrast-3 en --contrast worden meegegeven door het GeneratePress thema.

 */



/* -----------------------------------------------------------------------

   Wrapper

----------------------------------------------------------------------- */

.wfl-carousel-wrapper {

	padding-bottom: 15px;

}



/* -----------------------------------------------------------------------

   Navigatieknoppen

----------------------------------------------------------------------- */

.wfl-swiper .swiper-button-next,

.wfl-swiper .swiper-button-prev {

	background-color: var(--contrast-3, #f0a500);

	color: #ffffff; /* var(--contrast, #fff) */

	width: 40px;

	height: 40px;

	border-radius: 50%;

	transition: opacity 0.2s ease;

}



.wfl-swiper .swiper-button-next:hover,

.wfl-swiper .swiper-button-prev:hover {

	opacity: 0.85;

}



.wfl-swiper .swiper-button-next::after,

.wfl-swiper .swiper-button-prev::after {

	font-size: 16px;

	font-weight: 700;

}



/* -----------------------------------------------------------------------

   Paginering

----------------------------------------------------------------------- */



.swiper-pagination {

    position: relative;

     margin-top:20px;	

}	







.wfl-swiper .swiper-pagination-bullet-active {

	background-color: var(--contrast-3, #f0a500);

}



/* -----------------------------------------------------------------------

   Slides

----------------------------------------------------------------------- */

.wfl-swiper .swiper-slide {

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

}



.wfl-swiper .swiper-slide figure {

	margin: 0;

	display: flex;

	flex-direction: column;

	align-items: center;

}



.wfl-swiper .swiper-slide img {

	width: auto;

	max-width: 100%;

	height: 150px;

	max-height: 150x;

	object-fit: contain;

	display: block;

}



.wfl-swiper .swiper-slide a {

	display: flex;

	flex-direction: column;

	align-items: center;

	text-decoration: none;

}



/* -----------------------------------------------------------------------

   Bijschrift (caption)

----------------------------------------------------------------------- */

.wfl-swiper figcaption {

	margin-top: 8px;

	font-size: 0.85em;

	color: #555;

	text-align: center;

	line-height: 1.4;

}