/* =============================================================================
 *
 *   NPO player
 *
 * ========================================================================== */

.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.npo-player-header{
    background: unset !important;
}

.npo-player-header .npo-player-header-buttons {
    margin: 20px !important;
}

.npo-player-header-buttons span.vjs-control-text {
    width: auto !important;
    height: auto !important;
    position: relative !important;
}

.npo-player-settings,
.npo-player-header-info,
.video-js .vjs-big-play-button:before,
.npo-player-endscreen {
    display: none !important;
}

.video-js .vjs-big-play-button {
    background-image: url(./img/npo-video.svg) !important;
    width: 75px !important;
    height: 75px !important;
    background-size: cover;
    background-color: unset !important;
    transform: translate(-50%, -50%);
    top: 50%;
    margin: 0 !important;
    z-index: 9999999 !important;
}