/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 */

@use "swiper/css";
@use "swiper/css/navigation";
@use "swiper/css/pagination";
@use "swiper/css/autoplay";

.wp-block-dapoobembe-image-carousel {
	position: relative;
	width: 100%;
	overflow-x: hidden;

	.swiper-wrapper {
		.swiper-slide {
			img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
				-o-object-fit: cover;
			}
		}
	}
}

.arrow-default .swiper-button-next,
.arrow-default .swiper-button-prev {
	color: #000;
}

.arrow-minimal .swiper-button-next,
.arrow-minimal .swiper-button-prev {
	color: #aaa;
	opacity: 0.5;
}

.arrow-bold .swiper-button-next,
.arrow-bold .swiper-button-prev {
	color: #fff;
	font-size: 24px;
}