/*-------------------------------------------*\
    videoplayer.css
\*-------------------------------------------*/

.et_pb_video_play {

	opacity:10%;
	animation-timing-function: ease;
	transition: 0.25s;

}

.et_pb_video_overlay_hover:hover .et_pb_video_play {

	opacity:100%;
	animation-timing-function: ease;\
	transition: 0.25s;

}


/* Custom Video Popup */
/* Popup Close Icon Tweak */
.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
	top: 0px !important;
	position: fixed !important;
}

.mfp-iframe-holder {
padding-top: 75px;
}

.mfp-iframe-holder .mfp-content {
    max-width: 70%;
}

@media all and (max-width: 980px) {

.mfp-iframe-holder .mfp-content {
    max-width: 92%;
}

}
.mfp-iframe-scaler button.mfp-close {
    top: -100px ;
font-size: 40px;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close,
.mfp-wrap .mfp-close:active {
    top: -75px !important;
}

.mfp-bg {
background-color: #191919;
opacity: 100% !important;
}


.et_pb_column:has(.video_lightbox) {
overflow: hidden;
display: inline-block;
vertical-align: middle;

}

.video_lightbox_lightbox .mfp-iframe-holder .mfp-close {
    top: -50px;
}

.video_lightbox {
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
}

.video_lightbox a:before {
    content: 'E';
    cursor: pointer;
    font-family: 'ETmodules';
    position: absolute;
    top: calc(50% - 55px);
    left: calc(50% - 47px);
    z-index: 20;
    /* background-color: #fff; */
    padding: 55px 27px;
    border-radius: 50%;
    font-size: 40px;
    text-transform: uppercase;
    /* color: #0a2a3b; */
	color: #fff;
    opacity: 0;

}

.video_lightbox a:after {
    content: 'E';
    cursor: pointer;
    font-family: 'ETmodules';
    position: absolute;
    top: calc(50% - 55px);
    left: calc(50% - 47px);
    z-index: 20;
    /* background-color: #fff; */
    padding: 55px 27px;
    border-radius: 50%;
    font-size: 40px;
    text-transform: uppercase;
    /* color: #0a2a3b; */
	color: #fff;
    opacity: 0;
}

.video_lightbox.no_icon:before,
.video_lightbox.no_icon:after {
    display: none!important;
}

.video_lightbox:not(.no_icon):hover {
    -webkit-transform: scale(0.999);
    -ms-transform: scale(0.999);
    transform: scale(0.999);
}

.video_lightbox:hover a:before {
    opacity: 0;
    padding: 65px 37px;
    left: calc(50% - 64.5px);
    top: calc(50% - 65px);
}

.video_lightbox:hover a:after {
    opacity: 1;
    padding: 65px 37px;
    left: calc(50% - 64.5px);
    top: calc(50% - 65px);
    font-size: 56.5px;
}

@media all and (max-width: 980px) {
    .video_lightbox a:before {
        top: calc(50% - 32.5px);
        left: calc(50% - 33px);
        padding: 33px 17px;
        font-size: 10px;
    }
    .video_lightbox a:after {
        top: calc(50% - 32.5px);
        left: calc(50% - 33px);
        padding: 33px 17px;
        font-size: 32px;
    }
    .video_lightbox:hover a:before {
        opacity: 0;
        padding: 40px 22px;
        left: calc(50% - 43px);
        top: calc(50% - 42.5px);
    }
    .video_lightbox:hover a:after {
        opacity: 1;
        padding: 40px 22px;
        left: calc(50% - 43px);
        top: calc(50% - 42.5px);
        font-size: 42px;
    }
}