/* Current Bootstrap behavior on DIVA's established Bootstrap 3 page layout. */
.fade.show { opacity: 1; }
.modal.show .modal-dialog { transform: translate(0, 0); }
.modal-backdrop { position: fixed; bottom: 0; }
.modal-backdrop.show { opacity: .5; }
.collapse.show { display: block; visibility: visible; }
.dropdown-menu.show { display: block; }
.tooltip.show { opacity: .9; }
.diva-editor .ql-editor { min-height: 10rem; }
.diva-editor[hidden], textarea[hidden] { display: none !important; }
.diva-editor-toggle { margin-bottom: .5rem; }
.diva-audio { display: block; width: 100%; max-width: 40rem; }
.audio-embed.diva-audio-fallback { display: inline; }
.sticky-navigation.stuck { position: fixed; top: 0; left: 0; width: 100%; z-index: 5; }
.sort-handle { touch-action: none; }
.diva-sort-controls { white-space: nowrap; }

/* Match the CMS embed's full-width 16:9 stage; contain 4:3 archival footage. */
.video-wrapper > .video-js {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    padding: 0;
    margin: 0 auto;
}
.video-wrapper .vjs-tech,
.video-wrapper .vjs-poster img { object-fit: contain; }
.video-wrapper .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
}
.video-wrapper > .video-js.vjs-fullscreen {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
}