/*
 * Video JS control-bar Custom CSS for EsupPod
 */

/* add Highlighting for active buttons */
.vjs-control-bar button:hover,
.vjs-control-bar button:active,
.vjs-control-bar button:focus,
.vjs-volume-control:hover,.vjs-volume-control:active,.vjs-volume-control:focus{
    background-color: #0006;
}
.vjs-button{cursor:pointer;}
.video-js .vjs-volume-horizontal{margin-right:0}
.video-js .vjs-volume-bar{margin-right:1em;}


/* Hide seek buttons & volume pannel on x-small screens */
.video-js.vjs-layout-small .vjs-seek-button,
.video-js.vjs-layout-x-small .vjs-seek-button,
.video-js.vjs-layout-x-small .vjs-volume-panel{
    display: none;
}