/*--------------------------------------------------------------
# Mixed image/video slider
--------------------------------------------------------------*/

.patl-mixed-slide {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 460px;

	overflow: hidden;
	background: #111;
}

.patl-mixed-slide__image,
.patl-mixed-slide__video {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: contain;
	object-position: center;
}

.patl-mixed-slide__image {
	cursor: zoom-in;
}

@media (max-width: 768px) {

	.patl-mixed-slide {
		height: 380px;
	}

}