/*********************************************
 * Video Popup
**********************************************/
.vii-video-popup {
    --btn-w:50px;
    --btn-font-size:18px;
    --img-ar:413/275;

    aspect-ratio:var(--img-ar);
    border:2px solid #fff;
}

/* image dark overlay */
.vii-video-popup:before {background-color:#000; opacity:.2; transition:opacity .6s ease; z-index:2;}
.vii-video-popup:hover:before {opacity:.3;}

/* image hover */
.vii-video-popup img {transition:transform .6s ease;}
a.vii-video-popup:hover img {transform:scale(1.02);}

/* play button */
.vii-video-popup__play-button {
    width:var(--btn-w); background:var(--vii-color-white);
    font-size:var(--btn-font-size); color:var(--vii-color-dark-blue);
    box-shadow:0 0 0 10px rgba(255,255,255,.3);
}
.vii-video-popup__play-button i {transform:translateX(0.15em);}


/*********************************************
 * Video Popup Responsive
**********************************************/
@media only screen and (max-width:1023px) {
    .vii-video-popup {border:none;}
}