/*===================================*/
/*==== Modal Video Pop Up Styles ====*/
/*===================================*/

/*Modal Youtube Player*/
.youtube_player_container{ display:none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 8; background: linear-gradient(to right,rgba(33, 103, 163,0.7) 0%,rgba(5, 67, 117,0.8) 100%); }
.youtube_player_container.play_video{ display:block; animation-name:fadein; animation-duration:0.8s; }
.youtube_player_position{ position:relative; display:block; width:100%; height:100%; animation-name:VideoDropDown; animation-duration:1s; }
@media screen and (min-width:670px){ .youtube_player_position{ width:640px; position:absolute; left:50%; margin-left:-320px; } }
@media screen and (min-height:390px){ .youtube_player_position{ height:360px; position:absolute; top:50%; margin-top:-180px; } }
@keyframes VideoDropDown{ from{top:20%; opacity:0; } to{ top:50%; opacity:1; } }
.youtube_player_margins{ padding:15px; padding-top:2.5vh; padding-bottom:2.5vh; height:90vh; }
@media screen and (min-width:670px){ .youtube_player_margins{ padding-left:0px; padding-right:0px; } }
@media screen and (min-height:390px){ .youtube_player_margins{ padding-top:0px; padding-bottom:0px; height:100%; } }
.youtube_player{ position:relative; width:100%; height:100%; background-color:black; }
.youtube_player iframe{ position:relative; width:100%; height:100%; box-shadow: 0 0 60px rgba(0, 0, 0, 0.25); }
.close_youtube_player{ position: absolute; top: 5px; right: 5px; height: 60px; font-size: 0; width: 60px; background-size: contain; background-repeat: no-repeat; z-index: 1; background-image: url(/App_Themes/jaxready/img/icons/CloseX.png); background-color: rgb(51, 112, 163); }
@media screen and (max-width:669px){ .close_youtube_player{ right: 20px; } }
@media screen and (min-width:750px){ .close_youtube_player{ right:-40px; background-color:rgba(0,0,0,0); width:35px; height:35px; } }
@media screen and (min-height:460px){ .close_youtube_player{ top:-40px; background-color:rgba(0,0,0,0); width:35px; height:35px; } }