/**
 * WP Tutorials : Swiper JS Gallery (WPTSJG)
 *
 * https://wp-tutorials.tech/refine-wordpress/multiple-gallery-effects-with-swiper/
 */

.wpt-swiper-gallery {
	position: relative;
	margin-bottom: 4em;
}

.swiper {
	/* ... */
}

.swiper-slide {
	background-position: center;
	background-size: cover;
}

.wpt-swiper-mode-cards .swiper-slide,
.wpt-swiper-mode-cube .swiper-slide {
	width: 100%;
	height: 20em;
}

.wpt-swiper-mode-coverflow .swiper-slide {
	width: 20em;
	height: 15em;
}

.swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}

.swiper-slide a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}