@font-face {
    font-family: 'Noto Sans';
    src: url('/fonts/ac08e269b7f479624b266c0ea20013b4.ttf') format('truetype');
}

:root {
    --helix-core-neutrals-black: #4C5359;
    --helix-core-primary-primary: #0F00C9;
    --helix-core-type-preset-2-1-xl-l-m-screens-h2-font-family: "Noto Sans", sans-serif;
    --helix-core-type-preset-4-1-xl-l-m-s-screens-h4-font-family: "Noto Sans", sans-serif;
}

body {
    position: relative;
}

@media screen and (min-width:1024px) {
    helix-core-menu {
        --helix-layout-container-padding-left-property: 10%;
        --helix-layout-container-padding-right-property: 10%;
        position: sticky;
        top: 0;
        z-index: 1;
        --helix-core-menu-item-subnav-one-col-min-width: 0;
        --helix-core-menu-item-subnav-groups-bottom-left-radius: 0;
        --helix-core-menu-item-subnav-groups-bottom-right-radius: 0;
        --helix-core-menu-item-group-padding-left-property: 0px;
        --helix-core-menu-item-subnav-groups-padding-top-property: 0;
        --helix-core-menu-item-subnav-groups-padding-bottom-property: 0;
    }
    helix-core-menu>helix-core-menu-item {
        --helix-core-menu-item-top-level-item-margin-right-first-property: 20px;
        --helix-core-menu-item-top-level-item-margin-left-first-property: 20px;
        --helix-core-menu-item-top-level-item-margin-right-property: 20px;
        --helix-core-menu-item-top-level-item-margin-left-property: 20px;
        --helix-core-menu-item-top-level-item-margin-right-last-property: 20px;
        --helix-core-menu-item-top-level-item-margin-last-property: 20px;
    }
    helix-core-menu helix-core-menu-item helix-core-menu-item-group {
        border: 2px solid #0F00C9;
        display: flex;
        margin-top: -10px;
    }
    helix-core-menu[theme=secondary] helix-core-menu-item helix-core-menu-item-group .helix-core-menu-item--child-level helix-core-button helix-core-content p {
        color: #0F00C9;
    }
    .callout-text {
        padding: 0px 205px;
    }
}

helix-core-menu {
    --helix-core-menu-entire-background: #0F00C9;
    --subtheme-mid: #0F00C9;
}

helix-core-menu helix-core-menu-item {
    --helix-core-menu-item-top-level-item-padding-top-property: 20px;
    --helix-core-menu-item-top-level-item-padding-bottom-property: 20px;
    --helix-core-menu-item-top-level-item-border-bottom: none;
    --helix-core-menu-item-top-level-item-border-bottom-last: none;
    /* --helix-core-menu-item-top-level-item-content-border-bottom: none !important; */
}

helix-core-menu>helix-core-menu-item:nth-child(4) {
    --helix-core-menu-item-top-level-item-content-border-bottom: none !important;
}

helix-core-menu>helix-core-menu-item {
    border-left: 1px white solid;
}

helix-core-menu[theme=secondary] helix-core-menu-item::part(accordion-panel) {
    --helix-core-menu-item-top-level-item-content-border-bottom: none;
}

helix-core-menu[theme=secondary] helix-core-icon {
    --helix-core-icon-color: black;
}

helix-core-menu[theme=secondary] helix-core-logo {
    --helix-core-logo-width: 125px;
    margin-right: 20px;
}

helix-core-menu[theme=secondary] helix-core-menu-item helix-core-button helix-core-icon {
    --helix-core-icon-color: white;
}

helix-core-menu[theme=secondary] helix-core-menu-item helix-core-menu-item-group helix-core-menu-item helix-core-button helix-core-icon {
    --helix-core-icon-color: #0F00C9;
}

helix-core-menu[theme=secondary]>helix-core-menu-item.helix-core-menu-item--active>helix-core-button helix-core-icon {
    transform: rotate(180deg);
}

helix-core-menu[theme=secondary] helix-core-menu-item.helix-core-menu-item--top-level.helix-core-menu-item--active helix-core-button helix-core-content p {
    font-weight: normal;
}

helix-core-menu[theme=secondary] helix-core-menu-item.helix-core-menu-item--top-level.helix-core-menu-item--active helix-core-button helix-core-content {
    font-weight: normal;
}

helix-core-footer {
    --helix-core-footer--inverted-background-background: #0F00C9;
    --helix-core-footer-col-one-padding-right-property: 0;
    --helix-core-footer--inverted-border-width: 0;
    --helix-core-footer-col-one-padding-left-property: 0;
}

helix-core-layout-container.copyright {
    --helix-core-grid-margin-bottom-property: 0;
    --helix-core-neutrals-black: black;
}

helix-core-heading {
    font-family: "Noto Sans", sans-serif;
}

helix-core-button {
    font-family: "Noto Sans", sans-serif;
}

helix-core-footer helix-core-footer-content ul {
    font-family: "Noto Sans", sans-serif;
}

.banner {
    position: absolute;
    z-index: 10;
    --helix-core-card-background: transparent;
    top: 15px;
    width: 100%;
    --helix-core-card-box-shadow: none;
}

.banner helix-core-grid-item {
    position: relative;
}

.banner-logos {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    right: 0;
}

.banner-logos .social-logos>div {
    display: flex;
    flex-direction: column;
    align-content: center;
}

.banner-logos .social-logos>div a {
    align-self: center;
    padding: 0.8rem;
    border-radius: 50%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.banner-logos .social-logos>div a svg {
    height: 15px;
    width: 15px;
}

.banner-logos .social-logos>div a svg path {
    fill: #0F00C9;
}

.banner-logos .social-logos>div a:hover {
    background: #0F00C9;
}

.banner-logos .social-logos>div a:hover svg path {
    fill: white;
}

.banner-logos .social-logos>div helix-core-content {
    align-self: center;
    color: white;
    --helix-core-type-preset-6-paragraph-font-size: 10px;
}

.banner-logos[data-gjs-type] .social-logos>div helix-core-content {
    color: black;
}

.menu-logos {
    margin-left: 10px;
}

.menu-logos .social-logos {
    display: flex;
}

.menu-logos .social-logos>div {
    display: flex;
    align-content: center;
    margin: 0 5px;
}

.menu-logos .social-logos>div a {
    align-self: center;
    padding: 0.8rem;
    border-radius: 50%;
    display: flex;
    background: white;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.menu-logos .social-logos>div a svg {
    height: 15px;
    width: 15px;
}

.menu-logos .social-logos>div a svg path {
    fill: #0F00C9;
}

.menu-logos .social-logos>div a:hover {
    background: #0F00C9;
}

.menu-logos .social-logos>div a:hover {
    border: 2px solid white;
    padding: 0.65rem;
}

.menu-logos .social-logos>div a:hover svg path {
    fill: white;
}

.card-container helix-core-grid-item:first-child {
    border-right: 1px solid rgb(193, 199, 205);
}

.card-container helix-core-button helix-core-content {
    margin-right: 20px;
}

@media screen and (max-width:1024px) {
    helix-core-menu helix-core-menu-item {
        border-left: none;
        border-bottom: 1px white solid;
    }
    helix-core-menu[theme=secondary] helix-core-icon {
        --helix-core-icon-color: white;
    }
    helix-core-menu[theme=secondary] helix-core-menu-item helix-core-button helix-core-icon {
        --helix-core-icon-color: var(--helix-core-primary-primary);
    }
}

@media screen and (max-width:768px) {
    .banner {
        position: static;
        background: #0F00C9;
        --helix-core-card-padding-bottom-property: 0;
        --helix-core-grid-margin-bottom-property: 1px;
    }
    .banner helix-core-grid-item helix-core-card helix-core-heading {
        display: none;
    }
    .banner-logos .social-logos {
        display: flex;
    }
    .banner-logos .social-logos>div {
        margin: 12% 5px;
    }
    .banner-logos .social-logos>div a {
        padding: 0.5rem;
    }
    .banner-logos .social-logos>div helix-core-content {
        display: none;
    }
    .menu-logos .social-logos>div a {
        padding: 0.5rem;
    }
    .wellness-routine-button helix-core-content {
        text-align: center;
    }
}

@media screen and (max-width:576px) {
    .card-container helix-core-grid-item:first-child {
        border-right: none;
        border-bottom: 1px solid rgb(193, 199, 205);
    }
}