.player-wrapper .audio .theo-player-wrapper {
    background-image: url(https://gscdn.nl/dump/images/audio_player.jpg);
}

.player-wrapper .vjs-icon-cog {
    font-family: THEOplayer;
}

#embed .player-wrapper {
    width: 100%;
    height: 100%;
}

.player-wrapper .theoplayer-skin .theo-menu .theo-menu-item.vjs-selected,
.theoplayer-skin .theo-menu .theo-menu-item.vjs-selected:focus,
.theoplayer-skin .theo-menu .theo-menu-item.vjs-selected:hover {
    color: #56af24;
}

.player-wrapper .theo-primary-color, .vjs-selected {
    color: #56af24;
}

.player-wrapper .theo-primary-border,
.player-wrapper .theo-related-grid .theo-related-grid-tile:hover .theo-related-grid-tile-content .theo-related-grid-tile-title {
    border-color: #56af24;
}

.player-wrapper .theo-primary-background {
    color: #000000;
    background-color: #56af24;
}

.player-wrapper .theo-secondary-color {
    color: #ffffff;
}

.player-wrapper .theo-secondary-background {
    color: #000000;
    background-color: #ffffff;
}

.player-wrapper .theo-tertiary-color {
    color: #000000;
}

.player-wrapper .theo-tertiary-background {
    color: #ffffff;
    background-color: #000000;
}

.player-wrapper .theo-settings-control-menu-item-value {
    color: #56af24;
}

.player-wrapper .theoplayer-skin .vjs-control-bar {
    height: 50px;
    padding: 7px 0.5em;
}

.player-wrapper .theoplayer-skin:hover .vjs-big-play-button {
    background: none;
}

.player-wrapper .theoplayer-skin .vjs-big-play-button:hover {
    background: none;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    transform: translate(-50%, -50%) scale(1.2);
    transition: transform 0.2s;
}

.player-wrapper .theoplayer-skin .vjs-big-play-button,
.player-wrapper .theoplayer-skin:hover .vjs-big-play-button,
.player-wrapper .theoplayer-skin .vjs-big-play-button:focus {
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.player-wrapper .theoplayer-skin .vjs-big-play-button:before {
    content: '';
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjcwcHgiIGhlaWdodD0iNzBweCIgdmlld0JveD0iMCAwIDcwIDcwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3MCA3MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiM1NkFDNDIiIGQ9Ik0zNSw3MGMxOS4zLDAsMzUtMTUuNywzNS0zNVM1NC4zLDAsMzUsMFMwLDE1LjcsMCwzNVMxNS43LDcwLDM1LDcwTDM1LDcweiBNMzUsOC40CgljMTQuNywwLDI2LjYsMTEuOSwyNi42LDI2LjZTNDkuNyw2MS42LDM1LDYxLjZTOC40LDQ5LjcsOC40LDM1UzIwLjMsOC40LDM1LDguNEwzNSw4LjR6Ii8+Cjxwb2x5Z29uIGZpbGw9IiM1NkFDNDIiIHBvaW50cz0iNDguOSwzNSAyNyw0OS42IDI3LDIwLjQgIi8+Cjwvc3ZnPgo=') no-repeat 0 0;
    background-size: 100%;
    display: block;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.75));
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.75));
}

.player-wrapper .theo-big-play-button-svg-container svg {
    display: none;
}

.player-wrapper .theoplayer-skin .vjs-big-play-button::after {
    display: none;
}

.player-wrapper .theoplayer-skin .vjs-big-play-button {
    width: 15%;
    padding-bottom: 15%;
}

@media (min-width: 640px) {
    .player-wrapper .theoplayer-skin .vjs-big-play-button {
        width: 11%;
        padding-bottom: 11%;
    }
}

.theo-secondary-color.vjs-control-bar:not(.theo-top-controlbar) {
    z-index: 1;
}

.player-wrapper .theo-settings-control-menu {
    z-index: 2;
}

/* GeenStijl Overrides */
.player-wrapper .theoplayer-skin.geenstijl_nl .vjs-big-play-button:before {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjcwcHgiIGhlaWdodD0iNzBweCIgdmlld0JveD0iMCAwIDcwIDcwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3MCA3MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNGRjMzQTlGRiIgZD0iTTM1LDcwYzE5LjMsMCwzNS0xNS43LDM1LTM1UzU0LjMsMCwzNSwwUzAsMTUuNywwLDM1UzE1LjcsNzAsMzUsNzBMMzUsNzB6IE0zNSw4LjQKCWMxNC43LDAsMjYuNiwxMS45LDI2LjYsMjYuNlM0OS43LDYxLjYsMzUsNjEuNlM4LjQsNDkuNyw4LjQsMzVTMjAuMyw4LjQsMzUsOC40TDM1LDguNHoiLz4KPHBvbHlnb24gZmlsbD0iI0ZGMzNBOUZGIiBwb2ludHM9IjQ4LjksMzUgMjcsNDkuNiAyNywyMC40ICIvPgo8L3N2Zz4K') no-repeat 0 0;
    background-size: 100%;
}

.player-wrapper .theoplayer-skin.geenstijl_nl .theo-menu .theo-menu-item.vjs-selected,
.theoplayer-skin.geenstijl_nl .theo-menu .theo-menu-item.vjs-selected:focus,
.theoplayer-skin.geenstijl_nl .theo-menu .theo-menu-item.vjs-selected:hover {
    color: #ff33a9ff;
}

.player-wrapper .geenstijl_nl .theo-primary-color, .vjs-selected {
    color: #ff33a9ff;
}

.player-wrapper .geenstijl_nl .theo-primary-border,
.player-wrapper .geenstijl_nl .theo-related-grid .theo-related-grid-tile:hover .theo-related-grid-tile-content .theo-related-grid-tile-title {
    border-color: #ff33a9ff;
}

.player-wrapper .geenstijl_nl .theo-primary-background {
    background-color: #ff33a9ff;
}

.player-wrapper .geenstijl_nl .theo-settings-control-menu-item-value {
    color: #ff33a9ff;
}

/* Autobahn Overrides */
.player-wrapper .theoplayer-skin.autobahn_eu .vjs-big-play-button:before {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjcwcHgiIGhlaWdodD0iNzBweCIgdmlld0JveD0iMCAwIDcwIDcwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3MCA3MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNmN2MxMWYiIGQ9Ik0zNSw3MGMxOS4zLDAsMzUtMTUuNywzNS0zNVM1NC4zLDAsMzUsMFMwLDE1LjcsMCwzNVMxNS43LDcwLDM1LDcwTDM1LDcweiBNMzUsOC40CgljMTQuNywwLDI2LjYsMTEuOSwyNi42LDI2LjZTNDkuNyw2MS42LDM1LDYxLjZTOC40LDQ5LjcsOC40LDM1UzIwLjMsOC40LDM1LDguNEwzNSw4LjR6Ii8+Cjxwb2x5Z29uIGZpbGw9IiNmN2MxMWYiIHBvaW50cz0iNDguOSwzNSAyNyw0OS42IDI3LDIwLjQgIi8+Cjwvc3ZnPgo=') no-repeat 0 0;
    background-size: 100%;
}

.player-wrapper .theoplayer-skin.autobahn_eu .theo-menu .theo-menu-item.vjs-selected,
.theoplayer-skin.autobahn_eu .theo-menu .theo-menu-item.vjs-selected:focus,
.theoplayer-skin.autobahn_eu .theo-menu .theo-menu-item.vjs-selected:hover {
    color: #f7c11f;
}

.player-wrapper .autobahn_eu .theo-primary-color, .vjs-selected {
    color: #f7c11f;
}

.player-wrapper .autobahn_eu .theo-primary-border,
.player-wrapper .autobahn_eu .theo-related-grid .theo-related-grid-tile:hover .theo-related-grid-tile-content .theo-related-grid-tile-title {
    border-color: #f7c11f;
}

.player-wrapper .autobahn_eu .theo-primary-background {
    background-color: #f7c11f;
}

.player-wrapper .autobahn_eu .theo-settings-control-menu-item-value {
    color: #f7c11f;
}

/* Das Kapital Overrides */
.player-wrapper .theoplayer-skin.daskapital_nl .vjs-big-play-button:before {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjcwcHgiIGhlaWdodD0iNzBweCIgdmlld0JveD0iMCAwIDcwIDcwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3MCA3MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNiY2E2ODAiIGQ9Ik0zNSw3MGMxOS4zLDAsMzUtMTUuNywzNS0zNVM1NC4zLDAsMzUsMFMwLDE1LjcsMCwzNVMxNS43LDcwLDM1LDcwTDM1LDcweiBNMzUsOC40CgljMTQuNywwLDI2LjYsMTEuOSwyNi42LDI2LjZTNDkuNyw2MS42LDM1LDYxLjZTOC40LDQ5LjcsOC40LDM1UzIwLjMsOC40LDM1LDguNEwzNSw4LjR6Ii8+Cjxwb2x5Z29uIGZpbGw9IiNiY2E2ODAiIHBvaW50cz0iNDguOSwzNSAyNyw0OS42IDI3LDIwLjQgIi8+Cjwvc3ZnPgo=') no-repeat 0 0;
    background-size: 100%;
}

.player-wrapper .theoplayer-skin.daskapital_nl .theo-menu .theo-menu-item.vjs-selected,
.theoplayer-skin.daskapital_nl .theo-menu .theo-menu-item.vjs-selected:focus,
.theoplayer-skin.daskapital_nl .theo-menu .theo-menu-item.vjs-selected:hover {
    color: #bca680;
}

.player-wrapper .daskapital_nl .theo-primary-color, .vjs-selected {
    color: #bca680;
}

.player-wrapper .daskapital_nl .theo-primary-border,
.player-wrapper .daskapital_nl .theo-related-grid .theo-related-grid-tile:hover .theo-related-grid-tile-content .theo-related-grid-tile-title {
    border-color: #bca680;
}

.player-wrapper .daskapital_nl .theo-primary-background {
    background-color: #bca680;
}

.player-wrapper .daskapital_nl .theo-settings-control-menu-item-value {
    color: #bca680;
}


/* Upcoming Overrides */
.player-wrapper .theoplayer-skin.upcoming_nl .vjs-big-play-button:before {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjcwcHgiIGhlaWdodD0iNzBweCIgdmlld0JveD0iMCAwIDcwIDcwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3MCA3MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNlMzRlNDgiIGQ9Ik0zNSw3MGMxOS4zLDAsMzUtMTUuNywzNS0zNVM1NC4zLDAsMzUsMFMwLDE1LjcsMCwzNVMxNS43LDcwLDM1LDcwTDM1LDcweiBNMzUsOC40CgljMTQuNywwLDI2LjYsMTEuOSwyNi42LDI2LjZTNDkuNyw2MS42LDM1LDYxLjZTOC40LDQ5LjcsOC40LDM1UzIwLjMsOC40LDM1LDguNEwzNSw4LjR6Ii8+Cjxwb2x5Z29uIGZpbGw9IiNlMzRlNDgiIHBvaW50cz0iNDguOSwzNSAyNyw0OS42IDI3LDIwLjQgIi8+Cjwvc3ZnPgo=') no-repeat 0 0;
    background-size: 100%;
}

.player-wrapper .theoplayer-skin.upcoming_nl .theo-menu .theo-menu-item.vjs-selected,
.theoplayer-skin.upcoming_nl .theo-menu .theo-menu-item.vjs-selected:focus,
.theoplayer-skin.upcoming_nl .theo-menu .theo-menu-item.vjs-selected:hover {
    color: #e34e48;
}

.player-wrapper .upcoming_nl .theo-primary-color, .vjs-selected {
    color: #e34e48;
}

.player-wrapper .upcoming_nl .theo-primary-border,
.player-wrapper .upcoming_nl .theo-related-grid .theo-related-grid-tile:hover .theo-related-grid-tile-content .theo-related-grid-tile-title {
    border-color: #e34e48;
}

.player-wrapper .upcoming_nl .theo-primary-background {
    background-color: #e34e48;
}

.player-wrapper .upcoming_nl .theo-settings-control-menu-item-value {
    color: #e34e48;
}

