/* 
Orginized (mostly) by elements top to bottom on the home.html page.
Attempted to group media queries logically per large section (e.g. header, footer, home page, etc.) These could be combined into larger media queries if desired.
*/

a {
    color: var(--sapphire);
}
.footer a {
    color: #FFF;
}
a:hover {
    color: var(--aqua-dk1);
}
ol.clickwrap-list-numbers {
    margin-left: 25px;
    list-style-type: decimal;
}
ol.clickwrap-list-letters {
    margin-left: 50px;
    list-style-type: lower-alpha;
}
h1 {
    /* Title */
    width: 1100px;
    height: 72px;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 900;
    font-size: 48px;
    line-height: 72px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #14516E;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}
.cool-button {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;
    text-decoration-line: none;
    color: #FFF;
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    background: var(--sapphire);
    border-radius: 2px;
}
.cool-button-nofill {
    background-color: #FFF;
    color: var(--sapphire);
    border: 2px solid var(--sapphire);
}
.cool-button:hover {
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);
}
.cool-button:active {
    background-color: var(--sapphire-dk1);
    /* box-shadow: none; */
}
.cool-button-nofill:active {
    background-color: #F5F5F5;
    box-shadow: none;
}
.main-navigation__item-link {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #3A3A3A;
    flex: none;
    order: 0;
    flex-grow: 0;
    border-radius: 2px;
    height: 50px;
}
.login-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    color: var(--sapphire);
    background-color: #FFF;
    font-weight: 700;
    text-decoration: none;
    min-width: 112px;
    height: 50px;
    padding: 8px 16px;
    gap: 0 8px;
    border-radius: 2px;
}
.topic-list-container {
    margin-bottom: 53px;
}
.topic-list-container h1 {
    font-size: clamp(2rem, 7.5vw, 46px);
}
.topic-lists-row{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}
.topic-list-item {
    min-width: 538px;
    height: 37px;
    margin-top: 1rem;
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 400;
    font-size: clamp(1.3rem, 1vw, 22px);
    line-height: 37px;
    text-decoration-line: underline;
    color: #14516E;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

@media only screen and (min-width: 650px) {
    .topic-list-container h1 {
        font-size: 48px;
    }
    .topic-list-item {
        font-size: 24px;
    }
}

/* Switches to row flex with larger screen size */
@media only screen and (min-width: 900px) {
    .topic-lists-row {
        flex-direction: row;
    }
    .topic-lists-row ul {
        flex: 1 1 0;
        min-width: 0;
    }
}


/* ************ */
/* Begin header */
/* ************ */

/* Base Styles */
.header__eyebrow-main {
    width: 100%;
    background-color: #14516E;
}
.eyebrow-menu {
    padding: 12px 0px;
    color: var(--aqua-lt2);
    fill: var(--aqua-lt2);
    --iconColor: var(--aqua-lt2);
}
.header__main-navigation {
    padding-right: 30px;
    padding-left: 30px;
}
.header__eyebrow-navigation {
    background-color: var(--sapphire);
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    padding: 12px 30px;
    gap: 10px;
    height: 56px;
    width: 100%;
}

/* Tablet Styles */
@media only screen and (min-width: 650px) {
    .header__main-navigation {
        padding-right: 120px;
        padding-left: 120px;
    }
    .header__eyebrow-navigation {
        justify-content: center;
        height: 56px;
        padding: 12px 120px 12px 120px;
        max-width: 1696px;
        width: 100%;
        margin: auto;
    }
    .header_eyebrow_logo-navigation {
        padding: 0px 0px 0px 0px;
    }
    .header__logo {
        padding-top: 8.5px;
    }
    .eyebrow-menu {
        padding: 0px 0px 0px 0px;
    }
    .login-button {
        background-color: var(--sapphire);
        color: #FFF;
    }
    .main-navigation {
        display:none
    }
    .small-main-navigation-toggle {
        --buttonBackgroundColor: #fff;
        --collapsedTextColor: #3a3a3a;
        --expandedTextColor: #3a3a3a;
        --iconFillColor: #3a3a3a;
        align-items: center;
        cursor: pointer;
        display: flex;
        margin-left: auto;
        position: relative
    }
}

/* Desktop Styles */
@media only screen and (min-width: 1500px) {
    .header__main-navigation {
        padding-right:120px;
        padding-left: 120px;
    }
    .small-main-navigation-toggle {
        display: none;
    }
    .main-navigation {
        --itemLinkIconColor: #88c965;
        --itemLinkTextColor: #3a3a3a;
        --itemLinkBorderColorActive: smokeDarkest;
        --itemLinkBorderColorFocus: #3a3a3a;
        --itemLinkBackgroundColorActive: #efefef;
        align-items: center;
        display: flex
    }
    .eyebrow-menu {
        padding: 0px 0px 0px 0px;
    }
}

.header_eyebrow_logo-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 21px;
    padding: 0px 0px 0px 0px;
}
.header__eyebrow-logo {
    display: inline-flex;
    height: 21px;
}
.header_logo_svg {
    display: inline-flex;
}

.eyebrow-menu__item-link {
    font-size: 20px;
}
.eyebrow-menu__item-link:active {
    text-decoration-line: none;
}
.eyebrow-menu__item-icon:active {
    text-decoration: none;
    color: #FFF;
    fill: #FFF;
}

.eyebrow-menu__item-link--is-active,.eyebrow-menu__item-link:active,.eyebrow-menu__item-link:focus,.eyebrow-menu__item-link:focus-within,.eyebrow-menu__item-link:hover {
    color: var(--itemFocusColor);
    font-weight: 700;
    text-decoration: none;
}

.header__logo {
    padding-top: 2.5px;
    margin-right: 20px;
}

.main-navigation__list {
    gap: 0 24px;
}

.main-navigation__item-link-icon-container .down-toggle-icon__shape,.search_toggle,.search-toggle__icon-close svg path,.search-toggle__icon-open svg path {
    fill: var(--sapphire);
}
.search-toggle {
    line-height: 1;
    padding: 16px 13px;
}
.search-toggle__icon-open {
    height: 18px;
    width: 18px;
}
.footer {
    --listLinkTextColorActive: var(--aqua-dk1);
}

.footer__label {
    color: var(--aqua-lt2);
}
.footer__contact-email:active,.footer__contact-email:focus,.footer__contact-email:hover,.footer__contact-phone:active,.footer__contact-phone:focus,.footer__contact-phone:hover,.social-links__item-link:hover {
    color: var(--listLinkTextColorActive);

}
/* .footer__links-list-item-link:active svg path,.footer__links-list-item-link:focus svg path,.footer__links-list-item-link:hover svg path {
    fill: var(--aqua-dk1);
} */
.footer__links-list {
    flex: 11;
    margin-bottom: 0px;
}
.footer__information {
    flex: 5;
    margin-bottom: 0px;
}
.footer__brand-link:active svg path, .footer__brand-link:focus svg path, .footer__brand-link:hover svg path {
    fill: var(--listLinkTextColorActive);
}
.footer__contact-address {
    margin: auto;
    padding: 0px 0px 0px 0px;
}
.footer__social {
    margin:auto;
    padding: 26px 0px 0px 0px;
}
.social-links {
    margin: auto;
    padding: 5px 0px 0px 0px;
}
.footer__address {
    font-weight: 700;
    line-height: 30px;
    text-decoration-line: none;
}
.footer__contact {
    flex: 2;
    padding: 0px 0px 0px 0px;
}
/* ********** */
/* End header */
/* ********** */


/* *************** */
/* Begin home page */
/* *************** */
.page-content {
    padding: 0px 30px;
}
.page__content--gray {
    background-color: #F5F5F5;
}
.generic-content-block {
    margin: auto;
    padding: 100px 0px 100px 0px;
    max-width: 1100px;
}

/* Home page Base Styles */
.hero-banner {
    padding: 50px 30px;
    width: 100%;
    background: var(--sapphire);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    gap: 24px;
    background: #14516E;
    font-size: clamp(2rem, 4vw, 44px);
}

.hero-banner div,img {
    align-self: center;
}

@media only screen and (min-width: 750px) {
    .hero-banner {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 100px 240px;
        height: 412px;
    }
}
.hero-banner_inner_wrapper {
    /* Title */
    padding: 41px 0px 41px 0px;
    height: auto;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 900;
    line-height: 65px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
}
.hero-banner_statement {
    max-width: 864px;
    font-size: 1em;
    line-height: 1.4;   
}
.inline-search-banner {
    background: #F5F5F5;
    width: 100%;
    margin: auto;
    padding: 48px 30px;
}
.inline-search-banner-content {
    display: flex;
    flex-direction: column;
    padding: 48px 0px;
    gap: 24px;
    margin: auto;
    min-height: 218px;
    height: auto;
    max-width: 1100px;
}
.inline-search-banner-content.dark-background {
    background-color: #0B3447;
}
.inline-search-banner_title {
    max-width: 1100px;
    min-width: 0;
    min-height: 45px;
    height: auto;
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 45px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #14516E;
    font-size: clamp(24px, 2.5vw, 32px);
}
.inline-search-banner-light_title {
    max-width: 1100px;
    min-width: 0;
    min-height: 45px;
    height: auto;
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 45px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #F5F5F5;
    font-size: clamp(24px, 2.5vw, 32px);
}
/* Primary Search Bar */
.inline-search-banner .search-form__container {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: start;
    min-width: 0;
    max-width: 1100px;
    background: #FFFFFF;
    border: 1px solid #14516E;
    border-radius: 5px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    height: 53px;
}
.inline-search-banner_search-box .search-form__input {
    padding: 8px 24px;
    cursor: text;
}
.inline-search-banner_search-box .search-form__submit-icon {
    fill: var(--sapphire);
}
.search-form__input {
    color: var(--sapphire);
    width: 100%;
    font-family: 'Lexend';
    font-size: clamp(16px, 3vw, 24px);
}

/* ************************************************* */
/* Begin Inline Search Bar that expands and collapses*/
/* ************************************************* */
.search-form__submit-icon-inline {
    display: block;
    line-height: 18px;
    padding-right: 25px;
    cursor: text;
}
.search-form__submit-icon-inline[data-expanded="false"] {
    display: none;
}
.search-form__magnifying-glass-button {
    cursor: pointer;
}
.search-form__cancel-icon-inline {
    display: block;
    padding-right: 25px;
}
.search-form__cancel-icon-inline[data-expanded="false"] {
    display: none;
}
.search-form__cancel-icon-button {
    cursor: pointer;
}
.search-form__submit-inline {
    display: block;
    background: #14516E;
    min-width: 134px;
    min-height: 53px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0px 7px 0px 7px;
    cursor: pointer;
}
.search-form__submit-inline[data-expanded="false"] {
    display: none;
}
.search-form__submit-text {
    font-family: Lexend;
    font-weight: 400;
    font-size: 24px;
    line-height: 37px;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-left: 10px;
}
/* *********************************************** */
/* End Inline Search Bar that expands and collapses*/
/* *********************************************** */

/* Home page Tablet Styles */
@media only screen and (min-width: 650px) {
    .hero-banner {
        padding: 50px 120px;
    }
    .inline-search-banner {
        padding: 48px 120px;
    }
    .page-content {
        padding: 0px 120px 0px 120px;
    }
}

/* Home page Desktop Styles */
@media only screen and (min-width: 1500px) {
    .hero-banner_statement{
        font-size: 44px;
    }
}
/* ************* */
/* End home page */
/* ************* */


/* ************* */
/* Begin Footer  */
/* ************* */
.footer__top-content {
    padding: 48px 0px 48px 0px;
    margin: auto;
    max-width: 1100px;
    gap: 1rem;
}
.footer__top-container {
    padding: 0px 30px;
}
.footer__bottom-container {
    padding: 0px 30px;
}

.footer__bottom-content {
    margin: auto;
    max-width: 1100px;
    max-height: 116px;
    padding: 24px 0px 24px 0px;
}

/* Keeps padding consistent with larger screen sizes */
@media only screen and (min-width: 650px) {
    .footer__top-container {
        padding: 0px 120px 0px 120px;
    }
    .footer__bottom-container {
        padding: 0px 120px 0px 120px;
    }
    .footer__bottom-content {
        padding: 24px 0px 24px 0px;
    }
}
.footer__brand {
    margin: auto;
}
.footer__copyright {
    height: 28px;
    font-size: 16px;
    line-height: 28px;
}
/* *********** */
/* End Footer  */
/* *********** */


/* ************************* */
/* Begin Topic Listing Page  */
/* ************************* */

/* Topic Listing page base Styles */
.dark-header {
    background-color: #0B3447;
    width: 100%;
    min-height: 344px;
    margin: 0;
}
.topic-header__container {
    margin: auto;
    display: flex;
    flex-direction: column;
    padding: 48px 30px 62px 30px;
    gap: 42px;
    width: 100%;
}
.topic-header__breadcrumbs {
    width: 100%;
    max-height: 24px;
}
.header-base__breadcrumbs {
    display: flex;
}
.header-base__breadcrumbs * {
    max-height: 24px;
}
.breadcrumbs__item-link {
    padding: 0px 3px 4px 3px;
    text-decoration: underline;
    border-bottom: none;
}
.breadcrumbs__item-link:active,.breadcrumbs__item-link:focus,.breadcrumbs__item-link:hover {
    border-bottom-color: var(--borderColorActive);
    color: var(--itemColorActive);
    background-color: #fff;
    color: #14516e;
    border-radius: 2px;
    padding: 0px 3px 4px 3px;
    text-decoration: underline;
}
.topic-header__title h1 {
    font-family: Roboto Condensed;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(2.6rem, 6.5vw, 56px);
    line-height: 72px;
    letter-spacing: 0px;
    color: #FFFFFF;
    width: auto;
}

.topic-landing-header__title h1 {
    font-family: Roboto Condensed;
    font-weight: 900;
    font-style: normal;
    font-size: clamp(2.2rem, 6.5vw, 56px);
    line-height: 72px;
    letter-spacing: 0px;
    color: #FFFFFF;
    width: auto;
}
.topic-header__search-box {
    max-height: 53px;
}
.topic-header__search-box .inline-search-banner {
    padding: 0px 0px;
    max-height: 53px;
}
.topic-header__search-box .inline-search-banner-content {
    padding: 0px 0px;
    max-height: 53px;
    min-height: 0px;
}

.topic-listing-container {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.topic-listing-item {
    flex: 1 1 100%;
    box-sizing: border-box;
    border-radius: 8px;
}
.topic-listing-item h2 {
    margin-top: 0;
    font-size: 1.5rem;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-style: normal;
    font-size: clamp(2rem, 2vw, 34px);
    line-height: 48px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #14516E;
}
.topic-listing-item ul {
    margin: 12px 0 0;
}
.topic-listing-item li {
    margin-bottom: 6px;
    font-family: 'Lexend';
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1.3rem, 2vw, 22px);
    line-height: 37px;
    text-decoration-line: underline;
    color: #14516E;
}

/* Topic Listing page tablet Styles */
@media only screen and (min-width: 650px) {
    .topic-header__container {
        padding: 48px 120px 62px 120px;
    }
}

@media (min-width: 1100px) {
    .topic-listing-item {
        flex: 1 1 calc(50% - 8px);
    }
}

/* Topic Listing page desktop Styles */
@media only screen and (min-width: 1350px) {
    .topic-header__container {
        padding: 48px 0px 62px 0px;
        max-width: 1100px;
    }
    .topic-listing-item h2 {
        font-size: 36px;
    }
    .topic-listing-item li {
        font-size: 24px;
    }
}

/* *********************** */
/* End Topic Listing Page  */
/* *********************** */



/* ************************* */
/* Begin Topic Landing Page  */
/* ************************* */

/* Topic Landing page base Styles */
/* All CTA (Call to Action) relate to the banner on the topic landing page. */
.cta-banner-auth {
    width: 100%;
    background: #F5F5F5;
    min-height: 146px;
    margin: 0;
}
.cta-banner-auth_inner_wrapper {
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: auto;
    padding: 42px 30px;
    width: 100%;
    gap: 12px;
}
.cta-banner-auth_header {
    max-width: 1100px;
    max-height: 50px;
    font-family: Roboto Condensed;
    font-weight: 700;
    font-size: 36px;
    font-size: clamp(1.5rem, 3.6vw, 36px);
    line-height: 48px;
    letter-spacing: 0px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #14516E;
}
.cta-banner {
    width: 100%;
    background: var(--sapphire);
    min-height: 182px;
    margin: 0;
    
}
.cta-banner_inner_wrapper {
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
    padding: 24px 30px;
    width: 100%;
}
.cta-banner_header {
    max-width: 1100px;
    max-height: 48px;
    font-family: Roboto Condensed;
    font-weight: 700;
    font-size: clamp(1.75rem, 2vw, 36px);
    color: #FFFFFF;
    line-height: 48px;
    letter-spacing: 0px;
    font-feature-settings: 'pnum' on, 'lnum' on;
}
.cta-banner_description {
    max-width: 1100px;
    height: auto;
    font-family: Lexend;
    font-weight: 300;
    font-size: 24px;
    font-size: clamp(1.3rem, 2vw, 24px);
    line-height: 37px;
    letter-spacing: 0px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
}
.cta-banner_button {
    max-width: 1100px;
    height: 50px;
    display: flex;
    align-items: center;
}
.cta-banner_button a {
    width: 155px;
    height: 24px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
    text-decoration: underline;
    text-decoration-style: solid;
    text-underline-offset: 0%;
    text-decoration-thickness: 0%;
    color: #FFFFFF;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.cta-banner_button a:hover {
    color: var(--aqua-dk1);
}
.sub-topic-container {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    min-height: 300px;
}
.sub-topic-item {
    box-sizing: border-box;
    border-radius: 8px;
}
.sub-topic-item h2 {
    margin: 0px 0px 36px 0px;
    font-size: 1.5rem;
    font-family: 'Roboto Condensed';
    font-weight: 900;
    font-style: normal;
    font-size: clamp(1.65rem, 4.5vw, 48px);
    line-height: 48px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #14516E;
}
.sub-topic-item ul {
    display: flex;
    flex-wrap: wrap;
    margin: 12px 0 0;
}
.sub-topic-item li {
    margin-bottom: 8px;
    font-family: 'Lexend';
    font-weight: 400;
    font-style: normal;
    font-size: clamp(1.3rem, 2vw, 22px);
    line-height: 37px;
    text-decoration-line: underline;
    color: #14516E;
    flex: 1 1 100%;
}

/* Topic Landing page tablet Styles */
@media only screen and (min-width: 650px) {
    .cta-banner-auth_inner_wrapper {
        padding: 42px 120px;
    }
    .cta-banner_inner_wrapper {
        padding: 24px 120px;
    }
}
@media only screen and (min-width: 1000px) {
    .cta-banner-auth_inner_wrapper {
        flex-direction: row;
        gap: 0px;
    }
    .cta-banner-auth_header {
        font-size: 36px;
    }
    .cta-banner_header {
        font-size: 36px;
    }
    .cta-banner_description {
        font-size: 24px;
    }
    .cta-banner_button a {
        font-size: 20px;
    }
    .sub-topic-item h2 {
        font-size: 48px;
    }
}

@media (min-width: 1100px) {
    .sub-topic-item li {
        flex: 0 1 calc(50% - 8px);
    }
}

/* Topic Landing page desktop Styles */
@media only screen and (min-width: 1350px) {
    .cta-banner-auth_inner_wrapper {
        padding: 42px 0px;
        max-width: 1100px;
    }
    .cta-banner_inner_wrapper {
        padding: 24px 0px;
        max-width: 1100px;
    }
}

/* *********************** */
/* End Topic Landing Page  */
/* *********************** */


/* **************(*********** */
/* Begin Search Landing Page  */
/* ************************** */

/* Topic Listing page base Styles */
.light-header {
    background-color: #FFFFFF;
    width: 100%;
    min-height: 293px;
    margin: 0;
}
.inline-search-banner-content.light-background {
    background-color: #FFFFFF;
}
.topic-landing-header__title h1.light {
    color: #3A3A3A;
    font-size: 48px;
    font-feature-settings: 'pnum' on, 'lnum' on;
}
.topic-header__container.search-header {
    gap: 24px;
    padding: 48px 0px 48px 0px;
}
.search_landing-container {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 48px;
}
.search_landing-filters-container {
    min-height: 1472px;
    padding: 24px;
    background-color: #FFFFFF;
}
.search_landing-filters-topics {
    min-height: 432px;
    margin: 0px 0px 48px 0px;
}
.search_landing-filters-container h2 {
    padding-bottom: 16px;
    color: #3A3A3A;
    font-family: Roboto Condensed;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0px;
    font-feature-settings: 'pnum' on, 'lnum' on;
}
.search_landing-container h3 {
    padding: 0px 0px 8px 0px;
    padding-inline: 0px;
    color: #3A3A3A;
    font-family: Lexend;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
}
.search_landing-radio {
    padding: 0px 0px 0px 0px;
}
.search_landing-filters-container legend {
    padding: 0px 0px 16px 0px;
    padding-inline: 0px;
    color: #3A3A3A;
    font-family: Lexend;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-feature-settings: 'pnum' on, 'lnum' on;
}
.search_landing-radio-option {
    display: block;
    padding: 0px 0px 16px 0px;
    color: #3A3A3A;
    font-family: Lexend;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0px;
}
.search_landing-radio-btn {
    margin-right: 8px;
    appearance: none;
    border-radius: 40px;
    width: 24px;
    min-height: 24px;
    border: 1.75px solid #3A3A3A;

    background-color:#F5F5F5;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
}
.search_landing-radio-btn::after {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 13px;
    background-color: #0EB0A2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}
.search_landing-radio-btn:checked {
    border-radius: 13px;
    border: 2px solid #0EB0A2;
    padding: 3px;
}
.search_landing-radio-btn:checked::after {
    opacity: 1;
}
.search_landing-dropdown {
    padding: 12px 0px 0px 0px;
    position: relative;
    display: inline-block;
}
.search_landing-selection {
    min-height: 40px;
    min-width: 252px;
    background-color: #FFFFFF;
    border: 1px solid #14516E;
    color: #3A3A3A;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    border-radius: 4px;
    text-align: left;
    line-height: 140%;
}
.search_landing-selection-options {
    display: block;
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    min-width: 180px;
    z-index: 1;
    border-radius: 4px;
}
.search_landing-button {
    display: flex;
    justify-content: space-between;
    min-height: 40px;
    min-width: 252px;
    background-color: #FFFFFF;
    border: 1px solid #14516E;
    color: #3A3A3A;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    border-radius: 4px;
    text-align: left;
    line-height: 140%;
}
.search_landing-dropdown-options {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    min-width: 180px;
    z-index: 1;
    border-radius: 4px;
}
.search_landing-dropdown-options a {
    display: block;
    padding: 0.75rem 1rem;
    color: #14516e;
    text-decoration: none;
}
.search_landing-dropdown-options a:hover {
    background-color: #14516E;
    color: #FFFFFF;
}
.search_landing-dropdown-options.show {
    display: block;
}
.search_landing-icon {
    display: block;
    height: 24px;
    width: 24px;
    padding: 0px 6px 0px 6px;
}
.search_landing-icon.hide {
    display: none;
}
.search_landing-x {
    display: none;
}
.search_landing-x.show {
    display: block;
    height: 24px;
    width: 24px;
    padding: 0px 6px 0px 6px;
}
.search_landing-filters-locations {
    min-height: 588px;
    margin: 0px 0px 48px 0px;
}
.search_landing-labels {
    padding: 0px 0px 0px 0px;
}
.search_landing-location-container {
    display: flex;
    min-width: 84px;
    flex-wrap: wrap;
    gap: 12px;
    padding-bottom: 12px;
}
.search_landing-location-option {
    min-height: 32px;
}
.search_landing-location-option input[type="checkbox"] {
    display: none;
}
.search_landing-location-option label {
    padding: 4px 12px;
    border: 1px solid #0EB0A2;
    border-radius: 2px;
    background-color: #FFFFFF;
    color: #0EB0A2;

    font-family: Lexend;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
}
.search_landing-location-option input[type="checkbox"]:checked + label {
    background-color: #0EB0A2;
    color: #FFFFFF;
}
.search_landing-filters-demographics {
    min-height: 308px;
}
.search_landing-results-container {
    max-height: 1180px;
}
.search_landing-results-filters {
    min-height: 84px;
    margin: 0px 0px 48px 0px;        
}
.search_landing-results-filters p {
    color: var(--text-secondary, #4E4E4E);
    font-family: Lexend;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0px;
}
.search_landing-results-tags {
    padding-top: 24px;
    display: flex;
    flex-wrap: wrap;        
    align-items: center;
    gap: 12px 24px;
}
#results {
    flex: 0 0 auto;
    min-height: 32px;
}
#active-filters {
    display: contents;
}
.search_landing-results-card {
    display: grid;
    grid-template-columns: 287px 1fr;
    grid-template-rows: auto;
    min-height: 206px;
    margin: 0px 0px 48px 0px;
    padding: 24px;
    gap: 24px;
    background-color: #FFFFFF;
}
.search_landing-results-card-left {
    grid-row: 1;
    grid-column: 1;
    background-color: #F5F5F5;
}
.search_landing-results-card-right {
    grid-row: 1;
    grid-column: 2;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.search_landing-results-card-right-top h2 {
    font-family: Roboto Condensed;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0px;
    color: #3A3A3A;
    font-feature-settings: 'pnum' on, 'lnum' on;
}
.search_landing-results-card-right-bottom h2 {
    font-family: Lexend;
    font-weight: 300;
    font-style: Light;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0px;
    color: #3A3A3A;
}
.search_landing-results-pagination {
    min-height: 32px;
}
.filter-tag {
    display: inline-block;
    background: #0EB0A2;
    color: white;
    padding: 4px 12px;
    border-radius: 2px;
    cursor: pointer;

    font-family: Lexend;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
}
.filter-tag svg {
    vertical-align: middle;
    margin: 0px 0px 2px 3px;
}

/* ************************ */
/* End Search Landing Page  */
/* ************************ */

/* begin pre-figma */
.mega-menu {
    z-index: 2147483647;
    display: none;
}

.arrow{
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin: 0px 10px 1px 5px;
}
.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.custom-d3-chart-container{
    background: white;
    position: relative;
    margin-bottom: 20px;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    max-height: 700px;
    width: 850px;
    max-width: 100%;
    border: 1px solid lightgray;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}
.custom-d3-chart-container-wide{
    background: white;
    position: relative;
    margin-bottom: 20px;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    max-width: 100%;
    /* border: 1px solid lightgray; */
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}
.curlyBrace {
    stroke: #7e7e7e;
    stroke-width: 2px;
    fill: none;
}

.curlyBrace-thin {
    stroke: #7e7e7e;
    stroke-width: 1px;
    fill: none;
}
/* end pre-figma */