/* legacy-drawer.css — drawer-shell templates
 *
 * Carried over verbatim from the old hand-maintained stylesheet for styling that
 * has not been rebuilt in Renderer/frontend yet. Loaded AFTER sfrenderer/styles/hpsm.css.
 *
 * Excluded on purpose: every selector hpsm.css already styles, every bare element
 * selector (they fight the Bootstrap 5 reboot), and rules that only duplicated
 * Bootstrap 3/4, Font Awesome 4, slick, animate.css or jasny.
 *
 * This file is a backlog, not a foundation. As styling moves into the SCSS build,
 * delete the corresponding rules here.
 */

/* HTML5 display-role reset for older browsers */
body.provider #google_translate_element {display:none!important;visibility:hidden;}
.pre-footer .container-fluid  {
    padding-right: 45px;
    padding-left: 45px;
    margin-right: auto;
    margin-left: auto;
}
.pre-footer .container-fluid-margin  {
    margin: 0 ;
}
main.main-content {
    margin-top: 1.0rem!important;
}
/*.main-content .container-fluid div div .content-area {
	padding-top:1rem;
}*/

.h1::after {
    content: '';
    display: block;
    border-bottom: 2px solid #ffd100;
    width: 115px;
    margin-top: 15px;
}

.text-4x {
    font-size: 4.0em;
}

.text-xl {
    font-size: 1.8em;
}

.text-lg {
    font-size: 1.4em;
}

.text-sm {
    font-size: 0.9em;
}

.content-area a:hover {
    text-decoration: underline;
}

.quote {
    quotes: none;
}

    .quote:before, .quote:after {
        content: '';
        content: none;
    }

.quote {
    margin: 30px 0;
    font-size: 1.1rem;
    line-height: 1.578em;
    color: #002d38;
    text-align: left;
}

.bold {
    font-weight: 700;
}

.extra-bold {
    font-weight: 900;
}

.text-lh-sm {
    line-height: 1.2;
}
.text-lh-md {
    line-height: 1.5;
}
.btn font font {
	font-size:90%;
}
.nav-link font font {
	font-size:90%;
}

.author {
    margin: 10px 0 0 10px;
}

.testimonial {
    margin-top: 30px;
    margin-bottom: 30px;
}

    .testimonial .card {
        padding: 10px;
    }

    .testimonial .quote {
        font-style: italic;
        font-size: 1.1em;
        color: #005878;
    }

    .testimonial .author {
        font-size: 1.3em;
        color: #632D4F;
        margin: 10px 0 0 15px;
    }

    .testimonial .media .media-body p {
        margin-top: 0;
        margin-bottom: 5px;
    }

.author-title {
    margin: 10px 0 0 15px;
}

.card-grid .col-md-6 {
    padding: 0 15px;
}
.media-heading font font,.member-stories h3 font font {
	text-transform:capitalize;
}

    .story-card .media {
        margin-top: 0;
    }

    .story-card .media-object {
        margin-right: 15px;
    }

.button-bar {
    background-color: #F0F0F0;
    border-radius: 5px;
    border: 1px solid #f5f5f5;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .button-bar p {
        margin-top: 0;
        margin-bottom: 5px;
    }

h3 + .button-bar {
    margin-top: 5px;
}

.button-bar p .hpsm-btn {
    text-align: center;
    margin-top: 5px;
    width: 100%;
}

.intro {
    font-size: 1.2em;
}

.clear {
    clear: both;
}

.padding-sm {
    padding: 10px;
}

.cms-code {
    text-align: center;
    color: #454545;
}

.callout-primary {
    border-left-color: #005878;
}

.callout-purple, .callout-indigo {
    border-left-color: #7a078a;
}
.callout-success {
    border-left-color: #10cfc8;
}

.callout-urgent {
    border-left-color: #ab361c;
}

.text-green {
    color: #298338 !important;
}

.text-dgreen {
    color: #195427 !important;
}

.text-blue {
    color: #005878 !important;
}

.text-dblue {
    color: #003a48;
}

.text-yellow {
    color: #ffdd00;
}

.text-orange {
    color: #f08a20;
}

.text-red {
    color: #DF4625;
}

.text-dred, .text-urgent {
    color: #ab361c;
}
.text-pink {color:#e83e8c}

a.text-green:hover {
    color: #216B2E !important;
}
a.text-success:focus {
    color: #0aa7a2 !important;
}

a.text-warning:hover, a.text-warning:focus {
    color: #BC630B !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: #C0381B !important;
}

a.text-indigo:hover {
    color: #5c0568 !important;
}

a.text-light:hover, a.text-light:focus {
    color: #A8E0F1 !important;
}

a.text-dark:hover, a.text-dark:focus {
    color: #000 !important;
}

ul.sfdownloadList, ul.sfNavList, ul.list-unstyled {
    list-style: none !important;
}

ul.fa-ul {
    list-style: none !important;
    list-style-type: none;
    list-style-position: outside;
}

span.fa {
    margin-right: 4px;
}

.provider .download-list {
    border-bottom: 1px solid #a8e0f1;
}

    .hpsm-table tbody tr:nth-child(even) {
        background: #F0F0F0;
    }

.icon {
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

    .icon img {
        max-width: 100%;
    }

.centered {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.background-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
/**
 * Circle Styles
 */

.circle-badge {
    position: relative;
    display: block;
    margin: 0;
    background-color: transparent;
    color: #FFF;
    text-align: center;
}

    .circle-badge:after {
        display: block;
        padding-bottom: 100%;
        width: 100%;
        height: 0;
        background-color: #f15d24;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        content: "";
    }
/**
 * Assign background color with classes
 */
.circle-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.circle-wrapper {
    display: table;
    width: 100%;
    height: 100%;
}

.circle-content {
    display: table-cell;
    padding: .5em;
    vertical-align: middle;
}

a.btn-blue {
    color: #ffffff;
    text-decoration: none;
}

.btn-blue {
    display: inline-block;
    padding: .7em 1.6em;
    border-radius: 5px;
    background-color: #005878;
    color: #ffffff;
    text-decoration: none;
    position: relative;
    margin-top: 15px;
    font-size: 0.875rem;
}

    .btn-blue:after {
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1);
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        content: '';
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: 5px;
    }

    a.btn-blue:hover, .btn-blue:hover {
        color: #F0F0F0;
    }

        .btn-blue:hover:after {
            opacity: 1;
        }

.button-bar .btn-group {
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-group .hpsm-btn {
    margin-top: 0;
}

a.hpsm-gray, a.hpsm-yellow, a.hpsm-dorange, a.hpsm-red, a.hpsm-blue, a.hpsm-lblue, a.hpsm-lgreen, a.hpsm-dgreen, .list-group-item a {
    text-decoration: none;
}

.hpsm-yellow, a.hpsm-yellow, .list-group-item .hpsm-yellow {
    background-color: #ffd100;
}

.hpsm-dorange, a.hpsm-dorange, .list-group-item .hpsm-dorange {
    background-color: #f15d24;
    color: #ffffff;
}

    a.hpsm-dorange:hover, .list-group-item .hpsm-dorange:hover {
        background-color: #df4625;
        color: #F0F0F0;
        text-decoration: none;
    }

.hpsm-red, a.hpsm-red {
    background-color: #9b1d56;
    color: #ffffff;
}

    a.hpsm-red:hover, a.hpsm-red:focus {
        color: #F0F0F0;
        background-color: #821848;
        text-decoration: none;
    }

.hpsm-blue, a.hpsm-blue, .list-group-item .hpsm-blue {
    background-color: #005878;
    color: #ffffff;
}

    a.hpsm-blue:hover, .list-group-item .hpsm-blue:hover {
        background-color: #003F65;
        color: #ffffff;
        text-decoration: none;
    }

.hpsm-lblue, a.hpsm-lblue, .list-group-item .hpsm-lblue {
    background-color: #a8e0f1;
    color: #005878;
}

    a.hpsm-lblue:hover, .list-group-item .hpsm-lblue:hover {
        background-color: #7DD0EA;
        color: #005878;
        text-decoration: none;
    }

.hpsm-gray, a.hpsm-gray, .list-group-item .hpsm-gray {
    background-color: #F0F0F0;
    color: #005878;
}

    a.hpsm-gray:hover, a.hpsm-gray:active, .list-group-item .hpsm-gray:hover {
        background-color: #DBDBDB;
        color: #005878;
        text-decoration: none;
    }

.hpsm-lgreen, a.hpsm-lgreen, .list-group-item .hpsm-lgreen {
    background-color: #81bc41;
    color: #ffffff;
}

    a.hpsm-lgreen:hover, .list-group-item .hpsm-lgreen:hover {
        background-color: #70a338;
        color: #ffffff;
        text-decoration: none;
    }

.hpsm-dgreen, a.hpsm-dgreen, .list-group-item .hpsm-dgreen {
    background-color: #2e9947;
    color: #ffffff;
}

    .hpsm-dgreen:hover {
        background-color: #298338;
        color: #ffffff;
        text-decoration: none;
    }

.sidebar .list-group .list-group-item.active, .sidebar .list-group .list-group-item.active:hover, .sidebar .list-group .list-group-item.active:focus {
    border-style: none;
    text-decoration: none;
}

.name-and-phone-list .list-group .list-group-item.active, .name-and-phone-list .list-group .list-group-item.active:hover, .name-and-phone-list .list-group .list-group-item.active:focus {
    border-style: none;
    text-decoration: none;
}

div.related-pages {
    margin-left: 0;
    margin-right: 0;
    border-color: #F0F0F0;
}

.related-pages a.active {
    font-size: 1.1em;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #F0F0F0;
    color: #005878;
    text-decoration: none;
}
/*------------------------------------
  Slick
------------------------------------*/

/* Same fail-safe as legacy-mega.css — see the long note there. These are slick's
   PRE-INIT rules (hide all slides + preloader spinner); MVC's `.slick-initialized`
   counterparts reveal them, but the Renderer never loads slick.js, so any `.slick
   .js-slide` markup would stay invisible forever. No drawer view currently carries
   it (only Views/Shared/_DentalLanding.cshtml, which is mega), but CMS content
   blocks can, so fix it on both shells rather than leaving the trap armed. */

    .slick .js-slide {
        height: 0;
        visibility: hidden;
        overflow: hidden;
    }

        .slick .js-slide:first-child {
            height: auto;
            visibility: visible;
            overflow: visible;
        }

    .slick.slick-initialized .js-slide,
    .slick.slick-initialized .js-thumb {
        visibility: visible;
        height: auto;
        overflow: visible;
    }
/*------------------------------------*    # Scroll Back to Top
\*------------------------------------*/
.sfpostsList ul {
    list-style: none !important;
    margin-left: 0;
    padding-left: 0;
    line-height: 1.613em;
}

    .sfpostsList ul li h3 {
        margin-top: 15px;
        margin-bottom: 10px;
        list-style: none;
    }

        .sfpostsList ul li h3 a {
            color: #005878;
            margin-top: 30px;
            margin-bottom: 10px;
            list-style: none;
        }

    .sfpostsList ul li div {
        margin-bottom: 10px;
        margin-top: 10px;
    }

        .sfpostsList ul li div:nth-of-type(1) {
            display: none;
        }

.sfpostListItem h3 {
    margin-top: 30px;
    margin-bottom: 10px;
    list-style-type: none;
}

    .sfpostListItem h3 a {
        list-style-type: none;
        color: #005878;
    }

.sfpostListItem div {
    margin-bottom: 30px;
    margin-top: 30px;
    line-height: 1.613em;
}

.container-fluid-margin ul, .container-fluid-margin ol, .content-area ul, .content-area ol {
    list-style-position: outside;
    padding-left: 10px;
    margin-top: 15px;
    margin-left: 15px;
}
.container-fluid-margin ul.list-unstyled, .content-area ul.list-unstyled {
    list-style: none!important;
    padding-left: 0!important;
    margin-top: 15px;
    margin-left: 0!important;
}
.container-fluid-margin ul {
    list-style: disc;
}

.container-fluid-margin ol {
    list-style-type: decimal;
}

    .container-fluid-margin ul li, .container-fluid-margin ol li {
        display: list-item;
        margin-top: 5px;
        line-height: 1.5em;
        font-size: 1em;
    }

.container-fluid-margin ul ul {
    list-style-type: circle;
}

.container-fluid-margin ul:last-child, .container-fluid-margin ol:last-child {
    margin-bottom: 16px;
}

.container-fluid-margin ul ul, .container-fluid-margin ul ol, .container-fluid-margin ol ul {
    margin-left: 15px;
}

.content-area .card ul.list-group {
    padding-left: 0 !important;
}

.content-area .card .list-group .list-group-item {
    display: block !important;
    margin-top: 0 !important;
}

ul.address {
    list-style-type: none;
    margin-top: 15px;
}

    ul.address li {
        list-style: none;
        padding: 0;
        margin-top: 0;
    }

    .fa-ul li span.fa {
        margin-right: 4px;
    }

.fa-arrow-circle-o-down {
    color: #005878;
}

/*------------------------------------*    # Navigation Buttons & Top Bar
\*------------------------------------*/
.navbar-brand > img {
    width: 220px;
}
/*------------------------------------*    # Site Search
\*------------------------------------*/
/*------------------------------------*    # Navigation
\*------------------------------------*/

    .navbar-toggler .navbar-toggler-default {
        display: -ms-flexbox;
        display: flex;
    }

    .navbar-toggler .navbar-toggler-toggled {
        display: none;
    }

    .navbar-toggler[aria-expanded="true"] .navbar-toggler-default {
        display: none;
    }

    .navbar-toggler[aria-expanded="true"] .navbar-toggler-toggled {
        display: -ms-flexbox;
        display: flex;
    }

.list-group .collapse .collapse a.list-group-item {
    padding-left: 45px;
}

.list-group .collapse .collapse .collapse a.list-group-item {
    padding-left: 64px;
}

.name-and-phone-list ul, .sidebar ul {
    list-style-type: disc;
    list-style-position: outside;
    margin-top: 10px;
    margin-left: 15px;
    font-size: 16px;
    line-height: 1.613em;
}

    .name-and-phone-list ul:last-child, .sidebar ul:last-child {
        margin-bottom: 24px;
    }

.name-and-phone-list p, .sidebar p {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.613em;
}

.related-link, .related-link:hover, .related-link:focus {
    border-style: none;
}

div.related-pages {
    margin-left: 0;
    margin-right: 0;
}

.related-pages a.related-link {
    font-size: 1.2em;
    padding: .8em;
}
/*------------------------------------*    # Announcement Dropdown
\*------------------------------------*/
.announcement-dropdown {
    background-color: #F4F4F4 !important;
    border-radius: 5px;
    position: relative;
    padding-bottom: 15px;
}

    .announcement-dropdown a.hpsm-btn[href*="announcementDropdown"] {
        display: inline-block;
        margin: 30px 15px 15px 15px;
        vertical-align: top;
    }

    .announcement-dropdown .wrapper {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 120px);
        padding: 10px 25px;
    }

        .announcement-dropdown .wrapper h3 {
            margin-top: 15px;
            /*padding: 3% 3% 0;*/
            margin-bottom: 10px;
        }

    .announcement-dropdown p {
        /*padding: 0 3% 3%;*/
        margin-top: 10px;
        font-size: 1.0rem;
        margin-bottom: 10px;
    }

    .announcement-dropdown:before {
        content: '';
        width: 0;
        height: 0;
        border-left: 45px solid transparent;
        border-right: 45px solid transparent;
        border-bottom: 45px solid #f0f6f6;
        position: absolute;
        top: -25px;
        left: 300px;
    }

.canvas {
    position: relative;
    left: 0;
    z-index: 2;
    min-height: 100%;
    background: #fff;
    /* Shown Navigation Bar */
}

    .canvas .navbar .navbar-brand, .canvas .navbar .navbar-nav, .canvas .navbar .navbar-nav > li {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    .canvas .navbar .navbar-nav {
        width: calc(100% - 320px);
        padding: 15px 24px;
    }

    .canvas .navbar .navbar-brand {
        margin: 0;
        float: none;
        height: auto;
        padding: 24px 30px 15px;
    }

.audience-menu > span {
    font-size: 1.875rem;
    display: block;
    text-align: left;
    padding: 15px 0;
    margin: 0 20px;
    color: #005878;
    border-bottom: 2px solid #ffd100;
}

    .audience-menu > span > a {
        float: right;
        display: block;
        font-size: 0.875rem;
        padding: 10px;
    }

    .audience-menu .panel > span {
        display: block;
        padding: 15px 15px 15px 15px;
    }
    .audience-menu .panel .list-group-item font font {
        border: 0px;
        display: block;
        font-size: 1.3rem;
        background-color: transparent;
    }
	.audience-menu .panel .list-group-item font font:hover, .audience-menu .panel .list-group-item font font:focus {
		background-color: #006993;
		text-decoration: none;
		color: #FFF;
	}
/*------------------------------------*    # Stand alone banner - has responsive rules
\*------------------------------------*/
.banner {
    margin-right: 0;
    padding-right: 0;
}

    .banner img {
        position: absolute;
        right: -10px;
        top: 130px;
        z-index: -1;
    }
/*------------------------------------*    # Split Banner
\*------------------------------------*/

.banner-image img {
    position: absolute;
    right: 0;
    top: 0;
}
/*------------------------------------*    # Full Banner
\*------------------------------------*/

.full-banner .circle-blue {
    top: 35%;
    width: 400px;
    height: 400px;
}

.full-banner .circle-yellow {
    top: 35%;
}
/*------------------------------------*    # Content Block
\*------------------------------------*/

.content-block-offset .content-block {
    margin-top: 15px;
    padding-left: 30%;
    position: relative;
}

.content-block-offset .circle-blue, .content-block-offset .circle-yellow {
    position: absolute;
    z-index: -1;
}

.content-block-offset .circle-blue {
    left: -75px;
    bottom: -90px;
}

.content-block-offset .circle-yellow {
    left: 110px;
    bottom: -50px;
}

    .content-block-offset .grid .media {
        padding: 5%;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .content-block-offset .grid .media img.media-object {
        display: block;
        margin: 0 auto 0;
        height: 48px;
    }

        .content-block-offset .grid .grid-borders div[class*='col-'] {
            bforder-right: 1px solid #E2EBEC;
        }

            .content-block-offset .grid .grid-borders div[class*='col-']:last-of-type {
                border-right: 0px;
            }

.sub-title .grid .grid-item h4 {
    margin: 0px;
}

.sub-title .grid .grid-item span {
    margin-top: 4px;
}
/*------------------------------------
  Links
------------------------------------*/
.link {
    font-size: 1.0rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none;
}

/* Collapse */
.link-collapse[aria-expanded="false"] .link-collapse-default {
    display: inline-block !important;
}

.link-collapse[aria-expanded="false"] .link-collapse-active {
    display: none !important;
}

.link-collapse[aria-expanded="true"] .link-collapse-default {
    display: none !important;
}

.link-collapse[aria-expanded="true"] .link-collapse-active {
    display: inline-block !important;
}

/* Link Underline */

    .link-underline:hover {
        border-color: #00AFF5;
    }

/* Link Underline Light */

.hpsm-form {
    margin: 3.0rem 0;
    padding: 15px;
    background-color: #f0f0f0;
    border: 1px solid #F0F0F0;
    border-radius: 5px;
}

    .hpsm-form .text-field {
        width: 100%;
    }

        .hpsm-form .text-field label {
            color: #002449;
        }

    .hpsm-form label {
        display: inline-block;
    }

    .hpsm-form input[type="text"], .hpsm-form input[type="tel"], .hpsm-form input[type="email"], .hpsm-form input[type="number"], .hpsm-form input[type="date"], .hpsm-form input[type="datetime-local"], .hpsm-form input[type="checkbox"], .hpsm-form input[type="radio"], .hpsm-form .dropdown select {
        color: #005878;
        padding: 5px;
        border: 1px solid #ddd;
        border-radius: 5px;
        background-color: #ffffff;
        box-sizing: border-box;
    }

    .hpsm-form input:hover, .hpsm-form .paragraph-field textarea:hover {
        border: 1px solid #A8E0F1;
    }

    .hpsm-form input:focus, .hpsm-form .paragraph-field textarea:focus {
        border: 1px solid #00AFF5;
    }

    .hpsm-form .multiple-choice {
        margin: 0.5rem 0;
    }

        .hpsm-form .multiple-choice strong {
            font-weight: 400;
            margin: 10px;
        }

    .hpsm-form .sf-fieldWrp strong {
        color: #005878;
        font-weight: 400;
        margin: 10px 0 10px 0;
    }

    .hpsm-form .multiple-choice div:first-of-type, .hpsm-form .sf-Checkboxes div:first-of-type {
        margin-top: 10px;
    }

.sf_colsIn {
    padding-right: 5px !important;
}

.hpsm-form .text-field {
    margin-top: 5px;
    margin-bottom: 10px;
}

.hpsm-form .multiple-choice div, .hpsm-form .sf-Checkboxes div {
    margin-left: 10px;
}

.hpsm-form .multiple-choice label, .hpsm-form .sf-Checkboxes label {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.hpsm-form .paragraph-field {
    margin: 15px 0;
}

    .hpsm-form .paragraph-field label {
        line-height: 1.5em;
        margin-bottom: 4px;
    }

    .hpsm-form .paragraph-field textarea {
        color: #005878;
        width: 100%;
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 5px;
        background-color: #ffffff;
        min-height: 100px;
        box-sizing: border-box;
        resize: vertical;
    }

.hpsm-form .sfFormSubmit, .hpsm-form button {
    background: transparent;
    border: 0;
}

.hpsm-form div.hpsm-btn {
    margin-top: 10px;
    margin-left: 5%;
    margin-bottom: 15px;
}

.hpsm-form .col-md-6:nth-of-type(2) {
    clear: right;
}

.hpsm-form .hpsm-form-nav {
    margin-top: 1rem;
    margin-bottom: 2rem;
    align-content: space-between;
    width: 100%;
}

.hpsm-form-nav button, .hpsm-form-nav a {
    display: inline-block;
    padding: .7em 1.6em;
    border-radius: 5px;
    text-decoration: none;
    position: relative;
    font-size: 0.875rem;
}

.hpsm-form .hpsm-form-nav button[type="submit"] {
    color: #fff;
    background-color: #195427;
    border-color: #195427;
    margin-right: 2rem;
}

    .hpsm-form .hpsm-form-nav button[type="submit"]:hover {
        color: #fff;
        background-color: #266b31;
        border-color: #266b31;
    }

.hpsm-form .hpsm-form-nav button[data-sf-btn-role="next"] {
    color: #fff;
    background-color: #003A48;
    border-color: #003A48;
    margin-right: 2rem;
}

    .hpsm-form .hpsm-form-nav button[data-sf-btn-role="next"]:hover {
        color: #fff;
        background-color: #005878;
        border-color: #005878;
    }

.hpsm-form .hpsm-form-nav a[data-sf-btn-role="prev"] {
    color: #003A48;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    margin-left: 2rem;
}

    .hpsm-form .hpsm-form-nav a[data-sf-btn-role="prev"]:hover {
        color: #003A48;
        background-color: #F0F6F6;
        border-color: #F0F6F6;
    }

/*Homepage CTA */
/*.home .vert-slider-container {
    margin-top: -500px;
    width: 40%;
    margin-left: 5%;
}*/

.grid .panel {
    padding: .5em !important;
}
/*End homepage CTA content */
.member .card-and-image .content-block {
    padding: 2em;
    border: 1px solid #E0E0E0;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

    .member .card-and-image .content-block:hover {
        cursor: pointer;
        border: 1px solid #E0E0E0;
        -webkit-box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.3);
        box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.3);
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
/*------------------------------------*    # Pre Footer
\*------------------------------------*/

/*------------------------------------*    # Footer
\*------------------------------------*/

    footer .row > div > div {
        border-right: 1px solid #E2EBEC;
        padding: 15px 0;
    }

    footer .row > div:first-of-type p {
        font-size: 0.875rem;
        margin-top: 10px;
    }

        footer .row > div:first-of-type p span.block {
            display: block;
        }

    footer .row > div:nth-of-type(2) a {
        display: block;
        margin-top: 30px;
        font-size: 1.4rem;
    }
    footer .row > div:nth-of-type(2) a font font {
        font-size: 1.4rem;
    }
    footer .row .col-md-3 ul {
        margin-top: 30px;
    }

    footer .row > div:nth-of-type(3) > div {
        border-right: 1px solid #E2EBEC;
    }

    footer .row > div:nth-of-type(3) ul li {
        margin-bottom: 15px;
    }

    footer .row > div:nth-of-type(3) small {
        display: inline-block;
        margin-top: 15px;
        font-size: 14px;
        margin-right: 15px;
    }

        footer .row > div:nth-of-type(3) small:first-of-type {
            display: block;
            margin-top: 30px;
            margin-right: 0px;
        }

    footer .row > div:nth-of-type(4) > div {
        border-right: 0;
    }

#tagline p {
    font-size: 1.25rem;
    margin-top: 15px;
}
/*------------------------------------*    # Card and Image 
\*------------------------------------*/
/* Member Stories list */
.member-stories ul {
    list-style: none !important;
    margin-left: 0;
    padding-left: 0;
}

    .member-stories ul li {
        padding: 2em;
        border: 1px solid #E0E0E0;
        box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
        background-color: #fff;
        margin-bottom: 30px;
    }

        .member-stories ul li:hover {
            cursor: pointer;
            border: 1px solid #E0E0E0;
            -webkit-box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.3);
            box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.3);
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -ms-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }
/* .card-and-image Member landing widget */

.member .card-and-image .container-fluid div {
    display: inline-block;
    vertical-align: middle;
}

    .card-and-image .content-block:before {
        position: absolute;
        height: 100%;
        vertical-align: middle;
        display: inline-block;
    }

    .card-and-image .content-block span {
        display: inline-block;
        width: calc(100% - 68px);
        vertical-align: top;
    }

    .card-and-image .content-block ul li {
        margin-top: 30px;
    }

        .card-and-image .content-block ul li img {
            margin-right: 15px;
            display: inline-block;
            width: 48px;
            vertical-align: top;
        }

        .card-and-image .content-block ul li a {
            display: block;
        }

.member .card-and-image.card-right .content-block, .main-content .card-and-image.card-right .member-stories {
    padding: 3em 4em;
    width: 75%;
    margin: 10px 0;
}

.member .card-and-image.card-right .background-image, .main-content .card-and-image.card-right .background-image {
    max-width: 405px;
    max-height: 405px;
}

.card-and-image.card-right .circle {
    position: absolute;
    right: 0px;
    top: 0;
    z-index: -2;
}

    .card-and-image.card-right .circle.circle-yellow {
        right: 140px;
    }

.alert p {
    margin: 0;
}

/*------------------------------------*    # CTA Items
\*------------------------------------*/

.cta-card-row .card {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 4px 4px 12px rgba(0, 0, 0, .1);
    box-shadow: 4px 4px 12px rgba(0, 0, 0, .1);
    margin-top: 10px;
    margin-bottom: 10px;
}

    .cta-card-row .card:hover {
        cursor: pointer;
        -webkit-box-shadow: 15px 10px 15px rgba(0, 0, 0, .3);
        box-shadow: 15px 10px 15px rgba(0, 0, 0, .3);
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

.cta-card-row {
    padding: 10px;
}

    .cta-card-row .card {
        padding: 0 15px;
        margin: 0;
    }

        .cta-card-row .card > div {
            display: inline-block;
            vertical-align: middle;
        }

        .cta-card-row .card a:hover {
            text-decoration: none;
        }

            .cta-card-row .card a:hover h4 {
                color: #003A48;
            }

/*------------------------------------*    # Content Area
\*------------------------------------*/


/*------------------------------------*    # Side Navigation
\*------------------------------------*/
.page-navigation > img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 90%;
}

.page-navigation .panel {
    background-color: transparent;
    border: 0px;
    border-radius: 0;
}

.page-navigation .list-group-item {
    background-color: #005878;
    color: #fff;
    font-size: 1.2rem;
    padding: 15px;
    border: 0px;
}
.page-navigation .list-group-item font font {
    color: inherit;
    font-size:1.2rem;
}
    .page-navigation .list-group-item:first-child, .page-navigation .list-group-item:last-child {
        border-radius: 0;
        border-bottom: 0px;
    }

    .page-navigation .list-group-item:hover {
        background-color: #003A48;
        color: #ffffff;
    }

    .page-navigation .list-group-item:focus {
        background-color: #003A48;
        color: #ffffff;
    }

    .page-navigation .list-group-item:hover .fa-caret-down {
        background-color: #003A48;
        color: #fff;
    }

    .page-navigation .list-group-item:focus .fa-caret-down {
        background-color: #003A48;
        color: #fff;
    }

    .page-navigation .list-group-item[aria-expanded="true"] {
        font-weight: 400;
    }

    .page-navigation .list-group-item .fa-caret-down, .page-navigation .list-group-item .fa {
        position: absolute;
        right: 0;
        padding: 15px;
        top: 0;
    }

        .page-navigation .list-group-item .fa-caret-down:hover {
            color: #fff;
            background-color: #003A48;
        }

.page-navigation .dropdown-item + .collapse .list-group-item {
    background-color: #005878;
    padding-left: 24px;
}

.page-navigation .dropdown-item + .collapsed .list-group-item {
    font-size: 1.1rem;
}

.page-navigation .sfNavWrp ul li {
    width: 100%
}

.accordian-menu {
    margin-top: 75%;
}

body.provider-manual .accordian-menu {
    margin-top: 5% !important;
}

.accordian-menu span#pageNav, #pageNav a span font font {
    font-size: 1.4rem!important;
	text-transform: capitalize;
}

body.provider-manual .page-navigation .list-group-item {
    font-size: 1.0rem !important;
}

.accordian-menu > span {
    padding: 30px 15px;
    display: block;
    position: relative;
}

    .accordian-menu > span .fa-caret-down {
        display: none;
        cursor: pointer;
    }

.related-items .card {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1), 0 0px 5px rgba(0, 0, 0, 0.1);
    padding: 10px;
    background-color: #fff;
}

.related-items h3, .related-items h5 {
    margin-top: 15px;
}

.related-items h5 {
    margin-bottom: 10px;
}

.related-items .name-and-phone-list h4, .related-items .sidebar h4 {
    margin-top: 15px;
}

.related-items .name-and-phone-list, .related-items .sidebar {
    padding: 10px;
}

    .related-items .name-and-phone-list .media:first-child, .related-items .sidebar .media:first-child {
        margin-top: 15px;
    }

    .related-items .name-and-phone-list .media:last-child, .related-items .sidebar .media:last-child {
        margin-bottom: 15px;
    }

    .related-items .name-and-phone-list .handbooks .media, .related-items .sidebar .handbooks .media {
        margin-left: 15px;
    }

    .related-items .name-and-phone-list .media .media-left, .related-items .sidebar .media .media-left {
        padding-left: 10px;
        padding-right: 10px;
    }

    .related-items .name-and-phone-list .media .media-body a, .related-items .sidebar .media .media-body a {
        overflow: visible;
        line-height: 18px;
        margin-bottom: 10px;
    }

.related-items .media .media-body .file-size {
    font-size: 85%;
}

.related-items .name-and-phone-list img.centered {
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 100%;
    text-align: center;
}

.related-items .sidebar img.centered {
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 100%;
    text-align: center;
}

.related-items p {
    margin: 15px 0 10px 0;
}

    .related-items p + p {
        margin-top: 10px;
    }

    .related-items p:last-of-type {
        margin-bottom: 15px;
    }

.related-items .name-and-phone-list:last-child p:last-of-type, .related-items .sidebar:last-child p:last-of-type {
    margin-bottom: 15px;
}

div.related-pages {
    margin-left: 0;
    margin-right: 0;
}

.related-pages a.related-link {
    font-size: 1.2em;
    padding: .8em;
}

.jump-links-title {
    font-size: 1em;
    margin-top: 4px;
    margin-bottom: 4px;
}

.panel {
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 0 rgba(0, 0, 0, .05);
    margin-bottom: 15px;
    border-radius: 5px;
}

.active-faq {
    border-left: 4px solid #81bc41;
}
/*------------------------------------*    # CTA Grid
\*------------------------------------*/
.card-cta-grid {
    padding: 2%;
    position: fixed;
    z-index: 99;
    background-color: rgba(0, 88, 124, 0.8);
    height: 100%;
    width: 100%;
    display: none;
}

    .card-cta-grid.show {
        display: block;
    }

    .card-cta-grid > div {
        background-color: #fff;
        padding: 2%;
        position: relative;
        max-width: 1280px;
        margin: 0 auto;
    }

    .card-cta-grid .close-modal {
        position: absolute;
        right: 5%;
        cursor: pointer;
    }

    .card-cta-grid h2 {
        margin-top: 0;
    }

        .card-cta-grid h2:after {
            content: '';
            display: block;
            border-bottom: 2px solid #ffd100;
            width: 115px;
            margin: 15px auto 0 auto;
        }

.img-grid {
    position: relative;
    clear: both;
    margin: 0 auto;
    max-width: 100%;
    list-style: none;
    text-align: center;
}
    /* Common style */
    .img-grid figure {
        position: relative;
        overflow: hidden;
        margin: 1% 1%;
        width: 15%;
        height: auto;
        background: #3085a3;
        text-align: center;
        cursor: pointer;
        display: inline-block;
    }

        .img-grid figure img {
            position: relative;
            display: block;
            min-height: 100%;
            max-width: 100%;
            opacity: 0.8;
        }

        .img-grid figure figcaption {
            padding: 2em;
            color: #fff;
            text-transform: uppercase;
            font-size: 1.25em;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

            .img-grid figure figcaption::before, .img-grid figure figcaption::after {
                pointer-events: none;
            }

            .img-grid figure figcaption, .img-grid figure figcaption > a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }
                /* Anchor will cover the whole item by default */
                /* For some effects it will show as a button */
                .img-grid figure figcaption > a {
                    z-index: 1000;
                    text-indent: 200%;
                    white-space: nowrap;
                    font-size: 0;
                    opacity: 0;
                }

        .img-grid figure span {
            display: block;
            color: #005878;
            position: absolute;
            top: -10px;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            height: 20px;
            text-transform: initial;
        }
/*-----------------*/
/***** Apollo *****/
/*-----------------*/
figure.effect-apollo {
    background: #ffffff;
}

    figure.effect-apollo div {
        font-size: 1.25rem;
        /*font-weight:900;*/
        margin-right: auto;
        margin-left: auto;
        margin-top: 1.0rem;
        color: #005878;
    }

        figure.effect-apollo div:hover {
            color: #00AFF5;
        }

    figure.effect-apollo.program:hover {
        background: #ffffff;
    }

    figure.effect-apollo img {
        margin-left: auto;
        margin-right: auto;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale3d(0.95, 0.95, 1);
        transform: scale3d(0.95, 0.95, 1);
    }

    figure.effect-apollo figcaption::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.5);
        content: '';
        -webkit-transition: -webkit-transform 0.6s;
        transition: transform 0.6s;
        -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
        transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    }

    figure.effect-apollo p {
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 3em;
        padding: 0 1em;
        max-width: 150px;
        border-right: 4px solid #fff;
        text-align: right;
        opacity: 0;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }

    figure.effect-apollo h2 {
        text-align: left;
    }

    figure.effect-apollo:hover img {
        opacity: 1.0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    figure.effect-apollo:hover figcaption::before {
        -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
        transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    }

    figure.effect-apollo:hover p {
        opacity: 1;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }
/*------------------------------------*    #  Color Tabs
    \*------------------------------------*/

.responsive-tabs-container ul {
    list-style-type: none;
}

ul.nav-tabs {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    border-bottom: 1px solid #fff;
}
    /*a.external[target="_blank"]::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0px 3px 0px 5px;
}*/
/* Nav Link */
/*------------------------------------*    #  Provider - article list
    \*------------------------------------*/
.article-list {
    text-align: left;
}

    .article-list ul li {
        text-align: left;
        padding: 15px 0;
        border-bottom: 1px solid #E2EBEC;
    }

        .article-list ul li a {
            position: relative;
            display: block;
            padding-right: 200px;
        }

            .article-list ul li a span {
                color: #005878;
                position: absolute;
                top: 0;
                right: 0;
                left: auto;
                bottom: 0;
                margin: auto;
            }

            .article-list ul li a:hover span {
                color: #003a48;
                text-decoration: none;
            }

    .article-list h2 {
        display: block;
        text-align: left;
    }

    .article-list .hpsm-btn {
        margin: 20px 0 20px 0;
    }

.member .title-prefix {
    color: #f08a20;
}

.provider .title-prefix {
    color: #154721;
}

.sub-title .container-fluid-margin > h1 {
    margin-bottom: 0px;
}

    .sub-title .container-fluid-margin > h1:after {
        border: 0px;
        margin: 0px;
    }

.sub-title .container-fluid-margin h6 {
    margin-top: 0px;
}

    .sub-title .container-fluid-margin h6:after {
        content: '';
        display: block;
        margin: 0 auto;
        border-bottom: 2px solid #ffd100;
        width: 115px;
        margin-top: 15px;
    }
/*------------------------------------*    # Employee Benefits
\*------------------------------------*/

footer .row .col-md-3 {
    max-height: 400px;
}

span#pageNav a {
    text-decoration: none;
}
/* Yellow Nav */
/* End Yellow Nav */
/* About Us Nav */
/* End About Us Nav */
/* Member Nav */
.accordian-menu.PMS308 {
    background-color: #005878;
}

    .accordian-menu.PMS308 span#pageNav {
        background-color: #003A48;
        color: #ffffff;
    }

        .accordian-menu.PMS308 span#pageNav a {
            color: #ffffff;
        }

    .accordian-menu.PMS308 .list-group .list-group-item {
        background-color: #005878;
    }

        .accordian-menu.PMS308 .list-group .list-group-item:hover {
            background-color: #003A48;
            color: #F0F0F0;
        }

        .accordian-menu.PMS308 .list-group .list-group-item .fa-caret-down, .accordian-menu.PMS308 .list-group .list-group-item .fa {
            background-color: #005878;
        }

            .accordian-menu.PMS308 .list-group .list-group-item .fa-caret-down:hover, .accordian-menu.PMS308 .list-group .list-group-item .fa:hover {
                background-color: #003A48;
                color: #F0F0F0;
            }

    .accordian-menu.PMS308 .list-group .dropdown-item .collapsed {
        background-color: #005878;
        color: #fff;
    }

        .accordian-menu.PMS308 .list-group .dropdown-item .collapsed:hover {
            background-color: #003A48;
            color: #F0F0F0;
        }

    .accordian-menu.PMS308 .list-group .collapse .list-group-item {
        background-color: #F0F0F0;
        color: #005878;
    }

        .accordian-menu.PMS308 .list-group .collapse .list-group-item .fa {
            background-color: #F0F0F0;
            color: #005878;
        }

            .accordian-menu.PMS308 .list-group .collapse .list-group-item .fa:hover {
                background-color: #E0E0E0;
                color: #003A48;
            }

        .accordian-menu.PMS308 .list-group .collapse .list-group-item:hover {
            background-color: #E0E0E0;
            color: #003A48;
        }

/*------------------------------------*    # Hide form confirmation dropdown icon in nav
\*------------------------------------*/
/*------------------------------------*    # end Hide dropdown icon
\*------------------------------------*/

#tagline {
    font-size: 18px;
}

    #tagline p {
        color: #005878;
    }

.sub-title .container-fluid {
    background-color: #fff;
    padding: 30px 30px 45px 30px;
}

.center {
    -webkit-align-items: center;
    align-items: center;
}

/*----- TIMELINE on HISTORY PAGE -----*/

.timeline {
    line-height: 1.4em;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 {
        line-height: inherit;
        margin: 0;
    }

.timeline-item {
    padding-left: 40px;
    position: relative;
}

li.timeline-item:last-child {
    padding-bottom: 0;
}

.timeline-info {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    margin: 0 0 .5em 0;
    text-transform: uppercase;
    white-space: nowrap;
}

.timeline-marker {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 16px;
}

    .timeline-marker::before {
        background: #81bc41;
        border: 3px solid transparent;
        border-radius: 100%;
        content: "";
        display: block;
        height: 16px;
        position: absolute;
        top: 4px;
        left: 0;
        width: 16px;
        transition: background 0.3s ease-in-out,border 0.3s ease-in-out;
    }

    .timeline-marker::after {
        content: "";
        width: 4px;
        background: #CCD5DB;
        display: block;
        position: absolute;
        top: 24px;
        bottom: 0;
        left: 8px;
    }

    .timeline-marker .timeline-item:last-child, .timeline-marker .timeline-item::after {
        content: none;
    }

.timeline-item:not(.period):hover .timeline-marker::before {
    background: transparent;
    border: 3px solid #2e9947;
}

.timeline-content {
    padding-bottom: 36px;
}

    .timeline-content p:last-child {
        margin-bottom: 0;
    }

.period {
    padding: 0;
}

    .period .timeline-info {
        display: none;
    }

    .period .timeline-marker::before {
        background: transparent;
        content: "";
        width: 15px;
        height: auto;
        border: none;
        border-radius: 0;
        top: 0;
        bottom: 30px;
        position: absolute;
        border-top: 3px solid #CCD5DB;
        border-bottom: 3px solid #CCD5DB;
    }

    .period .timeline-marker::after {
        content: "";
        height: 30px;
        top: auto;
    }

    .period .timeline-content {
        padding: 20px 0 50px;
    }

    .period .timeline-title {
        margin: 0;
    }

    .period h2.timeline-title {
        margin: 0;
    }

/*----- CareAdvantage Enroll Page icons -----*/

    .card-text p {
        text-align: left;
        font-size: 1.1em;
        line-height: 1.4em;
        margin-top: 0;
        font-weight: 400;
    }

        .card-text p span {
            color: #005878;
            font-weight: 700;
        }

/*----- RadSitemap / Breadcrumb nav -----*/

@media (min-width: 1441px) {
    /*.home .vert-slider-container {
		margin-top: -400px;
		width: 35%;
        margin-left: 5%;
    }	*/
}

@media (max-width: 1024px) {
    /*------------------------------------*    # Global
    \*------------------------------------*/
}

@media (min-width: 992px) {

    .canvas {
        padding: 0;
    }
}

@media (max-width: 991px) {
    /*------------------------------------*    # Global
    \*------------------------------------*/

    .sf_cols {
        margin-top: 15px;
    }

    figure.effect-apollo div {
        font-size: 1.0rem !important;
    }

    .banner {
        display: none;
    }
    /*------------------------------------*    # Homepage Banner
    \*------------------------------------*/

    .content-block-offset .circle-blue, .content-block-offset .circle-yellow {
        display: none;
    }

    .name-and-phone-list .circle, .sidebar .circle {
        display: none;
    }

    .positioner {
        display: none;
    }
    /*------------------------------------*    #  Mobile Navigation
        \*------------------------------------*/
    .canvas .navbar .navbar-brand {
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        padding: 15px 24px;
    }

        .canvas .navbar .navbar-brand > img {
            margin: 0 auto;
        }

    .canvas .navbar .navbar-nav {
        width: 100%;
        padding: 25px;
        margin: 0;
        float: none;
    }

        .canvas .navbar .navbar-nav > li:nth-child(-n+3) {
            margin-left: 0;
        }

        .canvas .navbar .navbar-nav .menu-button {
            float: right;
        }

        .canvas .navbar .navbar-nav > li.search-button {
            float: left;
            margin-top: 10px;
        }

            .canvas .navbar .navbar-nav > li.search-button a:before {
                display: block;
                margin: 0 auto 5px auto;
            }

            .canvas .navbar .navbar-nav > li.search-button.close-search a:before {
                display: block;
                margin: 0 auto 5px auto;
            }

        .canvas .navbar .navbar-nav > .portal-button, .canvas .navbar .navbar-nav > .provider-search-button {
            display: none;
        }

    .announcement-dropdown .wrapper {
        padding: 15px 5%;
        width: 100%;
        text-align: center;
    }

        .announcement-dropdown .wrapper h3 {
            line-height: 1.1em;
        }

    .announcement-dropdown a.hpsm-btn[href*="announcementDropdown"] {
        display: block;
        margin: 15px auto;
        max-width: 100px;
    }

    .announcement-dropdown:before {
        display: none;
    }

    .provider .full-banner {
        margin-top: 0;
    }
    /*------------------------------------*    #  Color Tabs
        \*------------------------------------*/
    .responsive-tabs-container a.accordion-link {
        border-radius: 0px;
        color: #005878;
        margin-right: 0;
        margin-bottom: 0;
        padding: 20px 10px;
        font-size: 18px;
        font-weight: bold;
        font-family: "Source Sans Pro", sans-serif;
    }

        .responsive-tabs-container a.accordion-link.active {
            background-color: #fff;
            border-bottom: 0px;
        }

        .responsive-tabs-container a.accordion-link:nth-of-type(1) {
            border-left: 5px solid #005878;
        }

            .responsive-tabs-container a.accordion-link:nth-of-type(1) + .tab-pane {
                border-left: 5px solid #005878;
                margin-bottom: 0px;
            }

        .responsive-tabs-container a.accordion-link:nth-of-type(2) {
            border-left: 5px solid #ffd100;
        }

            .responsive-tabs-container a.accordion-link:nth-of-type(2) + .tab-pane {
                border-left: 5px solid #ffd100;
                margin-bottom: 0px;
            }

        .responsive-tabs-container a.accordion-link:nth-of-type(3) {
            border-left: 5px solid #F08A20;
        }

            .responsive-tabs-container a.accordion-link:nth-of-type(3) + .tab-pane {
                border-left: 5px solid #F08A20;
                margin-bottom: 0px;
            }

        .responsive-tabs-container a.accordion-link:nth-of-type(4) {
            border-left: 5px solid #DF4625;
        }

            .responsive-tabs-container a.accordion-link:nth-of-type(4) + .tab-pane {
                border-left: 5px solid #DF4625;
                margin-bottom: 0px;
            }

        .responsive-tabs-container a.accordion-link:nth-of-type(5) {
            border-left: 5px solid #5c0568;
        }

            .responsive-tabs-container a.accordion-link:nth-of-type(5) + .tab-pane {
                border-left: 5px solid #5c0568;
                margin-bottom: 0px;
            }

        .responsive-tabs-container a.accordion-link ~ .tab-pane {
            padding: 15px 10px;
        }

            .responsive-tabs-container a.accordion-link ~ .tab-pane a {
                padding-bottom: 20px;
            }

    .member .cta-card-row {
        padding: 50px 0px;
    }

    .cta-card-row {
        padding: 0px 0 50px 0;
    }

        .cta-card-row .card {
            margin-bottom: 30px;
        }

    .padding-bottom-sm {
        padding-bottom: 75px;
    }

    .padding-top-sm {
        padding-top: 50px;
    }

    .padding-left-md {
        padding-left: 0px;
    }

    .padding-right-md {
        padding-right: 0px;
    }

    .job-seeker .container-fluid-margin {
        text-align: center;
    }

    .job-seeker .h1:after {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 850px) {

    .member .card-and-image.card-right .content-block {
        width: 100%;
    }

    .card-and-image.card-right .circle {
        top: auto;
        bottom: 0;
    }

    .img-grid figure {
        width: 47%;
    }
}

@media (max-width: 767px) {

    footer .row > div > div {
        border-right: 0px;
        border-bottom: 1px solid #E2EBEC;
        padding: 30px 0;
    }

    footer .row > div:nth-of-type(3) > div {
        border-right: none;
    }

    footer .row > div:last-child div {
        border-bottom: 0px;
    }

    .sub-title .grid h1 {
        margin-bottom: 0px;
        margin-top: 30px;
    }

    .sub-title .grid .grid-borders {
        text-align: center;
    }

        .sub-title .grid .grid-borders .grid-item {
            padding: 5%;
            display: inline-block;
            border-bottom: 1px solid #E2EBEC;
        }

        .sub-title .grid .grid-borders div[class*='col-'] {
            border-right: 0px;
        }

    .content-area + .related-items {
        margin-top: 30px;
    }

    .content-area > h1:first-of-type {
        margin-bottom: 30px;
    }

    .page-navigation {
        margin: 0 -15px;
    }

        .page-navigation > img {
            display: none;
        }

    .accordian-menu {
        margin-top: 0px;
        border-top-left-radius: 4px;
    }

        .accordian-menu > span {
            font-size: 1.875rem;
            padding: 25px 20px;
            display: block;
            background-color: #005878;
            position: relative;
            margin-top: 30px;
        }

            .accordian-menu > span .fa-caret-down, .accordian-menu > span .fa {
                cursor: pointer;
                position: absolute;
                right: 0;
                padding: 25px;
                top: 0;
                display: block;
            }

                .accordian-menu > span .fa-caret-down:hover, .accordian-menu > span .fa:hover {
                    color: #F0F0F0;
                    background-color: #003A48;
                }

    .img-grid figure span {
        font-size: 80%;
        height: 14px;
    }

    .card-and-image .container-fluid {
        padding: 0;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .audience-menu > span {
        font-size: 1.5rem;
        padding: 10px 0 5px 0;
    }

        .audience-menu > span > a {
            font-size: 1rem;
            padding: 10px;
            margin-top: 10px;
        }

            .audience-menu .panel.list-group-item:last-child {
                margin-bottom: 10px;
            }

    footer .col-md-3 {
        margin-top: 10px;
    }

    .grid-item a {
        font-size: 16px;
    }

    .card-cta-grid h2 {
        font-size: 1.4em;
    }

    .card-cta-grid .close-modal {
        width: 30px;
    }

    footer .row > div > div {
        border-bottom: none;
    }
}

@media (max-width: 650px) {

    .canvas .navbar .navbar-brand {
        padding: 15px;
    }

    .canvas .navbar .navbar-nav {
        padding: 15px 15px 0 15px;
    }

    .pre-footer h3 {
        font-size: 1.6em;
    }

    .accordian-menu > span {
        margin-top: 15px;
    }

    .provider .full-banner {
        margin-top: 0;
    }

    .article-list {
        text-align: center;
    }

        .article-list ul, .article-list h2 {
            text-align: left;
            display: block;
        }

            .article-list ul li:first-child {
                padding-top: 0px;
            }

            .article-list ul li a {
                padding-right: 0;
            }

                .article-list ul li a span {
                    position: relative;
                    display: block;
                    margin-top: 10px;
                }

    .member .cta-card-row {
        padding: 15px 0;
    }

    .member .card-and-image {
        margin-top: 15px;
    }

        .member .card-and-image .background-image {
            display: none;
        }

        .member .card-and-image .content-block:first-of-type {
            margin-top: 15%;
        }

        .member .card-and-image .content-block {
            padding: 1em;
        }

            .member .card-and-image .content-block ul {
                padding-left: 0;
            }

                .member .card-and-image .content-block ul li {
                    margin: 10px 0;
                }

    .cta-card-row .card > div:last-of-type {
        width: 100%;
        text-align: center;
    }

    .member .card-and-image.card-right .content-block {
        padding: 2em;
    }
}
/* Mobile screen 500px wide */
@media (max-width: 500px) {

    .cta-card-row {
        padding: 0px;
        font-size: 100%;
    }

        .cta-card-row .card {
            margin-bottom: 15px;
            text-align: center;
        }

        .cta-card-row .card {
            width: 100%;
            padding: 5%;
        }

            .cta-card-row .card h4:after {
                margin: 15px auto 0 auto;
            }

    .member .background-image {
        display: none;
    }

    .cta-card-row .card .background-image {
        display: none;
    }

        .card-and-image .content-block ul li img {
            display: block;
            margin: 10px auto;
        }
}

@media (min-width: 321px) and (max-width: 480px) {
    .audience-menu > span {
        font-size: 1.5rem;
        padding: 10px 0 5px 0;
    }

        .audience-menu > span > a {
            font-size: 1rem;
            padding: 10px;
            margin-top: 10px;
        }

            .audience-menu .panel.list-group-item:last-child {
                margin-bottom: 10px;
            }

    .navbar-brand img {
        width: 140px;
    }

    footer .col-md-3 {
        margin-top: 10px;
    }

    .grid-item a {
        font-size: 16px;
    }

    .card-cta-grid h2 {
        font-size: 1.4em;
    }

    .card-cta-grid .close-modal {
        width: 25px;
    }

    footer .row > div:nth-of-type(2) a {
        font-size: 1em;
    }

    footer .row > div > div {
        border-right: none;
        border-bottom: none;
    }

    footer .row > div > small {
        display: none;
    }
}

@media (max-width: 360px) {
    .navbar-brand > img {
        width: 140px;
    }
}

@media (max-width: 320px) {
    .audience-menu > span {
        font-size: 1.5rem;
        padding: 10px 0 5px 0;
    }

        .audience-menu > span > a {
            font-size: 1rem;
            padding: 10px;
            margin-top: 10px;
        }

            .audience-menu .panel.list-group-item:last-child {
                margin-bottom: 10px;
            }

    .navbar-brand img {
        width: 50%;
    }

    footer .col-md-3 {
        margin-top: 10px;
    }

    .grid-item a {
        font-size: 95%;
    }

    .card-cta-grid h2 {
        font-size: 1.4em;
    }

    .card-cta-grid .close-modal {
        width: 25px;
    }

    footer .row > div:nth-of-type(2) a {
        font-size: 1em;
    }

    footer .row > div > div {
        border-right: none;
    }

    footer .row > div > div {
        border-bottom: none;
    }

    footer .row > div > small {
        display: none;
    }
}

.hpsm-form .sf_colsIn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.hpsm-form .sf_colsOut {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.sf_3cols_1_33, .sf_2cols_2_33, .sf_3cols_2_34, .sf_3cols_3_33 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.sf_2cols_1_50, .sf_2cols_2_50 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.sf_2cols_1_67{
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}
/*.col-12, .sf_1col_1_100 {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%;
}*/

/*------------------------------------
  Column Divider
------------------------------------*/
.column-divider {
    position: relative;
}

    .column-divider::before {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        border-left: 0.0625rem solid #ccc;
        content: "";
    }

/*------------------------------------
  Divider
------------------------------------*/

    .divider::before, .divider::after {
        position: absolute;
        top: 50%;
        content: "";
    }

    .divider::before {
        right: 100%;
        background-image: linear-gradient(45deg, transparent, #bdc5d1);
        background-repeat: repeat-x;
    }

    .divider::after {
        left: 100%;
        background-image: linear-gradient(45deg, #bdc5d1, transparent);
        background-repeat: repeat-x;
    }

    /*------------------------------------
  Divider Sizes
------------------------------------*/
    .divider::before, .divider::after {
        width: 10rem;
        height: 0.0625rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .divider::before {
        margin-right: 0.625rem;
    }

    .divider::after {
        margin-left: 0.625rem;
    }

@media (max-width: 767.98px) {
    .divider::before, .divider::after {
        width: 4rem;
    }
}

/*------------------------------------
  Divider Styles
------------------------------------*/
/* Text */

.padding-spacer-md {
    padding-top: 5%;
    padding-bottom: 5%;
}

    .padding-spacer-md.white {
        background: #fff;
    }

.padding-spacer-top {
    padding-top: 5%;
}

.padding-right-md {
    padding-right: 5%;
}

.padding-left-md {
    padding-left: 5%;
}

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus{
    background-color: #003A48 !important;
}

.bg-soft-primary {
    background-color: rgba(0, 58, 72, 0.7);
}

a.bg-soft-primary:hover, a.bg-soft-primary:focus, button.bg-soft-primary:hover, button.bg-soft-primary:focus {
    background-color: rgba(0, 58, 72, 0.6) !important;
}

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
    background-color: #266B31 !important;
}

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
    background-color: #0aa7a2 !important;
}

.bg-soft-info {
    background-color: rgba(7, 140, 161, 0.7);
}

a.bg-soft-info:hover, a.bg-soft-info:focus, button.bg-soft-info:hover, button.bg-soft-info:focus {
    background-color: rgba(7, 140, 161, 0.6) !important;
}

a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
    background-color: #BC630B !important;
}

a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
    background-color: #C0381C !important;
}

.bg-soft-danger {
    background-color: rgba(223, 70, 37, 0.7);
}

a.bg-soft-danger:hover, a.bg-soft-danger:focus, button.bg-soft-danger:hover, button.bg-soft-danger:focus {
    background-color: rgba(192, 56, 27, 0.6) !important;
}

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
    background-color: #A8E0F1 !important;
}

a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
    background-color: #121212 !important;
}

.bg-indigo, .bg-purple {
    background-color: #7a078a !important;
}

a.bg-indigo:hover, a.bg-indigo:focus, button.bg-indigo:hover, button.bg-indigo:focus {
    background-color: #5c0568 !important;
}

.bg-soft-indigo {
    background-color: rgba(52, 7, 68, 0.7);
}

a.bg-soft-indigo:hover, a.bg-soft-indigo:focus, button.bg-soft-indigo:hover, button.bg-soft-indigo:focus {
    background-color: rgba(49, 6, 65, 0.6) !important;
}

.bg-navy {
    background-color: #002449 !important;
}

a.bg-navy:hover, a.bg-navy:focus, button.bg-navy:hover, button.bg-navy:focus {
    background-color: #00162E !important;
}

.border-indigo, .border-purple {
    border-color: #7a078a !important;
}
.border-pink {
    border-color: #e83e8c !important;
}

.space-0 {
    padding-top: 0 !important;
}

.space-0 {
    padding-bottom: 0 !important;
}

.w-60 {
    width: 60% !important;
}

.w-80 {
    width: 80% !important;
}

.w-85 {
    width: 85% !important;
}
/*------------------------------------
  Width
------------------------------------*/

.max-w-13rem {
    max-width: 6rem;
}

.max-w-15rem {
    max-width: 7rem;
}

.max-w-50rem {
    max-width: 24.5rem;
}

/*------------------------------------
  Height
------------------------------------*/

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(55, 125, 255, 0.25);
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #003A48;
        border-color: #003A48;
    }

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #003A48;
        border-color: #003A48;
        box-shadow: 0 0 0 0.2rem rgba(0, 58, 72, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #787878;
        border-color: #787878;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #005878;
        border-color: #005878;
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 58, 72, 0.5);
        }

    .btn-secondary.focus {
        color: #fff;
        background-color: #266b31;
        border-color: #266b31;
        box-shadow: 0 0 0 0.2rem rgba(25, 84, 39, 0.5);
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #787878;
        border-color: #787878;
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #266b31;
        border-color: #266b31;
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(134, 152, 172, 0.5);
        }

    .btn-success:hover {
        color: #fff;
        background-color: #0aa7a2;
        border-color: #0aa7a2;
    }

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #0aa7a2;
        border-color: #0aa7a2;
        box-shadow: 0 0 0 0.2rem rgba(16, 207, 200, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #565656;
        border-color: #565656;
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #0aa7a2;
        border-color: #0aa7a2;
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(16, 207, 200, 0.5);
        }

    .btn-info.focus {
        color: #fff;
        background-color: #0092CD;
        border-color: #0092CD;
        box-shadow: 0 0 0 0.2rem rgba(0, 121, 156, 0.5);
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #565656;
        border-color: #565656;
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #0092CD;
        border-color: #0092CD;
    }

        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 121, 156, 0.5);
        }

    .btn-warning:hover {
        color: #fff;
        background-color: #BC630B;
        border-color: #BC630B;
    }

    .btn-warning:focus, .btn-warning.focus {
        color: #fff;
        background-color: #BC630B;
        border-color: #BC630B;
        box-shadow: 0 0 0 0.2rem rgba(182, 54, 26, 0.5);
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #333333;
        background-color: #565656;
        border-color: #565656;
    }

    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #D23E01;
        border-color: #D23E01;
    }

        .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(182, 54, 26, 0.5);
        }

    .btn-danger:hover {
        color: #fff;
        background-color: #AA0719;
        border-color: #AA0719;
    }

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #AA0719;
        border-color: #AA0719;
        box-shadow: 0 0 0 0.2rem rgba(189, 8, 29, 0.5);
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #787878;
        border-color: #787878;
    }

    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #AA0719;
        border-color: #AA0719;
    }

        .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(189, 8, 29, 0.5);
        }

    .btn-light:hover {
        color: #003A48;
        background-color: #F0F6F6;
        border-color: #F0F6F6;
    }

    .btn-light:focus, .btn-light.focus {
        color: #003A48;
        background-color: #F0F6F6;
        border-color: #F0F6F6;
        box-shadow: 0 0 0 0.2rem rgba(214, 217, 222, 0.5);
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #787878;
        background-color: #f7faff;
        border-color: #f7faff;
    }

    .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active {
        color: #003A48;
        background-color: #F0F6F6;
        border-color: #F0F6F6;
    }

        .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(214, 217, 222, 0.5);
        }

    .btn-indigo.focus {
        color: #fff;
        background-color: #400854;
        border-color: #400854;
        box-shadow: 0 0 0 0.2rem rgba(77, 56, 149, 0.5);
    }

    .btn-indigo.disabled, .btn-indigo:disabled {
        color: #fff;
        background-color: #787878;
        border-color: #787878;
    }

    .btn-indigo:not(:disabled):not(.disabled):active, .btn-indigo:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #400854;
        border-color: #400854;
    }

        .btn-indigo:not(:disabled):not(.disabled):active:focus, .btn-indigo:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(77, 56, 149, 0.5);
        }

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #266b31;
        border-color: #266b31;
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(25, 84, 39, 0.5);
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #787878;
        background-color: transparent;
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #266b31;
        border-color: #266b31;
    }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(25, 84, 39, 0.5);
        }

    .btn-outline-success:hover {
        color: #fff;
        background-color: #0aa7a2;
        border-color: #0aa7a2;
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(10, 167, 162, 0.5);
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #787878;
        background-color: transparent;
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #10cfc8;
        border-color: #10cfc8;
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(10, 167, 162, 0.5);
        }

    .btn-outline-info:hover {
        color: #fff;
        background-color: #078CA1;
        border-color: #078CA1;
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 121, 156, 0.5);
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #787878;
        background-color: transparent;
    }

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #078CA1;
        border-color: #078CA1;
    }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 121, 156, 0.5);
        }
/*------------------------------------
  Custom Buttons
------------------------------------*/

    .btn-white.focus, .btn-white.active {
        color: #003A48;
        box-shadow: 0px 3px 6px -2px rgba(140, 152, 164, 0.25);
    }

    .btn-white.disabled, .btn-white:disabled {
        color: #787878;
        background-color: rgba(231, 234, 243, 0.5);
    }

/* primary button :hover, :focus, :active effects */
.btn-primary[href]:hover, .btn-primary[href]:focus, .btn-primary[href]:active, .btn-primary[type]:hover, .btn-primary[type]:focus, .btn-primary[type]:active {
    box-shadow: 0 4px 11px rgba(0, 58, 72, 0.35);
}

/* secondary button :hover, :focus, :active effects */
.btn-secondary[href]:hover, .btn-secondary[href]:focus, .btn-secondary[href]:active, .btn-secondary[type]:hover, .btn-secondary[type]:focus, .btn-secondary[type]:active {
    box-shadow: 0 4px 11px rgba(25, 84, 39, 0.35);
}

.btn-success[href]:hover, .btn-success[href]:focus, .btn-success[href]:active, .btn-success[type]:hover, .btn-success[type]:focus, .btn-success[type]:active {
    box-shadow: 0 4px 11px rgba(10, 167, 162, 0.35);
}

.btn-info[href]:hover, .btn-info[href]:focus, .btn-info[href]:active, .btn-info[type]:hover, .btn-info[type]:focus, .btn-info[type]:active {
    box-shadow: 0 4px 11px rgba(0, 121, 156, 0.35);
}

.btn-warning[href]:hover, .btn-warning[href]:focus, .btn-warning[href]:active, .btn-warning[type]:hover, .btn-warning[type]:focus, .btn-warning[type]:active {
    box-shadow: 0 4px 11px rgba(0, 121, 156, 0.35);
}

.btn-danger[href]:hover, .btn-danger[href]:focus, .btn-danger[href]:active, .btn-danger[type]:hover, .btn-danger[type]:focus, .btn-danger[type]:active {
    box-shadow: 0 4px 11px rgba(237, 76, 120, 0.35);
}

.btn-light[href]:hover, .btn-light[href]:focus, .btn-light[href]:active, .btn-light[type]:hover, .btn-light[type]:focus, .btn-light[type]:active {
    box-shadow: 0 4px 11px rgba(247, 250, 255, 0.35);
}

.btn-indigo[href]:hover, .btn-indigo[href]:focus, .btn-indigo[href]:active, .btn-indigo[type]:hover, .btn-indigo[type]:focus, .btn-indigo[type]:active {
    box-shadow: 0 4px 11px rgba(45, 21, 130, 0.35);
}

/*------------------------------------
  Custom Button Toggle
------------------------------------*/
/* primary custom toggle button */


.btn-soft-primary {
    color: #005878;
    background-color: rgba(6, 112, 129, 0.1);
    border-color: transparent;
}

    .btn-soft-primary:hover, .btn-soft-primary:focus, .btn-soft-primary:active, .btn-soft-primary.active {
        color: #fff;
        background-color: #005878;
        box-shadow: 0 4px 11px rgba(55, 125, 255, 0.1);
    }

    .btn-soft-primary.disabled, .btn-soft-primary:disabled {
        color: #787878;
        background-color: rgba(55, 125, 255, 0.1);
        box-shadow: none;
    }

    .btn-soft-primary:not(:disabled):not(.disabled):active, .btn-soft-primary:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #005878;
    }

.btn-soft-success {
    color: #0aa7a2;
    background-color: rgba(10, 167, 162, 0.1);
    border-color: transparent;
}

    .btn-soft-success:hover, .btn-soft-success:focus, .btn-soft-success:active, .btn-soft-success.active {
        color: #fff;
        background-color: #0aa7a2;
        box-shadow: 0 4px 11px rgba(10, 167, 162, 0.1);
    }

    .btn-soft-success.disabled, .btn-soft-success:disabled {
        color: #565656;
        background-color: rgba(10, 167, 162, 0.1);
        box-shadow: none;
    }

    .btn-soft-success:not(:disabled):not(.disabled):active, .btn-soft-success:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #39e1dc;
    }

.btn-soft-info {
    color: #09a5be;
    background-color: rgba(9, 165, 190, 0.1);
    border-color: transparent;
}

    .btn-soft-info:hover, .btn-soft-info:focus, .btn-soft-info:active, .btn-soft-info.active {
        color: #fff;
        background-color: #06788B;
        box-shadow: 0 4px 11px rgba(9, 165, 190, 0.1);
    }

    .btn-soft-info.disabled, .btn-soft-info:disabled {
        color: #565656;
        background-color: rgba(9, 165, 190, 0.1);
        box-shadow: none;
    }

    .btn-soft-info:not(:disabled):not(.disabled):active, .btn-soft-info:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #09a5be;
    }

.btn-xs {
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0.275rem 0.75rem;
}

.btn-icon.btn-xs {
    font-size: 0.75rem;
    width: 1.75rem;
    height: 1.75rem;
}

.btn-icon.btn-lg {
    font-size: 1.25rem;
    width: 4.25rem;
    height: 4.25rem;
}

    .btn-ghost-primary:focus, .btn-ghost-primary:active, .btn-ghost-primary.active {
        color: #003A48;
        background-color: rgba(55, 125, 255, 0.1);
    }

    .btn-ghost-secondary:focus, .btn-ghost-secondary:active, .btn-ghost-secondary.active {
        color: #266B31;
        background-color: rgba(25, 84, 39, 0.1);
    }

    .btn-ghost-info:focus, .btn-ghost-info:active, .btn-ghost-info.active {
        color: #078CA1;
        background-color: rgba(9, 165, 190, 0.1);
    }

/* dark ghost button */

/* indigo ghost button */

/* navy ghost button */

.btn-ghost-secondary:focus, .btn-ghost-secondary:active {
    color: #005878;
}

    .btn-link:focus, .btn-link.focus {
        text-decoration: none;
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #8c98a4;
        pointer-events: none;
    }
/*------------------------------------
  Sticky Blocks
------------------------------------*/

/*------------------------------------
  SVG IE10+ specific styles go here
------------------------------------*/
/*------------------------------------
  Position Spaces
------------------------------------*/

/*------------------------------------
  Content Centered
------------------------------------*/
/*------------------------------------
  Transitions
------------------------------------*/
/* 3D Hover */
/*------------------------------------
  Z-Index
------------------------------------*/

/*------------------------------------
  Unfold
------------------------------------*/
/*------------------------------------
  Slick
------------------------------------*/
.slick {
    position: relative;
}

.slick-thumb-progress {
    width: 110%;
    height: 110%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*------------------------------------
  Slick Equal Height
------------------------------------*/

/*------------------------------------
  Slick Gutters
------------------------------------*/
/* Gutters X */

/*------------------------------------
  Slick Arrows
------------------------------------*/

/* Primary */

/* Soft White used in homepage slides*/

/* Offset */

/* Vertical Center Alignment */

/*------------------------------------
  Slick Counter
------------------------------------*/

/*------------------------------------
  Slick Dot Lined
------------------------------------*/

/*------------------------------------
  Slick Pagination Modern
------------------------------------*/

/*------------------------------------
  Slick Pagination Line
------------------------------------*/

.cbp-filter-item-active.nav-link {
    color: #003A48;
}
a.card div p {word-wrap: normal;}

.card-text {
    display: block;
    color: #333333;
}

/* Background Color */
.card-bg-light {
    background-color: #CFDDEC;
}

    .card-bg-light:hover {
        background-color: #CDDCEC;
    }

/* Frame */

/* Shadow On Hover */
.card-hover-shadow {
    transition: 0.3s;
}

    .card-hover-shadow:hover {
        box-shadow: 0px 12px 15px rgba(140, 152, 164, 0.175);
    }

/* Collapse */
.card-collapse {
    padding: 0;
    transition: 0.3s ease-in-out;
}

    .card-collapse:hover {
        background-color: #f8fafd;
    }

    .card-collapse .card-body {
        color: #111111;
    }

.card-btn {
    color: #005878;
    text-align: left;
    white-space: inherit;
}

.card-btn-toggle {
    display: inline-block;
    color: #005878;
}

.card-btn-toggle-default {
    display: none;
}

.card-btn-toggle-active {
    display: block;
}

.card-btn.collapsed .card-btn-toggle-default {
    display: block;
}

.card-btn.collapsed .card-btn-toggle-active {
    display: none;
}

.card-body-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
}

/* Dashed */

/* Bordered */
.card-bordered {
    border-width: 0.0625rem;
    box-shadow: none;
}

/* IE image rendering fix */

/* Table */
.card .table {
    margin-bottom: 1px;
}

    .card .table th, .card .table td {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

/* Dropdown */

@media (min-width: 992px) {

    .card-lg-gutters-2 {
        margin-right: -.5rem;
        margin-left: -.5rem;
    }

        .card-lg-gutters-2 .card {
            margin-right: .5rem;
            margin-left: .5rem;
        }
}

/*------------------------------------
  Card Group - Break
------------------------------------*/
/*------------------------------------
  Icon
------------------------------------*/
.icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 0.3125rem;
}

/*------------------------------------
  Icon
------------------------------------*/
/* primary */

/* secondary */

/* success */

/* info */

/* warning */

/* danger */

/* light */
.icon-light {
    color: #005878;
    border-color: #9BBAD9;
    background-color: #9BBAD9;
}

/* dark */

/* indigo */

/* navy */

/* primary soft */

/* secondary soft */

/* success soft */

/* info soft */

/* warning soft */

/* danger soft */

/* light soft */

/* dark soft */

/* indigo soft */

/* navy soft */

/*------------------------------------
  Legend Indicator
------------------------------------*/
/*------------------------------------
  Blog post and blog list
------------------------------------*/
.blog-post-content img {margin:1.0rem 1.0rem;}

/*------------------------------------
  Media Viewer
------------------------------------*/

/*------------------------------------
  Video Player
------------------------------------*/

/* Positions */

/*------------------------------------
  Pagination
------------------------------------*/

/* Sizes */

/*------------------------------------
  Step
------------------------------------*/
.step {
    position: relative;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
}

    .step.step-dashed .step-icon::after {
        border-left-style: dashed;
    }

.step .step-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    margin-bottom: 1.5rem;
}

.step .step-content-wrapper {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.step .step-content {
    -ms-flex: 1;
    flex: 1;
}

/*------------------------------------
  Step Avatar
------------------------------------*/

/*------------------------------------
  Step Avatar
------------------------------------*/

/*------------------------------------
  Step Icon
------------------------------------*/
.step .step-icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    margin-right: 1rem;
}

    .step .step-icon::after {
        position: absolute;
        top: 3.59375rem;
        left: 1.5625rem;
        height: calc(100% - 2.65625rem);
        border-left: 0.125rem solid #e7eaf3;
        content: "";
    }

/*------------------------------------
  Step Icon Sizes
------------------------------------*/
.step-icon-xs.step-icon {
    font-size: 0.75rem;
    width: 1.75rem;
    height: 1.75rem;
}

    .step-icon-xs.step-icon::after {
        top: 2.21875rem;
        left: 0.8125rem;
        width: 1.0625rem;
        height: calc(100% - 1.28125rem);
    }

.step-icon-sm.step-icon {
    font-size: 0.8125rem;
    width: 2.6875rem;
    height: 2.6875rem;
}

    .step-icon-sm.step-icon::after {
        top: 3.15625rem;
        left: 1.28125rem;
        width: 1.0625rem;
        height: calc(100% - 2.21875rem);
    }

.step-icon-lg.step-icon {
    font-size: 1.25rem;
    width: 4.25rem;
    height: 4.25rem;
}

    .step-icon-lg.step-icon::after {
        top: 4.71875rem;
        left: 2.0625rem;
        width: 1.0625rem;
        height: calc(100% - 3.78125rem);
    }

/*------------------------------------
  Step Breakpoints
------------------------------------*/

/*------------------------------------
  Step Centered
------------------------------------*/

/*------------------------------------
  Step States
------------------------------------*/

.step .active .step-icon {
    color: #fff;
    background-color: #003A48;
}

/*------------------------------------
  Step Colors
------------------------------------*/
/* primary */
.step-icon-primary {
    color: #fff;
    background-color: #003A48;
}

/* secondary */
.step-icon-secondary {
    color: #fff;
    background-color: #298338;
}

/* success */

/* info */
.step-icon-info {
    color: #fff;
    background-color: #00aff5;
}

/* warning */
.step-icon-warning {
    color: #121212;
    background-color: #f08a20;
}

/* danger */
.step-icon-danger {
    color: #fff;
    background-color: #df4625;
}

/* light */
.step-icon-light {
    color: #121212;
    background-color: #f7faff;
}

/* dark */

/* indigo */
.step-icon-indigo {
    color: #fff;
    background-color: #7a078a;
}

/* navy */

/* primary soft */
.step-icon-soft-primary {
    color: #003A48;
    background-color: rgba(55, 125, 255, 0.1);
}

/* secondary soft */

/* success soft */

/* info soft */

/* warning soft */

/* danger soft */

/* light soft */

/* dark soft */

/* indigo soft */

/* navy soft */

/*------------------------------------
  Step Inline
------------------------------------*/

/*------------------------------------
  Step Dots
------------------------------------*/

/*------------------------------------
  Step Flow
------------------------------------*/

/*------------------------------------
  Step Timeline
------------------------------------*/
.canvas .navbar .goog-te-gadget {
	position:absolute;
	top:100px;
	right:60px;
z-index: 2;}
.global-links .goog-te-gadget {
	position:relative!important;
	margin-top:.5rem;
	margin-left:1rem;
	margin-bottom:.5rem;
	z-index: 2;}
/*#google_translate_element .goog-te-gadget-simple .goog-te-menu-value span:first-child{display: none;}*/
/*#google_translate_element .goog-te-gadget-simple .goog-te-menu-value:before{content: 'Translate'}*/
.skiptranslate iframe {display:none!important;height: 0 !important;visibility: hidden}

/*====================================================================
  RECLAIMED 2026-07-31 — unreachable-filter reversal, pass 2
  Verbatim rules from the MVC output for classes proven to be
  (a) present in Renderer markup, (b) styled on the MVC page, and
  (c) absent from every stylesheet the Renderer loads.
  Delete a block here once the styling moves into Renderer/frontend.
--------------------------------------------------------------------*/

/*------------------------------------
  From assets/_css/all-aboard.css — the All Aboard pages (All Aboard
  CareAdvantage!, Information Booths, Volunteer, RSVP). MVC links
  all-aboard.css on those pages only; the Renderer never loads it.
  NOTE: the source file's `@import` of the "Poiret One" webfont is
  intentionally NOT carried over (an @import is only valid at the top
  of a stylesheet, and pulling a global font request in for one page's
  h1 is not worth it) — h1.deco falls back to Varela Round.
  NOTE: .banner / .banner img from that file are intentionally NOT
  carried over — class="banner" is also used on the Member landing
  page, where the absolute positioning would break the layout.
------------------------------------*/
h1.deco::after {
	content: '';
	display: block;
	border-bottom: 4px solid #bbe5f5;
	width:100%;
	margin-top: 8px;
	margin-bottom:0;
}
h1.deco {
	font-family:"Poiret One","Varela Round", "Source Sans Pro",sans-serif;
	font-size:4em;
	color:#df4625;
	font-weight: 500;
	margin-bottom:0;
	margin-top:0;
}
h2.all-aboard::before {
	content: '';
	display:block;
	border-top: 8px solid #E1F5FF;
	width:75%;
	margin-bottom: 8px;
	margin-top:0;
}
h2.all-aboard {
	font-variant:small-caps;
	font-size:2.85em;
	margin-top:0;
	margin-bottom:0;
	color:#006993;
}
h2.deco, .deco h2 {
	font-size:2.5em;
	margin-top:8px;
}
.deco h3,h3.deco {
	font-size:1.6em;color:#df4625;
}
@media (min-width: 991px) {
  .note-card {margin-top:-25px;}
}

/*------------------------------------
  From assets/_css/style.css — .where-to-start clearfix for the BS3
  grid still emitted by the CMS content on the Provider and Member
  landing pages (both carry .where-to-start and col-xs-* markup).
------------------------------------*/
.where-to-start .row .col-xs-6:nth-child(5n) {
	clear: both;
}

/*------------------------------------
  Bare element rules, drawer shell. Only ONE declaration qualified.

  Measured MVC vs Renderer on Section 11 (4 tables / 22 cells): every
  table metric already matches (835x446 table, 167x90 cell, 18px/9px
  padding, 27px line-height) except cell vertical alignment — MVC
  `baseline` vs Renderer `middle`. Nothing in hpsm.css sets it; the
  Renderer is just getting the browser's UA default for `td`, which
  style.css's reset block overrode. A bare rule beats a UA default, so
  this lands unscoped.

  Only `vertical-align` is taken from that reset block, NOT the block
  verbatim: it also carries `padding: 0`, and the 18px/9px cell padding
  on the Renderer does not come from the `.shell-drawer body
  table:not(.table) td` rule (that one sets only border-style and
  text-align). Adding `padding: 0` risks out-specifying whatever does
  supply it and collapsing every content table.

  Everything else was checked and needs nothing: ul/ol/li are already
  exact (disc/outside, 10px padding-left, 15px margin-left, 27px li
  line-height), h2/h3/h4/p/a/strong match value-for-value, and hr
  already resolves to the orange #f08a20 rule. Drawer content contains
  no font/th/blockquote/figure/figcaption/address/q/code/pre/dl tags at
  all, so those source rules would be dead weight.
------------------------------------*/
td, tr {
	vertical-align: baseline;
}

/*====================================================================
  RECLAIMED 2026-07-31 — footer sizing below 768px
  Verbatim from assets/_css/style.css line 6387, inside its
  `@media (max-width: 767px)` block (opens at line 6240).

  This single rule was the whole footer divergence, measured on
  /provider/all-tasks (MVC) vs its Decoupled counterpart:

      width   MVC    Renderer   after this rule
      375    1287      1307          1292
      480    1256      1277          1261
      576     997       525           999
      640     997       525           999
      700     936       525           938

  Between 576 and 767 the Renderer footer was 472px SHORT. `.row` is
  flex in both builds, so the four `.col-xs-12.col-sm-3` children are
  flex items. MVC blockifies them to `table` via this rule, which makes
  each one shrink-to-fit with an automatic min-content floor — the
  logo column can't go below the 150px image + gutters, so the widths
  come out 180/139/139/150, overflow the row and wrap the fourth
  column onto a second line. Without the rule the Renderer keeps four
  even 25% columns on one line, i.e. a shorter (and frankly tidier)
  footer than the baseline.

  It must stay a bare `footer div` selector at 0-0-2. It deliberately
  LOSES to `.row` (0-1-0), which is why the row itself stays flex in
  MVC and only the unclassed wrappers and the column divs — whose col
  classes set width but never display — pick up the table display.
  Scoping it to `.shell-drawer body footer div` (0-2-3) would flip
  that and turn `.row` into a table too.

  Drawer only: HPSM-style.css has no `footer div` rule, so mega-shell
  footers already match their baseline and legacy-mega.css gets
  nothing.
--------------------------------------------------------------------*/
@media (max-width: 767px) {
    footer div {
        display: inline-table;
    }
}

/*====================================================================
  RECLAIMED 2026-07-31 — bare `img` rule, drawer shell
  Verbatim from assets/_css/style.css lines 645-650. Missed by the
  earlier bare-element pass, which checked headings/lists/tables but
  never `img`.

  `display: block` is the load-bearing declaration. BS5's Reboot gives
  `img, svg { vertical-align: middle }` and nothing else, so every
  Renderer image stayed inline and sat on a text baseline — the extra
  descender space plus the line box added ~22-27px per image. On
  HEALTHmatters MD's Top Stories cards, measured with images forced to
  load:

      viewport   before          after           MVC
      375        429/435/406     406/412/384     405/412/384
      1920       551/551/551     524/524/524     -
      page       8381 -> 8313 (375),  5035 -> 5008 (1920)

  Must stay unscoped at 0-0-1. This file loads after hpsm.css, so it
  wins the tie against Reboot's `img` on source order. Scoping to
  `.shell-drawer body img` (0-2-2) would out-specify the class rules
  that legitimately beat a bare `img` in MVC.

  Verified NOT to disturb anything else on a drawer page (14 images,
  11 of them inline beforehand):
   - the footer's Facebook/Instagram icons keep sitting side by side.
     They carry an inline `style="display: inline"` in the CMS markup,
     which outranks any stylesheet rule — which is exactly why they
     stay inline on MVC too, despite this same rule being present there.
   - header height (128px) and footer height (430px/1292px) unchanged.
   - the header logo and footer logo go inline -> block, matching MVC.
  `border-style: none` is already the initial value and `overflow` does
  not apply to replaced elements, so both are inert; they are kept only
  to hold the source block verbatim.

  Drawer only: HPSM-style.css line 210 has `img { vertical-align:
  middle; border-style: none }` with NO `display: block`, so mega-shell
  images already match their baseline and legacy-mega.css gets nothing.
--------------------------------------------------------------------*/
img {
    display: block;
    vertical-align: middle;
    border-style: none;
    overflow: hidden;
}

/*--------------------------------------------------------------------
  Guard for the bare `img { display: block }` above — MVC pairs that rule
  with `.goog-te-gadget-icon, .goog-te-menu-value img { display: inline }`
  (style.css), and the reclaim took the block half without the guard. The
  "unreachable" filter dropped it because Google's widget classes are
  injected by their script at RUNTIME, so they appear in no markup, DB
  column or repo JS — the class universe can't see them.

  Consequence: every <img> inside the Google Translate gadget became a
  block, so the header's language selector broke onto three lines —
  106x66 instead of MVC's 157x24, with "Select Language" and the ▼ each
  on their own row.

  Google's gadget holds THREE images: the flag icon plus two unclassed
  1x1 spacer gifs inside the link. MVC's named guard only covers the
  icon; it never needed more because its BS3 build left the spacers
  inline-block. So the second rule covers the whole widget subtree,
  reproducing MVC's exact values (icon `inline`, spacers `inline-block`).
  Scoped to #google_translate_element so no other image is touched —
  verified: the header's `alt="close"` img still computes `display: block`.
  Result matches MVC exactly: gadget x1688, 157x24.

  Drawer only: legacy-mega.css has no bare `img` rule, so the mega
  shell's footer selector is unaffected (measured 26px, already correct).
--------------------------------------------------------------------*/
.goog-te-gadget-icon,
.goog-te-menu-value img {
    display: inline;
}

#google_translate_element img:not(.goog-te-gadget-icon) {
    display: inline-block;
}

/*--------------------------------------------------------------------
  RECLAIMED 2026-08-10 — `.btn-gold`, verbatim from style.css line 1347.

  It had been hand-ported into frontend/styles/objects/_buttons.scss,
  where it landed AFTER that file's `.btn` base and therefore won, so
  `class="btn btn-gold"` painted a gold button. Production does the
  opposite: style.css declares `.btn-gold` at :1347 and its BS4-style
  `.btn` base at :15111, so on `.btn.btn-gold` every shared property
  (background-color, padding, font-size, border-radius) comes from `.btn`
  and the gold never paints — only `.btn-gold`'s non-overlapping
  declarations (position, margin-top, text-decoration) survive.

  Both forms are live and must keep behaving differently:
    bare `.btn-gold` — 16 CMS-authored uses, none of which carry `.btn`
        (verified across sf_control_properties + sf_content_items).
        Renders GOLD in production.
    `.btn.btn-gold`  — emitted only by the widget views (Benefits'
        "View All Employee Benefits", FeaturedOpenings' "View all Job
        Openings"), mirroring MVC's List.Benefits.cshtml /
        List.FeaturedOpenings.cshtml. Renders as a PLAIN `.btn`.

  The `.btn.btn-gold` block is style.css:15111's half of that
  combination, written out for just this pair rather than by reclaiming
  the whole BS4 button base: a literal `.btn { background-color:
  transparent }` in this file loads after hpsm.css and would flatten
  every BS5 variant (.btn-primary/.btn-secondary/…), which take their
  fill from `--bs-btn-bg`. Same hazard as the `--bs-btn-font-weight`
  note in legacy-mega.css. Verified against live MVC at 1920 (root
  18px): transparent fill, #005878, padding 13.5px/18px, font-size
  18px, line-height 28.8px, border-radius 5.625px, margin-top 15px.

  Drawer only: HPSM-style.css has no `.btn-gold` rule at all, so
  mega-shell pages render it unstyled in production too and
  legacy-mega.css gets nothing.
--------------------------------------------------------------------*/
.btn-gold {
    display: inline-block;
    padding: .7em 1.6em;
    border-radius: 5px;
    background-color: #ffd100;
    color: #005878;
    text-decoration: none;
    position: relative;
    margin-top: 15px;
    font-size: 0.875rem;
}

    .btn-gold:after {
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1);
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        content: '';
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: 5px;
    }

    .btn-gold:hover:after {
        opacity: 1;
    }

.btn.btn-gold {
    background-color: transparent;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    border-width: 0.0625rem;
    border-radius: 0.3125rem;
}