/* Slider */
.pop-image-slider {
	user-select: none;
}

.pop-image-slider .swiper-wrapper:hover:active {
	cursor: grabbing !important;
}

.pop-image-slider .swiper-slide {
	max-width: min-content;
	transition: z-index 0.3s, transform 0.3s;
	z-index: 1;
}

.pop-image-slider .swiper-slide:hover {
	z-index: 5;
}

.pop-image-slider .swiper-button-prev, .pop-image-slider .swiper-button-next {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	--swiper-navigation-size: 40px;
}

@media (max-width: 767.98px) {
	.pop-image-slider .swiper-button-prev, .pop-image-slider .swiper-button-next {
		width: 30px;
		height: 30px;
		--swiper-navigation-size: 30px;
	}
}

.pop-image-slider .swiper-button-prev::after, .pop-image-slider .swiper-button-next::after {
	font-size: 20px;
	font-weight: bold;
}

@media (max-width: 767.98px) {
	.pop-image-slider .swiper-button-prev::after, .pop-image-slider .swiper-button-next::after {
		font-size: 14px;
	}
}

.pop-image-slider .swiper-button-prev::after {
	margin-left: -2px;
}

.pop-image-slider .swiper-button-next::after {
	margin-right: -2px;
}

/* Images */
.pop-image-slider .pis-image {
	overflow: hidden;
	transition: transform 0.3s;
	transition-delay: 0.05s;
	transform: scale(1);
	transition-timing-function: ease-out;
	transition-timing-function: cubic-bezier(.15,.4,.35,1);	/* https://cubic-bezier.com/ */
	background-size: cover;
    background-position: center center;
	background-repeat: no-repeat;
}

.pop-image-slider .pis-image img {
	max-width: fit-content;
	/*min-width: fit-content;*/
	width: auto;
	/*transform: translateZ(0) perspective(1px); /* NOT NEEDED. This stops the image from being blurry when scaled. */
}

.pop-image-slider .pis-image a:hover:active {
	cursor: grabbing !important;
}

.pop-image-slider .pis-image-secondary img {
	transition: opacity 0.3s;
}

.pop-image-slider .pis-image-secondary:hover img {
	opacity: 0;
}

/* Text */
.pop-image-slider .pis-image + * {
	margin-top: 10px;
}

.pop-image-slider .pis-description > *:first-child {
	margin-top: 0;
}

.pop-image-slider .pis-description > *:last-child {
	margin-bottom: 0;
}