.theatre_wcag_widget {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 8;
    background: #fff;
    gap: 12px;
}

.home .theatre_wcag_widget {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 3px 10px #444;
    padding: 5px;
}

.home .theatre_wcag_widget.show {
    display: flex;
}

.theatre_wcag_btn {
    display: inline-block;
    background-color: #7e0926;
    border-radius: 0;
    align-self: stretch;
    font-weight: 900;
    border: none;
    color: #fff;
    padding: 8px;
    font-size: 14px;
    cursor: pointer;
}

.theatre_toggle_wcag_widget {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    padding: 5px;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    cursor: pointer;
    border: none;
    z-index: 9;
    box-shadow: 0 3px 10px #444;
}

.home .theatre_toggle_wcag_widget {
    display: flex;
    position: absolute;
    right: -40px;
    top: 0;
    height: 100%;
}

body.wcag_contrast_white,
body.wcag_contrast_white input,
body.wcag_contrast_white textarea,
body.wcag_contrast_white select,
body.wcag_contrast_white div,
body.wcag_contrast_white section,
body.wcag_contrast_white:not(.home) header,
body.wcag_contrast_white:not(.home) nav,
body.wcag_contrast_white main,
body.wcag_contrast_white aside,
body.wcag_contrast_white footer,
body.wcag_contrast_white button,
body.wcag_contrast_white a,
body.wcag_contrast_white * {
    background-color: #000 !important;
}

body.wcag_contrast_white.home .theatre_home_header,
body.wcag_contrast_white.home .main-navigation,
body.wcag_contrast_white img {
    background-color: transparent!important;
}

body.wcag_contrast_white footer {
    background: #000 !important;
}

body.wcag_contrast_white .theatre_nav__white_logo {
    display: block;
}

body.wcag_contrast_white .theatre_nav__black_logo {
    display: none;
}

body.wcag_contrast_white,
body.wcag_contrast_white p,
body.wcag_contrast_white h1,
body.wcag_contrast_white h2,
body.wcag_contrast_white h3,
body.wcag_contrast_white h4,
body.wcag_contrast_white div,
body.wcag_contrast_white h5,
body.wcag_contrast_white h6,
body.wcag_contrast_white span,
body.wcag_contrast_white a,
body.wcag_contrast_white ul li,
body.wcag_contrast_white ol li,
body.wcag_contrast_white input,
body.wcag_contrast_white textarea,
body.wcag_contrast_white select,
body.wcag_contrast_white button,
body.wcag_contrast_white * {
    color: #fff !important;
}

body.wcag_contrast_yellow,
body.wcag_contrast_yellow input,
body.wcag_contrast_yellow textarea,
body.wcag_contrast_yellow select,
body.wcag_contrast_yellow div,
body.wcag_contrast_yellow section,
body.wcag_contrast_yellow:not(.home) header,
body.wcag_contrast_yellow:not(.home) nav,
body.wcag_contrast_yellow main,
body.wcag_contrast_yellow aside,
body.wcag_contrast_yellow footer,
body.wcag_contrast_yellow button,
body.wcag_contrast_yellow a,
body.wcag_contrast_yellow * {
    background-color: #000 !important;
}

body.wcag_contrast_yellow footer {
    background: #000 !important;
}

body.wcag_contrast_yellow.home .theatre_home_header,
body.wcag_contrast_yellow.home .main-navigation,
body.wcag_contrast_yellow img {
    background-color: transparent!important;
}


body.wcag_contrast_yellow .theatre_nav__white_logo {
    display: block;
}

body.wcag_contrast_yellow .theatre_nav__black_logo {
    display: none;
}

body.wcag_contrast_yellow,
body.wcag_contrast_yellow p,
body.wcag_contrast_yellow h1,
body.wcag_contrast_yellow h2,
body.wcag_contrast_yellow h3,
body.wcag_contrast_yellow h4,
body.wcag_contrast_yellow div,
body.wcag_contrast_yellow h5,
body.wcag_contrast_yellow h6,
body.wcag_contrast_yellow span,
body.wcag_contrast_yellow a,
body.wcag_contrast_yellow ul li,
body.wcag_contrast_yellow ol li,
body.wcag_contrast_yellow input,
body.wcag_contrast_yellow textarea,
body.wcag_contrast_yellow select,
body.wcag_contrast_yellow button,
body.wcag_contrast_yellow * {
    color: #ff0 !important;
}


@media only screen and (max-width: 992px) {
    .home .theatre_toggle_wcag_widget {
        top: -35px;
        right: 0;
        height: auto;
        width: 35px;
    }

    .theatre_toggle_wcag_widget {
        display: flex;
    }

    .theatre_wcag_widget.show {
        display: flex;
    }

    .theatre_wcag_widget {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        width: 100%;
        transform: translateX(-50%);
        box-shadow: 0 3px 10px #444;
        padding: 5px;
    }
}