/*Tab Highlighting .focushighlight gets toggled on body if user uses keyboard*/
.focushighlight:not(.backend) .vjs-big-play-button:focus:not(.noFocusHighlight) {
    background-color: rgba(11, 25, 44, .75) !important;
    outline: none;
    box-shadow: 0 0 8px 8px #1D4171;
}

.focushighlight:not(.backend) .video-container .video-js button:focus:not(.noFocusHighlight) {
    outline: none;
    background-color: #1D4171;
}

.focushighlight:not(.backend) a:focus strong:not(.noFocusHighlight), .focushighlight:not(.backend) a:focus i:not(.noFocusHighlight) {
    color: white !important;
}

.focushighlight:not(.backend) input:focus {
    background-color: #1D4171;
    color: white !important;
    outline: none;
}

.focushighlight:not(.backend) a:focus:not(.button):not(.doubleButton):not(.backend):not(.noFocusHighlight):not(.directDownload), .focushighlight:not(.backend) .link:not(.noFocusHighlight) {
    background-color: #1D4171;
    color: white !important;
    outline: none;
    border-radius: 0 4px 4px 4px;
    box-shadow: 0 0 0 6px #1D4171;
}

.focushighlight:not(.backend) a.doubleButton:not(.noFocusHighlight) {
    outline: none;
}

.focushighlight:not(.backend) a:focus .button.grey:not(.noFocusHighlight) {
    background-color: #1D4171;
    color: white !important;
}

.focushighlight:not(.backend) a.button:focus, .focushighlight:not(.backend) a:focus:not(.backend) .button-width-square:not(.noFocusHighlight) {
    background-color: white;
    color: #1D4171;
    box-shadow: inset 0 0 0 3px #1D4171;
    outline: none;
}

.focushighlight:not(.backend) .actionbar button:focus {
    background-color: #1D4171;
    color: white !important;
    outline: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Crect x='0' y='0' rx='6' ry='6' width='50' height='50' style='fill:white;' /%3E%3Crect x='0' y='0' width='10' height='10' style='fill:white;' /%3E%3Cpolygon points='33,22 17,22 25,9' style='fill:%231D4171;' /%3E%3Cpolygon points='33,28 17,28 25,40' style='fill:%231D4171;' /%3E%3C/svg%3E");
}

.focushighlight:not(.backend) .sessionList span a.sessionLink:not(.noFocusHighlight) {
    border-radius: 4px 4px 0 4px !important;
}

a.noFocusHighlight{
    outline: none;
}

.focushighlight:not(.backend) .sessionItem .speechGroupElement:focus {
    outline: none;
}

    .focushighlight:not(.backend) .sessionItem .speechGroupElement:focus .speechDetails div:not(.noFocusHighlight) {
        background-color: #1D4171;
        color: white;
        box-shadow: 0 0 0 0.25em #1D4171;
        border-radius: 3px 0 0 0;
    }

        .focushighlight:not(.backend) .sessionItem .speechGroupElement:focus .speechDetails div:nth-child(2):not(.noFocusHighlight) {
            border-radius: 0 0 3px 3px;
            overflow: hidden;
        }

.focushighlight:not(.backend) .button-home:focus {
    background-image: url(../images/home_invert.svg);
}

.focushighlight:not(.backend) .button-search:focus {
    background-image: url(../images/search_invert.svg) !important;
    background-color: white !important;
    box-shadow: inset 0 0 0 3px #1D4171 !important;
    outline: none;
}

.focushighlight:not(.backend) a:focus .button-width-square.button-play, .focushighlight:not(.backend) a.button:focus.button-play {
    background-image: url(../images/playbutton_invert.svg);
}
.focushighlight:not(.backend) a:focus .button-sign, .focushighlight:not(.backend) a.button:focus.button-sign {
    background-image: url(../images/sign-language_invert.svg);
}

.focushighlight:not(.backend) a:focus .button-width-square.button-download, .focushighlight:not(.backend) a.button:focus.button-download {
    background-image: url(../images/downloadbutton_invert.svg);
}

.focushighlight:not(.backend) a:focus .button-width-square.button-link, .focushighlight:not(.backend) a.button:focus.button-link {
    background-image: url(../images/link-button_invert.svg);
}

.terms_of_use-modal.focushighlight:not(.backend) .button:focus {
    background-color: white;
    box-shadow: 0 0 0 0.25em inset #1d4171;
    color: #1d4171;
    outline: none;
}
.terms_of_use-modal a:focus {
    box-shadow: 0 1px 0 3px #1d4171 !important;
}

.cookiealert.focushighlight:not(.backend) .button:focus {
    background-color: white;
    box-shadow: 0 0 0 0.25em inset #1d4171;
    color: #1d4171;
    outline: none;
}
.cookiealert a:focus {
    box-shadow: 0 1px 0 3px #1d4171 !important;
}