/* ==========================================================================
   AVM Player
========================================================================== */

.avm-player {
    width: 100%;
    max-width: 100%;
}

.video-js {
    width: 100%;
    height: auto;
}


/* ==========================================================================
   Standard 16:9 Player
========================================================================== */

.video-js.vjs-fluid {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}


/* ==========================================================================
   Video
========================================================================== */

.video-js .vjs-tech {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* ==========================================================================
   Vertical Video
========================================================================== */

.avm-player-vertical .video-js {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.avm-player-vertical .video-js .vjs-tech {
    object-fit: contain;
}


/* ==========================================================================
   Fullscreen
========================================================================== */

.video-js.vjs-fullscreen {
    width: 100vw !important;
    height: 100vh !important;
    padding-top: 0 !important;
}

.video-js.vjs-fullscreen .vjs-tech {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}


/* ==========================================================================
   Embed Player
========================================================================== */

.avm-embed {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
    display: block;
}

.avm-player iframe,
.avm-embed {
    width: 100%;
    border: 0;
    display: block;
}


/* ==========================================================================
   Embed Page
========================================================================== */

body.avm-embed-page {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #000;
    overflow: hidden;
}


/* ==========================================================================
   Vertical Video - Normal Mode
========================================================================== */

.avm-player-vertical {
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    position: relative;
    overflow: hidden;
}

.avm-player-vertical .video-js {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important;
    aspect-ratio: 16 / 9;
    background: #000;
}

.avm-player-vertical .video-js .vjs-tech {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}


/* ==========================================================================
   Vertical Video - Fullscreen
========================================================================== */

.avm-player-vertical .video-js.vjs-fullscreen {
    width: 100vw !important;
    height: 100vh !important;
    aspect-ratio: auto !important;
    padding-top: 0 !important;
    background: #000;
}

.avm-player-vertical .video-js.vjs-fullscreen .vjs-tech {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}