/* Position fullscreen control on right side of the player.
--------------------------------------------------------------------------------
*/
.video-js.vjs-wavesurfer .vjs-control.vjs-fullscreen-control {
    position: absolute;
    right: 0;
}

/* Ensure custom controls are always visible because
   the plugin hides and replace the video.js native mobile
   controls.
--------------------------------------------------------------------------------
*/
.vjs-wavesurfer .vjs-using-native-controls .vjs-control-bar {
    display: flex !important;
}

/* Ensure playToggle has pointer cursor.
--------------------------------------------------------------------------------
*/
.vjs-wavesurfer button.vjs-play-control.vjs-control.vjs-button {
    cursor: pointer;
}

/* Ensure that vjs menus and interfaces can be interacted with (such as the
   closed captions button).
--------------------------------------------------------------------------------
*/
.vjs-wavesurfer .vjs-menu-content {
    z-index: 4;
}

.vjs-wavesurfer .vjs-modal-dialog, .vjs-text-track-display {
    z-index: 4;
}
