/* RESET STYLE PLYR JS */
.plyr,
.plyr-wrapper {
	position: relative;
	width: 100%;
	-webkit-border-radius: var(--rounded-lg);
	   -moz-border-radius: var(--rounded-lg);
	        border-radius: var(--rounded-lg);
	overflow: hidden;
	cursor: pointer;
}

.plyr .plyr__video-wrapper .plyr__video-embed__container.plyr__video-embed__container {
	width: 100%;
	height: 100%;
	padding-bottom: 0;
	-webkit-transform: none !important;
	   -moz-transform: none !important;
	    -ms-transform: none !important;
	     -o-transform: none !important;
	        transform: none !important;
}

.plyr video {
	-o-object-fit: cover;
	   object-fit: cover;
	   width: 101%;
	   height: 101%;
}

.plyr .plyr__poster {
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}

.plyr.plyr__poster-enabled.plyr--paused .plyr__poster,
.plyr.plyr__poster-enabled.plyr--playing .plyr__poster {
	opacity: 0;
}

.plyr.plyr__poster-enabled .plyr__poster,
.plyr.plyr__poster-enabled.plyr--paused.plyr--stopped .plyr__poster {
	opacity: 1;
}

.plyr.plyr--video .plyr__controls {
	opacity: 0;
}

.plyr.plyr--video.plyr--playing .plyr__controls {
	opacity: 1;
}

.plyr.plyr--video>.plyr__control {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border: 0;
	padding: 0;
	background-color: rgba(0, 0, 0, 0.20);
    border: 2px solid var(--white);
	overflow: hidden;
	opacity: 1;
	z-index: 5;
}

.plyr.plyr--video>.plyr__control>svg {
	fill: var(--white);
}

.plyr.plyr--video input[type=range] {
	color: var(--red);
}


/* banner full */
.site-inner-banner.media-video .media-banner .plyr__controls,
.site-inner-banner.media-video .media-banner .plyr.plyr--video>.plyr__control {
	display: none;
}

.plyr-wrapper.is-loading {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.plyr-wrapper.is-ready {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition: opacity .3s ease;
}

.type-banner-full_background .site-inner-banner.media-video {
	opacity: 0;
	visibility: hidden;
}

.type-banner-full_background .site-inner-banner.media-video  {
	opacity: 1;
	-webkit-animation: bannerFadeOut 1.5s ease forwards;
		-moz-animation: bannerFadeOut 1.5s ease forwards;
			-o-animation: bannerFadeOut 1.5s ease forwards;
			animation: bannerFadeOut 1.5s ease forwards;
	/* animation-delay: 1.5s; */
}

 .site-inner-banner.media-video video,
.site-inner-banner.media-video iframe {
	pointer-events: none;
	cursor: none;
}

.site-inner-banner.media-video .media-banner> .plyr {
	height: 100%;
}

/* keyframes */
@-webkit-keyframes bannerFadeOut {
	from {
		opacity: 0;
		visibility: hidden;
	}
	to {
		opacity: 1;
		visibility: visible;
	}
}
@-moz-keyframes bannerFadeOut {
	from {
		opacity: 0;
		visibility: hidden;
	}
	to {
		opacity: 1;
		visibility: visible;
	}
}
@-o-keyframes bannerFadeOut {
	from {
		opacity: 0;
		visibility: hidden;
	}
	to {
		opacity: 1;
		visibility: visible;
	}
}
@keyframes bannerFadeOut {
	from {
		opacity: 0;
		visibility: hidden;
	}
	to {
		opacity: 1;
		visibility: visible;
	}
}

@media all and (min-width: 1300px) {
	.plyr.plyr--video>.plyr__control {
		width: 108px;
		height: 108px;
	}

	.plyr.plyr--video>.plyr__control>svg {
		width: 35px;
		height: 35px;
	}
}

/* wh content wrapper */
.wh-content-video-wrapper:not(.custom-frame-square),
.wh-content-video-wrapper:not(.custom-frame-square)>.plyr,
.wh-content-video-wrapper:not(.custom-frame-square)>.plyr iframe,
.wh-content-video-wrapper:not(.custom-frame-square)>.plyr .plyr__video-wrapper video,
.wh-content-video-wrapper:not(.custom-frame-square)>.wpb_single_image,
.wh-content-video-wrapper:not(.custom-frame-square)>.wpb_single_image *   {
	min-height: 454px;
	height: 454px;
	max-width: 454px;
	width: 100%;
	min-width: 100%;
}

.wh-content-video-wrapper.custom-frame-square,
.wh-content-video-wrapper.custom-frame-square>.plyr,
.wh-content-video-wrapper.custom-frame-square>.plyr iframe,
.wh-content-video-wrapper.custom-frame-square>.plyr .plyr__video-wrapper video,
.wh-content-video-wrapper.custom-frame-square>.wpb_single_image,
.wh-content-video-wrapper.custom-frame-square>.wpb_single_image *   {
	width: 100%;
	min-width: 100%;
}

.wh-content-video-wrapper.custom-frame-square {
	position: relative;
    padding-top: -webkit-calc((541 / 529) * 100%);
    padding-top: -moz-calc((541 / 529) * 100%);
    padding-top: calc((541 / 529) * 100%);
}

.wh-content-video-wrapper.custom-frame-square>.plyr {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 101%;
}

.wh-content-video-wrapper.custom-frame-square>.plyr video,
.wh-content-video-wrapper.custom-frame-square>.plyr iframe {
	width: 101% !important;
}


.wh-content-video-wrapper>.plyr,
.wh-content-video-wrapper>.plyr .plyr__video-wrapper,
.wh-content-video-wrapper>.plyr .plyr__video-wrapper video {
	pointer-events: none;
}

.wh-content-video-wrapper>.plyr .plyr__video-wrapper video {
	width: 101%;
	height: 101%;
}

.wh-content-video-wrapper .plyr__controls,
.wh-content-video-wrapper .plyr__control,
.wh-content-video-wrapper  .plyr.plyr--video>.plyr__control {
	display: none;
}

@media all and (max-width: 1299px) {
	
}

@media all and (min-width: 601px) and (max-width: 1299px) {
	.plyr.plyr--video>.plyr__control {
		width: 80px;
		height: 80px;
	}

	.plyr.plyr--video>.plyr__control>svg {
		width: 25px;
		height: 25px;
	}
}


@media all and (max-width: 600px) {
	.plyr.plyr--video>.plyr__control {
		width: 38px;
		height: 38px;
	}

	.plyr.plyr--video>.plyr__control>svg {
		width: 13px;
		height: 13px;
	}
}