/* Color Contrast Overrides */

.contrastswitcher {
    margin-right: 20px;
    margin-top: 10px;
    float: left;
    .contrastbtn {
        padding: 5px;
        background-color: #6e6e6e;
        color: #f1f1f1;
        border-radius: 3px;
        margin-left: 5px;
    }
}

body.high_contrast {
    color: yellow;
    background-color: black;
    .ambetter-showcase {
        p {
            color: yellow !important;
        }
        .block-anchor:hover {
            background-color: black !important;
        }
    }
    .stButton,
    span.stButton,
    span.email,
    span.sharethis,
    span.required {
        color: yellow !important;
    }
    .topnotification {
        aside {
            background-color: yellow !important;
            color: black !important;
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            p {
                background-color: yellow !important;
                color: black !important;
                a {
                    color: black !important;
                }
            }
            a.btn {
                background-color: black !important;
                color: yellow !important;
                &:hover {
                    background-color: black !important;
                    color: yellow !important;
                }
            }
        }
    }
    form {
        color: yellow;
        fieldset {
            color: yellow;
            legend {
                color: yellow !important;
                h2 {
                    color: yellow;
                }
            }
            label {
                color: yellow !important;
            }
        }
    }
    ::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: yellow;
        opacity: 1;
        /* Firefox */
    }
    :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: yellow;
    }
    ::-ms-input-placeholder {
        /* Microsoft Edge */
        color: yellow;
    }
    select,
    input,
    textarea {
        background-color: black;
        color: yellow;
        border-color: yellow;
        border: solid;
    }
    @media (max-width: 767px) {
        .xs-global-nav .global-search {
            background-color: black;
        }
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: yellow;
        background-color: black;
    }
    .section {
        a {
            &:hover {
                background-color: transparent;
            }
        }
    }
    header,
    footer,
    section {
        color: yellow;
        background-color: black;
        div {
            &:not(.vanity-left):not(.vanity-right) {
                color: yellow !important;
                background-color: black !important;
                border-color: yellow;
            }
            a {
                &:hover {
                    background-color: transparent;
                }
            }
            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
                color: yellow !important;
                background-color: black !important;
            }
        }
        ul {
            li {
                &:hover {
                    background-color: black;
                }
                a {
                    color: yellow;
                    background-color: black;
                    &:hover {
                        color: yellow;
                        background: transparent !important;
                    }
                }
                &:before {
                    color: yellow !important;
                    background-color: yellow !important;
                }
            }
        }
        ol {
            li {
                &:before {
                    color: black !important;
                    background-color: yellow !important;
                }
            }
        }
    }
    .dropdown-menu {
        background-color: black;
        color: yellow;
    }
    .main-content {
        color: yellow;
        background-color: black;
    }
    a {
        color: yellow;
        text-decoration: underline;
        &:hover {
            color: yellow;
            text-decoration: none;
            background-color: black;
        }
        &:visited {
            color: yellow;
        }
    }
    .sitelogo {
        img.xs-only {
            display: block !important;
        }
        img.xs-hide {
            display: none !important;
        }
    }
    header {
        .logo {
            img.xs-only {
                display: block !important;
            }
            img.xs-hide {
                display: none !important;
            }
        }
    }
    .secondarysitelogo .logo {
        img.xs-only {
            display: block !important;
        }
        img.xs-hide {
            display: none !important;
        }
    }
    .tagline-logo.visible-xs {
        display: block !important;
    }
    .tagline-logo.hidden-xs {
        display: none !important;
    }
    .sitelogo.high-contrast {
        display: block !important;
    }
    .sitelogo.normal-contrast {
        display: none !important;
    }
    nav {
        color: yellow !important;
        background-color: black !important;
        a {
            color: yellow !important;
            background-color: black !important;
        }
        ul {
            color: yellow;
            background-color: black;
            li {
                color: yellow;
                background-color: black;
                a {
                    color: yellow !important;
                    background-color: black !important;
                }
                ul {
                    color: yellow;
                    background-color: black;
                    li {
                        color: yellow;
                        background-color: black;
                        a {
                            color: yellow !important;
                            background-color: black !important;
                        }
                    }
                }
            }
        }
    }
    ol>li:before {
        color: black;
    }
    a.health-letter {
        color: yellow;
    }
    table {
        border-color: yellow !important;
        tr {
            border: solid 2px yellow;
            th {
                background-color: yellow !important;
                color: black !important;
            }
            td {
                background-color: black !important;
                color: yellow !important;
                border-color: yellow !important;
            }
        }
    }
    .home-showcase {
        .showcase-wave {
            -webkit-filter: invert(100%);
            filter: invert(100%);
        }
        .showcase-circle {
            background-color: black;
            color: yellow;
            h1,
            h2 {
                color: yellow;
            }
        }
    }
    .contrastbtn {
        background-color: yellow !important;
        color: black !important;
        text-decoration: none !important;
    }
    .pagination {
        li {
            span {
                background-color: black;
                color: yellow;
                border-color: yellow;
            }
            &.active {
                span {
                    background-color: yellow;
                    color: black;
                }
                &.disabled {
                    &:hover {
                        background-color: yellow;
                        color: black;
                    }
                }
            }
            &.disabled {
                background-color: black;
                color: yellow;
                &:hover {
                    span {
                        background-color: black;
                        color: yellow;
                        border-color: yellow;
                    }
                }
            }
        }
    }
    .btn {
        color: black !important;
        background-color: yellow !important;
        &:hover {
            color: yellow;
            background-color: black;
        }
    }
    .accordion-group .panel .accordion h2.panel-title button,
    .accordion-group .panel .accordion h2.panel-title button:hover,
    .accordion-group .panel .accordion h3.panel-title button,
    .accordion-group .panel .accordion h3.panel-title button:hover,
    .accordion-group .panel .accordion h4.panel-title button,
    .accordion-group .panel .accordion h4.panel-title button:hover,
    .accordion-group .panel .accordion h5.panel-title button,
    .accordion-group .panel .accordion h5.panel-title button:hover,
    .accordion-group .panel .accordion h6.panel-title button,
    .accordion-group .panel .accordion h6.panel-title button:hover {
        background-color: black;
    }
    .accordion-group .panel-title span.glyphicon {
        color: yellow;
    }
    .advantage-medicare .accordion-group .panel-title span.glyphicon {
        color: yellow;
    }
    .ambetter-content .accordion-group .panel-title span.glyphicon {
        color: yellow;
    }
    /* Ambetter Lead Form Overrides */
    #ambetterleadform {
        background: black !important;
        label {
            color: yellow !important;
        }
        .contact-header {
            color: yellow !important;
        }
    }
    /* Vanity Page Template Overrides */
    .vanity-content {
        background: black !important;
        .vanitylargeiconwithtext {
            span {
                color: yellow !important;
            }
        }
        .richtext {
            span {
                color: yellow !important;
            }
        }
        .vanity-stacked-action-box,
        .vanity-call-out-box {
            background: black;
            p {
                color: yellow;
            }
        }
    }
    .cta-text {
        color: yellow !important;
    }
    svg {
        path {
            fill: black !important;
        }
    }
}