/*
|-----------------------------------------------------------------------------------------------------------
| HOMEPAGE SLIDESHOW SECTION
|-----------------------------------------------------------------------------------------------------------
*/

.header-slideshow {
	position: relative;
	height: calc(100vh - 50px);
	border:30px #fff solid;
	border-top:0px #fff solid;
	overflow:hidden;
}
.header-slideshow.shorter { height: 50vh; }
.header-slideshow .slide-video-cont,
.header-slideshow .responsive-img-cont {
	width: 100%;
	height: 100vh;
	background-size: cover;
}
.header-slideshow .caption {
	position: absolute;
	bottom:0px;
	left:0px;
}
.header-slideshow a .caption .caption-text,
.header-slideshow .caption .caption-text {
	width: 85%;
	font-family: 'Helvetica Neue LT W01_71488914', Arial, Helvetica, sans-serif;
	font-size: 30px;
}
.header-slideshow a .caption .caption-text h1,
.header-slideshow .caption .caption-text h1 {
	margin: 0;
	padding: 0;
}
.header-slideshow.shorter a .caption .caption-text h1,
.header-slideshow.shorter .caption .caption-text h1 {
	font-size: 50px;
	line-height: 62px;
}
.header-slideshow a .caption .caption-text h1 span,
.header-slideshow .caption .caption-text h1 span,
.header-slideshow .caption .caption-text span {
	display: inline;
	background-color: #fff;
	padding: 0.1rem 1rem;

	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.header-slideshow .responsive-img-cont { position: relative; }
.header-slideshow .responsive-img-cont img { width: 100%; }

.play-btn {
	position: absolute;
	top:50%;
	left:50%;
	height: 55px;
	width: 55px;
	transform: translate(-50%,-50%);
}
.scroll-down {
	position: absolute;
	top:270px;
	left:-20px;
}
.slide-video-cont {
	width:100%;
	height:100%;
}
.slide-video-cont video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100.1%;
	height: 100.1%;
	min-width: 323px;
	min-height: 515px;
	object-fit: cover;

	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}

.vimeo-play-pause {
	position:absolute;
	bottom:20px;
	right:20px;
	width:44px;
	height:44px;
	z-index:2;
}
#vimeo-play-button,
#vimeo-pause-button {
	position:absolute;
	top:0px;
	right:0px;
	width:44px;
	height:44px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%;
}
#vimeo-play-button {
	display:none;
	background-image:url(/includes/public/assets/images/play-btn.svg);
}
#vimeo-pause-button {
	display:block;
	background-image:url(/includes/public/assets/images/video-pause.svg);
}
.vimeo-play-pause.active #vimeo-play-button {
	display:block;
	pointer-events:auto;
}
.vimeo-play-pause.active #vimeo-pause-button {
	display:none;
	pointer-events:none;
}
.vimeo-mute {
	position:absolute;
	bottom:20px;
	right:75px;
	width:44px;
	height:44px;
	z-index:2;
	background-image:url(/includes/public/assets/images/video-volume.svg);
	background-position:center;
	background-size:100%;
}
.vimeo-mute.mute {
	background-image:url(/includes/public/assets/images/video-mute.svg);
}
#vimeo-play-button,
#vimeo-pause-button,
.vimeo-mute {
	opacity:.8;
	cursor:pointer;
	transition:opacity ease .5s;
}
#vimeo-play-button:hover,
#vimeo-pause-button:hover,
.vimeo-mute:hover {
	opacity:1;
}

/* POPUP VIDEO */
.mfp-content {
	width:100%;
	max-width:1280px;
}
.mfp-content iframe {
	width:100%;
	height:60vh;
}
.mfp-close-btn-in .mfp-content .mfp-close {
	color:#fff;
}
/* END POPUP VIDEO */

@media only screen and (min-width: 1025px) {
	.header-slideshow {
		background-color: #000;
		width: 100%;
		height: calc(100vh - 80px);
		max-height: 1000px;
	}
	.header-slideshow.shorter { height: 50vh; }
	.header-slideshow video { object-fit: cover; }
	.header-slideshow .caption .caption-text { font-size: 75px;	}

	.slide-video-cont iframe {
		min-width: 2300px;
		min-height: 1294px;
	}
}

@media only screen and (max-width: 40em) {
	.header-slideshow { border-width: 0 15px 30px; }
}

@media only screen and (min-width: 40.063em) and (max-width: 1024px) {
	.header-slideshow,
	.header-slideshow .slide-video-cont { max-height: 576px; }
	.header-slideshow .caption .caption-text {
		font-size: 50px;
		max-width: 75%;
	}

	.slide-video-cont iframe {
		min-width: 770px;
		min-height: 435px;
	}
}
@media only screen and (min-width: 40.063em) {
	.header-slideshow .caption .caption-text { max-width: 65%; }
}