/* 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; &:hover { color: #006dc1; text-shadow: -0.1px -0.1px 0 #006dc1, 0.1px 0.1px #006dc1; } } 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: " "; } 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; } } } /* 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; } 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; .sitelogo { a { &.logo { display:block; img { max-width: -webkit-fill-available; } } } } @media (min-width: 768px) { .flex-header { display: flex; align-items: end; .sitelogo { margin-bottom: 37px; } } } } .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; } } @media (min-width: 768px) { .global-footer { .hidden-xs{ text-align: center; margin-top: 20px; p{ text-align: center; } a { text-align: center; } } .socialintegration { .footer-socmed{ text-align: center; width: 40% !important; margin: 20px auto; margin-bottom: 0px; } } } } @media (min-width: 992px) { .global-footer { .hidden-xs{ text-align: left !important; margin-top: 0px; p{ text-align: left !important; } a { text-align: left !important; } } .socialintegration { .footer-socmed{ text-align: left !important; width: 100% !important; margin: 0px auto; } } } } 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; } } } } } } } .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; a { color: @white; text-decoration: underline; &:hover { color: @white; text-shadow: -0.1px -0.1px 0 @white, 0.1px 0.1px @white; } } } .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; overflow: hidden; } .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 */ .panel-heading.accordion { padding-top: 0px; padding-bottom: 0px; } .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; padding-top: 11px; padding-bottom: 11px; width: 100%; &: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; } .modal-header { button { &.close{ color: @dark-grey; opacity: 1; } } } } } .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; }