/* 2021-03-23 ESAS0051 - AY */
/* Added Video Player CSS */
/*MagnificPopup Styles*/
.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }
.mfp-close-btn-in .mfp-close { color: #ffffff!important; opacity: 0.65; }
.mfp-close-btn-in .mfp-close:hover { color: #ffffff; opacity: 1; }
/* 2021-05-12 ESAS0059 - AY */
/* Added fixed position middle screen styling to .white-popup, and updated width & max-width from 100% to inherit */
.white-popup { position: relative; width: inherit; max-width: inherit; margin: 20px auto; margin-top: 40px; margin-bottom: 0px; padding-top: 40px; }
.white-popup { position: fixed; top: 50%; transform: translateY(-50%); width: inherit; max-width: inherit; }
.mfp-auto-cursor .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
/*VideoJS Styles*/
/* 2021-05-12 ESAS0059 - AY */
/* Added padding-top: 56.25%!important to .video-js class */
/* 2021-05-26 ESAS0065 - AY */
/* Added height:unset to .video-js class */
.video-js { width: 100%; overflow: hidden; padding-top: 56.25%!important; height: unset }
/* 2021-05-26 ESAS0065 - AY */
/* Added responsive for screen width smaller than 580px for white-popup and mfp-container classes */
@media (max-width: 580px ) {
    .white-popup { max-width: 100vw; }
    .mfp-container { padding: 0!important; }
}

/* Video Image Styles*/
/* 2021-05-12 ESAS0059 - AY */
/* Added display: inline!important to btn-banner-video class */
.btn-banner-video { cursor: pointer; display:inline!important; }
.btn-banner-video .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); }
.btn-video-play, .btn-video-play:focus, .btn-video-play:visited { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; color: #fff; background: rgba(255,255,255,0.2); border-radius: 50%; width: 50px; height: 50px; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; }
.btn-video-play:hover { background: rgba(255,255,255,0.3); }
.post-16-9-ar-bg, .pr-16-9-ar-bg { position: relative; }