@charset "UTF-8";
      html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0;
} [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #000;
font-family: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin: 0;
}
p {
margin: 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #eee;
font-optical-sizing: auto;
font-style: normal;
}
#page {
max-width: 2560px;
margin: 0 auto;
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
border-collapse: collapse;
}
th,
td {
text-align: left;
} a {
color: #3b82f6;
font-weight: 600;
text-decoration: none;
}
a:visited {
color: #3b82f6;
}
a:hover, a:focus, a:active {
color: #3b82f6;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
} button,
input[type=button],
input[type=reset],
input[type=submit] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
border-color: #aaa #bbb #bbb;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}  .site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #fff;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
}
.alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}   .fs-900 {
font-size: 110px;
line-height: 0.9;
text-wrap: balance;
}
.fs-800 {
font-size: 74px;
line-height: 0.9;
}
.fs-700 {
font-size: 60px;
line-height: 1;
}
.fs-600 {
font-size: 34px;
line-height: 1.18;
}
.fs-500 {
font-size: 28px;
line-height: 1.29;
}
.fs-400 {
font-size: 21px;
line-height: 1.52;
}
.fs-300 {
font-size: 18px;
line-height: 1.56;
}
.fs-200 {
font-size: 16px;
line-height: 1.5;
}
.fs-100 {
font-size: 14px;
line-height: 1.5;
}
@media screen and (max-width: 1400px) {
.fs-900 {
font-size: 90px;
}
}
@media screen and (max-width: 1200px) {
.fs-900 {
font-size: 74px;
}
.fs-800 {
font-size: 60px;
}
.fs-700 {
font-size: 48px;
}
.fs-600 {
font-size: 28px;
}
}
@media screen and (max-width: 1023px) {
.fs-700 {
font-size: 40px;
}
}
@media screen and (max-width: 767px) {
.fs-900 {
font-size: 40px;
}
.fs-800 {
font-size: 40px;
}
.fs-600 {
font-size: 24px;
}
.fs-500 {
font-size: 21px;
}
.fs-300 {
font-size: 16px;
}
.fs-400 {
font-size: 18px;
}
}
@media screen and (max-width: 480px) {
.fs-800 {
font-size: 40px;
}
.fs-700 {
font-size: 36px;
}
}
@media screen and (max-width: 380px) {
.fs-900 {
font-size: 30px;
}
.fs-800 {
font-size: 30px;
}
} .fw-extralight {
font-weight: 200;
}
.fw-light {
font-weight: 300;
}
.fw-regular {
font-weight: 400;
}
.fw-medium {
font-weight: 500;
}
.fw-semibold {
font-weight: 600;
}
.fw-bold {
font-weight: 700;
}
.fw-extrabold {
font-weight: 800;
} .text-margin {
display: block;
}
.text-margin p {
margin-bottom: 20px;
} .white-text {
color: var(--color-surface);
}
.white-bg {
background-color: var(--color-surface);
}
.black-text {
color: var(--color-on-surface);
}
.black-bg {
background-color: var(--color-on-surface);
}
.dark-grey-text {
color: var(--tone-darker);
}
.dark-grey-bg {
background-color: var(--tone-darker);
}
.grey-text {
color: var(--color-text);
}
.light-grey-text {
color: var(--color-text-light);
}
.light-grey-bg {
background-color: var(--tone-off-white);
}
.blue-text {
color: var(--color-link);
}
.blue-bg {
background-color: var(--color-link);
}
.tint-bg {
background-color: var(--tone-tint);
} .text-center {
text-align: center;
}
.image-cover {
background-size: cover;
background-position: center center;
}
.uppercase {
text-transform: uppercase;
}
.nowrap {
white-space: nowrap;
} .cont-l {
max-width: 1800px;
width: 90%;
margin: 0 auto;
}
.cont-m {
max-width: 1400px;
width: 90%;
margin: 0 auto;
}
.cont-s {
max-width: 1000px;
width: 90%;
margin: 0 auto;
}
.cont-xs {
max-width: 800px;
width: 90%;
margin: 0 auto;
}
.cont-xxs {
max-width: 650px;
width: 90%;
margin: 0 auto;
} .margin-100 {
margin: 100px;
}
.margin-50 {
margin: 50px;
}
.margin-40 {
margin: 40px;
}
.margin-30 {
margin: 30px;
}
.margin-t-b-100 {
margin: 100px 0;
}
.margin-t-b-70 {
margin: 70px 0;
}
.margin-t-b-40 {
margin: 40px 0;
}
.margin-t-b-30 {
margin: 30px 0;
}
.margin-t-100 {
margin-top: 100px;
}
.margin-t-70 {
margin-top: 70px;
}
.margin-t-40 {
margin-top: 40px;
}
.margin-t-30 {
margin-top: 30px;
}
.margin-t-20 {
margin-top: 20px;
}
.margin-t-10 {
margin-top: 10px;
}
.margin-t-0 {
margin-top: 0;
}
.margin-b-100 {
margin-bottom: 100px;
}
.margin-b-80 {
margin-bottom: 80px;
}
.margin-b-70 {
margin-bottom: 70px;
}
.margin-b-50 {
margin-bottom: 50px;
}
.margin-b-40 {
margin-bottom: 40px;
}
.margin-b-30 {
margin-bottom: 30px;
}
.margin-b-20 {
margin-bottom: 20px;
}
.margin-b-15 {
margin-bottom: 15px;
}
.margin-b-10 {
margin-bottom: 10px;
}
.margin-b-0 {
margin-bottom: 0;
}
.margin-r-100 {
margin-right: 100px;
}
.margin-r-50 {
margin-right: 50px;
}
.margin-r-40 {
margin-right: 40px;
}
.margin-r-30 {
margin-right: 30px;
}
.margin-r-20 {
margin-right: 20px;
}
.margin-r-15 {
margin-right: 15px;
}
.margin-r-10 {
margin-right: 10px;
}
.padding-100 {
padding: 100px;
}
.padding-50 {
padding: 50px;
}
.padding-40 {
padding: 40px;
}
.padding-30 {
padding: 30px;
}
.padding-20 {
padding: 20px;
}
.padding-t-100 {
padding-top: 100px;
}
.padding-t-50 {
padding-top: 50px;
}
.padding-t-40 {
padding-top: 40px;
}
.padding-t-30 {
padding-top: 30px;
}
.padding-t-20 {
padding-top: 20px;
}
.padding-t-b-100 {
padding: 100px 0;
}
.padding-t-b-70 {
padding: 70px 0;
}
.padding-t-b-50 {
padding: 50px 0;
}
.padding-t-b-40 {
padding: 40px 0;
}
.padding-t-b-30 {
padding: 30px 0;
}
.padding-b-100 {
padding-bottom: 100px;
}
.padding-b-80 {
margin-bottom: 80px;
}
.padding-b-40 {
padding-bottom: 40px;
}
.padding-b-30 {
padding-bottom: 30px;
}
@media screen and (max-width: 1200px) {
.margin-100 {
margin: 70px;
}
.margin-50 {
margin: 30px;
}
.margin-40 {
margin: 30px;
}
.margin-30 {
margin: 20px;
}
.margin-t-b-100 {
margin: 70px 0;
}
.margin-t-b-70 {
margin: 50px 0;
}
.margin-t-b-40 {
margin: 30px 0;
}
.margin-t-b-30 {
margin: 20px 0;
}
.margin-t-100 {
margin-top: 70px;
}
.margin-t-70 {
margin-top: 50px;
}
.margin-t-40 {
margin-top: 40px;
}
.margin-t-30 {
margin-top: 20px;
}
.margin-t-20 {
margin-top: 15px;
}
.margin-t-10 {
margin-top: 10px;
}
.margin-b-100 {
margin-bottom: 70px;
}
.margin-b-80 {
margin-bottom: 60px;
}
.margin-b-70 {
margin-bottom: 50px;
}
.margin-b-50 {
margin-bottom: 30px;
}
.margin-b-40 {
margin-bottom: 30px;
}
.margin-b-30 {
margin-bottom: 20px;
}
.margin-b-20 {
margin-bottom: 15px;
}
.margin-r-100 {
margin-right: 70px;
}
.margin-r-50 {
margin-right: 30px;
}
.margin-r-40 {
margin-right: 30px;
}
.margin-r-30 {
margin-right: 30px;
}
.margin-r-20 {
margin-right: 15px;
}
.padding-100 {
padding: 70px;
}
.padding-50 {
padding: 30px;
}
.padding-40 {
padding: 30px;
}
.padding-30 {
padding: 20px;
}
.padding-20 {
padding: 15px;
}
.padding-t-100 {
padding-top: 70px;
}
.padding-t-50 {
padding-top: 30px;
}
.padding-t-40 {
padding-top: 30px;
}
.padding-t-30 {
padding-top: 20px;
}
.padding-t-20 {
padding-top: 15px;
}
.padding-t-b-100 {
padding: 70px 0;
}
.padding-t-b-70 {
padding: 50px 0;
}
.padding-t-b-50 {
padding: 30px 0;
}
.padding-t-b-40 {
padding: 30px 0;
}
.padding-t-b-30 {
padding: 20px 0;
}
.padding-b-100 {
padding-bottom: 70px;
}
.padding-b-80 {
margin-bottom: 60px;
}
.padding-b-40 {
padding-bottom: 30px;
}
.padding-b-30 {
padding-bottom: 20px;
}
}
@media screen and (max-width: 1200px) {
.padding-100 {
padding: 50px;
}
}
@media screen and (max-width: 767px) {
.padding-100 {
padding: 50px 5%;
}
.padding-t-b-100 {
padding: 50px 0;
}
.margin-t-100 {
margin-top: 40px;
}
.margin-t-70 {
margin-top: 40px;
}
.margin-b-100 {
margin-bottom: 40px;
}
.margin-b-70 {
margin-bottom: 40px;
}
.padding-50 {
padding: 30px 5%;
}
.padding-40 {
padding: 30px 5%;
}
}
@media screen and (max-width: 480px) {
.margin-b-20 {
margin-bottom: 10px;
}
.padding-100 {
padding: 40px 20px;
}
} .is-anim-hidden {
opacity: 0 !important;
}
:root {
--color-surface: #fff;
--tone-off-white: #f8f8f8;
--tone-tint: #ebf8ff;
--tone-light: #d1d1d1;
--color-on-surface: #000;
--tone-darker: #202021;
--tone-dark: #4a4949;
--color-text: #707070;
--color-text-light: #b5b5b5;
--color-link: #3b82f6;
--color-link-hover: #007ec5;
--color-brand-contrast: #bfea78;
--border-separator: solid 1px var(--tone-light);
--grid-template-columns: 1fr;
}
@media screen and (min-width: 480px) {
:root {
--grid-template-columns-small: repeat(auto-fit, minmax(18rem, 1fr));
}
}
@media screen and (min-width: 600px) {
:root {
--grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
}
} .btn {
padding: 13px 20px 15px;
min-width: 140px; position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 5px;
transition: all 0.3s;
}
.btn.blue {
color: #fff;
background: #3b82f6;
}
.btn.outline.white {
color: #fff;
border: 1px solid #fff;
background-color: transparent;
}
.btn.outline.white:hover,
.btn.outline.white:focus {
color: #000;
border: 1px solid #fff;
background: #fff;
}
.btn.black {
color: #fff;
background: #000;
}
.btn.black:hover,
.btn.black:focus {
background: #333;
}
.btn.outline.black {
color: #000;
border: 1px solid #000;
background-color: transparent;
}
.btn.outline.black:hover,
.btn.outline.black:focus {
color: #fff;
border: 1px solid #fff;
background: #000;
}
.btn.outline.arrow::after {
content: "";
background-repeat: no-repeat;
background-size: 120%;
background-position: center center;
width: 8px;
height: 12px;
display: inline-flex;
margin-left: 30px;
}
.btn.white.arrow::after {
background-image: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/icon-right-arrow-white.svg);
}
.btn.white.arrow:hover::after,
.btn.white.arrow:focus::after {
background-image: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/icon-right-arrow-blue.svg);
}
.btn.black.arrow::after {
background-image: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/icon-right-arrow-black.svg);
}
.btn.black.arrow:hover::after,
.btn.black.arrow:focus::after {
background-image: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/icon-right-arrow-blue.svg);
}
.btn--chevron-down::after {
content: "";
display: inline-block;
background-image: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/icon-right-arrow-white.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 10px;
height: 10px;
transform: rotate(90deg);
margin-left: 8px;
}
@media screen and (max-width: 480px) {
.btn {
padding: 10px 15px 12px;
}
}
a.hl { transition: all 0.3s;
font-size: 14px;
display: inline;
text-wrap: nowrap;
}
a.hl.arrow::after {
content: "";
background-image: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/icon-right-arrow-blue.svg);
background-repeat: no-repeat;
background-size: 120%;
background-position: center center;
width: 6px;
height: 10px;
display: inline-flex;
margin-left: 8px;
}
a.hl.download::after {
content: "";
background-image: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/icon-download.svg);
background-repeat: no-repeat;
background-size: 120%;
background-position: center center;
width: 7px;
height: 12px;
display: inline-flex;
margin-left: 8px;
margin-top: 1px;
}
button.btn,
input[type=button].btn,
input[type=reset].btn,
input[type=submit].btn {
border: 0;
border-radius: 5px;
padding: 13px 20px 15px;
cursor: pointer;
outline: none;
} .data-table {
--table-color: var(--tone-light);
}
.data-table th,
.data-table td {
padding: 15px;
border: var(--border-separator);
border-color: var(--table-color);
}
.data-table thead th {
background-color: var(--table-color);
}
.theme-dark .data-table {
--table-color: var(--tone-dark);
} @media screen and (max-width: 47.99rem) {
.data-table--collapsible thead {
display: none;
}
.data-table--collapsible tbody tr {
display: block;
}
.data-table--collapsible tbody td,
.data-table--collapsible tbody th {
display: grid;
grid-template-columns: 40% 1fr;
gap: 0 15px;
border: none;
padding: 5px 0;
}
.data-table--collapsible tbody td::before,
.data-table--collapsible tbody th::before {
content: attr(data-label);
text-transform: uppercase;
font-size: 14px;
background-color: var(--table-color);
font-weight: 700;
padding: 5px 15px;
margin: -5px 0;
align-self: stretch;
display: flex;
}
.data-table--collapsible tbody td:first-child,
.data-table--collapsible tbody th:first-child {
padding-top: 15px;
}
.data-table--collapsible tbody td:first-child::before,
.data-table--collapsible tbody th:first-child::before {
padding-top: 15px;
margin-top: -15px;
}
.data-table--collapsible tbody td:last-child,
.data-table--collapsible tbody th:last-child {
border-bottom: 1px solid var(--table-color);
padding-bottom: 15px;
}
.data-table--collapsible tbody td:last-child::before,
.data-table--collapsible tbody th:last-child::before {
margin-bottom: -15px;
}
}
.video-container {
position: relative;
}
.video-trigger {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
background: transparent;
border: none;
padding: 0;
}
.video-trigger img {
transition: opacity 0.3s;
width: 20%;
}
.video-trigger img:hover {
opacity: 0.75;
}
.video-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.85);
display: flex;
justify-content: center;
align-items: center;
z-index: 10000;
padding: 50px;
box-sizing: border-box;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.video-overlay.is-visible {
opacity: 1;
pointer-events: auto;
}
.video-overlay__content, .video-overlay__iframe {
width: 100%;
max-width: 1280px;
aspect-ratio: 16/9;
max-height: calc(100vh - 100px);
}
.video-overlay__content {
position: relative;
background: #000;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
}
.video-overlay__iframe {
border: none;
display: block;
}
.video-overlay__close {
position: absolute;
top: 10px;
right: 10px;
background: #3b82f6;
color: white;
border: none;
padding: 0.5rem 1rem;
cursor: pointer;
z-index: 10;
font-family: inherit;
}
.video-overlay__close:hover {
opacity: 0.75;
}
.video-overlay__close:focus {
outline: 2px solid #fff;
outline-offset: 2px;
}
@media (max-width: 768px) {
.video-overlay {
padding: 1rem;
}
.video-overlay__content, .video-overlay__iframe {
max-height: calc(100vh - 2rem);
}
.video-overlay__close {
top: 0.5rem;
right: 0.5rem;
padding: 0.25rem 0.75rem;
font-size: 0.875rem;
}
} .search-form input.search-field {
width: 100%;
min-width: 400px;
padding: 10px;
}
@media screen and (max-width: 767px) {
.search-form input.search-field {
min-width: 0;
}
}
.search-results-list {
display: flex;
flex-direction: column;
gap: 30px;
}
.search-results-list article {
padding-bottom: 30px;
border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
.search-form {
flex-direction: column;
}
}
.search-form {
gap: 10px;
display: flex;
}
.search-form input.zf {
margin: 0;
} .site-footer {
background: #fafafa;
font-size: 14px;
font-weight: 400;
}
.footer-content {
display: flex;
flex-direction: column;
gap: 50px;
}
@media screen and (min-width: 37.5em) {
.footer-content {
justify-content: space-between;
flex-direction: row;
}
}
.footer-menus {
display: flex;
gap: 30px;
flex-direction: column;
}
@media screen and (min-width: 64em) {
.footer-menus {
flex-direction: row;
gap: 50px;
}
.footer-menu {
max-width: 14em;
}
}
.footer-content ul {
list-style-type: none;
padding: 0;
}
.footer-content ul li {
margin: 5px 0;
}
.footer-content ul li a {
color: #000;
font-weight: 400;
padding: 5px 0;
display: inline-block;
}
@media screen and (max-width: 480px) {
.footer-content ul li {
margin: 0;
}
.footer-menu p {
margin-bottom: 10px;
}
.footer-content,
.footer-menus {
gap: 20px;
}
} footer div.wpforms-container.wpforms-container-full {
width: 100%;
}
footer div.wpforms-container.wpforms-container-full:not(:empty) {
margin: 0 auto;
}
.pagination a:not(:hover):not(:focus),
.nav-links a:not(:hover):not(:focus) {
text-decoration: none;
}
.post-navigation .nav-links {
justify-content: center;
gap: 4em;
display: flex;
}
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
flex: 0 auto;
}
.post-navigation .nav-links a:not(:hover):not(:focus) {
color: var(--color-text);
}
.post-navigation--single {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 2em;
}
@media (max-width: 30em) {
.post-navigation--single .nav-back-to-list {
flex-basis: 100%;
}
}
.post-navigation--single .nav-previous,
.post-navigation--single .nav-next {
flex: 1 1 auto;
}
.pagination {
text-align: right;
}
.pagination > ul {
gap: 0.75em;
display: flex;
justify-content: flex-end;
list-style: none;
}
.pagination a:not(:hover):not(:focus) {
color: var(--color-text-light);
}
.pagination .current {
color: var(--color-link);
font-weight: 700;
-webkit-text-decoration: underline 4px;
text-decoration: underline 4px;
}
.pagination .prev {
margin-inline-end: 1rem;
}
.pagination .next {
margin-inline-start: 1rem;
} :root {
--header-height: 116px;
}
@media screen and (max-width: 767px) {
:root {
--header-height: 106px;
}
}
.site-header {
--color-link-hover: #3b82f6;
--nav-link-color: #000;
--nav-box-shadow: 0 21px 21px #0000001a;
--chevron-image: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/icon-right-arrow-black.svg);
--chevron-image-hover: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/icon-right-arrow-blue.svg);
position: relative;
background-color: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border-bottom: solid 1px var(--color-text-light);
}
.site-header ul {
list-style: none;
padding: 0;
margin: 0;
}
.site-header a {
display: block;
font-weight: 500;
transition: color 0.3s;
}
.site-header a:not(.blue-text) {
color: var(--nav-link-color);
}
.site-header a:hover, .site-header a:focus {
--nav-link-color: var(--color-link);
}
.site-header a:not(.uppercase) {
text-transform: capitalize;
}
.site-header .site-branding {
flex-shrink: 0;
margin: 5px 0;
}
.site-header .site-branding a {
display: block;
width: -moz-fit-content;
width: fit-content;
max-width: 174px;
}
.site-header .site-branding img {
width: 154px;
display: block;
}
@media screen and (min-width: 64rem) {
.site-header .site-branding img {
width: 154px;
}
}
@media screen and (min-width: 75rem) {
.site-header .site-branding img {
width: 174px;
}
}
.has-sticky-header .site-header {
position: sticky;
top: 0;
z-index: 1000;
}
.site-header-wrapper {
flex-direction: column;
justify-content: space-between;
padding: 10px 5%;
display: flex;
position: relative;
}
@media screen and (min-width: 64rem) {
.site-header-wrapper {
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 30px;
padding: 0 20px;
}
} .menu-item-has-children > a::after,
.sub-menu li a::before {
background: center no-repeat;
background-image: var(--chevron-image);
background-size: 10px 10px;
width: 20px;
height: 10px;
display: inline-block;
}
.menu-item-has-children > a::after {
transform: rotate(90deg);
}
.menu-item-has-children > a[aria-expanded=true]::after {
background-image: var(--chevron-image-hover);
transform: rotate(-90deg);
}
.sub-menu a {
display: flex;
align-items: baseline;
}
.sub-menu a::before {
margin-right: 5px;
}
.sub-menu a::after {
content: none;
}
.utility-menu {
--chevron-image: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/icon-right-arrow-white.svg);
--chevron-image-hover: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/icon-right-arrow-white.svg);
}
.utility-menu .menu-item-has-children > a::after,
.utility-menu .sub-menu li a::before {
content: "";
}
@media screen and (min-width: 64rem) {
.menu-item-has-children > a::after,
.sub-menu li a::before {
content: "";
}
.sub-menu li a::after {
content: none;
}
} .menu-toggle {
cursor: pointer;
z-index: 999;
background: none;
border: none;
display: grid;
place-items: center;
gap: 6px;
width: 40px;
height: 37px;
position: absolute;
top: 15px;
right: 5%;
}
.menu-toggle .menu-line {
background-color: #000;
width: 30px;
height: 3px;
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
@media screen and (min-width: 64rem) {
.menu-toggle {
display: none;
}
}
.toggled .menu-toggle .menu-line:first-child {
transform: translateY(9px) rotate(45deg);
}
.toggled .menu-toggle .menu-line:nth-child(2) {
opacity: 0;
}
.toggled .menu-toggle .menu-line:nth-child(3) {
transform: translateY(-9px) rotate(-45deg);
} @media screen and (max-width: 63.99rem) {
.main-navigation .nav-menu {
display: none;
background-color: #fff;
}
.main-navigation .nav-menu li a {
padding: 10px 5%;
}
.main-navigation ul ul {
display: none;
}
.main-navigation.toggled {
padding-top: 0; }
.main-navigation.toggled .nav-menu {
display: block;
position: fixed;
width: 100%;
top: var(--header-height);
left: 0;
z-index: 1000;
overflow-y: auto;
max-height: calc(100vh - var(--header-height));
padding-top: 20px;
padding-bottom: 30px;
}
@supports (height: 100dvh) {
.main-navigation.toggled .nav-menu {
max-height: calc(100dvh - var(--header-height));
}
}
.main-navigation.toggled::before {
content: "";
position: fixed;
inset: var(--header-height) 0 0 0;
background: rgba(0, 0, 0, 0.765);
pointer-events: none;
}
.main-navigation .sub-menu {
padding-left: calc(5% + 5px);
}
.main-navigation .sub-menu ul {
padding-left: 15px;
}
.main-navigation .sub-menu li a {
padding-left: 0;
}
.main-navigation .sub-menu ul a {
padding-top: 5px;
}
.main-navigation .menu-item-has-children {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.main-navigation .menu-item-has-children > a,
.main-navigation .menu-item-has-children .sub-sub-item > a,
.main-navigation .menu-item-has-children > .menu-label {
flex-basis: calc(100% - 60px);
}
.main-navigation .menu-item-has-children .sub-menu--mobile {
padding-block: 10px;
}
.main-navigation .menu-item-has-children .sub-menu--mobile,
.main-navigation .menu-item-has-children .sub-menu:has(> .sub-sub-item) {
flex-basis: 100%;
}
.main-navigation .menu-item-has-children > ul {
background-color: var(--tone-off-white);
}
.main-navigation .menu-item-has-children > ul a {
font-size: 0.9em;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-parent > a,
.main-navigation .current-menu-ancestor > a {
--nav-link-color: var(--color-link);
-webkit-text-decoration: underline 3px;
text-decoration: underline 3px;
text-decoration-color: inherit;
text-underline-offset: 5px;
} .dropdown-toggle {
display: flex;
background: transparent;
cursor: pointer;
width: 60px;
height: calc(1em + 20px);
border: none;
border-radius: 0;
border-left: 1px solid #d1d1d1;
}
.dropdown-toggle::after {
background: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/icon-right-arrow-black.svg) center/10px 10px no-repeat;
content: "";
width: 100%;
height: 20px;
display: block;
transform: rotate(90deg);
}
.dropdown-toggle[aria-expanded=true]::after {
transform: rotate(-90deg);
}
.menu-label {
cursor: pointer;
} html:has(body.no-scroll) {
scrollbar-gutter: stable;
}
body.no-scroll {
overflow: hidden;
position: relative;
}
}
@media screen and (min-width: 64rem) {
.main-navigation ul {
display: flex;
gap: 10px;
}
.main-navigation .menu > li {
border-bottom: 3px solid transparent;
}
.main-navigation .menu > li.current-menu-item, .main-navigation .menu > li.current-menu-parent, .main-navigation .menu > li.current-menu-ancestor {
--nav-link-color: var(--color-link);
border-bottom-color: var(--nav-link-color);
}
.main-navigation .menu > li > a {
padding: 18px 0;
} .dropdown-toggle,
.sub-menu.sub-menu--mobile {
display: none;
}
} .mega-menu {
display: flex;
z-index: 2;
flex-direction: column;
width: 100%;
min-height: 20em;
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: #fff;
border-top: 1px solid var(--color-text-light);
border-bottom: 1px solid var(--color-text-light);
box-shadow: var(--nav-box-shadow);
}
@media screen and (max-width: 63.99rem) {
.mega-menu {
display: none;
}
}
.mega-menu-wrapper {
flex-grow: 1;
display: flex;
}
.mega-menu-intro, .mega-menu-content {
padding: 30px 5%;
}
@media screen and (min-width: 75rem) {
.mega-menu-intro, .mega-menu-content {
padding: 50px 5%;
}
}
.mega-menu-intro {
flex-basis: 25%;
border-right: solid 1px var(--color-text-light);
}
.mega-menu-content {
flex-basis: 75%;
}
.mega-menu .sub-menu {
display: flex;
flex-wrap: wrap;
gap: 15px 5%;
margin-top: 20px;
}
.mega-menu .sub-menu ul {
gap: 25px;
margin-top: 10px;
}
.mega-menu .sub-menu li {
flex: 0 1 47.5%;
}
.mega-menu .sub-menu li ul li {
flex-basis: 100%;
}
.mega-menu .sub-menu li ul li a {
font-size: 0.9em;
}
.mega-menu-section > .sub-menu {
width: min(100%, 36em);
}
.mega-menu-section:has(.sub-menu .sub-menu) > .sub-menu {
width: 100%;
}
.mega-menu-section:has(.sub-menu .sub-menu) > .sub-menu li {
flex: 0 1 auto;
}
.mega-menu-section:has(.sub-menu .sub-menu) > .sub-menu .sub-menu {
display: flex;
flex-direction: column;
gap: 5px;
}
.mega-menu .menu-item-has-children .sub-menu:has(> .sub-sub-item .sub-menu) {
flex-direction: row;
flex-wrap: nowrap;
gap: 20px;
}
.mega-menu .menu-item-has-children .sub-menu:has(> .sub-sub-item .sub-menu) ul {
padding-left: 25px;
}  @media screen and (max-width: 63.99rem) {
.main-navigation .dropdown-toggle[aria-expanded=true] ~ ul {
display: block;
}
} .mega-menu {
opacity: 0;
visibility: hidden;
}
.mega-menu[aria-hidden=false] {
opacity: 1;
visibility: visible;
} .utility-menu .sub-menu {
opacity: 0;
visibility: hidden;
}
.utility-menu .sub-menu[aria-hidden=false] {
opacity: 1;
visibility: visible;
} .mega-menu,
.utility-menu .sub-menu {
transition: opacity 0.4s ease-in-out, visibility 0.35s ease-in-out;
}
.mega-menu[aria-hidden=false],
.utility-menu .sub-menu[aria-hidden=false] {
transition: opacity 0.25s ease-in-out, visibility 0.2s ease-in-out;
} .utility-menu {
--color-text-light: #9ec2fc;
background: #000;
position: relative;
padding: 0 20px;
}
.utility-menu .menu {
display: flex;
justify-content: flex-end;
gap: 15px;
}
.utility-menu .menu a {
--nav-link-color: #fff;
font-size: 0.9em;
padding: 10px 0;
}
.utility-menu .menu a:hover, .utility-menu .menu a:focus {
--nav-link-color: var(--color-text-light);
}
.utility-menu .menu > li > ul {
width: 100%;
left: 0;
right: 0;
}
@media screen and (min-width: 64rem) {
.utility-menu .menu > li {
position: relative;
}
.utility-menu .menu > li > ul {
width: max(28em + 100px, 100%);
left: auto;
right: -15px;
z-index: 9999;
}
}
@media screen and (max-width: 460px) {
.utility-menu {
padding: 0 12px;
}
.utility-menu .menu {
gap: 3%;
}
.utility-menu .menu a {
font-size: 0.85em;
font-size: clamp(0.8125rem, 0.6987rem + 0.5357vw, 1rem);
letter-spacing: -0.025rem;
}
}
.utility-menu .sub-menu {
z-index: 99999;
background: #000;
flex-wrap: wrap;
position: absolute;
top: 100%;
right: 0;
box-shadow: var(--nav-box-shadow);
padding: 20px;
gap: 0 10px;
display: flex;
}
.utility-menu .sub-menu li {
flex-basis: calc(50% - 20px);
}
@media screen and (min-width: 64rem) {
.utility-menu .sub-menu li {
flex-basis: 14em;
}
}
.utility-search {
max-height: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
padding-top: 0;
padding-bottom: 0;
transition: max-height 0.2s ease-in-out, opacity 0.15s ease-in-out, padding-top 0.2s ease-in-out, padding-bottom 0.2s ease-in-out, visibility 0s linear 0.2s;
}
.utility-search[hidden] {
display: block;
}
.utility-search.is-visible {
max-height: 10em;
opacity: 1;
visibility: visible;
padding-top: 0.5em;
padding-bottom: 1em;
transition: max-height 0.2s ease-in-out, opacity 0.15s ease-in-out, padding-top 0.2s ease-in-out, padding-bottom 0.2s ease-in-out, visibility 0s linear 0s;
}
.utility-search form {
display: flex;
gap: 0.5rem;
align-items: center;
max-width: min(100%, 22em);
justify-self: flex-end;
margin-left: auto;
}
.utility-search input[type=text] {
flex: 1;
border: 0;
padding: 8px;
line-height: 1;
}
.utility-search input[type=text]:focus {
outline: solid 2px var(--color-link);
outline-offset: -1px;
}
.utility-search button[type=submit],
.utility-search button[type=button] {
min-width: 0;
cursor: pointer;
padding: 8px 16px;
background: transparent;
}
.utility-search button[type=submit]:focus,
.utility-search button[type=button]:focus {
border-color: var(--color-text-light) !important;
color: var(--color-text-light) !important;
outline: none;
}
.articles-header {
justify-content: space-between;
align-items: center;
gap: 2rem;
margin-bottom: 40px;
display: flex;
}
.articles {
flex-direction: column;
gap: 2rem;
display: flex;
}
@media screen and (min-width: 48em) {
.articles {
grid-template-columns: 1fr;
gap: 2rem;
display: grid;
}
}
.articles .post {
margin-bottom: 0;
}
.articles .post img {
align-self: flex-start;
width: min(100%, 350px);
}
.articles .post .video-trigger img {
align-self: auto;
width: auto;
}
.articles--list .post {
flex-direction: column;
gap: 2rem;
display: flex;
}
@media screen and (min-width: 48em) {
.articles--list .post {
flex-direction: row;
gap: 3rem;
}
.articles .post img {
width: 250px;
}
}
@media screen and (min-width: 64em) {
.articles .post img {
width: 350px;
}
}
.articles--list .articles__content {
flex-direction: column;
flex-grow: 1;
display: flex;
padding-bottom: 0;
}
@media screen and (min-width: 64em) {
.articles--list .articles__content {
flex-basis: calc(100% - 350px - 3em);
}
}
.articles--list .articles__footer {
border-bottom: solid 1px var(--color-text-light);
flex-direction: column;
gap: 2rem;
margin-top: auto;
padding-bottom: 40px;
display: flex;
}
@media screen and (min-width: 75em) {
.articles--list .articles__footer {
grid-template-columns: 1fr auto;
align-items: center;
display: grid;
}
}
.articles--grid,
.articles--grid-alt {
grid-template-columns: repeat(3, 1fr);
}
.articles--grid li,
.articles--grid-alt li {
flex-direction: column;
justify-content: flex-end;
display: flex;
}
.articles--grid .entry-title,
.articles--grid-alt .entry-title {
font-size: 1rem;
}
.articles--grid .page,
.articles--grid .post,
.articles--grid-alt .page,
.articles--grid-alt .post {
margin-bottom: 0;
}
.articles--grid .post,
.articles--grid-alt .post {
flex-direction: column;
flex-grow: 1;
display: flex;
}
.articles--grid .light-grey-bg .articles__content,
.articles--grid-alt .light-grey-bg .articles__content { }
.articles--grid .articles__content,
.articles--grid-alt .articles__content {
flex-direction: column;
flex-grow: 1;
transition: background-color 0.3s;
display: flex;
}
.articles--grid .articles__content + img,
.articles--grid-alt .articles__content + img {
width: 100%;
display: block;
}
.articles--grid .articles__cta,
.articles--grid-alt .articles__cta {
margin-top: auto;
}
@media (max-width: 999px) {
.articles--grid,
.articles--grid-alt {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 639px) {
.articles--grid,
.articles--grid-alt {
grid-template-columns: 1fr;
}
}
.articles--grid li {
background-color: var(--tone-off-white);
}
.articles--grid .articles__content + img {
align-self: flex-end;
}
.articles--grid-alt article {
border: solid 1px var(--color-text-light);
}
.articles--grid-alt .articles__cta {
padding-top: 2rem;
}
.articles__block-embed-youtube {
aspect-ratio: 16/9;
background-position: center;
background-size: cover;
margin-bottom: 20px;
position: relative;
}
.file-list table {
border-collapse: collapse;
border-top: var(--border-separator);
width: 100%;
margin-top: 30px;
display: block;
overflow-x: auto;
}
.file-list tbody {
width: 100%;
display: block;
}
.file-list td,
.file-list th {
padding: 15px;
}
.file-list tr {
border-bottom: var(--border-separator);
}
.file-list__item {
cursor: pointer;
transition: background 0.3s;
}
.file-list__item.filtered {
display: none;
}
.section-list__item.filtered {
display: none;
}
.is-filtering {
opacity: 0;
}
[data-component=file-list] tbody,
[data-component=section-list] .articles--grid-alt {
transition: opacity 0.5s;
}
.file-list__item:hover,
.file-list__item:has(a:focus) {
background-color: var(--color-brand-contrast);
}
.file-list__item:hover a.hl,
.file-list__item:has(a:focus) a.hl {
color: #000;
}
.file-list__item:hover a.hl.download::after,
.file-list__item:has(a:focus) a.hl.download::after {
background-image: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/icon-download-black.svg);
}
.file-list__item:hover a.hl.arrow::after,
.file-list__item:has(a:focus) a.hl.arrow::after {
background-image: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/icon-right-arrow-black.svg);
}
.file-list__item-icon img {
max-width: none;
}
.file-list .file-list__item-group {
color: var(--color-link);
padding-right: 30px;
font-size: 14px;
line-height: 34px;
}
.file-list__item-title {
color: var(--color-on-surface);
width: 90%;
padding-right: 30px;
font-size: 21px;
}
.file-list td:not(.file-list__item-title) {
white-space: nowrap;
}
.file-list__dropdown {
display: inline-block;
position: relative;
z-index: 100; }
.file-list__dropdown-button {
background-color: var(--color-link);
color: var(--color-surface);
cursor: pointer;
border: none;
border-radius: 5px;
align-items: center;
padding: 10px 15px;
font-size: 16px;
display: inline-flex;
}
.file-list__dropdown-button::after {
content: "";
background-image: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/icon-right-arrow-white.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 120%;
width: 6px;
height: 10px;
margin-left: 8px;
transition: transform 0.3s;
display: inline-flex;
transform: rotate(90deg);
}
.file-list__dropdown-button:hover {
background-color: var(--color-link-hover);
}
.file-list__dropdown-button.open::after {
transform: rotate(-90deg);
}
.filter-toggle__options {
background-color: var(--color-link);
color: var(--color-surface);
z-index: 9999; white-space: nowrap;
border-radius: 0 5px 5px;
width: -moz-fit-content;
width: fit-content;
min-width: 200px;
margin-top: -3px;
position: absolute;
overflow-x: auto;
}
.filter-group {
border-bottom: var(--border-separator);
}
.filter-group > strong {
text-transform: uppercase;
padding: 15px 15px 5px;
font-size: 14px;
display: block;
}
.filter-toggle__label {
white-space: nowrap;
align-items: center;
gap: 10px;
padding: 10px 15px;
font-size: 14px;
display: flex;
}
.filter-toggle__label:first-child {
padding-top: 15px;
}
.filter-toggle__label:last-child {
padding-bottom: 15px;
}
.filter-toggle__label:hover {
cursor: pointer;
background-color: var(--color-link-hover);
}
.filter-options__checkbox {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: var(--border-separator);
background-color: var(--color-surface);
cursor: pointer;
flex-shrink: 0;
width: 20px;
height: 20px;
margin: 0;
display: inline-block;
position: relative;
}
.filter-options__checkbox:checked {
background-color: var(--color-surface);
border-color: var(--color-text);
}
.filter-options__checkbox:checked::after,
.filter-options__checkbox:checked::before {
content: "";
transform-origin: center;
background-color: var(--color-text);
width: 22px;
height: 2px;
position: absolute;
top: 50%;
left: 50%;
}
.filter-options__checkbox:checked::after {
transform: translate(-50%, -50%) rotate(45deg);
}
.filter-options__checkbox:checked::before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.file-list__show-all {
color: var(--color-on-surface);
cursor: pointer;
background: none;
border: none;
padding: 10px 20px;
}
.file-list__show-all:hover,
.file-list__show-all:focus {
-webkit-text-decoration: underline 4px;
text-decoration: underline 4px;
}
.file-list__show-all.hidden,
.filter-toggle__options.hidden {
display: none;
}
@media (max-width: 767px) {
.file-list th,
.file-list td {
padding: 5px 20px;
}
.file-list .file-list__item-icon {
padding-top: 20px;
}
.file-list .file-list__item-action {
padding-bottom: 20px;
}
.file-list__item-title {
font-size: 18px;
}
.file-list tbody,
.file-list tr,
.file-list th,
.file-list td {
width: 100%;
display: block;
}
.file-list tr {
border-left: var(--border-separator);
border-right: var(--border-separator);
}
.file-list th,
.file-list td {
width: 100%;
display: block;
}
.file-list .file-list__item-group {
line-height: 1;
}
}
@media (max-width: 999px) {
.file-list .file-list__item-group {
min-width: 12em;
padding-right: 15px;
}
} .file-list--manual .file-list__item {
display: flex;
align-items: center;
width: 100%;
}
.file-list--manual .file-list__item-icon {
flex: 0 0 62px;
}
.file-list--manual .file-list__item-group {
flex: 0 0 150px;
overflow: hidden;
text-overflow: ellipsis;
}
.file-list--manual .file-list__item-title {
flex: 1;
width: auto;
}
@media (max-width: 767px) {
.file-list--manual .file-list__item {
display: block;
}
} .text-banner .uppercase {
text-wrap: balance;
max-width: min(100%, 900px);
}
.text-banner:not(:has(+ .text-banner-split)) {
border-bottom: 1px solid #d1d1d1;
} .breadcrumb__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0;
font-size: 14px;
}
.breadcrumb__item {
display: flex;
align-items: center;
}
.breadcrumb__item::after {
content: "";
background-image: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/icon-right-arrow-blue.svg);
background-repeat: no-repeat;
background-size: 120%;
background-position: center;
width: 5px;
height: 8px;
display: inline-flex;
margin: 0 10px;
opacity: 0.5;
}
.breadcrumb__item:last-child::after {
display: none;
}
.breadcrumb__item a {
color: var(--color-link);
text-decoration: none;
}
.breadcrumb__item a:hover {
text-decoration: underline;
}
.breadcrumb__item--current {
color: var(--color-on-surface);
opacity: 0.6;
}   #mc_embed_signup {
max-width: min(60vw, 26em);
}
#mc_embed_signup form {
display: block;
position: relative;
text-align: left;
margin: 0;
}
#mc_embed_signup h2 {
font-weight: bold;
padding: 0;
margin-bottom: 15px;
font-size: 14px;
color: #3b82f6;
}
#mc_embed_signup input {
border: 1px solid #abb0b2;
border-radius: 3px;
}
#mc_embed_signup input[type=checkbox] {
-webkit-appearance: checkbox;
}
#mc_embed_signup input[type=radio] {
-webkit-appearance: radio;
}
#mc_embed_signup input:focus {
border-color: #333;
}
#mc_embed_signup .button {
clear: both;
background-color: #066aab;
border: 0 none;
border-radius: 4px;
transition: all 0.23s ease-in-out 0s;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 15px;
font-weight: normal;
font-family: Manrope, sans-serif;
height: auto;
line-height: 1;
margin: 0 5px 10px 0;
padding: 15px;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
width: fit-content;
width: -moz-fit-content;
}
#mc_embed_signup .button:hover {
background-color: #222;
}
#mc_embed_signup .small-meta {
font-size: 11px;
}
#mc_embed_signup .nowrap {
white-space: nowrap;
}
#mc_embed_signup .mc-field-group {
clear: left;
position: relative;
width: 96%;
padding-bottom: 3%;
min-height: 50px;
display: grid;
}
#mc_embed_signup .size1of2 {
clear: none;
float: left;
display: inline-block;
width: 46%;
margin-right: 4%;
}
* html #mc_embed_signup .size1of2 {
margin-right: 2%; }
#mc_embed_signup .mc-field-group label {
display: block;
margin-bottom: 3px;
}
#mc_embed_signup .mc-field-group input {
display: block;
width: 100%;
padding: 8px 0;
text-indent: 2%;
}
#mc_embed_signup .mc-field-group select {
display: inline-block;
width: 99%;
padding: 5px 0;
margin-bottom: 2px;
}
#mc_embed_signup .mc-address-fields-group {
display: flex;
flex-direction: row;
justify-content: space-evenly;
width: 96%;
gap: 15px;
}
#mc_embed_signup .mc-sms-phone-group {
display: flex;
flex-direction: row;
justify-content: space-evenly;
width: 96%;
gap: 15px;
padding-top: 5px;
}
#mc_embed_signup .datefield,
#mc_embed_signup .phonefield-us {
padding: 5px 0;
}
#mc_embed_signup .datefield input,
#mc_embed_signup .phonefield-us input {
display: inline;
width: 60px;
margin: 0 2px;
letter-spacing: 1px;
text-align: center;
padding: 5px 0 2px 0;
}
#mc_embed_signup .phonefield-us .phonearea input,
#mc_embed_signup .phonefield-us .phonedetail1 input {
width: 40px;
}
#mc_embed_signup .datefield .monthfield input,
#mc_embed_signup .datefield .dayfield input {
width: 30px;
}
#mc_embed_signup .datefield label,
#mc_embed_signup .phonefield-us label {
display: none;
}
#mc_embed_signup .indicates-required {
font-size: 11px;
}
#mc_embed_signup .asterisk {
color: #e85c41;
font-size: 150%;
font-weight: normal;
position: relative;
top: 5px;
}
#mc_embed_signup .clear {
clear: both;
}
#mc_embed_signup .foot {
display: grid;
grid-template-columns: 3fr 1fr;
width: 96%;
align-items: center;
}
@media screen and (max-width: 400px) {
#mc_embed_signup .foot {
display: grid;
grid-template-columns: 1fr;
width: 100%;
align-items: center;
}
}
@media screen and (max-width: 400px) {
#mc_embed_signup .referralBadge {
width: 50%;
}
}
#mc_embed_signup .brandingLogo {
justify-self: right;
}
@media screen and (max-width: 400px) {
#mc_embed_signup .brandingLogo {
justify-self: left;
}
}
#mc_embed_signup .mc-field-group.input-group ul {
margin: 0;
padding: 5px 0;
list-style: none;
}
#mc_embed_signup .mc-field-group.input-group ul li {
display: block;
padding: 3px 0;
margin: 0;
}
#mc_embed_signup .mc-field-group.input-group label {
display: inline;
}
#mc_embed_signup .mc-field-group.input-group input {
display: inline;
width: auto;
border: none;
}
#mc_embed_signup div#mce-responses {
top: -1.4em;
overflow: hidden;
clear: both;
max-width: 28em;
}
#mc_embed_signup div.response {
margin: 0 0 15px 0;
font-weight: bold;
z-index: 1;
}
#mc_embed_signup #mce-error-response {
display: none;
}
#mc_embed_signup #mce-success-response {
color: #529214;
display: none;
}
#mc_embed_signup label.error {
display: block;
float: none;
width: auto;
margin-left: 1.05em;
text-align: left;
padding: 0.5em 0;
}
#mc_embed_signup .helper_text {
color: #8d8985;
margin-top: 2px;
display: inline-block;
padding: 3px;
border-radius: 3px;
font-size: 14px;
font-weight: normal;
z-index: 1;
}
#mc-embedded-subscribe {
clear: both;
width: auto;
display: block;
margin: 1em 0 1em 5%;
}
#mc_embed_signup #num-subscribers {
font-size: 1.1em;
}
#mc_embed_signup #num-subscribers span {
padding: 0.5em;
border: 1px solid #ccc;
margin-right: 0.5em;
font-weight: bold;
}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: normal;
z-index: 1;
color: #e85c41;
background-color: transparent;
}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
border: 2px solid #e85c41;
}
html {
scroll-padding-top: calc(var(--header-height) + var(--scroll-padding-top, 30px));
scroll-behavior: smooth;
}
body.modal-open {
overflow: hidden;
} .component-label {
width: 100%;
background: #3b82f6;
color: #fff;
text-align: center;
padding: 30px 0;
} iframe {
width: 100%;
border: none;
overflow: visible;
} .animate__animated {
--animate-duration: 0.5s;
} .theme-dark + .theme-dark,
.theme-light + .theme-light,
.theme-none + .theme-none {
padding-top: 0;
}
.separator {
border-top: var(--border-separator);
background-color: rgba(0, 0, 0, 0);
}
footer .site-branding img {
width: 174px;
}
.custom-password-form__inputs {
display: flex;
align-items: center;
gap: 0.35em;
}
.custom-password-form .custom-password-form__password {
padding: 10px;
}
.tag {
color: var(--color-text);
}
[data-clickable-url],
[data-clickable-target] {
cursor: pointer;
}
[data-clickable-url]:hover .articles__content,
[data-clickable-url]:focus .articles__content,
[data-clickable-target]:hover .articles__content,
[data-clickable-target]:focus .articles__content {
background-color: var(--color-brand-contrast);
}
.single .entry-content p:not([class]),
.single .entry-content h1:not([class]),
.single .entry-content h2:not([class]),
.single .entry-content h3:not([class]),
.single .entry-content h4:not([class]),
.single .entry-content h5:not([class]),
.single .entry-content h6:not([class]),
.single .entry-content ul:not([class]),
.single .entry-content ol:not([class]),
.single .entry-content .wp-block-list,
.single .entry-content .wp-block-paragraph,
.article-content p:not([class]),
.article-content h1:not([class]),
.article-content h2:not([class]),
.article-content h3:not([class]),
.article-content h4:not([class]),
.article-content h5:not([class]),
.article-content h6:not([class]),
.article-content ul:not([class]),
.article-content ol:not([class]),
.article-content .wp-block-list,
.article-content .wp-block-paragraph {
margin: revert;
}
a.read-more:hover,
a.read-more:focus {
color: #000;
}
a.read-more.hl.arrow:hover::after,
a.read-more.hl.arrow:focus::after {
background-image: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/icon-right-arrow-black.svg);
}
.text-block ul,
.split-text ul {
margin-top: 30px;
padding: 0;
}
.text-block ul {
font-size: 18px;
line-height: 24px;
}
.split-video-one ul {
margin-bottom: 20px;
margin-top: 20px;
padding: 0;
}
.split-video-one ul li,
.text-block ul li,
.split-text ul li {
color: #707070;
background: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/bullet-tick.svg) 0 0.25em no-repeat;
padding-left: 1.65rem;
list-style: none;
}
.split-video-one ul li + li,
.text-block ul li + li,
.split-text ul li + li {
margin-top: 5px;
} .events-details img {
display: block;
margin-bottom: 20px;
} .event-details--events {
display: flex;
flex-direction: column;
gap: 20px;
}
.event-details--events img {
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.event-details--events {
flex-direction: row-reverse;
gap: 5%;
}
.event-details--events .post-thumbnail {
width: 300px;
flex-shrink: 0;
}
.event-details--events__description {
flex-grow: 1;
}
}
.event-speakers__list {
display: grid;
gap: 20px;
}
.event-speakers__list img {
display: block;
width: 100%;
margin-bottom: 10px;
}
@media screen and (min-width: 480px) {
.event-speakers__list {
grid-template-columns: repeat(2, 1fr);
gap: 5%;
}
}
@media screen and (min-width: 768px) {
.event-speakers__list {
grid-template-columns: repeat(3, 1fr);
}
} .swiper-image {
width: 100%;
height: calc(100vh - var(--header-height));
position: relative;
}
@supports (height: 100dvh) {
.swiper-image {
height: calc(100dvh - var(--header-height));
}
}
.swiper-image .swiper-slide {
justify-content: center;
align-items: center;
background-color: #ddd;
}
.swiper-image .swiper-inner {
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(100% - 100px);
position: relative;
z-index: 1;
}
.swiper-image .swiper-inner .title-button {
max-width: 1200px;
}
.swiper-image .swiper-inner p {
max-width: 26em;
text-wrap: balance;
}
@media screen and (max-width: 1200px) {
.swiper-image .swiper-inner p {
margin-bottom: 10px;
}
}
.swiper-image .swiper-slide .overlay {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media screen and (max-width: 767px) {
.swiper-image .swiper-slide .overlay {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
}
} .swiper-image .swiper-button-next-image {
position: absolute;
bottom: 50px;
right: 50px;
z-index: 2;
display: flex;
align-items: center;
transition: opacity 0.3s;
top: auto;
width: auto;
height: auto;
margin: auto;
cursor: auto;
justify-content: unset;
color: #fff;
max-width: 90%;
}
.swiper-image .swiper-button-next-image > p {
text-align: right;
text-wrap: balance;
}
.swiper-image .swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
content: "";
}
.swiper-image .swiper-button-next-image:hover {
cursor: pointer;
opacity: 0.8;
}
@media screen and (max-width: 1200px) {
.swiper-image .swiper-button-next-image {
bottom: 30px;
right: 30px;
}
}
@media screen and (max-width: 767px) {
.swiper-image .swiper-button-next-image {
bottom: 20px;
right: 20px;
}
} .circle-container {
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
z-index: 1;
background-image: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/right-arrow-white.svg);
background-repeat: no-repeat;
background-position: center center;
}
.circle-svg {
transform: rotate(-90deg);
width: 100%;
height: 100%;
}
.circle-background {
fill: none;
stroke: #ddd;
stroke-width: 2;
}
.circle-progress {
fill: none;
stroke: #007bff;
stroke-width: 2;
stroke-dasharray: 144.513;
stroke-dashoffset: 144.513;
}
@media screen and (max-width: 480px) {
.image-banner p.fs-600 {
font-size: 21px;
}
} .text-banner-split__text {
max-width: 600px;
}
.text-banner-split__image {
min-height: 280px;
}
@media screen and (min-width: 768px) {
.text-banner-split__image {
min-height: 500px;
}
}
@media screen and (min-width: 1024px) {
.text-banner-split {
display: flex;
}
.text-banner-split > * {
width: 50%;
}
} .split-video-one .image-cover {
min-height: 280px;
}
@media screen and (min-width: 768px) {
.split-video-one {
display: flex;
}
.split-video-one > * {
width: 50%;
}
.split-video-one .image-cover {
min-height: 382px;
}
} @media screen and (min-width: 768px) {
.split-video-one--variant > :first-child {
order: 2;
}
}
.split-video-one:not(.split-video-one--variant) > :last-child {
padding: 30px 0 0 0;
}
@media screen and (min-width: 768px) {
.split-video-one:not(.split-video-one--variant) > :last-child {
padding: 0 0 0 6%;
}
} .split-accordion-image__image {
position: relative;
min-height: max(480px, 65vh);
}
.split-accordion-image__image-layer {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 0.3s ease;
}
.split-accordion-image__image-layer.is-active {
opacity: 1;
}
.split-accordion-image__content-inner {
width: 100%;
}
@media screen and (max-width: 63.99rem) {
.split-accordion-image {
padding-top: 0;
}
.split-accordion-image__image {
min-height: min(480px, 65vh);
}
.split-accordion-image__content {
width: 90%;
margin: 0 auto;
}
}
@media screen and (min-width: 64rem) {
.split-accordion-image {
display: flex;
}
.split-accordion-image > * {
width: 50%;
}
.split-accordion-image__image {
order: 2;
}
.split-accordion-image__content {
order: 1;
display: flex;
align-items: center;
align-self: stretch;
max-width: calc(700px + 5%);
margin-left: auto;
padding-left: 5%;
padding-right: 5%;
}
} .split-accordion-image--variant .accordion-items {
border-top-color: var(--color-text);
}
.split-accordion-image--variant .accordion-item {
border-bottom-color: var(--color-text);
}
.split-accordion-image--variant .accordion--compact .accordion-header {
color: var(--color-text-light);
}
.split-accordion-image--variant .accordion--compact .accordion-header:hover, .split-accordion-image--variant .accordion--compact .accordion-header.open {
color: #fff;
} .split-video-two > :first-child {
padding-left: 5%;
padding-right: 5%;
}
.split-video-two > :last-child {
min-width: 50%;
min-height: 280px;
}
@media screen and (min-width: 480px) {
.split-video-two > :last-child {
min-height: 400px;
}
}
@media screen and (min-width: 768px) {
.split-video-two {
display: flex;
justify-content: flex-end;
}
.split-video-two > :first-child {
padding-left: 0;
margin-left: 5%;
width: 100%;
max-width: 700px;
}
} .icon-columns {
--cols: 1;
}
.icon-columns__items {
display: grid;
gap: 30px;
grid-template-columns: repeat(var(--cols), 1fr);
}
@media screen and (min-width: 768px) {
.icon-columns__items {
--cols: 3;
}
}
.icon-columns__items img {
margin-bottom: 5px;
}
.icon-columns .text-block h3 {
max-width: 1000px;
text-wrap: balance;
}
.icon-columns--half .icon-columns__items {
gap: 30px 50px;
}
@media screen and (min-width: 768px) {
.icon-columns--half .icon-columns__items {
--cols: 2;
}
}
.icon-columns--centered {
text-align: center;
}
.icon-columns--centered .text-block h3 {
margin-inline: inherit;
}
@media screen and (min-width: 768px) {
.icon-columns--centered .icon-columns__items {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0 5%;
}
.icon-columns--centered .icon-columns__items > * {
flex: 0 0 calc(33% - 30px);
}
}
.icon-columns--variant .icon-columns__items {
gap: 50px;
}
.icon-columns--variant .icon-columns__items .grey-text > * {
margin-top: revert;
}
.icon-columns--variant img {
max-width: 106px;
aspect-ratio: 1;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.25);
} .title-strip {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.feed-image {
aspect-ratio: 16/9;
}
.feed-item a {
position: absolute;
bottom: 40px;
left: 40px;
}
@media screen and (max-width: 1200px) {
.feed-item a {
bottom: 30px;
left: 30px;
}
}
@media screen and (max-width: 767px) {
.title-strip {
flex-direction: column;
justify-content: center;
}
.title-strip h3 {
text-align: center;
}
.feed-item a {
bottom: 20px;
left: 20px;
}
}
.feed-items {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
max-width: 100%;
}
@media screen and (min-width: 768px) {
.feed-items {
grid-template-columns: repeat(3, 1fr);
}
}
.feed-item {
cursor: pointer;
border: 1px solid #d1d1d1;
flex: 1;
transition: background 0.3s;
position: relative;
}
.feed-item:hover,
.feed-item:has(a:focus) {
background-color: var(--color-brand-contrast);
} .doc-list {
display: flex;
flex-direction: column;
border-top: 1px solid #ddd;
}
.doc-row {
display: grid;
grid-template-columns: 20% 1fr auto; align-items: center;
padding: 16px 16px;
border-bottom: 1px solid #ddd;
gap: 16px;
transition: background 0.3s;
}
.doc-row:hover {
background: #bfea78;
cursor: pointer;
}
.doc-row:hover a.hl {
color: #000;
}
.doc-row:hover a.hl.download::after {
background-image: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/icon-download-black.svg);
}
.doc-cat {
display: flex;
align-items: center;
gap: 8px;
}
.icon {
width: 32px;
height: 32px;
flex-shrink: 0; }
.site-main .category {
color: #007bff;
font-size: 14px;
text-decoration: none;
}
.title {
font-size: 16px;
font-weight: 700;
}
.link {
color: #007bff;
font-size: 14px;
text-decoration: none;
justify-self: end; } .accordion-items {
border-top: 1px solid var(--tone-light);
}
.accordion-header {
background-color: transparent;
padding: 10px 0;
margin: 17px 0;
text-align: left;
width: 100%;
border: none;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 0;
transition: all 0.3s;
}
.accordion-header:not(:focus-visible) {
outline: none;
}
.accordion-header:focus-visible {
outline-offset: 3px;
}
@media screen and (max-width: 767px) {
.accordion-header {
padding: 15px 0;
}
}
.accordion-item {
border-bottom: 1px solid var(--tone-light);
}
.accordion-item:hover:not(.accordion--compact .accordion-item) {
border-bottom: 1px solid var(--color-on-surface);
}
.accordion-content {
display: none;
}
.accordion-content.is-open {
display: block;
}
.accordion-content p,
.accordion-content ul,
.accordion-content ol {
margin: 0;
padding: 0 5% 20px;
}
.accordion-content li {
margin-left: 15px;
}
.toggle-icon {
font-size: 20px;
transition: transform 0.2s;
margin-left: 10px;
}
.open .toggle-icon {
transform: rotate(180deg);
} .accordion--compact .accordion-header {
color: var(--color-text);
margin: 6px 0;
}
.accordion--compact .accordion-header:hover, .accordion--compact .accordion-header.open {
color: #000;
font-weight: 700;
}
.accordion--compact .accordion-content {
padding-bottom: 24px;
}
.accordion--compact .accordion-content p,
.accordion--compact .accordion-content ul,
.accordion--compact .accordion-content ol {
padding-left: 0;
}
.accordion--compact .toggle-icon {
font-size: 0;
display: inline-block;
flex-shrink: 0;
width: 8px;
height: 8px;
border-right: 1px solid currentColor;
border-bottom: 1px solid currentColor;
transform: rotate(-45deg);
transition: transform 0.3s ease;
margin-left: 12px;
}
.accordion--compact .accordion-header.open .toggle-icon {
transform: rotate(45deg);
} .theme-dark .accordion-items {
border-color: var(--tone-dark);
}
.theme-dark .accordion-items .accordion-header {
color: inherit;
}
.theme-dark .accordion-items .accordion-item {
border-bottom-color: var(--tone-dark);
}
.theme-dark .accordion-items .accordion-item:hover {
border-bottom-color: var(--color-text);
} .box-columns__items {
grid-template-columns: var(--grid-template-columns);
gap: 20px;
display: grid;
}
.box-columns__image {
height: 260px;
}
.box-columns__content {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media screen and (min-width: 768px) {
.box-columns__content > div {
min-height: 200px;
}
}
.box-columns:not(:has(.box-columns__item:nth-child(3))) { }
@media screen and (min-width: 1024px) {
.box-columns:not(:has(.box-columns__item:nth-child(3))) .box-columns__image {
height: 360px;
}
} .columns-content .text-block h3 {
max-width: 1000px;
text-wrap: balance;
}
.columns-content__wrapper {
display: grid;
gap: 30px;
grid-template-columns: 1fr;
}
@media screen and (min-width: 48rem) {
.columns-content__wrapper {
gap: 8%;
grid-template-columns: 0.75fr 1fr 1fr;
}
.columns-content__wrapper:not(:has(.columns-content__image)) {
grid-template-columns: 1fr 1fr 1fr;
gap: 5%;
}
}
.columns-content__image img {
width: 100%;
height: auto;
display: block;
}
.columns-content__column p:last-child {
margin-bottom: 0;
}
.columns-content__column strong {
color: #000;
} .image-left-right__image {
min-height: min(400px, 50vh);
}
.image-left-right__content {
padding: 50px 5%;
}
@media screen and (min-width: 64rem) {
.image-left-right__content {
padding: 80px;
}
}
@media screen and (min-width: 75rem) {
.image-left-right__content {
padding: 120px;
}
}
.image-left-right__content-inner {
max-width: 560px;
}
.image-left-right__content-inner strong {
color: #000;
}
.image-left-right__icon-list {
display: flex;
flex-direction: column;
gap: 30px;
}
.image-left-right__icon-item {
display: flex;
gap: 20px;
align-items: flex-start;
}
.image-left-right__icon-item img {
flex-shrink: 0;
max-width: 60px;
}
.image-left-right__icon-item:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 64rem) {
.image-left-right {
display: flex; }
.image-left-right > * {
width: 50%;
}
.image-left-right--reverse {
flex-direction: row-reverse;
}
.image-left-right--reverse .image-left-right__content {
max-width: calc(700px + 5%);
padding-left: 5%;
}
} .panel-switcher .text-block h3 {
max-width: 1000px;
text-wrap: balance;
}
.panel-switcher__overline {
padding-bottom: 20px;
border-bottom: solid 1px var(--color-text-light);
}
.panel-switcher__radio {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
@media screen and (max-width: 63.99rem) {
.panel-switcher__radio {
display: none;
}
}
.panel-switcher__wrapper {
display: flex;
flex-direction: column;
gap: 30px;
}
@media screen and (min-width: 64rem) {
.panel-switcher__wrapper {
flex-direction: row;
gap: 10%;
}
}
.panel-switcher__nav {
display: flex;
flex-direction: column;
gap: 20px;
}
@media screen and (min-width: 64rem) {
.panel-switcher__nav {
flex: 1 0 33.33%;
max-width: 24em;
}
}
.panel-switcher__nav-item {
display: flex;
align-items: center;
gap: 15px;
cursor: pointer;
transition: all 0.2s ease;
font-size: 24px;
}
.panel-switcher__nav-item:hover {
color: var(--color-link);
}
.panel-switcher__accordion-header, .panel-switcher__accordion-toggle {
display: none;
width: 100%;
margin: 0;
font-size: 24px;
color: #707070;
background: none;
border: none;
text-align: left;
}
@media screen and (max-width: 63.99rem) {
.panel-switcher__accordion-header, .panel-switcher__accordion-toggle {
display: flex;
align-items: center;
gap: 0;
padding: 0;
}
}
@media screen and (max-width: 63.99rem) {
.panel-switcher__accordion-header {
cursor: default;
color: #000;
}
}
@media screen and (max-width: 63.99rem) {
.panel-switcher__accordion-toggle {
cursor: pointer;
transition: color 0.2s ease;
}
.panel-switcher__accordion-toggle:hover {
color: var(--color-link);
}
.panel-switcher__accordion-toggle:focus-visible {
outline: none;
}
.panel-switcher__accordion-toggle:focus-visible .panel-switcher__accordion-title {
text-decoration: underline;
}
.panel-switcher__accordion-toggle[aria-expanded=true] {
color: #000;
}
.panel-switcher__accordion-toggle[aria-expanded=true] .panel-switcher__accordion-title {
font-weight: 500;
}
}
.panel-switcher__arrow, .panel-switcher__accordion-arrow {
flex-shrink: 0;
height: auto;
opacity: 0;
transform: translateX(-10px);
transition: all 0.3s ease;
}
.panel-switcher__arrow {
width: 24px;
}
.panel-switcher__accordion-arrow {
width: 0;
margin-right: 0;
}
[data-panel-switcher].js-enabled .panel-switcher__accordion-toggle[aria-expanded=true] .panel-switcher__accordion-arrow {
width: 24px;
margin-right: 15px;
opacity: 1;
transform: translateX(0);
}
.panel-switcher__title, .panel-switcher__accordion-title {
transition: all 0.2s ease;
flex: 1;
}
.panel-switcher__panels {
flex: 1;
position: relative;
}
.panel-switcher__panel {
gap: 60px;
}
@media screen and (min-width: 64rem) {
.panel-switcher__panel {
position: absolute;
top: 0;
left: 0;
right: 0;
display: flex;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
}
@media screen and (min-width: 64rem) and (prefers-reduced-motion: reduce) {
.panel-switcher__panel {
transition: none;
}
}
@media screen and (max-width: 63.99rem) {
.panel-switcher__panel {
display: flex;
gap: 30px;
flex-direction: column;
}
}
@media screen and (min-width: 64rem) {
.panel-switcher__content {
display: contents;
}
}
@media screen and (max-width: 63.99rem) {
.panel-switcher__content {
display: block;
padding-bottom: 50px;
}
[data-panel-switcher].js-enabled .panel-switcher__content {
display: grid;
grid-template-rows: 0fr;
padding-bottom: 0;
transition: grid-template-rows 0.4s ease, padding 0.4s ease;
}
[data-panel-switcher].js-enabled .panel-switcher__accordion-toggle[aria-expanded=true] ~ .panel-switcher__content {
grid-template-rows: 1fr;
padding-bottom: 50px;
}
}
@media screen and (min-width: 64rem) {
.panel-switcher__content-inner {
display: contents;
}
}
@media screen and (max-width: 63.99rem) {
[data-panel-switcher].js-enabled .panel-switcher__content-inner {
overflow: hidden;
}
}
.panel-switcher__icon {
margin-bottom: 30px;
flex-shrink: 0;
}
.panel-switcher__icon img {
width: 130px;
min-width: 130px;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
border-radius: 16px;
box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.25);
}
.panel-switcher__text > * {
margin-bottom: revert;
}
.panel-switcher__text > *:last-child {
margin-bottom: 0;
}
.panel-switcher__radio:nth-of-type(1):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(1) {
color: #000;
}
.panel-switcher__radio:nth-of-type(1):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(1) .panel-switcher__arrow {
opacity: 1;
transform: translateX(0);
}
.panel-switcher__radio:nth-of-type(1):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(1) .panel-switcher__title {
text-wrap: balance;
}
@media screen and (max-width: 63.99rem) {
.panel-switcher__radio:nth-of-type(1):checked ~ .panel-switcher__wrapper .panel-switcher__panel[data-panel="0"] {
display: flex;
}
}
@media screen and (min-width: 64rem) {
.panel-switcher__radio:nth-of-type(1):checked ~ .panel-switcher__wrapper .panel-switcher__panel[data-panel="0"] {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}
.panel-switcher__radio:nth-of-type(1):focus-visible ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(1) {
text-decoration: underline;
outline: none;
}
.panel-switcher__radio:nth-of-type(2):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(2) {
color: #000;
}
.panel-switcher__radio:nth-of-type(2):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(2) .panel-switcher__arrow {
opacity: 1;
transform: translateX(0);
}
.panel-switcher__radio:nth-of-type(2):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(2) .panel-switcher__title {
text-wrap: balance;
}
@media screen and (max-width: 63.99rem) {
.panel-switcher__radio:nth-of-type(2):checked ~ .panel-switcher__wrapper .panel-switcher__panel[data-panel="1"] {
display: flex;
}
}
@media screen and (min-width: 64rem) {
.panel-switcher__radio:nth-of-type(2):checked ~ .panel-switcher__wrapper .panel-switcher__panel[data-panel="1"] {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}
.panel-switcher__radio:nth-of-type(2):focus-visible ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(2) {
text-decoration: underline;
outline: none;
}
.panel-switcher__radio:nth-of-type(3):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(3) {
color: #000;
}
.panel-switcher__radio:nth-of-type(3):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(3) .panel-switcher__arrow {
opacity: 1;
transform: translateX(0);
}
.panel-switcher__radio:nth-of-type(3):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(3) .panel-switcher__title {
text-wrap: balance;
}
@media screen and (max-width: 63.99rem) {
.panel-switcher__radio:nth-of-type(3):checked ~ .panel-switcher__wrapper .panel-switcher__panel[data-panel="2"] {
display: flex;
}
}
@media screen and (min-width: 64rem) {
.panel-switcher__radio:nth-of-type(3):checked ~ .panel-switcher__wrapper .panel-switcher__panel[data-panel="2"] {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}
.panel-switcher__radio:nth-of-type(3):focus-visible ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(3) {
text-decoration: underline;
outline: none;
}
.panel-switcher__radio:nth-of-type(4):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(4) {
color: #000;
}
.panel-switcher__radio:nth-of-type(4):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(4) .panel-switcher__arrow {
opacity: 1;
transform: translateX(0);
}
.panel-switcher__radio:nth-of-type(4):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(4) .panel-switcher__title {
text-wrap: balance;
}
@media screen and (max-width: 63.99rem) {
.panel-switcher__radio:nth-of-type(4):checked ~ .panel-switcher__wrapper .panel-switcher__panel[data-panel="3"] {
display: flex;
}
}
@media screen and (min-width: 64rem) {
.panel-switcher__radio:nth-of-type(4):checked ~ .panel-switcher__wrapper .panel-switcher__panel[data-panel="3"] {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}
.panel-switcher__radio:nth-of-type(4):focus-visible ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(4) {
text-decoration: underline;
outline: none;
}
.panel-switcher__radio:nth-of-type(5):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(5) {
color: #000;
}
.panel-switcher__radio:nth-of-type(5):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(5) .panel-switcher__arrow {
opacity: 1;
transform: translateX(0);
}
.panel-switcher__radio:nth-of-type(5):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(5) .panel-switcher__title {
text-wrap: balance;
}
@media screen and (max-width: 63.99rem) {
.panel-switcher__radio:nth-of-type(5):checked ~ .panel-switcher__wrapper .panel-switcher__panel[data-panel="4"] {
display: flex;
}
}
@media screen and (min-width: 64rem) {
.panel-switcher__radio:nth-of-type(5):checked ~ .panel-switcher__wrapper .panel-switcher__panel[data-panel="4"] {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}
.panel-switcher__radio:nth-of-type(5):focus-visible ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(5) {
text-decoration: underline;
outline: none;
}
.panel-switcher__radio:nth-of-type(6):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(6) {
color: #000;
}
.panel-switcher__radio:nth-of-type(6):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(6) .panel-switcher__arrow {
opacity: 1;
transform: translateX(0);
}
.panel-switcher__radio:nth-of-type(6):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(6) .panel-switcher__title {
text-wrap: balance;
}
@media screen and (max-width: 63.99rem) {
.panel-switcher__radio:nth-of-type(6):checked ~ .panel-switcher__wrapper .panel-switcher__panel[data-panel="5"] {
display: flex;
}
}
@media screen and (min-width: 64rem) {
.panel-switcher__radio:nth-of-type(6):checked ~ .panel-switcher__wrapper .panel-switcher__panel[data-panel="5"] {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}
.panel-switcher__radio:nth-of-type(6):focus-visible ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(6) {
text-decoration: underline;
outline: none;
}
.panel-switcher__radio:nth-of-type(7):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(7) {
color: #000;
}
.panel-switcher__radio:nth-of-type(7):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(7) .panel-switcher__arrow {
opacity: 1;
transform: translateX(0);
}
.panel-switcher__radio:nth-of-type(7):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(7) .panel-switcher__title {
text-wrap: balance;
}
@media screen and (max-width: 63.99rem) {
.panel-switcher__radio:nth-of-type(7):checked ~ .panel-switcher__wrapper .panel-switcher__panel[data-panel="6"] {
display: flex;
}
}
@media screen and (min-width: 64rem) {
.panel-switcher__radio:nth-of-type(7):checked ~ .panel-switcher__wrapper .panel-switcher__panel[data-panel="6"] {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}
.panel-switcher__radio:nth-of-type(7):focus-visible ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(7) {
text-decoration: underline;
outline: none;
}
.panel-switcher__radio:nth-of-type(8):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(8) {
color: #000;
}
.panel-switcher__radio:nth-of-type(8):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(8) .panel-switcher__arrow {
opacity: 1;
transform: translateX(0);
}
.panel-switcher__radio:nth-of-type(8):checked ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(8) .panel-switcher__title {
text-wrap: balance;
}
@media screen and (max-width: 63.99rem) {
.panel-switcher__radio:nth-of-type(8):checked ~ .panel-switcher__wrapper .panel-switcher__panel[data-panel="7"] {
display: flex;
}
}
@media screen and (min-width: 64rem) {
.panel-switcher__radio:nth-of-type(8):checked ~ .panel-switcher__wrapper .panel-switcher__panel[data-panel="7"] {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}
.panel-switcher__radio:nth-of-type(8):focus-visible ~ .panel-switcher__wrapper .panel-switcher__nav-item:nth-of-type(8) {
text-decoration: underline;
outline: none;
}
@media screen and (max-width: 63.99rem) {
.panel-switcher__nav {
display: none;
}
} .icons-grid .text-block h3 {
max-width: 1000px;
text-wrap: balance;
}
.icons-grid__wrapper {
position: relative;
}
@media screen and (max-width: 47.99rem) {
.icons-grid__wrapper {
width: 100%;
}
}
.icons-grid__grid {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
@media screen and (min-width: 48rem) {
.icons-grid__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 64rem) {
.icons-grid__grid {
grid-template-columns: repeat(3, 1fr);
}
}
.icons-grid__item {
position: relative;
margin-top: 70px;
padding: 0 5% 40px;
transition: all 0.3s ease;
overflow: visible;
min-height: min(400px, 50vh);
}
@media screen and (min-width: 48rem) {
.icons-grid__item {
padding: 0 45px 65px;
}
}
.icons-grid__item:not(:has(.icons-grid__icon)) {
padding-top: 40px;
}
@media screen and (min-width: 48rem) {
.icons-grid__item:not(:has(.icons-grid__icon)) {
padding-top: 65px;
}
}
.icons-grid__icon {
position: relative;
z-index: 2;
margin-top: -50px;
margin-bottom: 50px;
width: 152px;
height: 152px;
-o-object-fit: contain;
object-fit: contain;
display: block;
border-radius: 16px;
box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.25);
}
.icons-grid__content {
position: relative;
z-index: 2;
}
.icons-grid__content > * {
transition: color 0.3s ease;
}
.icons-grid__item:hover:has(.icons-grid__background) .icons-grid__content > * {
color: #fff;
}
.icons-grid__title {
margin-bottom: 30px;
text-wrap: balance;
}
@media screen and (min-width: 48rem) {
.icons-grid__title {
margin-bottom: 50px;
}
}
.icons-grid__background {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 0.4s ease;
z-index: 1;
}
.icons-grid__background img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.icons-grid__background::after {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.5);
}
.icons-grid__item:hover .icons-grid__background {
opacity: 1;
} .markets-list {
display: flex;
margin: 1%;
gap: 1%;
flex-wrap: wrap;
align-items: flex-start;
}
.market-box {
display: flex;
flex: 1;
min-width: 24.25%;
max-width: 24.25%;
flex-direction: column;
height: 400px;
justify-content: space-between;
margin-bottom: 1%;
}
.market-box {
z-index: 1;
transition: background-color 0.3s ease-in;
position: relative;
overflow: hidden;
}
.markets-list {
grid-template-columns: var(--grid-template-columns);
gap: 20px;
margin: 20px;
display: grid;
}
.market-box {
height: 100%;
min-height: 400px;
min-width: none;
flex-direction: column;
flex: 1;
justify-content: space-between;
align-items: stretch;
max-width: 100%;
margin-bottom: 0;
display: flex;
}
.markets-list h3 {
min-height: 2.5em;
}
.market-box h3,
.market-box a {
transition: color 0.2s ease-in;
}
.market-box a {
align-self: center;
width: -moz-fit-content;
width: fit-content;
display: inline-block;
}
.market-box .brands {
opacity: 1;
transition: opacity 0.3s ease-in;
}
.market-box .market-image {
opacity: 0;
z-index: -1;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
transition: opacity 0.3s ease-in;
position: absolute;
top: 0;
left: 0;
}
.market-box:hover,
.market-box:has(a:focus) {
background-color: #000;
}
.market-box:hover .brands,
.market-box:has(a:focus) .brands {
opacity: 0;
}
.market-box:hover h3,
.market-box:hover a,
.market-box:has(a:focus) h3,
.market-box:has(a:focus) a {
color: #fff;
}
.market-box:hover h3.hl.arrow::after,
.market-box:hover a.hl.arrow::after,
.market-box:has(a:focus) h3.hl.arrow::after,
.market-box:has(a:focus) a.hl.arrow::after {
background-image: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/icon-right-arrow-white.svg);
}
.market-box:hover .market-image,
.market-box:has(a:focus) .market-image {
opacity: 0.5;
}
.market-box a.hl.arrow::after:hover,
.market-box a.hl.arrow::after:focus {
background-image: url(//www.zotefoams.com/wp-content/themes/zotefoams/images/icon-right-arrow-white.svg);
}
.brands {
margin: 0;
padding: 0;
list-style: none;
} .split-text {
display: flex;
gap: 10%;
flex-direction: column;
}
.split-text > div {
flex: 1;
}
.split-text p {
margin-bottom: 20px;
}
.split-text strong {
color: #000;
font-weight: 600;
}
@media screen and (min-width: 768px) {
.split-text {
flex-direction: row;
}
} .text-block__inner {
max-width: 1000px;
}
.text-block strong {
color: #000;
font-weight: 600;
} .tabs-container {
overflow: hidden;
}
.tabs:has(.tab:nth-child(2)) {
display: flex;
}
.tabs:not(:has(.tab:nth-child(2))) {
display: none;
}
.tab {
flex: 1;
padding: 20px;
border: none;
background: transparent;
cursor: pointer;
font-size: 16px;
font-weight: 700;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 13px;
transition: all 0.3s;
opacity: 0.5;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
.tab p {
border-bottom: 2px solid #fff;
}
.tab.active {
opacity: 1;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
}
.tab.active p {
border-bottom: 2px solid #000;
}
.tab:hover {
background: #f8f8f8;
}
.tab-content {
display: none;
}
.tab-content .grey-text p {
margin-bottom: 20px;
}
.tab-content.active {
display: block;
}
.tab-content .tab-content__inner {
display: flex;
justify-content: flex-end;
}
.tab-content .tab-content__inner > :nth-of-type(1) {
width: 100%;
max-width: 616px;
margin-right: 84px;
margin-left: 5%;
}
.tab-content .tab-content__inner > :nth-of-type(2) {
min-width: 50%;
}
@media screen and (max-width: 1200px) {
.tab-content .tab-content__inner > :nth-of-type(1) {
margin-right: 5%;
}
}
@media screen and (max-width: 980px) {
.tab-content .tab-content__inner > :nth-of-type(1) {
max-width: 100%;
}
.tab-content .tab-content__inner {
flex-direction: column;
}
.tab-content .tab-content__inner > :nth-of-type(2) {
min-height: 400px;
}
.tab-content .margin-b-70 {
margin-bottom: 0;
}
.tab-content .top-content p:last-of-type {
margin-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.tab-content .tab-content__inner > :nth-of-type(2) {
min-height: 280px;
}
} .small-box-columns__items {
grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
gap: 40px 20px;
display: grid;
}
.small-box-columns__image {
width: 100%;
aspect-ratio: 1/1;
}
@media screen and (max-width: 479px) {
.small-box-columns {
--grid-template-columns-small: repeat(auto-fit, minmax(15rem, 1fr));
}
} .financial-documents-picker {
display: flex;
gap: 60px;
}
.financial-documents-intro p {
margin-bottom: 20px;
}
.financial-documents-picker > div {
flex: 1;
}
.financial-documents-picker select {
background: none;
border: none;
outline: none;
font-size: inherit;
font-family: inherit;
padding: 10px 10px 10px 0;
cursor: pointer;
margin-bottom: 20px;
font-weight: 700;
width: 100px;
}
.document-list {
list-style: none;
padding: 0;
}
.document-list li {
display: flex;
justify-content: space-between;
padding: 15px;
border-top: solid 1px #d1d1d1;
margin-bottom: 5px;
border-radius: 3px;
align-items: center;
}
.document-list li > div {
display: flex;
align-items: center;
}
.document-list li > div img {
margin-right: 15px;
}
.document-list li:last-of-type {
border-bottom: solid 1px #d1d1d1;
}
.document-list a {
padding: 10px 0 10px 10px;
}
@media screen and (max-width: 1023px) {
.financial-documents-picker {
flex-direction: column;
gap: 0;
}
}
@media screen and (max-width: 767px) {
.document-list .fs-400 {
font-size: 16px;
}
} .development-goals__list {
display: grid;
gap: 20px;
grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 767px) {
.development-goals__list {
grid-template-columns: repeat(4, 1fr);
}
}
.development-goals__list img {
width: 100%;
} .sustainability-stats {
max-width: 850px;
align-self: flex-end;
margin-top: 100px;
}
.sustainability-stats__heading {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
margin-bottom: 30px !important;
padding: 10px 0;
max-width: 850px !important;
}
.sustainability-stats__items {
display: flex;
gap: 15px;
flex-direction: column;
}
.sustainability-stats__stat {
display: flex;
align-items: flex-start;
flex: 1;
gap: 15px;
}
.sustainability-stats__stat img {
width: 38px;
}
@media screen and (max-width: 767px) {
.sustainability-stats .sustainability-stats__items p.fs-800 {
font-size: 28px;
}
}
@media screen and (min-width: 768px) {
.sustainability-stats {
margin-top: 20px;
}
.sustainability-stats__heading {
margin-bottom: 20px !important;
}
.sustainability-stats__items {
flex-direction: row;
gap: 30px;
}
.sustainability-stats__stat {
flex-direction: column;
}
.sustainability-stats__stat img {
width: auto;
}
}
@media screen and (max-width: 767px) {
.page-id-153 .swiper-image {
height: auto;
}
} .split-text__content div.wpforms-container-full:not(:empty),
.accordion-content div.wpforms-container-full:not(:empty) {
margin: 0 auto 24px;
} .biography {
display: flex;
gap: 4%;
}
.biography figure {
margin: 0;
}
.biography p,
.biography ul,
.biography ol {
margin-bottom: 25px;
}
.biography .wp-block-heading {
border-top: 1px solid #d1d1d1;
margin-bottom: 20px;
padding-top: 20px;
}
.biography .wp-block-heading:first-of-type {
border-top: 0;
padding-top: 0;
}
.biography > div {
flex: 1;
}
.biography .post-thumbnail img {
width: 100%;
}
@media screen and (max-width: 767px) {
.biography {
flex-direction: column;
}
.biography .post-thumbnail {
margin-bottom: 30px;
}
} .show-hide-forms {
display: flex;
gap: 50px;
flex-direction: column;
}
.show-hide-forms > * {
flex: 1;
}
@media screen and (min-width: 768px) {
.show-hide-forms {
flex-direction: row;
}
} .locations-map {
background-color: #041b40;
}
.locations-map__intro {
max-width: 700px;
}
.locations-map__container {
position: relative;
margin-left: auto;
margin-right: auto;
}
.locations-map__map {
max-width: 100%;
display: block;
width: 100%;
filter: brightness(0) saturate(100%) invert(26%) sepia(23%) saturate(954%) hue-rotate(179deg) brightness(90%) contrast(87%);
}
.locations-map__location {
cursor: pointer;
position: absolute;
width: 0.4vw;
height: 0.4vw;
max-width: 8px;
max-height: 8px;
border-radius: 50%;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}
.locations-map__location:has(.fade-in) {
z-index: 2;
}
.locations-map__location:has(.fade-in) .locations-map__popup {
z-index: 3;
}
.locations-map__location::after {
content: "";
width: 5vw;
height: 5vw;
border-radius: 50%;
border: solid 2px #fff;
position: absolute;
max-width: 50px;
max-height: 50px;
opacity: 0.5;
}
.locations-map__location:hover::after {
border: solid 10px #fff;
}
.locations-map__location::after:hover {
border: solid 10px #fff;
}
.locations-map__location--left .locations-map__popup {
transform: translateX(-25%) !important;
}
.locations-map__popup {
display: none;
position: absolute;
top: 23px;
left: calc(50% - 110px);
width: 220px;
padding: 15px 20px;
border: solid 1px rgba(255, 255, 255, 0.3333333333);
backdrop-filter: blur(10px);
color: #fff;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(4, 27, 65, 0.5));
font-size: 0.9em;
}
.locations-map__popup::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 10%;
background: linear-gradient(to bottom, rgba(4, 27, 65, 0.5), transparent);
z-index: -1;
}
.locations-map__popup.massachusetts {
top: 32%;
left: 22%;
}
.locations-map__popup.croydon {
top: 43%;
left: 46.5%;
}
.locations-map__popup.europe1 {
top: 43%;
left: 49.5%;
}
.locations-map__popup.europe2 {
top: 44%;
left: 52%;
}
.locations-map__popup.india {
top: 60%;
left: 66%;
}
.locations-map__popup.asia1 {
top: 51%;
left: 76.5%;
}
.locations-map__popup.asia2 {
top: 54%;
left: 77%;
}
.locations-map__popup.asia3 {
top: 50%;
left: 78.5%;
} @keyframes pointerFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.locations-map__popup.fade-in {
animation: pointerFadeIn 0.25s ease-out;
}
.locations-map__container:has(.fade-in) .locations-map__location:not(:has(.fade-in)) {
opacity: 0.5;
transition: opacity 0.5s;
} .interactive-image {
background-color: #041b40;
}
.interactive-image.theme-light {
background-color: #f8f8f8;
}
.interactive-image__intro {
max-width: 700px;
}
.interactive-image__container {
position: relative;
margin-left: auto;
margin-right: auto;
width: -moz-fit-content;
width: fit-content;
}
.interactive-image__bg {
max-width: 100%;
display: block;
height: auto;
}
.interactive-image__point {
cursor: pointer;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}
.interactive-image__point--circle {
width: 0.4vw;
height: 0.4vw;
max-width: 8px;
max-height: 8px;
border-radius: 50%;
background-color: #fff;
transform: translate(-50%, -50%);
}
.interactive-image__point--circle::after {
content: "";
width: 5vw;
height: 5vw;
border-radius: 50%;
border: solid 2px #fff;
position: absolute;
max-width: 50px;
max-height: 50px;
opacity: 0.5;
}
.interactive-image__point--circle:hover::after {
border: solid 10px #fff;
}
.interactive-image__point--numbered {
width: 42px;
height: 42px;
border-radius: 50%;
background-color: #0073aa;
border: 1px solid #fff;
color: #fff;
font-weight: 600;
font-size: 20px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
transition: transform 0.2s ease;
transform: translate(-50%, -50%);
}
.interactive-image__point--numbered::before {
content: attr(data-point-number);
}
.interactive-image__point--numbered:hover {
transform: translate(-50%, -50%);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}
.interactive-image__point:has(.fade-in) {
z-index: 2;
}
.interactive-image__point:has(.fade-in) .interactive-image__popup {
z-index: 3;
}
.interactive-image__point--left .interactive-image__popup {
left: 10px;
transform: translateX(-25%);
}
.interactive-image__point--right .interactive-image__popup {
left: auto;
right: 10px;
transform: translateX(25%);
}
.interactive-image__popup {
display: none;
position: absolute;
top: 23px;
left: calc(50% - 110px);
width: 220px;
padding: 15px 20px;
border: solid 1px rgba(255, 255, 255, 0.3333333333);
backdrop-filter: blur(10px);
color: #fff;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(4, 27, 65, 0.5));
font-size: 0.9rem;
}
.interactive-image__point--numbered .interactive-image__popup {
top: 35px;
}
.interactive-image__popup--center-aligned {
left: 50%;
transform: translateX(-50%);
}
.interactive-image__popup--left-aligned {
left: 0;
transform: none;
}
.interactive-image__popup--right-aligned {
left: auto;
right: 0;
transform: none;
}
.interactive-image__popup::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 10%;
background: linear-gradient(to bottom, rgba(4, 27, 65, 0.5), transparent);
z-index: -1;
} @keyframes interactiveImageFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.interactive-image__popup.fade-in {
animation: interactiveImageFadeIn 0.25s ease-out;
}
.interactive-image__container:has(.fade-in) .interactive-image__point:not(:has(.fade-in)) {
opacity: 0.5;
transition: opacity 0.5s;
} @media (max-width: 768px) {
.interactive-image__point--circle {
width: 8px;
height: 8px;
max-width: 8px;
max-height: 8px;
transform: translate(-50%, -50%);
}
.interactive-image__point--circle::after {
width: 40px;
height: 40px;
max-width: 40px;
max-height: 40px;
}
.interactive-image__point--numbered {
width: 32px;
height: 32px;
font-size: 16px;
transform: translate(-50%, -50%);
}
.interactive-image__point--numbered:hover {
transform: translate(-50%, -50%);
}
.interactive-image__popup {
width: 200px;
left: calc(50% - 100px);
font-size: 0.85rem;
padding: 12px 15px;
}
.interactive-image__popup--center-aligned {
left: 50%;
transform: translateX(-50%);
}
} .data-points h3 {
text-align: center;
font-size: 1.5em;
}
.data-points .data-points-items {
display: flex;
flex-wrap: wrap;
}
.data-points .data-points-items .spacer {
flex: 1 1 0;
}
.data-points .data-points-items .data-points-item {
flex: 2 1 0;
text-align: center;
}
.data-points .data-points-items .data-points-item img {
width: 30px;
}
.data-points .data-points-items .data-points-item .value {
display: block;
}
.data-points .data-points-items .data-points-item .sub-title {
font-size: 0.8em;
color: #707070;
display: block;
}
@media screen and (max-width: 767px) {
.data-points .data-points-items .data-points-item {
width: 50%;
flex: 1 auto;
margin-bottom: 30px;
}
} .specs-grid { }
.specs-grid > .cont-m {
border-top: var(--border-separator);
}
.specs-grid__items {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 50px;
list-style: none;
padding: 0;
}
.specs-grid__item {
display: flex;
flex-direction: column;
gap: 10px;
}
@media screen and (max-width: 63.99rem) {
.specs-grid__items {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 47.99rem) {
.specs-grid__items {
grid-template-columns: repeat(2, 1fr);
}
}
.specs-grid.theme-dark > .cont-m {
--border-separator: none;
}
.specs-grid.theme-dark .grey-text {
color: var(--color-text-light);
}
.specs-grid.theme-dark a {
color: #9dc2fc;
}
.specs-grid.theme-dark a::after {
filter: brightness(1.55);
} .material-swatches {
--base-swatch-size: 227px;
}
.material-swatches__items {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--base-swatch-size), 1fr));
}
.material-swatches__item {
aspect-ratio: 1;
position: relative;
overflow: visible;
z-index: 0;
padding: 20px;
}
.material-swatches__item:has(.material-swatches__item-image) {
transition: z-index 0s 0.1s;
}
.material-swatches__item:has(.material-swatches__item-image):hover {
z-index: 1;
transition: z-index 0s;
}
.material-swatches__item:has(.material-swatches__item-image)::before {
content: "";
position: absolute;
inset: 0;
background: inherit;
transform: scale(1);
transition: transform 0.1s ease;
z-index: 0;
}
.material-swatches__item:has(.material-swatches__item-image):hover::before {
transform: scale(1.09);
transition: transform 0.3s ease 0.1s;
}
.material-swatches__item-title {
position: relative;
z-index: 3;
text-shadow: none;
transition: color 0.1s ease, text-shadow 0.1s ease;
}
.material-swatches__item:has(.material-swatches__item-image):hover .material-swatches__item-title {
color: #fff;
text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
transition: color 0.3s ease 0.1s, text-shadow 0.3s ease 0.1s;
}
.material-swatches__item-image {
position: absolute;
width: 110%;
height: 110%;
max-width: 110%;
inset: -5%;
-o-object-fit: cover;
object-fit: cover;
display: block;
z-index: 2;
opacity: 0;
clip-path: inset(4.55%);
transition: clip-path 0.1s ease, opacity 0.1s ease;
pointer-events: none;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
.material-swatches__item:has(.material-swatches__item-image):hover .material-swatches__item-image {
opacity: 1;
clip-path: inset(0%);
transition: clip-path 0.3s ease 0.1s, opacity 0.3s ease 0.2s;
} .data-map__stats {
display: flex;
width: min(700px, 100%);
gap: 20px;
flex-wrap: wrap;
}
.data-map__stat {
background: rgba(255, 255, 255, 0.9);
width: 100%;
}
@media screen and (min-width: 480px) {
.data-map__stat--2, .data-map__stat--3 {
width: calc(50% - 10px);
}
}
.highlight-panel {
position: relative;
z-index: 1;
}
.highlight-panel__inner {
padding-left: min(50px, 5%);
padding-right: min(50px, 5%);
width: 100%;
}
.highlight-panel__sub-image {
max-width: 140px;
border-radius: 10px;
}
.highlight-panel::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.step-slider {
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
.step-slider__text {
padding: 30px;
display: flex;
flex-direction: column;
gap: 50px;
}
.step-slider__overline, .step-slider__title {
border-bottom: solid 1px;
padding-bottom: 10px;
}
.step-slider__title {
padding-bottom: 20px;
margin-top: 1em;
}
.step-slider__subtext {
color: var(--color-text-light);
}
.step-slider__subtext strong {
color: #fff;
}
@media screen and (min-width: 1024px) {
.step-slider {
max-width: none;
}
.step-slider__slide {
position: sticky;
top: calc(var(--header-height) + 30px);
margin: 0 0 0 0;
max-width: none;
overflow: hidden;
}
.step-slider__cols {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.step-slider__cols::before {
content: "";
position: absolute;
top: -20px;
bottom: -20px;
right: 0;
max-width: min(700px, 50vw);
left: 50%;
transform: translateX(-100%);
box-shadow: inset 0 0 20px black;
}
.step-slider__image {
height: auto;
max-width: 100%;
max-width: min(700px, 50vw);
margin-left: auto;
}
.step-slider__text {
max-width: 564px;
gap: 0;
padding: 50px 50px 50px 10%;
justify-content: space-between;
}
} .zf-history {
--scroll-progress2: 1;
--opacity-start: 0.5;
--transition-length: 0.25s;
--transition-delay: 0.01s;
--transition-delay-slow: 0.5s;
}
html:has(.zf-history) {
--scroll-padding-top: 0px;
scroll-behavior: auto;
}
@media screen and (min-height: 1024px), screen and (min-width: 1024px) {
html:has(.zf-history) {
scroll-snap-type: y mandatory;
scroll-snap-stop: always;
}
html:has(.zf-history) .site-footer {
scroll-snap-align: start;
z-index: 2;
position: relative;
}
}
.zf-history__panel {
min-height: calc(100vh - var(--header-height));
}
@media screen and (min-height: 1024px), screen and (min-width: 1024px) {
.zf-history__panel {
scroll-snap-align: start;
}
}
@supports (height: 100dvh) {
.zf-history__panel {
min-height: calc(100dvh - var(--header-height));
}
}
.zf-history__panel {
overflow: hidden;
}
.zf-history .h1 {
font-size: clamp(2.25rem, 9.35vw, 6.375rem);
line-height: 0.9;
}
.zf-history .h2 {
font-size: clamp(1.631rem, 6.779vw, 4.621rem);
line-height: 0.95;
font-weight: 200;
}
.zf-history .h2.font-alt {
font-size: clamp(1.853rem, 7.699vw, 5.25rem);
line-height: 1.05;
}
.zf-history .h3 {
font-size: clamp(1.0625rem, 3.665vw, 2.5rem);
line-height: 0.9;
}
.zf-history .h3.font-alt {
line-height: 1;
}
.zf-history .h4 {
font-size: clamp(1.0625rem, 2.197vw, 1.498rem);
}
.zf-history .h4.font-alt {
line-height: 1.1;
}
.zf-history .h6 {
font-size: clamp(1rem, 0.885vw, 1.0625rem);
}
.zf-history .font-alt {
font-family: "EB Garamond", serif;
font-style: italic;
font-weight: 400;
}
.zf-history p {
line-height: 1.3;
font-size: clamp(0.875rem, 2vw, 1rem);
}
.zf-history .fade-in {
opacity: 0;
transition: opacity 1s ease-in-out;
}
.zf-history .is-visible .fade-in {
opacity: var(--scroll-progress2);
}
.zf-history .image-cover {
background-image: var(--bg-img);
background-position: center 5vh;
background-size: 175% auto;
background-attachment: fixed;
background-repeat: no-repeat;
}
.touch-device .zf-history .image-cover {
background-attachment: scroll;
}
@media screen and (min-width: 1200px) {
.zf-history .image-cover {
background-size: 90% auto;
}
}
.zf-history__intro.image-cover {
background-image: linear-gradient(to top, black 0%, transparent 20%, transparent 100%), var(--bg-img);
background-size: 100%, calc(65vw + 500px), auto;
background-position: right top;
}
.zf-history__intro.image-cover section:last-child {
background: linear-gradient(to bottom, transparent 0%, #000 80%);
}
.zf-history__intro-secondary img {
max-width: 50%;
}
@media screen and (max-width: 1199px) {
.zf-history__intro .zf-history__text:last-child {
padding-bottom: 4vh;
}
}
.zf-history__panel {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.zf-history nav {
display: flex;
align-items: center;
z-index: 2;
justify-self: center;
position: sticky;
height: 0;
top: calc(var(--header-height));
}
.zf-history nav ul {
position: relative;
top: 3em;
background-color: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(10px);
border: solid 1px #707070;
border-radius: 5px;
list-style: none;
padding: 0 1vw;
margin: 0 auto;
display: flex;
}
.zf-history nav a {
padding: 10px 0.75vw;
color: #000;
display: inline-block;
font-size: clamp(0.8125rem, 1vw, 1rem);
}
.zf-history nav a.is-active, .zf-history nav a:focus-visible {
color: #007bff;
}
@media screen and (min-width: 600px) {
.zf-history__separator {
margin-inline: 0.25em;
}
}
@media screen and (max-width: 599px) {
.zf-history__minimise {
display: none;
}
}
.zf-history__years .zf-history__text :not(:first-child) {
margin-top: 1vh;
}
.zf-history__year-intro {
border: solid 1px #707070;
border-radius: 1.9em;
padding: 10vh 0.35em;
text-align: center;
max-width: 1110px;
}
.zf-history__cols {
display: flex;
flex-direction: column;
padding-top: 4em;
flex-grow: 1;
gap: 10px;
justify-content: center;
}
@media screen and (min-width: 600px) {
.zf-history__cols {
gap: 50px;
}
}
@media screen and (min-width: 1200px) {
.zf-history__cols {
display: grid;
grid-template-columns: 1fr minmax(auto, 36.5em);
gap: 5%;
}
.zf-history__cols--swap > :first-child {
order: 2;
}
.zf-history__cols--swap > :last-child {
padding-left: 18%;
}
}
.zf-history__images {
position: relative;
}
@media screen and (max-width: 1199px) {
.zf-history__images {
height: calc(40vh - 2em - var(--header-height) / 2);
}
@supports (height: 100dvh) {
.zf-history__images {
height: calc(40dvh - 2em - var(--header-height) / 2);
}
}
}
.zf-history__images img:not(:first-child) {
position: absolute;
right: 0;
}
.zf-history__images + .zf-history__text {
align-self: center;
}
@media screen and (max-width: 1199px) {
.zf-history__images + .zf-history__text {
max-width: 40em;
position: relative;
}
}
@media screen and (max-width: 1199px) {
.zf-history__images + .zf-history__text .zf-history__text-inner {
padding-bottom: 6vh;
}
}
@media screen and (max-width: 1199px) {
.zf-history__images::after {
content: "";
display: block;
background: linear-gradient(to top, var(--bg, #000) 0, var(--bg, #000) calc(100% - 1em), transparent 100%);
opacity: 0.9;
position: absolute;
bottom: calc(-8em - 30px);
left: 50%;
height: 8em;
width: 100vw;
transform: translateX(-50%);
}
}
@media screen and (max-width: 599px) {
.zf-history__images::after {
bottom: -8em;
}
}
.zf-history__text :not(:first-child) {
margin-top: 1em;
}
.zf-history__section {
position: relative;
z-index: 1;
}
.zf-history__section.tint-bg {
--bg: #ebf8ff;
}
.zf-history__section::before {
content: "";
display: block;
background: linear-gradient(to bottom, var(--bg, #000) 0, transparent var(--header-height), transparent 100%);
position: sticky;
top: var(--header-height);
left: 0;
right: 0;
height: var(--header-height);
margin-bottom: calc(var(--header-height) * -1);
z-index: 1;
}
.zf-history__section article.zf-history__panel {
background: linear-gradient(to bottom, transparent 0%, transparent 20%, var(--bg, #000) 50%, transparent 80%);
}
.zf-history__panel > * {
opacity: calc(var(--opacity-start) + var(--scroll-progress2) * 2);
transition: opacity var(--transition-length) ease-out;
transition-delay: var(--transition-delay);
}
.zf-history__panel:is(article) {
--opacity-start: -0.5;
}
.zf-history__panel:is(header) {
--opacity-start: -0.75;
}
.zf-history__intro-secondary {
--transition-delay: 0;
--opacity-start: 0.2;
opacity: calc(var(--opacity-start) + var(--scroll-progress2) * 1);
}
.zf-history__text {
text-wrap: balance;
}
.zf-history__images img {
transition: transform 0.5s ease-in-out;
transition-delay: 0.01s;
will-change: transform;
}
@media screen and (max-width: 1199px) {
.zf-history__images img {
max-height: 35vh;
}
}
.zf-history__panel .zf-history__images {
margin: 0 auto;
width: -moz-fit-content;
width: fit-content;
max-width: 800px;
align-self: center;
align-content: flex-end;
}
.zf-history__panel .zf-history__images:not(:has(img + img)) {
text-align: center;
}
.zf-history__panel img {
--invert-rotate: var(--invert-rotate, var(--invert-all, -1));
--invert-move: var(--invert-move, var(--invert-all, -1));
--transition-rotate: rotate(calc(0deg + var(--scroll-progress2) * calc(4deg * var(--invert, -1))));
--transition-move: translate(calc(var(--scroll-progress2) * calc(5% * var(--invert, -1))), calc(var(--scroll-progress2) * calc(10% * var(--invert, -1))));
}
.zf-history__panel img:first-child {
position: relative;
}
#years-1920s .zf-history__panel.is-visible:nth-of-type(1) img:nth-of-type(1) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-1920s .zf-history__panel.is-visible:nth-of-type(1) img:nth-of-type(2) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-1920s .zf-history__panel.is-visible:nth-of-type(1) img:nth-of-type(3) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-1920s .zf-history__panel.is-visible:nth-of-type(2) img:nth-of-type(1) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-1920s .zf-history__panel.is-visible:nth-of-type(2) img:nth-of-type(2) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-1920s:nth-of-type(1) .zf-history__images {
max-height: 500px;
}
#years-1920s:nth-of-type(1) img:nth-of-type(1) {
left: 0;
max-width: 68vw;
filter: drop-shadow(2px 3px 3px #999);
}
#years-1920s:nth-of-type(1) img:nth-of-type(2) {
right: -5%;
scale: 0.85;
bottom: -6%;
max-width: 50vw;
--invert: 0.5;
filter: drop-shadow(0 1px 5px #999);
}
#years-1920s:nth-of-type(1) img:nth-of-type(3) {
right: -15%;
top: -7vw;
max-width: 36vw;
--invert: 2.5;
filter: drop-shadow(-2px 2px 5px #999);
}
#years-1920s:nth-of-type(1) .zf-history__popup-marker {
right: 35%;
bottom: 15%;
}
#years-1920s:nth-of-type(2) .zf-history__images {
max-width: 600px;
}
#years-1920s:nth-of-type(2) img:nth-of-type(1) {
--invert: 1;
scale: 0.9;
margin-top: -20px;
margin-bottom: 20px;
filter: drop-shadow(0 1px 5px #999);
}
#years-1920s:nth-of-type(2) img:nth-of-type(2) {
top: max(-10vw, -80px);
scale: 0.9;
left: 10%;
--invert: -1.5;
}
#years-1920s:nth-of-type(2) img:nth-of-type(3) {
top: 10%;
right: max(-8vw, -10%);
max-width: 50vw;
filter: drop-shadow(0 1px 5px #333);
}
#years-1920s:nth-of-type(2) .zf-history__popup-marker {
right: 10%;
top: 70%;
}
#years-1940s .zf-history__panel.is-visible:nth-of-type(1) img:nth-of-type(1) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-1940s .zf-history__panel.is-visible:nth-of-type(1) img:nth-of-type(2) {
transform: translate(calc(var(--scroll-progress2) * -70%), calc(var(--scroll-progress2) * -10%));
}
#years-1940s .zf-history__panel.is-visible:nth-of-type(1) img:nth-of-type(3) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-1940s .zf-history__panel.is-visible:nth-of-type(2) img:nth-of-type(1) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-1940s .zf-history__panel.is-visible:nth-of-type(2) img:nth-of-type(2) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-1940s .zf-history__panel.is-visible:nth-of-type(3) img:nth-of-type(1) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-1940s .zf-history__panel.is-visible:nth-of-type(3) img:nth-of-type(2) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-1940s .zf-history__panel:nth-of-type(1) img:nth-of-type(1) {
left: 5%;
margin-top: 25%;
max-width: min(60vw, 600px);
}
#years-1940s .zf-history__panel:nth-of-type(1) img:nth-of-type(2) {
top: 5%;
left: 50%;
scale: 0.85;
max-width: 65vw;
transition: transform 1.5s 0.15s ease-in-out;
filter: drop-shadow(2px 3px 16px #111);
}
#years-1940s .zf-history__panel:nth-of-type(1) img:nth-of-type(3) {
bottom: 10%;
right: -5%;
max-width: 40vw;
--invert: 1;
filter: drop-shadow(2px 3px 6px #111);
}
#years-1940s .zf-history__panel:nth-of-type(1) .zf-history__popup-marker:nth-of-type(1) {
left: 20%;
top: 70%;
}
#years-1940s .zf-history__panel:nth-of-type(1) .zf-history__popup-marker:nth-of-type(2) {
right: 20%;
top: 70%;
}
#years-1940s .zf-history__panel:nth-of-type(2) .zf-history__images {
max-width: 640px;
}
#years-1940s .zf-history__panel:nth-of-type(2) img:nth-of-type(1) {
max-width: 70vw;
top: -10%;
scale: 0.85;
margin-bottom: 20%;
transform-origin: bottom left;
}
#years-1940s .zf-history__panel:nth-of-type(2) img:nth-of-type(2) {
max-width: 75vw;
bottom: 10%;
right: max(-12vw, -10%);
scale: 0.9;
transform-origin: bottom right;
--invert: 1;
filter: drop-shadow(-2px -3px 6px #111);
}
#years-1940s .zf-history__panel:nth-of-type(2) .zf-history__popup-marker {
right: min(10vw, 30%);
top: 40%;
}
#years-1940s .zf-history__panel:nth-of-type(3) .zf-history__images {
max-width: min(500px, 60vw);
}
#years-1940s .zf-history__panel:nth-of-type(3) img:nth-of-type(1) {
left: -10%;
scale: 0.85;
max-width: 60vw;
}
#years-1940s .zf-history__panel:nth-of-type(3) img:nth-of-type(2) {
right: -10%;
bottom: 0;
scale: 0.8;
max-width: min(45vw, 300px);
--invert: 1;
filter: drop-shadow(-2px -3px 5px #000);
}
#years-1940s .zf-history__panel:nth-of-type(3) .zf-history__popup-marker:nth-of-type(1) {
right: 10%;
top: 40%;
}
#years-1940s .zf-history__panel:nth-of-type(3) .zf-history__popup-marker:nth-of-type(2) {
left: 10%;
top: 40%;
}
#years-1960s .zf-history__panel.is-visible:nth-of-type(1) img:nth-of-type(1) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-1960s .zf-history__panel.is-visible:nth-of-type(2) img:nth-of-type(1) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-1960s .zf-history__panel:nth-of-type(1) img:nth-of-type(1) {
margin-bottom: 8%;
--invert: 0.5;
transform-origin: right top;
filter: drop-shadow(2px 3px 6px #666);
max-width: min(90%, 600px);
}
#years-1960s .zf-history__panel:nth-of-type(1) .zf-history__popup-marker {
right: 15%;
bottom: 25%;
}
#years-1960s .zf-history__panel:nth-of-type(2) img:nth-of-type(1) {
max-width: max(300px, 40vw);
--invert: -0.75;
transform-origin: top right;
}
#years-1960s .zf-history__panel:nth-of-type(2) .zf-history__popup-marker {
right: 15%;
bottom: 15%;
}
#years-1980s .zf-history__panel.is-visible:nth-of-type(1) img:nth-of-type(1) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-1980s .zf-history__panel:nth-of-type(1) img:nth-of-type(1) {
max-width: min(90%, 800px);
--invert: -0.75;
transform-origin: top right;
}
#years-1980s .zf-history__panel:nth-of-type(1) .zf-history__popup-marker {
right: 15%;
bottom: 20%;
}
#years-2000s .zf-history__panel.is-visible:nth-of-type(1) img:nth-of-type(1) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-2000s .zf-history__panel.is-visible:nth-of-type(2) img:nth-of-type(1) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-2000s .zf-history__panel.is-visible:nth-of-type(2) img:nth-of-type(2) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-2000s .zf-history__panel.is-visible:nth-of-type(3) img:nth-of-type(1) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-2000s .zf-history__panel:nth-of-type(1) img:nth-of-type(1) {
margin-bottom: 12%;
max-width: min(70vw, 500px);
--invert: 0.75;
transform-origin: top left;
filter: drop-shadow(2px 3px 6px #666);
}
#years-2000s .zf-history__panel:nth-of-type(1) .zf-history__popup-marker {
left: 10%;
bottom: 20%;
}
#years-2000s .zf-history__panel:nth-of-type(2) img:nth-of-type(1) {
left: 5%;
max-width: min(90%, 800px);
transform-origin: top left;
filter: drop-shadow(2px 3px 6px #666);
}
#years-2000s .zf-history__panel:nth-of-type(2) img:nth-of-type(2) {
right: -5%;
--invert: 0.75;
max-width: min(360px, 60vw);
filter: drop-shadow(-2px -3px 6px #333);
}
#years-2000s .zf-history__panel:nth-of-type(2) .zf-history__popup-marker {
left: 15%;
bottom: 25%;
}
#years-2000s .zf-history__panel:nth-of-type(3) img:nth-of-type(1) {
max-width: min(90%, 800px);
transform-origin: top left;
filter: drop-shadow(2px 3px 6px #666);
}
#years-2000s .zf-history__panel:nth-of-type(3) .zf-history__popup-marker {
left: 15%;
bottom: 24%;
}
#years-2010s .zf-history__panel.is-visible:nth-of-type(1) img:nth-of-type(1), #years-2010s .zf-history__panel.is-visible:nth-of-type(1) img:nth-of-type(2) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-2010s .zf-history__panel.is-visible:nth-of-type(2) img:nth-of-type(1) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-2010s .zf-history__panel.is-visible:nth-of-type(3) img:nth-of-type(1) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-2010s .zf-history__panel.is-visible:nth-of-type(3) img:nth-of-type(2) {
transform: var(--transition-rotate) var(--transition-move);
}
#years-2010s .zf-history__panel:nth-of-type(1) img:nth-of-type(1) {
transform-origin: right top;
left: -5%;
max-width: min(60vw, 500px);
}
#years-2010s .zf-history__panel:nth-of-type(1) img:nth-of-type(2) {
--invert: 1;
right: -10%;
bottom: 0%;
max-width: min(60vw, 400px);
}
@media screen and (max-width: 1199px) {
#years-2010s .zf-history__panel:nth-of-type(2) .zf-history__images {
max-height: 400px;
}
}
#years-2010s .zf-history__panel:nth-of-type(2) img:nth-of-type(1) {
transform-origin: right top;
max-width: min(60vw, 400px);
left: -10%;
}
#years-2010s .zf-history__panel:nth-of-type(2) img:nth-of-type(2) {
right: -35%;
top: 10%;
max-width: min(50vw, 300px);
scale: 0.9;
}
#years-2010s .zf-history__panel:nth-of-type(2) .zf-history__popup-marker {
right: 8%;
bottom: 40%;
}
#years-2010s .zf-history__panel:nth-of-type(3) img:nth-of-type(1) {
left: -2%;
scale: 0.85;
margin-bottom: 0;
max-width: 70%;
}
#years-2010s .zf-history__panel:nth-of-type(3) img:nth-of-type(2) {
--invert: 1;
scale: 0.85;
margin-bottom: 8%;
right: -2%;
max-width: 70%;
}
#years-2010s .zf-history__panel:nth-of-type(3) .zf-history__popup-marker:nth-of-type(1) {
left: 8%;
bottom: 20%;
}
#years-2010s .zf-history__panel:nth-of-type(3) .zf-history__popup-marker:nth-of-type(2) {
right: 8%;
bottom: 20%;
}
.zf-history__images {
position: relative;
}
.zf-history__images .zf-history__popup-marker {
cursor: pointer;
position: absolute;
width: 1vw;
height: 1vw;
max-width: 16px;
max-height: 16px;
border-radius: 50%;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
}
.zf-history__images .zf-history__popup-marker .zf-history__popup {
opacity: 0;
position: absolute;
display: none;
top: 100%;
right: 100%;
background-color: rgba(0, 0, 0, 0.65);
backdrop-filter: blur(10px);
border: solid 1px #fff;
padding: 15px;
color: #fff;
transition: opacity 0.85s;
font-size: 14px;
width: 16em;
max-width: 50vw;
z-index: 1;
line-height: 1.3;
}
.zf-history__images .zf-history__popup-marker .zf-history__popup--alt {
right: auto;
left: 100%;
}
.zf-history__images .zf-history__popup-marker:hover .zf-history__popup, .zf-history__images .zf-history__popup-marker:focus .zf-history__popup {
display: block;
opacity: 1;
}
.zf-history__images .zf-history__popup-marker:hover::after, .zf-history__images .zf-history__popup-marker:focus::after {
animation-play-state: paused;
opacity: 0.2 !important;
}
.zf-history__images .zf-history__popup-marker::after {
content: "";
width: 10vw;
height: 10vw;
border-radius: 50%;
border: solid 2px #fff;
position: absolute;
max-width: 60px;
max-height: 60px;
opacity: 0.85;
animation: marker-pulse 1.25s infinite ease-in-out;
background-color: rgba(0, 0, 0, 0.35);
}
.zf-history__images .zf-history__popup-marker:hover::after, .zf-history__images .zf-history__popup-marker:focus::after {
border: solid 10px #fff;
}
@keyframes marker-pulse {
0%, 100% {
transform: scale(1);
opacity: 0.5;
}
50% {
transform: scale(1.25);
opacity: 1;
}
}
#progress-bar {
position: fixed;
top: var(--header-height);
left: 0;
height: 6px;
width: 0%;
background-color: #007bff;
z-index: 9;
transition: width 0.1s ease-out;
} .carousel-navigation img {
padding: 14px;
border-radius: 50%;
}
.carousel-navigation .split-swiper-button-prev {
margin-right: 5px;
}
.carousel-navigation .split-swiper-button-next {
margin-left: 5px;
}
.carousel-navigation.white img {
border: 1px solid rgba(255, 255, 255, 0.7);
}
.carousel-navigation.black img {
border: 1px solid rgba(0, 0, 0, 0.7);
}
.carousel-navigation-inner {
display: flex;
}
.carousel-navigation .swiper-button-disabled {
opacity: 0.5;
}
.carousel-navigation .swiper-button-disabled img {
cursor: default;
}
.carousel-navigation img {
cursor: pointer;
} .swiper-carousel.split-carousel {
position: relative; }
.swiper-carousel.split-carousel .navigation-wrapper {
position: absolute;
bottom: 0;
right: 0;
z-index: 2;
width: calc(50% - 50px);
margin-bottom: 30px;
}
.swiper-carousel.split-carousel .navigation-wrapper .carousel-navigation-inner img {
width: 50px;
height: 50px;
}
.swiper-carousel.split-carousel .navigation-wrapper .split-swiper-pagination {
text-align: right;
margin-right: 16vw;
width: auto;
margin-top: 20px;
float: right;
}
.swiper-carousel.split-carousel .navigation-wrapper .split-swiper-pagination .swiper-pagination-bullet {
background-color: #000;
opacity: 1;
margin-left: 2px;
margin-right: 2px;
}
.swiper-carousel.split-carousel .navigation-wrapper .split-swiper-pagination .swiper-pagination-bullet-active {
background-color: #3b82f6;
}
.swiper-split .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
}
.swiper-split .swiper-slide > * {
flex: 3 1 0;
width: 50%;
}
.swiper-split .swiper-slide-content {
flex-direction: column;
padding-top: 50px;
padding-left: 50px;
margin-bottom: 120px;
}
.swiper-slide-content-inner {
max-width: 700px;
margin-right: 5%;
}
@media screen and (max-width: 767px) {
.swiper-split .swiper-slide-content {
padding-right: 0;
padding-left: 0;
}
.swiper-carousel.split-carousel {
position: relative; }
.swiper-split .swiper-slide {
flex-direction: column;
}
.swiper-split .swiper-slide-content {
margin-bottom: 40px;
}
.swiper-carousel.split-carousel .navigation-wrapper {
width: 100%;
position: relative;
display: flex;
justify-content: center;
padding-bottom: 40px;
}
.swiper-carousel.split-carousel .split-swiper-pagination {
display: none;
}
.swiper-split .swiper-slide > * {
text-align: center;
width: 100%;
}
.swiper-split .swiper-slide-content > * {
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
}
.swiper-split .spacer {
flex: 1 0 0;
} .multi-item-carousel.swiper {
overflow: visible !important;
}
.multi-item-carousel-container {
overflow: hidden !important;
}
.carousel-navigation-inner .multi-swiper-button-prev {
margin-right: 5px;
}
.carousel-navigation-inner .multi-swiper-button-next {
margin-left: 5px;
}
.multi-item-carousel .title-strip {
width: 100%;
}
.multi-item-carousel .carousel-navigation {
margin-left: auto;
}
.multi-item-carousel .swiper-slide {
text-align: center;
border: solid 1px #ddd;
height: auto;
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
transition: opacity 0.3s ease;
}
.multi-item-carousel .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-active ~ .swiper-slide) {
opacity: 0.35;
pointer-events: none;
}
.multi-item-carousel-container .swiper-button-disabled {
opacity: 0.5;
}
.multi-item-carousel-container .swiper-button-disabled img {
cursor: initial;
}
.multi-item-carousel .swiper-slide > * {
display: block;
margin-left: auto;
margin-right: auto;
}
.multi-item-carousel .swiper-slide h3 {
margin-top: 60px;
margin-bottom: 30px;
}
.multi-item-carousel .swiper-slide p {
margin-bottom: 70px;
max-width: min(90%, 400px);
flex-grow: 1;
}
.multi-item-carousel:not(.multi-item-carousel--variant) .swiper-slide p {
color: #707070;
}
.multi-item-carousel .swiper-slide img {
margin-bottom: 60px;
width: 100%;
}
.multi-item-carousel .swiper-slide a.btn {
display: inline-block;
margin-bottom: 60px;
}
.multi-item-carousel .multi-swiper-scrollbar {
height: 5px;
margin-top: 30px;
background: rgba(0, 0, 0, 0.15); }
.multi-item-carousel .swiper-scrollbar-drag {
background: #707070;
height: 5px;
}
@media screen and (max-width: 767px) {
.multi-item-carousel .swiper-slide p {
margin-bottom: 30px;
}
.multi-item-carousel .swiper-slide h3 {
margin-top: 30px;
margin-bottom: 20px;
}
.multi-item-carousel .swiper-slide img {
margin-bottom: 30px;
}
.multi-item-carousel .swiper-slide a.btn {
margin-bottom: 30px;
}
}
.multi-item-carousel--variant .swiper-slide {
text-align: left;
display: block;
}
.multi-item-carousel--variant .swiper-slide p,
.multi-item-carousel--variant .swiper-slide > * {
max-width: 460px;
margin-left: 10%;
margin-right: 10%;
margin-bottom: 1em;
}
.multi-item-carousel--variant .swiper-slide .btn {
margin-top: 60px;
text-align: center;
} .multi-item-gallery-carousel-container {
overflow: hidden !important;
}
.multi-item-gallery-carousel-container .title-strip {
width: 100%;
}
.multi-item-gallery-carousel-container .carousel-navigation {
margin-left: auto;
}
.multi-item-gallery-carousel.swiper {
overflow: visible !important;
}
.multi-item-gallery-carousel .swiper-slide {
display: flex;
align-items: stretch;
height: auto;
}
.multi-item-gallery-carousel__content {
transition: opacity 0.3s ease;
}
.swiper-slide:not(.swiper-slide-active) .multi-item-gallery-carousel__content {
opacity: 0.35;
pointer-events: none;
}
.multi-item-gallery-carousel__image {
flex: 0 0 60%;
max-width: 60%;
overflow: hidden;
aspect-ratio: 3/2;
position: relative;
transition: background-color 0.25s ease;
}
.multi-item-gallery-carousel__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.multi-item-gallery-carousel__content {
flex: 1;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: center;
}
.multi-item-gallery-carousel__pills {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.multi-item-gallery-carousel__pill {
padding: 0.5em 1em;
border-radius: 999px;
border: none;
cursor: pointer;
background: var(--pill-bg, var(--tone-dark));
color: var(--pill-text, #fff);
opacity: 0.5;
transition: opacity 0.2s ease;
}
.multi-item-gallery-carousel__pill.active {
opacity: 1;
}
.multi-item-gallery-carousel__pill:not(.active):hover {
opacity: 0.75;
}
.multi-item-gallery-carousel__text {
flex-grow: 1;
}
.multi-item-gallery-carousel .multi-gallery-swiper-scrollbar {
height: 5px;
margin-top: 30px;
background: rgba(0, 0, 0, 0.15);
}
.multi-item-gallery-carousel .swiper-scrollbar-drag {
background: #707070;
height: 5px;
}
.carousel-navigation-inner .multi-gallery-swiper-button-prev {
margin-right: 5px;
}
.carousel-navigation-inner .multi-gallery-swiper-button-next {
margin-left: 5px;
}
@media screen and (max-width: 63.99rem) {
.multi-item-gallery-carousel-container .carousel-navigation {
margin-left: 0;
}
.multi-item-gallery-carousel .swiper-slide {
flex-direction: column;
}
.multi-item-gallery-carousel__image {
flex: none;
max-width: 100%;
width: 100%;
aspect-ratio: 4/3;
}
} @media screen and (min-width: 48em) {
.swiper-dual-carousel {
display: flex;
justify-content: center;
align-items: stretch; flex-direction: column;
flex-direction: row;
}
.swiper-dual-carousel > div {
width: 50%;
}
}
.swiper-dual-carousel-image .swiper-wrapper {
align-items: center;
}
.swiper-dual-carousel-image .swiper-inner {
height: 100%;
}
.swiper-dual-carousel-image .swiper-inner img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.swiper-dual-carousel-text {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative;
}
.swiper-dual-carousel-text-title {
max-width: 16em;
margin-left: auto;
margin-right: auto;
}
.swiper-dual-carousel-text .swiper-slide {
padding: 70px 0 180px;
}
.swiper-dual-carousel-text .slide-inner {
padding-left: 15px;
padding-right: 15px;
}
.swiper-dual-carousel-text .slide-sub-content {
max-width: 300px;
margin: 0 auto;
}
.swiper-dual-carousel-text .animate__animated:not(.value) {
opacity: 0;
}
.swiper-dual-carousel .carousel-navigation {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
bottom: 50px;
text-align: center;
z-index: 1;
}
.carousel-navigation-inner .swiper-button-prev-dual-carousel,
.carousel-navigation-inner .calendar-swiper-button-prev {
margin-right: 5px;
}
.carousel-navigation-inner .swiper-button-next-dual-carousel,
.carousel-navigation-inner .calendar-swiper-button-next {
margin-left: 5px;
}
.swiper-pagination-bullet {
width: 9px; height: 9px; background-color: #fff; border-radius: 50%; opacity: 0.6; transition: opacity 0.3s; display: inline-block;
margin: 0 3px;
}
.swiper-pagination-bullet-active {
background-color: #3b82f6; opacity: 1; }
@media screen and (max-width: 990px) {
.swiper.swiper-dual-carousel-image {
display: none;
}
.swiper-dual-carousel-text .slide-sub-content {
max-width: 700px;
}
}
@media screen and (max-width: 767px) {
.swiper-dual-carousel-text .swiper-slide {
padding: 50px 0 140px;
}
} .carousel-btn-reset {
background: none;
border: none;
padding: 0;
margin: 0;
cursor: pointer;
font: inherit;
outline-offset: 2px;
} .calendar-carousel {
outline: 1px solid #ccc;
outline-offset: -1px;
}
.calendar-carousel .swiper-slide {
height: auto;
display: flex;
flex-direction: column;
}
.calendar-carousel__slide-inner {
border: 1px solid #ccc;
display: flex;
flex-direction: column;
padding: 15px 15px 15px 20px;
gap: 20px;
flex: 1;
}
.calendar-carousel__slide + .calendar-carousel__slide .calendar-carousel__slide-inner {
border-left: none;
}
.calendar-carousel__date {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
border-bottom: 1px solid #ccc;
padding: 0 15px 12px 15px;
margin-left: -20px;
margin-right: -15px;
min-height: 2.25rem;
}
.calendar-carousel__month {
line-height: 1;
}
.calendar-carousel__date-meta {
display: flex;
flex-direction: row;
gap: 4px;
white-space: nowrap;
align-items: center;
margin-left: auto;
}
.calendar-carousel__note {
color: #b5b5b5;
margin-top: 15px;
margin-left: 2px;
display: block;
}  .linguise_switcher_root {
display: flex;
align-items: center;
}
@media screen and (max-width: 1200px) {
body:has(.linguise_switcher_wrapper) .swiper-image .swiper-button-next-image {
bottom: 15px;
left: 30px;
right: auto;
}
body:has(.linguise_switcher_wrapper) .swiper-image .swiper-button-next-image > p {
margin-right: 10px !important;
}
body:has(.linguise_switcher_wrapper) .swiper-image .swiper-inner p {
max-width: 100%;
}
}
@media screen and (max-width: 767px) {
body:has(.linguise_switcher_wrapper) .swiper-image .swiper-button-next-image {
left: 5%;
}
}