/* video pop up */
.dockOpen{overflow: hidden; height: 100%; position: fixed; width: 100%;}
.dockOpen body{position: absolute; width: 100%; left: 0px; right: 0px;}

.videoPop{position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.7); z-index: 3; overflow: hidden;}
.videoPop *:focus, .videoPop *:active:focus{outline-color: #ffffff;}

a.videoPop_close{display: block; position: absolute; left: -35px; top: -35px; width: 70px; height: 70px; padding: 15px; color: white;}
a.videoPop_close i{display: block; font-size: 28px;}

.videoPop_body{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.videoPop_frame{width: 100%; max-width: 800px; padding: 40px; background-color: black; position: relative;}
.videoPop_frame video{width: 100%; max-height: 100%;}

.videoPop_trapFocus{width: 0; height: 0; overflow: hidden; font-size: 0;}

@media screen and (max-width: 800px) {
    a.videoPop_close{left: 0px; top: -50px; width: 50px; height: 50px; padding: 10px;}
}

@media screen and (max-width: 600px) {
    .videoPop_frame{padding: 12px;}
}