/* Default Desktop Styles */

/* Global */

//override the bootstrap defined, this allows browser text sizing
html {
    font-size: 0.7em;
}

body {
    background: @off-white;
    color: @dark-grey;
    font-family: Arial, Helvetica, sans-serif;

    &.advantage-medicare {
        color: @medicare-grey;
    }
}

.main-content {
    background: @white;
    padding-bottom: 100px;

    iframe {
        border: none;
    }

    .numberedlist {
        p {
            margin-bottom: 0px;
        }
    }
}

#skip-content {
    a {
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
        color: @black;
        text-decoration: underline;
        font-size: 1.2em;
    }

    a:focus {
        position: static;
        width: auto;
        height: auto;
    }
}

.home-icons.main-content {
    padding-bottom: 0px;
}

.home-alerts {
    padding-bottom: 20px;
}

a {
    color: @link-blue;
    transition: all 0.3s;
}

a[href^="tel"] {
    text-decoration: underline;
    text-shadow: -0.1px -0.1px 0 transparent, 0.1px 0.1px transparent;
}

.secondary-link {
    font-size: @md3-font-size;
    font-style: italic;
}

a.block-anchor {
    display: block;
    text-decoration: none;
    color: @dark-grey;
}

a.block-anchor:hover {
    text-decoration: none;
}

.pagination>li>a,
.pagination>li>span {
    color: @secondary-footer;
    cursor: pointer;
}

.pagination>li.active>a,
.pagination>li.active>span,
.pagination>li.active>a:hover,
.pagination>li.active>span:hover {
    background: @secondary-footer;
    border-color: @secondary-footer;
    color: @white;
}

.no-gutter {
    padding-left: 0px;
    padding-right: 0px;
}

.xs-only {
    display: none;
}

.main-content h1 {
    font-size: @xlg1-font-size;
    margin: 20px 0 20px 0;
    color: @brand-color;
}

.main-content h2 {
    font-size: @lg2-font-size;
}

.main-content p, .rd-ambetter-content p{
    margin-bottom: 20px;
}

.main-content img, .rd-ambetter-content img {
    height: auto;
    max-width: 100%;
}

.clear {
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    clear: both;
}

.main-content iframe, .rd-ambetter-content iframe {
    max-width: 100%;
}

.align-right {
    float: right;
}

.align-left {
    float: left;
}

.curtain {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background: @curtain;
    display: none;
}

.preload {
    display: none;
}

.click-to-chat {
    margin-bottom: 15px;
}

nav .glyphicon {
    float: right;
}

/* Lists */

.page-content ul.orange-bullet {
    margin: 0 0 20px 43px;
    padding: 0;
    list-style-type: none;
}

.page-content .orange-bullet li {
    line-height: 1.2em;
    margin: 0 0 5px 0;
    padding: 0;
    text-indent: -13px;
}

.page-content .orange-bullet li:before {
    color: @light-orange;
    content: "\2022";
    font-size: 1.5em;
    padding-right: 0.25em;
    position: relative;
    text-indent: -20px;
    top: 0.1em;
}

ul.unordered-list {
    list-style-type: none;
    margin: 0 0 10px 10px;
    padding: 0;
}

ul.unordered-list>li {
    position: relative;
    padding: 0px 0 5px 15px;
}

ul.unordered-list>li:before {
    position: absolute;
    top: 2px;
    left: -1em;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    font-size: @xs-font-size;
    line-height: 16px;
    text-align: center;
    color: @dark-grey;
    background: @dark-grey;
    content: " ";
}

// Medicare Unordered List
.advantage-medicare ul.unordered-list>li:before {
    color: @brand-color;
    background: @brand-color;
}

ol.numbered-list {
    list-style-type: none;
    list-style-type: decimal !ie;
    /*IE 7- hack*/
    margin: 0;
    margin-left: 3em;
    padding: 0;
    counter-reset: li-counter;
}

ol.numbered-list>li {
    position: relative;
    padding: 7px 0 15px 15px;
}

ol.numbered-list>li:before {
    position: absolute;
    top: 0;
    left: -1em;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    -moz-border-radius: 50%;
    font-size: @md3-font-size;
    line-height: 1.5em;
    text-align: center;
    color: @white;
    background: @dark-grey;
    content: counter(li-counter);
    counter-increment: li-counter;
}

// Medicare override for numbered lists.
.advantage-medicare ol.numbered-list>li:before {
    background: @brand-color;
}

ol.numbered-list {

    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: @default-font-size;
        margin: 0;
        font-weight: bold;
    }
}

/* Styles for .richtext component ol and ul  */

.richtext {
    h2 {
        font-size: @lg3-font-size;
        margin: 20px 0 20px 0;
        text-transform: none;
    }

    h3 {
        font-size: @md3-font-size;
    }

    h4 {
        font-size: @md1-font-size;
        font-weight: bold;
    }

    ul {
        list-style-type: none;
        margin: 0 0 10px 10px;
        padding: 0;
    }

    ul>li {
        position: relative;
        padding: 0px 0 5px 15px;
    }

    ul>li:before {
        position: absolute;
        top: 7px;
        left: -0.5em;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        -moz-border-radius: 8px;
        font-size: @xs-font-size;
        line-height: 16px;
        text-align: center;
        color: @dark-grey;
        background: @dark-grey;
        content: " ";
    }

    // Secondary bullets unfilled
    ul>li ul>li:before {
        background-color: transparent;
        border: solid 2px @dark-grey;
    }

    // Tertiary bullets filled
    ul>li ul>li ul>li:before {
        background-color: @dark-grey;
    }

    // Quaternary bullets unfilled
    ul>li ul>li ul>li ul>li:before {
        background-color: transparent;
        border: solid 2px @dark-grey;
    }

    ol {
        list-style-type: none;
        counter-reset: li-counter;
    }

    ol>li {
        position: relative;
        padding: 5px 0 15px 15px;
    }

    ol>li:before {
        position: absolute;
        top: 0;
        left: -1.2em;
        width: 1.5em;
        height: 1.5em;
        border-radius: 50%;
        -moz-border-radius: 50%;
        font-size: @md3-font-size;
        line-height: 1.5em;
        text-align: center;
        color: @white;
        background: @dark-grey;
        content: counter(li-counter);
        counter-increment: li-counter;
    }

    ol h3 {
        font-size: @default-font-size;
        margin: 0;
        font-weight: bold;
    }
}

.advantage-medicare {
    .richtext {

        // Medicare Style Override for bullet points
        ul>li:before {
            color: @brand-color;
            background: @brand-color;
        }

        // Medicare Secondary bullets unfilled
        ul>li ul>li:before {
            background-color: transparent;
            border: solid 2px @brand-color;
        }

        // Medicare Tertiary bullets filled
        ul>li ul>li ul>li:before {
            background-color: @brand-color;
        }

        // Medicare Quaternary bullets unfilled
        ul>li ul>li ul>li ul>li:before {
            background-color: transparent;
            border: solid 2px @brand-color;
        }

        ol {
            list-style-type: none;
            list-style-type: decimal !ie;
            /*IE 7- hack*/
            margin: 0;
            margin-left: 3em;
            padding: 0;
            counter-reset: li-counter;
        }

        ol>li:before {
            background: @brand-color;
        }
    }
}

// Ambetter Quaternary bullets unfilled
.ambetter-content .richtext ul>li ul>li ul>li ul>li:before, .rd-ambetter-content .richtext ul>li ul>li ul>li ul>li:before{
    background-color: transparent;
    border: solid 2px @brand-color;
}

/* END .richtext ol, ul*/

/* Tables CONVERTED TO LESS!! */

.tbl {
    margin-bottom: 30px;
}

.tbl,
.richtext,
.panel-body,
.vanitymodal,
.eventtext,
.newstext {
    h2 {
        font-size: @lg3-font-size;
    }

    h3 {
        font-size: @md3-font-size;
    }

    table {
        width: 100%;
        margin-bottom: 10px;

        tr {
            th {
                padding: 15px;
                color: @white;
                font-weight: normal;
                text-transform: uppercase;
            }

            td {
                padding: 15px;
            }
        }
    }

    &.tbl-themed,
    &.richtext,
    &.panel-body,
    &.vanitymodal,
    &.eventtext,
    &.newstext {
        table {
            border: 2px solid @brand-color;

            tr {
                th {
                    background: @brand-color;
                }

                td {
                    border: 2px solid @brand-color;
                    border-top: none;
                    border-bottom: none;
                }

                &:not(:nth-child(1)) th {
                    padding: 5px 15px;
                    font-weight: bold;
                    color: @black;
                    border-top: none;
                    border-bottom: none;
                    background: transparent;
                }

                &:nth-child(odd) td,
                &:nth-child(odd):not(:nth-child(1)) th {
                    background: @brand-table-color;
                }
            }
        }

        .tbl-disclaimer {
            color: @brand-color;

            &.important {
                color: @bright-red;
            }

            .glyphicon {
                float: left;
                margin-right: 5px;
            }
        }
    }
}

.btn-primary {
    background-color: @btn-blue;
    border-color: @btn-blue;
}

.btn-primary:hover {
    background-color: @dark-grey;
    border-color: @dark-grey;
}

.ambetter-content, .rd-ambetter-content {
    .btn-primary {
        background-color: @brand-color;
        border-color: @brand-color;
    }

    .btn-primary:hover {
        background: @dark-grey;
        border-color: @dark-grey;
    }

    ul>li:before {
        color: @brand-color;
        background: @brand-color;
    }

    // Secondary bullets unfilled
    ul>li ul>li:before {
        background-color: transparent;
        border: solid 2px @brand-color;
    }

    // Ambetter Tertiary bullets filled
    ul>li ul>li ul>li:before {
        background-color: @brand-color;
    }

    // Ambetter Quaternary bullets unfilled
    ul>li ul>li ul>li ul>li:before {
        background-color: transparent;
        border: solid 2px @brand-color;
    }

    ol>li:before {
        color: @white;
        background: @brand-color;
    }

    h2 {
        font-size: @lg3-font-size;
        color: @darker-grey;
    }

    h3 {
        font-size: @md3-font-size;
    }

    .richtext {
        ul.unordered-list>li:before {
            color: @brand-color;
            background: @brand-color;
        }

        ol.numbered-list>li:before {
            color: @white;
            background: @brand-color;
        }
    }

    .tbl {
        &.tbl-themed {
            table {
                border: 2px solid @brand-color;

                tr {
                    th {
                        background: @brand-color;
                    }

                    td {
                        border: 2px solid @brand-color;
                        border-top: none;
                        border-bottom: none;
                    }

                    &:not(:nth-child(1)) th {
                        padding: 5px 15px;
                        font-weight: bold;
                        color: @black;
                        border-top: none;
                        border-bottom: none;
                        background: transparent;
                    }

                    &:nth-child(odd) td,
                    &:nth-child(odd):not(:nth-child(1)) th {
                        background: @brand-table-color;
                    }
                }
            }

            .tbl-disclaimer {
                color: @brand-color;

                &.important {
                    color: @bright-red;
                }

                .glyphicon {
                    float: left;
                    margin-right: 5px;
                }
            }
        }
    }
}

/* Header */

.global-header {
    background: @white;
    box-shadow: 0px 0px 4px @dark-grey;
    -moz-box-shadow: 0px 0px 4px @dark-grey;
    position: relative;
    z-index: 11;
}

.advantage-medicare .global-header {
    min-height: 100px;
}

.header-banner {
    padding: 10px;

    .main-text {
        margin: 15px;
        font-size: 1.3em;
        font-weight: 600;
    }
}

.logo {
    padding: 10px;
}

.secondarysitelogo {
    text-align: right;
}

.super-nav {
    margin: 10px 0 0 0;
    ul {
        li {
            line-height: 2em;
        }
    }
}

.super-nav.legacy {
	text-align: right;
    .topmenu {
		display: inline-block;
		ul { float: unset }
        .topmenu {
            /*most templates work well with col-md-16 set on this component, but it's crowded for legacy*/
            width: 100%;
        }
	}
    .searchbox {
		display: inline-block;
		#search-box-top { margin-left: 6px }
		.global-search { float: unset }
	}
}

.super-nav ul {
    list-style-type: none;
    padding: 0;
    float: left;
    margin-top: 3px;
    width: 100%;
    text-align: right;
}

.super-nav li {
    display: inline-block;
}

.super-nav a:link,
.super-nav a:visited {
    color: @dark-grey;
    text-decoration: none;
    margin-right: 10px;
}

#search-box-top {
    margin-left: 10px;
}

input.search-box-top {
    /*fix for healthplanalt which still uses the old search style*/
    width: 100%;
}

.super-nav a:hover,
.super-nav a:active {
    color: @brand-color;
}

.vanity-nav {
    height: 20px;

    &.v-new {
        margin-left: 15px;
        padding-top: 7px;
        margin-bottom: 19px;
    }
}

.vanity-nav ul {
    list-style-type: none;
    padding: 0;
    margin-top: 3px;
    margin-bottom: 0px;

    &.v-new {
        margin: 10px 0px 0px 0px;
    }
}

.vanity-page-nav ul {
    list-style-type: none;
    padding: 0;
    text-align: center;
    margin-top: 3px;
}

.vanity-nav li {
    display: inline-block;
}

.vanity-nav a:link,
.vanity-nav a:visited {
    color: @dark-grey;
    text-decoration: none;
    margin-right: 20px;
}

.vanity-nav a:hover,
.vanity-nav a:active {
    color: @brand-color;
}

.vanitybannerbar {
    border-bottom: 5px @lighter-grey solid;
    background: @white;
}

.global-search {
    border: 1px solid @brand-color;
    border-radius: 10px;
    -moz-border-radius: 10px;
    float: right;
    font-family: FontAwesome, Arial, Helvetica, sans-serif;
    padding: 2px 4px;
}

.nav-tools {
    float: right;
    clear: both;
    padding: 10px 0;
}

.size-selector {
    float: left;
    display: inline-block;

    a {
        text-decoration: none;
        color: @dark-grey;
    }
}

.size-select-sm {
    font-size: @default-font-size;
    margin-right: 3px;
}

.size-select-md {
    font-size: @md4-font-size;
    margin-right: 3px;
}

.size-select-lg {
    font-size: @lg3-font-size;
    margin-right: 10px;
}

.languageselector {
    float: left;
}

.language-select {
    color: @dark-grey;
    margin-top: 10px;
}

.language-dropdown-toggle {
    background: none;
    border: none;

    &:hover {
        color: @brand-color;
    }
}

.languageselectorambetter {
    display: inline-block;
}

.open {
    & > .language-dropdown-toggle {
        color: @brand-color;
    }

    & > .dropdown-menu {
    overflow: auto;
    }
}

.global-nav {
    clear: both;
    width: 100%;
}

.global-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 10px 0 0 0;
}

.global-nav li {
    position: relative;
    background: @brand-color;
    border-left: 1px solid @white;
    vertical-align: middle;
}

.global-nav.secondary-color li {
    background: @brand-secondary-color;
}

.global-nav li a:link,
.global-nav li a:visited {
    display: block;
    padding: 10px;
    text-align: center;
    font-size: @md4-font-size;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: @white;
    outline-color: @black;
    outline-width: 3px;
}

.global-nav li:hover,
.global-nav li:active,
.global-nav li.active-nav {
    background: @dark-grey;
    text-decoration: none;
}

/* Global Nav Dropdown Styles */

.global-nav li ul {
    display: none;
    margin: 0px;
    padding: 0px;
    position: absolute;
    width: 100%;
    box-shadow: 1px 1px 1px @medium-grey;
    -moz-box-shadow: 1px 1px 1px @medium-grey;
    z-index: 11;
}

.global-nav li:hover ul {
    display: block;
}

.global-nav li a .glyphicon {
    width: 0px;
    color: transparent;
}

.global-nav li ul li a:link,
.global-nav li ul li a:visited {
    display: block;
    padding: 10px;
    text-align: left;
    font-size: @md1-font-size;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    color: @brand-color;
    background: @off-white;
    border-left: none;
    border-bottom: 1px solid @white;
    outline-color: @black;
    outline-width: 3px;
}

.global-nav li ul li a:hover,
.global-nav li ul li a:active {
    background: @white;
    color: @dark-grey;
    text-decoration: none;
}

.global-nav {
    &.flyoutmenu {
        & > ul > li {
            vertical-align: middle;
            &.has-submenu {
                & > a {
                    padding: 10px 20px 10px 10px;
                }
                button {
                    right: 0;
                    position: absolute;
                    bottom: 0;
                }
                .glyphicon {
                    float: none;
                    color: @white;
                }
            }
        }
    }
}
.flyoutmenu {
    .has-submenu {
        button {
            font-size: large;
            background-color: transparent;
            border: none;
        }
    }
    & > ul > li > ul {
        display: none;
    }
    & > ul > li.open > ul {
        display:block;
    }
}

/* Footer */

.last-modified-date {
    background-color: @white;
}

.global-footer {
    color: @white;
    background: @global-footer;
    padding: 10px 0;

    .copyright {
        margin: 45px 0 5px;
    }
}

ul.footer-nav-menu {
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
}

.global-footer a,
.global-footer a:visited,
.secondary-footer a,
.secondary-footer a:visited {
    color: @white;
    text-decoration: underline;
}

.footer-socmed {
    text-align: right;
}

.footer-socmed img {
    margin: 0 0px 5px 5px;
}

.footer-nav-menu h1,
.footer-nav-menu h2,
.footer-nav-menu h3 {
    margin: 0 0 10px 0;
}

.secondary-footer {
    color: @white;
    background: @secondary-footer;
    padding: 10px 0;
}

.secondary-footer h2 {
    font-size: @md1-font-size;
    font-weight: bold;
}

/* Sidebar Navigation */

.sidebar-nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sidebar-nav li {
    margin: 0;
    padding: 0;
}

.second-level-sidebar-nav {
    display: none;
}

.third-level-sidebar-nav {
    display: none;
}

.fourth-level-sidebar-nav {
    display: none;
}

.active-nav .third-level-sidebar-nav {
    //display: none;
}

.active-nav .fourth-level-sidebar-nav {
    display: none;
}

.active-nav .second-level-sidebar-nav,
.active-parent .second-level-sidebar-nav,
.active-nav .second-level-sidebar-nav {
    display: block;
}

.active-nav .second-level-sidebar-nav .active-nav .third-level-sidebar-nav {
    display: block;
}

.active-nav .second-level-sidebar-nav .active-nav .third-level-sidebar-nav .active-nav .fourth-level-sidebar-nav {
    display: block;
}

.sidebar-nav .first-level-sidebar-nav .parent-page-title a,
.sidebar-nav .first-level-sidebar-nav .parent-page-title a:visited {
    background: @white;
    color: @brand-color;
    font-size: @lg2-font-size;
    text-transform: uppercase;
    padding: 20px 10px 10px 10px;
}

.sidebar-nav .first-level-sidebar-nav .parent-page-title a,
.sidebar-nav .first-level-sidebar-nav .parent-page-title a:hover {
    background: @white;
    color: @brand-color;
    outline-color: @black;
    outline-width: 3px;
}

.sidebar-nav .parent-page-title a .glyphicon {
    display: none;
}

.sidebar-nav .parent-page-title a span.sub-heading {
    display: block;
    font-style: italic;
    font-size: @default-font-size;
    text-transform: lowercase;
}

.sidebar-nav .first-level-sidebar-nav a,
.sidebar-nav .first-level-sidebar-nav a:visited {
    display: block;
    padding: 10px 15px;
    background: @brand-color;
    color: @white;
    font-size: @md3-font-size;
    text-decoration: none;
    border-bottom: 1px solid @white;
    line-height: 1em;
    overflow: hidden;
    outline-color: @black;
    outline-width: 3px;
}

.sidebar-nav .first-level-sidebar-nav a:hover,
.sidebar-nav .first-level-sidebar-nav a:active {
    background: @white;
    color: @brand-color;
    text-decoration: none;
}

.sidebar-nav .second-level-sidebar-nav a,
.sidebar-nav .second-level-sidebar-nav a:visited {
    display: block;
    padding: 10px 15px 10px 30px;
    background: @off-white;
    color: @dark-grey;
    font-size: @md1-font-size;
    text-decoration: none;
    border-bottom: 1px solid @white;
    line-height: 1em;
}

.sidebar-nav .second-level-sidebar-nav a:hover,
.sidebar-nav .second-level-sidebar-nav a:active {
    background: @off-white;
    color: @brand-color;
    text-decoration: none;
}

.large-sidebar.sidebar-nav .first-level-sidebar-nav a,
.large-sidebar.sidebar-nav .first-level-sidebar-nav a:visited {
    padding: 15px;
    font-size: @lg2-font-size;
    text-transform: uppercase;
    outline-color: @black;
    outline-width: 3px;
}

.sidebar-nav .active-nav>a,
.sidebar-nav .active-nav>a:visited {
    background: @white;
    color: @brand-color;
    text-decoration: none;
}

.sidebar-nav .active-nav .second-level-sidebar-nav .active-nav>a,
.sidebar-nav .active-nav .second-level-sidebar-nav .active-nav>a:visited {
    background: @off-white;
    color: @brand-color;
    text-decoration: none;
}

.sidebar-nav .active-parent>a,
.sidebar-nav .active-parent>a:visited {
    background: @white;
    color: @dark-grey;
    text-decoration: none;
}

.sidebar-nav .active-parent>a:hover,
.sidebar-nav .active-parent>a:active {
    color: @brand-color;
}

.sidebar-nav .third-level-sidebar-nav a,
.sidebar-nav .third-level-sidebar-nav a:visited {
    display: block;
    padding: 10px 15px 10px 50px;
    background: @off-white;
    color: @dark-grey;
    font-size: @md1-font-size;
    text-decoration: none;
    border-bottom: 1px solid @white;
    line-height: 1em;
}

.sidebar-nav .third-level-sidebar-nav a:hover,
.sidebar-nav .third-level-sidebar-nav a:active {
    background: @off-white;
    color: @brand-color;
    text-decoration: none;
}

.sidebar-nav .fourth-level-sidebar-nav a,
.sidebar-nav .fourth-level-sidebar-nav a:visited {
    display: block;
    padding: 10px 15px 10px 70px;
    background: @off-white;
    color: @dark-grey;
    font-size: @md1-font-size;
    text-decoration: none;
    border-bottom: 1px solid @white;
    line-height: 1em;
}

.sidebar-nav.flyoutmenu {
    .closeMobile {
        & > li {
            display: block;
        }
    }
    .parent-page-title {
        button {
            display: none;
        }
    }
    li.active-nav {
        &.open {
            & > ul {
                display: block;
            }
        }
        &:not(.open) {
            & > ul {
                display: none;
            }
        }
    }
    & > ul > li {
        background-color: @brand-color;
        border-bottom: 1px solid @white;
        a, button {
            background-color: transparent;
            color: @white;
        }
        a {
            display: block;
            padding: 10px 15px;
            font-size: @md3-font-size;
            text-decoration: none;
            line-height: 1em;
            outline-color: @black;
            outline-width: 3px;
            border: none;
        }
        button {
            top: 10px;
            right: 10px;
        }
        &.active-nav {
            background: @white;
            a, button {
                background-color: transparent;
                color: @brand-color;
            }
            & > ul > li {
                background-color: @off-white;
                a, button {
                    background-color: transparent;
                    color: @dark-grey;
                }
            }
        }
        &.has-submenu {
            a {
                display: -webkit-inline-box;
                width: 83%;
            }
        }
        &.has-submenu.open {
            & > ul {
                display: block;
                border-top: 1px solid @white;
            }
        }
        & > ul > li {
            background-color: @off-white;
            border-bottom: 1px solid @white;
            a, button {
                background-color: transparent;
                color: @dark-grey;
            }
            a {
                display: block;
                padding: 10px 15px 10px 30px;
                font-size: @md1-font-size;
                text-decoration: none;
                line-height: 1em;
            }
            button {
                font-size: medium;
            }
            &.has-submenu.open {
                & > ul {
                    display: block;
                    border-top: 1px solid @white;
                }
            }
            &:not(.has-submenu) {
                a {
                    width: 100%;
                }
            }
            &.active-nav {
                button {
                    color: @brand-color;
                }
            }
            &:last-child {
                border: none;
            }
            & > ul > li {
                background-color: @off-white;
                border-bottom: 1px solid @white;
                a, button {
                    background-color: transparent;
                    color: @dark-grey;
                }
                a {
                    display: block;
                    padding: 10px 15px 10px 50px;
                    font-size: @md1-font-size;
                    text-decoration: none;
                    line-height: 1em;
                }
                &:not(.has-submenu) {
                    a {
                        width: 100%;
                    }
                }
                &:last-child {
                    border: none;
                }
            }
        }
    }
    & > ul > li:hover {
        background-color: @white;
        a, button {
            background-color: transparent;
            color: @brand-color;
        }
        & > ul > li {
            background-color: @off-white;
            a, button {
                background-color: transparent;
                color: @dark-grey;
            }
        }
        & > ul > li:hover {
            background-color: @off-white;
            a, button {
                background-color: transparent;
                color: @brand-color;
            }
            & > ul > li {
                background-color: @off-white;
                &.active-nav {
                    a, button {
                        color: @brand-color;
                    }
                }
                a, button {
                    background-color: transparent;
                    color: @dark-grey;
                }
            }
            & > ul > li:hover {
                background-color: @off-white;
                a, button {
                    background-color: transparent;
                    color: @brand-color;
                }
            }
        }
    }
}

.mobilesidenav.flyoutmenu {
    .mobilesidemenu {
        & > ul > li {
            background-color: @dark-grey;
            border-top: 1px solid @white;
            a, button {
                background-color: transparent;
                color: @white;
            }
            a {
                display: block;
                padding: 10px;
                font-size: @md4-font-size;
                text-decoration: none;
                line-height: 1.4em;
                text-transform: capitalize;
            }
            button {
                top: 10px;
                right: 10px;
            }
            &.has-submenu {
                a {
                    display: -webkit-inline-box;
                    width: 83%;
                }
            }
            &.has-submenu.open {
                & > ul {
                    display: block;
                }
            }
            &:not(.has-submenu) {
                a {
                    width: 100%;
                }
            }
            & > ul > li {
                background-color: @second-level-grey;
                border-top: 1px solid @white;
                a, button {
                    background-color: transparent;
                    color: @white;
                }
                a {
                    display: block;
                    padding: 10px;
                    font-size: @md3-font-size;
                    text-transform: none;
                    text-decoration: none;
                }
                button {
                    top: 10px;
                    right: 10px;
                }
                &.has-submenu {
                    a {
                        display: -webkit-inline-box;
                        width: 83%;
                    }
                }
                &.has-submenu.open {
                    & > ul {
                        display: block;
                    }
                }
                &:not(.has-submenu) {
                    a {
                        width: 100%;
                    }
                }
                & > ul > li {
                    background-color: @third-level-grey;
                    border-top: 1px solid @white;
                    a, button {
                        background-color: transparent;
                        color: @darker-grey;
                    }
                    a {
                        display: block;
                        padding: 10px 10px 10px 20px;
                        font-size: @md3-font-size;
                        text-transform: none;
                        text-decoration: none;
                    }
                    button {
                        top: 10px;
                        right: 10px;
                    }
                    &.has-submenu {
                        a {
                            display: -webkit-inline-box;
                            width: 83%;
                        }
                        & > ul > li {
                            a {
                                width: 100%
                            }
                        }
                    }
                    &.has-submenu.open {
                        & > ul {
                            display: block;
                        }
                    }
                    &:not(.has-submenu) {
                        a {
                            width: 100%;
                        }
                    }
                    & > ul > li {
                        background-color: @off-white;
                        border-top: 1px solid @darker-grey;
                        a {
                            background-color: transparent;
                            color: @darker-grey;
                            display: block;
                            padding: 10px 10px 10px 30px;
                            font-size: @md3-font-size;
                            text-transform: none;
                            text-decoration: none;
                        }
                    }
                }
            }
        }
        ul {
            li {
                a:focus {
                    outline: 3px dotted @black;
                }
            }
        }
    }
}

.category-nav.sidebar-nav h1 {
    color: @dark-grey;
    padding: 10px;
    border-bottom: 1px solid @light-grey;
    text-transform: uppercase;
    font-size: @md4-font-size;
}

.category-nav.sidebar-nav .first-level-sidebar-nav a,
.category-nav.sidebar-nav .first-level-sidebar-nav a:visited {
    background: @white;
    color: @dark-grey;
    font-size: @md3-font-size;
    padding: 10px 10px 10px 20px;
}

.category-nav.sidebar-nav .first-level-sidebar-nav a:hover,
.category-nav.sidebar-nav .first-level-sidebar-nav a:active {
    color: @brand-color;
    background: @off-white;
}

.category-nav.sidebar-nav .first-level-sidebar-nav .active-nav a {
    color: @brand-color;
}

.category-nav.sidebar-nav h1 .glyphicon {
    display: none;
}

.parent-nav {
    ul {
        &.third-level-sidebar-nav {
            display: block;

            a {
                background-color: @off-white;

                &:visited {
                    background-color: @off-white;
                    border-color: @white;
                }
            }

            .active-nav {
                a {
                    background-color: @off-white;
                    border-color: @white;
                    color: @brand-color;
                }
            }
        }
    }
}

/* Calls-to-Action */

.calltoactionbox {
    .cta-title {
        font-size: 2.1em;
        margin-top: 0px;
    }

    .btn .fa {
        display: none;
    }
}

.main-cta {
    border: 10px solid @brand-color;
    margin-bottom: 20px;
}

.main-cta .cta-title {
    color: @white;
    background: @brand-color;
    padding: 0 10px 10px 10px;
    margin: -1px 0 0 0;
}

.main-cta .cta-content {
    padding: 10px;
}

.sub-cta {
    background: @off-white;
    padding: 10px 20px 20px 20px;
    margin-bottom: 20px;
}

.sub-cta .cta-title {
    color: @brand-color;
    margin: 0 0 20px 0;
}

.top-cta {
    margin-top: 50px;
}

.announcement-cta {
    background: @off-white;
    padding: 10px 20px;
    margin-bottom: 20px;

    .cta-title {
        font-size: 1.6em !important;
        color: @white;
        background: @brand-color;
        padding: 10px 20px;
        font-size: 1.6em;
        margin: -10px -20px 0px -20px !important;
    }

    h3 {
        font-size: 18px;
    }

    h4 {
        font-size: 16px;
    }

    .btn {
        background: transparent;
        color: @link-blue;
        font-weight: 700;
        font-size: 1.2em;
        text-align: left;
        padding: 5px 0px;
        text-transform: uppercase;
    }

    .btn:hover {
        background: transparent;
        color: @link-blue;
        text-decoration: underline;
    }

    .btn .fa {
        display: inline-block;
        margin-left: 10px;
    }
}

/* Homepage */

#container3 {
    float: left;
    width: 100%;
    background: green;
    overflow: hidden;
    position: relative;
}

#container2 {
    float: left;
    width: 100%;
    background: yellow;
    position: relative;
    right: 30%;
}

#container1 {
    float: left;
    width: 100%;
    background: red;
    position: relative;
    right: 40%;
}

#col1 {
    float: left;
    width: 26%;
    position: relative;
    left: 72%;
    overflow: hidden;
}

#col2 {
    float: left;
    width: 36%;
    position: relative;
    left: 76%;
    overflow: hidden;
}

#col3 {
    float: left;
    width: 26%;
    position: relative;
    left: 80%;
    overflow: hidden;
}

.threecolumns {
    .homepagecallout {

        h2,
        h3,
        h4,
        h5,
        h6 {
            text-align: center;
            color: @brand-color;
            font-size: @xlg1-font-size;
            text-transform: none;
        }

        p {
            text-align: center;
            padding-left: 15px;
            padding-right: 15px;
        }
    }
}

/* experimental showcase*/

.home-showcase {
    background: @black;
    background-size: cover;
    position: relative;
    min-height: 420px;

    .showcase-wave {
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 9;
        width: 100%;
        height: 65px;
        background: url(/etc.clientlibs/centene/clientlibs/clientlibs-main/resources/images/wave.png);
        background-size: cover;
    }

    .showcase-circle {
        color: @white;
        background: @showcase-circle;
        position: absolute;
        width: 310px;
        height: 310px;
        padding: 70px 50px 50px 50px;
        top: -50px;
        right: 80px;
        border-radius: 155px;
        -moz-border-radius: 155px;
        z-index: 3;

        h1 {
            color: @white;
            font-size: 2.6em;
            margin: 0;
            padding: 0;
        }

        h2 {
            color: @white;
            font-size: @lg4-font-size;
            margin: 0 0 10px 0;
            padding: 0;

            &.subhead {
                font-style: italic;
            }
        }

        p {}
    }

    .showcase-wrapper {
        position: relative;
        float: left;
        width: 100%;
        min-height: 420px;
        height: 100%;

        .showcase-menu {
            position: relative;
            z-index: 5;
            min-height: 420px;
            height: 100%;
            background-color: @brand-color;
            padding-bottom: 10px;

            ul {
                list-style-type: none;
                margin: 0px;
                padding: 0px;

                li {
                    a {
                        &:link {
                            display: block;
                            background: @brand-color;
                            color: @white;
                            text-transform: capitalize;
                            font-size: @lg1-font-size;
                            padding: 15px 10px;
                            border-bottom: 1px solid @white;
                            outline-color: @black;
                            outline-width: 3px;
                        }

                        &:visited {
                            display: block;
                            background: @brand-color;
                            color: @white;
                            text-transform: capitalize;
                            font-size: @lg1-font-size;
                            padding: 15px 10px;
                            border-bottom: 1px solid @white;
                        }

                        &:hover {
                            background: @white;
                            color: @brand-color;
                            text-decoration: none;
                        }

                        &:active {
                            background: @white;
                            color: @brand-color;
                            text-decoration: none;
                        }
                    }

                    &:last-child {
                        a:link {
                            border-bottom: none;
                        }
                    }
                }
            }
        }
    }

    .showcase-image {
        float: left;
        background-image: url(/etc.clientlibs/centene/clientlibs/clientlibs-main/resources/images/showcase/default.jpg);
        background-size: cover;
        position: absolute;
        right: 0;
        min-height: 100%;
        height: 100%;

        &.active {
            z-index: 2;
        }

        &.inactive {
            display: none;
        }
    }

    &.three-plan-showcase {
        .showcase-menu {
            min-height: 100%;
            padding-bottom: 0px;
        }

        .showcase-image {
            min-height: 100%;
            height: 100%;
            left: 0px;
            width: 100%;
            background-position-y: -75px;
        }
    }

    &.one-plan-showcase {
        background-position-y: -75px;

        .one-plan-showcase-circle {
            color: @white;
            background: @showcase-circle-one-plan;
            position: absolute;
            width: 310px;
            height: 310px;
            padding: 70px 50px 50px 50px;
            top: -50px;
            left: 100px;
            border-radius: 155px;
            -moz-border-radius: 155px;

            h1 {
                color: @white;
                margin: 0;
                padding: 0;
            }
        }
    }

    .x-x-x-large-showcase {
        min-height: 800px !important;
    }

    .x-x-large-showcase {
        min-height: 700px !important;
    }

    .x-large-showcase {
        min-height: 600px !important;
    }

    .large-showcase {
        min-height: 500px !important;
    }
}

/////////////////////////////////////////
.home-icons {
    padding-top: 30px;
    z-index: 10;
    position: relative;
}

.home-icon-img {
    display: block;
    margin: 0 auto;
}

.home-icons h2 {
    text-align: center;
    color: @brand-color;
    font-size: @xlg1-font-size;
    text-transform: none;
}

.home-main-alert {
    margin-top: -65px;
    background: url("/etc.clientlibs/centene/clientlibs/clientlibs-main/resources/images/alert.png") @light-blue no-repeat 20px 40px;
    color: @white;
    padding: 10px 100px;
    position: relative;
    z-index: 10;
}

.home-main-alert h1 {
    color: @white;
}

.home-news .block-anchor {
    color: @white;
}

.home-news .block-anchor:hover,
.home-news .block-anchor:active {
    color: @white;
}

.home-news h1 {
    color: @lighter-grey;
    font-size: @md3-font-size;
    font-weight: bold;
}

.home-news h2 {
    font-size: @md3-font-size;
    font-weight: normal;
    text-transform: uppercase;
}

/* Login */

.gray-box {
    background: @off-white;
    padding: 20px 40px;
}

.login-box {
    margin-top: 50px;
    margin-bottom: 50px;
}

.login-label,
.dynamic-login-label {
    padding: 0;
    margin: 0 0 20px;
    font-size: @md3-font-size;
    font-weight: normal;
    font-style: italic;
}

.dynamic-login-label {
    display: block;
}

.login-box select {
    margin-bottom: 15px;
    font-size: @md3-font-size;
    font-style: italic;
}

/* Get Insured */

.secondary-title {
    font-size: @lg2-font-size;
    color: @brand-color;
    margin: 0px 0px 10px 0px;
    font-style: italic;
}

.get-insured-plan {
    padding: 20px;
    height: 300px;
    background: @off-white;
    margin: 0 0 20px 0;
}

.get-insured-plan.get-insured-not-sure {
    color: @white;
    background: @brand-color;
    height: auto;
    a {
        color: @white;
        &:hover:not(.btn):not(.button):not([href^="tel"]):not(.acc-title) {
            color: @white;
        }
    }
}

.get-insured-plan h1 {
    margin: 0 0 20px 0;
}

.get-insured-plan.get-insured-not-sure h1 {
    color: @white;
}

/* Wide Plan List */

.wide-plan-list {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.wide-plan-list-item {
    margin: 10px 0;
    padding: 0;

    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: @md4-font-size;
        font-weight: normal;
        color: @dark-grey;
        text-transform: uppercase;
        border-bottom: 2px solid @dark-grey;
        padding: 0 0 7px 0;
        margin: 0 0 15px 0;
    }

    a.block-anchor {
        padding: 10px;
    }

    a.block-anchor:hover {
        background: @off-white;
    }
}

/* Quick Links Icons */

.quick-links {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: @xlg1-font-size;
        margin: 20px 0 20px 0;
        color: @brand-color;
    }

    .quick-links-item {
        padding: 20px 0 50px 0;

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            text-align: center;
            color: @dark-grey;
            font-size: @md4-font-size;
            text-transform: uppercase;
        }
    }

    .quick-links-img {
        display: block;
        margin: 0 auto;
    }
}

/* News */

.news-item {
    clear: both;
    border-bottom: 1px solid @dark-grey;
}

.news-item.single-news {
    border-bottom: none;
}

.news-item a.block-anchor {
    padding: 20px 10px;
    padding-left: 0px;
}

.news-item a.block-anchor:hover,
.event-item a.block-anchor:active {
    background: @off-white;
}

h2.news-title,
h2.events-title {
    font-size: @md4-font-size;
    font-weight: normal;
    color: @dark-grey;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.news-item .news-date {
    margin: 0;
    padding: 0;
}

.news-item a .thumbnail,
.event-item a .thumbnail {
    width: 100px;
    height: 100px;
    margin-bottom: 0px;
    display: inline-block;
    vertical-align: top;
}

.eventText.hasThumbnail {
    width: 75%;
    margin-left: 25px;
    display: inline-block;
}

/* Events */

.upcoming-events ul.event-list {
    list-style-type: none;
    padding: 10px;
    margin: 0;
    background: @off-white;
}

.upcoming-events .event-list li {
    border-left: 1px solid @white;
}

.upcoming-events .event-list li:first-child {
    border-left: none;
}

.upcoming-events .event-list .block-anchor {
    padding: 5px 20px;
}

.upcoming-events .event-list .block-anchor:hover {
    background: @white;
}

.upcoming-events .event-date {
    font-size: 3em;
    font-weight: bold;
    text-align: center;
}

.upcoming-events .event-title,
.upcoming-events .event-time {
    font-size: @md4-font-size;
    font-weight: normal;
    color: @dark-grey;
    margin: 0;
    padding: 0;
}

.event-item {
    clear: both;
    border-bottom: 1px solid @dark-grey;
}

.event-item.single-event {
    border-bottom: none;
}

.event-item a.block-anchor {
    padding: 20px 10px;
    padding-left: 0px;
}

.event-item a.block-anchor:hover,
.event-item a.block-anchor:active {
    background: @off-white;
}

.event-item .event-title {
    font-size: @md3-font-size;
    font-weight: bold;
    margin: 20px 0 0 0;
}

.event-item .event-time {
    font-size: @md3-font-size;
    margin: 0px;
    font-weight: normal;
}

.event-item .event-location {
    font-size: @md3-font-size;
    margin: 0px 0px 15px 0px;
    font-weight: normal;
}

.single-event .event-image {
    float: right;
    margin: -50px 0 10px 10px;
    height: auto;
    max-width: 100%;
}

/* Form Tooltip */

.helperText {
    padding-top: 2px;
    color: @dark-grey;

    &.select {
        margin-top: -10px;
        margin-bottom: 15px;
    }

    &.cb {
        margin-left: -20px;
    }
}

#new_form_upload {
    margin-bottom: 5px;
}

/* Contact Forms */

.contact-form {
    background: @off-white;
    padding: 10px 50px;
    margin: 0 0 30px 0;
}

.contact-form .control-group {
    margin-bottom: 10px;
    min-height: 50px;
}

.contact-form .control-group input,
.contact-form .control-group select,
.contact-form .control-group textarea {
    width: 100%;
    padding: 5px;
}

.control-group .controls textarea.jumbo {
    width: 100%;
    height: 200px;
}

fieldset.check-group,
fieldset.radio-group {
    border: none;

    legend {
        margin-bottom: 0px;
        font-size: 1em;
        color: @dark-grey;
        border: none;
    }

    .controls {
        margin-left: 20px;
    }
}

.control-label {
    font-weight: normal;
    font-style: italic;
}

.hidden-label {
    margin: 0;
    padding: 0;
    height: 0;
    width: 0;
    float: right;
    overflow: hidden;
    font-size: 0.1em;
}

.contact-form button {
    width: 100%;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

label.checkbox {
    color: @brand-color;
    font-weight: normal;
}

.contact-form .control-group input[type="checkbox"] {
    width: auto;
    padding: 0;
}

.contact-form .control-group input[type="radio"] {
    width: auto;
    padding: 0;
}

label.inline {
    float: left;
    margin: 0 30px 20px 20px;
}

.validation-error-message {
    color: #a94442;
}

/* Search */

input.search-page {
    border: 1px solid @brand-color;
    width: 80%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    font-family: FontAwesome, Arial, Helvetica, sans-serif;
    padding: 5px 5px;
    margin: 30px 0 20px 0;
}

.search-result {
    clear: both;
    margin: 0;
}

.search-page-filter {
    margin-bottom: 10px;
}

#search-results .search-result {
    padding: 10px 10px;
    border-bottom: 1px solid @brand-color;
}

.search-result {
    p {
        display: block;

        a.block-anchor,
        a {
            display: inline;
        }
    }
}

.search-result .block-anchor:active,
.search-result .block-anchor:hover {
    background: @off-white;
}

.search-term {
    font-weight: bold;
}

/* Accordions */

.accordion:hover {
    cursor: pointer;
}

.accordion-group .panel {

    .accordion h2.panel-title,
    .accordion h3.panel-title,
    .accordion h4.panel-title,
    .accordion h5.panel-title,
    .accordion h6.panel-title {
        font-size: @md3-font-size;

        a,
        button {
            background-color: @white;
            border: none;
            font-style: italic;
            text-align: left;
            text-transform: uppercase;
            margin: 0px;

            &:hover {
                background-color: @white;
                text-decoration: none !important;
            }
        }
    }

    .panel-collapse .panel-body h2 {
        font-size: 1.3em;

        a,
        button {
            font-style: normal;

            &:hover {
                text-decoration: none !important;
            }
        }
    }
}

.accordion-group .panel .accordion .panel-title button.capitalize {
    text-transform: capitalize;
}

.accordion-group .panel-title span.glyphicon {
    color: @dark-grey;
    margin: 0 0 0 10px;
}

.advantage-medicare .accordion-group .panel-title span.glyphicon {
    color: @brand-color;
}

.ambetter-content .accordion-group .panel-title span.glyphicon, .rd-ambetter-content .accordion-group .panel-title span.glyphicon{
    color: @brand-color;
}

.panel-title>a>.glyphicon:before {
    content: "\e082";
}

.panel-title>button>.glyphicon:before {
    content: "\e082";
}

.panel-title>a.collapsed>.glyphicon:before {
    content: "\e081";
}

.panel-title>button.collapsed>.glyphicon:before {
    content: "\e081";
}

/* Health & Wellness Tool */

.health-wellness-search,
.health-wellness-browse-alpha,
.health-wellness-alpha-list,
.health-wellness-topic,
.health-wellness-resources,
.health-wellness-all-topics {
    clear: both;
}

.health-wellness-search {
    background: @brand-color;
    padding: 20px;
}

.health-wellness-search input {
    width: 100%;
    padding: 5px 15px;
    font-size: @md4-font-size;
    border: none;
}

.health-wellness-search input[type="text"] {
    font-style: italic;
}

.health-wellness-browse-alpha h2 {
    font-size: @md3-font-size;
}

.health-wellness-browse-alpha a.health-letter {
    font-size: @lg2-font-size;
    color: @brand-color;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 5px;
}

.health-wellness-alpha-list li {
    font-size: @lg2-font-size;
}

.health-wellness ul {
    margin: 0;
}

.page-content.health-wellness li:before {
    content: "";
    padding-right: 0;
}

.health-wellness-resources ul {
    margin-left: 37px;
}

a.health-wellness-aside {
    background: @off-white;
    padding: 20px;
    margin: 20px 0 10px 0;
}

a.health-wellness-aside:hover {
    background: @white;
}

.health-wellness-aside h2 {
    font-size: @md1-font-size;
    text-transform: none;
    padding: 0;
    font-weight: bold;
    margin: 0 0 10px 0;
}

/* Medicare */

.showHide {
    margin-top: 35px;

    .sh-toggle {
        cursor: pointer;
        text-decoration: underline;
    }

    .notShowing {
        display: none;
    }

    .excerpt p {
        display: contents;
    }
}

.approval-timestamp {
    font-size: @sm-font-size;
    font-style: italic;
    margin-top: 30px;
}

.benefits-overview h1 {
    font-size: @md4-font-size;
    text-align: center;
}

.benefits-overview h2 {
    font-size: @md4-font-size;
    text-align: center;
    color: @white;
    background: @dark-grey;
    padding: 15px;
    margin: 0;
    text-transform: uppercase;
}

.benefits-overview h3 {
    font-size: @md4-font-size;
    color: @dark-grey;
    background: @off-white;
    padding: 15px;
    margin: 0;
    border-bottom: 1px solid @white;
}

.benefits-overview .benefits-open h3 {
    color: @white;
    background: @brand-color;
    border-bottom: none;
}

.benefits-overview h3 .glyphicon {
    margin-left: 20px;
}

.benefits-grid {
    width: 100%;
}

.benefits-grid td {
    width: 33%;
    padding: 15px;
    border: 1px solid @dark-grey;
    box-sizing: border-box;
}

.benefits-grid .benefits-open td {
    border: 1px solid @brand-color;
}

.benefits-fixed {
    background: @off-white;
    overflow: visible;
    border: 1px solid @dark-grey;
    margin-bottom: 10px;
}

.sticky-wrap {
    width: 100%;
    z-index: 5;
}

.benefits-fixed td {
    border: 1px solid @dark-grey;
    box-sizing: border-box;
}

/**** Ambetter ****/

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: transparent;
}

.ambetter-enrollment-cta {
    background: @brand-secondary-color;
    color: @white;
    padding: 20px 20px 15px;
    position: relative;
    z-index: 8;

    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0;
        font-size: @lg2-font-size;
        color: unset;
    }

    p {
        margin: 0;
        font-size: @default-font-size;
    }

    .btn {
        float: right;
        margin-top: 5px;
    }
}

/* Ambetter Landing Page */

.ambetter-showcase-circle {
    color: @white;
    background: @showcase-circle;
    position: absolute;
    width: 310px;
    height: 310px;
    padding: 50px 50px 50px 50px;
    top: -50px;
    right: 80px;
    border-radius: 155px;
    -moz-border-radius: 155px;
    z-index: 2;
}

.dynamic-header {
    display: table;

    .logo {
        float: none;
        display: table-cell;
        vertical-align: top;
        padding: 5px;

        img {
            max-height: 100px;
        }
    }

    .md-right-section {
        float: none;
        display: table-cell;
    }

    .md-right-section.has-nav {
        vertical-align: bottom;
    }
}

.number-logo {
    clear: both;

    .icfdynamicnumber,
    .icfdynamicnumber div {
        margin: 0px;
    }

    .dynamic-number-section {
        h2 {
            display: none;
        }

        div {
            h2 {
                display: inline;
                float: left;
                margin: 0px 5px 0px 0px;
                font-size: @md5-font-size;
                font-weight: 600;
            }

            h3 {
                font-weight: 600;
            }

            h3.secondary-number-text {
                color: @medium-grey;
                font-weight: 500;
            }
        }

        img {
            display: none;
        }
    }
}

.md-right-section:not(.has-nav) {
    .number-right {
        top: 40px;
    }
}

.number-right {
    display: inline-block;
    text-align: right;
    clear: both;

    .icfdynamicnumber,
    .icfdynamicnumber div {
        margin: 0px;
    }

    .dynamic-number-section {
        h2 {
            display: none;
        }

        div {
            h2 {
                display: inline;
                font-size: @lg1-font-size;
                font-weight: 600;
            }

            h3 {
                font-weight: 600;
            }

            h3.secondary-number-text {
                color: @medium-grey;
                font-weight: 500;
            }
        }

        img {
            display: none;
        }
    }
}

.ambetter-showcase {
    background-size: cover;
    position: relative;
    min-height: 325px;
    margin: 0 -48px;

    /* iPad 1 & 2 Portrait */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
        margin: 0 -31px;
    }

    /* iPad 3 & 4 Portrait  */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
        margin: 0 -31px;
    }

    /* iPad 1 & 2 Landscape */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
        margin: 0 -40px;
    }

    /* iPad 3 & 4 Landscape */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
        margin: 0 -40px;
    }

    /* iPhone 3 */
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 1) {
        margin: 0 -20px;
    }

    /* iPhone 4 */
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
        margin: 0 -20px;
    }

    /* iPhone 5 */
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
        margin: 0 -20px;
    }

    /* iPhone 6 */
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
        margin: 0 -20px;
    }

    /* iPhone 6+ */
    @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
        margin: 0 -20px;
    }

    .ambetter-showcase-item {
        position: relative;
        height: 325px;
        min-width: 150px;
        margin: 0px;
        float: right;
        background-color: @dark-grey;
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;

        .block-anchor {
            position: relative;
            height: 100%;
            width: 100%;
            transition: all 0.3s ease;
            z-index: 1;
            box-shadow: inset 5px 0 30px 0 rgba(0, 0, 0, 0.75);

            h2 {
                color: @white;
                font-size: @xlg1-font-size;
                font-weight: bold;
                width: 100%;
                height: 100px;
                padding: 5%;
                margin: 0;
                position: absolute;
                bottom: 15px;
                left: 0;
                z-index: 2;
                font-weight: 600;
                text-transform: none;
            }

            .ambetter-showcase-inner-item {
                padding: 50px 20px 0;

                h3 {
                    visibility: hidden;
                    color: @white;
                    display: inline-block;
                    margin-top: 0px;
                    font-weight: 600;
                    font-size: @xlg1-font-size;
                    margin-bottom: 7px;
                    padding: 0px;
                }

                p {
                    visibility: hidden;
                    color: @white;
                    font-size: @md2-font-size;
                    font-weight: 300;
                    margin-top: 0px;
                    margin-bottom: 10px;
                    padding: 0px;
                }

                span {
                    visibility: hidden;
                    margin-bottom: 10px;
                }

                /* iPad 1 & 2 */
                @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
                    h3 {
                        visibility: visible;
                    }

                    p {
                        visibility: visible;
                    }

                    span {
                        visibility: visible;
                    }
                }

                /* iPad 3 & 4 */
                @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
                    h3 {
                        visibility: visible;
                    }

                    p {
                        visibility: visible;
                    }

                    span {
                        visibility: visible;
                    }
                }

                /* iPhone 3 */
                @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 1) {
                    h3 {
                        visibility: visible;
                    }

                    p {
                        visibility: visible;
                    }

                    span {
                        visibility: visible;
                    }
                }

                /* iPhone 4 */
                @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
                    h3 {
                        visibility: visible;
                    }

                    p {
                        visibility: visible;
                    }

                    span {
                        visibility: visible;
                    }
                }

                /* iPhone 5 */
                @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
                    h3 {
                        visibility: visible;
                    }

                    p {
                        visibility: visible;
                    }

                    span {
                        visibility: visible;
                    }
                }

                /* iPhone 6 */
                @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
                    h3 {
                        visibility: visible;
                    }

                    p {
                        visibility: visible;
                    }

                    span {
                        visibility: visible;
                    }
                }

                /* iPhone 6+ */
                @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
                    h3 {
                        visibility: visible;
                    }

                    p {
                        visibility: visible;
                    }

                    span {
                        visibility: visible;
                    }
                }
            }

            &:hover {
                .ambetter-showcase-inner-item {
                    h3 {
                        visibility: visible;
                    }

                    p {
                        visibility: visible;
                    }

                    span {
                        visibility: visible;
                    }
                }
            }
        }

        &.ambetter-showcase-raspberry {
            h2 {
                background: @ambetter-showcase-raspberry;
                text-shadow: 2px 2px darken(@brand-raspberry, 10%);
            }

            h3 {
                text-shadow: 2px 2px darken(@brand-raspberry, 10%);
            }

            p {
                text-shadow: 2px 2px darken(@brand-raspberry, 10%);
            }

            .block-anchor:hover {
                background: @ambetter-showcase-raspberry;

                h2 {
                    visibility: hidden;
                }
            }
        }

        &.ambetter-showcase-celticblue {
            h2 {
                background: @brand-celticblue;
                text-shadow: 2px 2px darken(@brand-celticblue, 10%);
            }

            h3 {
                text-shadow: 2px 2px darken(@brand-celticblue, 10%);
            }

            p {
                text-shadow: 2px 2px darken(@brand-celticblue, 10%);
            }

            .block-anchor:hover {
                background: @brand-celticblue;

                h2 {
                    visibility: hidden;
                }
            }
        }

        &.ambetter-showcase-lime {
            h2 {
                background: @ambetter-showcase-lime;
                text-shadow: 2px 2px darken(@brand-lime, 10%);
            }

            h3 {
                text-shadow: 2px 2px darken(@brand-lime, 10%);
            }

            p {
                text-shadow: 2px 2px darken(@brand-lime, 10%);
            }

            .block-anchor:hover {
                background: @ambetter-showcase-lime;

                h2 {
                    visibility: hidden;
                }
            }
        }

        &.ambetter-showcase-orange {
            h2 {
                background: @ambetter-showcase-orange;
                text-shadow: 2px 2px darken(@brand-orange, 10%);
            }

            h3 {
                text-shadow: 2px 2px darken(@brand-orange, 10%);
            }

            p {
                text-shadow: 2px 2px darken(@brand-orange, 10%);
            }

            .block-anchor:hover {
                background: @ambetter-showcase-orange;

                h2 {
                    visibility: hidden;
                }
            }
        }

        &.ambetter-showcase-mint {
            h2 {
                background: @ambetter-showcase-mint;
                text-shadow: 2px 2px darken(@brand-mint, 10%);
            }

            h3 {
                text-shadow: 2px 2px darken(@brand-mint, 10%);
            }

            p {
                text-shadow: 2px 2px darken(@brand-mint, 10%);
            }

            .block-anchor:hover {
                background: @ambetter-showcase-mint;

                h2 {
                    visibility: hidden;
                }
            }
        }

        &.ambetter-showcase-blueberry {
            h2 {
                background: @ambetter-showcase-blueberry;
                text-shadow: 2px 2px darken(@brand-blueberry, 10%);
            }

            h3 {
                text-shadow: 2px 2px darken(@brand-blueberry, 10%);
            }

            p {
                text-shadow: 2px 2px darken(@brand-blueberry, 10%);
            }

            .block-anchor:hover {
                background: @ambetter-showcase-blueberry;

                h2 {
                    visibility: hidden;
                }
            }
        }

        &.ambetter-showcase-healthnetgreen {
            h2 {
                background: @ambetter-showcase-healthnetgreen;
                text-shadow: 2px 2px darken(@brand-healthnetgreen, 10%);
            }

            h3 {
                text-shadow: 2px 2px darken(@brand-healthnetgreen, 10%);
            }

            p {
                text-shadow: 2px 2px darken(@brand-healthnetgreen, 10%);
            }

            .block-anchor:hover {
                background: @ambetter-showcase-healthnetgreen;

                h2 {
                    visibility: hidden;
                }
            }
        }

        &.ambetter-showcase-healthnetgreeninverse {
            h2 {
                background: @ambetter-showcase-healthnetgreeninverse;
                color: @brand-healthnetgreen;
                text-shadow: 1px 1px @white;
            }

            h3 {
                color: @brand-healthnetgreen;
                text-shadow: 1px 1px @white;
            }

            p {
                color: @brand-healthnetgreen;
                text-shadow: 1px 1px @white;
            }

            .block-anchor:hover {
                background: @ambetter-showcase-healthnetgreeninverse;
                color: @brand-healthnetgreen;

                h2 {
                    visibility: hidden;
                }
            }

            &:hover {
                h3 {
                    color: @brand-healthnetgreen;
                }

                p {
                    color: @brand-healthnetgreen;
                }

                span {
                    .gray-btn {
                        background: @dark-grey;
                        border: 1px solid @dark-light-grey;
                    }
                }
            }
        }

        &.ambetter-showcase-navy {
            h2 {
                background: @ambetter-showcase-navy;
                text-shadow: 2px 2px darken(@brand-navy, 10%);
            }

            h3 {
                text-shadow: 2px 2px darken(@brand-navy, 10%);
            }

            p {
                text-shadow: 2px 2px darken(@brand-navy, 10%);
            }

            .block-anchor:hover {
                background: @ambetter-showcase-navy;

                h2 {
                    visibility: hidden;
                }
            }
        }

        &.ambetter-showcase-grape {
            h2 {
                background: @ambetter-showcase-grape;
                text-shadow: 2px 2px darken(@brand-grape, 10%);
            }

            h3 {
                text-shadow: 2px 2px darken(@brand-grape, 10%);
            }

            p {
                text-shadow: 2px 2px darken(@brand-grape, 10%);
            }

            .block-anchor:hover {
                background: @ambetter-showcase-grape;

                h2 {
                    visibility: hidden;
                }
            }
        }

        &.ambetter-showcase-maroon {
            h2 {
                background: @ambetter-showcase-maroon;
                text-shadow: 2px 2px darken(@brand-healthnet-medicare, 10%);
            }

            h3 {
                text-shadow: 2px 2px darken(@brand-healthnet-medicare, 10%);
            }

            p {
                text-shadow: 2px 2px darken(@brand-healthnet-medicare, 10%);
            }

            .block-anchor:hover {
                background: @ambetter-showcase-maroon;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .showcase-content {
            //padding: 10px;
        }

        .btn-default {
            transition: all 0s ease;
        }
    }

    /* iPad 1 & 2 */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        .ambetter-showcase-raspberry {
            .block-anchor {
                background: @ambetter-showcase-raspberry;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-lime {
            .block-anchor {
                background: @ambetter-showcase-lime;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-orange {
            .block-anchor {
                background: @ambetter-showcase-orange;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-mint {
            .block-anchor {
                background: @ambetter-showcase-mint;

                h2 {
                    visibility: hidden;
                }
            }
        }
    }

    /* iPad 3 & 4 */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
        .ambetter-showcase-raspberry {
            .block-anchor {
                background: @ambetter-showcase-raspberry;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-lime {
            .block-anchor {
                background: @ambetter-showcase-lime;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-orange {
            .block-anchor {
                background: @ambetter-showcase-orange;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-mint {
            .block-anchor {
                background: @ambetter-showcase-mint;

                h2 {
                    visibility: hidden;
                }
            }
        }
    }

    /* iPhone 3 */
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 1) {
        .ambetter-showcase-raspberry {
            .block-anchor {
                background: @ambetter-showcase-raspberry;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-lime {
            .block-anchor {
                background: @ambetter-showcase-lime;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-orange {
            .block-anchor {
                background: @ambetter-showcase-orange;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-mint {
            .block-anchor {
                background: @ambetter-showcase-mint;

                h2 {
                    visibility: hidden;
                }
            }
        }
    }

    /* iPhone 4 */
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
        .ambetter-showcase-raspberry {
            .block-anchor {
                background: @ambetter-showcase-raspberry;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-lime {
            .block-anchor {
                background: @ambetter-showcase-lime;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-orange {
            .block-anchor {
                background: @ambetter-showcase-orange;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-mint {
            .block-anchor {
                background: @ambetter-showcase-mint;

                h2 {
                    visibility: hidden;
                }
            }
        }
    }

    /* iPhone 5 */
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
        .ambetter-showcase-raspberry {
            .block-anchor {
                background: @ambetter-showcase-raspberry;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-lime {
            .block-anchor {
                background: @ambetter-showcase-lime;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-orange {
            .block-anchor {
                background: @ambetter-showcase-orange;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-mint {
            .block-anchor {
                background: @ambetter-showcase-mint;

                h2 {
                    visibility: hidden;
                }
            }
        }
    }

    /* iPhone 6 */
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
        .ambetter-showcase-raspberry {
            .block-anchor {
                background: @ambetter-showcase-raspberry;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-lime {
            .block-anchor {
                background: @ambetter-showcase-lime;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-orange {
            .block-anchor {
                background: @ambetter-showcase-orange;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-mint {
            .block-anchor {
                background: @ambetter-showcase-mint;

                h2 {
                    visibility: hidden;
                }
            }
        }
    }

    /* iPhone 6+ */
    @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
        .ambetter-showcase-raspberry {
            .block-anchor {
                background: @ambetter-showcase-raspberry;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-lime {
            .block-anchor {
                background: @ambetter-showcase-lime;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-orange {
            .block-anchor {
                background: @ambetter-showcase-orange;

                h2 {
                    visibility: hidden;
                }
            }
        }

        .ambetter-showcase-mint {
            .block-anchor {
                background: @ambetter-showcase-mint;

                h2 {
                    visibility: hidden;
                }
            }
        }
    }
}

/* Ambetter Language Selector */

.dropdown-menu {
    width: 210px;
    padding: 10px 0px;
    left: auto;
    right: 0;
}

.dropdown-menu>li {
    display: block;
    width: 100%;
}

/* Ambetter Subpages */

ul.small-icons {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.small-icons li {
    display: block;
    padding: 0;
    margin: 0 0 30px 0;
}

.small-icons a.block-anchor {
    padding: 10px;
    color: @dark-grey;
}

.small-icons a.block-anchor:hover {
    background: @off-white;
    text-decoration: none;
}

.small-icons .no-link {
    padding: 10px;
}

.small-icons img {
    display: inline-block;
    margin-right: 10px;
    float: left;
}

.small-icons h3 {
    font-size: @default-font-size;
    font-weight: bold;
    margin: 0;
}

.small-icons div {
    display: inline-block;
    width: 80%;
    float: left;
    margin: 0;
}

.small-icons div p {
    float: left;
    margin: 10px 0 0 0;
}

.circle-image {
    border-radius: 50%;
    -moz-border-radius: 50%;
}

img.featured-page-image {
    float: right;
    margin: 20px 0 20px 20px;
    max-width: 50%;
}

.ambetter-member-portal-left {
    margin-top: 30px;
}

p.disclaimer {
    font-size: @sm-font-size;
    font-style: italic;
}

/* Ambetter Plan Options */

.ambetter-health-plan-item {
    background: @off-white;
    padding: 20px 20px 10px 20px;
    margin: 0 0 20px 0;
    position: relative;

    .plan-image {
        text-align: center;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: @default-font-size;
        font-weight: bold;
        color: @brand-color;
        text-transform: uppercase;
        margin: 0;
    }

    .plan-links {
        margin-bottom: 10px;
    }

    .plan-links a {
        font-size: 0.8em;
        font-style: italic;
    }

    .plan-button .btn {
        font-size: @md1-font-size;
        width: 100%;
        padding: 5px 30px;
    }

    .best-value {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
    }
}

/* Ambetter Landing Page */

.ambetter-landing-header {
    min-height: 300px;
    overflow: hidden;
    background-repeat: no-repeat;
    text-transform: uppercase;
    font-weight: 600;

    .ambetter-landing-title {
        margin: 20px 0 0 75%;
        padding: 5px 10px;
        background: @brand-color;
        font-size: @xlg1-font-size;
        color: white;
    }

    .ambetter-landing-tagline {
        margin-left: 75%;
        padding: 5px 10px;
        font-size: @lg4-font-size;
        color: white;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
        background-color: rgba(0, 0, 0, 0.16);
        -webkit-box-shadow: 0px 0px 40px 32px rgba(51, 51, 51, 0.2);
        -moz-box-shadow: 0px 0px 40px 32px rgba(51, 51, 51, 0.2);
        box-shadow: 0px 0px 20px 10px rgba(51, 51, 51, 0.2);
        margin-top: 10px;
    }
}

/* Ambetter Homepage Banner */

.ambetter-homepage-banner {
    min-height: 325px;
    overflow: hidden;
    background-repeat: no-repeat;
    margin: 0 -48px;

    p.banner-tagline {
        margin: 6% 50% 0 6%;
        color: white;
        font-size: @xlg2-font-size;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
    }

    p.small-text {
        font-size: 2.125em;
    }

    .banner-button {
        margin-top: 13px;

        a {
            font-size: @md2-font-size;
            -webkit-box-shadow: 0px 0px 40px 32px rgba(51, 51, 51, 0.2);
            -moz-box-shadow: 0px 0px 40px 32px rgba(51, 51, 51, 0.2);
            box-shadow: 0px 0px 20px 10px rgba(51, 51, 51, 0.2);
        }

        .indent {
            margin-left: 6%;
        }
    }
}

.landing-content-wrapper {
    margin: 10px 0;
    display: table;

    .landing-content {
        display: table-cell;
        width: 50%;
        float: left;
        padding-right: 20px;
        border-right: 2px solid;
    }

    .landing-form {
        display: table-cell;
        width: 50%;
        float: left;
        padding-left: 20px;
        border-left: 2px solid;
        margin-left: -2px;

        .externalforicf {
            iframe {
                min-height: 400px;
                width: 100%;
            }
        }
    }
}

.landing-bottom {
    margin-top: 35px;
}

.ambetter-landing-header-with-cta {
    margin-bottom: 10px;

    .landing-header-main {
        img {
            max-height: 300px;
            width: 100%;
        }

        p {
            position: absolute;
            top: 40px;
            left: 45px;
            width: 47%;
            font-size: 2.785em;
            color: white;
            text-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
        }

        .ambetter-landing-header-small-text {
            font-size: 2.125em;
        }
    }

    .landing-header-cta {
        text-align: center;
        padding: 13px 15px;

        a {
            border-radius: 0px;
        }

        p {
            color: @white;
            font-size: 1.5em;
            position: relative;
            display: inline-block;
            margin-bottom: -20px;
        }
    }
}

.header-banner-gradient(@color1,
    @color2) {
    display: block;
    position: relative;
    z-index: 0;
    margin-top: -300px;
    height: 300px;
    width: 100%;
    content: "";
    background: -webkit-linear-gradient(right, @color1 45%, @color2 85%);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, @color1 45%, @color2 85%);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, @color1 45%, @color2 85%);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left, @color1 45%, @color2 85%);
    /* Standard syntax */
}

//all dialog option colors for gradient background
.ambetter-landing-header-with-cta.hn-version.brand-background::after {
    .header-banner-gradient(@brand-color,
        rgba(255, 255, 255, 0));
}

.ambetter-landing-header-with-cta.hn-version.blueberry-background::after {
    .header-banner-gradient(@brand-blueberry,
        rgba(255, 255, 255, 0));
}

.ambetter-landing-header-with-cta.hn-version.celticblue-background::after {
    .header-banner-gradient(@brand-celticblue,
        rgba(255, 255, 255, 0));
}

.ambetter-landing-header-with-cta.hn-version.grape-background::after {
    .header-banner-gradient(@brand-grape,
        rgba(255, 255, 255, 0));
}

.ambetter-landing-header-with-cta.hn-version.healthnetgreen-background::after {
    .header-banner-gradient(@brand-healthnetgreen,
        rgba(255, 255, 255, 0));
}

.ambetter-landing-header-with-cta.hn-version.healthnetgreeninverse-background::after {
    .header-banner-gradient(@white,
        rgba(255, 255, 255, 0));
}

.ambetter-landing-header-with-cta.hn-version.healthnetgreeninverse-background {
    .banner-text {
        color: @brand-healthnetgreen;
    }
}

.ambetter-landing-header-with-cta.hn-version.maroon-background::after {
    .header-banner-gradient(@brand-maroon,
        rgba(255, 255, 255, 0));
}

.ambetter-landing-header-with-cta.hn-version.lime-background::after {
    .header-banner-gradient(@brand-lime,
        rgba(255, 255, 255, 0));
}

.ambetter-landing-header-with-cta.hn-version.mint-background::after {
    .header-banner-gradient(@brand-mint,
        rgba(255, 255, 255, 0));
}

.ambetter-landing-header-with-cta.hn-version.navy-background::after {
    .header-banner-gradient(@brand-navy,
        rgba(255, 255, 255, 0));
}

.ambetter-landing-header-with-cta.hn-version.orange-background::after {
    .header-banner-gradient(@brand-orange,
        rgba(255, 255, 255, 0));
}

.ambetter-landing-header-with-cta.hn-version.raspberry-background::after {
    .header-banner-gradient(@brand-raspberry,
        rgba(255, 255, 255, 0));
}

.ambetter-landing-header-with-cta.hn-version {
    height: 300px;
    margin-bottom: 0px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    color: @white;

    .landing-header-main {
        height: 300px;
        overflow: hidden;

        .banner-text {
            padding: 50px 15px 10px 0px;
            height: 300px;
            margin-left: 45%;
            position: relative;
            z-index: 1;
            text-align: center;

            span {
                display: inline-block;
            }

            .main {
                font-size: @xlg2-font-size;
                font-weight: 600;
            }

            .main.ambetter-landing-header-small-text {
                font-size: @xlg1-font-size;
            }

            .tagline {
                font-size: @xlg1-font-size;
                font-weight: 100;
            }

            .tagline.ambetter-landing-header-small-text {
                font-size: @lg1-font-size;
            }
        }
    }
}

.hn-landing-header-cta {
    background-color: @lighter-grey;
    padding: 15px 15px 10px 15px;

    p {
        margin-bottom: 5px;
    }

    .cta-text {
        font-size: @lg1-font-size;
        font-weight: 600;
    }
}

.hn-landing-footer {
    margin-top: -80px;
}

.hn-footer-navigation {
    padding: 10px 0;

    ul.footer-links {
        margin: 0;
        padding-left: 0;

        li {
            display: inline-block;
            margin: 0 20px 0 0;

            a {
                font-weight: 300;
                color: @white;

                &:hover {
                    text-decoration: underline;
                }
            }
        }
    }
}

.hn-footer-navigation.gray-background,
.hn-footer-navigation.light-gray-background,
.hn-footer-navigation.lime-background,
.hn-footer-navigation.orange-background {
    ul.footer-links {
        li {
            a {
                color: @black;
            }
        }
    }
}

.hn-footer-navigation.white-background {
    ul.footer-links {
        li {
            a {
                color: @brand-color;
            }
        }
    }
}

.cta-container {
    position: relative;
    height: inherit;
    width: 100%;
}

span.link-spanner {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.blueberry-accent-border {
    border-bottom: 15px solid @brand-blueberry;
}

.celticblue-accent-border {
    border-bottom: 15px solid @brand-celticblue;
}

.grape-accent-border {
    border-bottom: 15px solid @brand-grape;
}

.healthnetgreen-accent-border {
    border-bottom: 15px solid @brand-healthnetgreen;
}

.lime-accent-border {
    border-bottom: 15px solid @brand-lime;
}

.maroon-accent-border {
    border-bottom: 15px solid @brand-maroon;
}

.mint-accent-border {
    border-bottom: 15px solid @brand-mint;
}

.navy-accent-border {
    border-bottom: 15px solid @brand-navy;
}

.orange-accent-border {
    border-bottom: 15px solid @brand-orange;
}

.raspberry-accent-border {
    border-bottom: 15px solid @brand-raspberry;
}

.blueberry-accent {
    background-color: @brand-blueberry;
}

.celticblue-accent {
    background-color: @brand-celticblue;
}

.grape-accent {
    background-color: @brand-grape;
}

.healthnetgreen-accent {
    background-color: @brand-healthnetgreen;
}

.lime-accent {
    background-color: @brand-lime;
}

.maroon-accent {
    background-color: @brand-maroon;
}

.mint-accent {
    background-color: @brand-mint;
}

.navy-accent {
    background-color: @brand-navy;
}

.orange-accent {
    background-color: @brand-orange;
}

.raspberry-accent {
    background-color: @brand-raspberry;
}

.blueberry-text {
    color: @brand-blueberry;
}

.celticblue-text {
    color: @brand-celticblue;
}

.grape-text {
    color: @brand-grape;
}

.healthnetgreen-text {
    color: @brand-healthnetgreen;
}

.lime-text {
    color: @brand-lime;
}

.maroon-text {
    color: @brand-maroon;
}

.mint-text {
    color: @brand-mint;
}

.navy-text {
    color: @brand-navy;
}

.orange-text {
    color: @brand-orange;
}

.raspberry-text {
    color: @brand-raspberry;
}

.dynamic-number-section {
    h2 {
        display: inline-block;
        text-transform: none;
    }

    div {
        h2 {
            display: none;
        }

        margin: 20px 0px 40px;

        img {
            float: left;
            margin-right: 10px;
        }
    }
}

.single-line-number {
    font-size: @default-font-size;

    h2 {
        display: none;
    }

    div {
        margin: 0px 0px 20px 0px;

        img {
            float: left;
            height: 2em;
        }

        h3 {
            display: inline;
            font-size: @md5-font-size;
        }
    }
}

.single-line-number.has-tagline {
    img {
        height: 3em;
    }

    h3 {
        font-size: @md3-font-size;
        line-height: @md3-font-size;
        vertical-align: top;
        margin-bottom: 2px;
    }
}

.single-line-number.lime-text,
.number-logo .lime-text,
.number-right .lime-text>* {
    color: @brand-lime;
    vertical-align: text-bottom;
}

.single-line-number.orange-text,
.number-logo .orange-text,
.number-right .orange-text>* {
    color: @brand-orange;
    vertical-align: text-bottom;
}

.single-line-number.raspberry-text,
.number-logo .raspberry-text,
.number-right .raspberry-text>* {
    color: @brand-raspberry;
    vertical-align: text-bottom;
}

.single-line-number.teal-text,
.number-logo .teal-text,
.number-right .teal-text>* {
    color: @brand-healthnetgreen;
    vertical-align: text-bottom;
}

/* Provider Representative Map */

#region-descriptions {
    .region-description {
        border: 2px solid @medium-dark-grey;
        border-radius: 4px;
        padding: 10px;
        margin: 15px 0px;
    }

    .error {
        color: @dark-red;
    }
}

#search-wrapper {
    margin: 15px 0px;
}

#map-canvas {
    height: 600px;

    img {
        //fixes map controls
        max-width: none;
    }
}

#firstVisitModal .modal-dialog {
    width: 400px;
}

/* Vanity Template */

.vanity-left {
    margin-left: 0;
    min-height: 15em;
}

.vanity-right {
    margin-left: 0;
    min-height: 15em;
}

.vanity-header {
    .vanity-bar {
        border-bottom: 7px solid @brand-color;
        height: auto;
        width: 100%;
        display: inline-block;
        background-color: @white;
        padding: 5px 0px 5px 0px;

        /* vcheck fixed */
        div {
            padding: 0px 10px 0px 10px;

            /* vcheck fixed */
            img {
                max-height: 90px;
                max-width: 100%;
            }

            img.center-block {
                max-height: 60px;
            }

            .languageselector {
                padding: 0px;
                min-width: 85px;

                .language-select {
                    margin: 0px;
                    padding: 0px;
                }
            }

            .languageselectorambetter {
                padding: 0px;
                min-width: 85px;

                .language-select {
                    margin: 0px;
                    padding: 0px;
                    margin-top: 7px;
                }
            }
        }

        &.border-bottom-0 {
            border-bottom: 0px;
            padding: 5px 0 0 0;
        }
    }

    .vanity-bar.v-old {
        border-top: 7px solid @brand-color;
        padding: 0px;

        div {
            padding: 10px;

            /* vcheck fixed */
            .languageselectorambetter {
                .language-select {
                    margin: 0px;
                }
            }
        }
    }

    .high-contrast {
        display: none;
    }

    .vanity-banner {
        min-height: 200px;

        img {
            max-width: 1160px;
            width: calc(~"100% - 1px");
        }
    }

    .vanitytopmenu {
        /* mimic col-sm-12 for generated div */
        width: 50%;
        float: left;
    }

    .vanity-nav-tools {
        float: right;
        clear: none;

        .contrastswitcher {
            margin-right: 0px;
            margin-top: 15px;
            float: left;
        }

        .size-selector {
            margin-top: 5px;
        }

        .languageselectorambetter {
            margin-top: 5px;
        }

        .language-select {
            display: inline-block;
        }
    }

    .vanity-left {
        margin-top: -155px;
        height: 289px;
    }

    .vanity-right {
        margin-top: -156px;
        margin-left: -3px;
        height: 289px;
        width: 33.59%;
    }
}

.tagline-logo {
    padding-left: 25px;
    padding-top: 10px;
    margin-bottom: 15px;
}

.center-vanity-logo {
    text-align: center;

    .tagline-logo {
        padding-left: 0px;
    }
}

.vanity-tagline {
    font-size: @lg1-font-size;
    color: @brand-color;
    padding-top: 10px;
}

/* ICF modal is custom, so it has its own class joined with the default modal classes */

.icf-modal.modal-dialog {
    position: absolute;
    top: 50% !important;
    transform: translate(0, -50%) !important;
    -ms-transform: translate(0, -50%) !important;
    -webkit-transform: translate(0, -50%) !important;
    margin: auto 33%;
    width: 35%;
    height: 28%;

    .modal-content {
        min-height: 50%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: @lightest-grey;
    }

    .modal-title {
        position: absolute;
        top: 65px; // height of header
        bottom: 45px; // height of footer
        left: 0;
        right: 0;
        overflow-y: auto;
        text-align: center;
        font-size: 24px;
    }
}

#spinner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    /* Search Spinner Styles */
    &.search-spinner {
        top: 0px !important;
    }

    /* ICF Modal Spinner Styles */
    &.icf-spinner {
        top: 132px !important;
    }
}

#firstVisitModal {
    .modal-dialog {
        .modal-content {
            position: relative;
        }
    }
}

.vanity.container {
    margin-top: -20px;
    padding-bottom: 0px;
    background-color: @white;

    .vanity-left {
        margin-top: -115px;
        min-height: 65em;
        padding: 1em 2em;
        background: @white;
        border-right: 3px @lightest-grey solid;
        padding-bottom: 135px;
    }

    .vanity-right {
        margin-top: -115px;
        min-height: 65em;
        padding: 1em;
        background: @lightest-grey;
        background: -moz-linear-gradient(top, @lightest-grey 1%, @white 65%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, @lightest-grey), color-stop(65%, @white));
        background: -webkit-linear-gradient(top, @lightest-grey 1%, @white 65%);
        background: -o-linear-gradient(top, @lightest-grey 1%, @white 65%);
        background: -ms-linear-gradient(top, @lightest-grey 1%, @white 65%);
        background: linear-gradient(to bottom, @lightest-grey 1%, @white 65%);
        padding-bottom: 80px;
    }

    .vanity-footer-bar {
        padding-left: 0px;
        padding-right: 0px;
        background-color: @brand-color;
        margin-bottom: 20px;

        footer {
            padding: 0px;
            width: 100%;
            background-color: @brand-color;

            .vanity-copyright {
                text-align: center;
                color: white;
                font-size: 15px;

                p {
                    margin: 5px 0 5px 0;
                    display: inline-block;
                }
            }

            .footer-left {
                font-weight: 700;
                padding: 5px 25px;
            }

            .footer-right {
                padding: 5px 0 5px 25px;
            }

            a {
                text-decoration: none;
                color: white;
            }
        }
    }

    .copyright {
        .copyright {
            color: black;
            font-size: @md1-font-size;
            margin-bottom: 15px;
        }
    }
}

/*MD Styles*/

@media (min-width: 992px) and (max-width: 1199px) {
    .vanity.container {
        .vanity-left {
            margin-top: -145px;
        }

        .vanity-right {
            margin-top: -145px;
            width: 33.33%;
        }
    }
}

.vanity-header,
.vanity.container {
    -moz-box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.15), -10px 0 10px -10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.15), -10px 0 10px -10px rgba(0, 0, 0, 0.15);
    box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.15), -10px 0 10px -10px rgba(0, 0, 0, 0.15);
}

.vanitymodal {
    .modal {
        margin: 0 auto;
        width: 45em;

        h3 {
            font-size: @xlg2-font-size;
            color: @brand-color;
        }
    }

    .modal.small {
        width: 25em;

        .modal-dialog {
            width: 25em;
        }
    }

    .modal.medium {
        width: 45em;

        .modal-dialog {
            width: 45em;
        }
    }

    .modal.large {
        width: 55em;

        .modal-dialog {
            width: 55em;
        }
    }
}

.vanity-modal-button {
    margin-top: 20px;
    margin-bottom: 10px !important;
}

.vanitylargeiconwithtext {
    text-align: center;
}

.vanity-large-icon-section {
    overflow: hidden;
    text-align: center;
    padding: 15px 10px;
    margin: 0px 0;
    margin-bottom: 15px;

    h2,
    h3,
    h4,
    h5,
    h6 {
        color: @brand-color;
        font-size: @default-font-size;
        text-transform: capitalize;
        font-weight: bold;
        line-height: 1.42857143;
        margin: 0px;
    }

    img {
        max-width: 120px;
        padding: 5px;
        padding-top: 0px;
    }

    p {
        margin-bottom: 0px;
    }
}

a.vanity-large-icon-section {
    .wBorder:hover {
        background: #eee;
    }
}

a.vanity-large-icon-section {
    .wBorder {
        border: 1px solid transparent;
        padding: 15px 7.5px;

        &:hover {
            border: 1px solid #6e6e6e;
            border-radius: 10px;
            text-decoration: none !important;

            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            p {
                text-decoration: none !important;
                color: #000000 !important;
            }

            img {
                -moz-filter: grayscale(100%);
                -o-filter: grayscale(100%);
                -webkit-filter: grayscale(100%);
                color: #636363;
                filter: grayscale(100%);
                text-decoration: none;
            }
        }

        p {
            color: #373d3f !important;
        }
    }
}

.vanity-icon-md img {
    max-width: 95px;
}

.vanity-icon-sm img {
    max-width: 85px;
}

.vanity-small-icon-section {
    overflow: hidden;
    text-align: left;
    padding-bottom: 30px;
    margin: 0px 0;

    h4 {
        color: @brand-color;
        font-size: @lg1-font-size;
    }

    img {
        float: left;
        max-width: 60px;
        height: 60px;
        padding: 5px;
    }

    p {
        margin-bottom: 0px;
    }
}

.vanity-content .richtext {
    padding-bottom: 10px;
}

.vanitycalloutbox,
.vanitylinklist,
.vanitystackedactionbox,
.vanitysocial,
#vanityModalOpen {
    padding-bottom: 10px;
}

#vanityModalOpen {
    padding-top: 10px;
}

.vanitytabbedcontent {
    padding-bottom: 30px;

    .nav-tabs {
        li {
            margin-right: 5px;
            background-color: transparent;

            a {
                border-radius: 3px 3px 0px 0px;
                background-color: @lighter-grey;
                color: @darker-grey;
                font-weight: 700;
                font-size: @md1-font-size;
            }

            a:hover {
                background-color: @lightest-grey;
            }
        }

        li.active {
            a {
                background-color: @white;
                border-bottom: 1px solid transparent !important;
                color: @brand-color;
            }
        }
    }

    .tab-pane {
        padding: 10px;

        &.bottomBorder {
            border-bottom: 1px solid @lighter-grey;
        }

        table {
            border: 2px solid @brand-color;
            width: 100%;
            margin-bottom: 10px;

            tr {
                th {
                    padding: 15px;
                    color: @white;
                    font-weight: normal;
                    text-transform: uppercase;
                    background: @brand-color;
                }

                td {
                    border: 2px solid @brand-color;
                    border-top: none;
                    border-bottom: none;
                    padding: 15px;
                }

                &:not(:nth-child(1)) th {
                    padding: 5px 15px;
                    font-weight: bold;
                    color: @black;
                    border-top: none;
                    border-bottom: none;
                    background: transparent;
                }

                &:nth-child(odd) td,
                &:nth-child(odd):not(:nth-child(1)) th {
                    background: @brand-table-color;
                }
            }
        }
    }
}

.vanitylinklist {
    ul {
        padding: 0px;
        list-style-type: none;
        list-style-position: inside;

        li {
            color: @white;
            margin: 3px 0px;

            a {
                background-color: @brand-color;
                padding: 10px;
                color: @white;
                display: block;
            }

            a:hover {
                background-color: @brand-light;
                color: @darker-grey;
            }
        }
    }
}

.vanity-stacked-action-box {
    padding: 5px 15px;
    background-color: @dark-grey;
    margin-bottom: 2px;
    min-height: 130px;

    h4 {
        color: @white;
        font-weight: 600;
    }

    p {
        color: @white;
    }

    a.btn {
        font-size: @default-font-size;
        width: auto;
        float: right;
        background-color: @lighter-grey;
        color: @darker-grey;
    }

    a:hover.btn {
        background-color: @white;
    }
}

.vanity-stacked-action-box.featured {
    background-color: @brand-color;

    a.btn {
        color: @darker-grey;
        background-color: @brand-light;
    }

    a:hover.btn {
        background-color: @white;
    }
}

.vanity-call-out-box {
    background-color: @lighter-grey;
    padding: 5px 15px;
    color: @darker-grey;

    .vanity-call-out-heading {

        h2,
        h3,
        h4,
        h5,
        h6 {
            font-size: 1.286em;
            font-weight: 600;
            margin: 10px 0px;
            text-transform: uppercase;
        }
    }

    .vanity-call-out-content {
        h2 {
            text-transform: none;
        }

        h3 {
            font-size: 1.5em;
        }
    }
}

.vanity-social {
    .row:hover {
        cursor: pointer;

        .vanity-social-icon a img {
            -moz-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            -webkit-filter: grayscale(100%);
            color: @dark-grey;
            filter: grayscale(100%);
            text-decoration: none;
        }

        .vanity-social-description-wrap .vanity-social-description a {
            text-decoration: underline;
        }
    }

    .vanity-social-icon {
        margin-bottom: 15px;

        a {
            padding-right: 10px;
            cursor: pointer;

            img {
                color: @brand-color;
                min-width: 60px;
                height: 60px;
            }
        }
    }

    .vanity-social-description-wrap {
        position: relative;
        height: 60px;

        .vanity-social-description {
            .vert-center;

            a {
                color: @dark-grey;
                font-size: 15px;
                text-decoration: none;
                cursor: pointer;
            }
        }
    }
}

/* Forms - Validation Box */
form {
    .validation-box {
        span.glyphicon-warning-sign {
            color: #a94442;
            font-size: 2em;
            padding: 15px;
        }
        .validation-box-topmessage {
            display: inline-block;
            font-weight: bolder;
            margin-top: 20px;
            font-size: 1.7em;
        }
        .validation-box-container {
            font-size: 18px;
        }
        a {
            color: #004880;
            text-decoration: underline;
            font-weight: bolder;
        }
    }
}

/* Captcha */

.submitCaptcha {
    margin-top: 80px;
}

.transparent {
    height: 0px !important;
    opacity: 0;
    margin-bottom: 0px !important;
}

.captcha.section {
    padding-bottom: 0px !important;
}

.captcha-wrap {
    width: 100%;
}

fieldset.check-group legend {
    margin-bottom: 5px;
}
//Medicare year toggle buttons properties
.advantage-medicare #year-toggle-buttons {
  text-align: right;
  margin-top: 25px;
  padding-right: 0%;
}

#year-toggle-buttons {
    text-align: right;
    margin-top: 25px;
    padding-right: 11%;

    .active {
        box-shadow: none;
    }

    #default-year-button,
    #default-year-link {
        border-radius: 4px 0px 0px 4px;
    }

    #toggle-year-button,
    #toggle-year-link {
        border-radius: 0px 4px 4px 0px;
    }

    .btn {
        opacity: 1;
    }

    .btn:not(.active) {
        background-color: @dark-grey;
        color: @white;
    }

    .active:hover {
        background-color: @brand-color;
    }
}

.calltoactionbox h2 {
    font-size: 2.1em;
    text-transform: capitalize;
    margin-top: 0px;
}

.calltoactionbox .no-style .cta-title {
    color: @brand-color;
}

// .page-content.health-wellness {
//      ul li:before {
//      content:"";
//      padding-right:0;
//  }
// }
hr {
    border-top: 1px solid @dark-grey;
}

.vertical-align {
    display: flex;
    align-items: center;
}

/* Link hover styles */

.richtext,
.accordiongroup,
.calltoactionbox,
.topiclinklist {
    a:hover:not(.btn):not(.button):not([href^="tel"]):not(.acc-title) {
        color: #006dc1;
        text-decoration: underline;
        text-shadow: -0.1px -0.1px 0 #006dc1, 0.1px 0.1px #006dc1;
    }
}

.subnav_callout_wrapper {
    background-color: #e6e6e6;
    border-radius: 10px;
    margin: 15px;
    font-style: italic;
    font-weight: 300;
    padding: 10px 10px 10px 15px;
    color: #636363;

    a {
        color: @dark-grey;
        text-decoration: none;
    }

    h2 {
        font-size: @md4-font-size;
    }

    p {
        margin: 0px;
    }
}

.topiclinklist {
    position: relative;

    img {
        max-width: 60px;
        float: left;
    }

    .title-and-links {
        display: table-cell;

        h2,
        h3,
        h4,
        h5,
        h6 {
            font-size: 24px;
            margin: 20px 0 10px 9px;
        }

        ul {
            list-style-type: none;
        }

        ul>li {
            margin-bottom: 5px;
        }

        ul>li:before {
            position: absolute;
            margin-top: 1px;
            left: 7em;
            width: 16px;
            height: 16px;
            border-radius: 8px;
            -moz-border-radius: 8px;
            font-size: @xs-font-size;
            line-height: 16px;
            text-align: center;
            color: @dark-grey;
            background: @dark-grey;
            content: " ";
        }

        a {
            margin-left: -7px;
            text-decoration: underline;
        }
    }

    .with-no-image {

        h2,
        h3,
        h4,
        h5,
        h6 {
            margin-left: 0px;
        }

        ul>li:before {
            left: 0em;
        }

        a {
            margin-left: -15px;
        }
    }
}

.advantage-medicare,
.ambetter-content, .rd-ambetter-content {
    .topiclinklist {
        ul>li:before {
            color: @brand-color;
            background: @brand-color;
        }
    }
}

#search-events-page-size,
#search-news-page-size,
#search-page-size,
.search-page-size,
#pageSelect,
#resultCount {
    color: @dark-grey;
    background-color: @white;
    border: 1px solid @dark-grey;
}