/*
|-----------------------------------------------------------------------------------------------------------
| INTERIOR HEADERS
|-----------------------------------------------------------------------------------------------------------
*/

.header-slideshow-int {
	position:relative;
	display: block;
	width: 100%;
	margin-bottom: 5px;
	overflow: hidden;
	height: 0;
	padding-bottom: 62.5%;
}

.header-slideshow-int .img-cont {
	position: relative;
	overflow: hidden;
}

.header-slideshow-int .img-cont::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.05) 35%);
	z-index: 2;
	pointer-events:none;
}

.header-slideshow-int .img-cont img {
	display: block;
	width: 100%;
	aspect-ratio: 1920/655;
}

.header-slideshow-int .img-cont .play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	font-size: 66px;
	color: white;
	z-index: 3;
}

.header-slideshow-int .img-cont video {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	min-width: 100%;
	width: auto;
	min-height: 100%;
	height: auto;
	opacity: 0;
	transform: translate(-50%, -50%);
	transition: opacity 0.3s ease-in;
}

.header-slideshow-int .img-cont  video.loaded { opacity: 1; }
@media (max-width: 1440px) {
	.header-slideshow-int .img-cont img {
		aspect-ratio: 1440/491;
	}
}

@media (max-width: 1024px) {
	.header-slideshow-int .img-cont .play-btn {
		font-size: 50px;
	}
	.header-slideshow-int .img-cont img {
		aspect-ratio: 1024/350;
	}
}
@media (max-width: 640px) {
	.header-slideshow-int {
		margin-bottom: 20px;
	}
	.header-slideshow-int .img-cont img {
		aspect-ratio: 640/400;
	}
}
@media (max-width: 400px) {
	.header-slideshow-int .img-cont img {
		aspect-ratio: 400/225;
	}
}

@media (min-width: 641px) {
	.header-slideshow-int {
		padding-bottom: 34%;
	}
}

.root_panel.wine-theme .header-slideshow-int::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 188px;
    height: 127px;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
}

@media (min-width: 1025px) {
    .root_panel.wine-theme .header-slideshow-int::after {
        left: 50px;
        width: 230px;
        height: 140px;
    }
}