/* Globals */
* {
    box-sizing: border-box;
}


:root {
    --darkestblue: #133A63;
    --blue: #3898D4;
    --lightblue: #BDD4EE;
    --lightestblue: #E0EBF7;
    --lightest: #FFF;
    --gold: #DC902D;
}

/* Accessible Color Contrast Updates */
:root {
    --ada_lightBlueForeground: #207AB6; /* Replacing: 3498db */
    --ada_lightBackground: #fcfcfc; /* Replacing: FAFAFA */
    --ada_lightGrayText: #666; /* Replacing: 777 */
    --ada_darkGrayText: #333; /* Replacing: 777 */
}
input::placeholder { opacity: 1.0; color: var(--ada_lightGrayText); }

@font-face {
    font-family: "poppins-bold";
    /*src: url("/wp-content/themes/bridge/care-compass-2.0/fonts/poppins/Poppins-bold.ttf");*/
    src: url("/wp-content/themes/bridge/care-compass-2.0/fonts/montserrat/Montserrat-VariableFont_wght.ttf");
}
@font-face {
    font-family: "poppins";
    /*src: url("/wp-content/themes/bridge/care-compass-2.0/fonts/poppins/Poppins-regular.ttf");*/
    src: url("/wp-content/themes/bridge/care-compass-2.0/fonts/montserrat/Montserrat-VariableFont_wght.ttf");
}
body.careCompass2, .editor-styles-wrapper {
    margin: 0px;
    padding: 0px;
    background: linear-gradient(#EEED, #EEED), url("/wp-content/themes/bridge/care-compass-2.0/shapelined-_JBKdviweXI-unsplash.jpg") center/cover !important;
    font-size: 12pt;
    font-family: poppins, sans-serif;
    font-weight: normal;
}
.text-white { color: #FFF !important; }

.agenciesTable {
    width: 80%;
    margin: auto;
    text-align: center;
}
.agenciesTable td, .agenciesTable th { padding: 15px; vertical-align: top; }
.agenciesTable th { background-color: #EAEAEA; text-align: right; }
.agenciesTable td { font-weight: normal; text-align: left; }

/* Head */
header {
    
}
header>.head {
    min-height: 130px;
    padding: 15px;
}
header .logo {
    display: block;
    float: left;
    height: 100px;
    width: auto;
    margin-right: 25px;
}
header h2 {
    margin: 0px !important;
    padding: 0px;
    padding-top: 10px;
}
header h2, header h2>a, header h2>a:visited {
    font-family: poppins-bold, sans-serif;
    font-weight: 700;
    text-decoration: none;

    font-size: 32px;
    line-height: 38.4px;
    color: var(--ada_lightBlueForeground); text-transform: none; letter-spacing: 1px;
}

.altMenu { background-color: #CCC5; }
.altMenu .item {
    display: inline-block; padding: 12px 18px; margin: 0px;
    color: #555; text-decoration: none;
    font-variant: small-caps; font-weight: bold; text-align: center; vertical-align: top;
}

.altMenu .loginBox { float: right; text-align: right; }
.loginBox .quantumLogoContainer {
    position: relative; top: -55px; height: 0px; margin-right: 5px;
    text-align: right;
}
.loginBox .quantumLogo { height: 29px; width: auto; }

.loginBox .headerFinePrint {
    position: relative; top: -20px; height: 0px; margin-right: 5px;
    font-family: poppins-bold, sans-serif;
    font-weight: 600;
    font-size: 10pt;
}

a.loginHeader, a.loginHeader:visited { background-color: #DC902D; color: white; }
a.loginHeader:hover, a.loginHeader:active { text-decoration: underline; }

a.registerHeader, a.registerHeader:visited {}
a.registerHeader:hover, a.registerHeader:active { text-decoration: underline; }

a.facebookHeader, a.facebookHeader:visited {}
a.facebookHeader:hover, a.facebookHeader:active { background-color: #FFF3;}

a.phoneHeader, a.phoneHeader:visited {}
a.phoneHeader:hover, a.phoneHeader:active { background-color: #FFF3;}

@media screen and (max-width: 590px) {
    .noMobile { display: none; }
    .altMenu { text-align: right; }
    .altMenu .item { display: block; width: 100%; }
    .altMenu .loginBox { float: none; text-align: center; display: block; width: 100%; }
    .altMenu .item.phoneHeader { font-size: 9pt; display: inline-block; width: auto; padding: 5px 8px; }
    .altMenu .item.facebookHeader { font-size: 9pt; display: inline-block; width: auto; padding: 5px 8px; }
    
    .altMenu .item.loginHeader { display: inline-block; width: 49%; padding: 8px 14px; }
    .altMenu .item.registerHeader { display: inline-block; width: 49%; padding: 8px 14px; }
}
@media screen and (max-width: 515px) {}

nav {
    background-color: var(--darkestblue);
    text-align: center;
}
nav>a, nav>a:visited {
    display: inline-block;
    color: white;
    font-weight: 600;
    padding: 7px 30px;
    text-decoration: none;
}
@media screen and (max-width: 515px) { nav>a, nav>a:visited { display: block; } }
nav>a:hover, nav>a:active {
    background-color: #FFF2;
    color: #eebe3b;
}

/* Head V2*/
.topHeader { display: grid; grid-template-columns: 430px 1fr; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; }
.siteTitle { display: grid; grid-template-columns: auto 1fr; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; }
.siteTitle .logo { display: block; float: none; height: 70px; width: auto; margin: 20px 10px; }
.siteTitle h2 { margin: 20px 0px !important; padding: 0px; line-height: 1; }
.siteTitle h2, .siteTitle h2>a, .siteTitle h2>a:visited { font-family: poppins-bold, sans-serif; font-weight: 700; font-size: 28px; text-decoration: none; color: #3498db; letter-spacing: 0px; line-height: 1; }
.siteTitle h2 a.subTitle, .siteTitle h2 a.subTitle:visited { font-weight: normal; color: #123164; text-transform: uppercase; font-size: 15pt; }
.topHeader .loginBox { text-align: right; font-weight: bold; font-size: 10pt; margin: 20px 0px !important; padding-right: 15px; }
.topHeader .loginBox .btn-login, .topHeader .loginBox .btn-login:visited {display: inline-block; padding: 7px 14px; margin: 7px 0px; background-color: #3498db; color: white; text-decoration: none; border: none; border-radius: 10px; font-weight: bold; font-size: 14pt; font-family: poppins, sans-serif; }
.topHeader .loginBox .btn-login:hover, .topHeader .loginBox .btn-login:active { background-color: #3498dbCC; }

#topMenu1 { padding: 0px; text-align: center; background-color: #133a63; }

#topMenu1 .menu-link {
    display: block; width: 100%; margin: 0px 2px; padding: 17px 30px;
    color: #FFF; font-size: 12pt; font-family: poppins, sans-serif; text-decoration: none; font-weight: 600;
    background: none; border: none; border-radius: 0px;
}
#topMenu1 .menu-link:hover { background-color: #FFF2; color: #eebe3b; }
@media screen and (max-width: 600px) { #topMenu1 .menu-link { padding: 9px; } }

#topMenu1>ul { display: grid; grid-template-columns: 1fr repeat(3, auto) 1fr; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; margin: 0px; padding: 0px; }
@media all and (max-width: 467px) { #topMenu1>ul { grid-template-columns: 1fr; grid-template-rows: 0px auto auto auto 0px; } }
#topMenu1 .menu-item { display:block; }


@media screen and (max-width: 815px) {
    .topHeader { display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto; grid-column-gap: 0px; grid-row-gap: 0px; }
    .siteTitle .logo { height: 50px; margin: 12px 5px 5px 5px; }
    .siteTitle h2 { margin: 5px !important; }
    .topHeader .loginBox { text-align: right; margin: 5px 0px !important; padding: 0px 5px; }
}




/* Footer */
.preFooter {
    padding: 25px; text-align: center;
}
.footerIcon { display: block; height: 100px; width: auto; margin: 7px auto; background-color: white; }
.preFooter>a {
    display: inline-block; height: 170px; width: 200px; margin: 10px; vertical-align: top;
    background-color: #FFF; color: var(--darkestblue); border: 3px solid var(--darkestblue); border-radius: 15px;
    text-decoration: none; font-family: 'poppins-bold';
    font-weight: 600;
}
footer>a, footer>a:visited {
    padding: 14px;
    display: inline-block;
    color: white;
    text-decoration: none;
}
footer>a:hover, footer>a:active {
    text-decoration: underline;
}
footer {
    margin: 0px;
    padding: 20px;
    background-color: var(--darkestblue);
    text-align: center;
    color: white;
}
footer>.mini { font-size: 9pt; }
footer>a.mini, footer>a.mini:visited { padding: 7px; }
footer>a.mini:hover, footer>a.mini:active { text-decoration: underline; }


/* Body */
main {
    /*background: url("/wp-content/themes/bridge/care-compass-2.0/shapelined-_JBKdviweXI-unsplash.jpg") center/cover;*/
    padding: 2px 0px;
}
main a.btn.btn-primary, main a.btn.btn-primary:visited,
.editor-styles-wrapper a.btn.btn-primary, .editor-styles-wrapper a.btn.btn-primary:visited {
    display: inline-block;
    background: var(--gold);
    border-color: var(--gold);
    margin: 10px 0px; padding: 7px 30px;
    color: white;
    text-transform: uppercase;
    font-size: 16pt;
    font-family: "poppins";
    font-weight: 600;
}
main a.btn.btn-primary:hover, main a.btn.btn-primary:active,
.editor-styles-wrapper a.btn.btn-primary:hover, .editor-styles-wrapper a.btn.btn-primary:active {
    text-decoration: underline;
}
main #mc-embedded-subscribe.button, main #mc-embedded-subscribe.button:visited,
.editor-styles-wrapper #mc-embedded-subscribe.button, .editor-styles-wrapper #mc-embedded-subscribe.button:visited,
main a.btn.btn-secondary, main a.btn.btn-secondary:visited,
.editor-styles-wrapper a.btn.btn-secondary, .editor-styles-wrapper a.btn.btn-secondary:visited {
    display: inline-block;
    background-color: transparent;
    height: auto;
    line-height: 30px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: color .1s linear, background-color .1s linear, border-color .1s linear;
    border: 2px solid var(--ada_lightBlueForeground);
    border-radius: 4px;
    padding: 5px 10px;
    color: var(--ada_lightGrayText);
    font-weight: 700;
    text-decoration: none;
}
main #mc-embedded-subscribe.button:hover, main #mc-embedded-subscribe.button:active,
.editor-styles-wrapper #mc-embedded-subscribe.button:hover, .editor-styles-wrapper #mc-embedded-subscribe.button:active,
main a.btn.btn-secondary:hover, main a.btn.btn-secondary:active,
.editor-styles-wrapper a.btn.btn-secondary:hover, .editor-styles-wrapper a.btn.btn-secondary:active {
    color: #FFF;
    background-color: #083863;
    border-color: #083863;
}
.editor-styles-wrapper a, .editor-styles-wrapper a:visited,
main a, main a:visited {
    font-family: "poppins-bold";
    text-transform: uppercase;
    color: var(--darkestblue);
    font-weight: 700;
    text-decoration: none;
}
.editor-styles-wrapper a:hover, .editor-styles-wrapper a:active,
main a:hover, main a:active {
    text-decoration: underline;
}



/*WORDPRESS BLOCK EDITOR*/
.has-text-align-center { text-align: center; }
.has-text-align-right { text-align: right; }
.wp-block-columns { display: grid; grid-auto-columns: 1fr; grid-template-rows: 1fr; grid-auto-flow: column; }
@media screen and (max-width: 600px) { .wp-block-columns { display: block; } }
.wp-block-column {}
h4 { font-size: 16pt; }
h5 { font-size: 14pt; }
h6 { font-size: 14pt; }
.wp-block-buttons { display: block; }
.wp-block-button { display: inline-block; }
.wp-block-button__link {
    display: inline-block;
    background-color: var(--gold);
    margin: 10px 0px;
    padding: 7px 30px;
    color: white;
    text-transform: uppercase;
    font-size: 16pt;
    font-family: "poppins";
    font-weight: 600;
}
.wp-block-table {  }
.wp-block-table>table { width: 100%; }
.wp-block-cover { width: 100%; }
.wp-block-cover__image-background {  }
.wp-block-cover__inner-container {  }
.wp-block-image {  }
.wp-block-image>img {  }
.wp-block-media-text { display: grid; grid-auto-columns: 1fr; grid-template-rows: 1fr; grid-auto-flow: column; }


/* Benefits Enrollment */
main #content .toolsBlock h4 { color: #FFF; }
main .toolsBlock a.btn.btn-primary {
    display: block; width: fit-content; padding: 10px 15px; margin: 1rem auto;
    border: 2px solid #FFF; border-radius: 4px; background-color: transparent;
    font-size: 12px; text-transform: uppercase; letter-spacing: 1px; transition: color .1s linear, background-color .1s linear, border-color .1s linear;
    color: #FFF; font-family: "poppins-bold"; font-weight: 700;
    
}
main .toolsBlock a.btn.btn-primary:hover { background-color: #0003; text-decoration: none; }
main .toolsBlock a.btn.btn-secondary {
    background-color: #FFF2;
    display: block; width: fit-content; padding: 2px 10px; margin: 7px auto;
    color: #FFF; border-radius: 8px; border: none; font-weight: normal; text-transform: none; font-family: poppins;
}
main .toolsBlock a.btn.btn-secondary:hover { background-color: #FFF4; }
main .toolsBlock .disclaimer {
    font-size: 9pt; font-style: italic;
}


/* Special for block editor */
.editor-styles-wrapper>* { max-width: 850px; margin: auto; font-family: poppins, sans-serif; }




.responsive-image>img { width: 100%; height: auto; }

.btn-info, .btn-info:visited { color: #FFF; background-color: var(--ada_lightBlueForeground); border-color: var(--ada_lightBlueForeground); font-family: poppins; text-transform: none; border-radius: 10px; }
.btn-info:hover, .btn-info:active { opacity: 0.75; }


#topMenu2 { display: block; }
#topMenu2 ul { display: block; padding: 0px; margin: 0px; }
#topMenu2 .submenu { overflow: hidden; max-height: 0px; /*opacity: 0;*/ }
#topMenu2 .submenu.show { display: block; background-color: #eaeaea; padding: 10px 20px; max-height: 0px; /*opacity: 1;*/ animation-name: showMenu; animation-duration: 0.5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
@keyframes showMenu {
    from { max-height: 0px; /*opacity: 0;*/ }
    to { max-height: 1000px; /*opacity: 1;*/ }
}
#topMenu2 .submenu>h2 { margin: 0px; padding: 5px; border-bottom: 1px solid #499ed3; font-size: 14pt; color: #499ed3; }
#topMenu2 .subsubmenu { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; }
#topMenu2 .subsubmenucol { margin: 25px 0px; border-right: 1px solid #AAA; text-align: left; }
#topMenu2 .subsubmenucol:last-child { border: none; }
#topMenu2 .subsubmenucol:nth-child(2) { margin-left: 25px; margin-right: 25px; }
#topMenu2 .menu-item {  }
#topMenu2 .menu-link {
    display:block; padding: 8px 5px; margin: 0px;
    text-decoration: none; font-weight: 600; background: none; border: none; border-radius: 0px; color: #555; 
}
#topMenu2 .menu-link:hover { background: #FFF5; }
#topMenu2 .menu-text {
    padding: 8px 5px; opacity: 0.5;
}



@media all and (max-width: 650px) {
    #topMenu2 .subsubmenu { grid-template-columns: 1fr; grid-template-rows: auto auto auto; grid-column-gap: 0px; grid-row-gap: 0px; }
    #topMenu2 .subsubmenucol { margin: 0px; border: none; }
    #topMenu2 .subsubmenucol:nth-child(2) { margin-left: 0px; margin-right: 0px; }
}

.onlyForEditor { display: none; }



.dropdownButton {
    padding: 10px;
    border: none;
    border-radius: 7px;
    font-size: 14pt;
    background: #2895d2;
    color: #FFF;
    text-align: left;
}
a.dropdownItem, a.dropdownItem:visited, a.dropdownItem:active, a.dropdownItem:hover {
    color: #FFF;
    font-weight: normal;
    font-size: 10pt;
    text-transform: none;
}
a.dropdownItem:hover {
    background: #2895d2;
}
.dropdown:not(.open) {
    display: none;
}
main .dropdownButton {
    margin-bottom: 0px;
    width: 100%;
}
.dropdown {
    overflow: hidden;
    position: relative;
    margin-top: -5px;
    padding-top: 5px;
}
.dropdown {
    background: #2380bb;
    color: #FFF;
}
@keyframes dropdown_open {
    from {
        max-height: 0px;
    }
    to {
        max-height: 500px;
    }
}
.dropdown.open {
    animation-duration: 0.5s;
    animation-name: dropdown_open;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-timing-function: ease-out;
    max-height: 500px;
}
@keyframes dropdown_close {
    from {
        max-height: 500px;
    }
    to {
        max-height: 0px;
    }
}
.dropdown:not(.open) {
    animation-duration: 0.5s;
    animation-name: dropdown_close;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-timing-function: ease-out;
    max-height: 0px;
}
.dropdownItem {
    display: block;
    padding: 5px 10px;
}


.wp-block-separator.partnershipLine, .partnershipLine { 
    border: none;
    border-bottom: 2px solid #c2373b;
    display: block; height: 0px; width: 65%; margin: 15px auto; overflow: hidden; opacity: 1;
}

.btn-partnership, .btn-partnership:visited { color: #FFF; background-color: #c2353a; border-color: #c2353a; font-family: poppins; text-transform: none; border-radius: 10px; }
.btn-partnership:hover, .btn-partnership:active { opacity: 0.75; }

.partnershipDropdown { background-color: #EEE; color: #222; }
.partnershipDropdown>.dropdownItem, .partnershipDropdown>.dropdownItem:visited { color: #222; }
.partnershipDropdown>.dropdownItem:hover, .partnershipDropdown>.dropdownItem:active { background-color: #DDD; }

.brightHighlightText { /*padding: 10px; border-radius: 10px; background-color: #FFF2;*/ }