.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}      .navbar-link:not(.is-arrowless)::after {
border: 3px solid transparent;
border-radius: 2px;
border-right: 0;
border-top: 0;
content: " ";
display: block;
height: 0.625em;
margin-top: -0.4375em;
pointer-events: none;
position: absolute;
top: 50%;
transform: rotate(-45deg);
transform-origin: center;
width: 0.625em;
}
.content:not(:last-child) {
margin-bottom: 1.5rem;
}
.navbar-burger {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: none;
border: none;
color: currentColor;
font-family: inherit;
font-size: 1em;
margin: 0;
padding: 0;
}  html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
ul {
list-style: none;
}
button,
input,
select,
textarea {
margin: 0;
}
html {
box-sizing: border-box;
}
*, *::before, *::after {
box-sizing: inherit;
}
img,
video {
height: auto;
max-width: 100%;
}
iframe {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
td:not([align]),
th:not([align]) {
text-align: inherit;
}
html {
background-color: white;
font-size: 1rem;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
min-width: 300px;
overflow-x: hidden;
overflow-y: scroll;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
}
article,
aside,
figure,
footer,
header,
hgroup,
section {
display: block;
}
body,
button,
input,
optgroup,
select,
textarea {
font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
code,
pre {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: auto;
font-family: monospace;
}
body {
color: #101921;
font-size: 1em;
font-weight: 400;
line-height: 1.5;
}
a {
color: #485fc7;
cursor: pointer;
text-decoration: none;
}
a strong {
color: currentColor;
}
a:hover {
color: #363636;
}
code {
background-color: whitesmoke;
color: #da1039;
font-size: 0.875em;
font-weight: normal;
padding: 0.25em 0.5em 0.25em;
}
hr {
background-color: whitesmoke;
border: none;
display: block;
height: 2px;
margin: 1.5rem 0;
}
img {
height: auto;
max-width: 100%;
}
input[type=checkbox],
input[type=radio] {
vertical-align: baseline;
}
small {
font-size: 0.875em;
}
span {
font-style: inherit;
font-weight: inherit;
}
strong {
color: #363636;
font-weight: 700;
}
fieldset {
border: none;
}
pre {
-webkit-overflow-scrolling: touch;
background-color: whitesmoke;
color: #4a4a4a;
font-size: 0.875em;
overflow-x: auto;
padding: 1.25rem 1.5rem;
white-space: pre;
word-wrap: normal;
}
pre code {
background-color: transparent;
color: currentColor;
font-size: 1em;
padding: 0;
}
table td,
table th {
vertical-align: top;
}
table td:not([align]),
table th:not([align]) {
text-align: inherit;
}
table th {
color: #363636;
}
@keyframes spinAround {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.content li + li {
margin-top: 0.25em;
}
.content p:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child) {
margin-bottom: 1em;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
color: #363636;
font-weight: 600;
line-height: 1.125;
}
.content h1 {
font-size: 2em;
margin-bottom: 0.5em;
}
.content h1:not(:first-child) {
margin-top: 1em;
}
.content h2 {
font-size: 1.75em;
margin-bottom: 0.5714em;
}
.content h2:not(:first-child) {
margin-top: 1.1428em;
}
.content h3 {
font-size: 1.5em;
margin-bottom: 0.6666em;
}
.content h3:not(:first-child) {
margin-top: 1.3333em;
}
.content h4 {
font-size: 1.25em;
margin-bottom: 0.8em;
}
.content h5 {
font-size: 1.125em;
margin-bottom: 0.8888em;
}
.content h6 {
font-size: 1em;
margin-bottom: 1em;
}
.content blockquote {
background-color: whitesmoke;
border-left: 5px solid #dbdbdb;
padding: 1.25em 1.5em;
}
.content ol {
list-style-position: outside;
margin-left: 2em;
margin-top: 1em;
}
.content ol:not([type]) {
list-style-type: decimal;
}
.content ol:not([type]).is-lower-alpha {
list-style-type: lower-alpha;
}
.content ol:not([type]).is-lower-roman {
list-style-type: lower-roman;
}
.content ol:not([type]).is-upper-alpha {
list-style-type: upper-alpha;
}
.content ol:not([type]).is-upper-roman {
list-style-type: upper-roman;
}
.content ul {
list-style: disc outside;
margin-left: 2em;
margin-top: 1em;
}
.content ul ul {
list-style-type: circle;
margin-top: 0.5em;
}
.content ul ul ul {
list-style-type: square;
}
.content dd {
margin-left: 2em;
}
.content figure {
margin-left: 2em;
margin-right: 2em;
text-align: center;
}
.content figure:not(:first-child) {
margin-top: 2em;
}
.content figure:not(:last-child) {
margin-bottom: 2em;
}
.content figure img {
display: inline-block;
}
.content figure figcaption {
font-style: italic;
}
.content pre {
-webkit-overflow-scrolling: touch;
overflow-x: auto;
padding: 1.25em 1.5em;
white-space: pre;
word-wrap: normal;
}
.content sup,
.content sub {
font-size: 75%;
}
.content table {
width: 100%;
}
.content table td,
.content table th {
border: 1px solid #dbdbdb;
border-width: 0 0 1px;
padding: 0.5em 0.75em;
vertical-align: top;
}
.content table th {
color: #363636;
}
.content table th:not([align]) {
text-align: inherit;
}
.content table thead td,
.content table thead th {
border-width: 0 0 2px;
color: #363636;
}
.content table tfoot td,
.content table tfoot th {
border-width: 2px 0 0;
color: #363636;
}
.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
border-bottom-width: 0;
}
.content .tabs li + li {
margin-top: 0;
}
.content.is-small {
font-size: 0.75rem;
}
.content.is-normal {
font-size: 1rem;
}
.content.is-medium {
font-size: 1.25rem;
}
.content.is-large {
font-size: 1.5rem;
}
.column {
display: block;
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
padding: 0.75rem;
}
.columns.is-mobile > .column.is-narrow {
flex: none;
width: unset;
}
.columns.is-mobile > .column.is-full {
flex: none;
width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
flex: none;
width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
flex: none;
width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
flex: none;
width: 50%;
}
.columns.is-mobile > .column.is-one-third {
flex: none;
width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
flex: none;
width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
flex: none;
width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
flex: none;
width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
flex: none;
width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
flex: none;
width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
margin-left: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
margin-left: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
margin-left: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
margin-left: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
margin-left: 80%;
}
.columns.is-mobile > .column.is-0 {
flex: none;
width: 0%;
}
.columns.is-mobile > .column.is-offset-0 {
margin-left: 0%;
}
.columns.is-mobile > .column.is-1 {
flex: none;
width: 8.33333337%;
}
.columns.is-mobile > .column.is-offset-1 {
margin-left: 8.33333337%;
}
.columns.is-mobile > .column.is-2 {
flex: none;
width: 16.66666674%;
}
.columns.is-mobile > .column.is-offset-2 {
margin-left: 16.66666674%;
}
.columns.is-mobile > .column.is-3 {
flex: none;
width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
margin-left: 25%;
}
.columns.is-mobile > .column.is-4 {
flex: none;
width: 33.33333337%;
}
.columns.is-mobile > .column.is-offset-4 {
margin-left: 33.33333337%;
}
.columns.is-mobile > .column.is-5 {
flex: none;
width: 41.66666674%;
}
.columns.is-mobile > .column.is-offset-5 {
margin-left: 41.66666674%;
}
.columns.is-mobile > .column.is-6 {
flex: none;
width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
margin-left: 50%;
}
.columns.is-mobile > .column.is-7 {
flex: none;
width: 58.33333337%;
}
.columns.is-mobile > .column.is-offset-7 {
margin-left: 58.33333337%;
}
.columns.is-mobile > .column.is-8 {
flex: none;
width: 66.66666674%;
}
.columns.is-mobile > .column.is-offset-8 {
margin-left: 66.66666674%;
}
.columns.is-mobile > .column.is-9 {
flex: none;
width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
margin-left: 75%;
}
.columns.is-mobile > .column.is-10 {
flex: none;
width: 83.33333337%;
}
.columns.is-mobile > .column.is-offset-10 {
margin-left: 83.33333337%;
}
.columns.is-mobile > .column.is-11 {
flex: none;
width: 91.66666674%;
}
.columns.is-mobile > .column.is-offset-11 {
margin-left: 91.66666674%;
}
.columns.is-mobile > .column.is-12 {
flex: none;
width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
margin-left: 100%;
}
@media screen and (max-width: 576px) {
.column.is-narrow-mobile {
flex: none;
width: unset;
}
.column.is-full-mobile {
flex: none;
width: 100%;
}
.column.is-three-quarters-mobile {
flex: none;
width: 75%;
}
.column.is-two-thirds-mobile {
flex: none;
width: 66.6666%;
}
.column.is-half-mobile {
flex: none;
width: 50%;
}
.column.is-one-third-mobile {
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-mobile {
flex: none;
width: 25%;
}
.column.is-one-fifth-mobile {
flex: none;
width: 20%;
}
.column.is-two-fifths-mobile {
flex: none;
width: 40%;
}
.column.is-three-fifths-mobile {
flex: none;
width: 60%;
}
.column.is-four-fifths-mobile {
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-mobile {
margin-left: 75%;
}
.column.is-offset-two-thirds-mobile {
margin-left: 66.6666%;
}
.column.is-offset-half-mobile {
margin-left: 50%;
}
.column.is-offset-one-third-mobile {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-mobile {
margin-left: 25%;
}
.column.is-offset-one-fifth-mobile {
margin-left: 20%;
}
.column.is-offset-two-fifths-mobile {
margin-left: 40%;
}
.column.is-offset-three-fifths-mobile {
margin-left: 60%;
}
.column.is-offset-four-fifths-mobile {
margin-left: 80%;
}
.column.is-0-mobile {
flex: none;
width: 0%;
}
.column.is-offset-0-mobile {
margin-left: 0%;
}
.column.is-1-mobile {
flex: none;
width: 8.33333337%;
}
.column.is-offset-1-mobile {
margin-left: 8.33333337%;
}
.column.is-2-mobile {
flex: none;
width: 16.66666674%;
}
.column.is-offset-2-mobile {
margin-left: 16.66666674%;
}
.column.is-3-mobile {
flex: none;
width: 25%;
}
.column.is-offset-3-mobile {
margin-left: 25%;
}
.column.is-4-mobile {
flex: none;
width: 33.33333337%;
}
.column.is-offset-4-mobile {
margin-left: 33.33333337%;
}
.column.is-5-mobile {
flex: none;
width: 41.66666674%;
}
.column.is-offset-5-mobile {
margin-left: 41.66666674%;
}
.column.is-6-mobile {
flex: none;
width: 50%;
}
.column.is-offset-6-mobile {
margin-left: 50%;
}
.column.is-7-mobile {
flex: none;
width: 58.33333337%;
}
.column.is-offset-7-mobile {
margin-left: 58.33333337%;
}
.column.is-8-mobile {
flex: none;
width: 66.66666674%;
}
.column.is-offset-8-mobile {
margin-left: 66.66666674%;
}
.column.is-9-mobile {
flex: none;
width: 75%;
}
.column.is-offset-9-mobile {
margin-left: 75%;
}
.column.is-10-mobile {
flex: none;
width: 83.33333337%;
}
.column.is-offset-10-mobile {
margin-left: 83.33333337%;
}
.column.is-11-mobile {
flex: none;
width: 91.66666674%;
}
.column.is-offset-11-mobile {
margin-left: 91.66666674%;
}
.column.is-12-mobile {
flex: none;
width: 100%;
}
.column.is-offset-12-mobile {
margin-left: 100%;
}
}
@media screen and (min-width: 577px), print {
.column.is-narrow, .column.is-narrow-tablet {
flex: none;
width: unset;
}
.column.is-full, .column.is-full-tablet {
flex: none;
width: 100%;
}
.column.is-three-quarters, .column.is-three-quarters-tablet {
flex: none;
width: 75%;
}
.column.is-two-thirds, .column.is-two-thirds-tablet {
flex: none;
width: 66.6666%;
}
.column.is-half, .column.is-half-tablet {
flex: none;
width: 50%;
}
.column.is-one-third, .column.is-one-third-tablet {
flex: none;
width: 33.3333%;
}
.column.is-one-quarter, .column.is-one-quarter-tablet {
flex: none;
width: 25%;
}
.column.is-one-fifth, .column.is-one-fifth-tablet {
flex: none;
width: 20%;
}
.column.is-two-fifths, .column.is-two-fifths-tablet {
flex: none;
width: 40%;
}
.column.is-three-fifths, .column.is-three-fifths-tablet {
flex: none;
width: 60%;
}
.column.is-four-fifths, .column.is-four-fifths-tablet {
flex: none;
width: 80%;
}
.column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
margin-left: 75%;
}
.column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
margin-left: 66.6666%;
}
.column.is-offset-half, .column.is-offset-half-tablet {
margin-left: 50%;
}
.column.is-offset-one-third, .column.is-offset-one-third-tablet {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
margin-left: 25%;
}
.column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
margin-left: 20%;
}
.column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
margin-left: 40%;
}
.column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
margin-left: 60%;
}
.column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
margin-left: 80%;
}
.column.is-0, .column.is-0-tablet {
flex: none;
width: 0%;
}
.column.is-offset-0, .column.is-offset-0-tablet {
margin-left: 0%;
}
.column.is-1, .column.is-1-tablet {
flex: none;
width: 8.33333337%;
}
.column.is-offset-1, .column.is-offset-1-tablet {
margin-left: 8.33333337%;
}
.column.is-2, .column.is-2-tablet {
flex: none;
width: 16.66666674%;
}
.column.is-offset-2, .column.is-offset-2-tablet {
margin-left: 16.66666674%;
}
.column.is-3, .column.is-3-tablet {
flex: none;
width: 25%;
}
.column.is-offset-3, .column.is-offset-3-tablet {
margin-left: 25%;
}
.column.is-4, .column.is-4-tablet {
flex: none;
width: 33.33333337%;
}
.column.is-offset-4, .column.is-offset-4-tablet {
margin-left: 33.33333337%;
}
.column.is-5, .column.is-5-tablet {
flex: none;
width: 41.66666674%;
}
.column.is-offset-5, .column.is-offset-5-tablet {
margin-left: 41.66666674%;
}
.column.is-6, .column.is-6-tablet {
flex: none;
width: 50%;
}
.column.is-offset-6, .column.is-offset-6-tablet {
margin-left: 50%;
}
.column.is-7, .column.is-7-tablet {
flex: none;
width: 58.33333337%;
}
.column.is-offset-7, .column.is-offset-7-tablet {
margin-left: 58.33333337%;
}
.column.is-8, .column.is-8-tablet {
flex: none;
width: 66.66666674%;
}
.column.is-offset-8, .column.is-offset-8-tablet {
margin-left: 66.66666674%;
}
.column.is-9, .column.is-9-tablet {
flex: none;
width: 75%;
}
.column.is-offset-9, .column.is-offset-9-tablet {
margin-left: 75%;
}
.column.is-10, .column.is-10-tablet {
flex: none;
width: 83.33333337%;
}
.column.is-offset-10, .column.is-offset-10-tablet {
margin-left: 83.33333337%;
}
.column.is-11, .column.is-11-tablet {
flex: none;
width: 91.66666674%;
}
.column.is-offset-11, .column.is-offset-11-tablet {
margin-left: 91.66666674%;
}
.column.is-12, .column.is-12-tablet {
flex: none;
width: 100%;
}
.column.is-offset-12, .column.is-offset-12-tablet {
margin-left: 100%;
}
}
@media screen and (max-width: 768px) {
.column.is-narrow-touch {
flex: none;
width: unset;
}
.column.is-full-touch {
flex: none;
width: 100%;
}
.column.is-three-quarters-touch {
flex: none;
width: 75%;
}
.column.is-two-thirds-touch {
flex: none;
width: 66.6666%;
}
.column.is-half-touch {
flex: none;
width: 50%;
}
.column.is-one-third-touch {
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-touch {
flex: none;
width: 25%;
}
.column.is-one-fifth-touch {
flex: none;
width: 20%;
}
.column.is-two-fifths-touch {
flex: none;
width: 40%;
}
.column.is-three-fifths-touch {
flex: none;
width: 60%;
}
.column.is-four-fifths-touch {
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-touch {
margin-left: 75%;
}
.column.is-offset-two-thirds-touch {
margin-left: 66.6666%;
}
.column.is-offset-half-touch {
margin-left: 50%;
}
.column.is-offset-one-third-touch {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-touch {
margin-left: 25%;
}
.column.is-offset-one-fifth-touch {
margin-left: 20%;
}
.column.is-offset-two-fifths-touch {
margin-left: 40%;
}
.column.is-offset-three-fifths-touch {
margin-left: 60%;
}
.column.is-offset-four-fifths-touch {
margin-left: 80%;
}
.column.is-0-touch {
flex: none;
width: 0%;
}
.column.is-offset-0-touch {
margin-left: 0%;
}
.column.is-1-touch {
flex: none;
width: 8.33333337%;
}
.column.is-offset-1-touch {
margin-left: 8.33333337%;
}
.column.is-2-touch {
flex: none;
width: 16.66666674%;
}
.column.is-offset-2-touch {
margin-left: 16.66666674%;
}
.column.is-3-touch {
flex: none;
width: 25%;
}
.column.is-offset-3-touch {
margin-left: 25%;
}
.column.is-4-touch {
flex: none;
width: 33.33333337%;
}
.column.is-offset-4-touch {
margin-left: 33.33333337%;
}
.column.is-5-touch {
flex: none;
width: 41.66666674%;
}
.column.is-offset-5-touch {
margin-left: 41.66666674%;
}
.column.is-6-touch {
flex: none;
width: 50%;
}
.column.is-offset-6-touch {
margin-left: 50%;
}
.column.is-7-touch {
flex: none;
width: 58.33333337%;
}
.column.is-offset-7-touch {
margin-left: 58.33333337%;
}
.column.is-8-touch {
flex: none;
width: 66.66666674%;
}
.column.is-offset-8-touch {
margin-left: 66.66666674%;
}
.column.is-9-touch {
flex: none;
width: 75%;
}
.column.is-offset-9-touch {
margin-left: 75%;
}
.column.is-10-touch {
flex: none;
width: 83.33333337%;
}
.column.is-offset-10-touch {
margin-left: 83.33333337%;
}
.column.is-11-touch {
flex: none;
width: 91.66666674%;
}
.column.is-offset-11-touch {
margin-left: 91.66666674%;
}
.column.is-12-touch {
flex: none;
width: 100%;
}
.column.is-offset-12-touch {
margin-left: 100%;
}
}
@media screen and (min-width: 769px) {
.column.is-narrow-desktop {
flex: none;
width: unset;
}
.column.is-full-desktop {
flex: none;
width: 100%;
}
.column.is-three-quarters-desktop {
flex: none;
width: 75%;
}
.column.is-two-thirds-desktop {
flex: none;
width: 66.6666%;
}
.column.is-half-desktop {
flex: none;
width: 50%;
}
.column.is-one-third-desktop {
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-desktop {
flex: none;
width: 25%;
}
.column.is-one-fifth-desktop {
flex: none;
width: 20%;
}
.column.is-two-fifths-desktop {
flex: none;
width: 40%;
}
.column.is-three-fifths-desktop {
flex: none;
width: 60%;
}
.column.is-four-fifths-desktop {
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-desktop {
margin-left: 75%;
}
.column.is-offset-two-thirds-desktop {
margin-left: 66.6666%;
}
.column.is-offset-half-desktop {
margin-left: 50%;
}
.column.is-offset-one-third-desktop {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-desktop {
margin-left: 25%;
}
.column.is-offset-one-fifth-desktop {
margin-left: 20%;
}
.column.is-offset-two-fifths-desktop {
margin-left: 40%;
}
.column.is-offset-three-fifths-desktop {
margin-left: 60%;
}
.column.is-offset-four-fifths-desktop {
margin-left: 80%;
}
.column.is-0-desktop {
flex: none;
width: 0%;
}
.column.is-offset-0-desktop {
margin-left: 0%;
}
.column.is-1-desktop {
flex: none;
width: 8.33333337%;
}
.column.is-offset-1-desktop {
margin-left: 8.33333337%;
}
.column.is-2-desktop {
flex: none;
width: 16.66666674%;
}
.column.is-offset-2-desktop {
margin-left: 16.66666674%;
}
.column.is-3-desktop {
flex: none;
width: 25%;
}
.column.is-offset-3-desktop {
margin-left: 25%;
}
.column.is-4-desktop {
flex: none;
width: 33.33333337%;
}
.column.is-offset-4-desktop {
margin-left: 33.33333337%;
}
.column.is-5-desktop {
flex: none;
width: 41.66666674%;
}
.column.is-offset-5-desktop {
margin-left: 41.66666674%;
}
.column.is-6-desktop {
flex: none;
width: 50%;
}
.column.is-offset-6-desktop {
margin-left: 50%;
}
.column.is-7-desktop {
flex: none;
width: 58.33333337%;
}
.column.is-offset-7-desktop {
margin-left: 58.33333337%;
}
.column.is-8-desktop {
flex: none;
width: 66.66666674%;
}
.column.is-offset-8-desktop {
margin-left: 66.66666674%;
}
.column.is-9-desktop {
flex: none;
width: 75%;
}
.column.is-offset-9-desktop {
margin-left: 75%;
}
.column.is-10-desktop {
flex: none;
width: 83.33333337%;
}
.column.is-offset-10-desktop {
margin-left: 83.33333337%;
}
.column.is-11-desktop {
flex: none;
width: 91.66666674%;
}
.column.is-offset-11-desktop {
margin-left: 91.66666674%;
}
.column.is-12-desktop {
flex: none;
width: 100%;
}
.column.is-offset-12-desktop {
margin-left: 100%;
}
}
@media screen and (min-width: 1025px) {
.column.is-narrow-widescreen {
flex: none;
width: unset;
}
.column.is-full-widescreen {
flex: none;
width: 100%;
}
.column.is-three-quarters-widescreen {
flex: none;
width: 75%;
}
.column.is-two-thirds-widescreen {
flex: none;
width: 66.6666%;
}
.column.is-half-widescreen {
flex: none;
width: 50%;
}
.column.is-one-third-widescreen {
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-widescreen {
flex: none;
width: 25%;
}
.column.is-one-fifth-widescreen {
flex: none;
width: 20%;
}
.column.is-two-fifths-widescreen {
flex: none;
width: 40%;
}
.column.is-three-fifths-widescreen {
flex: none;
width: 60%;
}
.column.is-four-fifths-widescreen {
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-widescreen {
margin-left: 75%;
}
.column.is-offset-two-thirds-widescreen {
margin-left: 66.6666%;
}
.column.is-offset-half-widescreen {
margin-left: 50%;
}
.column.is-offset-one-third-widescreen {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-widescreen {
margin-left: 25%;
}
.column.is-offset-one-fifth-widescreen {
margin-left: 20%;
}
.column.is-offset-two-fifths-widescreen {
margin-left: 40%;
}
.column.is-offset-three-fifths-widescreen {
margin-left: 60%;
}
.column.is-offset-four-fifths-widescreen {
margin-left: 80%;
}
.column.is-0-widescreen {
flex: none;
width: 0%;
}
.column.is-offset-0-widescreen {
margin-left: 0%;
}
.column.is-1-widescreen {
flex: none;
width: 8.33333337%;
}
.column.is-offset-1-widescreen {
margin-left: 8.33333337%;
}
.column.is-2-widescreen {
flex: none;
width: 16.66666674%;
}
.column.is-offset-2-widescreen {
margin-left: 16.66666674%;
}
.column.is-3-widescreen {
flex: none;
width: 25%;
}
.column.is-offset-3-widescreen {
margin-left: 25%;
}
.column.is-4-widescreen {
flex: none;
width: 33.33333337%;
}
.column.is-offset-4-widescreen {
margin-left: 33.33333337%;
}
.column.is-5-widescreen {
flex: none;
width: 41.66666674%;
}
.column.is-offset-5-widescreen {
margin-left: 41.66666674%;
}
.column.is-6-widescreen {
flex: none;
width: 50%;
}
.column.is-offset-6-widescreen {
margin-left: 50%;
}
.column.is-7-widescreen {
flex: none;
width: 58.33333337%;
}
.column.is-offset-7-widescreen {
margin-left: 58.33333337%;
}
.column.is-8-widescreen {
flex: none;
width: 66.66666674%;
}
.column.is-offset-8-widescreen {
margin-left: 66.66666674%;
}
.column.is-9-widescreen {
flex: none;
width: 75%;
}
.column.is-offset-9-widescreen {
margin-left: 75%;
}
.column.is-10-widescreen {
flex: none;
width: 83.33333337%;
}
.column.is-offset-10-widescreen {
margin-left: 83.33333337%;
}
.column.is-11-widescreen {
flex: none;
width: 91.66666674%;
}
.column.is-offset-11-widescreen {
margin-left: 91.66666674%;
}
.column.is-12-widescreen {
flex: none;
width: 100%;
}
.column.is-offset-12-widescreen {
margin-left: 100%;
}
}
@media screen and (min-width: 1345px) {
.column.is-narrow-fullhd {
flex: none;
width: unset;
}
.column.is-full-fullhd {
flex: none;
width: 100%;
}
.column.is-three-quarters-fullhd {
flex: none;
width: 75%;
}
.column.is-two-thirds-fullhd {
flex: none;
width: 66.6666%;
}
.column.is-half-fullhd {
flex: none;
width: 50%;
}
.column.is-one-third-fullhd {
flex: none;
width: 33.3333%;
}
.column.is-one-quarter-fullhd {
flex: none;
width: 25%;
}
.column.is-one-fifth-fullhd {
flex: none;
width: 20%;
}
.column.is-two-fifths-fullhd {
flex: none;
width: 40%;
}
.column.is-three-fifths-fullhd {
flex: none;
width: 60%;
}
.column.is-four-fifths-fullhd {
flex: none;
width: 80%;
}
.column.is-offset-three-quarters-fullhd {
margin-left: 75%;
}
.column.is-offset-two-thirds-fullhd {
margin-left: 66.6666%;
}
.column.is-offset-half-fullhd {
margin-left: 50%;
}
.column.is-offset-one-third-fullhd {
margin-left: 33.3333%;
}
.column.is-offset-one-quarter-fullhd {
margin-left: 25%;
}
.column.is-offset-one-fifth-fullhd {
margin-left: 20%;
}
.column.is-offset-two-fifths-fullhd {
margin-left: 40%;
}
.column.is-offset-three-fifths-fullhd {
margin-left: 60%;
}
.column.is-offset-four-fifths-fullhd {
margin-left: 80%;
}
.column.is-0-fullhd {
flex: none;
width: 0%;
}
.column.is-offset-0-fullhd {
margin-left: 0%;
}
.column.is-1-fullhd {
flex: none;
width: 8.33333337%;
}
.column.is-offset-1-fullhd {
margin-left: 8.33333337%;
}
.column.is-2-fullhd {
flex: none;
width: 16.66666674%;
}
.column.is-offset-2-fullhd {
margin-left: 16.66666674%;
}
.column.is-3-fullhd {
flex: none;
width: 25%;
}
.column.is-offset-3-fullhd {
margin-left: 25%;
}
.column.is-4-fullhd {
flex: none;
width: 33.33333337%;
}
.column.is-offset-4-fullhd {
margin-left: 33.33333337%;
}
.column.is-5-fullhd {
flex: none;
width: 41.66666674%;
}
.column.is-offset-5-fullhd {
margin-left: 41.66666674%;
}
.column.is-6-fullhd {
flex: none;
width: 50%;
}
.column.is-offset-6-fullhd {
margin-left: 50%;
}
.column.is-7-fullhd {
flex: none;
width: 58.33333337%;
}
.column.is-offset-7-fullhd {
margin-left: 58.33333337%;
}
.column.is-8-fullhd {
flex: none;
width: 66.66666674%;
}
.column.is-offset-8-fullhd {
margin-left: 66.66666674%;
}
.column.is-9-fullhd {
flex: none;
width: 75%;
}
.column.is-offset-9-fullhd {
margin-left: 75%;
}
.column.is-10-fullhd {
flex: none;
width: 83.33333337%;
}
.column.is-offset-10-fullhd {
margin-left: 83.33333337%;
}
.column.is-11-fullhd {
flex: none;
width: 91.66666674%;
}
.column.is-offset-11-fullhd {
margin-left: 91.66666674%;
}
.column.is-12-fullhd {
flex: none;
width: 100%;
}
.column.is-offset-12-fullhd {
margin-left: 100%;
}
}
.columns {
margin-left: -0.75rem;
margin-right: -0.75rem;
margin-top: -0.75rem;
}
.columns:last-child {
margin-bottom: -0.75rem;
}
.columns:not(:last-child) {
margin-bottom: calc(1.5rem - 0.75rem);
}
.columns.is-centered {
justify-content: center;
}
.columns.is-gapless {
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
.columns.is-gapless > .column {
margin: 0;
padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
margin-bottom: 0;
}
.columns.is-mobile {
display: flex;
}
.columns.is-multiline {
flex-wrap: wrap;
}
.columns.is-vcentered {
align-items: center;
}
@media screen and (min-width: 577px), print {
.columns:not(.is-desktop) {
display: flex;
}
}
@media screen and (min-width: 769px) {
.columns.is-desktop {
display: flex;
}
}
.columns.is-variable {
--columnGap: 0.75rem;
margin-left: calc(-1 * var(--columnGap));
margin-right: calc(-1 * var(--columnGap));
}
.columns.is-variable > .column {
padding-left: var(--columnGap);
padding-right: var(--columnGap);
}
.columns.is-variable.is-0 {
--columnGap: 0rem;
}
@media screen and (max-width: 576px) {
.columns.is-variable.is-0-mobile {
--columnGap: 0rem;
}
}
@media screen and (min-width: 577px), print {
.columns.is-variable.is-0-tablet {
--columnGap: 0rem;
}
}
@media screen and (min-width: 577px) and (max-width: 768px) {
.columns.is-variable.is-0-tablet-only {
--columnGap: 0rem;
}
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-0-touch {
--columnGap: 0rem;
}
}
@media screen and (min-width: 769px) {
.columns.is-variable.is-0-desktop {
--columnGap: 0rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.columns.is-variable.is-0-desktop-only {
--columnGap: 0rem;
}
}
@media screen and (min-width: 1025px) {
.columns.is-variable.is-0-widescreen {
--columnGap: 0rem;
}
}
@media screen and (min-width: 1025px) and (max-width: 1344px) {
.columns.is-variable.is-0-widescreen-only {
--columnGap: 0rem;
}
}
@media screen and (min-width: 1345px) {
.columns.is-variable.is-0-fullhd {
--columnGap: 0rem;
}
}
.columns.is-variable.is-1 {
--columnGap: 0.25rem;
}
@media screen and (max-width: 576px) {
.columns.is-variable.is-1-mobile {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 577px), print {
.columns.is-variable.is-1-tablet {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 577px) and (max-width: 768px) {
.columns.is-variable.is-1-tablet-only {
--columnGap: 0.25rem;
}
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-1-touch {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 769px) {
.columns.is-variable.is-1-desktop {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.columns.is-variable.is-1-desktop-only {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 1025px) {
.columns.is-variable.is-1-widescreen {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 1025px) and (max-width: 1344px) {
.columns.is-variable.is-1-widescreen-only {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 1345px) {
.columns.is-variable.is-1-fullhd {
--columnGap: 0.25rem;
}
}
.columns.is-variable.is-2 {
--columnGap: 0.5rem;
}
@media screen and (max-width: 576px) {
.columns.is-variable.is-2-mobile {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 577px), print {
.columns.is-variable.is-2-tablet {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 577px) and (max-width: 768px) {
.columns.is-variable.is-2-tablet-only {
--columnGap: 0.5rem;
}
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-2-touch {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 769px) {
.columns.is-variable.is-2-desktop {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.columns.is-variable.is-2-desktop-only {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 1025px) {
.columns.is-variable.is-2-widescreen {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 1025px) and (max-width: 1344px) {
.columns.is-variable.is-2-widescreen-only {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 1345px) {
.columns.is-variable.is-2-fullhd {
--columnGap: 0.5rem;
}
}
.columns.is-variable.is-3 {
--columnGap: 0.75rem;
}
@media screen and (max-width: 576px) {
.columns.is-variable.is-3-mobile {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 577px), print {
.columns.is-variable.is-3-tablet {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 577px) and (max-width: 768px) {
.columns.is-variable.is-3-tablet-only {
--columnGap: 0.75rem;
}
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-3-touch {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 769px) {
.columns.is-variable.is-3-desktop {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.columns.is-variable.is-3-desktop-only {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 1025px) {
.columns.is-variable.is-3-widescreen {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 1025px) and (max-width: 1344px) {
.columns.is-variable.is-3-widescreen-only {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 1345px) {
.columns.is-variable.is-3-fullhd {
--columnGap: 0.75rem;
}
}
.columns.is-variable.is-4 {
--columnGap: 1rem;
}
@media screen and (max-width: 576px) {
.columns.is-variable.is-4-mobile {
--columnGap: 1rem;
}
}
@media screen and (min-width: 577px), print {
.columns.is-variable.is-4-tablet {
--columnGap: 1rem;
}
}
@media screen and (min-width: 577px) and (max-width: 768px) {
.columns.is-variable.is-4-tablet-only {
--columnGap: 1rem;
}
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-4-touch {
--columnGap: 1rem;
}
}
@media screen and (min-width: 769px) {
.columns.is-variable.is-4-desktop {
--columnGap: 1rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.columns.is-variable.is-4-desktop-only {
--columnGap: 1rem;
}
}
@media screen and (min-width: 1025px) {
.columns.is-variable.is-4-widescreen {
--columnGap: 1rem;
}
}
@media screen and (min-width: 1025px) and (max-width: 1344px) {
.columns.is-variable.is-4-widescreen-only {
--columnGap: 1rem;
}
}
@media screen and (min-width: 1345px) {
.columns.is-variable.is-4-fullhd {
--columnGap: 1rem;
}
}
.columns.is-variable.is-5 {
--columnGap: 1.25rem;
}
@media screen and (max-width: 576px) {
.columns.is-variable.is-5-mobile {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 577px), print {
.columns.is-variable.is-5-tablet {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 577px) and (max-width: 768px) {
.columns.is-variable.is-5-tablet-only {
--columnGap: 1.25rem;
}
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-5-touch {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 769px) {
.columns.is-variable.is-5-desktop {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.columns.is-variable.is-5-desktop-only {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 1025px) {
.columns.is-variable.is-5-widescreen {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 1025px) and (max-width: 1344px) {
.columns.is-variable.is-5-widescreen-only {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 1345px) {
.columns.is-variable.is-5-fullhd {
--columnGap: 1.25rem;
}
}
.columns.is-variable.is-6 {
--columnGap: 1.5rem;
}
@media screen and (max-width: 576px) {
.columns.is-variable.is-6-mobile {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 577px), print {
.columns.is-variable.is-6-tablet {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 577px) and (max-width: 768px) {
.columns.is-variable.is-6-tablet-only {
--columnGap: 1.5rem;
}
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-6-touch {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 769px) {
.columns.is-variable.is-6-desktop {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.columns.is-variable.is-6-desktop-only {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 1025px) {
.columns.is-variable.is-6-widescreen {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 1025px) and (max-width: 1344px) {
.columns.is-variable.is-6-widescreen-only {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 1345px) {
.columns.is-variable.is-6-fullhd {
--columnGap: 1.5rem;
}
}
.columns.is-variable.is-7 {
--columnGap: 1.75rem;
}
@media screen and (max-width: 576px) {
.columns.is-variable.is-7-mobile {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 577px), print {
.columns.is-variable.is-7-tablet {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 577px) and (max-width: 768px) {
.columns.is-variable.is-7-tablet-only {
--columnGap: 1.75rem;
}
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-7-touch {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 769px) {
.columns.is-variable.is-7-desktop {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.columns.is-variable.is-7-desktop-only {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 1025px) {
.columns.is-variable.is-7-widescreen {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 1025px) and (max-width: 1344px) {
.columns.is-variable.is-7-widescreen-only {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 1345px) {
.columns.is-variable.is-7-fullhd {
--columnGap: 1.75rem;
}
}
.columns.is-variable.is-8 {
--columnGap: 2rem;
}
@media screen and (max-width: 576px) {
.columns.is-variable.is-8-mobile {
--columnGap: 2rem;
}
}
@media screen and (min-width: 577px), print {
.columns.is-variable.is-8-tablet {
--columnGap: 2rem;
}
}
@media screen and (min-width: 577px) and (max-width: 768px) {
.columns.is-variable.is-8-tablet-only {
--columnGap: 2rem;
}
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-8-touch {
--columnGap: 2rem;
}
}
@media screen and (min-width: 769px) {
.columns.is-variable.is-8-desktop {
--columnGap: 2rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.columns.is-variable.is-8-desktop-only {
--columnGap: 2rem;
}
}
@media screen and (min-width: 1025px) {
.columns.is-variable.is-8-widescreen {
--columnGap: 2rem;
}
}
@media screen and (min-width: 1025px) and (max-width: 1344px) {
.columns.is-variable.is-8-widescreen-only {
--columnGap: 2rem;
}
}
@media screen and (min-width: 1345px) {
.columns.is-variable.is-8-fullhd {
--columnGap: 2rem;
}
}
.navbar {
background-color: white;
min-height: 3.25rem;
position: relative;
z-index: 30;
}
.navbar.is-white {
background-color: white;
color: #0a0a0a;
}
.navbar.is-white .navbar-brand > .navbar-item,
.navbar.is-white .navbar-brand .navbar-link {
color: #0a0a0a;
}
.navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
.navbar.is-white .navbar-brand .navbar-link:focus,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand .navbar-link.is-active {
background-color: #f2f2f2;
color: #0a0a0a;
}
.navbar.is-white .navbar-brand .navbar-link::after {
border-color: #0a0a0a;
}
.navbar.is-white .navbar-burger {
color: #0a0a0a;
}
@media screen and (min-width: 1340px) {
.navbar.is-white .navbar-start > .navbar-item,
.navbar.is-white .navbar-start .navbar-link,
.navbar.is-white .navbar-end > .navbar-item,
.navbar.is-white .navbar-end .navbar-link {
color: #0a0a0a;
}
.navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
.navbar.is-white .navbar-start .navbar-link:focus,
.navbar.is-white .navbar-start .navbar-link:hover,
.navbar.is-white .navbar-start .navbar-link.is-active,
.navbar.is-white .navbar-end > a.navbar-item:focus,
.navbar.is-white .navbar-end > a.navbar-item:hover,
.navbar.is-white .navbar-end > a.navbar-item.is-active,
.navbar.is-white .navbar-end .navbar-link:focus,
.navbar.is-white .navbar-end .navbar-link:hover,
.navbar.is-white .navbar-end .navbar-link.is-active {
background-color: #f2f2f2;
color: #0a0a0a;
}
.navbar.is-white .navbar-start .navbar-link::after,
.navbar.is-white .navbar-end .navbar-link::after {
border-color: #0a0a0a;
}
.navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #f2f2f2;
color: #0a0a0a;
}
.navbar.is-white .navbar-dropdown a.navbar-item.is-active {
background-color: white;
color: #0a0a0a;
}
}
.navbar.is-black {
background-color: #0a0a0a;
color: white;
}
.navbar.is-black .navbar-brand > .navbar-item,
.navbar.is-black .navbar-brand .navbar-link {
color: white;
}
.navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
.navbar.is-black .navbar-brand .navbar-link:focus,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand .navbar-link.is-active {
background-color: black;
color: white;
}
.navbar.is-black .navbar-brand .navbar-link::after {
border-color: white;
}
.navbar.is-black .navbar-burger {
color: white;
}
@media screen and (min-width: 1340px) {
.navbar.is-black .navbar-start > .navbar-item,
.navbar.is-black .navbar-start .navbar-link,
.navbar.is-black .navbar-end > .navbar-item,
.navbar.is-black .navbar-end .navbar-link {
color: white;
}
.navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
.navbar.is-black .navbar-start .navbar-link:focus,
.navbar.is-black .navbar-start .navbar-link:hover,
.navbar.is-black .navbar-start .navbar-link.is-active,
.navbar.is-black .navbar-end > a.navbar-item:focus,
.navbar.is-black .navbar-end > a.navbar-item:hover,
.navbar.is-black .navbar-end > a.navbar-item.is-active,
.navbar.is-black .navbar-end .navbar-link:focus,
.navbar.is-black .navbar-end .navbar-link:hover,
.navbar.is-black .navbar-end .navbar-link.is-active {
background-color: black;
color: white;
}
.navbar.is-black .navbar-start .navbar-link::after,
.navbar.is-black .navbar-end .navbar-link::after {
border-color: white;
}
.navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
background-color: black;
color: white;
}
.navbar.is-black .navbar-dropdown a.navbar-item.is-active {
background-color: #0a0a0a;
color: white;
}
}
.navbar.is-light {
background-color: whitesmoke;
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand > .navbar-item,
.navbar.is-light .navbar-brand .navbar-link {
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
.navbar.is-light .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand .navbar-link.is-active {
background-color: #e8e8e8;
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand .navbar-link::after {
border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-burger {
color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 1340px) {
.navbar.is-light .navbar-start > .navbar-item,
.navbar.is-light .navbar-start .navbar-link,
.navbar.is-light .navbar-end > .navbar-item,
.navbar.is-light .navbar-end .navbar-link {
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
.navbar.is-light .navbar-start .navbar-link:focus,
.navbar.is-light .navbar-start .navbar-link:hover,
.navbar.is-light .navbar-start .navbar-link.is-active,
.navbar.is-light .navbar-end > a.navbar-item:focus,
.navbar.is-light .navbar-end > a.navbar-item:hover,
.navbar.is-light .navbar-end > a.navbar-item.is-active,
.navbar.is-light .navbar-end .navbar-link:focus,
.navbar.is-light .navbar-end .navbar-link:hover,
.navbar.is-light .navbar-end .navbar-link.is-active {
background-color: #e8e8e8;
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-start .navbar-link::after,
.navbar.is-light .navbar-end .navbar-link::after {
border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #e8e8e8;
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-dropdown a.navbar-item.is-active {
background-color: whitesmoke;
color: rgba(0, 0, 0, 0.7);
}
}
.navbar.is-dark {
background-color: #363636;
color: #fff;
}
.navbar.is-dark .navbar-brand > .navbar-item,
.navbar.is-dark .navbar-brand .navbar-link {
color: #fff;
}
.navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
.navbar.is-dark .navbar-brand .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand .navbar-link.is-active {
background-color: #292929;
color: #fff;
}
.navbar.is-dark .navbar-brand .navbar-link::after {
border-color: #fff;
}
.navbar.is-dark .navbar-burger {
color: #fff;
}
@media screen and (min-width: 1340px) {
.navbar.is-dark .navbar-start > .navbar-item,
.navbar.is-dark .navbar-start .navbar-link,
.navbar.is-dark .navbar-end > .navbar-item,
.navbar.is-dark .navbar-end .navbar-link {
color: #fff;
}
.navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
.navbar.is-dark .navbar-start .navbar-link:focus,
.navbar.is-dark .navbar-start .navbar-link:hover,
.navbar.is-dark .navbar-start .navbar-link.is-active,
.navbar.is-dark .navbar-end > a.navbar-item:focus,
.navbar.is-dark .navbar-end > a.navbar-item:hover,
.navbar.is-dark .navbar-end > a.navbar-item.is-active,
.navbar.is-dark .navbar-end .navbar-link:focus,
.navbar.is-dark .navbar-end .navbar-link:hover,
.navbar.is-dark .navbar-end .navbar-link.is-active {
background-color: #292929;
color: #fff;
}
.navbar.is-dark .navbar-start .navbar-link::after,
.navbar.is-dark .navbar-end .navbar-link::after {
border-color: #fff;
}
.navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #292929;
color: #fff;
}
.navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
background-color: #363636;
color: #fff;
}
}
.navbar.is-primary {
background-color: #5a8e89;
color: #fff;
}
.navbar.is-primary .navbar-brand > .navbar-item,
.navbar.is-primary .navbar-brand .navbar-link {
color: #fff;
}
.navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active {
background-color: #507e7a;
color: #fff;
}
.navbar.is-primary .navbar-brand .navbar-link::after {
border-color: #fff;
}
.navbar.is-primary .navbar-burger {
color: #fff;
}
@media screen and (min-width: 1340px) {
.navbar.is-primary .navbar-start > .navbar-item,
.navbar.is-primary .navbar-start .navbar-link,
.navbar.is-primary .navbar-end > .navbar-item,
.navbar.is-primary .navbar-end .navbar-link {
color: #fff;
}
.navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
.navbar.is-primary .navbar-start .navbar-link:focus,
.navbar.is-primary .navbar-start .navbar-link:hover,
.navbar.is-primary .navbar-start .navbar-link.is-active,
.navbar.is-primary .navbar-end > a.navbar-item:focus,
.navbar.is-primary .navbar-end > a.navbar-item:hover,
.navbar.is-primary .navbar-end > a.navbar-item.is-active,
.navbar.is-primary .navbar-end .navbar-link:focus,
.navbar.is-primary .navbar-end .navbar-link:hover,
.navbar.is-primary .navbar-end .navbar-link.is-active {
background-color: #507e7a;
color: #fff;
}
.navbar.is-primary .navbar-start .navbar-link::after,
.navbar.is-primary .navbar-end .navbar-link::after {
border-color: #fff;
}
.navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #507e7a;
color: #fff;
}
.navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
background-color: #5a8e89;
color: #fff;
}
}
.navbar.is-link {
background-color: #485fc7;
color: #fff;
}
.navbar.is-link .navbar-brand > .navbar-item,
.navbar.is-link .navbar-brand .navbar-link {
color: #fff;
}
.navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
.navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active {
background-color: #3a51bb;
color: #fff;
}
.navbar.is-link .navbar-brand .navbar-link::after {
border-color: #fff;
}
.navbar.is-link .navbar-burger {
color: #fff;
}
@media screen and (min-width: 1340px) {
.navbar.is-link .navbar-start > .navbar-item,
.navbar.is-link .navbar-start .navbar-link,
.navbar.is-link .navbar-end > .navbar-item,
.navbar.is-link .navbar-end .navbar-link {
color: #fff;
}
.navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
.navbar.is-link .navbar-start .navbar-link:focus,
.navbar.is-link .navbar-start .navbar-link:hover,
.navbar.is-link .navbar-start .navbar-link.is-active,
.navbar.is-link .navbar-end > a.navbar-item:focus,
.navbar.is-link .navbar-end > a.navbar-item:hover,
.navbar.is-link .navbar-end > a.navbar-item.is-active,
.navbar.is-link .navbar-end .navbar-link:focus,
.navbar.is-link .navbar-end .navbar-link:hover,
.navbar.is-link .navbar-end .navbar-link.is-active {
background-color: #3a51bb;
color: #fff;
}
.navbar.is-link .navbar-start .navbar-link::after,
.navbar.is-link .navbar-end .navbar-link::after {
border-color: #fff;
}
.navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #3a51bb;
color: #fff;
}
.navbar.is-link .navbar-dropdown a.navbar-item.is-active {
background-color: #485fc7;
color: #fff;
}
}
.navbar.is-info {
background-color: #a382d2;
color: #fff;
}
.navbar.is-info .navbar-brand > .navbar-item,
.navbar.is-info .navbar-brand .navbar-link {
color: #fff;
}
.navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
.navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand .navbar-link.is-active {
background-color: #956fcb;
color: #fff;
}
.navbar.is-info .navbar-brand .navbar-link::after {
border-color: #fff;
}
.navbar.is-info .navbar-burger {
color: #fff;
}
@media screen and (min-width: 1340px) {
.navbar.is-info .navbar-start > .navbar-item,
.navbar.is-info .navbar-start .navbar-link,
.navbar.is-info .navbar-end > .navbar-item,
.navbar.is-info .navbar-end .navbar-link {
color: #fff;
}
.navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
.navbar.is-info .navbar-start .navbar-link:focus,
.navbar.is-info .navbar-start .navbar-link:hover,
.navbar.is-info .navbar-start .navbar-link.is-active,
.navbar.is-info .navbar-end > a.navbar-item:focus,
.navbar.is-info .navbar-end > a.navbar-item:hover,
.navbar.is-info .navbar-end > a.navbar-item.is-active,
.navbar.is-info .navbar-end .navbar-link:focus,
.navbar.is-info .navbar-end .navbar-link:hover,
.navbar.is-info .navbar-end .navbar-link.is-active {
background-color: #956fcb;
color: #fff;
}
.navbar.is-info .navbar-start .navbar-link::after,
.navbar.is-info .navbar-end .navbar-link::after {
border-color: #fff;
}
.navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #956fcb;
color: #fff;
}
.navbar.is-info .navbar-dropdown a.navbar-item.is-active {
background-color: #a382d2;
color: #fff;
}
}
.navbar.is-success {
background-color: #5cb088;
color: #fff;
}
.navbar.is-success .navbar-brand > .navbar-item,
.navbar.is-success .navbar-brand .navbar-link {
color: #fff;
}
.navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand .navbar-link.is-active {
background-color: #4fa37b;
color: #fff;
}
.navbar.is-success .navbar-brand .navbar-link::after {
border-color: #fff;
}
.navbar.is-success .navbar-burger {
color: #fff;
}
@media screen and (min-width: 1340px) {
.navbar.is-success .navbar-start > .navbar-item,
.navbar.is-success .navbar-start .navbar-link,
.navbar.is-success .navbar-end > .navbar-item,
.navbar.is-success .navbar-end .navbar-link {
color: #fff;
}
.navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
.navbar.is-success .navbar-start .navbar-link:focus,
.navbar.is-success .navbar-start .navbar-link:hover,
.navbar.is-success .navbar-start .navbar-link.is-active,
.navbar.is-success .navbar-end > a.navbar-item:focus,
.navbar.is-success .navbar-end > a.navbar-item:hover,
.navbar.is-success .navbar-end > a.navbar-item.is-active,
.navbar.is-success .navbar-end .navbar-link:focus,
.navbar.is-success .navbar-end .navbar-link:hover,
.navbar.is-success .navbar-end .navbar-link.is-active {
background-color: #4fa37b;
color: #fff;
}
.navbar.is-success .navbar-start .navbar-link::after,
.navbar.is-success .navbar-end .navbar-link::after {
border-color: #fff;
}
.navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #4fa37b;
color: #fff;
}
.navbar.is-success .navbar-dropdown a.navbar-item.is-active {
background-color: #5cb088;
color: #fff;
}
}
.navbar.is-warning {
background-color: #71cda1;
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-brand > .navbar-item,
.navbar.is-warning .navbar-brand .navbar-link {
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
.navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand .navbar-link.is-active {
background-color: #5ec695;
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-brand .navbar-link::after {
border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-burger {
color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 1340px) {
.navbar.is-warning .navbar-start > .navbar-item,
.navbar.is-warning .navbar-start .navbar-link,
.navbar.is-warning .navbar-end > .navbar-item,
.navbar.is-warning .navbar-end .navbar-link {
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
.navbar.is-warning .navbar-start .navbar-link:focus,
.navbar.is-warning .navbar-start .navbar-link:hover,
.navbar.is-warning .navbar-start .navbar-link.is-active,
.navbar.is-warning .navbar-end > a.navbar-item:focus,
.navbar.is-warning .navbar-end > a.navbar-item:hover,
.navbar.is-warning .navbar-end > a.navbar-item.is-active,
.navbar.is-warning .navbar-end .navbar-link:focus,
.navbar.is-warning .navbar-end .navbar-link:hover,
.navbar.is-warning .navbar-end .navbar-link.is-active {
background-color: #5ec695;
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-start .navbar-link::after,
.navbar.is-warning .navbar-end .navbar-link::after {
border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #5ec695;
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
background-color: #71cda1;
color: rgba(0, 0, 0, 0.7);
}
}
.navbar.is-danger {
background-color: #ffebeb;
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-danger .navbar-brand > .navbar-item,
.navbar.is-danger .navbar-brand .navbar-link {
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand .navbar-link.is-active {
background-color: #ffd2d2;
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-danger .navbar-brand .navbar-link::after {
border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-danger .navbar-burger {
color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 1340px) {
.navbar.is-danger .navbar-start > .navbar-item,
.navbar.is-danger .navbar-start .navbar-link,
.navbar.is-danger .navbar-end > .navbar-item,
.navbar.is-danger .navbar-end .navbar-link {
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
.navbar.is-danger .navbar-start .navbar-link:focus,
.navbar.is-danger .navbar-start .navbar-link:hover,
.navbar.is-danger .navbar-start .navbar-link.is-active,
.navbar.is-danger .navbar-end > a.navbar-item:focus,
.navbar.is-danger .navbar-end > a.navbar-item:hover,
.navbar.is-danger .navbar-end > a.navbar-item.is-active,
.navbar.is-danger .navbar-end .navbar-link:focus,
.navbar.is-danger .navbar-end .navbar-link:hover,
.navbar.is-danger .navbar-end .navbar-link.is-active {
background-color: #ffd2d2;
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-danger .navbar-start .navbar-link::after,
.navbar.is-danger .navbar-end .navbar-link::after {
border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #ffd2d2;
color: rgba(0, 0, 0, 0.7);
}
.navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
background-color: #ffebeb;
color: rgba(0, 0, 0, 0.7);
}
}
.navbar > .container {
align-items: stretch;
display: flex;
min-height: 3.25rem;
width: 100%;
}
.navbar.has-shadow {
box-shadow: 0 2px 0 0 whitesmoke;
}
.navbar.is-fixed-bottom, .navbar.is-fixed-top {
left: 0;
position: fixed;
right: 0;
z-index: 30;
}
.navbar.is-fixed-bottom {
bottom: 0;
}
.navbar.is-fixed-bottom.has-shadow {
box-shadow: 0 -2px 0 0 whitesmoke;
}
.navbar.is-fixed-top {
top: 0;
}
html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
padding-top: 3.25rem;
}
html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
padding-bottom: 3.25rem;
}
.navbar-brand,
.navbar-tabs {
align-items: stretch;
display: flex;
flex-shrink: 0;
min-height: 3.25rem;
}
.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
background-color: transparent;
}
.navbar-tabs {
-webkit-overflow-scrolling: touch;
max-width: 100vw;
overflow-x: auto;
overflow-y: hidden;
}
.navbar-burger {
color: #4a4a4a;
cursor: pointer;
display: block;
height: 3.25rem;
position: relative;
width: 3.25rem;
margin-left: auto;
}
.navbar-burger span {
background-color: currentColor;
display: block;
height: 1px;
left: calc(50% - 8px);
position: absolute;
transform-origin: center;
transition-duration: 86ms;
transition-property: background-color, opacity, transform;
transition-timing-function: ease-out;
width: 16px;
}
.navbar-burger span:nth-child(1) {
top: calc(50% - 6px);
}
.navbar-burger span:nth-child(2) {
top: calc(50% - 1px);
}
.navbar-burger span:nth-child(3) {
top: calc(50% + 4px);
}
.navbar-burger:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.navbar-burger.is-active span:nth-child(1) {
transform: translateY(5px) rotate(45deg);
}
.navbar-burger.is-active span:nth-child(2) {
opacity: 0;
}
.navbar-burger.is-active span:nth-child(3) {
transform: translateY(-5px) rotate(-45deg);
}
.navbar-menu {
display: none;
}
.navbar-item,
.navbar-link {
color: #4a4a4a;
display: block;
line-height: 1.5;
padding: 0.5rem 0.75rem;
position: relative;
}
.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
margin-left: -0.25rem;
margin-right: -0.25rem;
}
a.navbar-item,
.navbar-link {
cursor: pointer;
}
a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
background-color: #fafafa;
color: #485fc7;
}
.navbar-item {
flex-grow: 0;
flex-shrink: 0;
}
.navbar-item img {
max-height: 1.75rem;
}
.navbar-item.has-dropdown {
padding: 0;
}
.navbar-item.is-expanded {
flex-grow: 1;
flex-shrink: 1;
}
.navbar-item.is-tab {
border-bottom: 1px solid transparent;
min-height: 3.25rem;
padding-bottom: calc(0.5rem - 1px);
}
.navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
background-color: transparent;
border-bottom-color: #485fc7;
}
.navbar-item.is-tab.is-active {
background-color: transparent;
border-bottom-color: #485fc7;
border-bottom-style: solid;
border-bottom-width: 3px;
color: #485fc7;
padding-bottom: calc(0.5rem - 3px);
}
.navbar-content {
flex-grow: 1;
flex-shrink: 1;
}
.navbar-link:not(.is-arrowless) {
padding-right: 2.5em;
}
.navbar-link:not(.is-arrowless)::after {
border-color: #485fc7;
margin-top: -0.375em;
right: 1.125em;
}
.navbar-dropdown {
font-size: 0.875rem;
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.navbar-dropdown .navbar-item {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.navbar-divider {
background-color: whitesmoke;
border: none;
display: none;
height: 2px;
margin: 0.5rem 0;
}
@media screen and (max-width: 1339px) {
.navbar > .container {
display: block;
}
.navbar-brand .navbar-item,
.navbar-tabs .navbar-item {
align-items: center;
display: flex;
}
.navbar-link::after {
display: none;
}
.navbar-menu {
background-color: white;
box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
padding: 0.5rem 0;
}
.navbar-menu.is-active {
display: block;
}
.navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
left: 0;
position: fixed;
right: 0;
z-index: 30;
}
.navbar.is-fixed-bottom-touch {
bottom: 0;
}
.navbar.is-fixed-bottom-touch.has-shadow {
box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
}
.navbar.is-fixed-top-touch {
top: 0;
}
.navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
-webkit-overflow-scrolling: touch;
max-height: calc(100vh - 3.25rem);
overflow: auto;
}
html.has-navbar-fixed-top-touch,
body.has-navbar-fixed-top-touch {
padding-top: 3.25rem;
}
html.has-navbar-fixed-bottom-touch,
body.has-navbar-fixed-bottom-touch {
padding-bottom: 3.25rem;
}
}
@media screen and (min-width: 1340px) {
.navbar,
.navbar-menu,
.navbar-start,
.navbar-end {
align-items: stretch;
display: flex;
}
.navbar {
min-height: 3.25rem;
}
.navbar.is-spaced {
padding: 1rem 2rem;
}
.navbar.is-spaced .navbar-start,
.navbar.is-spaced .navbar-end {
align-items: center;
}
.navbar.is-spaced a.navbar-item,
.navbar.is-spaced .navbar-link {
border-radius: 4px;
}
.navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
.navbar.is-transparent .navbar-link:focus,
.navbar.is-transparent .navbar-link:hover,
.navbar.is-transparent .navbar-link.is-active {
background-color: transparent !important;
}
.navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
background-color: transparent !important;
}
.navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
background-color: whitesmoke;
color: #0a0a0a;
}
.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
background-color: whitesmoke;
color: #485fc7;
}
.navbar-burger {
display: none;
}
.navbar-item,
.navbar-link {
align-items: center;
display: flex;
}
.navbar-item.has-dropdown {
align-items: stretch;
}
.navbar-item.has-dropdown-up .navbar-link::after {
transform: rotate(135deg) translate(0.25em, -0.25em);
}
.navbar-item.has-dropdown-up .navbar-dropdown {
border-bottom: 2px solid #dbdbdb;
border-radius: 6px 6px 0 0;
border-top: none;
bottom: 100%;
box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
top: auto;
}
.navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
display: block;
}
.navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.navbar-menu {
flex-grow: 1;
flex-shrink: 0;
}
.navbar-start {
justify-content: flex-start;
margin-right: auto;
}
.navbar-end {
justify-content: flex-end;
margin-left: auto;
}
.navbar-dropdown {
background-color: white;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-top: 2px solid #dbdbdb;
box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
display: none;
font-size: 0.875rem;
left: 0;
min-width: 100%;
position: absolute;
top: 100%;
z-index: 20;
}
.navbar-dropdown .navbar-item {
padding: 0.375rem 1rem;
white-space: nowrap;
}
.navbar-dropdown a.navbar-item {
padding-right: 3rem;
}
.navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
background-color: whitesmoke;
color: #0a0a0a;
}
.navbar-dropdown a.navbar-item.is-active {
background-color: whitesmoke;
color: #485fc7;
}
.navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
border-radius: 6px;
border-top: none;
box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
display: block;
opacity: 0;
pointer-events: none;
top: calc(100% + (-4px));
transform: translateY(-5px);
transition-duration: 86ms;
transition-property: opacity, transform;
}
.navbar-dropdown.is-right {
left: auto;
right: 0;
}
.navbar-divider {
display: block;
}
.navbar > .container .navbar-brand,
.container > .navbar .navbar-brand {
margin-left: -0.75rem;
}
.navbar > .container .navbar-menu,
.container > .navbar .navbar-menu {
margin-right: -0.75rem;
}
.navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
left: 0;
position: fixed;
right: 0;
z-index: 30;
}
.navbar.is-fixed-bottom-desktop {
bottom: 0;
}
.navbar.is-fixed-bottom-desktop.has-shadow {
box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
}
.navbar.is-fixed-top-desktop {
top: 0;
}
html.has-navbar-fixed-top-desktop,
body.has-navbar-fixed-top-desktop {
padding-top: 3.25rem;
}
html.has-navbar-fixed-bottom-desktop,
body.has-navbar-fixed-bottom-desktop {
padding-bottom: 3.25rem;
}
html.has-spaced-navbar-fixed-top,
body.has-spaced-navbar-fixed-top {
padding-top: 5.25rem;
}
html.has-spaced-navbar-fixed-bottom,
body.has-spaced-navbar-fixed-bottom {
padding-bottom: 5.25rem;
}
a.navbar-item.is-active,
.navbar-link.is-active {
color: #0a0a0a;
}
a.navbar-item.is-active:not(:focus):not(:hover),
.navbar-link.is-active:not(:focus):not(:hover) {
background-color: transparent;
}
.navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #fafafa;
}
}
.hero.is-fullheight-with-navbar {
min-height: calc(100vh - 3.25rem);
}
body {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
color: #101921;
}
body::-moz-selection {
background-color: #5a8e89;
}
body::selection {
background-color: #5a8e89;
}
a {
color: inherit;
}
a:hover {
color: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
padding-bottom: 16px;
color: #5a8e89;
}
h1,
.heading-1 {
font-size: 3.5rem;
font-family: omnes-semicond, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.2;
letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
h1,
.heading-1 {
font-size: 2.5rem;
font-family: omnes-semicond, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.2;
letter-spacing: 0.01em;
}
}
h2,
.heading-2 {
font-size: 3rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.2;
}
@media screen and (max-width: 768px) {
h2,
.heading-2 {
font-size: 2.25rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.2;
}
}
h3,
.heading-3 {
font-size: 2.5rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.2;
}
@media screen and (max-width: 768px) {
h3,
.heading-3 {
font-size: 2rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.2;
}
}
h4,
.heading-4 {
font-size: 2rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.3;
}
@media screen and (max-width: 768px) {
h4,
.heading-4 {
font-size: 1.5rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.4;
}
}
h5,
.heading-5 {
font-size: 1.5rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.4;
}
@media screen and (max-width: 768px) {
h5,
.heading-5 {
font-size: 1.25rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.4;
}
}
h6,
.heading-6 {
font-size: 1.25rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.4;
}
@media screen and (max-width: 768px) {
h6,
.heading-6 {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.4;
}
}
@media screen and (min-width: 1340px) {
html {
overflow-x: hidden;
max-width: 100vw;
}
}
body {
background-color: #ffffff;
position: relative;
}
@media screen and (max-width: 1339px) {
body {
overflow: hidden;
}
}
.section {
padding: 48px 0;
}
@media screen and (max-width: 768px) {
.section {
padding: 24px 0;
}
}
.section.background-color {
padding: 96px 0;
margin: 48px 0;
}
@media screen and (max-width: 768px) {
.section.background-color {
padding: 48px 0;
margin: 24px 0;
}
}
.section.background-color + .section.background-color {
margin-top: -48px;
}
.container {
margin: 0 auto;
max-width: 1500px;
}
@media screen and (max-width: 1549px) {
.container {
padding: 0 6vw;
}
}
.site-main {
padding-top: 58px;
margin-top: -159px;
}
@media screen and (max-width: 1339px) {
.site-main {
padding-top: 0;
margin-top: 0;
}
}
.flexible-content-layout .section:first-child {
margin-top: 0;
padding-top: 96px;
}
@media screen and (max-width: 768px) {
.flexible-content-layout .section:first-child {
padding-top: 48px;
}
}
.flexible-content-layout .section:last-child {
padding-bottom: 96px;
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.flexible-content-layout .section:last-child {
padding-bottom: 48px;
}
}
.button {
background-color: #02463a;
color: #ffffff;
padding: 12px 16px;
display: block;
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
font-weight: bold;
cursor: pointer;
margin-top: 8px;
margin-right: 12px;
transition: all 0.2s ease;
border: 1px solid #02463a;
border-radius: 500px;
white-space: nowrap;
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1;
}
.button:hover {
background-color: #355b57;
border-color: #355b57;
color: #ffffff;
}
@media screen and (max-width: 576px) {
.button {
padding: 8px 16px;
}
}
.button svg {
display: none;
}
.button.secondary {
background-color: #7e1c4e;
color: #ffffff;
border-color: #7e1c4e;
}
.button.secondary:hover {
color: #ffffff;
background-color: #5c0e36;
border-color: #5c0e36;
}
.button.white {
background-color: #ffffff;
color: #101921;
border-color: #ffffff;
}
.button.white:hover {
color: #101921;
background-color: #e4e5e8;
border-color: #e4e5e8;
}
.button.outline {
background-color: transparent;
color: #ffffff;
border-color: #ffffff;
}
.button.outline:hover {
color: #101921;
background-color: #ffffff;
border-color: #ffffff;
}
.button.green-outline {
background-color: transparent;
color: #02463a;
border-color: #02463a;
}
.button.green-outline:hover {
color: #ffffff;
background-color: #355b57;
border-color: #355b57;
}
.button:first-child.arrow-right {
padding-left: 0;
}
.button.arrow-right {
display: flex;
align-items: center;
background-color: transparent;
border-color: transparent;
color: #101921;
white-space: nowrap;
}
.button.arrow-right svg {
display: block;
margin-left: 8px;
transition: all 0.2s ease;
height: 17px;
}
.button.arrow-right svg path {
fill: #101921;
}
.button.arrow-right:hover {
background-color: transparent;
border-color: transparent;
opacity: 0.8;
}
.button.arrow-right:hover svg path {
opacity: 0.8;
}
.links {
display: flex;
justify-content: flex-start;
padding: 8px 0;
flex-wrap: wrap;
align-items: center;
}
.fade-in {
transition: transform 0.5s ease-out, opacity 0.5s ease-out;
opacity: 0;
}
.fade-up {
transform: translateY(96px);
}
.layered-fade-in .fade-element,
.hero-fade-in .fade-element {
transition: transform 0.5s ease-out, opacity 0.5s ease-out;
opacity: 0;
transform: translateY(96px);
}
.layered-fade-in .fade-element:nth-child(n+1),
.hero-fade-in .fade-element:nth-child(n+1) {
transition-delay: 0.1s;
}
.layered-fade-in .fade-element:nth-child(n+2),
.hero-fade-in .fade-element:nth-child(n+2) {
transition-delay: 0.2s;
}
.layered-fade-in .fade-element:nth-child(n+3),
.hero-fade-in .fade-element:nth-child(n+3) {
transition-delay: 0.3s;
}
.layered-fade-in .fade-element:nth-child(n+4),
.hero-fade-in .fade-element:nth-child(n+4) {
transition-delay: 0.4s;
}
.layered-fade-in .fade-element:nth-child(n+5),
.hero-fade-in .fade-element:nth-child(n+5) {
transition-delay: 0.5s;
}
.layered-fade-in .fade-element:nth-child(n+6),
.hero-fade-in .fade-element:nth-child(n+6) {
transition-delay: 0.6s;
}
.layered-fade-in .fade-element:nth-child(n+7),
.hero-fade-in .fade-element:nth-child(n+7) {
transition-delay: 0.7s;
}
.layered-fade-in .fade-element:nth-child(n+8),
.hero-fade-in .fade-element:nth-child(n+8) {
transition-delay: 0.8s;
}
.layered-fade-in .fade-element:nth-child(n+9),
.hero-fade-in .fade-element:nth-child(n+9) {
transition-delay: 0.9s;
}
.layered-fade-in .fade-element:nth-child(n+10),
.hero-fade-in .fade-element:nth-child(n+10) {
transition-delay: 1s;
}
.layered-fade-in .fade-element:nth-child(n+11),
.hero-fade-in .fade-element:nth-child(n+11) {
transition-delay: 1.1s;
}
.layered-fade-in .fade-element:nth-child(n+12),
.hero-fade-in .fade-element:nth-child(n+12) {
transition-delay: 1.2s;
}
.layered-fade-in .scale-image,
.hero-fade-in .scale-image {
opacity: 0;
transform: translate(0);
transition: opacity 0.5s ease-out;
}
.layered-fade-in .scale-image .fade-element,
.hero-fade-in .scale-image .fade-element {
transform: scale(1.4);
transition: transform 1s ease-out;
transform-origin: center;
}
.landing-hero-top-image.fade-element {
transition: opacity 0.5s ease;
opacity: 0;
transform: none;
}
.home-hero .home-hero-background {
transition: opacity 1.6s ease;
opacity: 0;
}
.home-hero .home-hero-image .fade-element {
opacity: 0;
transform: scale(1.2);
transition: transform 1s ease-out opacity 1s ease-out;
transform-origin: right center;
}
.secondary-nav-container {
position: relative;
z-index: 999;
}
.navbar,
.landing-page-nav {
position: relative;
z-index: 998;
}
.navbar.fade-element,
.landing-page-nav.fade-element {
transform: translateY(-96px);
transition: translate 1s ease-out opacity 2s ease-out, background-color 0.2s ease;
}
.feature-cards .fade-element:nth-child(n+3) {
transition-delay: 0.3s;
}
.feature-cards .fade-element:nth-child(n+5) {
transition-delay: 0.6s;
}
.feature-cards .fade-element:nth-child(n+7) {
transition-delay: 0.9s;
}
.features-image-wrapper .fade-in {
transform: scale(1.2);
transform-origin: bottom right;
}
.content a {
color: inherit;
text-decoration: underline;
}
.content a:hover {
color: inherit;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
padding-bottom: 16px;
color: #5a8e89;
margin-bottom: 0;
}
.content h1,
.content .heading-1 {
font-size: 3.5rem;
font-family: omnes-semicond, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.2;
letter-spacing: 0.01em;
}
@media screen and (max-width: 768px) {
.content h1,
.content .heading-1 {
font-size: 2.5rem;
font-family: omnes-semicond, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.2;
letter-spacing: 0.01em;
}
}
.content h2,
.content .heading-2 {
font-size: 3rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.2;
}
@media screen and (max-width: 768px) {
.content h2,
.content .heading-2 {
font-size: 2.25rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.2;
}
}
.content h3,
.content .heading-3 {
font-size: 2.5rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.2;
}
@media screen and (max-width: 768px) {
.content h3,
.content .heading-3 {
font-size: 2rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.2;
}
}
.content h4,
.content .heading-4 {
font-size: 2rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.3;
}
@media screen and (max-width: 768px) {
.content h4,
.content .heading-4 {
font-size: 1.5rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.4;
}
}
.content h5,
.content .heading-5 {
font-size: 1.5rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.4;
}
@media screen and (max-width: 768px) {
.content h5,
.content .heading-5 {
font-size: 1.25rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.4;
}
}
.content h6,
.content .heading-6 {
font-size: 1.25rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.4;
}
@media screen and (max-width: 768px) {
.content h6,
.content .heading-6 {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.4;
}
}
.content .small {
font-size: 0.875rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.2;
}
.content img {
border-radius: 8px;
margin-top: 16px;
margin-bottom: 16px;
}
.content blockquote {
background-color: transparent;
color: #5a8e89;
border-left: solid 4px #02463a;
margin-bottom: 32px;
margin-top: 32px;
font-size: 1.25rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.5;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
border-radius: 16px;
}
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.full-width-video .container {
max-width: 960px;
}
.nav-links {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 48px;
padding-top: 8px;
border-top: solid 1px #ced0d4;
width: 100%;
}
@media screen and (max-width: 768px) {
.nav-links {
margin-top: 16px;
}
}
.nav-links span,
.nav-links a {
padding: 8px;
}
.nav-links .page-numbers {
display: none;
}
.nav-links .next,
.nav-links .prev {
display: block;
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1;
color: #5a8e89;
}
.nav-links .next {
justify-self: flex-end;
margin-left: auto;
}
.accordion .accordion-container {
position: relative;
}
.accordion .accordion-container .accordion-panel {
transition: all 0.2s ease-in-out;
opacity: 0;
height: auto;
max-height: 0;
overflow: hidden;
padding: 0px 24px;
}
.accordion .accordion-container .accordion-panel:focus-within {
padding: 0 24px 24px 24px;
opacity: 1;
height: auto;
max-height: none;
}
.accordion .accordion-container .accordion-toggle {
position: absolute;
z-index: 3;
width: 100%;
height: 100%;
left: 0;
cursor: pointer;
background-color: transparent;
border: none;
}
.accordion .accordion-container .accordion-btn {
padding: 24px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
transition: all 0.2s ease;
border-top: 1px solid #b1b4bb;
}
.accordion .accordion-container .accordion-btn .accordion-heading {
max-width: 90%;
padding-bottom: 0;
}
.accordion .accordion-container .accordion-btn span {
display: flex;
height: 24px;
width: 24px;
right: 24px;
align-items: center;
justify-content: center;
position: absolute;
background-color: #7e1c4e;
border-radius: 100%;
}
@media screen and (max-width: 576px) {
.accordion .accordion-container .accordion-btn span {
right: 16px;
}
}
.accordion .accordion-container .accordion-btn span::after {
content: " ";
display: block;
border-top: 2px solid #ffffff;
border-left: 2px solid #ffffff;
width: 8px;
height: 8px;
transform: rotate(45deg);
transition: all 0.2s ease;
position: absolute;
top: 9px;
left: 8px;
}
.accordion .accordion-container.active .accordion-panel {
padding: 0 24px 24px 24px;
opacity: 1;
height: auto;
max-height: none;
}
.accordion .accordion-container.active .accordion-btn span::after {
transform: rotate(-135deg);
top: 6px;
}
.default-hero {
display: flex;
justify-content: center;
align-items: center;
padding-top: 240px;
padding-bottom: 96px;
position: relative;
overflow: hidden;
background-size: contain;
background-repeat: repeat;
margin-top: -58px;
}
@media screen and (max-width: 1339px) {
.default-hero {
padding-top: 120px;
padding-bottom: 48px;
margin-top: 0;
}
}
.default-hero .container {
width: 100%;
}
.default-hero .container .hero-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #ffffff;
text-align: center;
max-width: 560px;
margin: 0 auto;
}
.default-hero .container .hero-content .subheading {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #ffffff;
padding-bottom: 8px;
}
.default-hero .container .hero-content h1 {
color: #ffffff;
}
@media screen and (max-width: 439px) {
.default-hero .container .hero-content h1 {
font-size: 2rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.2;
}
}
.default-hero .container .hero-content p {
margin-bottom: 32px;
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
}
.default-hero .container .hero-content .secondary {
color: white;
}
.home-hero {
position: relative;
overflow: hidden;
padding-top: 0;
padding-bottom: 40px;
background-color: #02463a;
}
.home-hero .home-hero-background {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-size: contain;
background-repeat: repeat;
}
.home-hero .container {
padding-right: 0;
display: flex;
justify-content: space-between;
position: relative;
z-index: 10;
}
@media screen and (min-width: 1520px) {
.home-hero .container {
max-width: none;
padding-left: calc(50vw - 750px);
}
}
@media screen and (max-width: 1024px) {
.home-hero .container {
display: block;
}
}
.home-hero .hero-content {
width: 50%;
padding-top: 200px;
padding-bottom: 120px;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 100%;
padding-right: 3%;
min-width: 582px;
}
@media screen and (max-width: 1599px) {
.home-hero .hero-content {
padding-left: 24px;
}
}
@media screen and (max-width: 1519px) {
.home-hero .hero-content {
padding-left: 0;
}
}
@media screen and (max-width: 1024px) {
.home-hero .hero-content {
width: 100%;
max-width: 582px;
min-width: 0;
padding-top: 140px;
padding-bottom: 48px;
}
}
@media screen and (max-width: 576px) {
.home-hero .hero-content {
padding-top: 120px;
}
}
.home-hero .hero-content h2 {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #d7ffec;
}
.home-hero .hero-content h1 {
color: #ffffff;
}
@media screen and (max-width: 415px) {
.home-hero .hero-content h1 {
font-size: 2rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.2;
}
}
.home-hero .hero-content p {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
color: #ffffff;
}
.home-hero .hero-content .links {
padding-top: 24px;
}
.home-hero .home-hero-image {
min-height: 800px;
width: 48%;
border-radius: 48vw 0 0 48vw;
overflow: hidden;
min-width: 50vw;
}
@media screen and (max-width: 1344px) {
.home-hero .home-hero-image {
min-width: 0;
}
}
@media screen and (max-width: 1024px) {
.home-hero .home-hero-image {
width: 100%;
min-height: 0;
min-width: 0;
}
}
@media screen and (max-width: 1024px) {
.home-hero .home-hero-image .splide__track {
max-height: 600px;
}
}
.home-hero .home-hero-image .splide__track .splide__slide {
opacity: 0;
transition: opacity 1s ease !important;
}
.home-hero .home-hero-image .splide__track .splide__slide.is-active {
opacity: 1;
}
.home-hero .home-hero-image .splide__track.no-carousel .splide__slide {
opacity: 1;
}
.home-hero .home-hero-image img {
min-width: 100%;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
min-height: 800px;
height: 100%;
}
@media screen and (max-width: 1024px) {
.home-hero .home-hero-image img {
min-height: 0;
}
}
@media screen and (min-width: 577px) {
.home-hero .home-hero-image .splide__pagination {
right: 20px;
justify-content: flex-end;
}
}
@media screen and (max-width: 1269px) {
.home-hero .home-hero-image .splide__pagination {
right: 0;
padding-right: 8px;
}
}
@media screen and (max-width: 1024px) {
.home-hero .home-hero-image .splide__pagination {
right: 20px;
padding-right: 1em;
}
}
@media screen and (max-width: 576px) {
.home-hero .home-hero-image .splide__pagination {
right: 0;
}
}
.home-hero .home-hero-image .splide__pagination .splide__pagination__page {
background: #5cb088;
margin: 3px 6px;
height: 12px;
width: 12px;
opacity: 1;
}
@media screen and (max-width: 1269px) {
.home-hero .home-hero-image .splide__pagination .splide__pagination__page {
height: 8px;
width: 8px;
margin: 3px;
}
}
@media screen and (max-width: 1024px) {
.home-hero .home-hero-image .splide__pagination .splide__pagination__page {
margin: 3px 6px;
height: 12px;
width: 12px;
}
}
@media screen and (max-width: 576px) {
.home-hero .home-hero-image .splide__pagination .splide__pagination__page {
height: 8px;
width: 8px;
margin: 3px;
}
}
.home-hero .home-hero-image .splide__pagination .splide__pagination__page.is-active {
background: #cc2620;
transform: scale(1.5);
}
.landing-hero {
background-color: #f8f9f9;
margin-top: -58px;
padding-top: 0;
}
@media screen and (max-width: 1339px) {
.landing-hero {
margin-top: 0;
}
}
.landing-hero .landing-hero-image-wrapper {
background-color: #02463a;
}
.landing-hero .landing-hero-top-image img {
max-height: 760px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media screen and (max-width: 1344px) {
.landing-hero .landing-hero-top-image img {
height: auto;
-o-object-fit: initial;
object-fit: initial;
}
}
.landing-hero .container {
padding-top: 200px;
}
@media screen and (max-width: 1339px) {
.landing-hero .container {
padding-top: 160px;
}
}
.landing-hero .container.has-image {
padding-top: 96px;
}
@media screen and (max-width: 768px) {
.landing-hero .container.has-image {
padding-top: 48px;
}
}
.landing-hero .hero-content {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
@media screen and (max-width: 1024px) {
.landing-hero .hero-content {
padding-bottom: 16px;
}
}
.landing-hero .landing-hero-image {
min-height: 463px;
display: flex;
}
.landing-hero .landing-hero-image img {
border-radius: 16px;
min-height: 100%;
min-width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.landing-hero-cta {
background: linear-gradient(#f8f9f9 30%, #ffffff 30%);
}
.landing-hero-cta .cta-card.green .card-content {
padding: 0;
}
.landing-hero-cta .cta-card.green .card-image {
height: 100%;
}
@media screen and (max-width: 1024px) {
.landing-hero-cta .cta-card.green .card-image {
padding-top: 24px;
}
}
.landing-hero-cta .cta-card.green .card-image img {
border-radius: 16px;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.specialty-hero {
background-color: #ffffff;
padding-top: 180px;
padding-bottom: 96px;
}
.specialty-hero.grey {
background-color: #f8f9f9;
}
@media screen and (max-width: 1339px) {
.specialty-hero {
padding-top: 120px;
}
}
@media screen and (max-width: 768px) {
.specialty-hero {
padding-bottom: 48px;
}
}
.specialty-hero .cta-copy {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.specialty-hero .cta-copy .subheading {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #7e1c4e;
}
.specialty-hero .cta-copy .heading {
color: #5a8e89;
}
@media screen and (max-width: 1024px) {
.specialty-hero .cta-copy .heading {
font-size: 2.5rem;
font-family: omnes-semicond, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.2;
letter-spacing: 0.01em;
}
}
.specialty-hero .cta-image {
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 100%;
aspect-ratio: 1/1;
height: auto;
width: 100%;
border: 8px solid #355b57;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.specialty-hero .cta-image {
display: block;
min-height: 0;
}
}
.specialty-hero .cta-image img {
height: 100%;
width: 100%;
min-height: 0;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 768px) {
.specialty-hero .cta-image img {
width: auto;
max-height: 500px;
}
}
.block--two-column-cta {
background-color: #ffffff;
}
.block--two-column-cta.grey {
background-color: #f8f9f9;
}
.block--two-column-cta.image-right .columns {
flex-direction: row-reverse;
}
.block--two-column-cta .cta-copy {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.block--two-column-cta .cta-copy .subheading {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #7e1c4e;
}
.block--two-column-cta .cta-copy .heading {
color: #5a8e89;
}
.block--two-column-cta .cta-image {
height: 100%;
width: 100%;
border-radius: 16px;
overflow: hidden;
min-height: 400px;
}
@media screen and (max-width: 768px) {
.block--two-column-cta .cta-image {
max-height: 400px;
min-height: 0;
}
}
.block--two-column-cta .cta-image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.block--two-column-cta .cta-image.preserve-ratio {
height: auto;
max-height: none;
}
.block--two-column-cta .cta-image.preserve-ratio img {
-o-object-fit: initial;
object-fit: initial;
}
.block--two-column-cta .cta-image.round {
display: flex;
flex-direction: column;
justify-content: center;
border-radius: 100%;
aspect-ratio: 1/1;
height: auto;
width: 100%;
border: 8px solid #355b57;
overflow: hidden;
min-height: 0;
}
@media screen and (max-width: 768px) {
.block--two-column-cta .cta-image.round {
display: block;
max-height: 500px;
width: auto;
}
}
.block--two-column-cta .cta-image.round img {
height: 100%;
width: 100%;
min-height: 0;
}
@media screen and (max-width: 768px) {
.block--two-column-cta .cta-image.round img {
width: auto;
}
}
.block--testimonial .title-wrapper {
max-width: 870px;
text-align: center;
margin: 0 auto;
padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
.block--testimonial .title-wrapper {
padding-bottom: 48px;
}
}
.block--testimonial .title-wrapper h2 {
color: #7e1c4e;
}
.block--testimonial .title-wrapper p {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
}
.block--testimonial .column {
flex-grow: 1;
}
.block--testimonial .testimonial-card {
display: flex;
padding: 32px;
flex-direction: column;
align-items: flex-start;
background-color: #f8f9f9;
height: 100%;
border-radius: 8px;
border: 1px solid #9adad4;
}
.block--testimonial .testimonial-card .stars {
display: flex;
align-items: center;
gap: 4px;
padding-bottom: 32px;
}
.block--testimonial .testimonial-card .stars.one img {
display: none;
}
.block--testimonial .testimonial-card .stars.one img:first-child {
display: block;
}
.block--testimonial .testimonial-card .stars.two img {
display: none;
}
.block--testimonial .testimonial-card .stars.two img:first-child {
display: block;
}
.block--testimonial .testimonial-card .stars.two img:nth-child(5n+2) {
display: block;
}
.block--testimonial .testimonial-card .stars.three img {
display: block;
}
.block--testimonial .testimonial-card .stars.three img:nth-child(1n+4) {
display: none;
}
.block--testimonial .testimonial-card .stars.four img:last-child {
display: none;
}
.block--testimonial .testimonial-card .quote {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
padding-bottom: 32px;
}
.block--testimonial .testimonial-card .testimonial-flex {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.block--testimonial .testimonial-card .testimonial-flex img {
height: 64px;
width: 64px;
border-radius: 200px;
margin-right: 16px;
}
.block--testimonial .testimonial-card .testimonial-flex .testimonial-content {
padding: 8px 0;
}
.block--testimonial .testimonial-card .testimonial-flex .testimonial-content .testimonial-name {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #5a8e89;
}
.block--testimonial .testimonial-card .testimonial-flex .testimonial-content .testimonials-details {
font-size: 0.875rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.2;
color: #545860;
}
.block--testimonial-carousel .splide__pagination {
position: relative;
padding-top: 48px;
}
@media screen and (max-width: 1024px) {
.block--testimonial-carousel .splide__pagination {
padding-top: 32px;
}
}
.block--testimonial-carousel .splide__pagination .splide__pagination__page {
background: #5cb088;
margin: 3px 8px;
height: 12px;
width: 12px;
}
.block--testimonial-carousel .splide__pagination .splide__pagination__page.is-active {
background: #cc2620;
transform: scale(1.5);
}
.block--testimonial-carousel .testimonial-card {
display: flex;
padding: 32px;
flex-direction: column;
align-items: flex-start;
justify-content: center;
height: 100%;
border-radius: 8px;
}
@media screen and (max-width: 1024px) {
.block--testimonial-carousel .testimonial-card {
padding-left: 0;
padding-right: 0;
}
}
.block--testimonial-carousel .testimonial-card .stars {
display: flex;
align-items: center;
gap: 4px;
padding-bottom: 32px;
}
.block--testimonial-carousel .testimonial-card .stars.one img {
display: none;
}
.block--testimonial-carousel .testimonial-card .stars.one img:first-child {
display: block;
}
.block--testimonial-carousel .testimonial-card .stars.two img {
display: none;
}
.block--testimonial-carousel .testimonial-card .stars.two img:first-child {
display: block;
}
.block--testimonial-carousel .testimonial-card .stars.two img:nth-child(5n+2) {
display: block;
}
.block--testimonial-carousel .testimonial-card .stars.three img {
display: block;
}
.block--testimonial-carousel .testimonial-card .stars.three img:nth-child(1n+4) {
display: none;
}
.block--testimonial-carousel .testimonial-card .stars.four img:last-child {
display: none;
}
.block--testimonial-carousel .testimonial-card .quote {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
padding-bottom: 32px;
}
.block--testimonial-carousel .testimonial-card .testimonial-flex {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.block--testimonial-carousel .testimonial-card .testimonial-flex img {
height: 64px;
width: 64px;
border-radius: 200px;
margin-right: 16px;
-o-object-fit: cover;
object-fit: cover;
}
.block--testimonial-carousel .testimonial-card .testimonial-flex .testimonial-content {
padding: 8px 0;
}
.block--testimonial-carousel .testimonial-card .testimonial-flex .testimonial-content .testimonial-name {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #5a8e89;
}
.block--testimonial-carousel .testimonial-card .testimonial-flex .testimonial-content .testimonials-details {
font-size: 0.875rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.2;
color: #545860;
}
.block--full-width-cta {
background-color: #f8f9f9;
}
.block--full-width-cta .container .cta-card {
margin: 0 auto;
text-align: center;
max-width: 870px;
}
.block--full-width-cta .container .cta-card .subheading {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #7e1c4e;
padding-bottom: 8px;
}
.block--full-width-cta .container .cta-card .content p {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
}
.block--full-width-cta .container .cta-card .links {
justify-content: center;
}
@media screen and (max-width: 1024px) {
.block--features .cards-title-wrapper {
padding-bottom: 32px;
}
}
.block--features .cards-title-wrapper .subheading {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #7e1c4e;
padding-bottom: 8px;
}
.block--features .cards-title-wrapper .content p {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
}
.block--features .card-wrapper {
padding: 0 0 32px 0;
}
.block--features .card-wrapper img {
max-height: 48px;
margin-bottom: 16px;
}
.block--features .card-wrapper .arrow-right {
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
}
.block--team-members .column {
padding-bottom: 24px;
}
.block--team-members .title-wrapper {
padding-bottom: 80px;
max-width: 1080px;
}
@media screen and (max-width: 768px) {
.block--team-members .title-wrapper {
padding-bottom: 48px;
}
}
.block--team-members .title-wrapper .subheading {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #7e1c4e;
padding-bottom: 8px;
}
.block--team-members .title-wrapper .content p {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
}
.block--team-members .card-wrapper {
border: 1px solid #5a8e89;
border-radius: 8px;
overflow: hidden;
height: 100%;
}
.block--team-members .card-wrapper .img-wrapper {
background-color: #5a8e89;
display: flex;
width: 100%;
aspect-ratio: 1/1;
}
.block--team-members .card-wrapper .img-wrapper img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
-o-object-position: top center;
object-position: top center;
}
.block--team-members .card-wrapper .content-wrapper {
padding: 32px;
}
@media screen and (max-width: 1344px) {
.block--team-members .card-wrapper .content-wrapper {
padding: 2vw;
}
}
@media screen and (max-width: 768px) {
.block--team-members .card-wrapper .content-wrapper {
padding: 3vw;
}
}
.block--team-members .card-wrapper .content-wrapper h3 {
font-size: 1.5rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.4;
color: #7e1c4e;
padding-bottom: 4px;
}
.block--team-members .card-wrapper .content-wrapper h4 {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
color: #101921;
}
.block--team-members .card-wrapper .content-wrapper .bio-link {
margin-bottom: 32px;
padding: 0;
}
.block--team-members .card-wrapper .content-wrapper .team-social-links {
display: flex;
align-items: center;
gap: 12px;
}
.block--team-members .card-wrapper .content-wrapper .team-social-links a {
display: block;
}
@media screen and (min-width: 769px) {
.block--team-members .card-wrapper .content-wrapper .team-social-links a:hover svg path {
fill: #7e1c4e;
}
}
.block--team-members .card-wrapper .content-wrapper .team-social-links a svg {
height: 24px;
width: auto;
}
.block--team-members .card-wrapper .content-wrapper .team-social-links a svg path {
transition: all 0.2s ease;
}
.team-member-section {
padding-top: 180px;
padding-bottom: 96px;
}
@media screen and (max-width: 1339px) {
.team-member-section {
padding-top: 140px;
padding-bottom: 48px;
}
}
@media screen and (max-width: 1024px) {
.team-member-section .columns {
display: flex;
flex-direction: column-reverse;
}
}
.team-member-section .breadcrumbs {
padding-bottom: 96px;
}
@media screen and (max-width: 1024px) {
.team-member-section .breadcrumbs {
padding-bottom: 32px;
}
}
.team-member-section .team-img {
border-radius: 16px;
max-height: 600px;
}
@media screen and (max-width: 1024px) {
.team-member-section .team-img {
max-height: 400px;
}
}
@media screen and (max-width: 768px) {
.team-member-section .team-img {
max-height: 600px;
}
}
.team-member-section .column {
flex-grow: 1;
}
.team-member-section .team-content-wrapper {
max-width: 870px;
}
.team-member-section .team-content-wrapper .heading-2 {
padding-bottom: 8px;
}
.team-member-section .team-content-wrapper .heading-5 {
color: #7e1c4e;
}
.team-member-section .team-content-wrapper .start-date {
color: #7e1c4e;
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
}
.team-member-section .team-content-wrapper .green-outline {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.team-member-section .team-content-wrapper .green-outline:hover svg path {
fill: #ffffff;
}
.team-member-section .team-content-wrapper .green-outline svg {
display: block;
margin-left: 4px;
height: 16px;
margin-top: 2px;
}
.team-member-section .team-content-wrapper .green-outline svg path {
transition: all 0.2s ease;
}
.block--newsletter .newsletter-wrapper {
max-width: 600px;
margin: 0 auto;
text-align: center;
}
.block--newsletter .newsletter-wrapper h3 {
margin: 0 auto;
}
.block--newsletter .newsletter-wrapper .copy p {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
margin: 0 auto;
}
.block--newsletter .newsletter-wrapper .fine-print {
font-size: 0.75rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.2;
padding-top: 16px;
}
.block--full-width-pattern-cta .cta-card {
background-size: cover;
background-repeat: repeat;
background-position: center bottom;
padding: 80px 48px;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
.block--full-width-pattern-cta .cta-card {
display: block;
}
}
@media screen and (max-width: 768px) {
.block--full-width-pattern-cta .cta-card {
padding: 48px 24px;
}
}
.block--full-width-pattern-cta .cta-card.green {
background-image: url(//centellahealthtech.com/wp-content/themes/Centella-Wordpress-Theme/assets/images/green-bg-pattern-100.png);
}
.block--full-width-pattern-cta .cta-card.green .subheading {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #d7ffec;
padding-bottom: 8px;
}
.block--full-width-pattern-cta .cta-card.green .heading-1 {
color: #ffffff;
}
.block--full-width-pattern-cta .cta-card.green .content {
color: #ffffff;
}
.block--full-width-pattern-cta .cta-card.purple {
background-image: url(//centellahealthtech.com/wp-content/themes/Centella-Wordpress-Theme/assets/images/purple-pattern-100.png);
}
.block--full-width-pattern-cta .cta-card.purple .subheading {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #ffffff;
padding-bottom: 8px;
}
.block--full-width-pattern-cta .cta-card.purple .heading-1 {
color: #5cb088;
}
.block--full-width-pattern-cta .cta-card.purple .content {
color: #ffffff;
}
.block--full-width-pattern-cta .cta-card .card-content {
max-width: 710px;
padding-right: 48px;
padding-top: 16px;
padding-bottom: 16px;
}
@media screen and (max-width: 1024px) {
.block--full-width-pattern-cta .cta-card .card-content {
padding-right: 0;
}
}
.block--full-width-pattern-cta .cta-card .content p {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
}
.block--full-width-pattern-cta .cta-card .links {
flex-wrap: nowrap;
}
@media screen and (max-width: 576px) {
.block--full-width-pattern-cta .cta-card .links {
flex-wrap: wrap;
}
}
.block--two-column-features {
background-image: url(//centellahealthtech.com/wp-content/themes/Centella-Wordpress-Theme/assets/images/purple-pattern.jpg);
background-size: initial;
background-repeat: repeat;
}
.block--two-column-features .cards-title-wrapper {
max-width: 50%;
padding-right: 2rem;
padding-bottom: 80px;
}
@media screen and (max-width: 1024px) {
.block--two-column-features .cards-title-wrapper {
max-width: 600px;
}
}
@media screen and (max-width: 768px) {
.block--two-column-features .cards-title-wrapper {
padding-right: 0;
max-width: none;
}
}
.block--two-column-features .cards-title-wrapper .subheading {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #d7ffec;
padding-bottom: 8px;
}
.block--two-column-features .cards-title-wrapper .content {
color: #ffffff;
}
.block--two-column-features .cards-title-wrapper .content p {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
}
.block--two-column-features .cards-title-wrapper .white {
margin-top: 32px;
}
@media screen and (max-width: 768px) {
.block--two-column-features .cards-title-wrapper .white {
margin-top: 24px;
}
}
.block--two-column-features .img-container {
height: 100%;
max-height: 700px;
position: relative;
}
.block--two-column-features .img-container .img-wrapper {
height: 100%;
max-height: 700px;
position: relative;
overflow: hidden;
border-radius: 64px 64px 500px 64px;
}
.block--two-column-features .img-container .img-wrapper img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.block--two-column-features .img-container svg {
position: absolute;
bottom: 0;
right: 0;
height: 200px;
width: auto;
}
@media screen and (max-width: 768px) {
.block--two-column-features .img-container svg {
height: 30vw;
}
}
.block--two-column-features .card-wrapper {
color: #ffffff;
padding-bottom: 32px;
padding-right: 16px;
}
.block--two-column-features .card-wrapper img {
margin-bottom: 16px;
height: 48px;
width: auto;
}
.block--two-column-features .card-wrapper h3 {
color: #5cb088;
}
.block--two-column-features .card-wrapper .arrow-right {
padding: 0;
color: #5cb088;
}
.block--two-column-features .card-wrapper .arrow-right svg path {
fill: #5cb088;
}
.block--contact-block .content-wrapper {
max-width: 710px;
}
@media screen and (max-width: 1024px) {
.block--contact-block .content-wrapper {
padding-bottom: 32px;
}
}
.contact-page {
padding-top: 180px;
}
@media screen and (max-width: 1339px) {
.contact-page {
padding-top: 120px;
}
}
.contact-page .content-wrapper .subheading {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #7e1c4e;
padding-bottom: 8px;
}
.contact-page .content-wrapper .contact-flex-wrapper {
display: flex;
}
.contact-page .content-wrapper .contact-flex-wrapper img {
height: 24px;
margin-right: 16px;
}
.contact-page .content-wrapper .contact-flex-wrapper .contact-items h4 {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
color: #7e1c4e;
padding-bottom: 0;
}
.contact-page .content-wrapper .contact-flex-wrapper .contact-items a,
.contact-page .content-wrapper .contact-flex-wrapper .contact-items p {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
margin-bottom: 20px;
display: block;
}
.contact-page .content-wrapper .contact-flex-wrapper .contact-items a {
border-bottom: 2px dotted #b1b4bb;
width: -moz-fit-content;
width: fit-content;
}
.form-wrapper .wpforms-container button[type=submit] {
background-color: #02463a !important;
padding: 12px 16px;
border-radius: 500px;
}
@media screen and (max-width: 768px) {
.form-wrapper .wpforms-container button[type=submit] {
width: 100%;
}
}
.form-wrapper .wpforms-container button[type=submit]:hover {
background-color: #02463a !important;
}
.block--logo-marquee h2 {
text-align: center;
}
.block--logo-marquee .marquee {
position: relative;
display: flex;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
gap: 16px;
z-index: 100;
padding: 24px 0;
}
.block--logo-marquee .marquee .marquee-items {
flex-shrink: 0;
display: flex;
gap: 16px;
animation: scroll 30s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
.block--logo-marquee .marquee .marquee-items {
animation-play-state: paused !important;
}
}
.block--logo-marquee .marquee .marquee-items .marquee-item {
padding: 8px 20px;
border-radius: 4px;
box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.06);
display: flex;
width: 14vw;
height: 4vw;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 1344px) {
.block--logo-marquee .marquee .marquee-items .marquee-item {
width: 148px;
height: 48px;
}
}
.block--logo-marquee .marquee .marquee-items .marquee-item img {
height: auto;
max-height: 100%;
width: auto;
}
@keyframes scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(calc(-100% - 16px));
}
}
.block--services .cards-title-wrapper {
padding-bottom: 48px;
}
@media screen and (min-width: 1025px) {
.block--services .cards-title-wrapper {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
}
@media screen and (max-width: 768px) {
.block--services .cards-title-wrapper {
padding-bottom: 32px;
}
}
.block--services .cards-title-wrapper .flex-title-wrapper {
padding-bottom: 16px;
max-width: 1080px;
}
@media screen and (min-width: 1025px) {
.block--services .cards-title-wrapper .flex-title-wrapper {
padding-right: 32px;
}
}
.block--services .cards-title-wrapper .subheading {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #7e1c4e;
padding-bottom: 8px;
}
.block--services .cards-title-wrapper .content p {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
}
@media screen and (min-width: 1025px) {
.block--services .cards-title-wrapper .links {
flex-wrap: nowrap;
}
}
.block--services .card-wrapper {
padding: 0 0 24px 0;
}
.block--services .card-wrapper img {
max-height: 48px;
margin-bottom: 16px;
}
.block--services .card-wrapper .links {
margin: 0;
}
.block--history-carousel {
overflow: hidden;
}
.block--history-carousel .container {
padding-right: 0;
}
.block--history-carousel .title-wrapper {
padding-bottom: 80px;
display: flex;
align-items: flex-end;
justify-content: center;
gap: 80px;
max-width: 1500px;
margin: 0 auto;
text-align: center;
}
@media screen and (max-width: 1024px) {
.block--history-carousel .title-wrapper {
display: block;
}
}
@media screen and (max-width: 1549px) {
.block--history-carousel .title-wrapper {
padding-right: 6vw;
}
}
@media screen and (max-width: 768px) {
.block--history-carousel .title-wrapper {
padding-bottom: 48px;
}
}
.block--history-carousel .title-wrapper.has-copy {
text-align: left;
justify-content: space-between;
}
.block--history-carousel .title-wrapper h2 {
padding-bottom: 0;
}
@media screen and (max-width: 1024px) {
.block--history-carousel .title-wrapper h2 {
padding-bottom: 16px;
}
}
.block--history-carousel .title-wrapper .subheading {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #7e1c4e;
padding-bottom: 8px;
}
.block--history-carousel .title-wrapper .content {
width: 50%;
}
@media screen and (max-width: 1024px) {
.block--history-carousel .title-wrapper .content {
width: 100%;
}
}
.block--history-carousel .title-wrapper .content p {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
}
.block--history-carousel .history-carousel {
position: relative;
padding-bottom: 120px;
}
.block--history-carousel .history-carousel .splide__track {
overflow: visible;
}
.block--history-carousel .history-carousel .splide__slide {
padding-right: 30px;
}
.block--history-carousel .history-carousel .splide__slide:last-child .history-line {
display: none;
}
.block--history-carousel .history-carousel .splide__slide .history-line {
width: 100%;
height: 8px;
background-color: #7e1c4e;
z-index: 1;
top: 200px;
left: 0;
position: absolute;
}
@media screen and (max-width: 768px) {
.block--history-carousel .history-carousel .splide__slide .history-line {
top: 160px;
}
}
.block--history-carousel .history-carousel .splide__slide .history-card {
border-radius: 8px;
border: 1px solid #5a8e89;
background-color: #f8f9f9;
padding: 32px;
position: relative;
z-index: 100;
}
.block--history-carousel .history-carousel .splide__slide .history-card h4 {
font-size: 4rem;
padding-bottom: 24px;
font-weight: 700;
}
.block--history-carousel .history-carousel .splide__slide .history-card .content p {
font-size: 1.5rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.4;
}
.block--history-carousel .history-carousel .splide__arrows {
position: absolute;
display: flex;
justify-content: flex-end;
bottom: 0;
width: 1500px;
gap: 16px;
}
@media screen and (max-width: 1549px) {
.block--history-carousel .history-carousel .splide__arrows {
right: 6vw;
max-width: 1500px;
}
}
.block--history-carousel .history-carousel .splide__arrows .splide__arrow {
top: auto;
position: relative;
left: auto;
right: auto;
border: 1px solid #02463a;
background-color: transparent;
opacity: 1;
height: 60px;
width: 60px;
}
.block--history-carousel .history-carousel .splide__arrows .splide__arrow:hover {
background-color: #f8f9f9;
}
.block--history-carousel .history-carousel .splide__arrows .splide__arrow:disabled {
opacity: 0.4;
cursor: initial;
}
.block--history-carousel .history-carousel .splide__arrows .splide__arrow svg {
height: 32px;
width: auto;
}
.customer-support {
padding-top: 200px;
padding-bottom: 48px;
}
@media screen and (max-width: 1339px) {
.customer-support {
padding-top: 160px;
}
}
@media screen and (max-width: 768px) {
.customer-support {
padding-bottom: 24px;
}
}
.customer-support .title-wrapper {
margin: 0 auto;
padding-bottom: 80px;
text-align: center;
max-width: 870px;
}
@media screen and (max-width: 768px) {
.customer-support .title-wrapper {
padding-bottom: 48px;
}
}
.customer-support .title-wrapper .subheading {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #7e1c4e;
padding-bottom: 8px;
}
.customer-support .title-wrapper .button {
display: flex;
align-items: center;
margin: 0 auto;
}
.customer-support .title-wrapper .button svg {
display: block;
margin-left: 6px;
}
.customer-support .support-wrapper {
padding-bottom: 24px;
}
.customer-support .support-wrapper h3 {
color: #101921;
padding-bottom: 24px;
}
.customer-support .support-wrapper img {
height: 24px;
margin-bottom: 24px;
}
.customer-support .support-wrapper .contact-items h4 {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
color: #7e1c4e;
padding-bottom: 0;
}
.customer-support .support-wrapper .contact-items a,
.customer-support .support-wrapper .contact-items p {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
margin-bottom: 20px;
display: block;
}
.customer-support .support-wrapper .contact-items a {
text-decoration: underline;
}
.block--process-block {
background-image: url(//centellahealthtech.com/wp-content/themes/Centella-Wordpress-Theme/assets/images/purple-pattern.jpg);
background-size: initial;
background-repeat: repeat;
color: #ffffff;
}
.block--process-block .title-wrapper {
margin: 0 auto;
padding-bottom: 80px;
text-align: center;
max-width: 870px;
}
@media screen and (max-width: 768px) {
.block--process-block .title-wrapper {
padding-bottom: 48px;
}
}
.block--process-block .title-wrapper h2 {
color: #5cb088;
}
.block--process-block .title-wrapper .subheading {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #d7ffec;
padding-bottom: 8px;
}
.block--process-block .title-wrapper .button {
display: flex;
align-items: center;
margin: 0 auto;
}
.block--process-block .title-wrapper .button svg {
display: block;
margin-left: 6px;
}
.block--process-block .steps .step:nth-child(1n+2) {
padding-top: 80px;
}
@media screen and (min-width: 1025px) {
.block--process-block .steps .step:nth-child(odd) .columns {
flex-direction: row-reverse;
}
}
.block--process-block .steps .content-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.block--process-block .steps .content-wrapper .heading-5 {
color: #5cb088;
}
.block--process-block .steps .content-wrapper .content a {
color: #5cb088;
}
.block--process-block .steps .content-wrapper .arrow-right {
color: #5cb088;
padding: 0;
}
.block--process-block .steps .content-wrapper .arrow-right svg path {
fill: #5cb088;
}
.block--process-block .steps .cta-image {
height: 100%;
max-height: 100%;
}
.block--process-block .steps .cta-image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 16px;
min-height: 420px;
}
@media screen and (max-width: 1024px) {
.block--process-block .steps .cta-image img {
max-height: 400px;
min-height: 0;
}
}
.block--accordion-carousel {
background-color: #f8f9f9;
}
@media screen and (max-width: 1024px) {
.block--accordion-carousel .carousel-wrapper {
padding-bottom: 32px;
}
}
.block--accordion-carousel .title-wrapper {
padding-bottom: 80px;
}
@media screen and (max-width: 1024px) {
.block--accordion-carousel .title-wrapper {
padding-bottom: 48px;
}
}
.block--accordion-carousel .title-wrapper .subheading {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #7e1c4e;
padding-bottom: 8px;
}
.block--accordion-carousel .image-carousel .splide__pagination {
position: relative;
padding-top: 32px;
}
@media screen and (max-width: 1024px) {
.block--accordion-carousel .image-carousel .splide__pagination {
padding-top: 24px;
}
}
.block--accordion-carousel .image-carousel .splide__pagination .splide__pagination__page {
background: #5cb088;
margin: 3px 4px;
height: 8px;
width: 8px;
}
.block--accordion-carousel .image-carousel .splide__pagination .splide__pagination__page.is-active {
background: #cc2620;
transform: scale(1.5);
}
.block--accordion-carousel .image-carousel .splide__slide {
opacity: 0;
transition: opacity 1s ease !important;
}
.block--accordion-carousel .image-carousel .splide__slide.is-active {
opacity: 1;
}
.block--accordion-carousel .image-carousel .splide__slide img {
height: 400px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 16px;
}
.representatives-archive {
padding-top: 180px;
}
@media screen and (max-width: 1339px) {
.representatives-archive {
padding-top: 120px;
}
}
.representatives-archive .filter-wrapper p {
padding-bottom: 8px;
}
.representatives-archive .filter-wrapper .facetwp-facet {
margin-bottom: 0;
padding-bottom: 32px;
}
.representatives-archive .filter-wrapper .facetwp-facet .facetwp-input-wrap {
display: flex;
width: 100%;
}
.representatives-archive .filter-wrapper .facetwp-facet .facetwp-input-wrap input {
padding: 8px 12px;
width: 100%;
min-width: 0;
}
.representatives-archive .filter-wrapper .facetwp-facet.facetwp-type-dropdown {
position: relative;
}
.representatives-archive .filter-wrapper .facetwp-facet.facetwp-type-dropdown:after {
content: url(//centellahealthtech.com/wp-content/themes/Centella-Wordpress-Theme/assets/images/svgs/caret-down.svg);
height: 12px;
width: 12px;
position: absolute;
right: 12px;
top: 5px;
z-index: 1;
}
.representatives-archive .filter-wrapper .facetwp-facet.facetwp-type-dropdown .facetwp-dropdown {
padding: 8px 12px;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
z-index: 2;
background-color: transparent;
}
.representatives-archive .title-wrapper {
max-width: 870px;
}
.representatives-archive .title-wrapper .subheading {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #7e1c4e;
padding-bottom: 8px;
}
.representatives-archive .post-card {
margin-bottom: 32px;
}
.representatives-archive .post-card a {
height: 100%;
}
.representatives-archive .post-card article {
border: 1px solid #5cb088;
border-radius: 8px;
overflow: hidden;
height: 100%;
}
.representatives-archive .post-card .img-wrapper {
aspect-ratio: 10/9;
background-color: #5a8e89;
display: flex;
}
.representatives-archive .post-card .img-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.representatives-archive .post-card .content-wrapper {
padding: 24px;
}
.representatives-archive .post-card .content-wrapper h2 {
padding-bottom: 8px;
}
.representatives-archive .post-card .content-wrapper .flex-wrapper {
display: flex;
flex-wrap: wrap;
}
.representatives-archive .post-card .content-wrapper .flex-wrapper p {
padding-bottom: 8px;
margin-right: 4px;
}
.representatives-archive .post-card .content-wrapper .contact-info {
padding-top: 8px;
}
.representatives-archive .post-card .content-wrapper .contact-info a {
display: flex;
align-items: center;
margin-bottom: 12px;
}
.representatives-archive .post-card .content-wrapper .contact-info a:hover {
opacity: 0.8;
}
.representatives-archive .post-card .content-wrapper .contact-info a svg {
margin-right: 4px;
}
.representatives-archive .post-card .content-wrapper .contact-info a:last-child {
margin-bottom: 0;
}
.block--glassdoor-reviews .glassdoor-wrapper {
text-align: center;
}
.block--glassdoor-reviews .glassdoor-wrapper .button {
margin: 32px auto 0 auto;
display: flex;
align-items: center;
}
.block--glassdoor-reviews .glassdoor-wrapper .button svg {
display: block;
margin-left: 4px;
transition: all 0.2s ease;
height: 17px;
}
@media screen and (max-width: 1339px) {
html.is-clipped-overflow {
overflow: hidden;
}
}
.site-header {
background-color: transparent;
position: absolute;
width: 100%;
z-index: 999;
position: sticky;
top: -58px;
}
@media screen and (max-width: 1339px) {
.site-header {
top: 0;
position: fixed;
}
}
.site-header .secondary-nav-container {
background-color: #f8f9f9;
}
.site-header .secondary-nav {
display: flex;
align-items: center;
justify-content: flex-end;
max-width: 1548px;
margin-left: auto;
padding: 8px 24px;
width: -moz-fit-content;
width: fit-content;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 1339px) {
.site-header .secondary-nav {
display: none;
}
}
.site-header .secondary-nav .secondary-nav-links {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.site-header .secondary-nav .secondary-nav-links a {
padding: 12px 16px;
margin: 0;
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1;
transition: all 0.2s ease;
}
.site-header .secondary-nav .secondary-nav-links a:hover {
color: #5a8e89;
}
.site-header .secondary-nav .secondary {
margin: 0 8px 0 0;
}
.site-header .secondary-nav .menu-search-toggle {
display: flex;
align-items: center;
padding: 8px 24px;
border-radius: 500px;
border: 1px solid #7e1c4e;
color: #101921;
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
cursor: pointer;
margin-left: 4px;
background-color: transparent;
}
.site-header .secondary-nav .menu-search-toggle svg {
margin-right: 8px;
}
.site-header .secondary-nav .menu-search-toggle:hover {
background-color: #5c0e36;
color: #ffffff;
}
.site-header .secondary-nav .menu-search-toggle:hover svg path {
fill: #ffffff;
}
.site-header .secondary-nav .search-wrapper {
position: absolute;
background-color: #f8f9f9;
width: 100%;
height: 100%;
display: flex;
align-items: center;
left: 0;
top: 0;
z-index: 999;
overflow: hidden;
transform: translateX(calc(100% + 32px));
transition: transform 0.2s ease;
}
.site-header .secondary-nav .search-wrapper.is-active {
padding-right: 24px;
transform: none;
}
.site-header .secondary-nav .search-wrapper .search-container {
border: 1px solid #7e1c4e;
border-radius: 50px;
display: flex;
align-items: center;
width: 100%;
padding: 8px;
}
.site-header .secondary-nav .search-wrapper button {
border: none;
background-color: transparent;
display: flex;
align-items: center;
height: 100%;
cursor: pointer;
}
.site-header .secondary-nav .search-wrapper #search-form {
flex-grow: 1;
display: flex;
align-items: center;
}
.site-header .secondary-nav .search-wrapper #search-form input {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
flex-grow: 1;
border: none;
outline: none;
background-color: transparent;
}
.site-header .secondary-nav .search-wrapper .search-close {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.site-header .primary-nav-wrapper {
padding-top: 24px;
padding-right: 24px;
padding-left: 24px;
}
@media screen and (max-width: 1339px) {
.site-header .primary-nav-wrapper {
padding-right: 0;
padding-left: 0;
}
.site-header .primary-nav-wrapper.is-active {
background-color: #02463a;
height: 100vh;
}
.site-header .primary-nav-wrapper.is-active .navbar-menu {
overflow: auto;
max-height: calc(100vh - 128px);
}
}
.site-header .primary-nav-wrapper .primary-nav {
background-color: transparent;
}
@media screen and (min-width: 1340px) {
.site-header .primary-nav-wrapper .primary-nav {
background-color: #ffffff;
max-width: 1548px;
margin: 0 auto;
border-radius: 8px;
box-shadow: 0px 4px 40px -2px rgba(0, 0, 0, 0.05), 0px 2px 20px -2px rgba(0, 0, 0, 0.01);
border: 1px solid #e4e5e8;
}
}
@media screen and (max-width: 1339px) {
.site-header .primary-nav-wrapper .primary-nav .navbar-brand {
background-color: #ffffff;
max-width: 1548px;
margin: 0 auto;
border-radius: 8px;
box-shadow: 0px 4px 40px -2px rgba(0, 0, 0, 0.05), 0px 2px 20px -2px rgba(0, 0, 0, 0.01);
margin: 0 24px 24px 24px;
}
}
.site-header .primary-nav-wrapper .primary-nav .navbar-burger {
height: auto;
background-color: transparent;
}
.site-header .primary-nav-wrapper .primary-nav .navbar-burger span {
height: 2px;
}
@media screen and (max-width: 1339px) {
.site-header .primary-nav-wrapper .primary-nav .navbar-menu {
background-color: #02463a;
box-shadow: none;
}
}
@media screen and (min-width: 1340px) {
.site-header .primary-nav-wrapper .primary-nav .navbar-menu .mobile-link {
display: none;
}
}
.site-header .primary-nav-wrapper .primary-nav .navbar-menu .search-and-cta {
padding: 0 24px;
}
.site-header .primary-nav-wrapper .primary-nav .navbar-menu .search-and-cta .search-container {
border: 1px solid #7e1c4e;
background-color: #ffffff;
border-radius: 50px;
display: flex;
align-items: center;
width: 100%;
padding: 8px;
margin-bottom: 32px;
margin-top: 16px;
}
@media screen and (max-width: 576px) {
.site-header .primary-nav-wrapper .primary-nav .navbar-menu .search-and-cta .search-container {
margin-top: 8px;
margin-bottom: 24px;
}
}
.site-header .primary-nav-wrapper .primary-nav .navbar-menu .search-and-cta button {
border: none;
background-color: transparent;
display: flex;
align-items: center;
height: 100%;
cursor: pointer;
}
.site-header .primary-nav-wrapper .primary-nav .navbar-menu .search-and-cta .search-form {
flex-grow: 1;
display: flex;
align-items: center;
}
.site-header .primary-nav-wrapper .primary-nav .navbar-menu .search-and-cta .search-form input {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
flex-grow: 1;
border: none;
outline: none;
background-color: transparent;
}
.site-header .primary-nav-wrapper .primary-nav .navbar-menu .search-and-cta .cta-and-social {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.site-header .primary-nav-wrapper .primary-nav .navbar-menu .search-and-cta .cta-and-social .button {
margin: 0;
margin-right: 12px;
margin-bottom: 12px;
}
.site-header .primary-nav-wrapper .primary-nav .navbar-menu .search-and-cta .cta-and-social .social-links ul {
display: flex;
align-items: center;
gap: 8px;
}
@media screen and (min-width: 769px) {
.site-header .primary-nav-wrapper .primary-nav .navbar-menu .search-and-cta .cta-and-social .social-links ul a:hover {
opacity: 0.8;
}
}
.site-header .primary-nav-wrapper .primary-nav .navbar-logo {
padding: 8px 24px;
}
@media screen and (max-width: 1339px) {
.site-header .primary-nav-wrapper .primary-nav .navbar-logo {
padding: 16px 20px;
}
}
.site-header .primary-nav-wrapper .primary-nav .navbar-logo svg {
height: 60px;
width: auto;
}
@media screen and (max-width: 1339px) {
.site-header .primary-nav-wrapper .primary-nav .navbar-logo svg {
height: 48px;
}
}
@media screen and (max-width: 439px) {
.site-header .primary-nav-wrapper .primary-nav .navbar-logo svg {
height: 40px;
}
}
.site-header .primary-nav-wrapper .primary-nav .menu {
display: flex;
align-items: center;
height: 100%;
padding: 0 16px;
}
@media screen and (max-width: 1339px) {
.site-header .primary-nav-wrapper .primary-nav .menu {
display: block;
padding: 0;
}
}
.site-header .primary-nav-wrapper .primary-nav .menu li {
height: 100%;
}
.site-header .primary-nav-wrapper .primary-nav .menu a,
.site-header .primary-nav-wrapper .primary-nav .menu button {
display: block;
padding: 8px 12px;
background-color: transparent;
border: none;
height: 100%;
display: flex;
align-items: center;
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
color: #101921;
cursor: pointer;
text-align: left;
}
@media screen and (max-width: 1339px) {
.site-header .primary-nav-wrapper .primary-nav .menu a,
.site-header .primary-nav-wrapper .primary-nav .menu button {
padding: 16px 24px;
border-top: 1px solid #e1e4ed;
width: 100%;
justify-content: space-between;
color: #ffffff;
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
}
}
.site-header .primary-nav-wrapper .primary-nav .menu .additional-link {
position: relative;
}
@media screen and (min-width: 1340px) {
.site-header .primary-nav-wrapper .primary-nav .menu .additional-link::before {
content: " ";
z-index: -1;
position: absolute;
width: 100%;
height: 50%;
top: 25%;
left: 0;
border-radius: 8px;
background-color: #02463a;
opacity: 0;
transition: all 0.2s ease;
}
.site-header .primary-nav-wrapper .primary-nav .menu .additional-link:hover a {
color: #ffffff;
}
.site-header .primary-nav-wrapper .primary-nav .menu .additional-link:hover::before {
opacity: 1;
}
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children {
position: relative;
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children > button {
display: flex;
align-items: center;
position: relative;
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children > button::before {
content: " ";
z-index: -1;
position: absolute;
width: 100%;
height: 50%;
top: 25%;
left: 0;
border-radius: 8px;
background-color: #02463a;
opacity: 0;
transition: all 0.2s ease;
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children > button::after {
content: " ";
display: block;
border-color: #101921;
color: #101921;
border: 1px solid;
border-right: 0;
border-top: 0;
width: 0.5em;
height: 0.5em;
transform: rotate(-45deg);
transform-origin: center;
transition: all 0.2s ease;
background-color: transparent;
position: relative;
margin-left: 8px;
margin-top: -3px;
}
@media screen and (min-width: 1340px) {
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children:hover button {
color: #ffffff;
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children:hover button::before {
opacity: 1;
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children:hover button::after {
transform: rotate(135deg);
margin-top: 0;
margin-bottom: -3px;
color: #ffffff;
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children:hover .sub-menu {
max-height: none;
overflow: hidden;
opacity: 1;
padding-top: 8px;
box-shadow: 0px 20px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 8px -4px rgba(0, 0, 0, 0.03);
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu:focus-within {
max-height: none;
overflow: hidden;
opacity: 1;
padding-top: 8px;
box-shadow: 0px 20px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 8px -4px rgba(0, 0, 0, 0.03);
}
}
@media screen and (max-width: 1339px) {
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children > button::after {
border-color: #ffffff;
color: #ffffff;
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children > button.is-active {
background-color: #5a8e89;
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children > button.is-active::after {
transform: rotate(135deg);
margin-top: 0;
margin-bottom: -3px;
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu.is-open,
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu:focus-within {
max-height: none;
overflow: auto;
transform: translateY(0);
padding: 20px 24px;
}
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu {
min-width: 300px;
max-height: 0;
overflow: hidden;
position: absolute;
opacity: 0;
transition: all 0.3s ease;
background-color: transparent;
transform: translateX(-32px);
}
@media screen and (max-width: 1339px) {
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu {
position: relative;
opacity: 1;
transform: translateY(-12px);
padding: 0 24px;
}
}
@media screen and (min-width: 1340px) {
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu.sales-and-support {
transform: translate(-40%, 0);
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu .modalities-wrapper {
width: 480px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu .modalities-wrapper .sub-menu-heading {
width: 100%;
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu .modalities-wrapper li {
padding-right: 8px;
width: 50%;
display: block;
height: auto;
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu .modalities-wrapper li a {
height: auto;
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu .sub-menu-wrapper {
background-color: #ffffff;
border-radius: 8px;
padding: 36px 48px;
}
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu .sub-menu-heading {
padding: 12px 0;
}
@media screen and (max-width: 1339px) {
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu .sub-menu-heading {
display: none;
}
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu .sub-menu-heading h2 {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
border-bottom: 0.5px solid #5cb088;
white-space: nowrap;
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu a {
display: block;
padding: 12px 0;
border-top: none;
}
@media screen and (max-width: 1339px) {
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu a {
padding: 6px 24px;
}
}
@media screen and (min-width: 1340px) {
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu a:hover {
color: #5a8e89;
}
}
@media screen and (max-width: 1339px) {
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu .product-search {
margin: 0;
}
}
@media screen and (min-width: 1340px) {
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu .product-search {
background-color: #7e1c4e;
padding: 12px 16px;
display: flex;
align-items: center;
white-space: nowrap;
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
font-weight: bold;
color: #ffffff;
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu .product-search svg {
display: block;
margin-left: 4px;
height: 17px;
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu .product-search svg path {
fill: #ffffff;
}
.site-header .primary-nav-wrapper .primary-nav .menu .menu-item-has-children .sub-menu .product-search:hover {
color: #ffffff;
background-color: #5c0e36;
border-color: #5c0e36;
}
}
.site-header .landing-page-header {
top: 0;
}
.site-header .landing-page-nav {
padding: 24px;
}
@media screen and (max-width: 1339px) {
.site-header .landing-page-nav {
padding: 3vw;
}
}
.site-header .landing-page-nav .nav-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #ffffff;
background-color: #ffffff;
max-width: 1548px;
padding: 0 24px 0 0;
margin: 0 auto;
border-radius: 8px;
box-shadow: 0px 4px 40px -2px rgba(0, 0, 0, 0.05), 0px 2px 20px -2px rgba(0, 0, 0, 0.01);
border: 1px solid #e4e5e8;
}
@media screen and (max-width: 576px) {
.site-header .landing-page-nav .nav-wrapper {
padding: 0 24px;
}
}
@media screen and (max-width: 389px) {
.site-header .landing-page-nav .nav-wrapper {
padding: 0 16px;
}
}
.site-header .landing-page-nav .nav-wrapper img {
height: 85px;
width: auto;
margin-right: 16px;
}
@media screen and (max-width: 576px) {
.site-header .landing-page-nav .nav-wrapper img {
height: 59px;
}
}
@media screen and (max-width: 576px) {
.site-header .landing-page-nav .nav-wrapper .desktop-logo {
display: none;
}
}
@media screen and (min-width: 577px) {
.site-header .landing-page-nav .nav-wrapper .mobile-logo {
display: none;
}
}
.site-header .landing-page-nav .nav-wrapper .button {
margin: 0;
}
.site-footer {
background-color: #355b57;
padding: 96px 0;
background-repeat: repeat;
background-size: auto 768px;
}
@media screen and (max-width: 768px) {
.site-footer {
padding: 48px 0;
background-size: auto 384px;
}
}
@media screen and (max-width: 1024px) {
.site-footer .footer-logos {
padding-bottom: 48px;
}
}
.site-footer .footer-logos .footer-logo {
max-height: 64px;
margin-bottom: 54px;
width: auto;
display: block;
}
@media screen and (max-width: 576px) {
.site-footer .footer-logos .footer-logo {
margin-right: auto;
margin-left: auto;
margin-bottom: 32px;
}
}
.site-footer .footer-logos .footer-sponsor-logo {
max-height: 88px;
width: auto;
display: block;
}
@media screen and (max-width: 576px) {
.site-footer .footer-logos .footer-sponsor-logo {
margin-right: auto;
margin-left: auto;
}
}
.site-footer .footer-links a {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.5;
color: #ffffff;
display: block;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 32px;
transition: all 0.2s ease;
}
.site-footer .footer-links a:hover {
color: #ced0d4;
}
.site-footer .social-links h3 {
color: #ffffff;
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
}
.site-footer .social-links li a {
display: flex;
align-items: center;
margin-bottom: 24px;
}
.site-footer .social-links li a:hover p {
color: #ced0d4;
}
.site-footer .social-links li a img {
height: 32px;
width: auto;
margin-right: 12px;
}
.site-footer .social-links li a p {
color: #ffffff;
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.5;
transition: all 0.2s ease;
}
@media screen and (max-width: 576px) {
.site-footer .second-column-links {
margin-top: -1.5rem;
}
}
.site-footer .footer-bottom {
padding-top: 80px;
}
@media screen and (max-width: 1024px) {
.site-footer .footer-bottom {
padding-top: 48px;
}
}
.site-footer .footer-bottom .employee-portal-link {
border-bottom: 1px solid #9adad4;
padding-bottom: 16px;
}
.site-footer .footer-bottom .employee-portal-link a {
display: flex;
align-items: center;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
font-size: 0.875rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1;
color: #ffffff;
transition: all 0.2s ease;
}
.site-footer .footer-bottom .employee-portal-link a svg {
margin-left: 4px;
transition: all 0.2s ease;
}
.site-footer .footer-bottom .employee-portal-link a:hover {
color: #ced0d4;
}
.site-footer .footer-bottom .employee-portal-link a:hover svg path {
fill: #ced0d4;
}
.site-footer .footer-bottom .copyright-wrapper {
display: flex;
justify-content: space-between;
padding: 16px 0;
color: #ffffff;
}
@media screen and (max-width: 768px) {
.site-footer .footer-bottom .copyright-wrapper {
display: block;
}
}
.site-footer .footer-bottom .copyright-wrapper .copyright p {
font-size: 0.875rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.2;
}
.site-footer .footer-bottom .copyright-wrapper .term-links {
display: flex;
align-items: center;
}
@media screen and (max-width: 768px) {
.site-footer .footer-bottom .copyright-wrapper .term-links {
padding-top: 64px;
}
}
.site-footer .footer-bottom .copyright-wrapper .term-links a {
margin-right: 16px;
transition: all 0.2s ease;
font-size: 0.875rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1;
}
.site-footer .footer-bottom .copyright-wrapper .term-links a:hover {
color: #ced0d4;
}
.landing-page-footer {
padding-bottom: 48px;
padding-top: 48px;
}
.landing-page-footer .footer-logos {
display: flex;
justify-content: center;
align-items: center;
-moz-column-gap: 48px;
column-gap: 48px;
margin-bottom: 0;
padding-bottom: 0;
}
@media screen and (max-width: 768px) {
.landing-page-footer .footer-logos {
flex-direction: column;
padding-bottom: 24px;
}
}
@media screen and (min-width: 769px) {
.landing-page-footer .footer-logos .footer-logo {
margin-bottom: 0;
}
}
.landing-page-footer .social-links {
text-align: center;
padding-top: 32px;
}
.landing-page-footer .social-links ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.landing-page-footer .social-links ul li {
padding-left: 16px;
padding-right: 16px;
width: 25%;
width: -moz-fit-content;
width: fit-content;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
.landing-page-footer .social-links ul li {
width: 33%;
padding-left: 8px;
padding-right: 8px;
max-width: none;
}
}
@media screen and (max-width: 576px) {
.landing-page-footer .social-links ul li {
display: block;
width: 50%;
}
}
.landing-page-footer .footer-bottom {
padding-top: 48px;
text-align: center;
}
.landing-page-footer .footer-bottom .copyright-wrapper {
display: block;
}
.landing-page-footer .footer-bottom .copyright-wrapper .term-links {
justify-content: center;
padding-top: 24px;
flex-wrap: wrap;
}
@media screen and (max-width: 399px) {
.landing-page-footer .footer-bottom .copyright-wrapper .term-links {
display: block;
}
.landing-page-footer .footer-bottom .copyright-wrapper .term-links a {
display: block;
margin-bottom: 12px;
}
.landing-page-footer .footer-bottom .copyright-wrapper .term-links a:last-child {
margin-bottom: 0;
}
}
.search-results-section {
padding-top: 180px;
}
@media screen and (max-width: 1339px) {
.search-results-section {
padding-top: 140px;
}
}
.search-results-section .results,
.search-results-section .no-results {
max-width: 870px;
margin: 0 auto;
}
.search-results-section .results .page-title-wrapper,
.search-results-section .no-results .page-title-wrapper {
padding-bottom: 80px;
}
.search-results-section .results article,
.search-results-section .no-results article {
padding-bottom: 96px;
}
.search-results-section .results article:last-of-type,
.search-results-section .no-results article:last-of-type {
padding-bottom: 48px;
}
@media screen and (max-width: 768px) {
.search-results-section .results article,
.search-results-section .no-results article {
padding-bottom: 72px;
}
}
.search-results-section .results .search-wrapper,
.search-results-section .no-results .search-wrapper {
padding-bottom: 80px;
}
.search-results-section .results .search-wrapper .search-form,
.search-results-section .no-results .search-wrapper .search-form {
border: 1px solid #b1b4bb;
display: flex;
align-items: center;
width: 100%;
padding: 8px;
border-radius: 4px;
}
.search-results-section .results .search-wrapper .search-form button,
.search-results-section .no-results .search-wrapper .search-form button {
border: none;
background-color: transparent;
display: flex;
align-items: center;
height: 100%;
cursor: pointer;
}
.search-results-section .results .search-wrapper .search-form button svg path,
.search-results-section .no-results .search-wrapper .search-form button svg path {
fill: #b1b4bb;
}
.search-results-section .results .search-wrapper .search-form input,
.search-results-section .no-results .search-wrapper .search-form input {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
flex-grow: 1;
border: none;
outline: none;
background-color: transparent;
}
.search-results-section h2 {
color: #7e1c4e;
}
.search-results-section .flex-wrapper {
display: flex;
align-items: center;
gap: 16px;
padding-bottom: 16px;
}
.search-results-section .flex-wrapper .label {
font-size: 0.875rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.2;
border: 1px solid #5cb088;
border-radius: 3px;
width: -moz-fit-content;
width: fit-content;
padding: 8px;
}
.search-results-section .flex-wrapper .entry-meta {
font-size: 0.875rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.2;
}
.search-results-section .arrow-right {
padding: 0;
margin-top: 24px;
color: #5a8e89;
}
.search-results-section .arrow-right svg path {
fill: #5a8e89;
}
.no-results .page-title {
padding-bottom: 16px;
}
.no-results .nothing-found-content {
padding-bottom: 40px;
}
.error-404 {
min-height: 700px;
display: flex;
align-items: center;
padding-top: 180px;
padding-bottom: 140px;
}
@media screen and (max-width: 1339px) {
.error-404 {
padding-top: 120px;
padding-bottom: 80px;
}
}
.error-404 .error-text {
font-size: 20vw;
padding-bottom: 0;
line-height: 1.2;
background-image: url(//centellahealthtech.com/wp-content/themes/Centella-Wordpress-Theme/assets/images/mulberry-pattern.jpg);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-family: omnes-semicond, sans-serif;
}
@media screen and (max-width: 1024px) {
.error-404 .error-text {
font-size: 20rem;
}
}
@media screen and (max-width: 768px) {
.error-404 .error-text {
font-size: 40vw;
}
}
@media screen and (max-width: 576px) {
.error-404 .error-text {
font-size: 45vw;
}
}
.error-404 h1 {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 700;
font-style: normal;
line-height: 1.5;
padding-bottom: 24px;
text-align: center;
}
@media screen and (max-width: 576px) {
.error-404 h1 {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 700;
font-style: normal;
line-height: 1.5;
}
}
.error-404 a {
margin: 0 auto;
}
.single-post-section {
padding-top: 180px;
}
@media screen and (max-width: 1339px) {
.single-post-section {
padding-top: 120px;
}
}
.single-post-section .entry-meta {
display: flex;
flex-wrap: wrap;
gap: 4px;
align-items: center;
padding-bottom: 24px;
max-width: 870px;
margin: 0 auto;
}
.single-post-section .entry-meta a {
color: #02463a;
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1;
}
.single-post-section .entry-meta .category:nth-child(2) {
padding-left: 2px;
}
.single-post-section .entry-meta .category:nth-child(2) span {
display: none;
}
.single-post-section .entry-meta .category span {
padding: 0 4px;
}
.single-post-section .entry-title {
max-width: 870px;
margin: 0 auto;
padding-bottom: 80px;
color: #7e1c4e;
}
@media screen and (max-width: 768px) {
.single-post-section .entry-title {
padding-bottom: 48px;
}
}
.single-post-section .featured-image {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
max-height: 30vw;
margin-bottom: 80px;
border-radius: 16px;
}
@media screen and (max-width: 1024px) {
.single-post-section .featured-image {
max-height: 400px;
}
}
.single-post-section .content {
max-width: 870px;
margin: 0 auto;
}
.single-post-section .content h1,
.single-post-section .content h2,
.single-post-section .content h3,
.single-post-section .content h4,
.single-post-section .content h5,
.single-post-section .content h6 {
color: #7e1c4e;
}
.single-post-section .post-footer {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 48px;
padding-top: 32px;
border-top: solid 1px #ced0d4;
width: 100%;
max-width: 870px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.single-post-section .post-footer {
margin-top: 16px;
}
}
.single-post-section .post-footer .tags {
display: flex;
align-items: center;
margin-left: auto;
gap: 8px;
}
.single-post-section .post-footer .tags .tag {
padding: 8px;
font-size: 0.875rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.2;
border: 1px solid #b1b4bb;
border-radius: 3;
}
.posts-archive-section {
padding-top: 96px;
}
@media screen and (max-width: 768px) {
.posts-archive-section {
padding-top: 48px;
}
}
.posts-page,
.block--post-preview {
padding-bottom: 48px;
}
@media screen and (max-width: 768px) {
.posts-page,
.block--post-preview {
padding-bottom: 24px;
}
}
.posts-page .arrow-right,
.block--post-preview .arrow-right {
padding: 0;
margin-top: 24px;
color: #5a8e89;
}
.posts-page .arrow-right svg path,
.block--post-preview .arrow-right svg path {
fill: #5a8e89;
}
.posts-page .entry-meta,
.block--post-preview .entry-meta {
display: flex;
gap: 16px;
align-items: center;
padding-bottom: 16px;
flex-wrap: wrap;
}
.posts-page .entry-meta p,
.block--post-preview .entry-meta p {
font-size: 0.875rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.2;
}
.posts-page .entry-meta .labels,
.block--post-preview .entry-meta .labels {
display: flex;
gap: 8px;
}
.posts-page .entry-meta .labels .label,
.block--post-preview .entry-meta .labels .label {
font-size: 0.875rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1.2;
border: 1px solid #5cb088;
border-radius: 3px;
width: -moz-fit-content;
width: fit-content;
padding: 8px;
}
.posts-page .featured-post,
.block--post-preview .featured-post {
padding-top: 96px;
}
@media screen and (max-width: 768px) {
.posts-page .featured-post,
.block--post-preview .featured-post {
padding-top: 48px;
}
}
.posts-page .featured-post img,
.block--post-preview .featured-post img {
height: auto;
width: 100%;
aspect-ratio: 7/4;
border-radius: 8px;
-o-object-fit: cover;
object-fit: cover;
}
.posts-page .featured-post .content-wrapper,
.block--post-preview .featured-post .content-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.posts-page .post-card,
.block--post-preview .post-card {
margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
.posts-page .post-card,
.block--post-preview .post-card {
margin-bottom: 32px;
}
}
.posts-page .post-card a,
.block--post-preview .post-card a {
height: 100%;
}
.posts-page .post-card article,
.block--post-preview .post-card article {
padding-bottom: 32px;
border: 1px solid #5cb088;
border-radius: 8px;
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 576px) {
.posts-page .post-card article,
.block--post-preview .post-card article {
padding-bottom: 24px;
}
}
.posts-page .post-card .img-wrapper,
.block--post-preview .post-card .img-wrapper {
aspect-ratio: 16/9;
background-color: #5a8e89;
display: flex;
overflow: hidden;
}
.posts-page .post-card .img-wrapper img,
.block--post-preview .post-card .img-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.posts-page .post-card .entry-meta,
.block--post-preview .post-card .entry-meta {
padding-top: 32px;
}
@media screen and (max-width: 576px) {
.posts-page .post-card .entry-meta,
.block--post-preview .post-card .entry-meta {
padding-top: 24px;
}
}
.posts-page .post-card .content-wrapper,
.block--post-preview .post-card .content-wrapper {
padding-right: 32px;
padding-left: 32px;
}
@media screen and (max-width: 576px) {
.posts-page .post-card .content-wrapper,
.block--post-preview .post-card .content-wrapper {
padding-right: 24px;
padding-left: 24px;
}
}
.posts-page .post-card .excerpt-and-button,
.block--post-preview .post-card .excerpt-and-button {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.posts-page .category-links,
.block--post-preview .category-links {
display: flex;
align-items: center;
flex-wrap: wrap;
padding-bottom: 48px;
}
@media screen and (max-width: 768px) {
.posts-page .category-links,
.block--post-preview .category-links {
padding-bottom: 32px;
}
}
.posts-page .category-links .button,
.block--post-preview .category-links .button {
background-color: transparent;
color: #101921;
border: none;
margin-right: 4px;
}
.posts-page .category-links .button.is-active,
.block--post-preview .category-links .button.is-active {
background-color: #7e1c4e;
color: #ffffff;
}
.block--post-preview {
padding: 96px 0;
margin: 48px 0;
background-color: #f8f9f9;
}
@media screen and (max-width: 768px) {
.block--post-preview {
padding: 48px 0;
margin: 24px 0;
}
}
.block--post-preview .cards-title-wrapper {
padding-bottom: 48px;
text-align: center;
margin: 0 auto;
max-width: 870px;
}
@media screen and (max-width: 768px) {
.block--post-preview .cards-title-wrapper {
padding-bottom: 32px;
}
}
.block--post-preview .cards-title-wrapper .subheading {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #7e1c4e;
padding-bottom: 8px;
}
.block--post-preview .cards-title-wrapper .content {
max-width: 600px;
margin: 0 auto;
}
.block--post-preview .cards-title-wrapper .content p {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
}
.block--post-preview a {
margin: 0 auto;
}
.specialty-archive .specialties {
padding-top: 96px;
padding-bottom: 64px;
}
@media screen and (max-width: 768px) {
.specialty-archive .specialties {
padding-top: 48px;
padding-bottom: 24px;
}
}
.specialty-modalities-select .title-wrapper {
max-width: 870px;
}
.specialty-modalities-select .title-wrapper .subheading {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #7e1c4e;
padding-bottom: 8px;
}
.specialty-modalities-select .title-wrapper .content p {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
}
.specialty-modalities-select .modalities-tags {
display: flex;
flex-wrap: wrap;
gap: 4px;
padding-top: 24px;
}
.specialty-modalities-select .modalities-tags img {
height: 32px;
width: auto;
margin-bottom: 8px;
}
.specialty-modalities-select .modalities-tags a {
padding: 16px;
min-height: 100%;
border: 1px solid #5a8e89;
border-radius: 3px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 184px;
text-align: center;
transition: all 0.2s ease;
}
@media screen and (max-width: 576px) {
.specialty-modalities-select .modalities-tags a {
width: 160px;
flex-grow: 1;
}
}
@media screen and (min-width: 769px) {
.specialty-modalities-select .modalities-tags a:hover {
background-color: #f8f9f9;
}
}
.specialty-modalities-select .modalities-tags a p {
font-size: 0.75rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.2;
}
.specialty-card {
margin-bottom: 32px;
}
.specialty-card article {
border: 1px solid #5cb088;
border-radius: 8px;
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
}
.specialty-card .img-wrapper {
aspect-ratio: 16/9;
background-color: #5a8e89;
display: flex;
overflow: hidden;
}
.specialty-card .img-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.specialty-card .content-wrapper {
padding: 24px;
}
.specialty-card .content-wrapper p {
padding-bottom: 32px;
}
.specialty-card .button {
margin: 0;
}
.product-archive .modalities-select {
padding-top: 96px;
}
@media screen and (max-width: 768px) {
.product-archive .modalities-select {
padding-top: 48px;
}
}
.product-archive .title-wrapper {
max-width: 870px;
padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
.product-archive .title-wrapper {
padding-bottom: 48px;
}
}
.product-archive .title-wrapper .subheading {
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
color: #7e1c4e;
padding-bottom: 8px;
}
.product-archive .title-wrapper .content p {
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
}
.product-archive .modalities-tags {
display: flex;
flex-wrap: wrap;
gap: 4px;
padding-top: 24px;
}
.product-archive .modalities-tags a {
padding: 16px;
min-height: 100%;
border: 1px solid #5a8e89;
border-radius: 3px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 184px;
text-align: center;
transition: all 0.2s ease;
}
@media screen and (max-width: 576px) {
.product-archive .modalities-tags a {
width: 160px;
flex-grow: 1;
}
}
@media screen and (min-width: 769px) {
.product-archive .modalities-tags a:hover {
background-color: #f8f9f9;
}
}
.product-archive .modalities-tags a.is-active {
background-color: #02463a;
color: #ffffff;
}
.product-archive .modalities-tags a.is-active img {
filter: saturate(0) invert(1) brightness(1.5);
}
.product-archive .modalities-tags a img {
height: 32px;
width: auto;
margin-bottom: 8px;
}
.product-archive .modalities-tags a p {
font-size: 0.75rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.2;
}
.product-archive .filter-wrapper-toggle {
display: none;
}
@media screen and (max-width: 1024px) {
.product-archive .filter-wrapper-toggle {
display: flex;
align-items: center;
white-space: nowrap;
justify-content: center;
width: 100%;
border-radius: 6px;
border-color: #7e1c4e;
color: #7e1c4e;
}
.product-archive .filter-wrapper-toggle:hover {
background-color: #7e1c4e;
}
.product-archive .filter-wrapper-toggle:hover svg path {
fill: #ffffff;
transition: all 0.2s ease;
}
.product-archive .filter-wrapper-toggle.is-active {
background-color: #7e1c4e;
color: #ffffff;
}
.product-archive .filter-wrapper-toggle.is-active svg path {
fill: #ffffff;
}
.product-archive .filter-wrapper-toggle svg {
display: block;
margin-top: 3px;
margin-left: 4px;
height: 16px;
width: 16px;
}
}
.product-archive .filters-flex-wrapper {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
padding-bottom: 16px;
}
@media screen and (max-width: 1024px) {
.product-archive .filters-flex-wrapper {
padding-top: 32px;
}
}
.product-archive .filters-flex-wrapper .filter-heading {
color: #101921;
padding-bottom: 0;
padding-right: 4px;
}
.product-archive .filters-flex-wrapper .facetwp-facet {
margin: 0;
padding-bottom: 0 !important;
}
@media screen and (max-width: 1024px) {
.product-archive .filter-wrapper {
display: none;
}
.product-archive .filter-wrapper.is-active {
display: block;
}
}
.product-archive .filter-wrapper .modalities-filter {
border-top: 1px solid #b1b4bb;
padding-top: 12px;
}
.product-archive .filter-wrapper .specialties-filter {
border-top: 1px solid #b1b4bb;
padding-top: 12px;
}
.product-archive .filter-wrapper p {
padding-bottom: 8px;
font-size: 1.125rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
}
.product-archive .filter-wrapper .facetwp-facet {
margin-bottom: 0;
padding-bottom: 16px;
}
.product-archive .filter-wrapper .facetwp-facet .facetwp-input-wrap {
display: flex;
width: 100%;
}
.product-archive .filter-wrapper .facetwp-facet .facetwp-input-wrap input {
padding: 8px 12px;
width: 100%;
border-radius: 500px;
min-width: 0;
border: 1px solid #83c1bb;
}
.product-archive .filter-wrapper .facetwp-facet .facetwp-input-wrap .facetwp-icon {
right: 8px;
}
.product-archive .product-post-count-wrapper {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 24px;
flex-wrap: wrap;
}
.load-more {
padding-top: 32px;
}
@media screen and (max-width: 768px) {
.load-more {
padding-top: 24px;
}
}
.load-more .facetwp-load-more {
background-color: transparent;
color: #02463a;
border: 1px solid #02463a;
padding: 12px 16px;
display: block;
width: -moz-fit-content;
width: fit-content;
height: -moz-fit-content;
height: fit-content;
font-weight: bold;
cursor: pointer;
margin: 0 auto;
transition: all 0.2s ease;
border-radius: 500px;
white-space: nowrap;
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1;
}
.load-more .facetwp-load-more.facetwp-hidden {
display: none;
}
.load-more .facetwp-load-more:hover {
color: #ffffff;
background-color: #355b57;
border-color: #355b57;
}
.product-card {
margin-bottom: 24px;
}
.product-card article {
border: 1px solid #5cb088;
border-radius: 8px;
overflow: hidden;
height: 100%;
display: flex;
flex-direction: column;
}
.product-card .img-wrapper {
aspect-ratio: 10/9;
background-color: #5a8e89;
display: flex;
overflow: hidden;
}
.product-card .img-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product-card .content-wrapper {
padding: 24px 24px 16px 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
flex-grow: 1;
}
.product-card .content-wrapper .heading-5 {
padding-bottom: 8px;
}
.product-card .content-wrapper .excerpt {
padding-bottom: 16px;
}
.product-card .content-wrapper .links {
display: block;
}
.product-card .content-wrapper .links .button {
width: 100%;
text-align: center;
}
.product-card .content-wrapper .links .find-a-rep {
justify-content: center;
border: 1px solid #7e1c4e;
border-radius: 500px;
font-size: 0.75rem;
font-family: lato, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.2;
padding-top: 9px;
padding-bottom: 9px;
}
.product-card .content-wrapper .links .find-a-rep svg {
margin-top: 2px;
}
.product-card .links {
justify-content: space-between;
}
.product-card .links .find-a-rep {
display: flex;
align-items: center;
gap: 4px;
padding: 12px 0;
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1;
color: #7e1c4e;
margin-top: 8px;
}
@media screen and (min-width: 769px) {
.product-card .links .find-a-rep:hover {
opacity: 0.8;
}
}
.product-card .links .find-a-rep svg {
margin-top: 3px;
}
.single-product .single-product-content {
padding-top: 180px;
}
@media screen and (max-width: 1339px) {
.single-product .single-product-content {
padding-top: 120px;
}
}
.single-product .single-product-content .links {
justify-content: space-between;
padding-top: 24px;
}
.single-product .single-product-content .links .primary {
display: flex;
align-items: center;
}
.single-product .single-product-content .links .primary svg {
display: block;
margin-left: 6px;
transition: all 0.2s ease;
height: 17px;
margin-top: 2px;
}
.single-product .single-product-content .links .find-a-rep {
display: flex;
align-items: center;
gap: 4px;
padding: 12px 0;
font-size: 1rem;
font-family: lato, sans-serif;
font-weight: 500;
font-style: normal;
line-height: 1;
color: #7e1c4e;
margin-top: 8px;
}
@media screen and (min-width: 769px) {
.single-product .single-product-content .links .find-a-rep:hover {
opacity: 0.8;
}
}
.single-product .single-product-content .links .find-a-rep svg {
margin-top: 3px;
}
.single-product .single-product-content .modalities-flex-wrapper {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 16px;
padding-bottom: 32px;
}
.single-product .single-product-content .modalities-flex-wrapper .modality {
display: flex;
align-items: center;
gap: 8px;
}
.single-product .single-product-content .modalities-flex-wrapper .modality img {
height: 40px;
width: auto;
}
.single-product .single-product-content .modalities-flex-wrapper .modality p {
font-size: 1.25rem;
font-family: lato, sans-serif;
font-weight: 600;
font-style: normal;
line-height: 1.5;
}
.single-product .thumbnail-section {
display: flex;
flex-direction: row-reverse;
}
@media screen and (max-width: 1024px) {
.single-product .thumbnail-section {
display: block;
padding-bottom: 64px;
}
}
@media screen and (max-width: 768px) {
.single-product .thumbnail-section {
padding-bottom: 48px;
}
}
.single-product .thumbnail-section .thumbnail .splide__track--nav > .splide__list > .splide__slide.is-active {
border: 1px solid #02463a;
}
.single-product .thumbnail-section .thumbnail .splide__list {
flex-direction: column;
gap: 16px;
}
@media screen and (max-width: 1024px) {
.single-product .thumbnail-section .thumbnail .splide__list {
flex-direction: row;
gap: 0;
}
}
.single-product .thumbnail-section .thumbnail .splide__slide {
border-radius: 4px;
border: none;
}
@media screen and (max-width: 1024px) {
.single-product .thumbnail-section .thumbnail-slider {
margin-bottom: 16px;
}
}
.single-product .thumbnail-section .thumbnail-slider img {
border-radius: 16px;
aspect-ratio: 10/9;
-o-object-fit: cover;
object-fit: cover;
}
.single-product .thumbnail-section .thumbnail-slider .video-container {
border-radius: 16px;
overflow: hidden;
background-color: #f1f2f2;
display: flex;
flex-direction: column;
justify-content: center;
aspect-ratio: 10/9;
}
.single-product .thumbnail-section .thumbnail-slider .video-container .video {
border-radius: 0;
}
.single-product .block--features {
background-color: #f8f9f9;
padding: 96px 0;
margin-top: 48px;
}
@media screen and (max-width: 768px) {
.single-product .block--features {
padding: 48px 0;
margin-top: 24px;
}
}