@charset "UTF-8";
/* CSS Document last updated 5/30 */

:root {
    /* Light */
    --lightblue: #BED6DB;
    --lightteal: #CDF0EC;
    --lightpurple: #EAD4E8;
    --lightred: #EED0CD;
    --lightorange: #FADFC8;
    /* Brand Colors */
    --cfblue: #0099CC;
    --cfteal: #009382;
    --cfpurple: #84387B;
    --cfred: #A02741;
    --cforange: #E97200;
    --cfyellow: #FFCC33;
    /* Brand Colors Blues */
    --cfdarkblue: #003359;
    --cfinteractiveblue: #086EA1;
    --cfprocessblue: #0099CC;
    --cfarticblue: #8FCAE7;
    --cfhighlightblue: #E0F3FB;
    --cfwhite: #FFFFFF;
    /* Dark */
    --darkblue: #005172;
    --darkteal: #0D3E38;
    --darkpurple: #390532;
    --darkred: #4B0011;
    --darkorange: #802D00;
}

/* Light */
.bg-cf-lightcarefirstblue {
    background: var(--lightblue) !important;
}
.bg-cf-lightteal {
    background: var(--lightteal) !important;
}
.bg-cf-lightpurple {
    background: var(--lightpurple) !important;
}
.bg-cf-lightred {
    background: var(--lightred) !important;
}
.bg-cf-lightorange {
    background: var(--lightorange) !important;
}
.bg-cf-lightyellow {
    background: var(--lightyellow) !important;
}

/* Dark */
.bg-cf-darkblue {
    background: var(--darkblue) !important;
}
.bg-cf-darkteal {
    background: var(--darkteal) !important;
}
.bg-cf-darkpurple {
    background: var(--darkpurple) !important;
}
.bg-cf-darkred {
    background: var(--darkred) !important;
}
.bg-cf-darkorange {
    background: var(--darkorange) !important;
}
.bg-cf-darkyellow {
    background: var(--darkyellow) !important;
}

/* Brand Colors */
.bg-cf-carefirstblue {
    background: var(--cfblue) !important;
}
.bg-cf-teal {
    background: var(--cfteal) !important;
}
.bg-cf-purple {
    background: var(--cfpurple) !important;
}
.bg-cf-red {
    background: var(--cfred) !important;
}
.bg-cf-orange {
    background: var(--cforange) !important;
}
.bg-cf-yellow {
    background: var(--cfyellow) !important;
}

/* Brand Colors Blues */
.bg-cf-darkblue2 {
    background: var(--cfdarkblue) !important;
}
.bg-cf-interactiveblue {
    background: var(--cfinteractiveblue) !important;
}
.bg-cf-processblue {
    background: var(--cfprocessblue) !important;
}
.bg-cf-articblue {
    background: var(--cfarticblue) !important;
}
.bg-cf-hightcarefirstblue {
    background: var(--cfhighlightblue) !important;
}

html {
    scroll-behavior: smooth;
}
/* Remove border in megamenu */
.nav-item .megamenu-submenu .container .row ul.col.col-lg.col-md-12:first-child .megamenu-featured  {
    border-left: none!important;
}

/* Add Health after Finances and Family Tabs
a#finances-tab:after {
    content: '\00a0 Health';
}

a#family-tab:after {
    content: '\00a0 Health';
}
*/

#myTab li a:hover {
    color: #FFF;
    background: #086EA1;
}

.explore-options-desktop.pr-5 {
    padding: 0!important;
}

.explore-options {
    display: flex;
    align-items: center;
    min-width: 175px;
    flex-direction: row;
    justify-content: center;
    /*padding: 1rem;*/
    height: 74px;
    border-radius: 9px;
    overflow: hidden;
    background: var(--darkblue);
    color: #FFF;
    text-decoration: none !important;
    font-family: 'Oswald', 'Arial Black', sans-serif;
    font-size: 1.5rem;
}

.active.explore-options {
   /* display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    padding: 1rem;
    height: 74px;
    border-radius: 9px;
    overflow: hidden;
    text-decoration: none;*/
    border: 0;
}

.explore-options div h3 {
    margin: 0;
    padding-right: 10px;
    font-size: 1.5rem;
    color: #FFF;
}

h1#pageHeading {
    font-family: "Open Sans", sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    text-align: left;
    line-height: 1.25;
    margin: 1rem 0;
}

.banner-image {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: fit-content;
    margin: -4rem 0rem;
}

.banner-image img.img-fluid {
    /*height: 18.25rem;*/
}

.banner-image-doodle-1 {
    position: relative;
    top: 2rem;
    right: 2rem;
}

.banner-image-doodle-2 {
    display: flex;
    justify-content: flex-end;
    position: relative;
    bottom: 4rem;
    left: 2rem;
}

.banner-image-doodle-1 img {
    height: 5rem;
}

.banner-image-doodle-2 img {
    height: 5rem;
}

.banner-image-doodle-3 img {
    height: 7rem;
    padding: 0 !important;
}

.active.explore-options div h3 {
    margin: 0;
    font-size: 1.5rem;
    color: #086EA1;
}

/* Wellbeing Button + Suicide & Crisis banner */
button.btn.btn-primary a {
    color: white;
    text-decoration: none!important;
}

.crisis-banner i.fa-phone.fa-solid {
    font-size: 1.5rem;
    padding-right: .5rem;
}
.crisis-banner {
    border-radius: 5px;
    padding: 1rem;
    background: var(--cfhighlightblue);
    text-align: center;
    color: var(--cfdarkblue);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*.crisis-banner p:before {
    font-family: 'FontAwesome';
    content: "\f095";
    font-size: 1.5rem;
    margin: 0.5rem;
}*/

.crisis-banner p {
    margin:0;
    display: -webkit-box;
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    /*align-items: center;*/
}
/* Secondary Outline Button */
.wellbeinghub .btn.btn-secondary:hover {
    background: var(--cfinteractiveblue);
}

.wellbeinghub .btn.btn-secondary a {
    text-decoration: none!important;
}

.wellbeinghub .btn.btn-secondary a:hover {
    color: var(--cfwhite);
}

div.nutrition-fitness .row::after, div.behavioral-health .row::after, div.finances .row::after, div.family .row::after {
    content: url(/carefirst-resources/responsive-full-width/images/wellbeinghub/achieve-word.png);
    opacity: .15;
    margin: -7rem;
    position: relative;
    top: -4rem;
    transform: scale(.85);
}

#nutrition-fitness-tab.active.explore-options {
    text-decoration: none;
    font-family: 'Oswald', 'Arial Black', sans-serif;
    color: var(--darkorange);
    background: var(--lightorange);
	display: flex;
	align-items: center;
}

#behavioral-health-tab.active.explore-options {
    text-decoration: none;
    font-family: 'Oswald', 'Arial Black', sans-serif;
    color: var(--darkblue);
    background: var(--lightblue);
	display: flex;
	align-items: center;
}

#finances-tab.active.explore-options {
    text-decoration: none;
    font-family: 'Oswald', 'Arial Black', sans-serif;
    color: var(--darkteal);
    background: var(--lightteal);
	display: flex;
	align-items: center;
}

#family-tab.active.explore-options {
    text-decoration: none;
    font-family: 'Oswald', 'Arial Black', sans-serif;
    color: var(--darkpurple);
    background: var(--lightpurple);
	display: flex;
	align-items: center;
}

/* Accordion */

img.title-icon {
    width: 2rem;
}

.accordion-title {
    display: flex;
    padding: 1rem;
    align-items: flex-start;
}

.accordion-title .p-3:first-child {
    width: 25%;
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    flex-direction: column;
}

.wellbeinghub.tab-container {
    display: initial;
}

.wellbeinghub.accordion .accordion-expand-collapse {
    padding: 1.5rem 0;
    border: 0px;
}

.wellbeinghub.accordion.tab-content-container {
    background: #e0f3fb;
    margin: -1rem;
    margin-top: 120px;
    position: relative;
    top: -100px;
}

#accordion.wellbeinghub button h3 {
    color: var(--cfblue);
}

#accordion.wellbeinghub button p {
    color: #303030;
}

#accordion.wellbeinghub .card {
    border-radius: 0;
    border: 0;
    /* margin: 2px; */
    /* border-left: 2px; */
    /* border-right: 2px; */
}

#accordion.wellbeinghub .card-header {
    /* background: white; */
    /* border: 0; */
    /* padding: 0rem; */
    border-radius: 0px;
}

#accordion.wellbeinghub button {
    color: #086ea1;
    position: relative;
    font-family: 'Open Sans';
    font-size: 1.2rem;
    line-height: 1.8rem;
    text-decoration: none;
    text-align: left;
    /* background: #f6f6f6; */
    /* width: 100%; */
    white-space: normal;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

#accordion.wellbeinghub button.collapsed:after {
    font-family: "Font Awesome\ 5 Pro";
    content: "\f107";
    font-size: 3rem;
    font-weight: 300;
}

#accordion.wellbeinghub button:after {
    font-family: "Font Awesome\ 5 Pro";
    content: "\f106";
    color: #086EA1;
    font-size: 3rem;
    font-weight: 300;
    border-left: 1px solid #979797;
    padding: 0.75rem 0 1rem 1rem;
}

.card-body.wellbeinghub {
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    /*background: #FFF;*/
    border-radius: 0rem 0rem 1rem 1rem;
}

.wellbeinghub.accordion.container {
    padding: 2rem;
    background: #e0f3fb;
}

.expandcollapse-divider {
    border-left: 1px solid #086EA1;
    opacity: 0.19;
    margin: 0 0.5rem 0 0.75rem;
    padding: 0.35rem 0;
}

.card.claims h3 {
    color: #FFF;
    background-color: #e0f3fb00;
    border-radius: 1rem 1rem 0rem 0rem;
    overflow: hidden;
    border: 0;
    padding-top: 8px;
    white-space: break-spaces;
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-full-hero-banner {
    background-size: cover;
    background-image: url(/carefirst-resources/responsive-full-width/images/homepage/member-home-family.jpg);
}

ul#myTab.wellbeinghub {
    /*display: flex;*/
    align-items: center;
    border: 0;
    /*justify-content: space-between;*/
    flex-wrap: nowrap;
}

ul.list-group {
    margin: 0;
}

.list-group li {
    margin: 0 1.5rem;
    padding: .5rem 0;
}

.wellbeinghub .key-components .list-group li:before {
    color: var(--green);
}

.wellbeinghub .resource-best .list-group li:before {
    color: var(--cfblue);
}

.wellbeinghub.catagories {
    background: #FFF;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, .125);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    padding: 1rem 0;
}

.wellbeinghub.card-title {
    background: var(--darkblue);
    padding: 1rem 2rem;
    border-radius: 1rem 1rem 0rem 0rem;
    color: #FFF;
    margin: 0;
}

#accordion .card:last-child {
    border-radius: 0rem 0rem 1rem 1rem;
}

#accordion .card:nth-child(even) {
    background-color: #FFF;
}

#accordion .card:nth-child(odd) {
    background-color: #f6f6f6;
}

#accordion .card:first-child {
    border-radius: 1rem 1rem 0rem 0rem;
    background-color: revert;
}

div#accordion {
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 1rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    z-index: 0;
    margin-bottom: 2rem !important;
}

.scrtabs-tab-scroll-arrow {
    width: auto;
}

.scrtabs-tab-container.scrtabs-bootstrap4 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    height: auto;
}

.scrtabs-tabs-fixed-container {
    height: unset;
}

.scrtabs-disable.scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-left.scrtabs-with-click-target {
    height: 100%;
    width: 2rem;
    align-content: center;
}

.header-subtitle {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    padding: 0rem 0 1rem 1rem;
}

.nutrition-fitness {
    /*background-image: linear-gradient(270deg, rgb(0 51 89 / 0%) 0%, #ffffff 110%), url(/carefirst-resources/responsive-full-width/images/wellbeinghub/nutrition-banner.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 11%;
    /*height: 50vh;*/
    display: flex;
    align-items: center;
    background: var(--darkorange);
    color: #FFF;
}

.behavioral-health {
    /*background-image: linear-gradient(270deg, rgb(0 51 89 / 0%) 0%, #ffffff 110%), url(/carefirst-resources/responsive-full-width/images/wellbeinghub/behavioral-banner.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 11%;
    /*height: 50vh;*/
    display: flex;
    align-items: center;
    background: var(--darkblue);
    color: #FFF;
}

.finances {
    /*background-image: linear-gradient(270deg, rgb(0 51 89 / 0%) 0%, #ffffff 110%), url(/carefirst-resources/responsive-full-width/images/wellbeinghub/finances-banner.png);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 11%;
    /*height: 50vh;*/
    display: flex;
    align-items: center;
    background: var(--darkteal);
    color: #FFF;
}

.family {
    background-image: linear-gradient(270deg, rgb(0 51 89 / 0%) 0%, #ffffff 110%), url(/carefirst-resources/responsive-full-width/images/wellbeinghub/family-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 11%;
    /*height: 50vh;*/
    display: flex;
    align-items: center;
    background: var(--darkpurple);
    color: #FFF;
}

/* Card Title */
.card-title.wellbeinghub i {
    font-size: 1.65em;
}

.card-title.wellbeinghub h3 {
  	font-family: Open Sans Semibold,'Open Sans';
    font-size: larger;
    color: #FFF;
    padding: 0 1rem;
    margin: 0;
}

.card.explore-options i,
.card.explore-options img {
    font-size: 2rem;
    height: 2.25rem;
}

.card-body.wellbeinghub li>* {
    color: initial;
    margin: 0;
    /*line-height: 2;*/
}

.wellbeinghub .list-group li:before {
    position: absolute;
    background-color: unset;
    margin: 0rem -1.5rem;
    content: "\f058";
    font-family: "Font Awesome\ 5 Pro";
    font-weight: 900;
}

.tab-content-container {
    margin: 1rem;
}

.btn-secondary {
    background: transparent;
    border: 1px solid #086ea1;
    color: #086ea1;
    text-shadow: none;
    padding: 0.4rem 1.2rem;
    text-decoration: none !important;
    font-weight: 600;
}
.expore-options-mobile {
    display: none;
}
.expore-options-desktop {
    display: block;
}
.no-border.accordion-expand-collapse {
    border: 0px;
}
button.scrtabs-arrow-btn.scrtabs-click-target {
    scroll-behavior: smooth;
}
button.scrtabs-arrow-btn.scrtabs-click-target {
  	font-size: 3rem;
}

/* Carousel /*

.carousel-inner img {
    min-height: auto;
    border-radius: 12px;
}

.withcare {
    font: 170px/205px Handsome Bold;
    letter-spacing: 0px;
    color: #0099CC;
    opacity: 1;
}

.button {
    font: 16px / 22px Open Sans;
    letter-spacing: 0px;
    color: #065172;
    padding: .5rem 2rem;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
}

header#home {
    background: #005172;
    display: flex;
    align-items: center;
}

#home a {
    z-index: 1;
    position: relative;
}

a, a:hover {
    text-decoration: none;
}*/

/* Additional Resources section */

.additional-resources {
    background: #f6f6f6;
    padding: 3rem 0;
}

.carousel.wellbeinghub {
    /*margin: 2rem 0;
    padding: 0;*/
}

.carousel-inner {
    height: 100%;
}

.carousel-item a {
    text-decoration: none!important;
    font-family: 'Open Sans';
    font-weight: bold;
    color: #086EA1!important;
}

.zoom {
    transition: transform .2s;
    /* Animation */
    margin: 0 auto;
    z-index: 1;
    position: relative;
}

.zoom:hover {
    -ms-transform: scale(1.25);
    /* IE 9 */
    -webkit-transform: scale(1.25);
    /* Safari 3-8 */
    transform: scale(1.25);
}

.title {
    color: var(--darkblue);
    font: 21px Open Sans;
    letter-spacing: 0px;
    line-height: 1.5;
    font-weight: bold;
}
span.subtitle {
    display: block;
    font: 14px Open Sans;
    color: var(--gray-dark);
}

p.body {
    font: 28px / 48px Open Sans;
    font-weight: lighter;
}

.font-handsome {
    font-family: Handsome Bold;
}

.font-oswald {
    font-family: Oswald;
}

.wellbeinghub .cards {
    padding: 1rem 1px;
}

 .wellbeinghub .card .col-10.col-md-3  p {
    font-size: medium;
   	padding-bottom: 0.5rem;
}

.learnmore.icon {
    color: var(--white);
    background-color: var(--cfinteractiveblue);
    margin: 0;
    font-size: 1.25rem;
    font-family: "Font Awesome 6 pro";
    content: "\f105";
    border-radius: 100%;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  	font-variant: normal;
}

.fa-angle-left:before, .fa-angle-right:before {
	text-shadow: none;
}

.wellbeinghub.carousel .card {
    flex: 0 2 100%;
    padding: 2rem;
    background: var(--white);
    border-radius: 1rem;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    scroll-snap-align: start;
    transition: all 0.2s;
    display: flex;
    height: 19rem;
    justify-content: space-between;
}

.wellbeinghub .card .card-link-wrapper {
    margin-top: auto;
}

.wellbeinghub .card p {
    margin: 0;
}

.container-fluid.wellbeinghub {
    display: flex
}

.carousel-indicators {
    display: none;
}

.carousel-control-prev.wellbeinghub, .carousel-control-next.wellbeinghub {
    position: relative;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    opacity: 1;
    z-index: 1;
    align-items: flex-end;
    left: 0;
    margin: 0 .5rem;
    text-decoration: none!important;
}

.carousel-arrow.icon {
    color: var(--white);
    background-color: var(--cfinteractiveblue);
    margin: 0;
    font-size: x-large;
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f105";
    border-radius: 25%;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-variant: normal;
}

.carousel-arrow.fa-angle-left.icon {
    color: var(--cfinteractiveblue);
    background-color: var(--white);
    border: 1px solid var(--cfinteractiveblue);
    margin: 0;
    font-size: x-large;
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    content: "\f105";
    border-radius: 25%;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-variant: normal;
}

.wellbeinghub .carousel-control-prev img,
.wellbeinghub .carousel-control-next img {
    height: 2rem !important;
    width: fit-content;
}

.scroll-for-more-container {
    /*position: absolute;
    bottom: 2rem;
    right: 2rem;*/
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 1rem 0;
}


/* Financial Rewards section */
.financial-rewards.background {
    background-image:
    linear-gradient(to right, var(--darkorange) 50%, var(--lightorange) 50%);
}

.card.financial-rewards {
    background: var(--white);
    padding: 1.5rem;
    border-radius: 13px;
    flex-direction: row;
    margin-bottom: 1.5rem;
  	height: fit-content;
    min-height: 15%;
    width: 90%;
}

.financial-rewards.section .card.financial-rewards div:first-child {
    text-align: center;
    align-content:center;
    border-right: 1px solid #dee2e6;
    padding: 0px 1rem;
}

.financial-rewards.section .card.financial-rewards div:last-child {
    /*text-align: left;
  	-ms-flex-item-align: center;
    align-self: center;
    max-width: 75%;*/
    padding: 0px 2rem;
}

.card.financial-rewards a.stretched-link {
    text-decoration: none!important;
}
.card.financial-rewards a.stretched-link:hover {
    text-decoration: underline!important;
}

.financial-rewards.section .card.financial-rewards h3 {
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--cfinteractiveblue);
}

.financial-rewards.section  .card.financial-rewards p {
    color: var(--gray-dark);
  	margin: 0;
}

.financial-rewards.section {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin: 0;
}

.financial-rewards.section .container {
    /*padding: 5rem 5rem 5rem 0rem;*/
    -ms-flex-line-pack: distribute;
    align-content: space-around;
  	background: var(--darkorange);
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}

.financial-rewards.section .container-2 {
    /*padding: 5rem;*/
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    background: var(--lightorange);
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.financial-rewards.section .container-2 img {
    padding: 2rem;
}

.financial-rewards.section header {
    font-size: 2.25em;
    font-weight:bold;
    line-height: initial;
    color:var(--white);
}

.financial-rewards.section .container p {
    color:var(--white);
}

.financial-rewards.section .container-2 .banner-image-doodle-3 {
    position: absolute;
    top: 4rem;
    left: 1rem;
}

.financial-rewards.section .container div:first-child {
    padding-top: 5rem;
}

.financial-rewards.section .container .card.financial-rewards:last-child {
    margin-bottom: 5rem;
}

.financial-rewards.section .container-2 {
    padding: 5rem 1rem;
}

/* Have a question? section */
#accordion.questions button {
    color: #086ea1;
    position: relative;
    font-family: 'Open Sans';
    font-size: 1.2rem;
    line-height: 1.8rem;
    text-decoration: none;
    text-align: left;
    background: #fff;
    width: 100%;
    white-space: normal;
    display: flex;
    padding: 0;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

#accordion.questions button.collapsed:after {
    font-family: "Font Awesome\ 5 Pro";
    content: "\f13a";
    font-size: 1.75rem;
    font-weight: 300;
}

#accordion.questions button:after {
    font-family: "Font Awesome\ 5 Pro";
    content: "\f139";
    color: #086EA1;
    font-size: 1.75rem;
    font-weight: 300;
}

#accordion.questions {
    border: none !important;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 2rem !important;
}

#accordion.questions .card-header {
    padding: 1rem;
}

#accordion.questions .card {
    border-bottom: 1px solid rgba(0,0,0,.125)!important;
    border: 0;
    background: var(--white);
}

#accordion.questions .card:first-child {
    border-top: 1px solid rgba(0,0,0,.125)!important;
    border-radius: 0rem;
}

#accordion.questions .card:last-child {
    border-radius: 0rem;
}

.card-header h5 {
    margin: .5rem 0;
    padding: 0;
}

.questions.section {
    padding: 4rem 0;
}

.questions.section h2 {
    font-weight: bold;
    font-size: x-large;
    line-height: 1.5;
}

.questions.section .card-body {
    border-top: 1px solid #dee2e6;
    padding: 1rem;
}

.questions.section .card-body li>* {
    margin: 0;
}

.questions.section .card-body li h3 {
    font-family: Open Sans Semibold, Open Sans;
  	color: #303030;
}

.questions.section .list-group li:before {
    background: #000;
}

.questions.section .list-group.specific-programs li {
    margin:0;
}

.questions.section .list-group.specific-programs li:before {
    display: none;
}

.questions.section .col-12 h2 {
    font-size: large;
    font-weight: normal;
    padding: 0;
    line-height: 1.5;
    margin-bottom: 1rem;
}

/* Tool tip Component */
.wellbeinghub .tooltip.show {
    opacity: 1;
}

.wellbeinghub .tooltip-inner {
    max-width: 400px;
    padding: 1rem;
    color: #000;
    text-align: center;
    background-color: #fff;
    border-radius: .5rem;
    box-shadow: 5px 10px 20px 6px #8888884d;
}

.tooltip .tooltip-inner {
	background:var(--cfwhite);
	color:#121212;
	box-shadow: 5px 10px 20px 6px #8888884d;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .6rem .6rem 0;
    border-top-color: #fff;
}

.wellbeinghub i.fa-circle-info.fa-solid {
    color: var(--cfinteractiveblue);
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    font-size: 1.25rem;
}
/* BUG FIX for first accordion not working correctly */
.-container.accordion.wellbeinghub {
    display: none;
}

/* Catagory */
li.btn.nav-item {
    width: 21%;
}

/* Media Queries */


/* Tab Padding when it appears */
@media (max-width: 1535px) {
ul#myTab.wellbeinghub {
    padding: 0 1rem;
}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 360px) and (max-width:767px) {
    .banner-image {
        margin: -8rem 1rem -4rem;
    }

    .banner-image-doodle-1 img, .banner-image-doodle-2 img, .banner-image-doodle-3 img {
        transform: scale(0.6);
    }

    .financial-rewards.section .container-2 .banner-image-doodle-3 {
    position: absolute;
    top: 0rem;
    left: 0rem;
    }  
  
    .financial-rewards.section .container-2 {
    padding: 1rem;
    }  
	
  	.tab-content-container {
        padding:0px;    
    }
    .card-title.wellbeinghub h3 {
        font-size: large;
    }
    .additional-resources,.questions.section {
    padding: 1rem 0;
    }
    h1#pageHeading, .tab-content-container h2, .additional-resources h2, .financial-rewards.section header, .questions.section h2 {
        font-size: x-large!important;
    }
  
    #accordion.wellbeinghub button {
        position: absolute;
        right: 0;
    }

    .key-components {
        padding-top: 1rem;
    }
    .expore-options-mobile {
        display: block;
    }
    .explore-options-desktop.pr-5 {
        display: none;
    }
    div.nutrition-fitness .row::after, div.behavioral-health .row::after, div.finances .row::after, div.family .row::after {
        display:none;
    }

	.financial-rewards.section .container {
        padding:15px;
    }
    .card.financial-rewards {
        height:revert;
        width: 100%;
        padding: 1.5rem 0;
    }
}
/* Small devices (landscape phones, 991px and up) */
@media (max-width: 991px) {
    .carousel.wellbeinghub.mobile-only {
        display: block;
    }
  	.financial-rewards.section .col-12.col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
    .card.financial-rewards {
        height:revert;
    }
  	.banner-image img.img-fluid {
    	height: revert;
	}	
  	li.btn.nav-item {
    width: revert;
}
}

/* Large devices (Extra large, 1200px and up) */
@media screen and (min-width: 1200px) {
.explore-options {
    /*width: 220px;*/
}
}