/* FULL SCREEN VIDEO STYLING */
:-webkit-full-screen {
  background-color: #000;
  width: 100%;
  height: 100%;
}

/* Firefox syntax */
:-moz-full-screen {
  background-color: #000;
  width: 100%;
  height: 100%;
}

/* IE/Edge syntax */
:-ms-fullscreen {
  background-color: #000;
  width: 100%;
  height: 100%;
}

/* Standard syntax */
:fullscreen {
  background-color: #000;
  width: 100%;
  height: 100%;
}

body.wpvs-hide-overflow {
    overflow: hidden;
}

#wpvs-close-video-players {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 15px;
    display: flex;
    cursor: pointer;
}

#wpvs-close-video-players .dashicons {
    width: auto;
    height: auto;
    font-size: 32px;
    color: #ffffff;
}

#wpvs-theme-open-video-players {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    padding: 4vw;
    background: rgba(0,0,0,0.7);
    z-index: 9999;
}

#wpvs-theme-open-video-players.show {
    display: flex;
}

#wpvs-main-video-wrapper,
#wpvs-trailer-video-wrapper {
    display: none;
    max-height: 100%;
}

#wpvs-main-video-wrapper.show,
#wpvs-trailer-video-wrapper.show {
    display: flex;
}

#wpvs-main-video-wrapper video,
#wpvs-trailer-video-wrapper video {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
}

.wpvs-responsive-video .wp-video, .wpvs-responsive-video .wpvs-youtube-video-player,
.wpvs-responsive-video .wpvs-youtube-trailer-player {
    max-width: 100vw;
    width: auto;
    height: 100%;
}

.wpvs-single-video .wpvs-responsive-video .wp-video {
    max-width: 100%;
}

.wpvs-responsive-video .wpvs-youtube-video-player,
.wpvs-responsive-video .wpvs-youtube-trailer-player {
    width: 92vw;
    aspect-ratio: 16/9;
}


video.wpvs-background-trailer {
    min-width: 100%;
}


.wpvs-video-header.video-playing {
    z-index: -1;
    opacity: 0;
}

.wpvs-video-description {
    overflow: hidden;
    position: relative;
}

.wpvs-full-screen-display #wpvs-autoplay-countdown {
    height: 100%;
    width: 100%;
    bottom: auto;
    top: 0;
    text-align: center;
    padding: 30% 4%;
}

.wpvs-full-screen-display #wpvs-cancel-next-video {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    width: 50px;
    height: 50px;
    margin: 25px auto;
}

.wpvs-full-screen-display #wpvs-cancel-next-video .dashicons {
    font-size: 50px;
}

#wpvs-trailer-video-wrapper.paused .mejs-overlay-button,
#wpvs-trailer-video-wrapper.paused .mejs-controls {
    display: none;
}


@media screen and (min-width: 680px) {

.wpvs-full-screen-display #wpvs-autoplay-countdown {
    padding: 25%;
}

}

@media screen and (min-width: 960px) {


.wpvs-full-screen-display #wpvs-autoplay-countdown {
    padding: 20%;
}

}


@media screen and (min-width: 1200px) {

.wpvs-full-screen-display #wpvs-autoplay-countdown {
    padding: 15%;
}

}