@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);
@charset "UTF-8";
/* statistics mixin */
/*************************
* Lenis smooth-scroll required rules
* Only take effect when Lenis has added its `.lenis` class to .
* Disable native smooth-scroll (conflicts), scope overscroll-behavior for
* opt-out elements, hide iframe pointer events during smooth scroll, etc.
*********************** */
html.lenis,
html.lenis body {
height: auto;
}
.lenis.lenis-smooth {
scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: clip;
}
.lenis.lenis-smooth iframe {
pointer-events: none;
}
body:before {
content: '{ "current": "large" }';
display: none;
}
@media (min-width: 48.063em) and (max-width: 76.5em) {
body:before {
content: '{ "current": "medium" }';
}
}
@media (min-width: 0em) and (max-width: 48em) {
body:before {
content: '{ "current": "small" }';
}
}
:root {
--header-height: 101px;
--frame-block-bg: #ffffff;
--sticky-frame-bg: white;
--frame-block-narrow-bg: rgba(238, 238, 238, 0.1);
--eyebrow-bg: #40DBBF;
--button-bg-color: #145A70;
--button-bg-hover: #145A70;
--button-border-color: #145A70;
--button-font-color: #ffffff;
--button-outline-bg-color: rgba(238, 238, 238, 0.4);
--scrolling-cards-block-bg: rgba(255, 255, 255, 0.2);
--scrolling-cards-block-border: #cccccc;
--scrolling-cards-vertical-bg: #ffffff;
--tabs-bg: rgba(238, 238, 238, 0.3);
--tab-selected-bg: rgba(255, 255, 255, 0.5);
--tabs-bg-mobile: rgba(238, 238, 238, 0.6);
--tab-selected-bg-mobile: rgba(255, 255, 255, 0.8);
--tabs-split-bg: #ffffff;
--tabs-divider-color: rgba(204, 204, 204, 0.5);
--expandable-content-bg: #ffffff;
--accordion-arrow-color: #145A70;
--shadow1: rgba(64, 170, 219, 0.4);
--shadow11: rgba(64, 170, 219, 0.04);
--shadow2: rgba(64, 219, 191, 0.4);
--shadow22: rgba(64, 219, 191, 0.04);
--arrow-color: #24261C;
--section-bg: #ffffff;
--nav-bg: rgba(255, 255, 255, 0.1);
--nav-border-color: #24261C;
--sticky-nav-bg: rgba(238, 238, 238, 0.8);
--sticky-border-color: rgba(238, 238, 238, 0.4);
--underline-color: #24261C;
--underline-inactive-color: rgba(36, 38, 28, 0.3);
--articles-hover-bg: rgba(238, 238, 238, 0.6);
--slick-arrows-color: rgba(36, 38, 28, 0.9);
--slick-arrows-bg: rgba(238, 238, 238, 0.1);
--default-color: #24261C;
--sliding-tab-bg: rgba(238, 238, 238, 0.3);
--sliding-tabs-bg: #ffffff;
--side-line-color: #40DBBF;
--line-color: #000000;
--border-color: #cccccc;
--social-bg-color: #145A70;
--timeline-color: #000000;
--quote-bg: rgba(36, 38, 28, 0.05);
--left-color: #eeeeee;
--right-color: #40DBBF;
--bottom-color: #ffffff;
--top-color: #40DBBF;
--pagination-color: rgba(36, 38, 28, 0.4);
--dropdown-bg-color: rgba(238, 238, 238, 0.5);
--mobile-utility-bg: rgba(36, 38, 28, 0.05);
--btn-mobile-color: #ffffff;
}
@media (min-width: 0) and (max-width: 64em) {
:root {
--header-height: 66px;
}
}
.dark-mode {
--frame-block-bg: rgba(36, 38, 28, 0.6);
--sticky-frame-bg: rgba(5, 32, 36, 0.05);
--frame-block-narrow-bg: rgba(36, 38, 28, 0.3);
--eyebrow-bg: #C58F94;
--button-bg-color: #40DBBF;
--button-bg-hover: #40DBBF;
--button-border-color: #40DBBF;
--button-font-color: #24261C;
--button-outline-bg-color: rgba(36, 38, 28, 0.3);
--scrolling-cards-block-bg: rgba(36, 38, 28, 0.3);
--scrolling-cards-block-border: rgba(204, 204, 204, 0.25);
--scrolling-cards-vertical-bg: rgba(36, 38, 28, 0.3);
--tabs-bg: rgba(36, 38, 28, 0.4);
--tab-selected-bg: rgba(36, 38, 28, 0.2);
--tabs-bg-mobile: rgba(36, 38, 28, 0.6);
--tab-selected-bg-mobile: transparent;
--tabs-split-bg: rgba(36, 38, 28, 0.2);
--tabs-divider-color: rgba(238, 238, 238, 0.3);
--expandable-content-bg: rgba(36, 38, 28, 0.3);
--accordion-arrow-color: #40DBBF;
--shadow1: rgba(64, 170, 219, 0.4);
--shadow11: rgba(64, 170, 219, 0.04);
--shadow2: rgba(197, 143, 148, 0.4);
--arrow-color: #ffffff;
--section-bg: #27312c;
--nav-bg: rgba(36, 38, 28, 0.4);
--nav-border-color: #cccccc;
--sticky-nav-bg: rgba(5, 32, 36, 0.2);
--sticky-border-color: rgba(36, 38, 28, 0.4);
--underline-color: rgba(238, 238, 238, 0.9);
--underline-inactive-color: rgba(238, 238, 238, 0.3);
--articles-hover-bg: rgba(36, 38, 28, 0.3);
--slick-arrows-color: rgba(238, 238, 238, 0.9);
--slick-arrows-bg: rgba(36, 38, 28, 0.1);
--default-color: #ffffff;
--sliding-tab-bg: rgba(36, 38, 28, 0.3);
--sliding-tabs-bg: transparent;
--side-line-color: #C58F94;
--line-color: rgba(238, 238, 238, 0.6);
--border-color: rgba(238, 238, 238, 0.3);
--social-bg-color: #40DBBF;
--timeline-color: #eeeeee;
--quote-bg: rgba(238, 238, 238, 0.05);
--left-color: #052024;
--right-color: #24261C;
--bottom-color: #24261C;
--top-color: #052024;
--pagination-color: rgba(238, 238, 238, 0.4);
--dropdown-bg-color: rgba(36, 38, 28, 0.3);
--mobile-utility-bg: rgba(238, 238, 238, 0.1);
--btn-mobile-color: #24261C;
}
/* statistics mixin */
.wf-loading {
visibility: hidden;
}
.wf-active {
visibility: visible;
}
@font-face {
font-family: "icon";
src: url("/wp-content/themes/advi-health/resources/assets/fonts/icon.ttf?qwh6p1") format("truetype"), url("/wp-content/themes/advi-health/resources/assets/fonts/icon.woff?qwh6p1") format("woff"), url("/wp-content/themes/advi-health/resources/assets/fonts/icon.svg?qwh6p1#icon") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=icon-], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-link:before {
content: "\e903";
}
.icon-x:before {
content: "\e902";
}
.icon-linkedin:before {
content: "\e900";
}
.icon-brand:before {
content: "\e900";
}
.icon-social:before {
content: "\e900";
}
.icon-facebook:before {
content: "\e901";
}
.icon-brand1:before {
content: "\e901";
}
.icon-social1:before {
content: "\e901";
}
*:focus {
outline: 0;
}
html {
-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
html, body {
height: 100%;
}
*, div {
box-sizing: border-box;
}
img {
display: inline-block;
vertical-align: middle;
}
.clearit {
clear: both;
font-size: 1px;
line-height: 1px;
}
.main-hero .wrapper {
padding-top: 112px;
padding-bottom: 112px;
}
@media (min-width: 0em) and (max-width: 48em) {
.main-hero .wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
.main-hero .wp-block-columns {
gap: 0 80px;
align-items: stretch !important;
margin: 0;
}
@media only screen and (min-width: 1025px) {
.main-hero .wp-block-columns .wp-block-column *:last-child {
margin-bottom: 0;
}
}
.main-hero .wp-block-columns .wp-block-column:last-child {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.main-hero .wp-block-columns .wp-block-column:last-child:not(:has(*)) {
display: none;
}
.main-hero .wp-block-columns .wp-block-column:last-child *:last-child {
margin-bottom: 0;
}
.main-hero .wp-block-columns .wp-block-column:first-child {
position: sticky;
top: calc(var(--header-height) + 112px);
}
@media (min-width: 0) and (max-width: 64em) {
.main-hero .wp-block-columns .wp-block-column:first-child {
position: relative;
top: auto;
}
}
.main-hero.has-img-bg {
position: relative;
overflow: hidden;
margin-top: calc(var(--header-height) * -1);
}
@media (min-width: 0em) and (max-width: 48em) {
.main-hero.has-img-bg {
margin-top: -64px;
}
}
.main-hero.has-img-bg .wrapper {
padding-top: calc(var(--header-height) + 112px);
}
@media (min-width: 0em) and (max-width: 48em) {
.main-hero.has-img-bg .wrapper {
padding-top: calc(64px + 64px);
}
}
.main-hero.has-img-bg .blurb {
padding-bottom: 64px;
}
@media (min-width: 0) and (max-width: 64em) {
.main-hero.has-img-bg .blurb {
position: relative;
top: auto;
}
}
@media (min-width: 0em) and (max-width: 48em) {
.main-hero.has-img-bg .blurb {
padding-bottom: 30px;
}
}
.main-hero.has-img-bg .media {
position: relative;
z-index: 10;
border-radius: 8px;
overflow: hidden;
will-change: transform;
width: 100%;
height: 100%;
margin-left: auto !important;
margin-right: auto !important;
}
.main-hero.has-img-bg .media img {
width: 100%;
height: auto;
aspect-ratio: 16/9;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
}
.main-hero.has-img-bg .media video {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16/9;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
}
.main-hero.has-img-bg.img-top {
opacity: 0;
overflow: hidden;
}
.main-hero.has-img-bg.img-top.is-ready {
opacity: 1;
}
.main-hero.has-img-bg.img-top .wrapper {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0;
}
.main-hero.has-img-bg.img-top .wp-block-columns {
flex-direction: column;
gap: 30px;
padding-bottom: 64px;
}
.main-hero.has-img-bg.img-top .wp-block-columns .wp-block-column:first-child {
width: 50%;
max-width: 1200px;
}
@media (min-width: 0) and (max-width: 64em) {
.main-hero.has-img-bg.img-top .wp-block-columns .wp-block-column:first-child {
width: 70%;
}
}
@media (min-width: 0em) and (max-width: 48em) {
.main-hero.has-img-bg.img-top .wp-block-columns .wp-block-column:first-child {
width: 100%;
}
}
.main-hero.has-img-bg.img-top .wp-block-columns .wp-block-column:last-child {
width: 40%;
max-width: 800px;
margin-left: auto;
}
@media (min-width: 0) and (max-width: 64em) {
.main-hero.has-img-bg.img-top .wp-block-columns .wp-block-column:last-child {
width: 70%;
}
}
@media (min-width: 0em) and (max-width: 48em) {
.main-hero.has-img-bg.img-top .wp-block-columns .wp-block-column:last-child {
width: 100%;
}
}
.main-hero.has-img-bg.img-top img, .main-hero.has-img-bg.img-top video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
}
.main-hero.has-img-bg.img-top .blurb {
padding-top: 64px;
padding-bottom: 0;
}
.main-hero.has-img-bg.img-top .blurb .crumb {
text-align: center;
}
@media (min-width: 0em) and (max-width: 48em) {
.main-hero.has-img-bg.img-top .blurb {
padding: 30px 20px;
}
}
.main-hero.has-img-bg.img-top .media {
order: -1;
}
.main-hero.is-style-solid {
box-shadow: 0 8px 28px 0 rgba(20, 90, 112, 0.1);
margin-bottom: 112px;
background: var(--frame-block-bg);
}
@media (min-width: 0em) and (max-width: 48em) {
.main-hero.is-style-solid {
margin-bottom: 64px;
}
}
.main-hero.is-style-solid .wrapper {
background-color: var(--sticky-frame-bg);
}
.main-hero.is-style-solid:first-child {
margin-top: calc(var(--header-height) * -1);
}
.main-hero.is-style-solid:first-child .wrapper {
padding-top: calc(var(--header-height) + 112px);
}
.homepage .main-hero .wrapper, .home .main-hero .wrapper {
padding-top: 165px;
}
@media (min-width: 0) and (max-width: 64em) {
.homepage .main-hero .wrapper, .home .main-hero .wrapper {
padding-top: 64px;
}
}
.homepage .main-hero .wp-block-columns, .home .main-hero .wp-block-columns {
flex-direction: column;
}
.homepage .main-hero .wp-block-columns .wp-block-column:first-child, .home .main-hero .wp-block-columns .wp-block-column:first-child {
margin-right: calc(50% + 40px);
top: calc(var(--header-height) + 165px);
}
@media (min-width: 0) and (max-width: 64em) {
.homepage .main-hero .wp-block-columns .wp-block-column:first-child, .home .main-hero .wp-block-columns .wp-block-column:first-child {
margin-right: 0;
position: relative;
top: auto;
}
}
.homepage .main-hero .wp-block-columns .wp-block-column:last-child, .home .main-hero .wp-block-columns .wp-block-column:last-child {
margin-left: calc(50% + 40px);
}
@media (min-width: 0) and (max-width: 64em) {
.homepage .main-hero .wp-block-columns .wp-block-column:last-child, .home .main-hero .wp-block-columns .wp-block-column:last-child {
margin-left: 0;
}
}
.main-hero.is-style-solid + .frame-fp-block.full {
margin-top: -112px;
}
@media (min-width: 0em) and (max-width: 48em) {
.main-hero.is-style-solid + .frame-fp-block.full {
margin-top: -64px;
}
}
:root {
--frame-block-bg: #ffffff;
}
.dark-mode {
--frame-block-bg: rgba(36, 38, 28, 0.6);
}
.frame-fp-block {
position: relative;
background: var(--frame-block-bg);
box-shadow: 0 10px 10px -2px rgba(20, 90, 112, 0.1);
margin-bottom: 112px;
}
@media (min-width: 0em) and (max-width: 48em) {
.frame-fp-block {
margin-bottom: 64px;
}
}
.frame-fp-block.full .wrapper {
padding-top: 112px;
padding-bottom: 112px;
}
@media (min-width: 0em) and (max-width: 48em) {
.frame-fp-block.full .wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
.frame-fp-block:not(.full) {
background: none;
box-shadow: none;
position: relative;
border-radius: 16px;
overflow: hidden;
}
.frame-fp-block:not(.full) .shadow1 {
content: "";
position: absolute;
bottom: -20%;
left: -30%;
width: 100%;
padding-bottom: 100%;
background: radial-gradient(67.7% 42.6% at 50% 50%, var(--shadow1) 0%, var(--shadow11) 100%);
filter: blur(40px);
border-radius: 50%;
transition: transform 0.3s ease-out;
will-change: transform;
}
.frame-fp-block:not(.full) .shadow2 {
content: "";
position: absolute;
top: -25%;
left: 25%;
width: 100%;
padding-bottom: 100%;
background: radial-gradient(57.76% 31.46% at 50% 50%, var(--shadow2) 0%, var(--shadow22) 100%);
filter: blur(40px);
border-radius: 50%;
transition: transform 0.3s ease-out;
will-change: transform;
}
.frame-fp-block:not(.full) {
background: var(--frame-block-narrow-bg);
}
.frame-fp-block:not(.full) .wrapper {
border: 1px solid #cccccc;
border-radius: 16px;
padding: 64px 40px;
}
@media (min-width: 0) and (max-width: 64em) {
.frame-fp-block:not(.full) .wrapper {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media (min-width: 0em) and (max-width: 48em) {
.frame-fp-block:not(.full) .wrapper {
padding: 64px 20px 30px 20px;
}
}
.frame-fp-block .wrapper {
position: relative;
z-index: 20;
}
.frame-fp-block .wrapper > *:last-child {
margin-bottom: 0;
}
.frame-fp-block.is-style-narrow .wrapper {
width: 100%;
padding-left: calc(50% - 1240px / 2);
padding-right: calc(50% - 1240px / 2);
}
@media only screen and (max-width: 1640px) {
.frame-fp-block.is-style-narrow .wrapper {
padding-left: calc(50% - 1240px / 2);
padding-right: calc(50% - 1240px / 2);
}
}
@media only screen and (max-width: calc(1240px + 2 * 180px)) {
.frame-fp-block.is-style-narrow .wrapper {
padding-left: 180px;
padding-right: 180px;
}
}
@media (min-width: 0) and (max-width: 64em) {
.frame-fp-block.is-style-narrow .wrapper {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 0em) and (max-width: 48em) {
.frame-fp-block.is-style-narrow .wrapper {
padding-left: 20px;
padding-right: 20px;
}
}
.frame-fp-block.is-style-fluid-bg .shadow1 {
content: "";
position: absolute;
bottom: -20%;
left: -30%;
width: 100%;
padding-bottom: 100%;
background: radial-gradient(67.7% 42.6% at 50% 50%, var(--shadow1) 0%, var(--shadow11) 100%);
filter: blur(40px);
border-radius: 50%;
transition: transform 0.3s ease-out;
will-change: transform;
}
.frame-fp-block.is-style-fluid-bg .shadow2 {
content: "";
position: absolute;
top: -25%;
left: 25%;
width: 100%;
padding-bottom: 100%;
background: radial-gradient(57.76% 31.46% at 50% 50%, var(--shadow2) 0%, var(--shadow22) 100%);
filter: blur(40px);
border-radius: 50%;
transition: transform 0.3s ease-out;
will-change: transform;
}
.frame-fp-block.is-style-fluid-bg {
overflow: hidden;
backdrop-filter: blur(20px);
}
.frame-fp-block.is-style-fluid-bg .video-bg {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 100%;
transform: translate(0, -50%);
-o-object-fit: cover;
object-fit: cover;
z-index: 1;
opacity: 0.2;
pointer-events: none;
backdrop-filter: blur(40px);
}
.frame-fp-block.is-style-fluid-bg .dot-wave-canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
pointer-events: none;
}
.frame-fp-block.is-style-fluid-bg:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: none;
transition: opacity 0.3s ease;
pointer-events: none;
z-index: 1;
border-radius: 16px;
}
.frame-fp-block.is-style-fluid-bg .shadow1 {
padding-bottom: 0;
height: 200%;
max-width: 1000px;
max-height: 800px;
top: 0;
left: -5%;
z-index: 10;
}
@media (min-width: 0) and (max-width: 64em) {
.frame-fp-block.is-style-fluid-bg .shadow1 {
left: 10%;
max-height: 150%;
animation: move-bg 10s ease infinite;
}
}
.frame-fp-block.is-style-fluid-bg .shadow2 {
padding-bottom: 0;
height: 200%;
max-width: 1000px;
max-height: 800px;
top: -55%;
left: 30%;
z-index: 10;
}
@media (min-width: 0) and (max-width: 64em) {
.frame-fp-block.is-style-fluid-bg .shadow2 {
display: none;
}
}
.frame-fp-block.is-style-fluid-bg.full .shadow1 {
left: 0;
}
.frame-fp-block.is-style-fluid-bg.full .shadow2 {
top: -15%;
left: 20%;
}
.frame-fp-block.transparent {
background: none;
box-shadow: none;
}
.frame-fp-block.transparent .wrapper {
padding-bottom: 0;
}
.dark-mode .frame-fp-block:not(.full):before {
background: rgba(5, 32, 36, 0.6);
}
.frame-fp-block.full + .frame-fp-block.full {
margin-top: -112px;
}
@media (min-width: 0em) and (max-width: 48em) {
.frame-fp-block.full + .frame-fp-block.full {
margin-top: -64px;
}
}
.frame-fp-block + .scrolling-cards-block,
.frame-fp-block + .hsc-pin-wrap, .wp-block-columns + .scrolling-cards-block,
.wp-block-columns + .hsc-pin-wrap, main > div > .wp-block-quote + .scrolling-cards-block,
main > div > .wp-block-quote + .hsc-pin-wrap {
margin-top: -112px;
}
@media (min-width: 0em) and (max-width: 48em) {
.frame-fp-block + .scrolling-cards-block,
.frame-fp-block + .hsc-pin-wrap, .wp-block-columns + .scrolling-cards-block,
.wp-block-columns + .hsc-pin-wrap, main > div > .wp-block-quote + .scrolling-cards-block,
main > div > .wp-block-quote + .hsc-pin-wrap {
margin-top: -64px;
}
}
*:not(.frame-fp-block):not(.main-hero):not(.sir-pin-wrap) + .frame-fp-block, *:not(.frame-fp-block):not(.main-hero):not(.sir-pin-wrap) + .edit-fp-block .frame-fp-block {
margin-top: 112px;
}
@media (min-width: 0em) and (max-width: 48em) {
*:not(.frame-fp-block):not(.main-hero):not(.sir-pin-wrap) + .frame-fp-block, *:not(.frame-fp-block):not(.main-hero):not(.sir-pin-wrap) + .edit-fp-block .frame-fp-block {
margin-top: 64px;
}
}
*:not(.frame-fp-block):not(.main-hero):not(.sir-pin-wrap) + .side-image-block {
margin-top: 64px;
}
@media (min-width: 0em) and (max-width: 48em) {
*:not(.frame-fp-block):not(.main-hero):not(.sir-pin-wrap) + .side-image-block {
margin-top: 30px;
}
}
*:not(.frame-fp-block):not(.main-hero):not(.sir-pin-wrap) + .expandable-content {
margin-top: 30px;
}
@media (min-width: 0em) and (max-width: 48em) {
*:not(.frame-fp-block):not(.main-hero):not(.sir-pin-wrap) + .expandable-content {
margin-top: 30px;
}
}
.frame-fp-block.full:not([class*=background-color]) + .frame-fp-block.full:not([class*=background-color]) .wrapper {
padding-top: 0;
}
@keyframes move-bg {
0% {
left: 10%;
top: 0;
}
25% {
left: 0;
top: 20%;
}
50% {
left: -10%;
top: -30%;
}
75% {
left: 20%;
top: -10%;
}
100% {
left: 10%;
top: 0;
}
}
/*
.frame-fp-block + .frame-fp-block {
@include breakpoint($small) {
margin-top: -64px;
}
}
.frame-fp-block[class*="background-color"] {
+ *:not(.frame-fp-block.full), + noscript + *:not(.frame-fp-block) {
margin-top: $global-frame-l-spacing;
@media only screen and (max-width: $row-max) {
margin-top: $global-frame-spacing;
}
@include breakpoint($small) {
margin-top: $global-frame-spacing;
}
}
}
*/
.expandable-content {
margin: 0 0 112px 0;
}
@media (min-width: 0em) and (max-width: 48em) {
.expandable-content {
margin: 0 0 64px 0;
}
}
.expandable-content > div:not(.acf-innerblocks-container), .expandable-content .wp-block-acf-accordion-content {
margin: 0 0 20px 0;
padding: 0;
border-radius: 8px;
position: relative;
overflow: hidden;
border: 1px solid #eeeeee;
background: var(--expandable-content-bg);
box-shadow: 0 26px 7px 0 rgba(20, 90, 112, 0), 0 17px 7px 0 rgba(20, 90, 112, 0.01), 0 9px 6px 0 rgba(20, 90, 112, 0.03), 0 4px 4px 0 rgba(20, 90, 112, 0.05), 0 1px 2px 0 rgba(20, 90, 112, 0.06);
backdrop-filter: blur(40px);
}
.expandable-content > div:not(.acf-innerblocks-container):last-child, .expandable-content .wp-block-acf-accordion-content:last-child {
margin: 0;
}
.expandable-content > div:not(.acf-innerblocks-container) .title, .expandable-content .wp-block-acf-accordion-content .title {
font-size: 18px;
font-weight: 700;
text-decoration: none !important;
line-height: 1.5;
border: 0;
background: none;
border-radius: 8px 8px 0 0;
padding: 20px 50px 20px 24px;
margin: 0;
text-align: left;
position: relative;
display: block;
width: 100%;
cursor: pointer;
color: var(--default-color);
}
.expandable-content > div:not(.acf-innerblocks-container) .title:after, .expandable-content .wp-block-acf-accordion-content .title:after {
content: "";
position: absolute;
width: 20px;
height: 20px;
right: 25px;
top: 50%;
text-align: center;
transform: translateY(-50%);
transition: all ease 0.3s;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background: var(--accordion-arrow-color);
}
.expandable-content > div:not(.acf-innerblocks-container) .title:hover, .expandable-content .wp-block-acf-accordion-content .title:hover {
text-decoration: none;
}
.expandable-content > div:not(.acf-innerblocks-container) .title[aria-expanded=true]:after, .expandable-content .wp-block-acf-accordion-content .title[aria-expanded=true]:after {
transform: translateY(-50%) scaleY(-1);
}
.expandable-content > div:not(.acf-innerblocks-container) .expanded-content, .expandable-content .wp-block-acf-accordion-content .expanded-content {
padding: 0 25px 25px 25px;
display: none;
}
.expandable-content > div:not(.acf-innerblocks-container) .expanded-content *:last-child, .expandable-content .wp-block-acf-accordion-content .expanded-content *:last-child {
margin-bottom: 0;
}
.wp-block-acf-accordion-content {
margin-bottom: 40px;
}
.wp-block-acf-accordion-content .expanded-content {
display: none !important;
}
.wp-block-acf-accordion-content .acf-block-preview {
border-color: transparent;
}
.wp-block-acf-accordion-content.is-selected .expanded-content, .wp-block-acf-accordion-content.has-child-selected .expanded-content, .wp-block-acf-accordion-content .expanded .expanded-content {
display: block !important;
}
.open-positions {
margin: 0 0 112px 0;
}
@media (min-width: 0em) and (max-width: 48em) {
.open-positions {
margin: 0 0 64px 0;
}
}
.open-positions > a {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 0 80px;
margin: 0 0 24px 0;
padding: 27px;
border-radius: 8px;
position: relative;
overflow: hidden;
border: 1px solid #eeeeee;
background: var(--button-outline-bg-color);
box-shadow: 0 26px 7px 0 rgba(20, 90, 112, 0), 0 17px 7px 0 rgba(20, 90, 112, 0.01), 0 9px 6px 0 rgba(20, 90, 112, 0.03), 0 4px 4px 0 rgba(20, 90, 112, 0.05), 0 1px 2px 0 rgba(20, 90, 112, 0.06);
text-decoration: none !important;
}
@media (min-width: 0em) and (max-width: 48em) {
.open-positions > a {
flex-direction: column;
}
}
.open-positions > a span {
display: block;
margin: 5px 0;
}
.open-positions > a span.location, .open-positions > a span.fhd {
display: inline-block;
font-size: 16px;
font-weight: 400;
margin-right: 20px;
}
@media (min-width: 0em) and (max-width: 48em) {
.open-positions > a span.location, .open-positions > a span.fhd {
display: block;
margin-right: 0;
}
}
.open-positions > a span.location:before, .open-positions > a span.fhd:before {
top: 3px;
}
.open-positions > a .btn {
flex: 0 0 auto;
}
.open-positions > a p {
flex: 1 1 auto;
margin: 0;
font-size: 24px;
font-weight: 600;
}
.open-positions > a:hover {
text-decoration: none;
}
.scrolling-cards-block .wrapper {
padding-top: 112px;
}
@media (min-width: 0em) and (max-width: 48em) {
.scrolling-cards-block .wrapper {
padding-top: 64px;
}
}
.scrolling-cards-block.is-pinnable {
position: sticky;
top: var(--header-height) !important;
z-index: 10;
}
.scrolling-cards-block .scrolling-cards {
border: 1px solid transparent;
overflow: hidden;
position: relative;
display: flex;
counter-reset: card-number;
border-radius: 8px;
}
@media (min-width: 0) and (max-width: 64em) {
.scrolling-cards-block .scrolling-cards {
flex-direction: column;
overflow: visible;
}
}
.scrolling-cards-block .scrolling-cards:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--scrolling-cards-block-bg);
backdrop-filter: blur(40px);
}
.scrolling-cards-block .scrolling-cards .card {
flex: 0 0 75px;
padding: 0;
overflow: hidden;
display: flex;
z-index: 3;
transition: all ease 1s;
border: 1px solid var(--scrolling-cards-block-border);
border-right: none;
counter-increment: card-number;
}
@media (min-width: 0) and (max-width: 64em) {
.scrolling-cards-block .scrolling-cards .card {
flex-direction: column;
border-right: 1px solid var(--scrolling-cards-block-border);
position: sticky;
top: var(--header-height) !important;
visibility: visible;
flex: 0 0 auto;
border-radius: 8px 8px 0 0;
background: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(40px);
margin-top: -4px;
}
}
.scrolling-cards-block .scrolling-cards .card.active {
flex: 1 0 75px;
border: 1px solid #cccccc;
border-right: none;
}
@media (min-width: 0) and (max-width: 64em) {
.scrolling-cards-block .scrolling-cards .card.active {
flex: 1 0 auto;
border: 1px solid var(--scrolling-cards-block-border);
}
}
.scrolling-cards-block .scrolling-cards .card.active + .card {
border-left: 1px solid #cccccc;
}
@media (min-width: 0) and (max-width: 64em) {
.scrolling-cards-block .scrolling-cards .card.active + .card {
border-left: 1px solid var(--scrolling-cards-block-border);
}
}
.scrolling-cards-block .scrolling-cards .card.active:last-child {
border-right: 1px solid #cccccc;
}
@media (min-width: 0) and (max-width: 64em) {
.scrolling-cards-block .scrolling-cards .card.active:last-child {
border-left: 1px solid var(--scrolling-cards-block-border);
}
}
.scrolling-cards-block .scrolling-cards .card:first-child {
border-radius: 8px 0 0 8px;
}
@media (min-width: 0) and (max-width: 64em) {
.scrolling-cards-block .scrolling-cards .card:first-child {
border-radius: 8px 8px 0 0;
}
}
@media (min-width: 0) and (max-width: 64em) {
.scrolling-cards-block .scrolling-cards .card:first-child {
border-radius: 8px 8px 0 0;
}
}
.scrolling-cards-block .scrolling-cards .card:last-child {
border-radius: 0 8px 8px 0;
border-right: 1px solid var(--scrolling-cards-block-border);
}
@media (min-width: 0) and (max-width: 64em) {
.scrolling-cards-block .scrolling-cards .card:last-child {
border-radius: 0 0 8px 8px;
}
}
@media (min-width: 0) and (max-width: 64em) and (min-width: 0) and (max-width: 64em) {
.scrolling-cards-block .scrolling-cards .card:last-child {
border-radius: 8px 8px 0 0;
}
}
.scrolling-cards-block .scrolling-cards .card .card-int {
padding: 64px 48px 24px 48px;
max-width: 900px;
flex-shrink: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
@media only screen and (max-height: 900px) {
.scrolling-cards-block .scrolling-cards .card .card-int {
padding-top: 24px;
padding-bottom: 0;
}
}
.scrolling-cards-block .scrolling-cards .card .card-int img {
border-radius: 8px;
flex-shrink: 1;
max-height: 30vh;
max-width: 100%;
width: auto;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center top;
object-position: center top;
}
@media (min-width: 0) and (max-width: 64em) {
.scrolling-cards-block .scrolling-cards .card .card-int img {
max-height: none;
}
}
.scrolling-cards-block .scrolling-cards .card .card-int figure.wp-block-image {
max-width: 770px;
}
@media (min-width: 0) and (max-width: 64em) {
.scrolling-cards-block .scrolling-cards .card .card-int {
width: 100% !important;
padding: 16px 24px;
}
}
.scrolling-cards-block .scrolling-cards .card label {
flex: 0 0 75px;
padding: 50px 24px 150px 24px;
writing-mode: vertical-rl;
transform: rotate(180deg);
display: flex;
align-items: center;
justify-content: flex-start;
gap: 24px;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
font-family: "Sora", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
min-height: 300px;
}
@media only screen and (max-height: 900px) {
.scrolling-cards-block .scrolling-cards .card label {
padding: 24px;
}
}
@media (min-width: 0) and (max-width: 64em) {
.scrolling-cards-block .scrolling-cards .card label {
writing-mode: horizontal-tb;
transform: rotate(0);
padding: 10px 24px;
justify-content: flex-end;
min-height: auto;
}
}
.scrolling-cards-block .scrolling-cards .card label::before {
content: counter(card-number);
font-size: 40px;
font-weight: 700;
font-family: "Sora", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
color: #40AADB;
position: absolute;
transform: rotate(90deg);
bottom: 50px;
}
@media only screen and (max-height: 900px) {
.scrolling-cards-block .scrolling-cards .card label::before {
bottom: 35px;
}
}
@media (min-width: 0) and (max-width: 64em) {
.scrolling-cards-block .scrolling-cards .card label::before {
transform: rotate(0);
bottom: 10px;
left: 24px;
}
}
.scrolling-cards-block.is-style-vertical {
padding-bottom: 50px;
}
.scrolling-cards-block.is-style-vertical .wrapper, .scrolling-cards-block.is-style-vertical .wrapper > .acf-innerblocks-container {
display: flex;
align-items: flex-start;
gap: 0 80px;
}
@media (min-width: 0) and (max-width: 64em) {
.scrolling-cards-block.is-style-vertical .wrapper, .scrolling-cards-block.is-style-vertical .wrapper > .acf-innerblocks-container {
flex-direction: column;
}
}
.scrolling-cards-block.is-style-vertical .blurb {
flex: 0 0 50%;
}
.scrolling-cards-block.is-style-vertical .scrolling-cards {
flex: 1;
display: grid;
border: 0;
overflow: visible;
}
@media (min-width: 0) and (max-width: 64em) {
.scrolling-cards-block.is-style-vertical .scrolling-cards {
display: grid;
grid-template-rows: 1fr;
}
}
.scrolling-cards-block.is-style-vertical .scrolling-cards:before {
display: none;
}
.scrolling-cards-block.is-style-vertical .scrolling-cards .card {
grid-column: 1/2;
grid-row: 1/2;
border-radius: 8px;
border: 1px solid #cccccc;
opacity: 0;
transform: translateY(100%);
transition: transform ease 0.5s, opacity ease 0.5s, border-color-bottom ease 0.5s, border-radius ease 0.5s;
overflow: hidden;
box-shadow: 0 8px 28px 0 rgba(20, 90, 112, 0.1);
}
@media (min-width: 0) and (max-width: 64em) {
.scrolling-cards-block.is-style-vertical .scrolling-cards .card {
opacity: 1;
visibility: visible;
flex: 0 0 auto;
border-radius: 8px 8px 0 0;
background: var(--expandable-content-bg);
margin-top: -4px;
grid-column: auto;
grid-row: auto;
transform: none !important;
}
}
.scrolling-cards-block.is-style-vertical .scrolling-cards .card:before {
content: "";
background: var(--scrolling-cards-vertical-bg);
position: absolute;
top: 1px;
left: 0;
width: 100%;
height: 100%;
transition: all ease 0.5s;
backdrop-filter: blur(40px);
}
.scrolling-cards-block.is-style-vertical .scrolling-cards .card.active {
opacity: 1;
transform: translateY(var(--stack-offset, 0));
}
.scrolling-cards-block.is-style-vertical .scrolling-cards .card.is-stacked {
opacity: 1;
transform: translateY(var(--stack-offset, 0));
}
.scrolling-cards-block.is-style-vertical .scrolling-cards .card.is-stacked:before {
height: 10px;
}
.scrolling-cards-block.is-style-vertical .scrolling-cards .card.is-stacked .card-int {
opacity: 0;
}
@media (min-width: 0) and (max-width: 64em) {
.scrolling-cards-block.is-style-vertical .scrolling-cards .card.is-stacked .card-int {
opacity: 1;
}
}
.scrolling-cards-block.is-style-vertical .scrolling-cards .card:first-child {
opacity: 1;
transform: translateY(0);
}
.scrolling-cards-block.is-style-vertical .scrolling-cards .card label {
display: none;
}
.scrolling-cards-block.is-style-vertical .scrolling-cards .card .card-int {
width: 100% !important;
padding: 32px;
position: relative;
z-index: 10;
transition: all ease 1s;
}
.scrolling-cards-block.is-style-vertical .scrolling-cards .card .card-int > *:last-child {
margin-bottom: 0;
}
@media (min-width: 0) and (max-width: 64em) {
.dark-mode .scrolling-cards .card {
background: rgba(36, 38, 28, 0.6);
}
}
.hsc-pin-wrap {
position: relative;
}
@media (min-width: 0) and (max-width: 64em) {
.hsc-pin-wrap {
height: auto !important;
}
}
.hsc-pin-wrap + *:not(.hsc-pin-wrap) {
margin-top: 112px;
}
@media (min-width: 0) and (max-width: 64em) {
.hsc-pin-wrap + *:not(.hsc-pin-wrap) {
margin-top: 64px;
}
}
.scrolling-cards-block {
position: relative;
}
.scrolling-cards-block + *:not(.scrolling-cards-block) {
margin-top: 112px;
}
@media (min-width: 0) and (max-width: 64em) {
.scrolling-cards-block + *:not(.scrolling-cards-block) {
margin-top: 64px;
}
}
.vertical-scrolling-sections {
background: #ffffff;
margin-bottom: 112px;
}
@media (min-width: 0em) and (max-width: 48em) {
.vertical-scrolling-sections {
margin-bottom: 64px;
}
}
.vertical-scrolling-sections .section {
border-top: 1px solid #cccccc;
min-height: calc(100vh - var(--header-height));
position: sticky;
top: var(--header-height);
background: var(--section-bg);
display: flex;
}
.vertical-scrolling-sections .section .wrapper {
flex: 0 0 100%;
display: flex;
flex-direction: column;
}
.vertical-scrolling-sections .section label {
margin: 0;
padding: 24px 0;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
.vertical-scrolling-sections .section .blurb {
margin: 0;
padding: 0 0 64px 0;
display: flex;
gap: 0 80px;
flex: 1 1 auto;
}
@media (min-width: 0) and (max-width: 64em) {
.vertical-scrolling-sections .section .blurb {
flex-direction: column;
gap: 0;
}
}
@media (min-width: 0) and (max-width: 64em) {
.vertical-scrolling-sections .section .blurb {
padding: 24px 0;
flex: 0 0 auto;
}
}
.vertical-scrolling-sections .section .blurb > div {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (min-width: 0) and (max-width: 64em) {
.vertical-scrolling-sections .section .blurb .media {
flex: 1 1 auto;
}
}
.vertical-scrolling-sections .section .blurb img {
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
height: auto;
max-height: calc(100vh - 300px);
border-radius: 8px;
}
@media (min-width: 0) and (max-width: 64em) {
.vertical-scrolling-sections .section .blurb img {
aspect-ratio: 1/0.5;
max-height: 100%;
}
}
.vsnc-pin-wrap {
position: relative;
}
.vertical-scrolling-number-cards {
padding-top: 112px;
padding-bottom: 112px;
}
@media only screen and (max-height: 900px) {
.vertical-scrolling-number-cards {
padding-top: 64px;
padding-bottom: 64px;
}
}
@media only screen and (max-height: 600px) {
.vertical-scrolling-number-cards {
padding-top: 24px;
padding-bottom: 24px;
}
}
@media (min-width: 0em) and (max-width: 48em) {
.vertical-scrolling-number-cards {
padding-top: 64px;
padding-bottom: 64px;
}
}
.vertical-scrolling-number-cards.is-pinnable {
position: sticky;
top: var(--header-height) !important;
z-index: 10;
}
.vertical-scrolling-number-cards .cards {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
overflow: clip;
}
@media (min-width: 0em) and (max-width: 48em) {
.vertical-scrolling-number-cards .cards {
display: grid;
grid-auto-rows: 1fr;
}
}
.vertical-scrolling-number-cards .card {
grid-column: 1/2;
grid-row: 1/2;
display: flex;
align-items: center;
gap: 40px;
visibility: hidden;
pointer-events: none;
transition: opacity ease 0.2s;
}
@media (min-width: 0em) and (max-width: 48em) {
.vertical-scrolling-number-cards .card {
gap: 20px;
flex-direction: column;
align-items: flex-start;
position: sticky;
top: var(--header-height) !important;
visibility: visible;
padding-top: 24px;
padding-bottom: 24px;
}
}
.vertical-scrolling-number-cards .card .number, .vertical-scrolling-number-cards .card .text {
transition: transform 0.5s ease;
}
.vertical-scrolling-number-cards .card .text *:last-child {
margin-bottom: 0;
}
.vertical-scrolling-number-cards .card.active {
visibility: visible;
pointer-events: auto;
}
.vertical-scrolling-number-cards .card.active .number,
.vertical-scrolling-number-cards .card.active .text {
transform: translateY(0);
}
.vertical-scrolling-number-cards .card:not(.active) {
opacity: 0;
}
@media (min-width: 0em) and (max-width: 48em) {
.vertical-scrolling-number-cards .card:not(.active) {
opacity: 1;
}
}
.vertical-scrolling-number-cards .card.exit-down {
visibility: visible;
}
.vertical-scrolling-number-cards .card.exit-down .number {
transform: translateY(calc(var(--slide-offset) * -1));
}
.vertical-scrolling-number-cards .card.exit-down .text {
transform: translateY(var(--slide-offset));
}
.vertical-scrolling-number-cards .card.exit-up {
visibility: visible;
}
.vertical-scrolling-number-cards .card.exit-up .number {
transform: translateY(var(--slide-offset));
}
.vertical-scrolling-number-cards .card.exit-up .text {
transform: translateY(calc(var(--slide-offset) * -1));
}
.vertical-scrolling-number-cards .number {
font-family: "Roboto", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 200px;
font-weight: 700;
line-height: 1;
color: #40AADB !important;
flex-shrink: 0;
}
@media (min-width: 0em) and (max-width: 48em) {
.vertical-scrolling-number-cards .number {
font-size: 96px;
}
}
.vertical-scrolling-number-cards .text {
flex: 1;
}
.frame-fp-block .wrapper > .vertical-scrolling-number-cards:first-child, .frame-fp-block .wrapper > .vsnc-pin-wrap:first-child {
margin-top: -112px;
}
@media (min-width: 0em) and (max-width: 48em) {
.frame-fp-block .wrapper > .vertical-scrolling-number-cards:first-child, .frame-fp-block .wrapper > .vsnc-pin-wrap:first-child {
margin-top: -64px;
}
}
.frame-fp-block .wrapper > .vertical-scrolling-number-cards:last-child, .frame-fp-block .wrapper > .vsnc-pin-wrap:last-child {
margin-bottom: -112px;
}
@media (min-width: 0em) and (max-width: 48em) {
.frame-fp-block .wrapper > .vertical-scrolling-number-cards:last-child, .frame-fp-block .wrapper > .vsnc-pin-wrap:last-child {
margin-bottom: -64px;
}
}
.statistics-block {
margin: 0 0 112px;
}
@media (min-width: 0) and (max-width: 64em) {
.statistics-block {
margin: 0 0 64px;
}
}
.statistics-block .stats-grid {
display: grid;
grid-auto-flow: column;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 32px;
}
@media (min-width: 0em) and (max-width: 48em) {
.statistics-block .stats-grid {
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-auto-flow: row;
}
}
.statistics-block.less-than-5 .stats-grid {
grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 0em) and (max-width: 48em) {
.statistics-block.less-than-5 .stats-grid {
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-auto-flow: row;
}
}
.statistics-block.less-than-5 .stats-grid .stat-card:first-child:nth-last-child(1) {
grid-column: span 2;
grid-row: span 1;
background: linear-gradient(300deg, color-mix(in srgb, var(--right-color) 30%, transparent) 0, color-mix(in srgb, var(--left-color) 30%, transparent) 60%);
}
.statistics-block.less-than-5 .stats-grid .stat-card:first-child:nth-last-child(2) {
grid-row: span 1;
background: linear-gradient(300deg, color-mix(in srgb, var(--right-color) 30%, transparent) 0, color-mix(in srgb, var(--left-color) 30%, transparent) 60%);
grid-row: span 2;
}
.statistics-block.less-than-5 .stats-grid .stat-card:first-child:nth-last-child(2) .video-bg, .statistics-block.less-than-5 .stats-grid .stat-card:first-child:nth-last-child(2) .shadow1, .statistics-block.less-than-5 .stats-grid .stat-card:first-child:nth-last-child(2) .shadow2 {
display: none;
}
.statistics-block.less-than-5 .stats-grid .stat-card:first-child:nth-last-child(2) ~ .stat-card {
grid-row: span 1;
background: linear-gradient(60deg, color-mix(in srgb, var(--right-color) 30%, transparent) 0, color-mix(in srgb, var(--left-color) 30%, transparent) 60%);
grid-row: span 2;
}
.statistics-block .stat-card:first-child:nth-last-child(2n) {
grid-row: span 2;
background: rgba(238, 238, 238, 0.1);
border: none;
box-shadow: none;
position: relative;
}
@media (min-width: 0em) and (max-width: 48em) {
.statistics-block .stat-card:first-child:nth-last-child(2n) {
grid-row: span 1;
}
}
.statistics-block .stat-card:first-child:nth-last-child(2n) .video-bg {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 100%;
transform: translate(0, -50%);
-o-object-fit: cover;
object-fit: cover;
z-index: 0;
opacity: 0.2;
pointer-events: none;
}
.statistics-block .stat-card:first-child:nth-last-child(2n) .dot-wave-canvas {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
pointer-events: none;
}
.statistics-block .stat-card:first-child:nth-last-child(2n) .shadow1 {
content: "";
position: absolute;
bottom: -20%;
left: -30%;
width: 100%;
padding-bottom: 100%;
background: radial-gradient(67.7% 42.6% at 50% 50%, var(--shadow1) 0%, var(--shadow11) 100%);
filter: blur(40px);
border-radius: 50%;
transition: transform 0.5s ease-out;
will-change: transform;
}
.statistics-block .stat-card:first-child:nth-last-child(2n) .shadow2 {
content: "";
position: absolute;
top: -25%;
left: 25%;
width: 100%;
padding-bottom: 100%;
background: radial-gradient(57.76% 31.46% at 50% 50%, var(--shadow2) 0%, var(--shadow22) 100%);
filter: blur(40px);
border-radius: 50%;
transition: transform 0.5s ease-out;
will-change: transform;
}
.statistics-block .stat-card:first-child:nth-last-child(2n) ~ .stat-card:nth-child(4n), .statistics-block .stat-card:first-child:nth-last-child(2n) ~ .stat-card:nth-child(4n+1) {
grid-row: span 2;
background: rgba(238, 238, 238, 0.1);
border: none;
box-shadow: none;
position: relative;
}
@media (min-width: 0em) and (max-width: 48em) {
.statistics-block .stat-card:first-child:nth-last-child(2n) ~ .stat-card:nth-child(4n), .statistics-block .stat-card:first-child:nth-last-child(2n) ~ .stat-card:nth-child(4n+1) {
grid-row: span 1;
}
}
.statistics-block .stat-card:first-child:nth-last-child(2n) ~ .stat-card:nth-child(4n) .video-bg, .statistics-block .stat-card:first-child:nth-last-child(2n) ~ .stat-card:nth-child(4n+1) .video-bg {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 100%;
transform: translate(0, -50%);
-o-object-fit: cover;
object-fit: cover;
z-index: 0;
opacity: 0.2;
pointer-events: none;
}
.statistics-block .stat-card:first-child:nth-last-child(2n) ~ .stat-card:nth-child(4n) .dot-wave-canvas, .statistics-block .stat-card:first-child:nth-last-child(2n) ~ .stat-card:nth-child(4n+1) .dot-wave-canvas {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
pointer-events: none;
}
.statistics-block .stat-card:first-child:nth-last-child(2n) ~ .stat-card:nth-child(4n) .shadow1, .statistics-block .stat-card:first-child:nth-last-child(2n) ~ .stat-card:nth-child(4n+1) .shadow1 {
content: "";
position: absolute;
bottom: -20%;
left: -30%;
width: 100%;
padding-bottom: 100%;
background: radial-gradient(67.7% 42.6% at 50% 50%, var(--shadow1) 0%, var(--shadow11) 100%);
filter: blur(40px);
border-radius: 50%;
transition: transform 0.5s ease-out;
will-change: transform;
}
.statistics-block .stat-card:first-child:nth-last-child(2n) ~ .stat-card:nth-child(4n) .shadow2, .statistics-block .stat-card:first-child:nth-last-child(2n) ~ .stat-card:nth-child(4n+1) .shadow2 {
content: "";
position: absolute;
top: -25%;
left: 25%;
width: 100%;
padding-bottom: 100%;
background: radial-gradient(57.76% 31.46% at 50% 50%, var(--shadow2) 0%, var(--shadow22) 100%);
filter: blur(40px);
border-radius: 50%;
transition: transform 0.5s ease-out;
will-change: transform;
}
.statistics-block .stat-card:first-child:nth-last-child(2n) ~ .stat-card:nth-child(4n+2) {
grid-row: span 1;
background: linear-gradient(300deg, color-mix(in srgb, var(--right-color) 30%, transparent) 0, color-mix(in srgb, var(--left-color) 30%, transparent) 60%);
}
.statistics-block .stat-card:first-child:nth-last-child(2n) ~ .stat-card:nth-child(4n+3) {
grid-row: span 1;
background: linear-gradient(60deg, color-mix(in srgb, var(--right-color) 30%, transparent) 0, color-mix(in srgb, var(--left-color) 30%, transparent) 60%);
}
.statistics-block .stat-card:first-child:nth-last-child(2n+1) {
grid-row: 1/-1;
background: linear-gradient(to bottom, color-mix(in srgb, var(--bottom-color) 30%, transparent) 0, color-mix(in srgb, var(--top-color) 24%, transparent) 100%);
}
@media (min-width: 0em) and (max-width: 48em) {
.statistics-block .stat-card:first-child:nth-last-child(2n+1) {
border: none;
min-height: 150px;
grid-row: 1/-1;
background: linear-gradient(to bottom, rgba(var(--bottom-color), 0.3) 0, rgba(var(--top-color), 0.24) 100%);
}
}
.statistics-block .stat-card:first-child:nth-last-child(2n+1) ~ .stat-card:nth-child(4n+1), .statistics-block .stat-card:first-child:nth-last-child(2n+1) ~ .stat-card:nth-child(4n+2) {
grid-row: span 2;
background: rgba(243, 243, 243, 0.1);
border: none;
box-shadow: none;
position: relative;
}
@media (min-width: 0em) and (max-width: 48em) {
.statistics-block .stat-card:first-child:nth-last-child(2n+1) ~ .stat-card:nth-child(4n+1), .statistics-block .stat-card:first-child:nth-last-child(2n+1) ~ .stat-card:nth-child(4n+2) {
grid-row: span 1;
}
}
.statistics-block .stat-card:first-child:nth-last-child(2n+1) ~ .stat-card:nth-child(4n+1) .video-bg, .statistics-block .stat-card:first-child:nth-last-child(2n+1) ~ .stat-card:nth-child(4n+2) .video-bg {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 100%;
transform: translate(0, -50%);
-o-object-fit: cover;
object-fit: cover;
z-index: 0;
opacity: 0.2;
pointer-events: none;
}
.statistics-block .stat-card:first-child:nth-last-child(2n+1) ~ .stat-card:nth-child(4n+1) .dot-wave-canvas, .statistics-block .stat-card:first-child:nth-last-child(2n+1) ~ .stat-card:nth-child(4n+2) .dot-wave-canvas {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
pointer-events: none;
}
.statistics-block .stat-card:first-child:nth-last-child(2n+1) ~ .stat-card:nth-child(4n+1) .shadow1, .statistics-block .stat-card:first-child:nth-last-child(2n+1) ~ .stat-card:nth-child(4n+2) .shadow1 {
content: "";
position: absolute;
bottom: -20%;
left: -30%;
width: 100%;
padding-bottom: 100%;
background: radial-gradient(67.7% 42.6% at 50% 50%, var(--shadow1) 0%, var(--shadow11) 100%);
filter: blur(40px);
border-radius: 50%;
transition: transform 0.5s ease-out;
will-change: transform;
}
.statistics-block .stat-card:first-child:nth-last-child(2n+1) ~ .stat-card:nth-child(4n+1) .shadow2, .statistics-block .stat-card:first-child:nth-last-child(2n+1) ~ .stat-card:nth-child(4n+2) .shadow2 {
content: "";
position: absolute;
top: -25%;
left: 25%;
width: 100%;
padding-bottom: 100%;
background: radial-gradient(57.76% 31.46% at 50% 50%, var(--shadow2) 0%, var(--shadow22) 100%);
filter: blur(40px);
border-radius: 50%;
transition: transform 0.5s ease-out;
will-change: transform;
}
@media (min-width: 0em) and (max-width: 48em) {
.statistics-block .stat-card:first-child:nth-last-child(2n+1) ~ .stat-card:nth-child(4n+1), .statistics-block .stat-card:first-child:nth-last-child(2n+1) ~ .stat-card:nth-child(4n+2) {
min-height: 300px;
}
}
.statistics-block .stat-card:first-child:nth-last-child(2n+1) ~ .stat-card:nth-child(4n+3) {
grid-row: span 1;
background: linear-gradient(300deg, color-mix(in srgb, var(--right-color) 30%, transparent) 0, color-mix(in srgb, var(--left-color) 30%, transparent) 60%);
}
@media (min-width: 0em) and (max-width: 48em) {
.statistics-block .stat-card:first-child:nth-last-child(2n+1) ~ .stat-card:nth-child(4n+3) {
grid-row: 1/-1;
background: linear-gradient(to bottom, color-mix(in srgb, var(--bottom-color) 30%, transparent) 0, color-mix(in srgb, var(--top-color) 24%, transparent) 100%);
border: none;
min-height: 150px;
}
}
.statistics-block .stat-card:first-child:nth-last-child(2n+1) ~ .stat-card:nth-child(4n) {
grid-row: span 1;
background: linear-gradient(60deg, color-mix(in srgb, var(--right-color) 30%, transparent) 0, color-mix(in srgb, var(--left-color) 30%, transparent) 60%);
}
@media (min-width: 0em) and (max-width: 48em) {
.statistics-block .stat-card:first-child:nth-last-child(2n+1) ~ .stat-card:nth-child(4n) {
grid-row: 1/-1;
background: linear-gradient(to bottom, color-mix(in srgb, var(--bottom-color) 30%, transparent) 0, color-mix(in srgb, var(--top-color) 24%, transparent) 100%);
border: none;
min-height: 150px;
}
}
.statistics-block .stat-card {
border-radius: 8px;
border: 1px solid rgba(204, 204, 204, 0.5);
box-shadow: 0 8px 28px 0 rgba(20, 90, 112, 0.1);
padding: 24px 32px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
backdrop-filter: blur(20px);
}
.statistics-block .stat-card .video-bg, .statistics-block .stat-card .dot-wave-canvas {
display: none;
}
@media (min-width: 0em) and (max-width: 48em) {
.statistics-block .stat-card {
grid-row: span 1 !important;
padding: 24px;
}
}
.statistics-block .stat-card .stat-number {
font-family: "Roboto", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 80px;
font-weight: 700;
line-height: 1;
color: #40AADB !important;
display: block;
text-align: center;
position: relative;
z-index: 5;
}
@media (min-width: 0) and (max-width: 64em) {
.statistics-block .stat-card .stat-number {
font-size: 56px;
margin-bottom: 10px;
}
}
@media (min-width: 0em) and (max-width: 48em) {
.statistics-block .stat-card .stat-number {
font-size: 40px;
}
}
.statistics-block .stat-card .stat-label {
font-family: "Sora", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 24px;
font-weight: 300;
color: #24261C;
line-height: 1.4;
display: block;
text-align: center;
position: relative;
z-index: 5;
}
@media (min-width: 0) and (max-width: 64em) {
.statistics-block .stat-card .stat-label {
font-size: 20px;
}
}
@media (min-width: 0) and (max-width: 64em) {
.statistics-block .stat-card .stat-label {
font-size: 18px;
}
}
* + .statistics-block, .wp-block-column:not(:first-child) .statistics-block {
margin-top: 40px;
}
.tabs {
margin-bottom: 112px;
margin-top: 40px;
border: 1px solid #cccccc;
box-shadow: 0 8px 28px 0 rgba(20, 90, 112, 0.1);
border-radius: 8px;
overflow: hidden;
}
@media (min-width: 0em) and (max-width: 48em) {
.tabs {
margin-bottom: 64px;
}
}
.tabs .tabs-list {
display: flex;
flex-direction: row;
}
.tabs .tabs-list .tab {
flex: 1;
background: var(--tab-selected-bg);
min-height: 70px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs .tabs-list {
display: none;
}
}
.tabs .tabs-content {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
background-color: var(--tabs-bg);
backdrop-filter: blur(40px);
position: relative;
overflow: hidden;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs .tabs-content {
display: flex;
flex-direction: column;
}
}
.tabs .tab-content {
grid-row: 1/2;
grid-column: 1/2;
min-width: 0;
padding: 48px;
opacity: 0;
visibility: hidden;
z-index: 1;
display: flex;
gap: 30px 80px;
transition: all ease 1s;
}
@media (min-width: 48.063em) and (max-width: 76.5em) {
.tabs .tab-content {
gap: 40px;
}
}
@media (min-width: 0) and (max-width: 64em) {
.tabs .tab-content {
flex-direction: column;
padding: 0;
opacity: 1;
visibility: visible;
max-height: 0;
overflow: hidden;
transition: max-height 0.6s ease;
background: var(--tabs-bg-mobile);
}
}
.tabs .tab-content .tab-int {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: center;
}
.tabs .tab-content .tab-int:only-child {
justify-content: flex-start;
}
.tabs .tab-content .tab-int *:last-child {
margin-bottom: 0;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs .tab-content .tab-int {
padding: 0 24px 30px 24px;
}
}
.tabs .tab-content .img {
flex: 0 0 50%;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs .tab-content .img {
flex: 0 0 auto;
padding: 24px 24px 0 24px;
}
}
.tabs .tab-content .img img {
width: 100%;
height: auto;
aspect-ratio: 1/1;
border-radius: 8px;
-o-object-fit: cover;
object-fit: cover;
max-height: calc(100vh - 300px);
min-height: 100%;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs .tab-content .img img {
aspect-ratio: 1/0.5;
}
}
.tabs .tab-content.active {
opacity: 1;
visibility: visible;
z-index: 2;
animation: slide-in-from-below 0.6s ease forwards;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs .tab-content.active {
animation: none;
max-height: 2000px;
}
}
.tabs .tab-content.active.from-above {
animation-name: slide-in-from-above;
}
.tabs .tab {
border-bottom: 1px solid var(--tabs-divider-color);
transition: all ease 0.3s;
backdrop-filter: blur(40px);
}
.tabs .tab:not(:last-child) {
border-right: 1px solid var(--tabs-divider-color);
}
.tabs .tab a {
display: block;
margin: 0;
text-decoration: none !important;
padding: 16px;
text-align: center;
}
.tabs .tab.active {
border-bottom: 1px solid transparent;
background-color: var(--tabs-bg);
}
.tabs .title {
font-size: 18px;
font-weight: 600;
background: var(--tab-selected-bg-mobile);
padding: 24px 50px 24px 24px;
position: relative;
cursor: pointer;
}
@media only screen and (min-width: 1025px) {
.tabs .title {
display: none;
}
}
.tabs .title:not(:first-child) {
border-top: 1px solid #cccccc;
}
.tabs .title:after {
content: "";
position: absolute;
right: 24px;
top: 50%;
transform: translateY(-50%);
border-top: 7px solid var(--arrow-color);
border-left: 6px solid transparent;
border-right: 6px solid transparent;
transition: all ease 0.3s;
}
.tabs .title.active:after {
transform: translateY(-50%) scaleY(-1);
}
@media (min-width: 1025px) {
.tabs.tabs-hover .tabs-list .tab {
cursor: pointer;
}
}
.tabs:not(.is-style-vertical).right .tabs-content .tab-content {
flex-direction: row-reverse;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs:not(.is-style-vertical).right .tabs-content .tab-content {
flex-direction: column;
}
}
.tabs.is-style-vertical {
display: flex;
}
.tabs.is-style-vertical .tabs-list {
flex-direction: column;
flex: 0 0 50%;
}
.tabs.is-style-vertical .tabs-list .tab {
border-left: 0;
border-right: 1px solid #cccccc;
border-bottom: none;
}
.tabs.is-style-vertical .tabs-list .tab a {
font-size: 24px;
text-align: left;
padding: 24px 32px;
}
.tabs.is-style-vertical .tabs-list .tab:not(:last-child) {
border-bottom: 1px solid #cccccc;
}
.tabs.is-style-vertical .tabs-list .tab.active {
border-right: 1px solid transparent;
}
.tabs.is-style-vertical .tab-content {
flex-direction: column;
}
.tabs.is-style-vertical .tab-content .img {
order: 3;
}
.tabs.is-style-vertical .tab-content .tab-int:only-child {
justify-content: center;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs.is-style-vertical .tab-content .tab-int {
padding-top: 24px;
}
}
.tabs.is-style-vertical.right {
flex-direction: row-reverse;
}
.tabs.is-style-vertical.right .tabs-list .tab {
border-right: 0;
border-left: 1px solid #cccccc;
}
.tabs.is-style-vertical.right .tabs-list .tab.active {
border-left: 1px solid transparent;
}
.tabs.is-style-split-entry-cards {
border: none;
box-shadow: none;
overflow: visible;
margin-top: 64px;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs.is-style-split-entry-cards {
margin-top: 40px;
}
}
.tabs.is-style-split-entry-cards .tabs-list {
justify-content: flex-start;
margin-bottom: 64px;
gap: 20px;
}
.tabs.is-style-split-entry-cards .tabs-list .tab {
flex: 0 0 auto;
border: none;
background: none;
min-height: auto;
}
.tabs.is-style-split-entry-cards .tabs-list .tab a {
font-size: 16px;
padding: 0;
position: relative;
}
.tabs.is-style-split-entry-cards .tabs-list .tab a:after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 0;
height: 1px;
background-color: var(--underline-color);
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.tabs.is-style-split-entry-cards .tabs-list .tab a:hover, .tabs.is-style-split-entry-cards .tabs-list .tab a.active {
text-decoration: none !important;
}
.tabs.is-style-split-entry-cards .tabs-list .tab a:hover:after, .tabs.is-style-split-entry-cards .tabs-list .tab a.active:after {
width: 100%;
opacity: 1;
}
.tabs.is-style-split-entry-cards .tabs-list .tab a:not(:hover):after {
width: 0;
left: auto;
right: 0;
opacity: 1;
}
.tabs.is-style-split-entry-cards .tabs-list .tab.active a:after {
width: 100%;
opacity: 1;
}
.tabs.is-style-split-entry-cards .tabs-content {
border: 1px solid #cccccc;
border-radius: 8px;
box-shadow: 0 8px 28px 0 rgba(20, 90, 112, 0.1);
}
@media (min-width: 0) and (max-width: 64em) {
.tabs.is-style-split-entry-cards .tabs-content {
border: none;
box-shadow: none;
background: none;
}
}
.tabs.is-style-split-entry-cards .tabs-content .tab-content {
padding: 0;
overflow: hidden;
transition: none;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs.is-style-split-entry-cards .tabs-content .tab-content {
gap: 0;
background: var(--expandable-content-bg);
}
.tabs.is-style-split-entry-cards .tabs-content .tab-content.active {
border: 1px solid #cccccc;
border-radius: 8px;
}
}
.tabs.is-style-split-entry-cards .tabs-content .tab-content .img img {
border-radius: 0;
}
.tabs.is-style-split-entry-cards .tabs-content .tab-content .tab-int, .tabs.is-style-split-entry-cards .tabs-content .tab-content .img {
opacity: 1;
background: none;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs.is-style-split-entry-cards .tabs-content .tab-content .tab-int, .tabs.is-style-split-entry-cards .tabs-content .tab-content .img {
background: none;
}
}
.tabs.is-style-split-entry-cards .tabs-content .tab-content .tab-int {
padding: 48px 48px 48px 0;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs.is-style-split-entry-cards .tabs-content .tab-content .tab-int {
padding: 24px;
}
}
@media (min-width: 0) and (max-width: 64em) {
.tabs.is-style-split-entry-cards .tabs-content .tab-content .img {
padding: 0;
}
}
.tabs.is-style-split-entry-cards .tabs-content .tab-content.active {
animation: none;
opacity: 1;
}
.tabs.is-style-split-entry-cards .tabs-content .tab-content.active .tab-int {
animation: push-in-from-below 0.6s ease forwards;
}
.tabs.is-style-split-entry-cards .tabs-content .tab-content.active .img {
animation: push-in-from-above 0.6s ease forwards;
}
.tabs.is-style-split-entry-cards .tabs-content .tab-content.active.from-above .tab-int {
animation-name: push-in-from-above;
}
.tabs.is-style-split-entry-cards .tabs-content .tab-content.active.from-above .img {
animation-name: push-in-from-below;
}
.tabs.is-style-split-entry-cards .tabs-content .tab-content.exiting {
opacity: 1;
visibility: visible;
z-index: 1;
}
.tabs.is-style-split-entry-cards .tabs-content .tab-content.exiting .tab-int {
animation: push-out-to-above 0.6s ease forwards;
}
.tabs.is-style-split-entry-cards .tabs-content .tab-content.exiting .img {
animation: push-out-to-below 0.6s ease forwards;
}
.tabs.is-style-split-entry-cards .tabs-content .tab-content.exiting.exit-above .tab-int {
animation-name: push-out-to-below;
}
.tabs.is-style-split-entry-cards .tabs-content .tab-content.exiting.exit-above .img {
animation-name: push-out-to-above;
}
.tabs.is-style-split-entry-cards .title {
border-top: 0;
background: none;
text-align: center;
}
.tabs.is-style-split-entry-cards .title:not(.active) {
border-bottom: 1px solid rgba(204, 204, 204, 0.6);
}
.tabs.is-style-split-entry-cards .title:after {
display: none;
}
.tabs.is-style-split-entry-cards.right .tabs-content .tab-content .tab-int {
padding: 48px 0 48px 48px;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs.is-style-split-entry-cards.right .tabs-content .tab-content .tab-int {
padding: 24px;
}
}
.tabs.is-style-simple-tabs {
border: none;
box-shadow: none;
overflow: visible;
}
.tabs.is-style-simple-tabs .tabs-list {
justify-content: flex-start;
margin-bottom: 40px;
padding: 4px 6px 4px 4px;
border: 1px solid #cccccc;
border-radius: 8px;
background: var(--sliding-tabs-bg);
box-shadow: 0 8px 28px 0 rgba(20, 90, 112, 0.1);
position: relative;
}
.tabs.is-style-simple-tabs .tabs-list::before {
content: "";
position: absolute;
top: 4px;
left: var(--slider-left, 0);
width: var(--slider-width, 0);
height: calc(100% - 10px);
background: var(--sliding-tab-bg);
border: 1px solid #cccccc;
border-radius: 8px;
transition: left 0.3s ease, width 0.3s ease;
z-index: 0;
}
.tabs.is-style-simple-tabs .tabs-list .tab {
flex: 1;
background: none;
min-height: auto;
padding: 12px;
border: 1px solid transparent;
border-radius: 8px;
position: relative;
z-index: 1;
backdrop-filter: none;
}
.tabs.is-style-simple-tabs .tabs-list .tab a {
font-size: 16px;
padding: 0;
}
.tabs.is-style-simple-tabs .tabs-content {
border: none;
box-shadow: none;
background: none;
backdrop-filter: none;
}
.tabs.is-style-simple-tabs .tabs-content .tab-content {
padding: 0;
overflow: hidden;
transition: none;
}
.tabs.is-style-simple-tabs .tabs-content .tab-content .tab-int, .tabs.is-style-simple-tabs .tabs-content .tab-content .img {
opacity: 1;
background: none;
}
.tabs.is-style-simple-tabs .tabs-content .tab-content .tab-int {
padding: 48px 48px 48px 0;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs.is-style-simple-tabs .tabs-content .tab-content .tab-int {
padding: 24px;
}
}
@media (min-width: 0) and (max-width: 64em) {
.tabs.is-style-simple-tabs .tabs-content .tab-content .img {
padding: 0;
}
}
.tabs.is-style-simple-tabs .title {
border-top: 0;
background: none;
text-align: center;
}
.tabs.is-style-simple-tabs .title:not(.active) {
border-bottom: 1px solid rgba(204, 204, 204, 0.6);
}
.tabs.is-style-simple-tabs .title:after {
display: none;
}
.tabs.is-style-simple-center-tabs {
border: none;
box-shadow: none;
overflow: visible;
}
.tabs.is-style-simple-center-tabs .tabs-list {
justify-content: flex-start;
margin-bottom: 40px;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs.is-style-simple-center-tabs .tabs-list {
display: flex;
justify-content: stretch;
}
}
.tabs.is-style-simple-center-tabs .tabs-list .tab {
flex: 1;
background: none;
min-height: auto;
padding: 12px 24px;
border: 1px solid transparent;
border-radius: 8px;
position: relative;
z-index: 1;
backdrop-filter: none;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs.is-style-simple-center-tabs .tabs-list .tab {
padding-left: 0;
padding-right: 0;
flex: 0 0 auto;
}
}
.tabs.is-style-simple-center-tabs .tabs-list .tab:has(~ .active) a::before {
width: 100%;
background: var(--underline-color);
}
.tabs.is-style-simple-center-tabs .tabs-list .tab a {
display: block;
font-size: 16px;
padding: 0;
position: relative;
transition: opacity 0.3s ease, width 0.3s ease;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs.is-style-simple-center-tabs .tabs-list .tab a {
font-size: 0;
width: 20px;
height: 30px;
}
}
.tabs.is-style-simple-center-tabs .tabs-list .tab a::before {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 0;
height: 2px;
background: var(--underline-color);
transition: left 0.3s ease, width 0.3s ease;
z-index: 0;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs.is-style-simple-center-tabs .tabs-list .tab a::before {
height: 4px;
width: 100%;
left: 0;
opacity: 0.5;
}
}
.tabs.is-style-simple-center-tabs .tabs-list .tab a::after {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 2px;
background: var(--underline-inactive-color);
transition: left 0.3s ease, width 0.3s ease;
z-index: 0;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs.is-style-simple-center-tabs .tabs-list .tab a::after {
height: 4px;
width: 100%;
left: 0;
opacity: 0.5;
}
}
@media (min-width: 0) and (max-width: 64em) {
.tabs.is-style-simple-center-tabs .tabs-list .tab.active {
flex: 1 1 auto;
}
}
.tabs.is-style-simple-center-tabs .tabs-list .tab.active a, .tabs.is-style-simple-center-tabs .tabs-list .tab.active a:hover {
font-size: 16px;
width: auto;
text-decoration: none !important;
}
.tabs.is-style-simple-center-tabs .tabs-list .tab.active a::before, .tabs.is-style-simple-center-tabs .tabs-list .tab.active a:hover::before {
width: 100%;
left: 0;
opacity: 1;
}
.tabs.is-style-simple-center-tabs .tabs-content {
border: none;
box-shadow: none;
background: none;
backdrop-filter: none;
}
.tabs.is-style-simple-center-tabs .tabs-content .tab-content {
padding: 0;
overflow: hidden;
transition: none;
max-height: none;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs.is-style-simple-center-tabs .tabs-content .tab-content {
background: none;
}
}
.tabs.is-style-simple-center-tabs .tabs-content .tab-content .tab-int, .tabs.is-style-simple-center-tabs .tabs-content .tab-content .img {
opacity: 1;
background: none;
}
.tabs.is-style-simple-center-tabs .tabs-content .tab-content .tab-int {
padding: 0;
}
@media (min-width: 0) and (max-width: 64em) {
.tabs.is-style-simple-center-tabs .tabs-content .tab-content .tab-int {
padding: 0 24px 24px 24px;
}
}
@media (min-width: 0) and (max-width: 64em) {
.tabs.is-style-simple-center-tabs .tabs-content .tab-content .img {
padding: 0;
}
}
@media (min-width: 0) and (max-width: 64em) {
.tabs.is-style-simple-center-tabs .tabs-content .title {
display: none !important;
}
}
.tabs.is-style-simple-center-tabs .title {
border-top: 0;
background: none;
text-align: center;
background-color: var(--tab-selected-bg-mobile);
backdrop-filter: blur(40px);
}
.tabs.is-style-simple-center-tabs .title:not(.active) {
border-bottom: 1px solid rgba(204, 204, 204, 0.6);
}
.tabs.is-style-simple-center-tabs .title:after {
display: none;
}
@media (min-width: 0) and (max-width: 64em) {
.frame-fp-block .tabs.is-style-vertical:last-child {
margin-bottom: 24px;
}
}
@keyframes load {
0% {
opacity: 0;
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slide-in-from-below {
0% {
opacity: 0;
transform: translateY(100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slide-in-from-above {
0% {
opacity: 0;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes push-in-from-below {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0);
}
}
@keyframes push-in-from-above {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
@keyframes push-out-to-above {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-100%);
}
}
@keyframes push-out-to-below {
0% {
transform: translateY(0);
}
100% {
transform: translateY(100%);
}
}
.insights-slider:not(.slick-initialized) {
display: flex;
flex-wrap: wrap;
gap: 50px 32px;
}
.insights-slider:not(.slick-initialized) > div {
flex: 0 0 calc(25% - 24px);
width: 370px;
display: flex;
flex-direction: column;
}
@media only screen and (max-width: 1640px) {
.insights-slider:not(.slick-initialized) > div {
flex: 0 0 calc(50% - 16px);
}
}
.insights-slider.slick-initialized .slick-slide {
width: 370px;
padding-right: 32px;
}
.insights-slider.slick-initialized .slick-track {
display: flex;
align-items: stretch;
justify-content: center;
}
.insights-slider.slick-initialized .slick-track .slick-slide {
height: auto;
float: none;
}
.insights-slider.slick-initialized .slick-track .slick-slide > div, .insights-slider.slick-initialized .slick-track .slick-slide > div > div {
height: 100%;
display: flex !important;
flex-direction: column;
}
@media (min-width: 0) and (max-width: 64em) {
.insights-slider.slick-initialized .slick-list {
margin: 0 -40px;
padding-right: 120px;
}
.insights-slider.slick-initialized .slick-slide {
padding: 0 0 5px 40px;
}
}
@media only screen and (max-width: 600px) {
.insights-slider.slick-initialized .slick-list {
margin: 0 -20px;
padding-right: 100px;
}
.insights-slider.slick-initialized .slick-slide {
padding: 0 10px 5px 20px;
}
}
.insights-slider .wp-block-buttons .wp-block-button {
width: auto;
}
.insights-slider .wp-block-buttons .wp-block-button .wp-block-button__link {
text-align: left;
}
.insights-slider .wp-block-buttons:last-child {
margin-top: auto;
}
.insights-slider .linkedin:before {
content: "";
width: 32px;
height: 32px;
background: #C58F94;
-webkit-mask-image: url("/wp-content/themes/advi-health/templates/images/icon-linkedin.png");
mask-image: url("/wp-content/themes/advi-health/templates/images/icon-linkedin.png");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
margin-bottom: 24px;
}
.slider-holder {
margin: 50px 0 64px 0;
}
.articles-list {
margin-top: 30px;
margin-bottom: 40px;
}
@media only screen and (max-width: 1150px) {
.articles-list {
padding-bottom: 0;
}
}
.articles-list * {
min-width: 0;
min-height: 0;
}
.articles-list.is-style-slider {
overflow: visible;
padding-bottom: 165px;
}
.articles-list.is-style-slider .slick-list {
overflow: visible;
clip-path: inset(-20px -100vw -20px 0);
transition: clip-path 0.4s ease;
}
.articles-list.is-style-slider.is-scrolled .slick-list {
clip-path: inset(-20px -100vw -20px -100vw);
}
.articles-list.is-style-slider .article .img {
aspect-ratio: 1/0.66;
}
.articles-list.is-style-slider .article .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all ease 0.6s;
}
.articles-list.is-style-slider .article .img:hover img {
transform: scale(1.1);
}
.articles-list.is-style-slider .slick-track {
display: flex;
align-items: stretch;
justify-content: flex-start;
margin: 0;
}
.articles-list.is-style-slider .slick-track .slick-slide {
height: auto;
float: none;
}
.articles-list.is-style-slider .slick-track .slick-slide > div, .articles-list.is-style-slider .slick-track .slick-slide > div > div {
height: 100%;
display: flex !important;
flex-direction: column;
}
.articles-list.is-style-slider .slick-slide {
padding-right: 32px;
}
.articles-list.is-style-slider .slick-slide:last-child:nth-child(2), .articles-list.is-style-slider .slick-slide:last-child:nth-child(3) {
padding-right: 0;
}
@media only screen and (max-width: 1640px) {
.articles-list.is-style-slider .slick-slide {
padding-right: 40px;
}
}
@media only screen and (max-width: 768px) {
.articles-list.is-style-slider .slick-slide {
padding-right: 20px;
}
}
@media (min-width: 0) and (max-width: 64em) {
.articles-list.is-style-slider .slick-slide.slick-current .article .img img {
transform: scale(1.15) translateX(5%);
}
}
.articles-list.is-style-slider:not(.slick-initialized) {
height: 300px;
opacity: 0;
overflow: hidden;
}
.articles-list:not(.is-style-slider) {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
gap: 32px;
}
@media (min-width: 0) and (max-width: 64em) {
.articles-list:not(.is-style-slider) {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
}
@media (min-width: 0em) and (max-width: 48em) {
.articles-list:not(.is-style-slider) {
grid-template-columns: 1fr;
}
}
.articles-list.publications .article {
background: var(--articles-hover-bg);
border: 1px solid #cccccc;
display: flex;
flex-direction: column;
}
.articles-list.publications .article .author {
margin-top: auto;
}
.articles-list.publications .article .wp-block-buttons {
padding: 0 20px;
}
.articles-list .article:only-child {
max-width: 765px;
}
.slick-slider .slick-prev, .slick-slider .slick-next {
position: absolute;
top: auto;
bottom: 0;
right: 32px;
left: auto;
width: 48px;
height: 48px;
padding: 0;
border-radius: 50%;
background: var(--slick-arrows-bg);
border: 1px solid var(--slick-arrows-color);
transition: all ease 0.3s;
font-size: 1px;
}
@media only screen and (max-width: 1640px) {
.slick-slider .slick-prev, .slick-slider .slick-next {
right: 40px;
}
}
@media only screen and (max-width: 768px) {
.slick-slider .slick-prev, .slick-slider .slick-next {
right: 20px;
}
}
.slick-slider .slick-prev:before, .slick-slider .slick-next:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
content: "";
color: var(--slick-arrows-color);
opacity: 1;
background: var(--slick-arrows-color);
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
width: 24px;
height: 24px;
border: 2px solid blue;
}
.slick-slider .slick-prev {
right: 88px;
}
@media only screen and (max-width: 1640px) {
.slick-slider .slick-prev {
right: 100px;
}
}
@media only screen and (max-width: 768px) {
.slick-slider .slick-prev {
right: 80px;
}
}
.slick-slider .slick-prev:before {
transform: translate(-50%, -50%) rotate(180deg);
}
.article {
transition: all ease 0.6s;
border-radius: 8px;
}
.article .img {
display: block;
overflow: hidden;
border-radius: 8px;
transition: all ease 0.6s;
}
.article .img img {
transition: all ease 0.6s;
width: 100%;
}
.article .blurb {
padding: 20px;
}
.article .blurb *:last-child {
margin-bottom: 0;
}
.article .author {
padding: 0 20px 20px 20px;
margin-top: auto;
}
.article .author p {
margin: 0;
}
.article:hover {
background: var(--articles-hover-bg);
}
.article:hover .tags a {
background: rgba(238, 238, 238, 0);
}
.article:hover .img {
border-radius: 8px 8px 0 0;
}
.article:hover .img img {
transform: scale(1.05);
}
.article:hover a {
text-decoration: none !important;
}
.article a {
text-decoration: none !important;
}
.article a:hover {
text-decoration: none !important;
}
@media only screen and (max-width: 500px) {
.article .wp-block-buttons .wp-block-button {
width: auto;
}
}
.tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 16px 0;
}
.tags a, .tags span {
display: inline-block;
font-size: 12px;
color: #40AADB !important;
font-weight: 700;
text-transform: uppercase;
background: var(--articles-hover-bg);
border-radius: 4px;
padding: 2px 4px;
text-decoration: none !important;
}
.tags.has-text-align-center {
justify-content: center;
}
.tags.has-text-align-right {
justify-content: flex-end;
}
.tags.is-style-blue a, .tags.is-style-blue span {
background: #40AADB;
color: #24261C !important;
}
.main-hero .tags {
margin-bottom: 30px;
}
.main-hero .tags a {
background: #40AADB;
color: #24261C !important;
}
.author {
display: flex;
text-decoration: none !important;
}
.author img {
width: 50px;
height: 50px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
margin-right: 8px;
}
.insights-block {
display: grid;
gap: 0 80px;
grid-template-columns: 1fr auto;
margin: 0 0 112px 0;
}
@media (min-width: 0em) and (max-width: 48em) {
.insights-block {
margin: 0 0 64px 0;
}
}
@media (min-width: 0) and (max-width: 64em) {
.insights-block {
grid-template-columns: 1fr;
gap: 24px;
}
}
.insights-block .articles-list {
margin-top: 34px;
}
.insights-block > .blurb {
max-width: 800px;
}
@media (min-width: 0) and (max-width: 64em) {
.insights-block > .blurb {
grid-column: 1/3;
}
.insights-block > .blurb *:last-child {
margin-bottom: 0;
}
}
.insights-block .more {
align-self: end;
}
@media (min-width: 0) and (max-width: 64em) {
.insights-block .more {
grid-column: 1/3;
}
}
@media (min-width: 0) and (max-width: 64em) {
.insights-block .more {
order: 5;
}
.insights-block .more .wp-block-buttons {
justify-content: center;
}
}
.insights-block .articles-list {
grid-column: 1/3;
}
@media (min-width: 0) and (max-width: 64em) {
.insights-block .articles-list {
grid-column: 1/3;
width: 100%;
}
}
.countdown, .date {
display: flex;
gap: 20px;
justify-content: center;
border: 1px solid #cccccc;
border-radius: 8px;
background: var(--articles-hover-bg);
padding: 16px 24px;
width: -moz-max-content;
width: max-content;
margin: 0 auto 15px auto;
}
@media (min-width: 0em) and (max-width: 48em) {
.countdown, .date {
padding: 12px 16px;
gap: 12px;
}
}
.countdown li, .date li {
text-align: center;
margin: 0;
padding: 0;
}
@media (min-width: 0em) and (max-width: 48em) {
.countdown li, .date li {
font-size: 14px;
}
}
.countdown li strong, .date li strong {
font-size: 40px;
display: block;
line-height: 1.2;
min-width: 50px;
}
@media (min-width: 0em) and (max-width: 48em) {
.countdown li strong, .date li strong {
font-size: 24px;
min-width: 35px;
}
}
.countdown li:before, .date li:before {
display: none;
}
.countdown li:not(:last-child), .date li:not(:last-child) {
padding-right: 20px;
}
@media (min-width: 0em) and (max-width: 48em) {
.countdown li:not(:last-child), .date li:not(:last-child) {
padding-right: 12px;
}
}
.countdown li:not(:last-child):after, .date li:not(:last-child):after {
content: "";
border-right: 1px solid #cccccc;
position: absolute;
right: 0;
top: 0;
height: 100%;
}
.date {
padding: 12px 24px;
}
.event-countdown a.event {
text-decoration: none !important;
}
details {
margin: 0 0 30px 0;
cursor: pointer;
}
details summary {
position: relative;
padding-left: 30px;
}
details summary::marker {
display: none;
content: "";
}
details summary:after {
content: "";
position: absolute;
left: 0;
top: 17px;
transform: rotate(-45deg);
width: 10px;
height: 10px;
border-right: 2px solid var(--default-color);
border-bottom: 2px solid var(--default-color);
transition: transform 0.3s ease;
}
details[open] summary:after {
transform: rotate(45deg);
}
.events-block {
display: grid;
gap: 30px 80px;
grid-template-columns: 1fr auto;
margin: 0 0 112px 0;
}
@media (min-width: 0em) and (max-width: 48em) {
.events-block {
margin: 0 0 64px 0;
}
}
@media (min-width: 0) and (max-width: 64em) {
.events-block {
grid-template-columns: 1fr;
gap: 30px;
}
}
.events-block > .blurb {
max-width: 800px;
}
.events-block > .blurb:nth-last-child(2) {
max-width: none;
}
@media (min-width: 0) and (max-width: 64em) {
.events-block > .blurb {
grid-column: 1/3;
}
.events-block > .blurb *:last-child {
margin-bottom: 0;
}
}
.events-block .more {
align-self: end;
}
@media (min-width: 0) and (max-width: 64em) {
.events-block .more {
grid-column: 1/3;
}
}
@media (min-width: 0) and (max-width: 64em) {
.events-block .more {
order: 5;
}
.events-block .more .wp-block-buttons {
justify-content: center;
}
}
.events-block .events-list {
grid-column: 1/3;
margin-top: 0;
}
@media (min-width: 0) and (max-width: 64em) {
.events-block .events-list {
grid-column: 1/3;
width: 100%;
}
}
.events-list {
display: flex;
flex-direction: column;
gap: 30px;
}
.events-list .event {
display: flex;
align-items: flex-start;
gap: 30px;
padding-bottom: 20px;
text-decoration: none !important;
}
.events-list .event:not(:last-child) {
border-bottom: 1px solid var(--line-color);
}
.events-list .date {
flex: 0 0 auto;
margin: 0 0 10px 0;
}
.events-list .blurb {
flex: 1 1 auto;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.events-list .blurb h3 {
margin-bottom: 5px;
}
.events-list .blurb p {
margin-bottom: 10px;
}
.bios-list {
display: flex;
gap: 32px;
flex-wrap: wrap;
margin-bottom: 64px;
margin-top: 64px;
}
@media (min-width: 0em) and (max-width: 48em) {
.bios-list {
gap: 0 32px;
margin-top: 24px;
margin-bottom: 24px;
}
}
.bios-list:has(.bio:last-child:nth-child(4n+1)) .bio {
flex: 0 0 calc(33.33% - 32px);
}
.bios-list .bio {
flex: 0 0 calc(25% - 24px);
display: block;
margin: 0;
}
@media (min-width: 48.063em) and (max-width: 76.5em) {
.bios-list .bio {
flex: 0 0 calc(33% - 22px);
}
}
@media (min-width: 0) and (max-width: 64em) {
.bios-list .bio {
flex: 0 0 calc(50% - 16px);
}
}
@media only screen and (max-width: 600px) {
.bios-list .bio {
flex: 0 0 100%;
}
}
.bios-list .bio img {
width: 100%;
height: auto;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
margin-bottom: 24px;
transition: all ease 0.6s;
}
.bios-list .bio > a {
overflow: hidden;
display: block;
border-radius: 8px;
margin-bottom: 24px;
}
.bios-list .bio > a > img {
margin-bottom: 0;
}
.bios-list .bio > a:hover > img {
transform: scale(1.05);
}
.bios-list .bio h6 {
margin-bottom: 5px;
}
.bios-list .bio h6 a {
text-decoration: none !important;
}
.bios-list .bio .social {
gap: 20px;
}
.bios-list .bio .social li a {
background: none;
color: #24261C;
width: auto;
height: auto;
text-decoration: none;
}
.dark-mode main > div .bios-list .bio .social li a i {
color: #ffffff !important;
}
.bio {
display: flex;
gap: 80px;
margin-bottom: 112px;
transition: all ease 0.6s;
padding: 0 24px;
}
@media (min-width: 48.063em) and (max-width: 76.5em) {
.bio {
gap: 30px;
}
}
@media (min-width: 0) and (max-width: 64em) {
.bio {
flex-direction: column;
gap: 30px;
padding: 0;
}
}
@media only screen and (max-width: 600px) {
.bio img {
max-width: 300px;
}
}
@media (min-width: 0em) and (max-width: 48em) {
.bio {
margin-bottom: 64px;
}
}
.bio .bio-pic {
flex: 0 0 33%;
}
.bio .bio-pic img {
width: 100%;
height: auto;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
}
.bio > a {
display: block;
margin-left: -24px;
margin-right: -24px;
}
@media (min-width: 0) and (max-width: 64em) {
.bio > a {
margin-left: 0;
margin-right: 0;
}
}
@media (hover: hover) {
.bio:hover {
background: var(--articles-hover-bg);
}
.bio:hover .tags a {
background: rgba(238, 238, 238, 0);
}
.bio:hover > a {
border-radius: 0;
}
.bio:hover > a > img {
transform: scale(1.05);
border-radius: 0;
}
}
/* full browser */
.content-with-side-image .wrapper {
display: flex;
gap: 80px;
padding: 0 0 112px 0 !important;
}
@media (min-width: 0) and (max-width: 76.5em) {
.content-with-side-image .wrapper {
gap: 40px;
}
}
@media (min-width: 0) and (max-width: 64em) {
.content-with-side-image .wrapper {
flex-direction: column;
}
}
@media (min-width: 0em) and (max-width: 48em) {
.content-with-side-image .wrapper {
padding: 0 !important;
}
}
.content-with-side-image .wrapper .blurb {
flex: 1 1 auto;
font-size: 18px;
font-weight: 700;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 24px 0;
}
.content-with-side-image .wrapper .img {
flex: 0 0 50%;
border-radius: 8px;
overflow: hidden;
max-height: calc(100vh - var(--header-height) - 100px);
align-self: center;
}
.content-with-side-image .wrapper .img .img-bg, .content-with-side-image .wrapper .img video {
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
display: flex;
will-change: transform;
transform: scale(1.25);
}
.content-with-side-image .wrapper .img .img-bg:after, .content-with-side-image .wrapper .img video:after {
content: "";
padding-bottom: 105%;
}
@media only screen and (min-width: 1700px) {
.content-with-side-image .wrapper .img .img-bg:after, .content-with-side-image .wrapper .img video:after {
padding-bottom: 700px;
}
}
@media (min-width: 0) and (max-width: 64em) {
.content-with-side-image .wrapper .img .img-bg:after, .content-with-side-image .wrapper .img video:after {
padding-bottom: 75%;
}
}
.content-with-side-image .wrapper .img video {
border-radius: 8px;
transform: none;
}
@media (min-width: 0) and (max-width: 64em) {
.content-with-side-image .wrapper .img {
order: -1;
align-self: stretch;
}
}
.content-with-side-image:last-child .wrapper {
padding-bottom: 0 !important;
}
.content-with-side-image.right .wrapper {
padding-left: 0;
}
.content-with-side-image.right .wrapper .img {
order: -1;
}
/* Sticky stack: blocks pin and clip as next one slides over */
.is-style-side-image-stack {
display: grid;
grid-template-columns: 1fr;
grid-auto-rows: 1fr;
}
.is-style-side-image-stack .content-with-side-image {
position: sticky;
top: calc(var(--header-height) + 24px);
z-index: 1;
}
.is-style-side-image-stack .content-with-side-image:nth-child(2) {
z-index: 2;
}
.is-style-side-image-stack .content-with-side-image:nth-child(3) {
z-index: 3;
}
.is-style-side-image-stack .content-with-side-image:nth-child(4) {
z-index: 4;
}
.is-style-side-image-stack .content-with-side-image:nth-child(5) {
z-index: 5;
}
.is-style-side-image-stack .content-with-side-image:nth-child(6) {
z-index: 6;
}
.is-style-side-image-stack .content-with-side-image:nth-child(7) {
z-index: 7;
}
.is-style-side-image-stack .content-with-side-image:nth-child(8) {
z-index: 8;
}
.is-style-side-image-stack .content-with-side-image:nth-child(9) {
z-index: 9;
}
.is-style-side-image-stack .content-with-side-image:nth-child(10) {
z-index: 10;
}
.is-style-side-image-stack .content-with-side-image .img {
overflow: hidden;
}
.is-style-side-image-stack .content-with-side-image .img .img-bg {
will-change: transform;
transform: scale(1.15);
}
/* Sticky stack: blocks pin and clip as next one reveals under */
.is-style-side-image-reveal {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
overflow: visible;
}
@media (min-width: 0) and (max-width: 64em) {
.is-style-side-image-reveal {
display: block;
}
}
.is-style-side-image-reveal .content-with-side-image {
grid-column: 1/2;
grid-row: 1/2;
z-index: 10;
overflow: visible;
}
@media (min-width: 0) and (max-width: 64em) {
.is-style-side-image-reveal .content-with-side-image {
position: sticky;
top: var(--header-height, 101px);
transform: none !important;
clip-path: none;
z-index: 1;
margin-left: -40px;
margin-right: -40px;
}
.is-style-side-image-reveal .content-with-side-image:not(:first-child) {
padding-top: 40px;
border-top: 1px solid var(--border-color);
}
.is-style-side-image-reveal .content-with-side-image .wrapper {
padding: 0 40px !important;
}
}
.is-style-side-image-reveal .content-with-side-image .wrapper {
overflow: visible;
position: static;
height: 100%;
}
@media (min-width: 0) and (max-width: 64em) {
.is-style-side-image-reveal .content-with-side-image .wrapper {
padding-bottom: 0 !important;
}
}
@media (min-width: 0) and (max-width: 64em) {
.is-style-side-image-reveal .content-with-side-image .wrapper .img {
order: -1;
}
.is-style-side-image-reveal .content-with-side-image .wrapper .img .img-bg:after {
padding-bottom: 50%;
}
}
@media (min-width: 0) and (max-width: 64em) {
.is-style-side-image-reveal .content-with-side-image .wrapper .blurb {
padding-bottom: 40px;
}
.is-style-side-image-reveal .content-with-side-image .wrapper .blurb .blurb-int *:last-child {
margin-bottom: 0;
}
}
.is-style-side-image-reveal .content-with-side-image:not(:first-child) .blurb {
clip-path: inset(100% 0 0 0);
}
@media (min-width: 0) and (max-width: 64em) {
.is-style-side-image-reveal .content-with-side-image:not(:first-child) .blurb {
clip-path: none;
}
}
.is-style-side-image-reveal .content-with-side-image:not(:first-child) .img {
transform: translateY(100vh);
}
@media (min-width: 0) and (max-width: 64em) {
.is-style-side-image-reveal .content-with-side-image:not(:first-child) .img {
transform: none;
}
}
.is-style-side-image-reveal .content-with-side-image:nth-child(2) {
z-index: 8;
}
@media (min-width: 0) and (max-width: 64em) {
.is-style-side-image-reveal .content-with-side-image:nth-child(2) {
z-index: 2;
}
}
.is-style-side-image-reveal .content-with-side-image:nth-child(3) {
z-index: 7;
}
@media (min-width: 0) and (max-width: 64em) {
.is-style-side-image-reveal .content-with-side-image:nth-child(3) {
z-index: 3;
}
}
.is-style-side-image-reveal .content-with-side-image:nth-child(4) {
z-index: 6;
}
@media (min-width: 0) and (max-width: 64em) {
.is-style-side-image-reveal .content-with-side-image:nth-child(4) {
z-index: 4;
}
}
.is-style-side-image-reveal .content-with-side-image:nth-child(5) {
z-index: 5;
}
@media (min-width: 0) and (max-width: 64em) {
.is-style-side-image-reveal .content-with-side-image:nth-child(5) {
z-index: 5;
}
}
.is-style-side-image-reveal .content-with-side-image:nth-child(6) {
z-index: 4;
}
@media (min-width: 0) and (max-width: 64em) {
.is-style-side-image-reveal .content-with-side-image:nth-child(6) {
z-index: 6;
}
}
.is-style-side-image-reveal .content-with-side-image:nth-child(7) {
z-index: 3;
}
@media (min-width: 0) and (max-width: 64em) {
.is-style-side-image-reveal .content-with-side-image:nth-child(7) {
z-index: 7;
}
}
.is-style-side-image-reveal .content-with-side-image:nth-child(8) {
z-index: 2;
}
@media (min-width: 0) and (max-width: 64em) {
.is-style-side-image-reveal .content-with-side-image:nth-child(8) {
z-index: 8;
}
}
.is-style-side-image-reveal .content-with-side-image:nth-child(9) {
z-index: 1;
}
@media (min-width: 0) and (max-width: 64em) {
.is-style-side-image-reveal .content-with-side-image:nth-child(9) {
z-index: 9;
}
}
.is-style-side-image-reveal .content-with-side-image:nth-child(10) {
z-index: 0;
}
@media (min-width: 0) and (max-width: 64em) {
.is-style-side-image-reveal .content-with-side-image:nth-child(10) {
z-index: 10;
}
}
@media (min-width: 0em) and (max-width: 48em) {
.achievements-block, .timeline-block {
text-align: center;
}
.achievements-block .is-style-eyebrow, .timeline-block .is-style-eyebrow {
display: inline-block;
margin-left: auto;
margin-right: auto;
}
}
.achievements-block {
margin-bottom: 112px;
}
@media (min-width: 0em) and (max-width: 48em) {
.achievements-block {
margin-bottom: 64px;
}
}
.achievements-slider, .timeline-slider {
margin-top: 64px;
padding-bottom: 60px;
}
@media (min-width: 0em) and (max-width: 48em) {
.achievements-slider, .timeline-slider {
margin-top: 0;
}
}
.achievements-slider:not(.slick-initialized), .timeline-slider:not(.slick-initialized) {
height: 200px;
opacity: 0;
overflow: hidden;
}
.achievements-slider .slick-slide, .timeline-slider .slick-slide {
padding-right: 32px;
text-align: center;
}
.achievements-slider .slick-next, .timeline-slider .slick-next {
right: 0;
}
.achievements-slider .slick-prev, .timeline-slider .slick-prev {
left: 0;
right: auto;
}
.achievements-slider .slick-disabled, .timeline-slider .slick-disabled {
opacity: 0.2;
cursor: text;
}
.achievements-slider .slick-disabled:before, .timeline-slider .slick-disabled:before {
opacity: 1 !important;
}
.achievements-item, .timeline-item {
display: flex;
padding-top: 40px;
position: relative;
}
.achievements-item:before, .timeline-item:before {
content: "";
display: block;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #40AADB;
margin-bottom: 24px;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
}
.achievements-item .achievements-content:before, .achievements-item .timeline-content:before, .timeline-item .achievements-content:before, .timeline-item .timeline-content:before {
content: "";
display: block;
height: 3px;
width: calc(50% - 15px);
background-color: #cccccc;
position: absolute;
left: 0;
top: 7px;
}
.achievements-item .achievements-content:after, .achievements-item .timeline-content:after, .timeline-item .achievements-content:after, .timeline-item .timeline-content:after {
content: "";
display: block;
height: 3px;
width: calc(50% + 17px);
background-color: #cccccc;
position: absolute;
right: -32px;
top: 7px;
}
.timeline-slider .slick-track {
display: flex;
align-items: stretch;
justify-content: flex-start;
margin: 0;
}
.timeline-slider .slick-track .slick-slide {
height: auto;
float: none;
text-align: left;
padding-right: 0;
}
@media (min-width: 0em) and (max-width: 48em) {
.timeline-slider .slick-track .slick-slide {
text-align: center;
}
}
.timeline-slider .slick-track .slick-slide > div, .timeline-slider .slick-track .slick-slide > div > div {
height: 100%;
display: flex !important;
flex-direction: column;
}
.timeline-slider .slick-track .slick-slide:nth-child(odd) > div > div {
justify-content: flex-end;
}
.timeline-slider .slick-track .slick-slide:nth-child(odd) .timeline-item {
margin-top: auto;
}
@media (min-width: 0em) and (max-width: 48em) {
.timeline-slider .slick-track .slick-slide:nth-child(odd) .timeline-item {
margin-top: 0;
}
}
.timeline-slider .slick-track .slick-slide:nth-child(odd) .timeline-item .timeline-content {
position: relative;
padding-top: 30px;
}
.timeline-slider .slick-track .slick-slide:nth-child(odd) .timeline-item .timeline-content:before {
top: -3px;
width: 10px;
}
@media (min-width: 0em) and (max-width: 48em) {
.timeline-slider .slick-track .slick-slide:nth-child(odd) .timeline-item .timeline-content:before {
width: calc(50% - 15px);
}
}
.timeline-slider .slick-track .slick-slide:nth-child(odd) .timeline-item .timeline-content:after {
top: -3px;
right: 0;
width: calc(100% - 45px);
}
@media (min-width: 0em) and (max-width: 48em) {
.timeline-slider .slick-track .slick-slide:nth-child(odd) .timeline-item .timeline-content:after {
right: 0;
width: calc(50% - 15px);
}
}
.timeline-slider .slick-track .slick-slide:nth-child(odd) .timeline-item .timeline-content *:first-child {
position: relative;
}
.timeline-slider .slick-track .slick-slide:nth-child(odd) .timeline-item .timeline-content *:first-child:before {
content: "";
display: block;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #40AADB;
position: absolute;
left: 20px;
top: -38px;
}
@media (min-width: 0em) and (max-width: 48em) {
.timeline-slider .slick-track .slick-slide:nth-child(odd) .timeline-item .timeline-content *:first-child:before {
left: 50%;
transform: translateX(-50%);
}
}
.timeline-slider .slick-track .slick-slide:nth-child(even) > div > div {
justify-content: flex-start;
}
.timeline-slider .slick-track .slick-slide:nth-child(even) .timeline-item {
margin-bottom: auto;
padding-top: 0;
padding-bottom: 40px;
}
@media (min-width: 0em) and (max-width: 48em) {
.timeline-slider .slick-track .slick-slide:nth-child(even) .timeline-item {
padding-top: 40px;
padding-bottom: 0;
}
}
.timeline-slider .slick-track .slick-slide:nth-child(even) .timeline-item .timeline-content {
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
}
@media (min-width: 0em) and (max-width: 48em) {
.timeline-slider .slick-track .slick-slide:nth-child(even) .timeline-item .timeline-content {
padding-top: 30px;
padding-bottom: 0;
}
}
.timeline-slider .slick-track .slick-slide:nth-child(even) .timeline-item .timeline-content:before {
top: auto;
bottom: 0;
width: 10px;
}
@media (min-width: 0em) and (max-width: 48em) {
.timeline-slider .slick-track .slick-slide:nth-child(even) .timeline-item .timeline-content:before {
width: calc(50% - 15px);
bottom: auto;
top: -3px;
}
}
.timeline-slider .slick-track .slick-slide:nth-child(even) .timeline-item .timeline-content:after {
top: auto;
bottom: 0;
right: 0;
width: calc(100% - 45px);
}
@media (min-width: 0em) and (max-width: 48em) {
.timeline-slider .slick-track .slick-slide:nth-child(even) .timeline-item .timeline-content:after {
right: 0;
top: -3px;
bottom: auto;
width: calc(50% - 15px);
}
}
.timeline-slider .slick-track .slick-slide:nth-child(even) .timeline-item .timeline-content *:last-child {
position: relative;
}
.timeline-slider .slick-track .slick-slide:nth-child(even) .timeline-item .timeline-content *:last-child:before {
content: "";
display: block;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #40AADB;
position: absolute;
left: 20px;
bottom: -36px;
}
@media (min-width: 0em) and (max-width: 48em) {
.timeline-slider .slick-track .slick-slide:nth-child(even) .timeline-item .timeline-content *:last-child:before {
display: none;
}
}
@media (min-width: 0em) and (max-width: 48em) {
.timeline-slider .slick-track .slick-slide:nth-child(even) .timeline-item .timeline-content *:first-child {
position: relative;
}
.timeline-slider .slick-track .slick-slide:nth-child(even) .timeline-item .timeline-content *:first-child:before {
content: "";
display: block;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #40AADB;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -38px;
}
}
@media (min-width: 0em) and (max-width: 48em) {
.timeline-slider .timeline-item {
height: auto !important;
}
.timeline-slider .timeline-item .timeline-content {
height: auto !important;
}
}
.timeline-slider .timeline-item:before {
display: none;
}
.timeline-slider .timeline-item .timeline-content > * {
padding-left: 20px;
}
@media (min-width: 0em) and (max-width: 48em) {
.timeline-slider .timeline-item .timeline-content > * {
padding-left: 0;
}
}
.timeline-slider .timeline-item .timeline-content:before, .timeline-slider .timeline-item .timeline-content:after {
background-color: var(--timeline-color);
}
.video-play {
position: relative;
margin: 0 0 60px 0;
display: block;
padding-bottom: 56.25%;
}
.video-play > img {
transition: all ease 0.3s;
position: absolute;
height: 100%;
width: 100%;
display: block;
}
.video-play .video-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all ease 0.3s;
pointer-events: none;
}
.video-play .video-container .embed-container {
padding: 0;
margin: 0;
height: 100%;
top: 0;
position: absolute;
}
.video-play .video-container.on {
opacity: 1;
pointer-events: auto;
}
.video-play.play:after {
content: ">";
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 50%;
top: 50%;
width: 75px;
height: 75px;
line-height: 75px;
text-align: center;
color: #ffffff;
transform: translate(-50%, -50%);
background: #000000;
border-radius: 50%;
font-size: 40px;
}
.video-play:not(.play) {
display: block;
}
.video-play:not(.play) > img {
opacity: 0;
pointer-events: none;
}
.page-nav:not(:last-child) {
margin-bottom: 112px;
}
@media (min-width: 0em) and (max-width: 48em) {
.page-nav:not(:last-child) {
margin-bottom: 64px;
}
}
.page-nav ul {
display: flex;
flex-wrap: wrap;
gap: 32px;
}
@media (min-width: 0) and (max-width: 64em) {
.page-nav ul {
display: none;
}
}
.page-nav ul li {
flex: 1 0 calc(33% - 22px);
margin: 0;
position: relative;
overflow: hidden;
}
.page-nav ul li .shadow1 {
content: "";
position: absolute;
bottom: -20%;
left: -30%;
width: 100%;
padding-bottom: 100%;
background: radial-gradient(67.7% 42.6% at 50% 50%, var(--shadow1) 0%, var(--shadow11) 100%);
filter: blur(40px);
border-radius: 50%;
transition: transform 0.3s ease-out;
will-change: transform;
}
.page-nav ul li .shadow2 {
content: "";
position: absolute;
top: -25%;
left: 25%;
width: 100%;
padding-bottom: 100%;
background: radial-gradient(57.76% 31.46% at 50% 50%, var(--shadow2) 0%, var(--shadow22) 100%);
filter: blur(40px);
border-radius: 50%;
transition: transform 0.3s ease-out;
will-change: transform;
}
.page-nav ul li {
border: 1px solid #cccccc;
border-radius: 8px;
padding: 24px;
grid-row: span 2;
background: rgba(255, 255, 255, 0.1);
border: none;
box-shadow: none;
position: relative;
}
@media (min-width: 0em) and (max-width: 48em) {
.page-nav ul li {
grid-row: span 1;
}
}
.page-nav ul li .video-bg {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 100%;
transform: translate(0, -50%);
-o-object-fit: cover;
object-fit: cover;
z-index: 0;
opacity: 0.2;
pointer-events: none;
}
.page-nav ul li .dot-wave-canvas {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
pointer-events: none;
}
.page-nav ul li .shadow1 {
content: "";
position: absolute;
bottom: -20%;
left: -30%;
width: 100%;
padding-bottom: 100%;
background: radial-gradient(67.7% 42.6% at 50% 50%, var(--shadow1) 0%, var(--shadow11) 100%);
filter: blur(40px);
border-radius: 50%;
transition: transform 0.5s ease-out;
will-change: transform;
}
.page-nav ul li .shadow2 {
content: "";
position: absolute;
top: -25%;
left: 25%;
width: 100%;
padding-bottom: 100%;
background: radial-gradient(57.76% 31.46% at 50% 50%, var(--shadow2) 0%, var(--shadow22) 100%);
filter: blur(40px);
border-radius: 50%;
transition: transform 0.5s ease-out;
will-change: transform;
}
.page-nav ul li:before {
display: none;
}
.page-nav ul li *:not(.shadow1):not(.shadow2):not(.video-bg) {
position: relative;
z-index: 5;
}
.page-nav ul li > a {
display: flex;
flex-direction: column;
text-decoration: none;
position: relative;
height: 100%;
text-decoration: none !important;
}
.page-nav ul li > a *:last-child {
margin-bottom: 0;
}
.page-nav ul li > a *:last-child.wp-block-buttons {
margin-top: auto;
}
.page-nav ul li > a:has(h3.has-material-icon):before {
display: none;
}
.page-nav ul li > a:before {
content: "";
display: inline-block;
width: 40px;
height: 40px;
background-color: #C58F94;
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
margin-bottom: 10px;
transition: all ease 0.3s;
}
.page-nav select, .page-nav.simple select, .anchors-nav select {
display: none;
width: 100%;
box-shadow: none;
color: var(--default-color);
font-size: 16px;
height: 60px;
line-height: 60px;
border: 1px solid #cccccc;
border-radius: 8px;
box-shadow: 0 8px 28px 0 rgba(20, 90, 112, 0.1);
padding: 0 20px;
background: rgba(238, 238, 238, 0.1);
background-image: url('data:image/svg+xml,');
background-size: 10px;
background-repeat: no-repeat;
background-position: right 20px center;
}
.page-nav select option, .page-nav.simple select option, .anchors-nav select option {
background: #000000;
}
@media (min-width: 0) and (max-width: 64em) {
.page-nav select, .page-nav.simple select, .anchors-nav select {
display: block;
}
}
.dark-mode .page-nav select {
background-image: url('data:image/svg+xml,');
}
@media (min-width: 0) and (max-width: 64em) {
.anchors-nav, .page-nav.simple {
display: flex;
flex-direction: column;
}
}
.anchors-nav ul, .page-nav.simple ul {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
@media (min-width: 0) and (max-width: 64em) {
.anchors-nav ul, .page-nav.simple ul {
display: none;
}
}
.anchors-nav ul li, .page-nav.simple ul li {
flex: 0 1 auto;
margin: 0;
padding: 0;
border: 1px solid #cccccc;
border-radius: 4px;
background: var(--sliding-tab-bg);
transition: all 0.5s ease-out;
}
.anchors-nav ul li:before, .page-nav.simple ul li:before {
display: none;
}
.anchors-nav ul li a, .page-nav.simple ul li a {
display: block;
padding: 8px 40px 8px 16px;
text-decoration: none !important;
text-align: center;
}
.anchors-nav ul li a:before, .page-nav.simple ul li a:before {
content: "";
position: absolute;
top: 50%;
right: 8px;
width: 27px;
height: 27px;
transform: translateY(-50%) rotate(90deg);
background: currentColor;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 70%;
mask-size: 70%;
transition: all ease 0.3s;
}
.anchors-nav ul li:hover, .page-nav.simple ul li:hover {
border-radius: 50px;
}
.anchors-nav ul li.search, .page-nav.simple ul li.search {
width: 42px;
}
.anchors-nav ul li.search a, .page-nav.simple ul li.search a {
padding: 8px 16px;
font-size: 0;
}
.anchors-nav ul li.search a:before, .page-nav.simple ul li.search a:before {
background: currentColor;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 70%;
mask-size: 70%;
transform: translateY(-50%);
}
.anchors-nav form, .page-nav.simple form {
display: flex;
gap: 10px;
max-height: 0;
opacity: 0;
overflow: hidden;
transition: all 0.6s ease;
margin-top: 0;
}
.anchors-nav form.is-active, .page-nav.simple form.is-active {
max-height: 100px;
opacity: 1;
margin-top: 10px;
}
@media (min-width: 0) and (max-width: 64em) {
.anchors-nav form, .page-nav.simple form {
order: 3;
margin-top: 16px;
opacity: 1;
max-height: none;
}
}
.anchors-nav input[type=search], .page-nav.simple input[type=search] {
box-shadow: none;
border: 1px solid #cccccc;
border-radius: 4px;
background: none;
padding: 8px 16px;
flex: 0 0 100%;
max-width: 600px;
color: var(--default-color);
}
@media (min-width: 0) and (max-width: 64em) {
.anchors-nav input[type=search], .page-nav.simple input[type=search] {
max-width: 100%;
padding-top: 16px;
padding-bottom: 16px;
flex: 1 1 auto;
}
}
.anchors-nav button.close, .page-nav.simple button.close {
padding: 8px;
width: 42px;
font-size: 0 !important;
position: relative;
display: block;
cursor: pointer;
}
.anchors-nav button.close:hover, .page-nav.simple button.close:hover {
border-radius: 4px;
}
.anchors-nav button.close:before, .page-nav.simple button.close:before {
content: "";
position: absolute;
top: 50%;
right: 6px;
width: 27px;
height: 27px;
background: currentColor;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 70%;
mask-size: 70%;
transform: translateY(-50%);
}
.site-header {
position: sticky;
top: 0;
z-index: 100003;
background: transparent;
border-bottom: 1px solid transparent;
transition: all ease 0.3s;
}
@media (min-width: 0) and (max-width: 64em) {
.site-header {
background: none !important;
border: none !important;
}
.site-header::before {
display: none !important;
}
}
.site-header.sticky {
background: transparent;
border-bottom: 1px solid var(--sticky-border-color);
}
.site-header.sticky::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
backdrop-filter: blur(40px);
background: var(--sticky-nav-bg);
}
.site-header .wrapper {
width: 100%;
padding-left: calc(50% - 1920px / 2);
padding-right: calc(50% - 1920px / 2);
}
@media only screen and (max-width: 1640px) {
.site-header .wrapper {
padding-left: calc(50% - 1920px / 2);
padding-right: calc(50% - 1920px / 2);
}
}
@media only screen and (max-width: calc(1920px + 2 * 40px)) {
.site-header .wrapper {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 0) and (max-width: 64em) {
.site-header .wrapper {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 0em) and (max-width: 48em) {
.site-header .wrapper {
padding-left: 20px;
padding-right: 20px;
}
}
.site-header .wrapper {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
@media (min-width: 0) and (max-width: 64em) {
.site-header .wrapper {
align-items: center;
}
}
.util-bar {
padding-top: 8px;
padding-bottom: 8px;
}
@media (min-width: 0) and (max-width: 64em) {
.util-bar {
padding: 0 20px 0 0;
margin-top: -4px;
}
}
.util-bar ul {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 20px;
margin: 0;
}
.util-bar ul li {
margin: 0;
padding: 0;
}
.util-bar ul li:before {
display: none;
}
.util-bar ul li a {
display: block;
color: #24261C;
font-size: 16px;
text-decoration: none !important;
}
.util-bar ul li a:hover {
color: #000000;
}
@media (min-width: 0) and (max-width: 64em) {
.util-bar ul li:not(.theme-switch) {
display: none;
}
}
.toggle {
display: inline-block;
width: 40px;
height: 21px;
background: rgba(36, 38, 28, 0.9);
margin-right: 45px;
position: relative;
border-radius: 500px;
vertical-align: middle;
}
.toggle:after {
content: "Dark";
width: 35px;
color: #24261C;
position: absolute;
transition: all ease 0.3s;
right: -45px;
top: 50%;
transform: translateY(-50%);
}
.toggle:before {
content: "";
width: 16px;
height: 16px;
background: rgba(255, 255, 255, 0.9);
border-radius: 50%;
position: absolute;
top: 2px;
right: 3px;
transition: all ease 0.3s;
}
.dark-mode .toggle {
background: rgba(238, 238, 238, 0.5);
}
.dark-mode .toggle:after {
content: "Light";
color: #eeeeee;
}
.dark-mode .toggle:before {
right: 20px;
}
.logo {
padding: 0 30px 0 0;
margin: 0;
width: 50%;
max-width: 130px;
}
@media (min-width: 0) and (max-width: 64em) {
.logo {
margin: 0 auto 0 0;
}
}
@media (min-width: 0) and (max-width: 64em) {
.logo {
max-width: none;
width: 95px;
}
}
.logo a {
display: block;
}
.logo img {
width: 100%;
}
.navigation {
flex: 1 1 auto;
}
.navigation > ul {
margin: 0;
padding: 0;
display: flex;
align-items: stretch;
justify-content: flex-end;
gap: 8px;
position: relative;
}
.navigation > ul > li {
margin: 0;
padding: 0;
position: static;
}
.navigation > ul > li > .sub-menu {
position: absolute;
opacity: 0;
}
.navigation > ul > li:before {
display: none;
}
.navigation > ul > li.btn, .navigation > ul > li .btn {
margin: 0;
padding: 0;
background: none;
border: none;
font-size: 18px;
}
.navigation > ul > li.btn a, .navigation > ul > li .btn a {
display: block;
padding: 8px 16px;
font-size: 18px;
color: #ffffff;
background: var(--button-bg-color);
border-color: var(--button-bg-color);
}
.navigation > ul > li.btn a:hover, .navigation > ul > li .btn a:hover {
color: #ffffff;
}
.navigation > ul > li.btn a:hover:after, .navigation > ul > li .btn a:hover:after {
display: none;
}
.navigation > ul > li.search {
width: 42px;
transition: all ease 0.5s;
}
.navigation > ul > li.search a {
padding: 8px 0;
font-size: 0;
display: block;
height: 100%;
position: relative;
border: 1px solid var(--nav-border-color);
border-radius: 4px;
}
.navigation > ul > li.search a:before {
content: "";
position: absolute;
top: 50%;
right: 8px;
width: 27px;
height: 27px;
background: currentColor;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 70%;
mask-size: 70%;
transform: translateY(-50%);
}
.navigation > ul > li.search:hover {
border-radius: 50px;
}
.navigation > ul > li > a {
font-size: 18px;
color: #24261C;
position: relative;
padding: 8px 16px;
border-radius: 4px;
border: 1px solid var(--nav-border-color);
transition: all ease 0.3s;
overflow: hidden;
display: block;
text-decoration: none !important;
background-color: var(--nav-bg);
backdrop-filter: blur(40px);
}
.navigation > ul > li > a:hover {
border-radius: 50px;
}
.navigation > ul > li .dropdown {
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease-in-out;
}
.navigation > ul > li .dropdown.open {
opacity: 1;
pointer-events: auto;
}
.navigation > ul > li.menu-item-has-children > a {
position: relative;
padding-right: 30px;
display: block;
}
.navigation > ul > li.menu-item-has-children > a:after {
content: "▾";
text-align: center;
border-radius: 50%;
font-size: 20px;
line-height: 20px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(calc(-50% + 0px));
transition: all ease 0.3s;
}
.navigation > ul > li.menu-item-has-children.open > a {
background-color: var(--dropdown-bg-color);
backdrop-filter: blur(60px);
border-radius: 50px;
}
.navigation > ul > li.menu-item-has-children.open > a:after {
transform: scale(-1) translateY(calc(50% - 2px));
}
.navigation > ul > li.menu-item-has-children.open .dropdown {
opacity: 1;
pointer-events: auto;
}
@media (min-width: 0) and (max-width: 64em) {
.navigation {
display: none;
}
}
.navigation li.global-search-form a {
font-size: 0;
}
.navigation li.global-search-form a:after {
display: none !important;
}
.navigation li.global-search-form .dropdown {
left: 0 !important;
width: 100% !important;
max-width: 100% !important;
display: flex;
transform: translateY(100%) !important;
}
.navigation li.global-search-form .dropdown h3 {
margin-bottom: 20px;
display: none;
}
.navigation li.global-search-form .dropdown .sub-menu li {
display: block;
}
.navigation li.global-search-form .dropdown .global-search-form {
margin-bottom: 20px;
}
.navigation li.global-search-form .dropdown .global-search-form label {
display: none;
}
.navigation li.global-search-form .dropdown .global-search-form input {
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: none;
background: #fafafa;
color: #000000;
font-size: 16px;
padding: 0 15px 0 40px;
height: 45px;
line-height: 45px;
text-indent: 0;
width: 100%;
}
.navigation li.global-search-form .dropdown .global-search-form > div {
position: relative;
}
.navigation li.global-search-form .dropdown .global-search-form > div:after {
content: "";
position: absolute;
left: 15px;
top: 16px;
width: 15px;
height: 15px;
font-size: 20px;
background: #000000;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-size: contain;
mask-size: contain;
border-radius: 0;
}
.navigation ul li .dropdown {
position: absolute;
left: 0;
bottom: -16px;
transform: translateY(100%);
width: 100vw;
box-shadow: 0 10px 20px -5px rgba(99, 55, 227, 0.05);
border-radius: 16px;
border: 1px solid #cccccc;
background-color: var(--dropdown-bg-color);
backdrop-filter: blur(40px);
width: 100%;
padding-left: calc(50% - calc(1560px / 2));
padding-right: calc(50% - calc(1560px / 2));
}
@media only screen and (max-width: 1640px) {
.navigation ul li .dropdown {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 0em) and (max-width: 48em) {
.navigation ul li .dropdown {
padding-left: 20px;
padding-right: 20px;
}
}
.navigation ul li .dropdown {
padding: 30px 40px 0 40px !important;
opacity: 0;
pointer-events: none;
transition: all ease 0.3s;
max-height: 90vh;
overflow: auto;
display: flex;
}
.navigation ul li .dropdown h3 {
color: #000000;
font-size: 24px;
margin-bottom: 20px;
padding-bottom: 0;
display: inline-block;
white-space: nowrap;
}
.navigation ul li .dropdown h3 a {
position: relative;
padding-right: 35px;
display: inline-block;
text-decoration: none !important;
}
.navigation ul li .dropdown h3 a:after {
content: "";
position: absolute;
right: auto;
top: auto;
margin: 9px 0 0 8px;
color: currentColor;
transition: all ease 0.3s;
width: 14px;
height: 12px;
background-color: currentColor;
-webkit-mask-image: url("/wp-content/themes/advi-health/templates/images/icon-arrow-right.svg");
mask-image: url("/wp-content/themes/advi-health/templates/images/icon-arrow-right.svg");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.navigation ul li .dropdown h3 a:hover {
text-decoration: none;
color: var(--default-color);
}
.navigation ul li .dropdown h3 a:hover:after {
margin-left: 18px;
}
.navigation ul li .dropdown .sub-menu {
margin-bottom: 0;
}
.navigation ul li .dropdown .sub-menu > li.menu-item-has-children > a {
display: block;
margin-bottom: 30px;
position: relative;
}
.navigation ul li .dropdown .sub-menu > li.menu-item-has-children > a:before {
content: "";
position: absolute;
left: 0;
bottom: -10px;
width: 100%;
border-bottom: 1px solid #ccc;
}
.navigation ul li .dropdown .sub-menu {
display: block;
}
.navigation ul li .dropdown .sub-menu li {
page-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid-column;
display: table;
padding: 0;
padding-bottom: 20px !important;
margin-bottom: 0 !important;
flex: 1 1 auto;
}
.navigation ul li .dropdown .sub-menu li:before {
display: none;
}
.navigation ul li .dropdown .sub-menu li a {
color: var(--default-color);
font-size: 16px;
font-weight: 700;
text-transform: none;
padding: 0 15px 0 0;
text-decoration: none;
position: relative;
}
.navigation ul li .dropdown .sub-menu li a:after {
content: "";
position: relative;
display: inline-block;
width: 14px;
height: 12px;
margin-left: 10px;
background-color: currentColor;
-webkit-mask-image: url("/wp-content/themes/advi-health/templates/images/icon-arrow-right.svg");
mask-image: url("/wp-content/themes/advi-health/templates/images/icon-arrow-right.svg");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
transition: all ease 0.3s;
}
.navigation ul li .dropdown .sub-menu li a:hover {
color: var(--default-color);
text-decoration: none;
}
.navigation ul li .dropdown .sub-menu li a:hover:after {
transform: translateX(15px);
}
.navigation ul li .dropdown .sub-menu li .sub-menu {
display: block;
-moz-column-count: 1;
column-count: 1;
margin-top: 20px;
padding: 0;
}
.navigation ul li .dropdown .sub-menu li .sub-menu li {
padding: 0;
}
.navigation ul li .dropdown .sub-menu li .sub-menu li a {
font-size: 16px;
font-weight: 400;
color: var(--default-color);
}
.navigation ul li .dropdown .sub-menu li.not-clickable > a {
cursor: text;
}
.navigation ul li .dropdown:not(.has-multiple-levels) {
left: auto;
width: auto;
max-width: 450px;
display: block;
transform: translate(-70px, 100%);
}
@media only screen and (max-width: 1600px) {
.navigation ul li .dropdown:not(.has-multiple-levels) {
transform: translate(-35%, 100%);
}
}
.navigation ul li .dropdown:not(.has-multiple-levels) .sub-menu {
flex: 1 1 100%;
padding: 0;
display: block;
}
.navigation ul li .dropdown:not(.has-multiple-levels) .sub-menu li a {
border-radius: 16px;
padding: 0;
}
.navigation ul li .dropdown.has-multiple-levels {
display: block;
}
.navigation ul li .dropdown.has-multiple-levels > .sub-menu {
display: grid;
gap: 0 45px;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
grid-template-rows: auto;
position: relative;
padding: 0;
}
.navigation ul li .dropdown.has-multiple-levels > .sub-menu .sub-menu li {
width: 100%;
}
.navigation ul li .dropdown.has-multiple-levels > .sub-menu .sub-menu li a {
display: block;
text-wrap: balance;
}
.navigation ul li .dropdown.has-multiple-levels > .sub-menu .sub-menu li a:hover {
color: var(--default-color);
text-decoration: none;
}
.navigation ul li .dropdown.has-multiple-levels > .sub-menu .sub-menu li > ul li {
padding-left: 20px;
padding-bottom: 0 !important;
margin-bottom: 20px !important;
position: relative;
}
.navigation ul li .dropdown.has-multiple-levels > .sub-menu .sub-menu li > ul li:before {
display: block;
content: "+++";
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: none;
position: absolute;
left: 0;
top: 3px;
}
.navigation ul li .dropdown.has-multiple-levels > .sub-menu .sub-menu li > ul li a {
font-size: 14px;
}
.dark-mode .navigation > ul > li.btn a {
color: #24261C;
}
.dark-mode .navigation .global-search-form *::-moz-placeholder {
color: #000000;
opacity: 1;
}
.dark-mode .navigation .global-search-form ::-webkit-input-placeholder {
color: #000000;
opacity: 1;
}
.dark-mode .navigation .global-search-form :-ms-input-placeholder {
color: #000000;
opacity: 1;
}
.util-bar {
position: relative;
z-index: 10;
}
.util-bar .sub-menu {
position: absolute;
left: 0;
bottom: -5px;
transform: translateY(100%);
width: 100vw;
max-height: 90vh;
min-width: -moz-max-content;
min-width: max-content;
overflow: auto;
display: block;
box-shadow: 0 10px 20px -5px rgba(99, 55, 227, 0.05);
border-radius: 16px;
border: 1px solid #cccccc;
background-color: var(--dropdown-bg-color);
backdrop-filter: blur(40px);
width: 100%;
padding-left: calc(50% - calc(1560px / 2));
padding-right: calc(50% - calc(1560px / 2));
}
@media only screen and (max-width: 1640px) {
.util-bar .sub-menu {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 0em) and (max-width: 48em) {
.util-bar .sub-menu {
padding-left: 20px;
padding-right: 20px;
}
}
.util-bar .sub-menu {
padding: 30px 30px 20px 30px !important;
opacity: 0;
pointer-events: none;
transition: all ease 0.3s;
}
.util-bar .sub-menu li {
margin: 0 0 10px 0;
}
.util-bar .sub-menu li > a {
position: relative;
padding-right: 30px;
}
.util-bar .sub-menu li > a:after {
content: "";
position: absolute;
right: auto;
top: auto;
margin: 7px 0 0 8px;
color: currentColor;
transition: all ease 0.3s;
width: 14px;
height: 12px;
background-color: currentColor;
-webkit-mask-image: url("/wp-content/themes/advi-health/templates/images/icon-arrow-right.svg");
mask-image: url("/wp-content/themes/advi-health/templates/images/icon-arrow-right.svg");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.util-bar .sub-menu li > a:hover {
text-decoration: none;
color: var(--default-color);
}
.util-bar .sub-menu li > a:hover:after {
margin-left: 18px;
}
.util-bar li.menu-item-has-children:hover > .sub-menu {
opacity: 1;
pointer-events: auto;
}
.overview-card {
display: block;
max-width: 350px;
margin: 0 auto;
padding: 0;
width: 100%;
text-decoration: none;
}
.overview-card .img-bg {
background-size: contain;
background-position: center top;
background-repeat: no-repeat;
padding-bottom: 50%;
}
.overview-card > div {
padding: 15px 30px 15px 0;
}
.overview-card > div p {
font-size: 22px;
color: #000000;
}
.overview-card > div .service {
font-size: 25px;
margin: 0 0 15px 0;
font-family: "Sora", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: 700;
color: #000000;
}
.overview-card:hover {
text-decoration: none;
}
.overview-card:hover > div p {
color: #24261C;
}
.overview-cta {
max-width: 480px;
width: 100%;
padding: 60px 30px 30px 30px;
}
.overview-cta h3 {
margin-bottom: 30px;
}
.page-wrap .mobile-nav {
position: relative;
z-index: 101;
padding: 0;
margin: 0;
border-radius: 0;
display: none;
}
@media (min-width: 0) and (max-width: 64em) {
.page-wrap .mobile-nav {
display: block;
}
}
.page-wrap .mobile-nav button {
background: none;
border: 0;
width: 30px;
height: 20px;
padding: 0;
margin: 0 !important;
display: block !important;
position: relative;
border-radius: 0;
cursor: pointer;
font-size: 0;
}
.page-wrap .mobile-nav button:before {
display: none;
}
.page-wrap .mobile-nav button:hover, .page-wrap .mobile-nav button:active, .page-wrap .mobile-nav button:focus {
background: none !important;
border: 0 !important;
}
.page-wrap .mobile-nav button span {
display: block;
position: absolute;
width: 30px;
height: 3px;
background: var(--underline-color);
opacity: 1;
left: 0;
top: 0;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
border-radius: 4px;
}
.page-wrap .mobile-nav button span:nth-child(1) {
top: 0;
}
.page-wrap .mobile-nav button span:nth-child(2), .page-wrap .mobile-nav button span:nth-child(3) {
top: 7px;
}
.page-wrap .mobile-nav button span:nth-child(4) {
top: 14px;
}
.page-wrap .mobile-nav button.open span:nth-child(1) {
top: 0;
width: 0%;
left: 50%;
}
.page-wrap .mobile-nav button.open span:nth-child(2) {
transform: rotate(45deg);
height: 3px;
width: 30px;
}
.page-wrap .mobile-nav button.open span:nth-child(3) {
transform: rotate(-45deg);
height: 3px;
width: 30px;
}
.page-wrap .mobile-nav button.open span:nth-child(4) {
top: 0;
width: 0%;
left: 50%;
}
.menu-open .mobile-nav a span:nth-child(1) {
top: 0;
width: 0%;
left: 50%;
}
.menu-open .mobile-nav a span:nth-child(2) {
transform: rotate(45deg);
height: 5px;
}
.menu-open .mobile-nav a span:nth-child(3) {
transform: rotate(-45deg);
height: 5px;
}
.menu-open .mobile-nav a span:nth-child(4) {
top: 0;
width: 0%;
left: 50%;
}
.global-mobile-nav {
top: -65px !important;
position: fixed;
text-align: left;
transition: all 0.6s ease-in-out;
width: 100%;
height: 65px;
overflow: hidden;
z-index: 100002;
}
@media (min-width: 0) and (max-width: 64em) {
.global-mobile-nav {
top: 0 !important;
}
}
.global-mobile-nav .global-mobile-bg {
max-height: 0;
background: var(--sticky-nav-bg);
border-bottom: 1px solid var(--sticky-border-color);
backdrop-filter: blur(60px);
transition: max-height 0.6s ease-in-out;
padding-top: 64px;
overflow: hidden;
}
.global-mobile-nav .global-mobile-bg .list.utility {
order: 2;
}
.global-mobile-nav .theme-switch {
display: none;
}
.global-mobile-nav .global-mobile-container {
max-height: calc(100vh - 95px);
overflow: auto;
display: flex;
flex-direction: column;
}
.global-mobile-nav ul {
margin: 30px 0 0 0;
padding: 0 40px 30px 40px;
list-style: none;
}
@media (min-width: 0em) and (max-width: 48em) {
.global-mobile-nav ul {
padding: 0 20px 30px 20px;
}
}
.global-mobile-nav ul li {
padding: 0;
margin: 0 0 10px 0;
text-align: left;
border: 1px solid #cccccc;
border-radius: 8px;
}
.global-mobile-nav ul li:after {
content: "";
}
.global-mobile-nav ul li:before {
display: none;
}
.global-mobile-nav ul li a {
color: var(--default-color);
padding: 15px 20px;
display: block;
width: 100%;
font-size: 20px;
font-weight: 400;
text-decoration: none !important;
}
.global-mobile-nav ul li a:active, .global-mobile-nav ul li a:focus, .global-mobile-nav ul li a:hover, .global-mobile-nav ul li a.active {
color: var(--default-color);
}
.global-mobile-nav ul li.current-menu-item a {
color: var(--default-color);
}
.global-mobile-nav ul li.menu-item-has-children > a {
position: relative;
}
.global-mobile-nav ul li.menu-item-has-children > a:after {
content: "▾";
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
transition: all ease 0.3s;
}
.global-mobile-nav ul li.menu-item-has-children.open > a:after {
transform: translateY(-50%) rotate(180deg);
}
.global-mobile-nav ul li ul.sub-menu {
display: none;
border: none;
margin: 15px 0 0 0;
padding: 0 20px 5px 20px;
}
.global-mobile-nav ul li ul.sub-menu li {
margin: 0;
padding: 0;
border: 0;
}
.global-mobile-nav ul li ul.sub-menu li a {
margin: 0 0 20px 0;
width: 100%;
padding: 0;
}
.global-mobile-nav ul li.search > a {
font-size: 0;
height: 0;
overflow: hidden;
padding: 0;
}
.global-mobile-nav ul li.search > .sub-menu {
display: block;
margin: 15px 0;
padding-bottom: 0;
}
.global-mobile-nav ul li.search > .sub-menu form label {
display: none;
}
.global-mobile-nav ul li.search > .sub-menu form input[type=search] {
background: none;
font-size: 16px;
width: 100%;
box-shadow: none;
border: none;
color: var(--default-color);
padding-right: 50px;
}
.global-mobile-nav ul li.search > .sub-menu form > div {
position: relative;
}
.global-mobile-nav ul li.search > .sub-menu form > div:after {
content: "";
position: absolute;
right: 5px;
top: calc(50% - 8px);
width: 20px;
height: 20px;
font-size: 20px;
background: var(--default-color);
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-size: contain;
mask-size: contain;
border-radius: 0;
}
.global-mobile-nav ul.primary {
display: flex;
flex-direction: column;
}
.global-mobile-nav ul.primary > li > ul.sub-menu > li.menu-item-has-children ul {
padding-left: 0;
padding-right: 0;
}
.global-mobile-nav ul.primary > li > ul.sub-menu > li.menu-item-has-children ul:not(:last-child) {
margin-bottom: 15px;
}
.global-mobile-nav ul.primary > li > ul.sub-menu > li.menu-item-has-children ul li a {
font-size: 18px;
}
.global-mobile-nav ul.primary > li > ul.sub-menu > li.menu-item-has-children > a {
border-bottom: 1px solid rgba(204, 204, 204, 0.6);
padding-bottom: 15px;
padding-right: 40px;
margin-bottom: 15px;
}
.global-mobile-nav ul.primary > li > ul.sub-menu > li.menu-item-has-children > a:after {
right: 0;
top: 15px;
}
.global-mobile-nav ul.primary > li.search {
order: -1;
}
.global-mobile-nav ul.primary li.btn {
border: none;
}
.global-mobile-nav ul.primary li.btn a {
text-align: center;
color: var(--btn-mobile-color) !important;
}
.global-mobile-nav ul.utility {
background-color: var(--mobile-utility-bg);
padding: 20px 20px 10px 20px;
margin: 0 40px 30px 40px;
border-radius: 8px;
}
.global-mobile-nav ul.utility li {
border: none;
}
.global-mobile-nav ul.utility li a {
padding: 5px 0;
}
.global-mobile-nav ul.utility ul.sub-menu {
padding: 0;
}
.global-mobile-nav ul.utility ul.sub-menu li a {
font-size: 16px;
font-weight: 400;
}
.global-mobile-nav ul.utility ul.sub-menu li:not(:last-child) a {
margin-bottom: 10px;
padding-right: 40px;
}
@media (min-width: 0em) and (max-width: 48em) {
.global-mobile-nav ul.utility {
margin: 0 20px 30px 20px;
}
}
.relevanssi-live-search-result a, .relevanssi-live-search-result-status p {
color: #24261C !important;
}
.menu-open .global-mobile-nav {
top: 0 !important;
height: 100%;
}
.menu-open .global-mobile-nav .global-mobile-bg {
max-height: 100vh;
}
.popup-overlayer {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 101;
display: none;
background: rgba(0, 0, 0, 0.6);
}
.popup-overlayer.popup-overlayer {
background: rgba(255, 255, 255, 0.95);
z-index: 102;
}
#wpadminbar {
z-index: 999999;
}
.site-footer .wrapper {
width: 100%;
padding-left: calc(50% - calc(1560px / 2));
padding-right: calc(50% - calc(1560px / 2));
}
@media only screen and (max-width: 1640px) {
.site-footer .wrapper {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 0em) and (max-width: 48em) {
.site-footer .wrapper {
padding-left: 20px;
padding-right: 20px;
}
}
.site-footer .wrapper {
display: flex;
justify-content: space-between;
}
.site-footer img {
max-width: 60px;
}
.site-footer p, .site-footer li {
font-size: 14px;
}
.site-footer .subscribe {
padding: 64px 0;
}
.site-footer .subscribe .wrapper {
gap: 80px;
}
@media (min-width: 0) and (max-width: 64em) {
.site-footer .subscribe .wrapper {
flex-direction: column;
gap: 0;
}
}
.site-footer .subscribe .wrapper .wp-block-columns {
width: 100%;
justify-content: space-between;
}
@media (min-width: 0) and (max-width: 64em) {
.site-footer .subscribe .wrapper .wp-block-columns {
display: flex;
flex-direction: column;
gap: 30px;
}
}
.site-footer .subscribe .wrapper .wp-block-columns .wp-block-column {
flex: 0 1 auto;
}
.site-footer .subscribe p {
margin-block-start: 0;
}
.site-footer .subscribe .note, .site-footer .subscribe .is-style-note {
font-size: 12px;
margin-block-start: 0;
}
.site-footer .subscribe form, .site-footer .subscribe .hbspt-form {
margin-bottom: 10px;
display: flex;
text-align: right;
max-width: 450px;
}
@media only screen and (max-width: 450px) {
.site-footer .subscribe form, .site-footer .subscribe .hbspt-form {
flex-direction: column;
align-items: stretch;
}
}
.site-footer .subscribe form form, .site-footer .subscribe .hbspt-form form {
display: flex;
gap: 10px;
width: 100%;
}
.site-footer .subscribe form .hs-submit, .site-footer .subscribe .hbspt-form .hs-submit {
padding-top: 0;
}
.site-footer .subscribe form button, .site-footer .subscribe .hbspt-form button {
white-space: nowrap;
}
.site-footer .subscribe form .hs-email, .site-footer .subscribe .hbspt-form .hs-email {
flex: 1 0 auto;
}
.site-footer .subscribe form .hs-email > label, .site-footer .subscribe .hbspt-form .hs-email > label {
display: none;
}
.site-footer .subscribe form .hs-error-msgs, .site-footer .subscribe .hbspt-form .hs-error-msgs {
margin: 0;
}
.site-footer .subscribe form .hs-error-msgs li, .site-footer .subscribe .hbspt-form .hs-error-msgs li {
padding: 5px 0 0 0;
text-align: left;
color: #145A70;
font-size: 12px;
}
.site-footer .subscribe form .hs-error-msgs li:before, .site-footer .subscribe .hbspt-form .hs-error-msgs li:before {
display: none;
}
.site-footer .subscribe form input[type=email], .site-footer .subscribe .hbspt-form input[type=email] {
width: 100%;
flex: 1 1 auto;
height: 50px;
padding: 0 15px;
border: 1px solid #cccccc;
border-radius: 4px;
margin-right: 10px;
box-shadow: none;
background: transparent;
min-width: 250px;
}
@media only screen and (max-width: 450px) {
.site-footer .subscribe form input[type=email], .site-footer .subscribe .hbspt-form input[type=email] {
min-width: 1px;
margin-right: 0;
margin-bottom: 10px;
}
}
.site-footer .footer-util {
padding-top: 64px;
}
@media (min-width: 0em) and (max-width: 48em) {
.site-footer .footer-util {
padding-top: 0;
}
.site-footer .footer-util .wrapper {
flex-direction: column;
}
}
.site-footer .footer-util ul:not(.social) {
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: 60px;
column-gap: 60px;
}
.site-footer .footer-util ul:not(.social) li {
padding: 0;
}
.site-footer .footer-util ul:not(.social) li:before {
display: none;
}
.site-footer .footer-util ul:not(.social) li a {
font-weight: 700;
text-decoration: none;
}
.site-footer .footer-util ul:not(.social) li a:hover {
text-decoration: underline;
}
.site-footer .footer-util .social {
gap: 20px;
}
.site-footer .footer-util .social a {
background: none;
width: auto;
height: auto;
color: #24261C;
text-decoration: none;
}
.site-footer .footer-privacy .wrapper {
display: block;
}
.site-footer .footer-privacy .wrapper hr {
background-color: #000000;
}
@media (min-width: 0) and (max-width: 64em) {
.site-footer .footer-privacy .wrapper hr {
background-color: #cccccc;
}
}
.site-footer .footer-privacy .wrapper ul {
display: flex;
gap: 0 20px;
flex-wrap: wrap;
}
.site-footer .footer-privacy .wrapper ul li {
padding: 0;
}
.site-footer .footer-privacy .wrapper ul li:before {
display: none;
}
.site-footer .footer-privacy .wrapper ul li a {
font-size: 14px;
}
.site-footer .footer-privacy .wrapper ul li a:hover {
text-decoration: underline;
}
.dark-mode .site-footer .footer-privacy .wrapper hr {
background-color: rgba(238, 238, 238, 0.3);
}
img:not([src]) {
opacity: 0;
}
* {
box-sizing: border-box;
}
html, body {
min-height: 100%;
}
body {
padding: 0;
margin: 0;
font-size: 16px;
color: #24261C;
font-family: "Manrope", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif, "HelveticaNeueETW01-55Rg";
background: #ffffff;
-webkit-print-color-adjust: exact;
}
html:not(.lenis) body {
overflow-y: scroll;
}
body {
overflow-x: clip;
}
body.dark-mode {
background: rgba(5, 32, 36, 0.85);
color: #ffffff;
}
body.dark-mode *:not(input):not(textarea):not(select):not(a):not(.is-style-date):not(.date):not([class*=color]):not(.wp-block-button__link):not(button) {
color: #ffffff;
}
body.dark-mode ul li:before {
background: #ffffff;
}
body.dark-mode a:not(.btn):not(.wp-block-button__link) {
color: #ffffff;
text-decoration: underline;
}
p, li, td {
color: #24261C;
line-height: 1.5;
font-weight: 400;
margin: 0 0 30px 0;
font-size: 16px;
}
p.is-style-eyebrow, li.is-style-eyebrow, td.is-style-eyebrow {
background-color: var(--eyebrow-bg);
color: #000000 !important;
display: flex;
justify-content: center;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 20px;
padding: 4px 8px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.5;
font-size: 12px;
font-weight: 700;
}
p.is-style-eyebrow.has-text-align-center, li.is-style-eyebrow.has-text-align-center, td.is-style-eyebrow.has-text-align-center {
display: flex;
justify-content: center;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
p.is-style-eyebrow.has-text-align-right, li.is-style-eyebrow.has-text-align-right, td.is-style-eyebrow.has-text-align-right {
display: flex;
justify-content: center;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: 0;
}
p.is-style-text-small, li.is-style-text-small, td.is-style-text-small {
font-size: 14px;
}
p.is-style-text-medium, li.is-style-text-medium, td.is-style-text-medium {
font-size: 18px;
}
@media (min-width: 0em) and (max-width: 48em) {
p.is-style-text-medium, li.is-style-text-medium, td.is-style-text-medium {
font-size: 16px;
}
}
p.is-style-text-large, li.is-style-text-large, td.is-style-text-large {
font-size: 20px;
}
@media (min-width: 0em) and (max-width: 48em) {
p.is-style-text-large, li.is-style-text-large, td.is-style-text-large {
font-size: 16px;
}
}
p.is-style-text-xlarge, li.is-style-text-xlarge, td.is-style-text-xlarge {
font-size: 24px;
}
@media (min-width: 0em) and (max-width: 48em) {
p.is-style-text-xlarge, li.is-style-text-xlarge, td.is-style-text-xlarge {
font-size: 16px;
}
}
a {
color: #24261C;
text-decoration: underline;
transition: all 0.3s ease;
}
a:hover {
color: #24261C;
text-decoration: underline;
}
ul, ol {
margin: 0 0 30px 0;
padding: 0;
}
ul ul, ul ol, ol ul, ol ol {
margin-top: 10px;
}
ul > li {
margin-bottom: 15px;
padding: 0;
padding-left: 20px;
list-style: none;
position: relative;
}
ul > li:before {
content: "";
position: absolute;
left: 0;
top: 11px;
width: 3px;
height: 3px;
border-radius: 50%;
background: #24261C;
}
ul.is-style-cube-icon {
margin: 40px 0;
}
ul.is-style-cube-icon > li {
padding-left: 25px;
}
ul.is-style-cube-icon > li:before {
top: 4px;
width: 18px;
height: 18px;
border-radius: 0;
background-color: #C58F94 !important;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
ol > li {
margin-bottom: 10px;
padding-bottom: 0;
}
ol {
padding-left: 20px;
}
img {
max-width: 100%;
height: auto;
border: 0;
}
h1, .heading-1 {
color: #24261C;
font-family: Sora, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-size: 80px;
margin: 0 0 20px 0;
line-height: 1.1;
text-wrap: balance;
}
@media only screen and (max-width: 1400px) {
h1, .heading-1 {
font-size: 56px;
}
}
@media (min-width: 0em) and (max-width: 48em) {
h1, .heading-1 {
font-size: 40px;
}
}
h2, .heading-2 {
color: #24261C;
font-family: Sora, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-size: 48px;
line-height: 1.2;
font-weight: 600;
margin: 0 0 10px 0;
text-wrap: balance;
}
@media (min-width: 0em) and (max-width: 48em) {
h2, .heading-2 {
font-size: 36px;
}
}
h3, .heading-3 {
color: #24261C;
font-family: Sora, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-size: 40px;
margin: 0 0 10px 0;
line-height: 1.2;
font-weight: 600;
letter-spacing: 0.08rem;
text-wrap: balance;
}
@media (min-width: 0em) and (max-width: 48em) {
h3, .heading-3 {
font-size: 32px;
}
}
h4, .heading-4 {
color: #24261C;
font-family: Sora, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-size: 32px;
margin: 0 0 10px 0;
line-height: 1.2;
font-weight: 600;
text-wrap: balance;
}
@media (min-width: 0em) and (max-width: 48em) {
h4, .heading-4 {
font-size: 24px;
}
}
h5, .heading-5 {
color: #24261C;
font-family: Sora, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-size: 24px;
line-height: 1.2;
margin: 0 0 15px 0;
font-weight: 600;
text-wrap: balance;
}
@media (min-width: 0em) and (max-width: 48em) {
h5, .heading-5 {
font-size: 20px;
}
}
h6, .heading-6 {
color: #24261C;
font-family: Sora, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
font-size: 20px;
line-height: 1.2;
margin: 0 0 15px 0;
font-weight: 600;
text-wrap: balance;
}
@media (min-width: 0em) and (max-width: 48em) {
h6, .heading-6 {
font-size: 20px;
}
}
h1 a, h2 a, h3 a, h4 a, h5 a, .heading-1 a, .heading-2 a, .heading-3 a, .heading-4 a, .heading-5 a {
color: inherit;
text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, .heading-1 a:hover, .heading-2 a:hover, .heading-3 a:hover, .heading-4 a:hover, .heading-5 a:hover {
color: inherit;
text-decoration: underline;
}
h1 + .wp-block-buttons, h2 + .wp-block-buttons, h3 + .wp-block-buttons, h4 + .wp-block-buttons, h5 + .wp-block-buttons, .heading-1 + .wp-block-buttons, .heading-2 + .wp-block-buttons, .heading-3 + .wp-block-buttons, .heading-4 + .wp-block-buttons, .heading-5 + .wp-block-buttons {
margin-top: 30px;
}
h1.has-text-align-center, h2.has-text-align-center, h3.has-text-align-center, h4.has-text-align-center, h5.has-text-align-center, .heading-1.has-text-align-center, .heading-2.has-text-align-center, .heading-3.has-text-align-center, .heading-4.has-text-align-center, .heading-5.has-text-align-center {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
main > div > p.has-text-align-center {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.align-center {
text-align: center;
}
.alignleft {
float: left;
margin: 0 30px 10px 0;
}
.alignright {
float: right;
margin: 0 0 10px 30px;
}
.hidden {
display: none;
}
input, textarea, select {
color: #24261C;
font-size: 16px;
font-family: "Manrope", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif, "HelveticaNeueETW01-55Rg";
-webkit-appearance: none;
box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.25), inset 0 0 2px 0 rgba(0, 0, 0, 0.22);
cursor: pointer;
}
input[type=submit], input[type=button], textarea[type=submit], textarea[type=button], select[type=submit], select[type=button] {
cursor: pointer;
width: auto;
}
*::-moz-placeholder {
color: #000000;
opacity: 1;
}
::-webkit-input-placeholder {
color: #000000;
opacity: 1;
}
:-ms-input-placeholder {
color: #000000;
opacity: 1;
}
.dark-mode *::-moz-placeholder {
color: #ffffff;
opacity: 1;
}
.dark-mode ::-webkit-input-placeholder {
color: #ffffff;
opacity: 1;
}
.dark-mode :-ms-input-placeholder {
color: #ffffff;
opacity: 1;
}
sup {
vertical-align: baseline;
position: relative;
top: -0.6em;
font-size: 0.7em;
}
sub {
vertical-align: baseline;
position: relative;
top: 0.2em;
font-size: 0.7em;
}
h1 sup, h1 sub, h2 sup, h2 sub, h3 sup, h3 sub {
font-size: 0.5em;
}
.show-desktop {
display: block;
}
@media (min-width: 0em) and (max-width: 48em) {
.show-desktop {
display: none;
}
}
.show-mobile {
display: none;
}
@media (min-width: 0em) and (max-width: 48em) {
.show-mobile {
display: block;
}
}
.share {
margin-top: 112px;
}
.share > p {
margin-bottom: 10px;
}
.social {
display: flex;
gap: 10px;
}
.social li {
margin: 0;
padding: 0;
}
.social li:before {
display: none;
}
.social a {
display: block;
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 50%;
background: var(--social-bg-color);
color: #eeeeee;
font-size: 20px;
text-align: center;
transition: all 0.3s ease;
text-decoration: none !important;
}
.social a:hover {
color: #ffffff;
}
main > div .social li a i.icon-facebook, main > div .social li a i.icon-linkedin, main > div .social li a i.icon-x {
font-size: 18px;
}
.dark-mode main > div .social li a i {
color: #24261C !important;
}
/* general pages layout */
.fixMinHeight {
position: relative;
}
.fixMinHeight:before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 130%;
padding-bottom: 130vh;
transform: translate(15%, -20%);
background: radial-gradient(farthest-side, rgba(64, 219, 191, 0.3) 0%, rgba(64, 170, 219, 0.15) 44.71%, rgba(64, 170, 219, 0) 100%);
transition: all 0.3s ease;
z-index: 0;
pointer-events: none;
}
.page-wrap {
display: flex;
flex-direction: column;
min-height: 100vh;
width: 100%;
}
.page-wrap header {
flex-shrink: 0;
-webkit-flex-shrink: 0;
}
.page-wrap main {
flex: 1 0 auto;
display: flex;
display: -ms-flexbox;
align-items: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
}
.page-wrap main > div {
margin: 0 auto;
width: 100%;
position: relative;
overflow-x: clip;
width: 100%;
padding-left: calc(50% - calc(1560px / 2));
padding-right: calc(50% - calc(1560px / 2));
}
@media only screen and (max-width: 1640px) {
.page-wrap main > div {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 0em) and (max-width: 48em) {
.page-wrap main > div {
padding-left: 20px;
padding-right: 20px;
}
}
.page-wrap footer {
flex-shrink: 0;
-webkit-flex-shrink: 0;
}
main > div > .full, main > div > .alignfull, .edit-fp-block .full, .edit-fp-block .alignfull, main > div > .pin-spacer > .full, main > div > .pin-spacer > .alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
}
main > div > .full .wrapper, main > div > .alignfull .wrapper, .edit-fp-block .full .wrapper, .edit-fp-block .alignfull .wrapper, main > div > .pin-spacer > .full .wrapper, main > div > .pin-spacer > .alignfull .wrapper {
width: 100%;
width: 100%;
padding-left: calc(50% - calc(1560px / 2));
padding-right: calc(50% - calc(1560px / 2));
}
@media only screen and (max-width: 1640px) {
main > div > .full .wrapper, main > div > .alignfull .wrapper, .edit-fp-block .full .wrapper, .edit-fp-block .alignfull .wrapper, main > div > .pin-spacer > .full .wrapper, main > div > .pin-spacer > .alignfull .wrapper {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 0em) and (max-width: 48em) {
main > div > .full .wrapper, main > div > .alignfull .wrapper, .edit-fp-block .full .wrapper, .edit-fp-block .alignfull .wrapper, main > div > .pin-spacer > .full .wrapper, main > div > .pin-spacer > .alignfull .wrapper {
padding-left: 20px;
padding-right: 20px;
}
}
main > div > *:last-child:not(.frame-fp-block) {
margin-bottom: 112px;
}
@media only screen and (max-width: 1640px) {
main > div > *:last-child:not(.frame-fp-block) {
margin-bottom: 64px;
}
}
main > div > *:first-child:not(.frame-fp-block.full):not(.main-hero) {
margin-top: 64px;
}
@media (min-width: 0em) and (max-width: 48em) {
main > div > *:first-child:not(.frame-fp-block.full):not(.main-hero) {
margin-top: 24px;
}
}
.edit-fp-block .edit {
z-index: 40;
}
/* WP general styles */
figure.wp-block-embed, figure.wp-block-table, table, .wp-block-media-text {
margin-bottom: 30px;
}
.page-wrap figure.wp-block-embed, .page-wrap figure.wp-block-table {
margin: 0 0 30px 0;
}
figure.wp-block-image {
margin: 0 0 30px 0;
}
figure.wp-block-image img {
width: 100%;
height: auto;
border-radius: 16px;
}
figure.wp-block-image figcaption {
font-size: 14px;
padding: 0 8px;
border-left: 2px solid var(--side-line-color);
}
.wp-block-quote, blockquote {
margin: 30px auto 30px auto;
padding-top: 60px;
max-width: 1200px;
text-align: center;
position: relative;
}
@media (min-width: 0em) and (max-width: 48em) {
.wp-block-quote, blockquote {
margin-bottom: 64px;
}
}
.wp-block-quote p, blockquote p {
font-size: 24px;
color: #24261C;
font-weight: 600;
font-family: "Sora", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
line-height: 1.4;
text-align: center;
}
@media (min-width: 0em) and (max-width: 48em) {
.wp-block-quote p, blockquote p {
font-size: 20px;
}
}
.wp-block-quote cite, blockquote cite {
display: inline-block;
margin: 0 auto;
font-size: 16px;
font-style: normal;
}
.wp-block-quote:before, blockquote:before {
content: "";
color: #C58F94;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
width: 50px;
height: 50px;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
background: #C58F94;
}
@media (min-width: 0em) and (max-width: 48em) {
.wp-block-quote:before, blockquote:before {
width: 40px;
height: 35px;
}
}
.wp-block-quote.is-style-simple, blockquote.is-style-simple {
background: var(--quote-bg);
margin: 0 0 30px 0;
padding: 4px 20px;
border-left: 2px solid var(--side-line-color);
max-width: 100%;
}
.wp-block-quote.is-style-simple p, blockquote.is-style-simple p {
font-family: "Roboto", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 20px;
text-align: left;
font-style: italic;
font-weight: 400;
margin: 0;
}
@media (min-width: 0em) and (max-width: 48em) {
.wp-block-quote.is-style-simple p, blockquote.is-style-simple p {
font-size: 18px;
}
}
.wp-block-quote.is-style-simple cite, blockquote.is-style-simple cite {
margin: 0;
text-align: left;
}
.wp-block-quote.is-style-simple:before, blockquote.is-style-simple:before {
display: none;
}
@media only screen and (max-width: 600px) {
.wp-block-media-text > .wp-block-media-text__content {
padding: 30px 0 0 0;
}
}
main > div > .wp-block-quote, main > div > blockquote, main > div > figure.wp-block-image {
margin-bottom: 112px;
margin-top: 112px;
}
@media (min-width: 0em) and (max-width: 48em) {
main > div > .wp-block-quote, main > div > blockquote, main > div > figure.wp-block-image {
margin-bottom: 64px;
margin-top: 64px;
}
}
main > div > .side-image-block + *.wp-block-quote, main > div > .side-image-block + blockquote, main > div > .side-image-block + figure.wp-block-image {
margin-top: 0 !important;
}
main > div > .wp-block-media-text {
margin-bottom: 112px;
}
@media (min-width: 0em) and (max-width: 48em) {
main > div > .wp-block-media-text {
margin-bottom: 64px;
}
}
.wp-block-separator, hr {
border: none !important;
background-color: var(--border-color);
height: 1px;
margin-bottom: 48px;
margin-top: 48px;
max-width: 100%;
width: 100%;
}
.wp-block-separator:first-child, hr:first-child {
margin-top: 0;
}
.wp-block-separator.is-style-full, hr.is-style-full {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
}
.wp-block-columns {
display: flex;
gap: 0 80px;
margin: 0 0 30px 0;
}
@media (min-width: 48.063em) and (max-width: 76.5em) {
.wp-block-columns {
gap: 0 40px;
}
}
@media (min-width: 0) and (max-width: 64em) {
.wp-block-columns:not(.is-not-stacked-on-mobile) {
display: block;
}
}
@media (min-width: 0em) and (max-width: 48em) {
.wp-block-columns {
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (min-width: 1025px) {
.wp-block-columns .wp-block-column *:last-child {
margin-bottom: 0;
}
}
main > div > .wp-block-columns {
margin: 0 0 112px 0;
}
@media (min-width: 0em) and (max-width: 48em) {
main > div > .wp-block-columns {
margin: 0 0 64px 0;
}
}
main > div > .wp-block-columns + .statistics-block {
margin-top: -48px;
}
@media (min-width: 0em) and (max-width: 48em) {
main > div > .wp-block-columns + .statistics-block {
margin-top: -32px;
}
}
.content-with-side-image .blurb .wp-block-columns, .wp-block-columns .wp-block-columns {
gap: 30px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
@media (min-width: 0em) and (max-width: 48em) {
.content-with-side-image .blurb .wp-block-columns, .wp-block-columns .wp-block-columns {
gap: 0 30px;
}
}
/* general styles */
*.has-dark-grey-color {
color: #24261C;
}
*.has-black-color {
color: #000000;
}
*.has-white-color {
color: #ffffff;
}
.crumb a {
text-decoration: none !important;
padding-right: 20px;
position: relative;
}
.crumb a:after {
content: "|";
position: absolute;
right: 8px;
color: currentColor;
}
.crumb + .main-hero .wrapper {
padding-top: 24px;
}
/* icons */
.email {
position: relative;
padding-left: 30px;
line-height: 2;
}
.email:before {
content: "";
position: absolute;
top: 3px;
left: 0;
width: 20px;
height: 25px;
background-color: var(--default-color);
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.phone {
position: relative;
padding-left: 30px;
line-height: 2;
}
.phone:before {
content: "";
position: absolute;
top: 3px;
left: 0;
width: 20px;
height: 25px;
background-color: var(--default-color);
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.location {
position: relative;
padding-left: 30px;
line-height: 2;
}
.location:before {
content: "";
position: absolute;
top: -2px;
left: 0;
width: 25px;
height: 25px;
background-color: var(--default-color);
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.fhd {
position: relative;
padding-left: 30px;
line-height: 2;
}
.fhd:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 25px;
height: 25px;
background-color: var(--default-color);
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.is-style-icon {
position: relative;
padding-top: 50px;
}
.is-style-icon:before {
content: "";
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
background-color: #C58F94;
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
margin-bottom: 10px;
transition: all ease 0.3s;
}
.is-style-icon.csuite:before {
-webkit-mask: url('data:image/svg+xml,');
mask: url('data:image/svg+xml,');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
/* Material Icons — icon name stored in data-material-icon, rendered via CSS content */
.has-material-icon[data-material-icon]::before {
font-family: "Material Icons";
content: attr(data-material-icon);
display: block;
font-size: 40px;
line-height: 1;
margin-bottom: 12px;
text-transform: none;
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
color: #C58F94;
}
/* Material Symbols Outlined — icons not covered by the classic Material Icons font (e.g. patient_list) */
.has-material-icon[data-icon-family=material-symbols-outlined]::before {
font-family: "Material Symbols Outlined";
}
/* pagination */
main div .wpgb-facet, .navigation.pagination {
margin-bottom: 64px;
}
main div .wpgb-facet .wpgb-pagination-facet .wpgb-pagination, main div .wpgb-facet .nav-links, .navigation.pagination .wpgb-pagination-facet .wpgb-pagination, .navigation.pagination .nav-links {
display: flex !important;
justify-content: flex-end;
flex-wrap: wrap;
gap: 10px;
}
@media (min-width: 0) and (max-width: 64em) {
main div .wpgb-facet .wpgb-pagination-facet .wpgb-pagination, main div .wpgb-facet .nav-links, .navigation.pagination .wpgb-pagination-facet .wpgb-pagination, .navigation.pagination .nav-links {
justify-content: center;
gap: 10px 30px;
}
}
main div .wpgb-facet .wpgb-pagination-facet .wpgb-pagination .page-numbers, main div .wpgb-facet .nav-links .page-numbers, .navigation.pagination .wpgb-pagination-facet .wpgb-pagination .page-numbers, .navigation.pagination .nav-links .page-numbers {
color: var(--pagination-color);
font-size: 18px;
padding: 0;
text-decoration: none !important;
}
main div .wpgb-facet .wpgb-pagination-facet .wpgb-pagination .page-numbers.current, main div .wpgb-facet .nav-links .page-numbers.current, .navigation.pagination .wpgb-pagination-facet .wpgb-pagination .page-numbers.current, .navigation.pagination .nav-links .page-numbers.current {
color: var(--default-color);
font-weight: 500;
}
main div .wpgb-facet .wpgb-pagination-facet .wpgb-pagination .page-numbers.next, main div .wpgb-facet .wpgb-pagination-facet .wpgb-pagination .page-numbers.prev, main div .wpgb-facet .nav-links .page-numbers.next, main div .wpgb-facet .nav-links .page-numbers.prev, .navigation.pagination .wpgb-pagination-facet .wpgb-pagination .page-numbers.next, .navigation.pagination .wpgb-pagination-facet .wpgb-pagination .page-numbers.prev, .navigation.pagination .nav-links .page-numbers.next, .navigation.pagination .nav-links .page-numbers.prev {
font-size: 0;
line-height: 30px;
width: 15px;
position: relative;
}
main div .wpgb-facet .wpgb-pagination-facet .wpgb-pagination .page-numbers.next:before, main div .wpgb-facet .wpgb-pagination-facet .wpgb-pagination .page-numbers.prev:before, main div .wpgb-facet .nav-links .page-numbers.next:before, main div .wpgb-facet .nav-links .page-numbers.prev:before, .navigation.pagination .wpgb-pagination-facet .wpgb-pagination .page-numbers.next:before, .navigation.pagination .wpgb-pagination-facet .wpgb-pagination .page-numbers.prev:before, .navigation.pagination .nav-links .page-numbers.next:before, .navigation.pagination .nav-links .page-numbers.prev:before {
content: ">";
display: inline-block;
font-size: 30px;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
position: absolute;
top: -5px;
}
main div .wpgb-facet .wpgb-pagination-facet .wpgb-pagination .page-numbers.prev:before, main div .wpgb-facet .nav-links .page-numbers.prev:before, .navigation.pagination .wpgb-pagination-facet .wpgb-pagination .page-numbers.prev:before, .navigation.pagination .nav-links .page-numbers.prev:before {
content: "<";
}
main div .wpgb-facet .wpgb-pagination-facet .wpgb-pagination li, main div .wpgb-facet .nav-links li, .navigation.pagination .wpgb-pagination-facet .wpgb-pagination li, .navigation.pagination .nav-links li {
margin: 0;
padding: 0;
min-width: 0;
height: auto;
line-height: 1.2;
}
main div .wpgb-facet .wpgb-pagination-facet .wpgb-pagination li:before, main div .wpgb-facet .nav-links li:before, .navigation.pagination .wpgb-pagination-facet .wpgb-pagination li:before, .navigation.pagination .nav-links li:before {
display: none;
}
main div .wpgb-facet .wpgb-pagination-facet .wpgb-pagination li a, main div .wpgb-facet .nav-links li a, .navigation.pagination .wpgb-pagination-facet .wpgb-pagination li a, .navigation.pagination .nav-links li a {
color: var(--pagination-color);
font-size: 18px;
padding: 0;
text-decoration: none !important;
}
main div .wpgb-facet .wpgb-pagination-facet .wpgb-pagination li a[aria-current=true], main div .wpgb-facet .nav-links li a[aria-current=true], .navigation.pagination .wpgb-pagination-facet .wpgb-pagination li a[aria-current=true], .navigation.pagination .nav-links li a[aria-current=true] {
color: var(--default-color);
font-weight: 500;
}
main div .wpgb-facet .wpgb-pagination-facet .wpgb-pagination li a:hover, main div .wpgb-facet .nav-links li a:hover, .navigation.pagination .wpgb-pagination-facet .wpgb-pagination li a:hover, .navigation.pagination .nav-links li a:hover {
color: var(--default-color);
}
main div .wpgb-facet .wpgb-pagination-facet .wpgb-pagination li.wpgb-page-next a, main div .wpgb-facet .wpgb-pagination-facet .wpgb-pagination li.wpgb-page-prev a, main div .wpgb-facet .nav-links li.wpgb-page-next a, main div .wpgb-facet .nav-links li.wpgb-page-prev a, .navigation.pagination .wpgb-pagination-facet .wpgb-pagination li.wpgb-page-next a, .navigation.pagination .wpgb-pagination-facet .wpgb-pagination li.wpgb-page-prev a, .navigation.pagination .nav-links li.wpgb-page-next a, .navigation.pagination .nav-links li.wpgb-page-prev a {
font-size: 0;
line-height: 30px;
}
main div .wpgb-facet .wpgb-pagination-facet .wpgb-pagination li.wpgb-page-next a:before, main div .wpgb-facet .wpgb-pagination-facet .wpgb-pagination li.wpgb-page-prev a:before, main div .wpgb-facet .nav-links li.wpgb-page-next a:before, main div .wpgb-facet .nav-links li.wpgb-page-prev a:before, .navigation.pagination .wpgb-pagination-facet .wpgb-pagination li.wpgb-page-next a:before, .navigation.pagination .wpgb-pagination-facet .wpgb-pagination li.wpgb-page-prev a:before, .navigation.pagination .nav-links li.wpgb-page-next a:before, .navigation.pagination .nav-links li.wpgb-page-prev a:before {
content: ">";
display: inline-block;
font-size: 30px;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
main div .wpgb-facet .wpgb-pagination-facet .wpgb-pagination li.wpgb-page-prev a:before, main div .wpgb-facet .nav-links li.wpgb-page-prev a:before, .navigation.pagination .wpgb-pagination-facet .wpgb-pagination li.wpgb-page-prev a:before, .navigation.pagination .nav-links li.wpgb-page-prev a:before {
content: "<";
}
.page-wrap button, .btn, input[type=button], .hs-button, .wp-block-buttons .wp-block-button > .wp-block-button__link {
background: var(--button-bg-color);
border: 1px solid var(--button-border-color);
border-radius: 4px;
color: var(--button-font-color);
font-family: "Manrope", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: 500;
font-size: 18px;
text-decoration: none;
text-align: center;
padding: 12px 24px;
margin: 0;
transition: all 0.5s ease-out;
display: inline-block;
}
@media (hover: hover) {
.page-wrap button:hover, .btn:hover, input[type=button]:hover, .hs-button:hover, .wp-block-buttons .wp-block-button > .wp-block-button__link:hover {
border-radius: 50px;
text-decoration: none;
}
}
@media (min-width: 0em) and (max-width: 48em) {
.page-wrap button, .btn, input[type=button], .hs-button, .wp-block-buttons .wp-block-button > .wp-block-button__link {
font-size: 16px;
}
}
.wp-block-buttons {
margin-bottom: 30px;
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 15px 20px;
}
.wp-block-buttons .wp-block-button {
margin: 0 !important;
}
.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link {
background: none;
color: var(--button-bg-color);
position: relative;
overflow: hidden;
}
.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--button-outline-bg-color);
filter: blur(40px);
}
.wp-block-buttons .wp-block-button.is-style-arrow > .wp-block-button__link {
background: none;
border: none;
padding: 0 42px 0 0;
color: var(--button-bg-color) !important;
position: relative;
}
.wp-block-buttons .wp-block-button.is-style-arrow > .wp-block-button__link:after {
content: "";
position: absolute;
top: 50%;
right: 5px;
width: 27px;
height: 27px;
transform: translateY(-50%);
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
background-size: 70%;
border: 1px solid currentColor;
border-radius: 4px;
transition: all ease 0.3s;
}
@media only screen and (max-width: 500px) {
.wp-block-buttons .wp-block-button.is-style-arrow > .wp-block-button__link:after {
right: auto;
margin-left: 10px;
}
}
@media (hover: hover) {
.wp-block-buttons .wp-block-button.is-style-arrow > .wp-block-button__link:hover:after {
right: 0;
border-radius: 50%;
}
}
.wp-block-buttons .wp-block-button.is-style-arrow-down > .wp-block-button__link {
background: none;
border: none;
padding: 0 42px 0 0;
color: var(--button-bg-color) !important;
position: relative;
}
.wp-block-buttons .wp-block-button.is-style-arrow-down > .wp-block-button__link:after {
content: "";
position: absolute;
top: 50%;
right: 5px;
width: 27px;
height: 27px;
transform: translateY(-50%);
border: 1px solid currentColor;
border-radius: 4px;
transition: all ease 0.3s;
}
@media only screen and (max-width: 500px) {
.wp-block-buttons .wp-block-button.is-style-arrow-down > .wp-block-button__link:after {
right: auto;
margin-left: 10px;
}
}
.wp-block-buttons .wp-block-button.is-style-arrow-down > .wp-block-button__link:before {
content: "";
position: absolute;
top: 50%;
right: 5px;
width: 27px;
height: 27px;
transform: translateY(-50%) rotate(90deg);
background: currentColor;
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 70%;
mask-size: 70%;
transition: all ease 0.3s;
}
@media (hover: hover) {
.wp-block-buttons .wp-block-button.is-style-arrow-down > .wp-block-button__link:hover:after {
border-radius: 50%;
transform: translateY(calc(-50% + 5px));
}
.wp-block-buttons .wp-block-button.is-style-arrow-down > .wp-block-button__link:hover:before {
border-radius: 50%;
transform: translateY(calc(-50% + 5px)) rotate(90deg);
}
}
.wp-block-buttons .wp-block-button.is-style-next > .wp-block-button__link {
position: relative;
padding-right: 50px;
}
.wp-block-buttons .wp-block-button.is-style-next > .wp-block-button__link:after {
content: "";
position: absolute;
right: 24px;
top: 50%;
transform: translateY(-50%);
width: 27px;
height: 27px;
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
background-size: 70%;
}
@media only screen and (max-width: 500px) {
.wp-block-buttons .wp-block-button {
width: 100%;
}
.wp-block-buttons .wp-block-button .wp-block-button__link {
display: block;
width: 100%;
}
}
.btn.is-style-arrow {
background: none;
border: none;
padding: 0 42px 0 0;
color: var(--button-bg-color) !important;
position: relative;
}
.btn.is-style-arrow:after {
content: "";
position: absolute;
top: 50%;
right: 5px;
width: 27px;
height: 27px;
transform: translateY(-50%);
background-image: url('data:image/svg+xml,');
background-position: center center;
background-repeat: no-repeat;
background-size: 70%;
border: 1px solid currentColor;
border-radius: 4px;
transition: all ease 0.3s;
}
@media only screen and (max-width: 500px) {
.btn.is-style-arrow:after {
right: auto;
margin-left: 10px;
}
}
@media (hover: hover) {
.btn.is-style-arrow:hover:after {
right: 0;
border-radius: 50%;
}
}
.dark-mode .wp-block-buttons .wp-block-button.is-style-arrow > .wp-block-button__link:after, .dark-mode .btn.is-style-arrow:after {
background-image: url('data:image/svg+xml,');
}
.dark-mode .wp-block-buttons .wp-block-button.is-style-next > .wp-block-button__link:after {
background-image: url('data:image/svg+xml,');
}
.hbspt-form .hs-form-field label:not(.hs-error-msg) .hs-form-field label:not(.hs-error-msg) {
color: #24261C;
}
.hbspt-form .hs-error-msgs {
margin: 0;
}
.hbspt-form .hs-error-msgs li, .hbspt-form .hs-error-msgs li label {
padding: 5px 0 0 0;
text-align: left;
color: #145A70;
font-size: 12px;
}
.hbspt-form .hs-error-msgs li:before, .hbspt-form .hs-error-msgs li label:before {
display: none;
}
.hbspt-form .hs_error_rollup {
display: none;
}
.hbspt-form .form-columns-2 {
display: flex;
gap: 0 20px;
}
@media only screen and (max-width: 600px) {
.hbspt-form .form-columns-2 {
flex-direction: column;
}
}
.hbspt-form .form-columns-1, .hbspt-form .form-columns-2 {
max-width: 100%;
}
.hbspt-form .form-columns-1 .input, .hbspt-form .form-columns-2 .input {
margin: 0 !important;
}
.hbspt-form .form-columns-1 > div, .hbspt-form .form-columns-2 > div {
margin-bottom: 20px !important;
}
.hbspt-form .form-columns-1 > div > label, .hbspt-form .form-columns-2 > div > label {
display: block;
padding-bottom: 7px;
}
.hbspt-form .form-columns-1 .hs-input, .hbspt-form .form-columns-2 .hs-input {
width: 100% !important;
margin: 0 !important;
}
.hbspt-form .form-columns-1 input[type=checkbox], .hbspt-form .form-columns-2 input[type=checkbox] {
border: 1px solid #cccccc;
box-shadow: none;
flex: 0 0 20px;
height: 20px;
}
.hbspt-form .form-columns-1 input[type=checkbox]:checked, .hbspt-form .form-columns-2 input[type=checkbox]:checked {
background-image: url('data:image/svg+xml,');
background-position: center;
background-size: contain;
}
.hbspt-form input[type=text], .hbspt-form input[type=email], .hbspt-form input[type=tel], .hbspt-form input[type=url], .hbspt-form input[type=number], .hbspt-form input[type=password], .hbspt-form textarea, .hbspt-form select {
width: 100%;
flex: 1 1 auto;
height: 50px;
padding: 0 15px;
border: 1px solid #cccccc;
border-radius: 4px;
margin-right: 10px;
box-shadow: none;
background: transparent;
min-width: 250px;
}
@media only screen and (max-width: 450px) {
.hbspt-form input[type=text], .hbspt-form input[type=email], .hbspt-form input[type=tel], .hbspt-form input[type=url], .hbspt-form input[type=number], .hbspt-form input[type=password], .hbspt-form textarea, .hbspt-form select {
min-width: 1px;
margin-right: 0;
margin-bottom: 10px;
}
}
.hbspt-form textarea {
height: 200px;
}
.hbspt-form .hs-submit {
padding-top: 20px;
}
.hbspt-form .hs-submit .hs-button {
box-shadow: none;
}
@media only screen and (max-width: 450px) {
.hbspt-form .hs-submit .hs-button {
width: 100%;
}
}
.hbspt-form .legal-consent-container p {
font-size: 12px;
}
.hbspt-form .inputs-list li {
padding-left: 0;
}
.hbspt-form .inputs-list li:before {
display: none;
}
.hbspt-form .inputs-list li > label {
display: flex;
}
.hbspt-form .inputs-list li > label span {
line-height: 1;
margin: 0 0 0 10px;
}
main div .wpgb-facet .wpgb-select, main div .wpgb-facet .wpgb-select-focused {
border: 1px solid var(--button-bg-color) !important;
}
main div .wpgb-facet .wpgb-select button, main div .wpgb-facet .wpgb-select-focused button {
color: var(--default-color);
}
main div .wpgb-facet .wpgb-select-facet label {
display: none;
}
main div .wpgb-facet .wpgb-select-facet .wpgb-select-separator {
display: none;
}
main div .wpgb-facet input::-moz-placeholder {
color: var(--default-color);
}
main div .wpgb-facet input::placeholder {
color: var(--default-color);
}
main div .wpgb-facet .wpgb-select-placeholder .wpgb-select-values > div.wpgb-select-value button:hover {
background: #cccccc;
}
main div .wpgb-facet .wpgb-select-placeholder .wpgb-select-values {
flex-wrap: nowrap;
overflow: hidden;
}
main div .wpgb-facet .wpgb-select-placeholder .wpgb-select-values div.wpgb-select-value {
min-width: 60px;
background: var(--articles-hover-bg);
}
main div .wpgb-facet .wpgb-select-placeholder .wpgb-select-values div.wpgb-select-value .wpgb-select-remove:hover {
background: var(--button-outline-bg-color);
}
main div .wpgb-facet .wpgb-input {
border: 1px solid var(--button-bg-color) !important;
color: var(--default-color);
max-width: 610px;
}
main div .wpgb-facet button.wpgb-reset {
margin: 0;
}
main div .wpgb-facet button.wpgb-reset[disabled] {
opacity: 0;
cursor: not-allowed;
}
.wpgb-select-dropdown ul li {
color: #24261C !important;
}
.wpgb-select-dropdown ul li a {
color: red !important;
}
.wpgb-select-dropdown ul li:before {
display: none;
}
.wpgb-select-dropdown ul li.wpgb-focused {
background-color: #eeeeee !important;
}
.wpgb-select-dropdown ul li[aria-selected=true] {
background-color: rgba(238, 238, 238, 0.5) !important;
}
.wpgb-select-dropdown ul li[aria-selected=true] {
color: red;
}
.wpgb-select-dropdown ul li[aria-disabled=true] {
color: rgba(36, 38, 28, 0.5) !important;
cursor: default;
}
.archive-filters {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 300px));
gap: 10px;
}
@media (min-width: 0) and (max-width: 64em) {
.archive-filters {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
}
.archive-filters .wpgb-facet {
margin-bottom: 0;
}
.archive-active-filters {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.archive-active-filters .wpgb-selection-facet .wpgb-button, .archive-active-filters .wpgb-selection-facet .wpgb-button[aria-pressed=true] {
background: none;
border: 1px solid var(--button-bg-color);
color: var(--default-color);
}
.archive-active-filters .wpgb-selection-facet .wpgb-button .wpgb-button-control:after, .archive-active-filters .wpgb-selection-facet .wpgb-button .wpgb-button-control:before, .archive-active-filters .wpgb-selection-facet .wpgb-button[aria-pressed=true] .wpgb-button-control:after, .archive-active-filters .wpgb-selection-facet .wpgb-button[aria-pressed=true] .wpgb-button-control:before {
background: var(--default-color) !important;
}
.archive-active-filters .wpgb-selection-facet .wpgb-button .wpgb-button-label, .archive-active-filters .wpgb-selection-facet .wpgb-button[aria-pressed=true] .wpgb-button-label {
font-size: 14px;
}
.archive-active-filters .wpgb-selection-facet ul {
gap: 10px;
}
.archive-active-filters .wpgb-selection-facet ul li {
margin: 0 !important;
}
.archive-active-filters .wpgb-selection-facet ul li:before {
display: none;
}
.archive-active-filters .wpgb-button.wpgb-reset {
height: 38px;
line-height: 38px;
padding: 0 16px;
background: var(--button-bg-color);
color: var(--button-font-color);
}
.archive-filters-group {
margin-bottom: 40px;
display: flex;
flex-direction: column;
gap: 20px;
}
.archive-filters-group .wpgb-facet {
margin-bottom: 0;
}
.archive-filters-group .wpgb-facet > fieldset:last-child {
margin-bottom: 0;
}
/* responsive video */
.embed-container, .wp-block-embed__wrapper {
height: 0;
width: 100%;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
margin: 15px 0;
}
.embed-container object, .embed-container iframe, .wp-block-embed__wrapper object, .wp-block-embed__wrapper iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.embed-social-dark {
display: none;
}
.dark-mode .embed-social-dark {
display: block;
}
.dark-mode .embed-social-light {
display: none;
}
@media print {
.mobile-nav {
display: none !important;
}
}