@charset "UTF-8";

/* Name: YouTubePopUp Version: 1.0.1  Plugin URL: https://wp-time.com/youtube-popup-jquery-plugin/  Written By: Qassim Hassan */

.YouTubePopUp-Wrap{position:fixed; width:100%; height:100%; background-color:#0000; background-color:rgba (0, 0, 0, 0.8); top:0; left:0; z-index:9999999999999;}
.YouTubePopUp-animation{opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: YouTubePopUp; animation-name: YouTubePopUp;}
@-webkit-keyframes YouTubePopUp { 0% {opacity: 0;}
 100% { opacity: 1;}}
@keyframes YouTubePopUp {0% {opacity: 0;}
100% {opacity: 1;}}
body.logged-in .YouTubePopUp-Wrap{ /* For WordPress */ top:32px; z-index:99998;}
.YouTubePopUp-Content{max-width:680px; display:block; margin:0 auto; height:100%; position:relative;}
.YouTubePopUp-Content iframe{ max-width:100% !important; width:100% !important; display:block !important; height:480px !important; border:none !important; position:absolute; top: 0; bottom: 0; margin: auto 0;}
.YouTubePopUp-Hide{-webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: YouTubePopUpHide; animation-name: YouTubePopUpHide;}
@-webkit-keyframes YouTubePopUpHide { 0% {opacity: 1;}
100% {opacity: 0;}}
@keyframes YouTubePopUpHide {0% {opacity: 1;}
 100% {opacity: 0;}}
.YouTubePopUp-Close{position:absolute; top:0; cursor:pointer; bottom:528px; right:0px; margin:auto 0; width:24px; height:24px; background:url(../img/close.png) no-repeat; background-size:24px 24px; -webkit-background-size:24px 24px; -moz-background-size:24px 24px; -o-background-size:24px 24px;}
.YouTubePopUp-Close:hover{opacity:0.5;}
@media all and (max-width: 768px) and (min-width: 10px){ .YouTubePopUp-Content{max-width:90%;}}
@media all and (max-width: 600px) and (min-width: 10px){ .YouTubePopUp-Content iframe{height:320px !important;}
.YouTubePopUp-Close{bottom:362px;}}
@media all and (max-width: 480px) and (min-width: 10px){ .YouTubePopUp-Content iframe{height:220px !important;}
.YouTubePopUp-Close{bottom:262px;}}