/* Color Contrast Overrides */ .contrastswitcher { margin-right: 30px; margin-top: 25px; 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; } } .to-front { z-index: 1000; } #showcaseWrapper { background: black; .lead { color: yellow; } } .callout_wrapper { background: black; border-color: yellow; i { color: yellow; } &:hover { background: black; i { color: yellow; } } } .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; } h1,h2,h3,h4,h5,h6, p { color: yellow !important; background-color: black; } .section { a { &:hover { background-color: transparent; } } } .section_wrapper { a { h2 { border-bottom-color: #E6E6E7 !important; } } } .rich-text { a { button { background-color: black !important; text-decoration: underline; color: yellow !important; &:hover { color: #fff !important; text-decoration: none; } } } } header,footer, section, .clearfix, .panel-body { color: yellow; background-color: black !important; a { .small-cta-content { background: black; border-color: yellow; .body-section { color: yellow; } } } div { 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 { ul { li { &:before { border-color: yellow; } } } &: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; } } } } .logo{ .low-contrast{ display: none; } .high-contrast{ display: block !important; } } .dropdown-menu { background-color: black; color: yellow; } .main-content { color: yellow; background-color: black; } a { color: yellow; text-decoration: underline; &.pharmacy-solutions { color: yellow; border-color: #636363; &:hover { background: black; } } &:hover { color: white; text-decoration: none; background-color: black; } &:visited { color: yellow; } } nav { color: yellow !important; background-color: black !important; &#main_nav { ul { &.parent_nav { li { &.top_level { &.active { border-bottom-color: yellow; } &:hover { border-bottom-color: yellow; } } } } } } 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; } } }