/* STYLED LISTS*/
ul.checklist,
ul.arrow {
    list-style-type: none;
    padding-left: 0;
}

ul.checklist>li {
    background: url("/images/default-source/site-images/icons/checkmark-with-box-02.png") no-repeat left top;
    padding: 0.5em 0.5em 1em 3em;
    background-size: 30px;
    display: inline-block;
    width: 100%;
}

ul.arrow>li::before {
    content: '';
    display: inline-block;
    background: url('/images/default-source/site-images/icons/yellow-bullet-sm.png') no-repeat left top;
    width: 19px;
    height: 19px;
}

ul.arrow>li {
    margin-bottom: 1.25em;
}

ul.two-col {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

ol li {
    margin-bottom: 1rem;
}

/* BOX WITH BACKGROUND COLOR */
.shade {
    padding: 1.5em;
    background-color: #E9EDF4;
}

.shade h2,
.shade h3 {
    margin: 0;
}

/* CSS overrides */
/* 
PRIMARY: Blue #00548e (use for blue & old gold), Yellow #ffc758
SECONDARY: Bright blue #3e76a9 (old teal), Indigo #11385d (old purple)
Backgrounds only (use gray text): #BBC9E0 #E9EDF4
*/
.h4,
h4 {
    line-height: 1.5em;
}

p,
ol,
ul {
    margin: 0 0 1.25em;
}

.form-control,
.form-control-input,
.form-control-shp,
.sfTxt,
select {
    font-size: 1.6rem;
}

.news-photo img,
.news-photo-lg img {
    object-fit: cover;
    margin-bottom: 1em;
}

.news-photo img {
    height: 256px;
}

.news-photo-lg img {
    height: 336px;
}

.news-photo h3,
.news-photo-lg h3 {
    color: #58595b;
}

.news-photo a,
.news-photo-lg a {
    text-decoration: none;
}

.form-group-lg .form-control,
.form-group-lg .form-control-input,
.form-group-lg .form-control-shp,
.form-group-lg .sfTxt,
.form-group-lg select {
    border-radius: 0;
}

.sfTxtLbl,
label {
    color: #58595b;
}

/* SUPERSCRIPT */
sup {
    font-size: 0.6em;
}

a sup {
    display: inline-block;
    border-bottom: 1px solid #58595b;
    padding-bottom: 0.9em;
}

h1 sup {
    font-size: 25%;
    top: -2em;
}


/* BANNER TICKER */
div.banner-ticker {
    background-color: rgba(255, 199, 88, 1.0);
    top: 84px;
}

div.banner-ticker.white,
div.banner-ticker a {
    color: #58595b;
}

@media screen and (min-width: 768px) {
    div.banner-ticker {
        font-size: 1em;
    }
}

/* NEW COLOR PALETTE */
h1,
h2,
h3,
h1.blue,
h2.blue,
h3.blue,
p.blue,
.breadcrumb>.active,
.shp-breadcrumbs>.active {
    color: #58595b;
}

.blue,
.gold,
.purple,
.rose,
.teal {
    color: #3e76a9;
}

.blue-border>a:hover,
.gold-border>a:hover,
.purple-border>a:hover,
.rose-border>a:hover,
.teal-border>a:hover {
    color: #11385d !important;
    text-decoration: none !important;
}

.blue-bg,
.gold-bg,
.purple-bg,
.rose-bg,
.teal-bg {
    background-color: #3e76a9 !important;
}

.blue-border,
.gold-border,
.purple-border,
.rose-border,
.teal-border {
    border-color: #3e76a9 !important;
}

/* NEW TYPOGRAPHY */
.navbar-default .navbar-link,
body,
h1,
h2,
h3,
h1.blue,
h2.blue,
h3.blue,
p.blue,
.breadcrumb>.active,
.shp-breadcrumbs>.active {
    color: #58595b;
}

h1,
h2,
.welcome-container--header h3,
.text-light,
.text-bold,
.pregnancy-container .text-large {
    font-weight: 600;
}

h1 {
    font-size: 2.625em;
    /* 42px */
    line-height: 1.0333333em;
    /* 62px */
    margin: 0 0 0.5em;
}

h2,
.text-large,
.welcome-container--header h3 {
    font-size: 1.625em;
    /* 26px */
    line-height: 1.076923em;
    /* 28px */
    margin-bottom: 1em;
}

a h2 {
    text-decoration: none;
}

h3,
.h4,
h4 {
    font-size: 1.125em;
    /* 18px */
    line-height: 1.6em;
    /* 25.6px */
    margin: 0 0 0.5em;
}

.welcome-container--header p {
    margin-bottom: 30px;
}

.general-content-container,
.text-normal {
    line-height: 1.6em;
}

.mt0 {
    margin-top: 0;
}

/* BUTTONS */
.btn-shp-cta button[type=submit],
.btn-shp-default button[type=submit],
a.btn-shp-cta,
a.btn-shp-default,
a.btn-shp-submit,
button.btn-shp-ct,
button.btn-shp-default,
input.btn-shp-cta[type=submit],
input[type=submit].btn-shp-default,
label.btn-shp-cta,
label.btn-shp-default,
.btn-shp-custom button[type=submit].white,
a.btn-shp-custom.white,
button.btn-shp-custom.white button.btn-shp-default,
input[type=submit].btn-shp-custom.white,
label.btn-shp-custom.white,
.sharp-icon-tabs .tab-content>.tab-pane.blue .tab-body a.btn-shp,
.sharp-icon-tabs .tab-content>.tab-pane.blue .tab-body a.btn-shp:visited,
.sharp-icon-tabs .tab-content>.tab-pane.teal .tab-body a.btn-shp,
.sharp-icon-tabs .tab-content>.tab-pane.teal .tab-body a.btn-shp:visited,
.sharp-icon-tabs .tab-content>.tab-pane.purple .tab-body a.btn-shp,
.sharp-icon-tabs .tab-content>.tab-pane.purple .tab-body a.btn-shp:visited,
.sharp-icon-tabs .tab-content>.tab-pane.gold .tab-body a.btn-shp,
.sharp-icon-tabs .tab-content>.tab-pane.gold .tab-body a.btn-shp:visited,
a.btn-shp-custom.purple.reverse,
button.btn-shp-submit {
    color: #58595b;
    border-color: #ffc758;
    background-color: #ffc758;
}

.btn-shp-cta button.active[type=submit],
.btn-shp-cta button:focus[type=submit],
.btn-shp-cta button:hover[type=submit],
.btn-shp-default button[type=submit].active,
.btn-shp-default button[type=submit]:focus,
.btn-shp-default button[type=submit]:hover,
a.active.btn-shp-cta,
a.btn-shp-cta:focus,
a.btn-shp-cta:hover,
a.btn-shp-default.active,
a.btn-shp-default:focus,
a.btn-shp-default:hover,
a.btn-shp-submit:active,
a.btn-shp-submit:focus,
button.active.btn-shp-ct,
button.btn-shp-ct:focus,
button.btn-shp-ct:hover,
button.btn-shp-default.active,
button.btn-shp-default:focus,
button.btn-shp-default:hover,
input.active.btn-shp-cta[type=submit],
.input.btn-shp-cta:focus[type=submit],
input.btn-shp-cta:hover[type=submit],
input[type=submit].btn-shp-default.active,
input[type=submit].btn-shp-default:focus,
input[type=submit].btn-shp-default:hover,
label.active.btn-shp-cta,
label.btn-shp-cta:focus,
label.btn-shp-cta:hover,
label.btn-shp-default.active,
label.btn-shp-default:focus,
label.btn-shp-default:hover,
a.btn-shp-custom.purple.reverse:hover {
    color: #58595b;
    background-color: #FFFFFF !important;
}

/* BUTTONS ON A DARK BACKGROUND - HOVER STATE */
.btn-shp-custom button[type=submit].white.active,
.btn-shp-custom button[type=submit].white:hover,
a.btn-shp-custom.white.active,
a.btn-shp-custom.white:hover,
a.btn-shp-submit:hover,
button.btn-shp-custom.white.active,
button.btn-shp-custom.white:hover,
input[type=submit].btn-shp-custom.white.active,
input[type=submit].btn-shp-custom.white:hover,
label.btn-shp-custom.white.active,
label.btn-shp-custom.white:hover,
.sharp-icon-tabs .tab-content>.tab-pane.blue .tab-body a.btn-shp:active,
.sharp-icon-tabs .tab-content>.tab-pane.blue .tab-body a.btn-shp:hover,
.sharp-icon-tabs .tab-content>.tab-pane.teal .tab-body a.btn-shp:hover,
.sharp-icon-tabs .tab-content>.tab-pane.purple .tab-body a.btn-shp:hover,
.sharp-icon-tabs .tab-content>.tab-pane.gold .tab-body a.btn-shp:hover,
button.btn-shp-submit:hover,
.sharp-icon-tabs .tab-content>.tab-pane.teal .tab-body a.btn-shp:hover,
.sharp-icon-tabs .tab-content>.tab-pane.blue .tab-body a.btn-shp:hover,
.sharp-icon-tabs .tab-content>.tab-pane.purple .tab-body a.btn-shp:hover,
.sharp-icon-tabs .tab-content>.tab-pane.gold .tab-body a.btn-shp:hover {
    color: #58595b !important;
    background-color: #FFFFFF !important;
    border-color: #FFFFFF;
}

/* BIG NUMBERED LISTS */
.bullet-number {
    float: left;
    clear: left;
    margin: 0 1em 0 0;
    overflow: hidden;
    width: 50px;
    height: 50px;
}

.bullet-number {
    float: left;
    clear: left;
    margin: 0 1em 0 0;
    overflow: hidden;
}

.bullet-copy {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 1em;
    overflow: hidden;
}

.bullet-copy-no-h3 {
    list-style-type: none;
    padding: 1em 0;
    overflow: hidden;
}

.bullet-copy h3 {
    margin: 0 0 0.5em;
    padding: 0;
}

.bullet-copy li {
    margin-bottom: 1.5em;
}

/* CALLOUT BUTTONS */
.search-container {
    background-color: #11385D;
}

.search-container .search-container--header,
.search-container .search-container--button {
    text-align: initial;
}

.search-container--header h3 {
    font-size: 1.625em;
    /* 26px */
    line-height: 1.076923em;
    /* 28px */
}

.search-container h3,
.search-container p {
    color: #fff;
}

.search-container--header h3.text-bold {
    font-weight: 600;
}

.search-container a.btn-shp-default:hover,
.search-container a.btn-shp-default:active {
    color: #58595b;
    background-color: #fff !important;
    border-color: #fff;
}

/* SIDE BY SIDE CTAs */
.quote-container .quote-container--browseplans.medicare {
    background-color: #11385D;
}

.quote-container .quote-container--getaquote.medicare {
    background-color: #00548E;
}

.homepage .quote-container .quote-container--getaquote.medicare {
    /* FOR HOMEPAGE HERO ONLY - ADD HOMEPAGE CLASS TO HERO WIDGET */
    background-color: #E9EDF4;
}

.homepage .quote-container .quote-container--getaquote.medicare .quote-container--getaquote-header,
.homepage .quote-container .quote-container--getaquote.medicare .quote-container--getaquote-body {
    color: #58595b;
}

.quote-container .quote-container--getaquote .quote-container--getaquote-header,
.quote-container .quote-container--browseplans .quote-container--browseplans-header {
    font-weight: 600;
    font-size: 1.625em;
    /* 26px */
    line-height: 1.076923em;
    /* 28px */
}

.quote-container .text-large {
    font-size: initial;
    /* 16px */
    line-height: 1.6em;
    /* 25.6px */
}

.quote-container .text-bold.text-large {
    font-size: 0.75em;
    /* 18px */
    line-height: 1.333333em;
    /* 24px */
    margin-bottom: 0.2em;
}

/* SEMINARS WIDGET */
.seminar-available-header {
    background-color: #E9EDF4;
    color: #58595B;
}

/* MEDICARE HOMEPAGE STACKED BUTTONS */
.quote-container .quote-container--getaquote,
.medicare-stacked-buttons-left,
.medicare-stacked-buttons-parent {
    background-color: #3e76a9;
}

.medicare-stacked-buttons .medicare-stacked-buttons-top {
    background-color: #00548E;
}

.medicare-stacked-buttons .medicare-stacked-buttons-bottom,
.medicare-stacked-buttons .medicare-stacked-buttons-right {
    background-color: #11385D;
}

/* MEDICARE BUTTONS */
.buttons-container .buttons-container--button.teal,
.buttons-container .buttons-container--button.purple,
.buttons-container .buttons-container--button.medications {
    background-color: #00548E;
}

.buttons-container .buttons-container--button.purple {
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
}

.buttons-container .buttons-container--button.teal:hover,
.buttons-container .buttons-container--button.purple:hover,
.buttons-container .buttons-container--button.medications:hover {
    background-color: #3e76a9;
}

/* MEDICARE ACCORDIONS (CONTENT TOGGLES) */
.accordion-medicare {
    background-color: #11385D;
}

.faq-container div[id$=faq] .accordion-medicare:after {
    background-color: transparent;
    background: url(/content/images/icon-arrow-white.png) no-repeat !important;
}

.faq-container .faq-section.text-large.accordion-medicare {
    color: #ffffff;
    font-weight: 600;
}

.faq-container div[id$=faq] .faq-section:after {
    right: 25px;
    top: 50%;
  }
  
  .faq-container div[id$=faq] .faq-section.dropdown-open:after {
   transform: translateY(-50%) rotate(90deg);
  }

/* MEDICARE ICON TABS */
.sharp-icon-tabs .nav-tabs>li.active.blue:after,
.sharp-icon-tabs .nav-tabs>li.active.teal:after,
.sharp-icon-tabs .nav-tabs>li.active.purple:after,
.sharp-icon-tabs .nav-tabs>li.active.gold:after {
    border-bottom-color: #3E76A9;
}

.sharp-icon-tabs .tab-content>.tab-pane.blue,
.sharp-icon-tabs .tab-content>.tab-pane.teal,
.sharp-icon-tabs .tab-content>.tab-pane.purple,
.sharp-icon-tabs .tab-content>.tab-pane.gold {
    border: 1px solid #3E76A9;
    background-color: #3E76A9;
}

/* TABBED CONTENTS (CUSTOM TABS) */
.sharp-tabs .nav-tabs>li>a {
    font-weight: 600;
}

.nav-justified>li>a,
.nav-tabs.nav-justified>li>a,
.sharp-tabs .tab-content>.tab-pane .tab-heading {
    text-align: unset;
}

.sharp-tabs .tab-content>.tab-pane .tab-heading {
    font-weight: unset;
    font-size: unset;
    line-height: unset;
}

@media screen and (min-width: 1350px) {
    .sharp-tabs .nav-tabs>li>a {
        padding: 34px 40px 40px;
    }
}

.general-content-container .nav-justified>li:not(:first-child),
.nav-tabs.nav-justified>li:not(:first-child) {
    margin-left: -1px;
}

.sharp-tabs .nav-tabs>li.blue>a,
.sharp-tabs .nav-tabs>li.blue>a:hover,
.sharp-tabs .nav-tabs>li.gold>a,
.sharp-tabs .nav-tabs>li.gold>a:hover,
.sharp-tabs .nav-tabs>li.teal>a,
.sharp-tabs .nav-tabs>li.teal>a:hover,
.sharp-tabs .nav-tabs>li.purple>a,
.sharp-tabs .nav-tabs>li.purple>a:hover {
    background-color: #fff;
    color: #00548e;
    border: 1px solid #3e76a9;
}

.sharp-tabs .nav-tabs>li.blue.active>a,
.sharp-tabs .nav-tabs>li.blue.active>a:focus,
.sharp-tabs .nav-tabs>li.blue.active>a:hover,
.sharp-tabs .nav-tabs>li.gold.active>a,
.sharp-tabs .nav-tabs>li.gold.active>a:focus,
.sharp-tabs .nav-tabs>li.gold.active>a:hover,
.sharp-tabs .nav-tabs>li.teal.active>a,
.sharp-tabs .nav-tabs>li.teal.active>a:focus,
.sharp-tabs .nav-tabs>li.teal.active>a:hover,
.sharp-tabs .nav-tabs>li.purple.active>a,
.sharp-tabs .nav-tabs>li.purple.active>a:focus,
.sharp-tabs .nav-tabs>li.purple.active>a:hover {
    background-color: #3e76a9;
    border: 1px solid #3e76a9;
}

.sharp-tabs .tab-content>.tab-pane.blue .tab-heading,
.sharp-tabs .tab-content>.tab-pane.gold .tab-heading,
.sharp-tabs .tab-content>.tab-pane.teal .tab-heading,
.sharp-tabs .tab-content>.tab-pane.purple .tab-heading {
    background-color: #3e76a9;
}

.sharp-tabs .tab-content>.tab-pane.blue,
.sharp-tabs .tab-content>.tab-pane.gold,
.sharp-tabs .tab-content>.tab-pane.teal,
.sharp-tabs .tab-content>.tab-pane.purple {
    border: 1px solid #3e76a9;
}

.sharp-tabs .tab-content>.tab-pane.teal .tab-expander>a,
.sharp-tabs .tab-content>.tab-pane.gold .tab-expander>a,
.sharp-tabs .tab-content>.tab-pane.blue .tab-expander>a,
.sharp-tabs .tab-content>.tab-pane.purple .tab-expander>a {
    background-color: #11385D;
}

.tab-body ul {
    list-style-type: none;
    padding: 0;
}

.sharp-tabs .nav-tabs {
    z-index: 0;
}

.sharp-tabs .nav-tabs li>a {
    line-height: 1.5em;
}

.tab-body h4,
.tab-body .h4 {
    margin-top: 25px;
    margin-bottom: 10px;
}

.eff,
.updated {
    white-space: nowrap;
}

li .eff,
li .updated,
p .eff,
p .updated {
    font-style: italic;
}

h3 .eff,
h3 .updated {
    font-size: 0.7em;
}

/* You have to use UTF-8 characters, not HTML entities. \a0 =  	*/
li .eff::before,
p .eff::before {
    content: " - effective\a0";
}

li .updated::before,
p .updated::before {
    content: " - updated\a0";
}

h3 .eff::before {
    content: "effective\a0";
}

h3 .updated::before {
    content: "updated\a0";
}

.tab-body ul.arrow li::before {
    /*list-style-position: outside;*/
    content: '';
    display: inline-block;
    background: url('/images/default-source/site-images/icons/yellow-bullet-sm.png') no-repeat 0 5px;
    width: 14px;
    height: 19px;
    background-size: 8px 15px;
}

@media screen and (min-width: 1350px) {
    .sharp-tabs .tab-content>.tab-pane .tab-body {
        padding: 0;
    }
}

@media screen and (min-width: 769px) {
    .sharp-tabs .tab-content>.tab-pane .tab-body {
        width: 83.040421%;
        left: 8.5%;
        margin: 2em 0;
        position: relative;
    }

    .sharp-tabs .tab-content>.tab-pane .tab-heading {
        padding: 40px 291px 40px 95px;
    }

    .file-list {
        width: 49%;
        vertical-align: top;
        display: inline-block;
    }

    .file-list.left {
        padding-right: 1.5em;
    }

    .file-list h3:nth-child(1) {
        margin-top: 0;
    }

    .file-list li {
        margin-bottom: 1em;
    }
}

/* 4 PARTS MEDICARE BUTTONS */
.med-part {
    color: #58595b !important;
    background-color: #FFC758 !important;
    border: 1px solid #FFC758 !important;
}

.med-part:hover {
    color: #58595b !important;
    background-color: #ffffff !important;
    border: 1px solid #FFC758 !important;
}

/* INFO CARDS */
.member-manageplan-options-container--card--header h3 {
    font-size: 1.625em;
    line-height: 1.076923em;
    font-weight: 600;
}

@media screen and (min-width: 768px) {
    .member-manageplan-options-container .member-manageplan-options-container--card .member-manageplan-options-container--card--body {
        min-height: 240px !important;
        /* Undoes height from ae-overrides.scss. Copy within card should be 5 lines max. */
    }
}

@media screen and (max-width: 767px) {
    .member-manageplan-options-container .member-manageplan-options-container--card {
        flex-basis: 100%;
    }
}

/* FAQs */
.faq-container div[id$=faq] .faq-section:after {
    background: url(/images/librariesprovider3/default-album/icons/icon-gray-arrow.png) no-repeat;
}

p:empty {
    display: none;
}

.faq-filter-container .filter-container--filter-box ul li {
    color: #58595b;
    background-color: #E9EDF4;
    border: 1px solid #E9EDF4;
    font-size: 0.888889em;
}

.faq-filter-container .filter-container--filter-box ul li:hover {
    background-color: #fff;
    color: #58595b;
    border: 1px solid #ffc758;
}

.faq-filter-container .filter-container--filter-box ul li.active {
    background-color: #ffc758;
    color: #58595b;
    border: 0;
}

@media screen and (min-width: 768px) {
    .faq-filter-container .filter-container--filter-box ul {
        width: 81%;
    }
}

@media screen and (max-width: 767px) {
    .faq-filter-container {
        background-color: #00548E;
    }
}

.faq-categories li a {
    color: #00548e;
    text-decoration: none;
}

.faq-categories li a:hover {
    color: #fff;
}

.faq-categories li a:focus {
    text-decoration: none;
}

h3.topic-hdr,
.faq-topic {
    font-size: 1.8rem;
    line-height: 2.4em;
    font-weight: 700;
    cursor: pointer;
}

.faq-container p {
    margin-bottom: 0;
}

.faq-container ul,
.faq-container ol {
    margin-top: 1.25em;
}

/* CONTENT TOGGLES (FAQ ACCORDIONS) */
.content-toggle {
    margin-top: -26px;
}

.faq-container div[id$=faq] .faq-section {
    color: #58595b;
    font-weight: 600;
}

@media screen and (min-width: 1000px) {
    .faq-container div[id$=faq] .faq-section {
        font-size: 1.625em;
        line-height: 1.076923em;
    }
}

.content-toggle .col-sm-12,
.content-toggle .col-md-10,
.content-toggle .col-lg-8 {
    border-bottom: 1px solid #58595b;
}


/* OVATIONS */
.ovation-container {
    padding: 0 150px;
    background-size: 191px;
    background-image: url('/images/default-source/site-images/accolade-images/bg_ovation_wave.png?sfvrsn=9018dc80_2');

}

.ovation-container,
.ovation-container--ovation {
    background-color: #0e385d;
}

.ovation-container--ovation .text-center {
    text-align: unset;
}

.ovation-container--ovation p {
    font-size: 1.25em;
    margin: 0;
    font-weight: 600;
    line-height: 1.25em;
}

.ovation-container--ovation .text-bold {
    display: inline-block;
    font-weight: 500;
}

@media screen and (min-width: 1350px) {
    .ovation-container .ovation-container--ovation {
        padding: 100px 220px;
    }
}

/* IAFP STEPS (1-2-3-4 STEPS) */
.iafp-steps .iafp-steps--header.step-1,
.iafp-steps .iafp-steps--header.step-2,
.iafp-steps .iafp-steps--header.step-3,
.iafp-steps .iafp-steps--header.step-4 {
    background-color: #3e76a9;
}

.iafp-steps .iafp-steps--header.step-1 .iafp-steps--header-label,
.iafp-steps .iafp-steps--header.step-2 .iafp-steps--header-label,
.iafp-steps .iafp-steps--header.step-3 .iafp-steps--header-label,
.iafp-steps .iafp-steps--header.step-4 .iafp-steps--header-label {
    background-color: #00548E;
}

.iafp-steps .iafp-steps--header.step-1 .triangle-right,
.iafp-steps .iafp-steps--header.step-2 .triangle-right,
.iafp-steps .iafp-steps--header.step-3 .triangle-right,
.iafp-steps .iafp-steps--header.step-4 .triangle-right {
    border-left-color: #00548E;
}

.iafp-steps .iafp-steps--body.step-1,
.iafp-steps .iafp-steps--body.step-2,
.iafp-steps .iafp-steps--body.step-3,
.iafp-steps .iafp-steps--body.step-4 {
    border-right: 2px solid #3e76a9;
    border-bottom: 2px solid #3e76a9;
    border-left: 2px solid #3e76a9;
}

/* CAROUSELS */
.medicare-slider-container {
    background-color: #fff;
}

.medicare-slide .slick-prev:before {
    content: url(/images/default-source/site-images/icons/arrow-left.png);
}

.medicare-slide .slick-next:before {
    content: url(/images/default-source/site-images/icons/arrow-right.png);
}

/* TOOLTIPS - Wrap your text is a span tag, add class = "tool", use data-tip attribute for tooltip text, e.g.,
<span class="tool" data-tip="Tooltip text.">Word</span>
*/
.tool {
    cursor: help;
    position: relative;
    text-decoration: underline;
}

/*== common styles for both parts of tool tip ==*/
.tool::before,
.tool::after {
    left: 50%;
    opacity: 0;
    position: absolute;
    z-index: -100;
}

.tool:hover::before,
.tool:focus::before,
.tool:hover::after,
.tool:focus::after {
    opacity: 1;
    transform: scale(1) translateY(0);
    z-index: 100;
}

/*== speech bubble ==*/
.tool::after {
    background: #11385D;
    color: #FFF;
    border-radius: .25em;
    bottom: 180%;
    content: attr(data-tip);
    margin-left: -8.75em;
    padding: 1em;
    transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26) .2s;
    transform: scale(.6) translateY(50%);
    width: 24em;
}

/*== pointer ==*/
.tool::before {
    border-color: #11385D transparent transparent transparent;
    /* SHOULD MATCH SPEECH BUBBLE BACKGROUND COLOR ABOVE*/
    border-style: solid;
    border-width: 1em 0.75em 0 0.75em;
    bottom: 115%;
    content: "";
    margin-left: -0.5em;
    transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26), opacity .65s .5s;
    transform: scale(.6) translateY(-90%);
}

.tool:hover::before,
.tool:focus::before {
    transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26) .2s;
}

.tool:hover::after,
.tool:focus::after {
    transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26);
}

@media (max-width: 760px) {
    .tool::after {
        font-size: .75em;
        margin-left: -5em;
        width: 10em;
    }
}


/* CUSTOM TABS */
.tab-body {
    width: 78.2%;
    margin: 2em 0 0;
    left: 10.9%;
    position: relative;
}

/* FOOTNOTES */
.footnote p {
    font-size: 0.75em;
    /* WCAG: 12px (9pt) is allowed for footnotes */
    line-height: 1.5em;
}

/* NAVIGATION BAR */
.nav-button,
.nav-close {
    background: #11385D;
}

.shp-navbar .nav,
.shp-navbar .nav ul {
    background: #11385D;
}

.shp-navbar .nav li.nav-active>a {
    background: #00548E !important;
}

.nav-submenu .nav-active>a {
    background: #00548e;
}

.shp-navbar .nav ul ul {
    background: #11385D;
}

.shp-navbar .nav ul ul ul {
    background: #00548E;
}

.shp-navbar .nav a:hover {
    background: #00548E;
}

.shp-navbar .nav ul ul .nav a:hover {
    background: #3E76A9 !important;
}

/* FOOTER */
.footer-upper--left,
.footer-upper--right {
    visibility: unset;
}

.footer .footer-lower,
.footer .footer-lower .footer-lower--madewithlove {
    background-color: #00548E;
}

.footer .footer-bottom {
    background-color: #11385D;
}

.footer-copyright ul {
    list-style-type: none;
    margin-bottom: 0;
    padding: 0;
}

.footer-copyright ul li {
    padding: 3px 0;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

@media screen and (min-width: 768px) {
    .footer-copyright ul {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .footer-copyright .col-sm-4.pad5 {
        display: none;
    }
}

/* CLUDO BANNER */
.cludo-banner {
    float: left;
    font-family: 'open sans', sans-serif;
    background-color: #3e76a9;
    margin-bottom: 40px;
    padding: 30px;
}

.cludo-banner p {
    float: left;
    width: 72%;
    margin: 0;
    padding: 0;
    font-size: 22px;
    line-height: 1.5em;
    font-weight: 500;
    color: #fff;
}

.cludo-banner p a {
    color: #fff;
    text-decoration: none;
}

.cludo-banner .btn-wrapper {
    float: right;
    width: 28%;
    text-align: right;
}

.cludo-autocomplete-items div.active,
.cludo-autocomplete-items li.active,
.search_autocomplete div.active,
.search_autocomplete li.active {
    background-color: #3E76A9 !important;
    color: #fff
}