/* Color Contrast Overrides */

.contrastswitcher {
    margin-right: 20px;
    margin-top: 7px;
    float: left;
    .contrastbtn {
        padding: 5px;
        background-color: #6e6e6e;
        color: #f1f1f1;
        border-radius: 3px;
        border: 0px;
        margin-left: 5px;
        line-height: 16px;
    }
    .contrastbtn:focus {
        outline: 3px @brand-color dotted;
    }
}

body.high_contrast {
    color: yellow;
    background-color: black;
    a:focus {
        outline: 3px yellow dashed;
    }
    button:focus {
        outline: 3px yellow dashed;
    }
    #skip-content {
        a {
            color: yellow;
        }

        a:focus {
            outline: 3px yellow dashed;
        }
    }
    .contrastswitcher {
        .contrastbtn:focus {
            outline-color: yellow;
        }
    }
    .ambetter-showcase {
        p {
            color: yellow !important;
        }
        .block-anchor:hover {
            background-color: black !important;
        }
    }
    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 {
            color: yellow !important;
            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 {
            color: yellow !important;
            li {
                &:before {
                    color: black !important;
                    background-color: yellow !important;
                }
            }
        }
    }

    .language-dropdown-toggle {
        color: yellow;
    }

    .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;
            }
        }
    }
    .header-container,.header-banner-container,.global-header {
        .super-nav,.nav-tools,.selectaplan,.sitelogo {
            a:focus {
                outline: 3px yellow dashed;
            }
        }

        .searchbox {
            .search-form-wrapper {
                .search-form-input {
                    background-color: @black;
                }
                .search-form-button{
                    background-color: @black;
                    border-color: yellow;
                }
                .search-form-button:focus {
                    outline: 3px yellow dashed;
                }
            }
        }
    }
    .searchcomponent{
        .main-content{
            .search-form-button{
                background-color: @black;
                border-color: yellow;
            }
        }
	}
    .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;
        caption{
            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;
            }
        }
        .showcase-wrapper {
            .showcase-menu {
                ul {
                    li {
                        a:focus {
                            outline-color: yellow;
                        }
                    }
                }
            }
        }
    }
    homepageNav {
        .first-level-nav {
            a:focus {
                outline-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;
        }
    }
    .global-nav {
        &.flyoutmenu {
            li {
                background: none;
                &.has-submenu {
                    button {
                        color: yellow;
                    }
                }
            }
        }
        li a:focus {
            outline-color: yellow;
        }
        li ul li a:focus {
            outline-color: yellow;

        }
    }
    .sidebar-nav {
        .first-level-sidebar-nav {
            a:focus{
                outline-color: yellow;
            }
            .parent-page-title {
                a:focus {
                    outline-color: yellow;
                }
            }
        }
    }
    input:focus {
        outline: 3px yellow dashed;
    }

    button:focus {
        outline: 3px yellow dashed;
    }
    .richtext {
        a:focus {
            outline: 3px yellow dashed;
        }
    }
    input:focus, textarea:focus, .form-control:focus {
        outline: 3px yellow dashed;
    }

    .global-footer,.secondary-footer {
        a:focus {
            outline: 3px yellow dashed;
        }
    }
    .sidebar-nav.flyoutmenu {
        & > ul > li {
            background-color: black;
            button {
                color: yellow;
            }
            & > ul > li, & > ul > li:hover {
                background-color: black;
                button {
                    color: yellow;
                }
            }
        }
    }
    .mobilesidenav.flyoutmenu {
        .mobilesidemenu {
            & > ul > li {
                background-color: black;
                a, button {
                    color: yellow;
                }
                & > ul > li {
                    background-color: black;
                    & > ul > li {
                        background-color: black;
                        & > ul > li {
                            background-color: black;
                        }
                    }
                }
            }
            ul {
                li {
                    a:focus {
                        outline: 3px dashed yellow;
                    }
                }
            }
        }
    }
}