.video_popup_wrap {
display: inline-block;
vertical-align: top;
cursor: pointer;
}
.video_thumb_wrap {
background-size: cover;
background-position: center center;
position: relative;
}
.video_thumb_wrap::after {
width: 100px;
height: 100px;
padding-top: 120px;
z-index: 10;
content: " ";
background-image: url(//www.ila-americanbranch.org/wp-content/plugins/video_popup_shortcode/images/play-512white.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100px 100px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
pointer-events: none;
}
.video_thumb_wrap:hover::after {
background-image: url(//www.ila-americanbranch.org/wp-content/plugins/video_popup_shortcode/images/play-512.png);
color: #232021;
}
.has_embed .video_thumb_wrap::after {
display: none;
}
.show_play.has_embed .video_thumb_wrap::after {
display: block;
}
.aspect_ratio {
width: 100%;
}
.vps_popup_block {
display: none;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.6);
z-index: 40000;
}
.vps_video_popup_wrap {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
width: 100%;
max-width: 1200px;
background-color: #ffffff;
padding: 50px;
}
.on .vps_popup_block {
display: block;
}
.vps_popup_off_block {
position: relative;
}
.vps_popup_off {
position: absolute;
top: -30px;
right: -30px;
}
.video_popup_wrap.floatleft {
float: left;
margin-right: 25px;
margin-bottom: 25px;
}
.video_popup_wrap.floatright {
float: right;
margin-left: 25px;
margin-bottom: 25px;
}
.video_popup_wrap.center {
display: block;
margin: 25px auto;
}
.embed_here {
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
width: 100%;
height: 100%;
}
.vps_embeded_iframe {
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
width: 100% !important;
height: 100% !important;
}