/*!
Theme Name: Leibowitz
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 2022.11.07
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: leibowitz
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Leibowitz is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@keyframes fade-in {
    from {
        opacity:0
    }

    to {
        opacity:1
    }
}

@font-face {
    font-family: 'NewClearEra';
    src: url("../inc/fonts/NewClearEra/font.woff") format("woff"), url("../inc/fonts/NewClearEra/font.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display:block
}

@font-face {
    font-family: 'Blair';
    src: url("../inc/fonts/ITCBlairMedium/font.woff") format("woff"), url("../inc/fonts/ITCBlairMedium/font.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display:block
}

@font-face {
    font-family: 'Blair';
    src: url("../inc/fonts/ITCBlairBold/font.woff") format("woff"), url("../inc/fonts/ITCBlairBold/font.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display:block
}

@font-face {
    font-family: 'Blair';
    src: url("../inc/fonts/ITCBlairLight/font.woff") format("woff"), url("../inc/fonts/ITCBlairLight/font.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display:block
}

@font-face {
    font-family: 'DreamOnly';
    src: url("../inc/fonts/DreamOnly/DreamOnly.otf") format("woff"), url("../inc/fonts/DreamOnly/DreamOnly.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display:block
}

.text-uc, .menu-text, .main-navigation .menu-item a, .team-name-single, .h1, .h2, .h2-navy, .h3, .h4, .h4-navy, .footer-menu, .back, .button, .publish-date {
    text-transform:uppercase
}

.text-underline {
    text-decoration:underline
}

.body-text, .body-text-1, .our-story-page .inspiration .content, .body-text-2, .body-text-3, .single-staff .content a {
    color: #1B355C;
    text-align:center
}

@media (min-width: 1024px) {
    .body-text, .body-text-1, .our-story-page .inspiration .content, .body-text-2, .body-text-3, .single-staff .content a {
        text-align:left
    }
}

.body-text-1, .our-story-page .inspiration .content {
    font-size: .9375rem;
    line-height:1.5rem
}

@media (min-width: 1024px) {
    .body-text-1, .our-story-page .inspiration .content {
        font-size: 1rem;
        line-height:1.625rem
    }
}

.body-text-2 {
    font-size: 1rem;
    line-height:1.625rem
}

@media (min-width: 1024px) {
    .body-text-2 {
        font-size: 1.125rem;
        line-height:1.75rem
    }
}

.body-text-3 {
    font-size: 1rem;
    line-height:1.625rem
}

@media (min-width: 1024px) {
    .body-text-3 {
        font-size: 1.25rem;
        line-height:1.875rem
    }
}

.callout {
    color: #F5786E;
    font-family: "Blair", sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.625rem;
    text-align:center
}

@media (min-width: 1024px) {
    .callout {
        font-size: 2rem;
        line-height: 2.875rem;
        text-align:left
    }
}

.callout strong {
    font-weight:400
}

.menu-text, .main-navigation .menu-item a {
    color: #F5786E;
    font-size: .6875rem;
    line-height: .875rem;
    text-align: center;
    text-decoration:none
}

.menu-text-footer, .footer-menu a {
    color: #F5786E;
    font-size: .6875rem;
    line-height: .875rem;
    text-align: center;
    text-decoration:none
}

@media (min-width: 1024px) {
    .menu-text, .main-navigation .menu-item a {
        color:#fff
    }
}

.sub-nav, .team-navigation a {
    color:#1B355C
}

@media (min-width: 1024px) {
    .sub-nav, .team-navigation a {
        font-size: 1rem;
        line-height: 1.1875rem;
        text-align:left
    }
}

.team-name {
    color: #1B355C;
    font-family: "Blair", sans-serif;
    font-size: .9375rem;
    font-weight: normal;
    line-height: 1.5rem;
    text-align:center
}

@media (min-width: 1024px) {
    .team-name {
        font-size: 1.25rem;
        line-height: 1.875rem;
        text-align:left
    }
}

.team-name-single {
    color: #0097A9;
    font-size: .9375rem;
    font-weight: normal;
    line-height: 1.5rem;
    margin-bottom: .5rem;
    text-align:center
}

@media (min-width: 1024px) {
    .team-name-single {
        font-size: 1.5rem;
        line-height: 2.125rem;
        margin-bottom: 1rem;
        text-align:left
    }
}

.team-title {
    color: #1B355C;
    font-family: "Blair", sans-serif;
    font-size: .9375rem;
    font-weight: 300;
    line-height: 1.75rem;
    text-align:center
}

@media (min-width: 1024px) {
    .team-title {
        font-size: 1rem;
        text-align:left
    }
}

.team-title-single {
    color: #0097A9;
    font-size: .9375rem;
    font-weight: 300;
    line-height: 1.75rem;
    margin-bottom: 2rem;
    text-align:center
}

@media (min-width: 1024px) {
    .team-title-single {
        font-size: 1.125rem;
        text-align:left
    }
}

body {
    color: #1B355C;
    font-family: "NewClearEra", sans-serif;
    margin:10px
}

@media (min-width: 1024px) {
    body {
        margin:20px
    }
}

p {
    margin-top:0
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Blair", sans-serif;
    font-style: normal;
    font-display: block;
    margin:0
}

.h1, .h2, .h2-navy, .h3, .h4, .h4-navy, .h5, .h6 {
    font-family: "Blair", sans-serif;
    font-weight:normal
}

.h1 {
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: 0.11px;
    line-height: 1.8125rem;
    text-align:center
}

@media (min-width: 1024px) {
    .h1 {
        font-size: 3rem;
        line-height: 3.5625rem;
        text-align:left
    }
}

.h2, .h2-navy {
    color: #0097A9;
    font-size: 1.375rem;
    letter-spacing: 0.18px;
    line-height: 2rem;
    text-align:center
}

@media (min-width: 1024px) {
    .h2, .h2-navy {
        font-size: 2.5rem;
        line-height: 3rem;
        text-align:left
    }
}

.h2-navy {
    color:#1B355C
}

.h3 {
    color: #1B355C;
    font-size: 1.125rem;
    letter-spacing: 0.51px;
    line-height:1.875rem
}

@media (min-width: 1024px) {
    .h3 {
        font-size: 1.5rem;
        line-height:2.125rem
    }
}

.h4, .h4-navy {
    color: #0097A9;
    font-size: 1.25rem;
    font-weight: 300;
    letter-spacing: 0.51px;
    line-height:1.875rem
}

@media (min-width: 1024px) {
    .h4, .h4-navy {
        font-size: 1.5rem;
        line-height:2.125rem
    }
}

.h4-navy {
    color:#1B355C
}

.h5 {
    color: #1B355C;
    font-size: .9375rem;
    font-weight: 300;
    letter-spacing: 0.04px;
    line-height:1.5rem
}

@media (min-width: 1024px) {
    .h5 {
        font-size: 1.25rem;
        line-height:2rem
    }
}

.h6 {
    font-size: 1.25rem;
    letter-spacing: 0.09px;
    line-height:2.125rem
}

@media (min-width: 1024px) {
    .h6 {
        font-size: 2rem;
        line-height:2.625rem
    }
}

.article-headline {
    font-family: "NewClearEra", sans-serif;
    font-size: 1.375rem;
    font-weight: normal;
    letter-spacing: 0.15px;
    line-height: 1.875rem;
    margin-bottom: 1rem;
    margin-top:2.5rem
}

@media (min-width: 1024px) {
    .article-headline {
        font-size: 2rem;
        line-height: 2.625rem;
        margin:0
    }
}

.news-headline {
    color: #fff;
    font-family: "NewClearEra", sans-serif;
    font-size: 1.375rem;
    letter-spacing: 0.18px;
    line-height:1.875rem
}

@media (min-width: 1024px) {
    .news-headline {
        font-size: 2.5rem;
        line-height:3.125rem
    }
}

.script {
    font-family: "DreamOnly", sans-serif;
    font-size: 1rem;
    letter-spacing: 0.42px;
    line-height: 2.625rem;
    margin: auto;
    max-width: 14.0625rem;
    text-align:center
}

@media (min-width: 1024px) {
    .script {
        font-size: 1.25rem;
        line-height: 2.9375rem;
        max-width: 17.1875rem;
        text-align:left
    }
}

.site-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    padding: 0 1.25rem;
    position: absolute;
    right: 0;
    top: 1.875rem;
    z-index:3
}

.header-logo {
    height: 1.875rem;
    position: absolute;
    width:13rem
}

@media (min-width: 1024px) {
    .header-logo {
        height: 3rem;
        margin-bottom: 1rem;
        position: relative;
        width:21.375rem
    }
}

.footer-menu li {
    text-align:center
}

.footer-menu li:not(:last-child) {
    margin-bottom:1.5rem
}

@media (min-width: 640px) {
    .footer-menu li {
        margin-bottom: 0;
        padding-right: 1.25rem;
        text-align:right
    }
}

.footer-logo {
    height: auto;
    margin-bottom: 0;
    width:13.125rem
}

@media (min-width: 1024px) {
    .footer-logo {
        width:23.4375rem
    }
}

.site-footer {
    background: #1B355C;
    padding:3rem 0 2.875rem 0
}

@media (min-width: 1024px) {
    .site-footer {
        padding:1.875rem 0 3.4375rem 0
    }
}

.site-footer .inner-section {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content:center
}

a {
    color: #F5786E;
    font-size: .75rem;
    font-family: "Blair", sans-serif;
    font-weight: 300;
    line-height:.875rem
}

.back {
    text-decoration:underline
}

.button {
    background: #F5786E;
    color: #fff;
    display: inline-block;
    font-size: .625rem;
    line-height: 1.125rem;
    padding: .625rem 1rem;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s;
    width:11rem
}

.button:hover {
    background:#f8a49e
}

.button:active {
    background:#f24c3e
}

@media (min-width: 1024px) {
    .button {
        font-size: .875rem;
        line-height: 1.75rem;
        padding: .25rem 1.25rem;
        width:auto
    }
}

.nav-button {
    background: #F5786E !important;
    padding:.5rem 1rem
}

.nav-button a {
    color:#fff !important
}

@media (min-width: 1024px) {
    .nav-button {
        padding: .5rem 1rem;
        position: absolute;
        top:0
    }

    .nav-button-1 {
        left:9.375rem
    }

    .nav-button-2 {
        right:9.375rem
    }

    .nav-button:hover {
        background:#0097A9
    }
}

@media (min-width: 1350px) {
    .nav-button {
        position:unset
    }
}

.main-navigation {
    align-self:flex-end
}

@media (min-width: 1024px) {
    .main-navigation {
        align-self:center
    }
}

.main-navigation ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding:0
}

@media (min-width: 1024px) {
    .main-navigation ul {
        flex-direction:row
    }
}

.main-navigation ul > li {
    flex:none
}

.main-navigation .menu-container {
    background: #fff;
    height: 100vh;
    right: -62.5rem;
    padding: .625rem;
    position: fixed;
    top: 0;
    transition: all .5s ease-out;
    width: 100vw;
    z-index:3;
}

.main-navigation .menu-container-inner {
    background: #EBEAE1;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding:1.375rem
}

@media (min-width: 1024px) {
    .main-navigation .menu-container {
        background: transparent;
        height: auto;
        right: 0;
        padding: 0;
        position: unset;
        top: 0;
        width:auto
    }

    .main-navigation .menu-container-inner {
        background: transparent;
        flex-direction: row;
        height: 100%;
        justify-content: center;
        padding:0
    }
}

.main-navigation .menu-container .menu-logo {
    display: block;
    margin-bottom: 2rem;
    padding: 0 1rem 1.875rem 1rem;
    text-align:center
}

.main-navigation .menu-container .menu-logo img {
    max-width:13.375rem
}

@media (min-width: 1024px) {
    .main-navigation .menu-container .menu-logo {
        display:none
    }
}

.main-navigation .menu-item {
    margin-bottom: 2rem;
    text-align:center
}

@media (min-width: 1024px) {
    .main-navigation .menu-item {
        margin: 0;
        padding-bottom: .5rem;
        padding-top:.5rem
    }

    .main-navigation .menu-item:not(:last-child) {
        margin-right:2.25rem
    }
}

.main-navigation .menu-item-has-children {
    position:relative
}

.main-navigation .menu-item-has-children .sub-menu {
    padding-top:2rem
}

@media (min-width: 1024px) {
    .main-navigation .menu-item-has-children .sub-menu {
        display: none;
        padding-top: 0;
        position:absolute
    }

    .main-navigation .menu-item-has-children .sub-menu li {
        padding-top:1.25rem
    }

    .main-navigation .menu-item-has-children .sub-menu .current-menu-item {
        border:none
    }

    .main-navigation .menu-item-has-children .sub-menu .current-menu-item a {
        color:#F5786E
    }
}

.main-navigation .menu-item-has-children .sub-menu li:last-child {
    margin-bottom:0
}

.main-navigation .menu-item-has-children .sub-menu a {
    font-weight:300
}

.main-navigation .menu-item a {
    font-weight:400
}

@media (min-width: 1024px) {
    .main-navigation .menu-item a {
        font-weight:300
    }
}

@media (min-width: 1024px) {
    .main-navigation .current-menu-item, .main-navigation .current-page-parent {
        border-bottom:2px solid #F5786E
    }
}

.main-navigation .current-menu-item {
    background:rgba(245, 120, 110, 0.2)
}

@media (min-width: 1024px) {
    .main-navigation .current-menu-item {
        background:transparent
    }
}

.main-navigation .current-page-parent .sub-menu {
    display:flex
}

.menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 18px 10px;
    position: relative;
    user-select: none;
    z-index:4
}

@media (min-width: 1024px) {
    .menu-icon {
        display:none
    }
}

.menu-icon .navicon {
    background: #fff;
    display: block;
    height: 2px;
    opacity: .7;
    position: relative;
    transition: background .2s ease-out;
    width:1.375rem
}

.menu-icon .navicon::before, .menu-icon .navicon::after {
    background: #fff;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
    z-index:1
}

.menu-icon .navicon::before {
    top:.625rem
}

.menu-icon .navicon::after {
    top:-.625rem
}

.menu-btn {
    display:none
}

.menu-btn:checked ~ .menu-container {
    right:0
}

.menu-btn:checked ~ .menu-icon .navicon {
    background:transparent
}

.menu-btn:checked ~ .menu-icon .navicon::before {
    background: #0097A9;
    transform:rotate(-45deg)
}

.menu-btn:checked ~ .menu-icon .navicon::after {
    background: #0097A9;
    transform:rotate(45deg)
}

.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top:0
}

.hide-for-medium {
    display:block
}

@media (min-width: 640px) {
    .hide-for-medium {
        display:none
    }
}

.hide-for-large {
    display:block
}

@media (min-width: 1024px) {
    .hide-for-large {
        display:none
    }
}

.show-for-medium {
    display:none
}

@media (min-width: 640px) {
    .show-for-medium {
        display:block
    }
}

.show-for-large {
    display:none
}

@media (min-width: 1024px) {
    .show-for-large {
        display:block
    }
}

@media (min-width: 1024px) {
    .back-section {
        padding-right:3rem
    }
}

.back-to-top {
    color: #0097A9;
    cursor: pointer;
    display: flex;
    font-size: .6875rem;
    justify-content: flex-end;
    line-height: .875rem;
    margin:0 0 2.5rem auto;
}

.back-to-top .up-arrow {
    display: inline-block;
    margin-left: .625rem;
    transform: rotate(-90deg);
    width:1rem
}

.bg-video {
    display: none;
    width:100%
}

@media (min-width: 1024px) {
    .main-navigation .menu-item-has-children:hover .sub-menu {
    display:flex
}

    .bg-video {
        display:block
    }
}

.flex-container, .footer-menu, .site-footer .navigation, .news-item, .experience-page .partners .inner-section {
    display: flex;
    flex-direction:column
}

.site-footer .navigation {
    text-align: center;
}

@media (min-width: 640px) {
    .flex-container,
    .footer-menu,
    .news-item,
    .experience-page .partners .inner-section {
        flex-direction:row;
    }
}

.hero {
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 90vh;
    position:relative
}

@media (min-width: 1024px) {
    .hero__content-container {
        position: absolute;
        left: 0;
        top: 30%;
        width:100%
    }
}

.hero__content-container .outer-container {
    display: flex;
    justify-content: center;
    margin: auto;
    width: 100%;
    max-width:75rem
}

@media (min-width: 1024px) {
    .hero__content-container .outer-container {
        justify-content:flex-end
    }
}

.hero__content-container .inner-container {
    padding:0 .625rem
}

@media (min-width: 1024px) {
    .hero__content-container .inner-container {
        padding: 0;
        width:80%
    }
}

.hero__content {
    color: #fff;
    max-width:29.6875rem
}

@media (min-width: 1024px) {
    .hero {
        height:calc(100vh - 20px)
    }
}

.hero .bg-video {
    display: none;
    height: 100%;
    object-fit:cover
}

@media (min-width: 1024px) {
    .hero .bg-video {
        display:block
    }
}

.inner-section {
    margin: auto;
    max-width: 75rem;
    padding: 0 .9375rem;
    position:relative
}

@media (min-width: 1024px) {
    .inner-section {
        padding:0 2.5rem
    }
}

.news-item {
    justify-content: space-between;
    padding: 3.375rem 0 0 0;
    text-align:center
}

@media (min-width: 640px) {
    .news-item {
        padding: 0;
        text-align:left
    }
}

.news-item .publish-date {
    color:#fff
}

.news-item .title {
    border-bottom: 1px solid #0097A9;
    padding-bottom:2.5rem
}

@media (min-width: 640px) {
    .news-item .title {
        flex-grow: 1;
        margin-bottom: 3rem;
        max-width: 80%;
        padding-bottom:3rem
    }
}

.publish-date {
    color: #0097A9;
    font-family: "Blair", sans-serif;
    font-size: .6875rem;
    font-weight: 300;
    line-height:1.25rem
}

.social-links {
    justify-content: center;
    margin: 2.5rem 0;
}

@media (min-width: 1024px) {
    .social-links {
        justify-content: flex-start;
    }
}

.social-links a {
    text-decoration:none
}

.social-links a:not(:last-child) {
    margin-right:1rem
}

@media (min-width: 1024px) {
    .social-links a:last-child {
        margin-right:1rem
    }
}

.social-links img {
    height: 1.5rem;
    width:1.5rem
}

.staff-spacer {
    background-size: cover;
    height:11.25rem
}

@media (min-width: 1024px) {
    .staff-spacer {
        height:14.375rem
    }
}

.staff-spacer .inner-section {
    align-items: flex-end;
    display: flex;
    height: 100%;
    justify-content: center;
    padding-bottom:1.875rem
}

@media (min-width: 640px) {
    .staff-spacer .inner-section {
        justify-content:flex-end
    }
}

@media (min-width: 640px) {
    .staff-spacer .inner-section .h1 {
        width:80%
    }
}

.team-navigation {
    display: flex;
    height: min-content;
    margin-bottom: 3rem;
    position: sticky;
    top: 0;
    width: 100%;
    z-index:2
}

@media (min-width: 1024px) {
    .team-navigation {
        margin-bottom: 0;
        top:2.5rem
    }
}

.team-navigation li {
    background: #FABBB6;
    display: flex;
    flex: auto;
    padding: .75rem .3125rem;
    text-align:center
}

@media (min-width: 1024px) {
    .team-navigation li {
        padding: .75rem 1.25rem;
        text-align:left
    }

    .team-navigation li:nth-of-type(1) {
        border-radius:0 0 15px 15px
    }

    .team-navigation li:nth-of-type(3) {
        border-radius:15px 15px 0 0
    }
}

.team-navigation li.current_page_item {
    background:#F5786E
}

.team-navigation a {
    text-decoration: none;
    width:100%
}

@media (min-width: 1024px) {
    .team-navigation {
        flex-direction: column-reverse;
        transform:rotate(180deg)
    }

    .team-navigation a {
        writing-mode:vertical-lr
    }
}

.top-spacer {
    background-color: #1B355C;
    height:11.25rem
}

.basic-page {
    margin:3.125rem 0
}

@media (min-width: 1024px) {
    .community-page .content {
        margin-bottom: 6rem;
        width:80%
    }
}

.community-page .content-inner {
    margin: auto;
    max-width:28.125rem
}

@media (min-width: 1024px) {
    .community-page .content-inner {
        margin:0
    }
}

.community-page .inner-section {
    display: flex;
    flex-direction:column
}

@media (min-width: 1024px) {
    .community-page .inner-section {
        align-items:flex-end
    }
}

.community-page .logos {
    position:relative
}

@media (min-width: 1024px) {
    .community-page .logos {
        width:80%
    }
}

.community-page .logo a {
    outline:none
}

@media (min-width: 1024px) {
    .community-page .page-title {
        margin-bottom: 1.5rem;
        max-width:32.5rem
    }
}

.community-page .slick-track {
    align-content: center;
    display:flex
}

.community-page .slick-slide {
    align-self:center
}

.community-page .slider-controls {
    display: flex;
    justify-content:center
}

.community-page .slider-controls .prev, .community-page .slider-controls .next {
    cursor: pointer;
    position: absolute;
    top:3.125rem
}

@media (min-width: 640px) {
    .community-page .slider-controls .prev, .community-page .slider-controls .next {
        position:unset
    }
}

.community-page .slider-controls .prev {
    left:0
}

.community-page .slider-controls .next {
    transform: scaleX(-1);
    right:0
}

@media (min-width: 1024px) {
    .community-page .title-container {
        width:80%
    }
}

.contact-page .address, .contact-page .address a {
    color: #1B355C;
    font-family: "Blair", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.875rem;
    margin:1rem 0
}

.contact-page .address a {
    text-decoration:none
}

.contact-page .callout {
    margin:3rem 0 5rem 0
}

@media (min-width: 1024px) {
    .contact-page .callout {
        margin:3.5rem 0
    }
}

.contact-page .h1 {
    max-width:400px
}

.contact-page #locations-wrapper {
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    margin-bottom: 5rem;
    text-align:center
}

.contact-page #locations-wrapper .content {
    margin-top: 1rem;
}

@media (min-width: 1024px) {
    .contact-page .location {
        flex-direction: row;
        text-align:left
    }
}

@media (min-width: 1200px) {
    .contact-page .map {
        grid-column-start: 2;
        grid-column-end:4
    }
}

.contact-page .social {
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    padding-bottom: 2.5rem;
    position: relative;
    width:100%
}

.contact-page .social .content {
    text-align:center
}

@media (min-width: 1024px) {
    .contact-page .social .content {
        text-align:left
    }
}

.contact-page .social .h6 {
    line-height: 1.625rem;
    margin-bottom:1.5rem
}

@media (min-width: 1024px) {
    .contact-page .social .h6 {
        line-height:2.625rem
    }
}

.experience-page .content__section {
    display:flex
}

.experience-page .content__section .content {
    display: flex;
    flex-direction: column;
    max-width:42.5rem
}

.experience-page .content__section .content .h2, .experience-page .content__section .content .h2-navy {
    display: inline-block;
    margin-bottom:1rem
}

@media (min-width: 1024px) {
    .experience-page .content__section .content .h2, .experience-page .content__section .content .h2-navy {
        margin-bottom: 1.5rem;
        width:80%
    }
}

@media (min-width: 1024px) {
    .experience-page .content__section .regular-text {
        width:80%
    }
}

.experience-page .content__section-1 {
    align-items: center;
    flex-direction: column;
    margin-top:4rem
}

@media (min-width: 1024px) {
    .experience-page .content__section-1 {
        flex-direction: row;
        justify-content: flex-end;
        margin-top:11.25rem
    }
}

@media (min-width: 1024px) {
    .experience-page .content__section-1 .content {
        padding-right:3rem
    }
}

.experience-page .content__section-1 .image {
    margin:1.875rem 0
}

@media (min-width: 1024px) {
    .experience-page .content__section-1 .image {
        margin:0
    }
}

.experience-page .content__section-2 {
    align-items: center;
    flex-direction: column-reverse;
    margin-top: 5rem;
    margin-bottom:5rem
}

@media (min-width: 1024px) {
    .experience-page .content__section-2 {
        flex-direction: row;
        margin-top: 7.5rem;
        margin-bottom:7.5rem
    }
}

@media (min-width: 1024px) {
    .experience-page .content__section-2 .content {
        align-items: flex-end;
        padding-left:3rem
    }
}

.experience-page .content__section-2 .image {
    margin:1.875rem 0
}

@media (min-width: 1024px) {
    .experience-page .content__section-2 .image {
        margin:0
    }
}

.experience-page .partners {
    background-color: #e8f4f6;
    padding: 3.125rem .3125rem;
    position:relative
}

@media (min-width: 1024px) {
    .experience-page .partners {
        padding:7.8125rem 1.25rem
    }
}

@media (min-width: 1024px) {
    .experience-page .partner:not(:last-child) {
        margin-right:3rem
    }
}

.experience-page .partner a {
    color: #0097A9;
    font-family: "NewClearEra", sans-serif;
    font-size: inherit;
    text-decoration:none
}

@media (min-width: 1024px) {
    .home-page {
        height: calc(100vh - 40px);
        scroll-snap-type: y mandatory;
        overflow-y:scroll
    }

    .home-page section {
        scroll-snap-align:start
    }

    .home-page .site-footer {
        scroll-snap-align:center
    }
}

@media (min-width: 1024px) {
    .home-page .content-section {
        height:100vh
    }
}

.home-page .content-section .inner-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 2.5rem;
    padding-bottom:1.25rem
}

@media (min-width: 1024px) {
    .home-page .content-section .inner-section {
        flex-direction: row;
        height: 35vh;
        padding-top: 3.5rem;
        padding-bottom:5rem
    }
}

@media (min-width: 1024px) {
    .home-page .content {
        margin-left:3rem
    }
}

.home-page .down-arrow {
    animation: fade-in 2.5s ease-in;
    bottom: 4.5rem;
    left: 50%;
    position: absolute;
    transform:rotate(-90deg) translateX(-50%)
}

.home-page .down-arrow svg {
    width: 40px;
    height: 40px;
}

@media (max-width: 786px) {
	.home-page .down-arrow  {
   bottom: 3.75rem;
}
.home-page .down-arrow svg {
    width: 30px;
    height: 30px;
}
    
}
@media (min-width: 1024px) {
    .home-page .hero {
        height:calc(100vh - 20px)
    }
}

.home-page .h3 {
    margin-bottom: 1.5rem;
    text-align:center
}

@media (min-width: 1024px) {
    .home-page .h3 {
        margin-bottom: 0;
        text-align:left
    }
}

.home-page .h5 {
    margin-bottom: 1.5rem;
    text-align:center
}

@media (min-width: 1024px) {
    .home-page .h5 {
        margin-bottom: 0;
        max-width: 23.125rem;
        text-align:left
    }
}

.home-page .lottie {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    top: 30%;
    width:100%
}

@media (min-width: 1024px) {
    .home-page .lottie {
        top: 20%;
        width:70%
    }
}

.home-page .site-header {
    top:.625rem
}

.home-page .video-container {
    background-size: cover;
    height:12.5rem
}

@media (min-width: 1024px) {
    .home-page .video-container {
        height:calc(65vh - 40px)
    }
}

.home-page video {
    height: 100%;
    object-fit: cover;
    object-position:center
}

.news-page {
    background-color:#1B355C
}

@media (min-width: 1024px) {
    .news-page {
        padding-bottom:7.8125rem
    }
}

.news-page .title a {
    text-decoration:none
}

.news-page .title-section {
    display: flex;
    justify-content: flex-end;
    padding:6.25rem 0 0 0
}

@media (min-width: 1024px) {
    .news-page .title-section {
        padding:18.75rem 0 0 0
    }
}

@media (min-width: 1024px) {
    .news-page .title-section .h1 {
        width:28.125rem
    }
}

.news-page .title-section .inner-section {
    width:100%
}

@media (min-width: 1024px) {
    .news-page .title-section .inner-section {
        display: flex;
        justify-content:flex-end
    }
}

.news-page .title-section .title-area {
    border-bottom: 3px solid #0097A9;
    padding-bottom:2.875rem
}

@media (min-width: 640px) {
    .news-page .title-section .title-area {
        margin-bottom:5.5rem
    }
}

@media (min-width: 1024px) {
    .news-page .title-section .title-area {
        padding-bottom: 3rem;
        margin-left: 12.5rem;
        width:80%
    }
}

.our-story-page .about-section {
    background: #e8f4f6;
    padding-top: 4.0625rem;
    position:relative
}

@media (min-width: 1024px) {
    .our-story-page .about-section {
        height: 56.25rem;
        padding:0
    }
}

.our-story-page .about-section .content {
    display: flex;
    flex-direction:column
}

@media (min-width: 1024px) {
    .our-story-page .about-section .content {
        height: 100%;
        justify-content: center;
        max-width:31.25rem
    }
}

@media (min-width: 1200px) {
    .our-story-page .about-section .content {
        max-width:40rem
    }
}

.our-story-page .about-section .content p {
    margin-bottom:2rem
}

.our-story-page .about-section .inner-section {
    display: flex;
    flex-direction: column;
    height: 100%;
    position:unset
}

@media (min-width: 1024px) {
    .our-story-page .about-section .inner-section {
        flex-direction:row
    }
}

.our-story-page .about-section .video-container {
    display:none
}

@media (min-width: 1024px) {
    .our-story-page .about-section .video-container {
        display:block
    }
}

.our-story-page .difference-section {
    padding:5rem 0
}

@media (min-width: 1024px) {
    .our-story-page .difference-section {
        padding:4rem 0
    }
}

.our-story-page .difference-section .content {
    max-width:23.4375rem
}

.our-story-page .difference-section .difference {
    margin-bottom:3.5rem
}

@media (min-width: 1024px) {
    .our-story-page .difference-section .difference {
        margin-bottom:9.375rem
    }

    .our-story-page .difference-section .difference figure {
        margin-right:7.8125rem
    }
}

.our-story-page .difference-section .difference .h3 {
    margin-bottom:.5rem
}

@media (min-width: 1024px) {
    .our-story-page .difference-section .difference .h3 {
        margin-bottom:1.125rem
    }
}

.our-story-page .difference-section .h2, .our-story-page .difference-section .h2-navy {
    margin-bottom:.3125rem
}

@media (min-width: 1024px) {
    .our-story-page .difference-section .h2, .our-story-page .difference-section .h2-navy {
        margin-bottom:7.625rem
    }
}

.our-story-page .inspiration {
    padding-bottom: 1.25rem;
    position:relative
}

.our-story-page .inspiration .content {
    background-size: cover;
    text-align:center
}

@media (min-width: 1024px) {
    .our-story-page .inspiration .content {
        background-image: none !important;
        display: flex;
        text-align:left
    }

    .our-story-page .inspiration .content p:not(:last-of-type) {
        border-bottom: 2px solid #1B355C;
        padding-bottom:.625rem
    }
}

.our-story-page .inspiration .content .content-container {
    flex:1
}

.our-story-page .inspiration .content .graphic {
    margin-right: 3rem;
    width:500px
}

.our-story-page .inspiration .h2, .our-story-page .inspiration .h2-navy {
    margin-bottom:.875rem
}

@media (min-width: 1024px) {
    .our-story-page .inspiration .h2, .our-story-page .inspiration .h2-navy {
        margin-bottom:1.25rem
    }
}

.our-story-page .inspiration .h5 {
    margin-bottom: 2.5rem;
    text-align:center
}

@media (min-width: 1024px) {
    .our-story-page .inspiration .h5 {
        margin-bottom: 5.9375rem;
        text-align:left
    }
}

@media (min-width: 1024px) {
    .our-story-page .inspiration {
        padding-bottom:6.25rem
    }
}

.our-story-page .video-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow:hidden
}

@media (min-width: 1024px) {
    .our-story-page .video-container {
        align-items: flex-start;
        bottom: 0;
        margin-left: 3.125rem;
        max-width: 25rem;
        position: absolute;
        right: 0;
        top:0
    }
}

@media (min-width: 1200px) {
    .our-story-page .video-container {
        max-width:29.6875rem
    }
}

.our-story-page .video-container .overlay {
    bottom: 0;
    position: absolute;
    line-height:0
}

@media (min-width: 1024px) {
    .our-story-page .video-container .overlay {
        top:0
    }
}

@media (min-width: 1024px) {
    .our-story-page .video-container .overlay img {
        height: 100%;
        width:auto
    }
}

.our-story-page .video-container video {
    height: 18.75rem;
    object-fit: cover;
    max-width: 40rem;
    width:99%
}

@media (min-width: 1024px) {
    .our-story-page .video-container video {
        height:99%
    }
}

.single-post .content {
    max-width:47.5rem
}

.single-post .post-section {
    padding-bottom: 7.5rem;
    padding-top: 2.5rem;
    text-align:center
}

@media (min-width: 640px) {
    .single-post .post-section {
        padding-bottom: 7.5rem;
        padding-top: 3.75rem;
        text-align:left
    }
}

.single-staff .back-section {
    flex: none;
    padding-bottom: 1.5rem;
    text-align:center
}

@media (min-width: 640px) {
    .single-staff .back-section {
        text-align:left
    }
}

.single-staff .content {
    margin: auto;
    max-width:29.6875rem
}

@media (min-width: 1024px) {
    .single-staff .content {
        margin-left:3rem
    }
}

.single-staff .content a {
    font-family: "NewClearEra", sans-serif;
    font-size: 1rem;
    line-height: 1.625rem;
    text-decoration:none
}

.single-staff figure {
    text-align:center
}

.single-staff img {
    max-width:22.8125rem
}

.single-staff .post-section {
    display: flex;
    flex-direction: column;
    padding-bottom: 2.5rem;
    padding-top:1.5rem
}

@media (min-width: 1024px) {
    .single-staff .post-section {
        flex-direction: row;
        padding-bottom: 9.375rem;
        padding-top:3.75rem
    }
}

.staff-page .page-title {
    color: #0097A9;
    margin-bottom:3rem
}

@media (min-width: 1024px) {
    .staff-page .page-title {
        color: #1B355C;
        margin-bottom:6rem
    }
}

.staff-page .staff-list {
    display: grid;
    grid-column-gap: 3.75rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    margin-bottom:2.5rem
}

@media (min-width: 1200px) {
    .staff-page .staff-list {
        grid-column-gap:7.5rem
    }
}

.staff-page .staff-member {
    position: relative;
    text-decoration:none
}

.staff-page .staff-member:after {
    background-color: rgba(245, 120, 110, 0.5);
    content: '';
    display: block;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .4s;
    width: 100%;
    z-index:1
}

.staff-page .staff-member:hover:after {
    opacity:1
}

.staff-page .staff-member:hover .staff__image-casual {
    opacity:1
}

.staff-page .staff-member .staff__image {
    position: relative;
    margin-bottom:1.5rem
}

.staff-page .staff-member .staff__image-casual {
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .5s;
    width: 100%;
    z-index:1
}

@media (min-width: 1024px) {
    .team-page h2 {
        width:80%
    }
}

.team-page .content-container {
    grid-column-start: 3;
    width:100%
}

@media (min-width: 1024px) {
    .team-page .inner-section {
        display: grid;
        grid-template-columns: min-content 1fr 80%;
        justify-items: flex-start;
        padding-bottom: 7.5rem;
        padding-top:7.5rem
    }
}

.values-page .inner-section {
    grid-template-rows:7.5rem min-content
}

.values-page .inner-section .team-navigation {
    grid-row-start: 1;
    grid-row-end:2
}

.values-page .page-title {
    color: #0097A9;
    margin-bottom:3rem
}

@media (min-width: 1024px) {
    .values-page .page-title {
        color: #1B355C;
        margin-bottom:4.375rem
    }
}

.values-page .values {
    grid-column-start: 2;
    grid-column-end: 4;
    margin-bottom: 2.5rem;
    position:relative
}

@media (min-width: 1024px) {
    .values-page .values {
        margin-bottom:0
    }
}

.values-page .value-item {
    display: flex;
    flex-direction:column
}

@media (min-width: 1024px) {
    .values-page .value-item {
        flex-direction:row
    }
}

@media (min-width: 1024px) {
    .values-page .value-item .content-block {
        padding: 3.9375rem 0 0 3rem;
        width:60%
    }
}

.values-page .value-item .title-block {
    position:relative
}

@media (min-width: 1024px) {
    .values-page .value-item .title-block {
        height: 14.6875rem;
        width:40%
    }
}

.values-page .value-item .title-block .inner {
    height: 100%;
    width:100%
}

@media (min-width: 1024px) {
    .values-page .value-item .title-block .inner {
        padding: 3.9375rem 6.5rem 0 0;
        left: 0;
        position: absolute;
        right: 0;
        top:0
    }
}

.values-page .value-item .title-block .h4, .values-page .value-item .title-block .h4-navy {
    margin-bottom: .625rem;
    text-align:center
}

@media (min-width: 1024px) {
    .values-page .value-item .title-block .h4, .values-page .value-item .title-block .h4-navy {
        color: #1B355C;
        margin-bottom: 0;
        text-align:right
    }
}

.values-page .value-item .bg-video {
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition:opacity .5s
}

.values-page .value-item:hover .bg-video {
    opacity:1
}

.values-page .value-item:hover .content-block {
    color:#0097A9
}

.values-page .value-item:hover .h4, .values-page .value-item:hover .h4-navy {
    color:#0097A9
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap:normal !important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#primary[tabindex="-1"]:focus {
    outline:0
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust:100%
}

main {
    display:block
}

figure {
    margin:0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow:visible
}

pre {
    font-family: monospace, monospace;
    font-size:1em
}

a {
    background-color:transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration:underline dotted
}

b, strong {
    font-weight:bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size:1em
}

small {
    font-size:80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align:baseline
}

sub {
    bottom:-0.25em
}

sup {
    top:-0.5em
}

img {
    border-style:none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin:0
}

button, input {
    overflow:visible
}

button, select {
    text-transform: none
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline:1px dotted ButtonText
}

fieldset {
    padding:0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space:normal
}

progress {
    vertical-align:baseline
}

textarea {
    overflow: auto
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance:none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font:inherit
}

details {
    display:block
}

summary {
    display:list-item
}

template {
    display:none
}

img {
    height: auto;
    width:100%
}

[hidden] {
    display:none
}

ul {
    list-style: none;
    margin: 0;
    padding:0
}

*, * ::before, * ::after {
    box-sizing:inherit
}

html {
    box-sizing:border-box
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color:transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding:0
}

.slick-list:focus {
    outline:none
}

.slick-list.dragging {
    cursor: pointer;
    cursor:hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right:auto
}

.slick-track:before, .slick-track:after {
    content: "";
    display:table
}

.slick-track:after {
    clear:both
}

.slick-loading .slick-track {
    visibility:hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float:right
}

.slick-slide img {
    display: block;
    margin:auto
}

.slick-slide.slick-loading img {
    display:none
}

.slick-slide.dragging img {
    pointer-events:none
}

.slick-initialized .slick-slide {
    display:block
}

.slick-loading .slick-slide {
    visibility:hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border:1px solid transparent
}

.slick-arrow.slick-hidden {
    display:none
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor:pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background-color:transparent
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color:black
}

.slick-dots li button:before {
    font-size: 36px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

/* 7 November 2022 fixes */
#SOIBTN_UniqueWealth {
    background: none;
    border: none;
    padding: 0;
    color: inherit;
    font-weight: unset;
}

.mobile_button_container {
    list-style: none;
    display: grid;
    gap: 1rem;
    position: absolute;
    width: 100vw;
    inset-block-end: 6rem;
}

.mobile_button_container li {
    margin: auto;
    max-width: 10rem;
    text-align: center;
}

.mobile_button_container a {
    text-decoration: none;
}