*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
all: unset;
display: revert
}
*,
*::before,
*::after {
box-sizing: border-box
}
a,
button {
cursor: revert
}
ol,
ul,
menu {
list-style: none
}
img {
max-width: 100%;
height: auto
}
table {
border-collapse: collapse
}
input,
textarea {
-webkit-user-select: auto
}
textarea {
white-space: revert
}
meter {
-webkit-appearance: revert;
-moz-appearance: revert;
appearance: revert
}
::-moz-placeholder {
color: unset
}
::placeholder {
color: unset
}
:where([hidden]) {
display: none
}
:where([contenteditable]:not([contenteditable=false])) {
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
overflow-wrap: break-word;
-webkit-line-break: after-white-space;
-webkit-user-select: auto
}
:where([draggable=true]) {
-webkit-user-drag: element
}
:root {
--t-primary: #433c2c;
--t-secondary: #E3EAEC;
--t-tertiary: #e1b554;
--t-quarternary: #F3F3F3;
--t-gray: #BDBDBD;
--body-color: #433c2c;
--border-color: #D9D9D9;
--footer-background: #E3EAEC;
--hover-background-color: #e1b961;
--image-overlay-color: rgba(0, 0, 0, 0.4);
--revitalisation-color: rgba(1, 134, 161, 0.4);
--detox-color: rgba(1, 134, 161, 0.2);
--beauty-color: #C3D7FE;
--wellbeing-color: #EAEAEA;
--button-height: 3.375rem;
--button-background: rgba(255, 255, 255, 0.5);
--scroll-padding-top: 5.75rem;
--row-margin: 4.375rem;
--row-margin-small: 4.375rem;
--row-margin-large: 5.625rem
}
@media print,
screen and (min-width: 64em) {
:root {
--button-height: 5rem
}
}
@media print,
screen and (min-width: 64em) {
:root {
--scroll-padding-top: 5.75rem
}
}
@media print,
screen and (min-width: 48em) {
:root {
--row-margin: 10rem
}
}
@media print,
screen and (min-width: 48em) {
:root {
--row-margin-small: 7.8125rem
}
}
@media print,
screen and (min-width: 48em) {
:root {
--row-margin-large: 10.9375rem
}
}
@font-face {
font-family: "IBM";
src: url("../fonts/IBMPlexSans-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "IBM";
src: url("../fonts/IBMPlexSans-Italic.woff2") format("woff2");
font-weight: 400;
font-style: italic;
font-display: swap
}
@font-face {
font-family: "IBM";
src: url("../fonts/IBMPlexSans-Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "IBM";
src: url("../fonts/IBMPlexSans-MediumItalic.woff2") format("woff2");
font-weight: 500;
font-style: italic;
font-display: swap
}
@font-face {
font-family: "Orleans";
src: url("../fonts/Orleans-Light-Web.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Orleans";
src: url("../fonts/Orleans-Roman-Web.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Icons";
src: url("../fonts/fontello.woff2") format("woff2");
font-weight: normal;
font-style: normal;
font-display: block
}
@keyframes shimmer {
100% {
-webkit-mask-position: left
}
}
@keyframes rotation {
from {
transform: rotate(0deg)
}
to {
transform: rotate(-360deg)
}
}
.c-media-tabs__button,
.c-grid-filter__radio-button span,
.c-content-posts__radio-group span {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.875rem;
line-height: 1.625;
display: inline-block;
padding: 0 1rem .75rem;
border-bottom: .25rem solid #e3e3e3;
transition: opacity .4s ease-in-out;
opacity: .5;
cursor: pointer
}
@media print,
screen and (min-width: 48em) {
.c-media-tabs__button,
.c-grid-filter__radio-button span,
.c-content-posts__radio-group span {
font-size: 1rem;
line-height: 1.44
}
}
.panel-grid--background-dark .c-media-tabs__button:not(.is-active),
.panel-grid--background-dark .c-grid-filter__radio-button span:not(.is-active),
.c-grid-filter__radio-button .panel-grid--background-dark span:not(.is-active),
.panel-grid--background-dark .c-content-posts__radio-group span:not(.is-active),
.c-content-posts__radio-group .panel-grid--background-dark span:not(.is-active) {
border-color: #fff
}
@media print,
screen and (min-width: 64em) {
.c-media-tabs__button,
.c-grid-filter__radio-button span,
.c-content-posts__radio-group span {
padding: 0 1.25rem 1.375rem
}
}
.c-grid-filter__radio-button :checked+span,
.c-content-posts__radio-group :checked+span,
.is-active.c-media-tabs__button,
.c-grid-filter__radio-button span.is-active,
.c-content-posts__radio-group span.is-active {
opacity: 1;
border-color: currentColor
}
.c-slider--media-tiles .c-media__headings,
.c-slider--media-tiles .c-media__text,
.c-list-item__content,
.c-grid-filter--default .c-cta__headings,
.c-grid-filter--default .c-cta__text {
padding-inline: 1.25rem
}
@media print,
screen and (min-width: 64em) {
.c-slider--media-tiles .c-media__headings,
.c-slider--media-tiles .c-media__text,
.c-list-item__content,
.c-grid-filter--default .c-cta__headings,
.c-grid-filter--default .c-cta__text {
padding-inline: 1.75rem
}
}
.c-slider--media-tiles .c-media__headings,
.c-list-item__content,
.c-grid-filter--default .c-cta__headings {
margin-top: 1.25rem
}
@media print,
screen and (min-width: 64em) {
.c-slider--media-tiles .c-media__headings,
.c-list-item__content,
.c-grid-filter--default .c-cta__headings {
margin-top: 2rem
}
}
.c-list-item__content,
.c-grid-filter--default .c-cta__text {
margin-bottom: 1.5rem
}
@media print,
screen and (min-width: 48em) {
.c-list-item__content,
.c-grid-filter--default .c-cta__text {
margin-bottom: 1.875rem
}
}
.c-list-item__headings,
.c-grid-filter--default .c-cta__headings {
margin-bottom: 1.5rem
}
@media print,
screen and (min-width: 64em) {
.c-list-item__headings,
.c-grid-filter--default .c-cta__headings {
margin-bottom: 2.125rem
}
}
.c-slider--media-tiles .c-media__preheading,
.c-list-item__preheading,
.c-grid-filter--default .c-cta__preheading {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.625rem;
line-height: 1.6;
text-transform: uppercase;
letter-spacing: 0.1em;
opacity: 0.5;
margin-bottom: .5em
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-tiles .c-media__preheading,
.c-list-item__preheading,
.c-grid-filter--default .c-cta__preheading {
font-size: 0.75rem
}
}
.c-slider--media-tiles .c-media__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1rem;
line-height: 1;
font-weight: 300;
margin: 0
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-tiles .c-media__heading {
font-size: 1.5rem;
line-height: 1.1
}
}
.c-grid-filter--default .c-cta__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1.5rem;
line-height: 1.333;
font-weight: 300;
margin: 0
}
.c-slider--media-tiles .c-media__text,
.c-list-item__text {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.875rem;
line-height: 1.625
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-tiles .c-media__text,
.c-list-item__text {
font-size: 1rem;
line-height: 1.44
}
}
.gform_fields {
margin: 0 -.625rem
}
.gform_footer {
text-align: left;
display: inline-flex;
flex-flow: row nowrap;
align-items: center;
gap: .5rem;
padding-bottom: .0625rem
}
.gform_page {
display: grid
}
.gform_page_fields,
.gform_page_footer {
grid-row: 1;
grid-column: 1/-1
}
.gform_page_fields .gfield input {
padding-inline-end: 6.5625rem
}
@media print,
screen and (min-width: 64em) {
.gform_page_fields .gfield input {
padding-inline-end: 5rem
}
}
.gform_page .gform_ajax_spinner {
bottom: -1.5rem
}
.gform_validation_error .gform_page .gform_ajax_spinner {
bottom: .375rem
}
.gform_page:first-child .gform_page_fields>.gform_fields input,
.gform_page:last-child .gform_page_fields>.gform_fields input {
padding-inline-end: 3.125rem
}
.gform_page:last-child .gform_ajax_spinner {
bottom: -1.875rem;
right: 4rem
}
.gform_page:last-child .gfield_consent_label {
padding-right: 2.5rem
}
.gform_page_footer {
position: relative;
display: inline-flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-end;
gap: 1.25rem;
margin-inline-start: auto;
z-index: 1
}
.gform_next_button,
.gform_previous_button {
position: absolute;
width: 1.5rem;
height: 1.125rem;
font-size: 0;
color: rgba(0, 0, 0, 0);
cursor: pointer;
z-index: 1
}
.gform_next_button_wrapper,
.gform_previous_button_wrapper {
display: block;
width: -moz-fit-content;
width: fit-content;
height: 1.125rem;
margin-top: 1.125rem
}
.gform_next_button_wrapper:after,
.gform_previous_button_wrapper:after {
content: "";
font-family: "Icons";
content: "";
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding-inline-start: inherit;
font-size: .75rem
}
@media print,
screen and (min-width: 48em) {
.gform_next_button_wrapper:after,
.gform_previous_button_wrapper:after {
font-size: .875rem
}
}
.gform_previous_button_wrapper:after {
transform: rotate(-180deg)
}
.gfield {
padding: 0 .625rem .625rem
}
@media print,
screen and (min-width: 64em) {
.gfield--max-width {
max-width: 26.25rem
}
}
.gfield--width-full {
width: 100%
}
.gfield--width-half {
display: inline-block;
width: 50%
}
@media print,
screen and (max-width: 63.99875em) {
.gfield--width-half {
width: 100%
}
#pg-873-4 > div {
margin-bottom: 100px;
}
}
.gfield_required,
.gfield_required_text {
display: none
}
.gfield.hidden_label .gfield_label:not(.gfield_consent_label),
.gfield.field_sublabel_hidden_label .gfield_label:not(.gfield_consent_label) {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.gfield_error label {
color: #b00020
}
.gfield_error input,
.gfield_error select,
.gfield_error textarea {
border-color: #b00020 !important
}
.gfield.field_description_above .gfield_description {
padding-top: 1.125rem
}
@media print,
screen and (min-width: 64em) {
.gfield.field_description_above .gfield_description {
padding-top: 1.375rem
}
}
.gfield.field_description_above .gfield_description.validation_message {
padding-top: 0
}
.gfield_label,
.gfield_description {
padding: 0
}
.gfield input,
.gfield select,
.gfield textarea {
color: #433c2c;
box-shadow: none !important;
border: none;
border-bottom: .0625rem solid rgba(44, 50, 67, .2);
background-color: rgba(0, 0, 0, 0);
padding: 1rem 0;
height: 3.25rem;
width: 100%
}
.gfield input::-moz-placeholder,
.gfield select::-moz-placeholder,
.gfield textarea::-moz-placeholder {
color: #433c2c;
font-size: inherit;
line-height: inherit;
opacity: 1
}
.gfield input::placeholder,
.gfield select::placeholder,
.gfield textarea::placeholder {
color: #433c2c;
font-size: inherit;
line-height: inherit;
opacity: 1
}
.gfield input:-webkit-autofill::first-line,
.gfield select:-webkit-autofill::first-line,
.gfield textarea:-webkit-autofill::first-line {
color: #433c2c;
font-size: initial;
line-height: inherit
}
.gfield input:-webkit-autofill,
.gfield input:-webkit-autofill:focus,
.gfield input:-webkit-autofill:hover,
.gfield input:-webkit-autofill:active,
.gfield select:-webkit-autofill,
.gfield select:-webkit-autofill:focus,
.gfield select:-webkit-autofill:hover,
.gfield select:-webkit-autofill:active,
.gfield textarea:-webkit-autofill,
.gfield textarea:-webkit-autofill:focus,
.gfield textarea:-webkit-autofill:hover,
.gfield textarea:-webkit-autofill:active {
color: #433d2c !important;
font-size: initial;
line-height: inherit;
-webkit-box-shadow: none;
border-color: #433c2c;
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s
}
.gfield input:-webkit-autofill,
.gfield select:-webkit-autofill,
.gfield textarea:-webkit-autofill {
-webkit-text-fill-color: #433c2c !important
}
.gfield select {
line-height: 1;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='url-encode(#433c2c)' viewBox='0 0 35 35' %3E%3Cpath d='M25.25,20.2c-0.07,0.03-7.12,2.8-7.25,7.86l-0.5-0.01L17,28.06C16.86,23,9.82,20.23,9.75,20.2l0.36-0.93 c0.25,0.1,4.83,1.91,6.89,5.43V6.96h1V24.7c2.06-3.52,6.64-5.33,6.89-5.43L25.25,20.2z'/%3E%3C/svg%3E") center right 0.625rem/auto 70% no-repeat rgba(0, 0, 0, 0)
}
.gfield textarea:where(:not(.small)) {
resize: none;
height: auto
}
.gfield input[type=checkbox] {
display: none
}
.gfield input[type=checkbox]+label {
position: relative;
display: block;
padding-block: 1rem;
color: #433c2c;
cursor: pointer
}
.gfield input[type=checkbox]+label:before,
.gfield input[type=checkbox]+label:after {
content: ""
}
.gfield input[type=checkbox]+label:before {
position: relative;
display: block;
float: left;
top: .125rem;
left: 0;
margin-inline-end: .75rem;
width: 1.25rem;
height: 1.25rem;
border: .0625rem solid rgba(44, 50, 67, .5);
background-color: rgba(0, 0, 0, 0);
transition: border-color 300ms cubic-bezier(0.77, 0, 0.175, 1)
}
.gfield input[type=checkbox]+label:after {
position: absolute;
top: 1.375rem;
left: .25rem;
width: .75rem;
height: .75rem;
left: .25rem;
background-color: #433c2c;
opacity: 0;
transition: opacity 150ms ease-in-out
}
.gfield input[type=checkbox]:checked+label:before {
border-color: #433c2c
}
.gfield input[type=checkbox]:checked+label:after {
opacity: 1
}
.gfield .ginput_container_name .name_first {
position: relative;
padding-inline-end: 0;
margin-inline-end: 2.5rem;
width: calc(50% - 1.25rem);
display: inline-block
}
@media print,
screen and (max-width: 63.99875em) {
.gfield .ginput_container_name .name_first {
width: 100%;
margin-inline-end: 0
}
}
.gfield .ginput_container_name .name_last {
padding-inline-start: 0;
width: calc(50% - 1.25rem)
}
@media print,
screen and (max-width: 63.99875em) {
.gfield .ginput_container_name .name_last {
width: 100%
}
}
.gfield .ginput_container_consent .gfield_consent_label {
line-height: 1.4
}
.gfield .ginput_container_consent .gfield_consent_label a {
color: #e8d4a8;
text-decoration: underline
}
@media(hover: hover) {
.gfield .ginput_container_consent .gfield_consent_label a:hover,
.gfield .ginput_container_consent .gfield_consent_label a:active,
.gfield .ginput_container_consent .gfield_consent_label a:focus {
color: #e8d4a8
}
}
@media(hover: none) {
.gfield .ginput_container_consent .gfield_consent_label a:active,
.gfield .ginput_container_consent .gfield_consent_label a:focus {
color: #e8d4a8
}
}
.gfield .ginput_container_date .screen-reader-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.gfield--type-choice.gfield_error input:not(:checked)+label:before {
border-color: #b00020
}
.gfield--type-honeypot {
display: none !important
}
.gf_progressbar_wrapper {
display: none !important
}
.gfield.gfield_error {
position: relative
}
.gform_validation_errors {
display: none
}
.gfield_description.validation_message {
position: static;
padding-top: .3125rem !important;
padding-bottom: .3125rem !important;
color: #b22222;
font-size: .625rem !important;
text-align: left;
line-height: 1.25rem !important;
letter-spacing: .0625rem !important
}
@keyframes spinner {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.gform_ajax_spinner {
position: absolute;
bottom: auto;
margin: 0;
width: 1.125rem;
height: 1.125rem;
border: .125rem solid rgba(0, 0, 0, .3);
border-left: .125rem solid rgba(0, 0, 0, .7);
border-radius: 50%;
animation: spinner 1s infinite linear
}
.c-slideout,
.otgs-development-site-front-end {
display: none;
content-visibility: hidden
}
html,
body {
scroll-behavior: smooth;
scroll-padding-top: calc(var(--scroll-padding-top) + 1.75rem)
}
html {
font-size: clamp(16px, 10px + .416955vw, 200px)
}
html.remodal-is-locked {
overflow: hidden
}
body {
line-height: 1.5;
overscroll-behavior: none;
color: var(--body-color);
background-color: #fff
}
body.offcanvas--is-active,
body[data-modal] {
overflow: hidden;
height: 100vh
}
.panel-layout {
padding-inline: 1.5625rem
}
@media print,
screen and (min-width: 48em) {
.panel-layout {
padding-inline: 3.625rem
}
}
body {
font-family: "IBM", Helvetica, sans-serif
}
*:focus-visible {
outline: .125rem solid rgba(44, 50, 67, .2);
outline-offset: .125rem
}
p>a {
position: relative;
text-decoration: none;
background: linear-gradient(currentColor 0 0) 0 100%/0% .0625rem no-repeat;
background-color: rgba(0, 0, 0, 0) !important;
transition: background-size .4s ease-in-out, background-position 0s ease-in-out .4s
}
@media(hover: hover) {
p>a:hover,
p>a:active,
p>a:focus {
background-size: 100% .0625rem;
background-position: 100% 100%
}
}
@media(hover: none) {
p>a:active,
p>a:focus {
background-size: 100% .0625rem;
background-position: 100% 100%
}
}
:where(.s-entry p:not(:last-child)) {
margin-bottom: 1em
}
:where(.s-entry ul:not(.c-list__items)) {
margin-bottom: 1em
}
:where(.s-entry ul:not(.c-list__items)>li) {
list-style: none;
margin-left: 0;
padding-left: 1em
}
:where(.s-entry ul:not(.c-list__items)>li):before {
content: "\2022"; /* Unicode for bullet */
display: inline-block;
width: 1em;
margin-left: -1em;
opacity: .5
}
* {
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
strong {
font-weight: 500
}
.show-for-sr,
.show-on-focus,
.visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.show-on-focus:active,
.show-on-focus:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto
}
.c-button,
.c-form [type=submit] {
font-family: "IBM", Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.6;
color: var(--body-color);
cursor: pointer;
height: var(--button-height);
padding-left: 1.5em;
gap: 1.5em;
display: inline-flex;
align-items: center;
white-space: nowrap;
transition: color .25s, background .35s;
background-color: var(--button-background);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px)
}
@media print,
screen and (min-width: 64em) {
.c-button,
.c-form [type=submit] {
box-sizing: content-box;
min-width: 14.375rem
}
}
.c-button:after,
.c-form [type=submit]:after {
font-family: "Icons";
content: "";
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: .5625rem;
display: flex;
align-items: center;
justify-content: center;
height: var(--button-height);
width: var(--button-height);
border-left: .0625rem solid var(--border-color);
margin-left: auto
}
@media print,
screen and (min-width: 64em) {
.c-button:after,
.c-form [type=submit]:after {
font-size: 1rem
}
}
.c-button:hover,
.c-form [type=submit]:hover {
--body-color: white;
background-color: var(--t-tertiary)
}
#hotelcms-app > footer > div > div.c-page-footer__content > div.c-page-footer__navigation > button:hover {
background-color: var(--t-tertiary)
}
.c-button--default,
.c-form [type=submit] {
box-shadow: 0 0 .375rem rgba(172, 158, 93, 0.1)
}
@media print,
screen and (min-width: 64em) {
.c-button--default,
.c-form [type=submit] {
box-shadow: 0 0 .625rem .625rem rgba(172, 158, 93, 0.1)
}
}
.c-button--play {
width: 5rem;
height: 5rem;
min-width: auto;
border-radius: 50%;
font-size: .75rem;
background-color: var(--button-background);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
cursor: pointer;
color: var(--body-color);
transition: color .3s, background-color .3s;
gap: 0;
justify-content: center;
padding-left: 0
}
@media print,
screen and (min-width: 48em) {
.c-button--play {
width: 5.625rem;
height: 5.625rem;
font-size: 1.0625rem
}
}
.c-button--play:hover {
--body-color: #433c2c;
background-color: #fff
}
.c-button--play:before {
font-family: "Icons";
content: "";
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
margin-right: .375rem
}
.c-button--play:after {
content: none
}
.c-button--primary {
padding-inline: 2.5em;
box-shadow: none;
justify-content: center;
box-sizing: border-box
}
.c-button--primary:after {
content: none
}
.c-button--secondary {
background-color: #e8d4a8
}
.c-button--tertiary {
color: rgba(0, 0, 0, 0);
font-size: 0;
width: 3.4375rem;
height: 3.4375rem;
margin-left: auto;
background-color: var(--body-color);
box-shadow: none;
-webkit-backdrop-filter: none;
backdrop-filter: none;
min-width: none
}
@media print,
screen and (min-width: 64em) {
.c-button--tertiary {
width: 3.75rem;
height: 3.75rem
}
}
.c-button--tertiary:after {
font-size: .75rem;
margin-inline: auto;
color: #e8d4a8;
border: 0;
padding: 0
}
@media(hover: hover) {
.c-button--tertiary:hover,
.c-button--tertiary:active,
.c-button--tertiary:focus {
background-color: #E1B961
}
.c-button--tertiary:hover:after,
.c-button--tertiary:active:after,
.c-button--tertiary:focus:after {
color: var(--body-color)
}
}
@media(hover: none) {
.c-button--tertiary:active,
.c-button--tertiary:focus {
background-color: #E1B961
}
.c-button--tertiary:active:after,
.c-button--tertiary:focus:after {
color: var(--body-color)
}
}
.c-button--text {
all: unset;
cursor: pointer;
position: relative;
text-decoration: none;
background: linear-gradient(currentColor 0 0) 0 100%/0% .0625rem no-repeat;
background-color: rgba(0, 0, 0, 0) !important;
transition: background-size .4s ease-in-out, background-position 0s ease-in-out .4s
}
.c-button--text:after {
content: none
}
@media(hover: hover) {
.c-button--text:hover,
.c-button--text:active,
.c-button--text:focus {
background-size: 100% .0625rem;
background-position: 100% 100%
}
}
@media(hover: none) {
.c-button--text:active,
.c-button--text:focus {
background-size: 100% .0625rem;
background-position: 100% 100%
}
}
.c-button--podcast {
height: 3.125rem;
padding-inline: 0 1.25rem
}
.c-button--podcast:before {
content: "";
display: inline-block;
border-right: .0625rem solid #d9d9d9;
width: 3.125rem;
height: 100%;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 18'%3E%3Cpath d='M14.442 7.464 2.748.27A1.8 1.8 0 0 0 0 1.8v14.4a1.8 1.8 0 0 0 .924 1.578c.271.146.574.222.882.222a1.8 1.8 0 0 0 .942-.27l11.694-7.2a1.8 1.8 0 0 0 0-3.072v.006Zm-.63 2.052-11.694 7.2a.6.6 0 0 1-.6 0A.6.6 0 0 1 1.2 16.2V1.8a.6.6 0 0 1 .918-.51l11.694 7.2a.6.6 0 0 1 0 1.032v-.006Z' fill='%23000'/%3E%3C/svg%3E") 1rem center/1.25rem 1.125rem no-repeat rgba(0, 0, 0, 0)
}
.c-button--podcast:after {
content: none
}
.c-button--apple {
height: 3.125rem;
padding-inline: 0 1.25rem
}
.c-button--apple:before {
content: "";
display: inline-block;
border-right: .0625rem solid #d9d9d9;
width: 3.125rem;
height: 100%;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 30'%3E%3Cpath d='M23.233 10.228c-.17.135-3.19 1.866-3.19 5.716 0 4.452 3.842 6.027 3.957 6.066-.018.096-.61 2.157-2.025 4.258-1.262 1.848-2.58 3.693-4.585 3.693-2.004 0-2.52-1.185-4.834-1.185C10.3 28.776 9.499 30 7.665 30s-3.113-1.71-4.584-3.81C1.377 23.723 0 19.892 0 16.256 0 10.423 3.726 7.33 7.394 7.33c1.948 0 3.573 1.302 4.796 1.302 1.165 0 2.98-1.38 5.197-1.38.84 0 3.86.078 5.846 2.976Zm-6.898-5.446c.917-1.107 1.566-2.643 1.566-4.179 0-.213-.018-.429-.056-.603-1.492.057-3.267 1.011-4.337 2.274-.84.972-1.624 2.508-1.624 4.066 0 .234.038.468.056.543.094.018.247.039.4.039 1.339 0 3.022-.912 3.995-2.14Z' fill='%23433c2c'/%3E%3C/svg%3E") center center/1.5rem 1.875rem no-repeat rgba(0, 0, 0, 0)
}
.c-button--apple:after {
content: none
}
.c-button--spotify {
height: 3.125rem;
padding-inline: 0 1.25rem
}
.c-button--spotify:before {
content: "";
display: inline-block;
border-right: .0625rem solid #d9d9d9;
width: 3.125rem;
height: 100%;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 30 30'%3E%3Cpath d='M15 0C6.716 0 0 6.716 0 15c0 8.285 6.716 15 15 15 8.285 0 15-6.715 15-15 0-8.284-6.715-15-15-15Zm6.879 21.634a.934.934 0 0 1-1.286.31c-3.522-2.15-7.956-2.638-13.177-1.445A.935.935 0 0 1 7 18.675c5.714-1.305 10.615-.743 14.569 1.673.44.27.58.846.31 1.286Zm1.836-4.084a1.17 1.17 0 0 1-1.609.386c-4.032-2.479-10.178-3.197-14.947-1.749a1.171 1.171 0 0 1-1.46-.779 1.171 1.171 0 0 1 .78-1.459c5.448-1.653 12.22-.852 16.85 1.994.55.338.724 1.058.386 1.607Zm.157-4.253c-4.834-2.872-12.81-3.136-17.426-1.735a1.403 1.403 0 1 1-.814-2.685C10.93 7.27 19.738 7.58 25.304 10.884a1.402 1.402 0 1 1-1.431 2.413Z' fill='%23433c2c'/%3E%3C/svg%3E") center center/1.875rem 1.875rem no-repeat rgba(0, 0, 0, 0)
}
.c-button--spotify:after {
content: none
}
.c-cta {
position: relative;
color: var(--body-color);
display: flex;
flex-direction: column
}
.c-cta__preheading,
.c-cta__subheading {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.625rem;
line-height: 1.6;
text-transform: uppercase;
letter-spacing: 0.1em;
opacity: 0.5;
margin-bottom: 2em
}
@media print,
screen and (min-width: 48em) {
.c-cta__preheading,
.c-cta__subheading {
font-size: 0.75rem
}
}
.c-cta__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 2.25rem;
line-height: 1.16;
font-weight: 300;
margin-bottom: .5em
}
@media print,
screen and (min-width: 48em) {
.c-cta__heading {
font-size: 3.375rem
}
}
.c-cta__text {
font-family: "IBM", Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.65;
margin-bottom: 1.2em
}
@media print,
screen and (min-width: 48em) {
.c-cta__text {
font-size: 1.125rem
}
}
.c-cta__text p+p {
margin-top: 1ch
}
.c-cta__background,
.c-cta__image {
background-position: center;
background-repeat: no-repeat;
background-size: cover
}
.c-cta__background {
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.c-cta--book {
--button-background: rgba(255, 255, 255, .9);
--cta-spacing: 0.3125rem;
width: 100%;
pointer-events: all;
flex-direction: row;
background: #dfdfdf
}
@media print,
screen and (min-width: 48em) {
.c-cta--book {
--cta-spacing: 1.25rem
}
}
@media print,
screen and (min-width: 64em) {
.c-cta--book {
background-color: var(--button-background);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
box-shadow: 0 0 .625rem .625rem rgba(93, 134, 172, .2);
max-width: 27.1875rem;
float: right;
position: relative;
bottom: 2.25rem;
right: 3.625rem
}
}
.c-cta--book .crop,
.c-cta--book .img-fit {
width: 3.3125rem;
height: 3.375rem
}
@media print,
screen and (min-width: 48em) {
.c-cta--book .crop,
.c-cta--book .img-fit {
width: 4.3125rem;
height: 4.5625rem
}
}
.c-cta--book.c-cta--beauty .crop,
.c-cta--book.c-cta--beauty .img-fit {
background: var(--beauty-color)
}
.c-cta--book.c-cta--detox .crop,
.c-cta--book.c-cta--detox .img-fit {
background: var(--detox-color)
}
.c-cta--book.c-cta--revitalisation .crop,
.c-cta--book.c-cta--revitalisation .img-fit {
background: var(--revitalisation-color)
}
.c-cta--book.c-cta--wellbeing .crop,
.c-cta--book.c-cta--wellbeing .img-fit {
background: var(--wellbeing-color)
}
.c-cta--book .c-cta__content,
.c-cta--book .c-cta__inner {
width: 100%
}
.c-cta--book .c-cta__inner,
.c-cta--book .c-cta__anchor {
display: flex
}
.c-cta--book .c-cta__anchor {
padding: .625rem var(--cta-spacing);
flex: 1;
border-right: .0625rem solid var(--border-color)
}
@media print,
screen and (min-width: 64em) {
.c-cta--book .c-cta__anchor {
padding: var(--cta-spacing)
}
}
.c-cta--book .c-cta__image {
width: 100%;
height: 100%;
background-size: contain;
-o-object-fit: contain;
object-fit: contain
}
.c-cta--book .c-cta__headings {
padding-left: max(0.625rem, 2.8vw);
display: grid;
-moz-column-gap: 5vw;
column-gap: 5vw
}
@media print,
screen and (min-width: 64em) {
.c-cta--book .c-cta__headings {
padding-left: var(--cta-spacing);
display: flex;
flex-direction: column;
justify-content: space-between;
padding-block: 0
}
}
.c-cta--book .c-cta__heading,
.c-cta--book .c-cta__preheading {
grid-column: 1;
max-width: 12.5rem
}
.c-cta--book .c-cta__heading {
margin-bottom: auto
}
@media print,
screen and (min-width: 64em) {
.c-cta--book .c-cta__heading {
margin: 0
}
}
.c-cta--book .c-cta__preheading {
all: unset;
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1rem;
line-height: 1;
font-weight: 300;
font-weight: 400;
margin: auto 0 .3125rem
}
@media print,
screen and (min-width: 48em) {
.c-cta--book .c-cta__preheading {
font-size: 1.125rem
}
}
@media print,
screen and (min-width: 64em) {
.c-cta--book .c-cta__preheading {
margin: 0
}
}
.c-cta--book .c-cta__heading,
.c-cta--book .c-cta__subheading {
all: unset;
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.75rem;
line-height: 1.3;
margin: 0
}
@media print,
screen and (min-width: 48em) {
.c-cta--book .c-cta__heading,
.c-cta--book .c-cta__subheading {
font-size: 0.875rem
}
}
.c-cta--book .c-cta__subheading {
grid-column: 2;
grid-row: 1/3;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center
}
@media print,
screen and (min-width: 64em) {
.c-cta--book .c-cta__subheading {
display: block;
height: auto
}
}
.c-cta--book .c-cta__subheading br {
display: none
}
.c-cta--book .c-cta__button {
--button-background: transparent;
min-width: auto;
height: 100%;
-webkit-backdrop-filter: none;
backdrop-filter: none;
padding-inline: 1.25rem
}
@media print,
screen and (min-width: 48em) {
.c-cta--book .c-cta__button {
padding-inline: 2.375rem
}
}
.c-cta--book .c-cta__button:hover {
background-color: var(--t-tertiary)
}
.c-cta--lede {
text-align: center;
align-items: center
}
.c-cta--lede.has-background {
--body-color: white;
padding-block: var(--row-margin)
}
.c-cta--lede .c-cta__text {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1.5rem;
line-height: 1.45;
font-weight: 300;
max-width: 65rem
}
@media print,
screen and (min-width: 48em) {
.c-cta--lede .c-cta__text {
font-size: 2.75rem;
line-height: 1.27
}
}
.c-cta--lede.c-cta--layout-breaker:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: var(--image-overlay-color)
}
.c-cta--pillar {
text-align: center;
max-width: 42.1875rem;
margin-inline: auto;
overflow: hidden
}
.widget:hover .c-cta--pillar .c-cta__image {
animation-play-state: running
}
.c-cta--pillar:before {
content: "";
height: max(2.5rem, 12vw);
width: .0625rem;
background-color: var(--t-secondary);
display: block;
margin-inline: auto;
transform: translateY(-100%);
transition: transform 1s linear
}
@media print,
screen and (min-width: 64em) {
.c-cta--pillar:before {
height: 7.1875rem
}
}
.widget-is-visible .c-cta--pillar:before {
transform: translateY(0)
}
.c-cta--pillar,
.c-cta--pillar .c-cta__content {
margin-top: 1.375rem
}
@media print,
screen and (min-width: 64em) {
.c-cta--pillar,
.c-cta--pillar .c-cta__content {
margin-top: 2.1875rem
}
}
.c-cta--pillar .c-cta__image {
width: 50%;
margin-bottom: 1.375rem;
animation: rotation 20s linear infinite forwards paused;
aspect-ratio: 1/1
}
@supports not (aspect-ratio: 1/1) {
.c-cta--pillar .c-cta__image {
position: relative;
padding-bottom: 100%;
height: 0 !important;
overflow: hidden
}
}
@media print,
screen and (min-width: 64em) {
.c-cta--pillar .c-cta__image {
width: 22.8125rem;
margin-bottom: 2.5rem
}
}
.c-cta--tile {
justify-content: flex-end;
aspect-ratio: 628/700;
width: 100%
}
@supports not (aspect-ratio: 1/1) {
.c-cta--tile {
position: relative;
padding-bottom: 111.4649681529%;
height: 0 !important;
overflow: hidden
}
}
@media print,
screen and (min-width: 64em) {
.c-cta--tile {
max-height: calc(100vh - 5.75rem)
}
}
.c-cta--tile:after {
content: ""
}
.c-cta--tile .c-cta__content {
display: grid;
grid-template-columns: 84% 16%
}
.c-cta--tile .c-cta__content:before {
content: "";
background-color: var(--button-background);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
grid-row: 1;
grid-column: 1
}
.c-cta--tile .c-cta__inner {
grid-column: 1;
grid-row: 1;
padding-inline: 1.5625rem;
padding-top: 1.25rem;
padding-bottom: var(--button-height);
z-index: 1
}
@media print,
screen and (min-width: 48em) {
.c-cta--tile .c-cta__inner {
padding-inline: 3.625rem
}
}
@media print,
screen and (min-width: 48em) {
.c-cta--tile .c-cta__inner {
padding-top: 3.125rem
}
}
@media print,
screen and (min-width: 64em) {
.c-cta--tile .c-cta__inner {
padding-right: 6.25rem
}
}
.c-cta--tile .c-cta__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1.5rem;
line-height: 1.333;
font-weight: 300
}
@media print,
screen and (min-width: 48em) {
.c-cta--tile .c-cta__heading {
font-size: 2.25rem
}
}
.c-cta--tile .c-cta__buttons {
position: absolute;
bottom: 0;
right: 0
}
.c-cta--tile .c-cta__button {
box-shadow: none
}
@supports not (text-wrap: balance) {
@media print,
screen and (min-width: 64em) {
.c-cta--tile:not(.c-cta--layout-breaker) .c-cta__inner {
padding-right: 3.625rem
}
}
@media screen and (min-width: 75em) {
.c-cta--tile:not(.c-cta--layout-breaker) .c-cta__inner {
padding-right: 7.5rem
}
}
}
@supports(text-wrap: balance) {
.c-cta--tile:not(.c-cta--layout-breaker) .c-cta__heading {
text-wrap: balance
}
}
.c-cta--tile.c-cta--layout-breaker .c-cta__content {
max-width: 38.75rem;
padding-bottom: var(--button-height)
}
.c-cta--tile.c-cta--layout-breaker .c-cta__inner {
padding-block: 3.125rem
}
@media print,
screen and (min-width: 64em) {
.c-cta--tile.c-cta--layout-breaker .c-cta__inner {
padding-block: 4.375rem;
padding-inline: 5rem 6.75rem
}
}
.c-cta--tile.c-cta--layout-breaker .c-cta__button:first-child {
padding-left: 1.5625rem
}
@media print,
screen and (min-width: 48em) {
.c-cta--tile.c-cta--layout-breaker .c-cta__button:first-child {
padding-left: 3.625rem
}
}
@media print,
screen and (max-width: 63.99875em) {
.c-cta--tile.c-cta--layout-breaker .c-cta__background {
position: static;
aspect-ratio: 360/375
}
@supports not (aspect-ratio: 1/1) {
.c-cta--tile.c-cta--layout-breaker .c-cta__background {
position: relative;
padding-bottom: 104.1666666667%;
height: 0 !important;
overflow: hidden
}
}
}
.c-cta--layout-breaker {
margin-left: -1.5625rem;
margin-right: -1.5625rem;
justify-content: center;
width: auto;
max-width: none;
aspect-ratio: auto;
padding-bottom: 0;
flex-direction: column-reverse;
max-height: none;
min-height: calc(100vh - 5.75rem);
height: auto
}
@media print,
screen and (min-width: 48em) {
.c-cta--layout-breaker {
margin-left: -3.625rem;
margin-right: -3.625rem
}
}
.c-cta--layout-breaker .c-cta__content {
position: relative;
grid-template-columns: 1fr
}
.c-cta--layout-breaker .c-cta__inner {
padding-top: 2.875rem;
padding-inline: 1.5625rem
}
@media print,
screen and (min-width: 48em) {
.c-cta--layout-breaker .c-cta__inner {
padding-inline: 3.625rem
}
}
@media print,
screen and (min-width: 64em) {
.c-cta--layout-breaker .c-cta__inner {
padding-top: 5rem
}
}
.c-cta--layout-breaker .c-cta__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 2.25rem;
line-height: 1.16;
font-weight: 300
}
@media print,
screen and (min-width: 48em) {
.c-cta--layout-breaker .c-cta__heading {
font-size: 3.375rem
}
}
.c-cta--layout-breaker .c-cta__text {
margin-bottom: 0
}
.c-cta--layout-breaker .c-cta__buttons {
left: 0;
right: auto;
margin-top: 1.875rem
}
@media print,
screen and (min-width: 64em) {
.c-cta--layout-breaker .c-cta__buttons {
margin-top: 3.25rem
}
}
@media print,
screen and (max-width: 63.99875em) {
.c-cta--layout-breaker.c-cta--tile .c-cta__inner {
box-shadow: 0 0 .625rem .625rem rgba(93, 134, 172, .05)
}
}
.c-content-posts__filter,
.c-content-posts__radio-group {
--_scroll-spacer: 1.5rem;
display: flex;
margin: auto calc(var(--_scroll-spacer)*-1) 0;
overflow-x: auto;
overflow-y: hidden;
align-items: center;
white-space: nowrap;
list-style-type: none;
scroll-snap-type: x mandatory;
-ms-overflow-style: none;
scrollbar-width: none
}
.c-content-posts__filter::-webkit-scrollbar,
.c-content-posts__radio-group::-webkit-scrollbar {
display: none
}
@media print,
screen and (min-width: 48em) {
.c-content-posts__filter,
.c-content-posts__radio-group {
--_scroll-spacer: 3.625rem
}
}
@media print,
screen and (min-width: 64em) {
.c-content-posts__filter,
.c-content-posts__radio-group {
--_scroll-spacer: 5rem;
width: calc(100% + var(--_scroll-spacer)*2 - 1.375rem)
}
}
.c-content-posts__filter__label {
display: none
}
.c-content-posts__filter .c-grid-filter__heading {
display: none
}
.c-content-posts__radio-group {
scroll-snap-align: start;
margin-inline: auto;
padding-inline: var(--_scroll-spacer);
cursor: pointer;
margin-bottom: 3.25rem
}
@media print,
screen and (min-width: 64em) {
.c-content-posts__radio-group {
margin-bottom: 5.625rem
}
}
.c-content-posts__radio-group span {
min-width: 6.875rem
}
@media print,
screen and (min-width: 64em) {
.c-content-posts__radio-group span {
min-width: 8rem
}
}
.c-content-posts__radio-group :first-child {
margin-inline-start: auto
}
.c-content-posts__radio-group :last-child {
margin-inline-end: auto
}
.c-content-posts__radio-group input {
float: left;
outline: none
}
.c-content-posts__radio-group span {
width: 100%;
text-align: center
}
.c-content-posts__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 2.25rem;
line-height: 1.22;
font-weight: 300
}
@media print,
screen and (min-width: 48em) {
.c-content-posts__heading {
font-size: 3.375rem
}
}
.c-content-posts__list {
--_row-gap: 2rem;
--_column-gap: 1.5rem;
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: var(--_row-gap) var(--_column-gap)
}
@media print,
screen and (min-width: 48em) {
.c-content-posts__list {
--_row-gap: 5rem;
grid-template-columns: repeat(2, 1fr)
}
}
@media print,
screen and (min-width: 64em) {
.c-content-posts__list {
grid-template-columns: repeat(4, 1fr)
}
}
.c-content-posts__list:after {
content: "flickity";
display: none;
visibility: hidden
}
@media print,
screen and (min-width: 64em) {
.c-content-posts__list:after {
content: none
}
}
.c-content-posts__list.flickity-enabled .c-content-posts__post {
width: 100%;
margin-right: 1rem
}
.c-content-posts__list .flickity-viewport {
overflow: hidden !important
}
.c-content-posts__list:not(.flickity-enabled) .c-content-posts__post {
height: auto !important
}
.c-content-posts__post .c-cta {
isolation: isolate;
flex-direction: column-reverse
}
.c-content-posts__post .c-cta__button {
display: none
}
.c-content-posts__post .c-cta__headings {
display: flex;
flex-flow: column nowrap;
margin-bottom: 0
}
.c-content-posts__post .c-cta__preheading {
position: absolute;
top: .625rem;
right: .625rem;
background-color: #bdbdbd;
padding: .625rem 1.25rem;
color: #433c2c
}
.c-content-posts__post .c-cta__preheading,
.c-content-posts__post .c-cta__subheading {
opacity: 1
}
.c-content-posts__post .c-cta__heading {
order: 2;
margin-bottom: 0;
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1.25rem;
line-height: 1.3;
font-weight: 300
}
@media print,
screen and (min-width: 48em) {
.c-content-posts__post .c-cta__heading {
font-size: 1.875rem
}
}
.c-content-posts__post .c-cta__subheading {
order: 1;
width: 100%;
text-align: right;
margin-bottom: .875rem;
padding-bottom: .5rem;
border-bottom: .0625rem solid #433c2c;
opacity: .5
}
@media print,
screen and (min-width: 64em) {
.c-content-posts__post .c-cta__subheading {
margin-bottom: 1.25rem;
padding-bottom: .625rem
}
}
.c-content-posts__post .c-cta__background {
position: static;
margin-bottom: .5rem;
aspect-ratio: 325/200
}
@supports not (aspect-ratio: 1/1) {
.c-content-posts__post .c-cta__background {
position: relative;
padding-bottom: 61.5384615385%;
height: 0 !important;
overflow: hidden
}
}
@media print,
screen and (min-width: 64em) {
.c-content-posts__post .c-cta__background {
aspect-ratio: 300/325
}
@supports not (aspect-ratio: 1/1) {
.c-content-posts__post .c-cta__background {
position: relative;
padding-bottom: 108.3333333333%;
height: 0 !important;
overflow: hidden
}
}
}
.c-content-posts__post .c-cta__detached-anchor {
position: absolute;
inset: 0
}
.c-content-posts .c-pagination {
grid-column: 1/-1;
display: flex;
width: 100%;
align-items: center;
justify-content: center;
gap: .5rem
}
.c-content-posts .c-pagination .current {
background: #e8d4a8
}
.c-content-posts .c-pagination .page-numbers {
display: inline-flex;
justify-content: center;
align-items: center;
width: 2.125rem;
aspect-ratio: 1/1
}
.c-content-posts .c-pagination .prev,
.c-content-posts .c-pagination .next {
display: none
}
.c-content-single__entry {
padding-top: calc(var(--scroll-padding-top) + 4.6875rem)
}
.c-content-single__back {
margin-inline: 1.5625rem;
margin-bottom: var(--row-margin)
}
@media print,
screen and (min-width: 48em) {
.c-content-single__back {
margin-inline: 3.625rem
}
}
@media print,
screen and (min-width: 64em) {
.c-content-single__back {
margin: 0 !important
}
}
.c-content-single__back-button {
flex-flow: row-reverse nowrap;
padding-left: 0;
padding-right: 1.5em;
min-width: auto;
height: 3.125rem;
width: 100%
}
@media print,
screen and (min-width: 64em) {
.c-content-single__back-button {
position: absolute;
top: 0;
width: auto;
z-index: 1;
left: 1.5625rem
}
}
@media print,
screen and (min-width: 64em)and (min-width: 48em) {
.c-content-single__back-button {
left: 3.625rem
}
}
.c-content-single__back-button span {
margin-right: auto
}
.c-content-single__back-button:after {
margin-left: 0;
margin-right: auto;
transform: rotate(180deg);
height: 100%;
width: 3.375rem;
font-size: .75rem
}
.c-content-single__header {
margin-inline: 1.5625rem
}
@media print,
screen and (min-width: 48em) {
.c-content-single__header {
margin-inline: 3.625rem
}
}
@media print,
screen and (min-width: 64em) {
.c-content-single__header {
margin-bottom: 6.25rem;
padding-bottom: 5.625rem;
border-bottom: .0625rem solid #433c2c
}
}
.c-content-single__content {
position: relative
}
.c-content-single__content .panel-layout {
isolation: isolate
}
@media print,
screen and (min-width: 64em) {
.c-content-single__content .panel-layout {
padding-inline: 19.375rem 19.375rem;
max-width: 90rem;
margin-inline: auto
}
.c-content-single__content .panel-layout [data-stretch-type=full-stretched],
.c-content-single__content .panel-layout [data-stretch-type=full] {
position: relative;
left: 50%;
right: 0;
width: 100vw;
margin-inline: 0;
padding-inline: 0;
transform: translateX(-50%)
}
}
.c-content-single__content .widget+.widget {
margin-top: 2.5rem
}
@media print,
screen and (min-width: 64em) {
.c-content-single__content .widget+.widget {
margin-top: 3.25rem
}
}
.c-content-single__content .c-row--margin-small {
--row-margin-small: 3.5rem
}
@media print,
screen and (min-width: 64em) {
.c-content-single__content .c-row--margin-small {
--row-margin-small: 5.25rem
}
}
.c-content-single__content .c-text__content {
max-width: none
}
.c-content-single__content .c-text__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1.5rem;
line-height: 1.333;
font-weight: 300
}
@media print,
screen and (min-width: 48em) {
.c-content-single__content .c-text__heading {
font-size: 2.25rem
}
}
.c-content-single__content .c-image,
.c-content-single__content .c-image-container {
width: 100%
}
@media print,
screen and (max-width: 47.99875em) {
.c-content-single__content .c-gallery-trigger {
margin-left: -1.5625rem;
margin-right: -1.5625rem
}
}
@media print,
screen and (min-width: 48em)and (max-width: 63.99875em) {
.c-content-single__content .c-gallery-trigger {
margin-left: -3.625rem;
margin-right: -3.625rem
}
}
.c-content-single__content .c-quote__text {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1.25rem;
line-height: 1.3;
font-weight: 300;
padding: 0 1.5rem
}
@media print,
screen and (min-width: 48em) {
.c-content-single__content .c-quote__text {
font-size: 1.875rem
}
}
@media print,
screen and (min-width: 64em) {
.c-content-single__content .c-quote__text {
padding: 0 3rem
}
}
.c-content-single__content .c-quote__cite {
padding-top: 1.5rem
}
@media print,
screen and (min-width: 64em) {
.c-content-single__content .c-quote__cite {
padding-top: 3rem
}
}
.c-content-single__related {
padding-inline: 1.5625rem
}
@media print,
screen and (min-width: 48em) {
.c-content-single__related {
padding-inline: 3.625rem
}
}
.c-content-single__related .c-content-posts {
display: grid;
align-items: center;
grid-template-columns: 1fr;
gap: 2.5rem 2rem
}
@media print,
screen and (min-width: 64em) {
.c-content-single__related .c-content-posts {
padding-inline: 0;
row-gap: 4.375rem;
grid-template-columns: 1fr auto
}
}
.c-content-single__related .c-content-posts__headings {
grid-row: 1;
grid-column: 1;
font-family: "Orleans", Tahoma, sans-serif;
font-size: 2.25rem;
line-height: 1.16;
font-weight: 300;
font-weight: 300
}
@media print,
screen and (min-width: 48em) {
.c-content-single__related .c-content-posts__headings {
font-size: 3.375rem
}
}
.c-content-single__related .c-content-posts__list {
grid-column: 1/-1;
grid-row: 3;
outline: none
}
@media print,
screen and (min-width: 64em) {
.c-content-single__related .c-content-posts__list {
grid-row: 2;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.5rem;
padding-bottom: 1rem
}
}
.c-content-single__related .c-content-posts .c-cta__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1.25rem;
line-height: 1.3;
font-weight: 300
}
@media print,
screen and (min-width: 48em) {
.c-content-single__related .c-content-posts .c-cta__heading {
font-size: 1.875rem
}
}
.c-content-single__related .c-content-posts .c-cta__background {
aspect-ratio: 260/280
}
@supports not (aspect-ratio: 1/1) {
.c-content-single__related .c-content-posts .c-cta__background {
position: relative;
padding-bottom: 107.6923076923%;
height: 0 !important;
overflow: hidden
}
}
@media print,
screen and (min-width: 64em) {
.c-content-single__related .c-content-posts .c-cta__background {
aspect-ratio: 300/325
}
@supports not (aspect-ratio: 1/1) {
.c-content-single__related .c-content-posts .c-cta__background {
position: relative;
padding-bottom: 108.3333333333%;
height: 0 !important;
overflow: hidden
}
}
}
.c-content-single__related .c-content-posts__buttons {
grid-row: 2
}
@media print,
screen and (min-width: 64em) {
.c-content-single__related .c-content-posts__buttons {
grid-row: 1;
grid-column: 2
}
}
.c-content-single-hero__inner {
display: flex;
flex-flow: column nowrap;
gap: 2.8125rem 3.4375rem
}
@media print,
screen and (min-width: 64em) {
.c-content-single-hero__inner {
flex-direction: row
}
}
.c-content-single-hero__content {
display: flex;
flex-flow: column nowrap;
row-gap: 1.5625rem
}
@media print,
screen and (min-width: 64em) {
.c-content-single-hero__content {
width: 38%;
border-top: .0625rem solid #433c2c
}
}
.c-content-single-hero__publish-date {
font-size: .75rem;
color: rgba(44, 50, 67, .5);
text-transform: uppercase
}
@media print,
screen and (min-width: 64em) {
.c-content-single-hero__publish-date {
margin-top: .625rem;
margin-left: auto
}
}
@media print,
screen and (min-width: 64em) {
.c-content-single-hero__headings {
margin-block: 5.9375rem 1.25rem;
padding-right: 5.3125rem
}
}
.c-content-single-hero__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 2.25rem;
line-height: 1.16;
font-weight: 300
}
@media print,
screen and (min-width: 48em) {
.c-content-single-hero__heading {
font-size: 2.625rem
}
}
.c-content-single-hero__buttons {
--row-gap: 1.25rem;
--column-gap: 1.125rem;
display: flex;
gap: var(--row-gap) var(--column-gap);
margin-top: auto;
flex-flow: row wrap
}
.c-content-single-hero__button {
flex: 1 1 auto;
cursor: pointer;
min-width: auto;
background: rgba(255, 255, 255, .6);
box-shadow: 0px 0px 10px 10px rgba(172, 158, 93, 0.1);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px)
}
@media screen and (max-width: 99.9375em) {
.c-content-single-hero__button.c-button--podcast {
flex-basis: 100%
}
}
.c-content-single-hero__media {
--_min-height: 23.4375rem;
position: relative;
max-height: clamp(var(--_min-height), 70vh, 47.5rem);
margin-bottom: 3.125rem;
aspect-ratio: 375/500
}
@supports not (aspect-ratio: 1/1) {
.c-content-single-hero__media {
position: relative;
padding-bottom: 133.3333333333%;
height: 0 !important;
overflow: hidden
}
}
@media print,
screen and (max-width: 47.99875em) {
.c-content-single-hero__media {
margin-left: -1.5625rem;
margin-right: -1.5625rem
}
}
@media print,
screen and (min-width: 48em)and (max-width: 63.99875em) {
.c-content-single-hero__media {
margin-left: -3.625rem;
margin-right: -3.625rem
}
}
@media print,
screen and (min-width: 64em) {
.c-content-single-hero__media {
--_min-height: 31.25rem;
width: 68%;
margin-left: auto;
margin-bottom: 0;
aspect-ratio: 760/590
}
@supports not (aspect-ratio: 1/1) {
.c-content-single-hero__media {
position: relative;
padding-bottom: 77.6315789474%;
height: 0 !important;
overflow: hidden
}
}
}
.c-content-single-hero__featured-image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background: center center/cover no-repeat rgba(0, 0, 0, 0);
z-index: 0
}
.c-content-single-hero__video {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 1
}
.c-content-single-hero__video[type="audio/mp3"] {
inset: auto 0 0
}
.c-content-single-hero__video-controls {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3.125rem;
z-index: 2;
border-radius: 0;
background: rgba(255, 255, 255, .6);
box-shadow: 0 0 .625rem .625rem rgba(172, 158, 93, 0.1);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
display: flex
}
.c-content-single-hero__video-button {
width: 3.375rem;
border-right: .0625rem solid #d9d9d9;
text-align: center
}
.c-content-single-hero__video-button:before {
font-family: "Icons";
content: "";
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.c-content-single-hero__video-button.is-playing:before {
font-family: "Icons";
content: "";
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.c-content-single-hero__video-button[data-control=fullscreen]:before {
content: url('data:image/svg+xml,')
}
.c-content-single-hero__video-progress-wrap {
flex: 1;
display: flex;
align-items: center;
gap: .375rem;
padding-inline: 1.0625rem
}
.c-content-single-hero__video-progress {
flex: 1;
display: flex;
height: 100%;
align-items: center
}
.c-content-single-hero__video-progress-bar {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 2px;
background-color: #d9d9d9
}
.c-content-single-hero__video-progress-bar::-webkit-progress-bar {
background-color: rgba(0, 0, 0, 0)
}
.c-content-single-hero__video-progress-bar::-webkit-progress-value {
background-color: #433c2c
}
.c-form .gfield input,
.c-form .gfield select,
.c-form .gfield textarea,
.c-form .gfield_label {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1rem;
line-height: 1;
font-weight: 300
}
@media print,
screen and (min-width: 48em) {
.c-form .gfield input,
.c-form .gfield select,
.c-form .gfield textarea,
.c-form .gfield_label {
font-size: 1.125rem
}
}
@media print,
screen and (min-width: 64em) {
.c-form .gfield--type-choice {
height: 4.1875rem
}
}
.c-form .gfield--type-choice legend {
padding-top: 1.125rem
}
@media print,
screen and (min-width: 64em) {
.c-form .gfield--type-choice legend {
padding-top: 0;
height: 100%;
float: left;
display: flex;
align-items: center;
border-bottom: .0625rem solid rgba(44, 50, 67, .2)
}
}
.c-form .gfield--type-choice.hear-about-us {
height: auto
}
.c-form .gfield--type-choice.hear-about-us legend {
float: none;
width: 100%;
border-bottom: none
}
.c-form .gfield--type-choice.hear-about-us .ginput_container_checkbox {
display: block;
float: none;
width: 100%
}
.c-form .gfield--type-choice.hear-about-us .gfield_checkbox {
flex-wrap: wrap;
justify-content: flex-start;
gap: 10px 35px
}
.c-form .gfield--type-choice.hear-about-us label {
display: flex
}
.c-form .gfield_checkbox {
display: flex;
justify-content: space-around;
gap: 1.875rem
}
.c-form .ginput_container_checkbox {
display: flex;
border-bottom: .0625rem solid rgba(44, 50, 67, .2)
}
@media print,
screen and (min-width: 64em) {
.c-form .ginput_container_checkbox {
justify-content: space-around
}
}
.c-form .gform_footer {
display: flex
}
.c-form [type=submit] {
margin-left: auto
}
.c-grid-filter__headings {
text-align: center
}
.c-grid-filter__preheading {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.625rem;
line-height: 1.6;
text-transform: uppercase;
letter-spacing: 0.1em;
opacity: 0.5;
margin-bottom: 2em
}
@media print,
screen and (min-width: 48em) {
.c-grid-filter__preheading {
font-size: 0.75rem
}
}
.c-grid-filter__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 2.25rem;
line-height: 1.16;
font-weight: 300;
margin-bottom: 1.4em;
max-width: 57.5rem;
margin-inline: auto
}
@media print,
screen and (min-width: 48em) {
.c-grid-filter__heading {
font-size: 3.375rem
}
}
.c-grid-filter__filter,
.c-grid-filter__option {
display: flex;
overflow-x: auto;
overflow-y: hidden;
align-items: center;
white-space: nowrap;
list-style-type: none;
scroll-snap-type: x mandatory;
-ms-overflow-style: none;
scrollbar-width: none
}
.c-grid-filter__filter::-webkit-scrollbar,
.c-grid-filter__option::-webkit-scrollbar {
display: none
}
.c-grid-filter__filter {
--_scroll-spacer: 1.5rem;
margin: auto calc(var(--_scroll-spacer)*-1) 3.25rem
}
@media print,
screen and (min-width: 48em) {
.c-grid-filter__filter {
--_scroll-spacer: 3.625rem
}
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter__filter {
--_scroll-spacer: 5rem;
margin-bottom: 5.625rem;
width: calc(100% + var(--_scroll-spacer)*2 - 1.375rem)
}
}
.c-grid-filter__filter__label {
display: none
}
.c-grid-filter__filter .c-grid-filter__heading {
display: none
}
.c-grid-filter__radio-button {
scroll-snap-align: start;
cursor: pointer
}
.c-grid-filter__radio-button span {
min-width: 6.875rem
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter__radio-button span {
min-width: 8rem
}
}
.c-grid-filter__radio-button:first-of-type {
margin-inline-start: auto;
padding-inline-start: var(--_scroll-spacer)
}
.c-grid-filter__radio-button:last-child {
margin-inline-end: auto;
padding-inline-end: var(--_scroll-spacer)
}
.c-grid-filter__radio-button input {
float: left;
outline: none
}
.c-grid-filter__radio-button span {
width: 100%;
text-align: center
}
.c-grid-filter__item {
background-color: var(--button-background);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
box-shadow: 0 0 .625rem .625rem rgba(93, 134, 172, .05)
}
.c-grid-filter .grid-sizer,
.c-grid-filter__item {
width: calc(100% - 1.5rem);
margin: 0 .75rem 2.1875rem
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter .grid-sizer,
.c-grid-filter__item {
margin: 0 .75rem 3.125rem;
width: calc(33.33% - 1.5rem)
}
}
.c-grid-filter--cta .c-grid-filter__filter {
display: block;
overflow: visible;
scroll-snap-type: none
}
.c-grid-filter--cta .c-grid-filter__option {
margin-inline: 0
}
@media print,
screen and (max-width: 63.99875em) {
.c-grid-filter--cta .c-grid-filter__item {
position: static !important;
transform: none !important
}
}
.c-grid-filter--cta .c-grid-filter__item .c-cta__detached-anchor {
position: absolute;
inset: 0
}
.c-grid-filter--default .crop,
.c-grid-filter--default .img-fit {
position: relative;
overflow: hidden;
flex: 1
}
.c-grid-filter--default .c-image {
aspect-ratio: 330/200;
background: center center/cover no-repeat rgba(0, 0, 0, 0)
}
@supports not (aspect-ratio: 1/1) {
.c-grid-filter--default .c-image {
position: relative;
padding-bottom: 60.6060606061%;
height: 0 !important;
overflow: hidden
}
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter--default .c-image {
aspect-ratio: 410/370;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1
}
@supports not (aspect-ratio: 1/1) {
.c-grid-filter--default .c-image {
position: relative;
padding-bottom: 90.243902439%;
height: 0 !important;
overflow: hidden
}
}
}
.c-grid-filter--default .c-cta {
--grid-filter-cta-padding: 1.5rem
}
@media print,
screen and (min-width: 48em) {
.c-grid-filter--default .c-cta {
--grid-filter-cta-padding: 1.875rem
}
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter--default .c-cta__inner {
height: 40vw;
display: flex;
flex-direction: column;
justify-content: flex-end
}
}
.c-grid-filter--default .c-cta__text {
font-family: "IBM", Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.6
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter--default .c-cta__text {
display: grid !important;
grid-template-rows: 0fr;
transition: grid-template-rows .6s cubic-bezier(0.4, 0, 0.2, 1);
overflow: scroll
}
.c-grid-filter--default .c-cta__text,
.c-grid-filter--default .c-cta__text p {
-ms-overflow-style: none;
scrollbar-width: none
}
.c-grid-filter--default .c-cta__text::-webkit-scrollbar,
.c-grid-filter--default .c-cta__text p::-webkit-scrollbar {
display: none
}
.c-grid-filter--default .c-cta__text p {
min-height: 5em;
overflow: hidden
}
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter--default .c-cta:hover .c-cta__text {
grid-template-rows: 1fr
}
.c-grid-filter--default .c-cta:hover .c-cta__text p {
overflow: auto
}
}
.c-grid-filter--full-width {
width: 100%;
margin: 0
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter--full-width {
max-width: 66.5625rem;
margin: 0 auto
}
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter--full-width .crop,
.c-grid-filter--full-width .img-fit {
width: 25.6875rem
}
}
.c-grid-filter--full-width .c-image {
aspect-ratio: 329/239;
background: center center/cover no-repeat rgba(0, 0, 0, 0)
}
@supports not (aspect-ratio: 1/1) {
.c-grid-filter--full-width .c-image {
position: relative;
padding-bottom: 72.6443768997%;
height: 0 !important;
overflow: hidden
}
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter--full-width .c-image {
aspect-ratio: unset;
height: 100%;
min-height: 28.25rem
}
}
.c-grid-filter--full-width .grid-sizer,
.c-grid-filter--full-width .c-grid-filter__item {
width: 100%;
margin: 0 0 2.1875rem;
box-shadow: none
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter--full-width .grid-sizer,
.c-grid-filter--full-width .c-grid-filter__item {
margin: 0 0 3.125rem
}
}
.c-grid-filter--full-width .c-cta {
--grid-filter-cta-padding: 1.5rem
}
@media print,
screen and (min-width: 48em) {
.c-grid-filter--full-width .c-cta {
--grid-filter-cta-padding: 1.875rem
}
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter--full-width .c-cta__inner {
display: grid;
grid-template-columns: 25.6875rem auto;
-moz-column-gap: 4rem;
column-gap: 4rem
}
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter--full-width .crop,
.c-grid-filter--full-width .img-fit {
grid-column: 1;
grid-row: 1/3
}
.c-grid-filter--full-width .has-button .crop,
.c-grid-filter--full-width .has-button .img-fit {
grid-row: 1/span 3
}
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter--full-width .c-cta__headings,
.c-grid-filter--full-width .c-cta__text,
.c-grid-filter--full-width .c-cta__buttons {
grid-column: 2
}
}
.c-grid-filter--full-width .c-cta__headings {
margin-top: var(--grid-filter-cta-padding);
margin-bottom: 1.25rem
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter--full-width .c-cta__headings {
display: flex;
flex-direction: column;
justify-content: flex-end;
margin-bottom: 2.75rem
}
}
.c-grid-filter--full-width .c-cta__preheading,
.c-grid-filter--full-width .c-cta__subheading {
margin-bottom: 1em
}
.c-grid-filter--full-width .c-cta__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1.5rem;
line-height: 1.45;
font-weight: 300
}
@media print,
screen and (min-width: 48em) {
.c-grid-filter--full-width .c-cta__heading {
font-size: 2.75rem;
line-height: 1.27
}
}
.c-grid-filter--full-width .c-cta__heading:last-child {
margin-bottom: 0
}
.c-grid-filter--full-width .c-cta__subheading {
margin-bottom: 0
}
.c-grid-filter--full-width .c-cta__text {
margin-bottom: var(--grid-filter-cta-padding);
max-width: 36.875rem
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter--full-width-alternating {
max-width: 88vw
}
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter--full-width-alternating .crop,
.c-grid-filter--full-width-alternating .img-fit {
width: 100%
}
}
.c-grid-filter--full-width-alternating .c-image {
aspect-ratio: 329/356
}
@supports not (aspect-ratio: 1/1) {
.c-grid-filter--full-width-alternating .c-image {
position: relative;
padding-bottom: 108.2066869301%;
height: 0 !important;
overflow: hidden
}
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter--full-width-alternating .c-image {
min-height: 37.5rem;
aspect-ratio: auto;
padding-bottom: 0
}
}
.c-grid-filter--full-width-alternating .c-grid-filter__item {
--grid-filter-cta-content-column: 2;
--grid-filter-cta-image-column: 1;
--grid-filter-cta-template-columns: 38vw auto
}
.c-grid-filter--full-width-alternating .c-grid-filter__item:nth-child(odd) {
--grid-filter-cta-content-column: 1;
--grid-filter-cta-image-column: 2;
--grid-filter-cta-template-columns: auto 38vw
}
.c-grid-filter--full-width-alternating .c-grid-filter__item:nth-child(odd) .c-cta__buttons {
grid-column: 1
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter--full-width-alternating .c-grid-filter__item {
margin: 0 0 7.5rem
}
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter--full-width-alternating .c-cta__inner {
grid-template-columns: var(--grid-filter-cta-template-columns);
-moz-column-gap: 5.3125rem;
column-gap: 5.3125rem
}
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter--full-width-alternating .crop {
grid-column: var(--grid-filter-cta-image-column)
}
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter--full-width-alternating .img-fit {
grid-column: var(--grid-filter-cta-image-column)
}
}
@media print,
screen and (min-width: 64em) {
.c-grid-filter--full-width-alternating .c-cta__headings,
.c-grid-filter--full-width-alternating .c-cta__text {
grid-column: var(--grid-filter-cta-content-column)
}
}
.c-hero {
--body-color: white;
color: var(--body-color);
position: relative;
height: 100vh
}
@media print,
screen and (min-width: 64em) {
.c-hero {
min-height: 30.5rem
}
}
.c-hero__inner {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 2;
text-align: center;
background-color: var(--image-overlay-color);
height: 100%
}
@media print,
screen and (min-width: 64em) {
.c-hero__inner {
padding-top: 5.75rem
}
#panel-838-0-0-1 > div > section > div {
padding-top:0px;
}
}
.c-hero__content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 56.25rem;
height: calc(100vh - 4rem);
margin-inline: 1.5625rem
}
@media print,
screen and (min-width: 48em) {
.c-hero__content {
margin-inline: 3.625rem
}
}
@media print,
screen and (min-width: 64em) {
.c-hero__content {
height: 100%;
margin-inline: auto
}
}
.c-hero__heading {
margin-bottom: 1.8em;
font-family: "IBM", Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.6;
letter-spacing: 3.1px;
}
.c-hero__subheading {
margin-bottom: .5em;
font-family: "Orleans", Tahoma, sans-serif;
font-size: 2.25rem;
line-height: 1.25;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 0.05em
}
@media print,
screen and (min-width: 64em) {
.c-hero__subheading {
padding-inline: 2.625rem
}
}
@supports(text-wrap: balance) {
.c-hero__subheading {
text-wrap: balance
}
}
.c-hero__text {
font-family: "IBM", Helvetica, sans-serif;
font-size: 17px;
line-height: 1.44;
margin: 0 auto 1.25rem;
max-width: 47.875rem;
color: rgba(255, 255, 255, .85)
}
@media print,
screen and (min-width: 48em) {
.c-hero__text {
font-size: 17px;
}
}
@media print,
screen and (min-width: 64em) {
.c-hero__text {
margin: 0 auto 5.9375rem
}
}
.c-hero__background,
.c-hero__video-container {
height: 100%;
width: 100%;
position: absolute;
top: 0
}
.c-hero__background {
background-size: cover;
background-position: center
}
.c-hero__video-container {
overflow: hidden
}
.c-hero .plyr__controls {
z-index: 10
}
.c-hero--scroll {
overflow: hidden;
height: auto
}
.c-hero--scroll .plyr__controls {
display: none
}
@media print,
screen and (min-width: 48em) {
.c-hero--scroll {
height: max(140vh, 56.25rem)
}
}
@media print,
screen and (min-width: 64em) {
.c-hero--scroll {
height: max(140vh, 56.25rem)
}
}
.c-hero--scroll [data-plyr=play],
.c-hero--scroll [data-plyr=pause] {
margin-bottom: -5rem
}
@media print,
screen and (min-width: 64em) {
.c-hero--scroll [data-plyr=play],
.c-hero--scroll [data-plyr=pause] {
margin-bottom: -8.125rem
}
}
.c-hero--scroll .c-hero__content {
width: calc(100% - 1.5625rem);
margin: 0 auto;
height: auto;
position: relative;
transform: none;
padding-top: 1.25rem;
transform: none !important
}
@media print,
screen and (min-width: 48em) {
.c-hero--scroll .c-hero__content {
position: static;
transform: translateX(0%) !important;
padding-top: max(20vh, 6.25rem)
}
}
@media print,
screen and (min-width: 64em) {
.c-hero--scroll .c-hero__content {
justify-content: flex-start
}
}
.c-hero--scroll .c-hero__inner {
position: relative;
height: auto;
padding-top: 100px;
}
@media print,
screen and (min-width: 48em) {
.c-hero--scroll .c-hero__inner {
height: 100%;
padding-top: 0;
padding-bottom: 0px
}
}
@media print,
screen and (min-width: 64em) {
.c-hero--scroll .c-hero__text {
max-width: 36.125rem
}
}
.c-hero--scroll .c-hero__buttons {
opacity: 1;
transition: opacity .5s
}
.remodal-is-locked .c-hero--scroll .c-hero__buttons {
opacity: 0
}
.c-hero--video {
isolation: isolate;
height: calc(40vh - 4rem)
}
@media print,
screen and (min-width: 48em) {
.c-hero--video {
height: calc(65vh - 4rem)
}
}
@media print,
screen and (min-width: 64em) {
.c-hero--video {
height: 100vh
}
}
.c-hero--video .c-hero__inner {
padding-top: 0;
height: 100%
}
.c-hero--video .c-hero__content {
flex-direction: column-reverse;
gap: 1.875rem
}
.c-hero--video .c-hero__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1.375rem;
line-height: 1;
font-weight: 300;
opacity: 1;
margin-bottom: 0
}
@media print,
screen and (min-width: 48em) {
.c-hero--video .c-hero__heading {
font-size: 1.5rem;
line-height: 1.1
}
}
.c-hero--video.is-playing {
--image-overlay-color: transparent
}
.c-hero--video.is-playing .c-hero__heading,
.c-hero--video.is-playing button {
opacity: 0;
transition: opacity .5s
}
.c-hero--video.is-playing:hover button {
opacity: 1
}
.widget-image--background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
pointer-events: none;
display: flex;
flex-direction: column
}
.widget-image--background::before {
content: "";
display: block;
flex: 1
}
.widget-image--background>div {
position: sticky;
bottom: 0
}
.c-image--background .img-fit {
height: 90vh;
width: 100%
}
@media print,
screen and (min-width: 64em) {
.c-image--background .img-fit {
height: auto
}
}
.c-image--background .c-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-mask: linear-gradient(-90deg, #0186A1 40%, rgba(1, 134, 161, 0.2), #0186A1 60%) right/300% 100%;
animation: shimmer 4s ease-in-out infinite;
opacity: .2
}
.c-image--contain {
max-height: 100vh
}
.c-image--contain .img-fit {
max-height: 100vh;
display: flex
}
.c-image--contain .c-image {
max-height: 100vh;
-o-object-fit: contain;
object-fit: contain;
margin-inline: auto;
width: 100%
}
.c-image--parallax {
overflow: hidden;
height: 43.75rem
}
.c-image--parallax .crop {
width: 100%;
height: 100%
}
.c-image--parallax .c-image {
width: 100%;
height: 100%;
background-size: cover
}
.c-image-gallery {
width: calc(100% + 1.25rem);
margin-inline: -.625rem
}
.c-image-gallery .grid-sizer,
.c-image-gallery__thumbnail {
width: calc(50% - 1.25rem);
margin: .625rem;
aspect-ratio: 160/185
}
@supports not (aspect-ratio: 1/1) {
.c-image-gallery .grid-sizer,
.c-image-gallery__thumbnail {
position: relative;
padding-bottom: 115.625%;
height: 0 !important;
overflow: hidden
}
}
@media print,
screen and (min-width: 64em) {
.c-image-gallery .grid-sizer,
.c-image-gallery__thumbnail {
width: calc(25% - 1.25rem);
aspect-ratio: 300/360
}
@supports not (aspect-ratio: 1/1) {
.c-image-gallery .grid-sizer,
.c-image-gallery__thumbnail {
position: relative;
padding-bottom: 120%;
height: 0 !important;
overflow: hidden
}
}
}
.c-image-gallery__thumbnail .crop {
display: block
}
.c-image-gallery__thumbnail .crop,
.c-image-gallery__thumbnail .c-image {
width: 100%;
height: 100%
}
.c-image-gallery__thumbnail .c-image {
background: center center/cover no-repeat rgba(0, 0, 0, 0)
}
.c-gallery-trigger {
display: grid;
gap: .625rem;
grid-template-columns: repeat(2, 1fr)
}
@media print,
screen and (min-width: 64em) {
.c-gallery-trigger {
gap: 1.25rem
}
}
.c-gallery-trigger__anchor {
position: absolute;
z-index: 1;
bottom: .9375rem;
right: .9375rem;
width: 3rem;
height: 3rem
}
@media print,
screen and (min-width: 64em) {
.c-gallery-trigger__anchor {
width: auto
}
}
.c-gallery-trigger__anchor figure {
display: none
}
.c-gallery-trigger__initial-image {
display: none
}
.c-gallery-trigger__trigger {
font-size: 0;
color: #fff !important;
border-color: rgba(0, 0, 0, 0) !important
}
@media print,
screen and (min-width: 64em) {
.c-gallery-trigger__trigger {
min-width: 11.25rem
}
}
.c-gallery-trigger__thumbnail {
aspect-ratio: 1/1;
position: relative;
overflow: hidden
}
.c-gallery-trigger__thumbnail div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center
}
.c-gallery-trigger__thumbnail:nth-last-of-type(3n+1) {
grid-column: 1;
grid-row: 1/span 2;
width: 100%;
height: 100%;
aspect-ratio: 180/125
}
@supports not (aspect-ratio: 1/1) {
.c-gallery-trigger__thumbnail:nth-last-of-type(3n+1) {
position: relative;
padding-bottom: 69.4444444444%;
height: 0 !important;
overflow: hidden
}
}
@media print,
screen and (min-width: 64em) {
.c-gallery-trigger__thumbnail:nth-last-of-type(3n+1) {
aspect-ratio: 400/570
}
@supports not (aspect-ratio: 1/1) {
.c-gallery-trigger__thumbnail:nth-last-of-type(3n+1) {
position: relative;
padding-bottom: 142.5%;
height: 0 !important;
overflow: hidden
}
}
}
.c-gallery-trigger__thumbnail:nth-last-of-type(3n+2),
.c-gallery-trigger__thumbnail:nth-last-of-type(3n+3) {
aspect-ratio: 180/125
}
@supports not (aspect-ratio: 1/1) {
.c-gallery-trigger__thumbnail:nth-last-of-type(3n+2),
.c-gallery-trigger__thumbnail:nth-last-of-type(3n+3) {
position: relative;
padding-bottom: 69.4444444444%;
height: 0 !important;
overflow: hidden
}
}
@media print,
screen and (min-width: 64em) {
.c-gallery-trigger__thumbnail:nth-last-of-type(3n+2),
.c-gallery-trigger__thumbnail:nth-last-of-type(3n+3) {
aspect-ratio: 400/275
}
@supports not (aspect-ratio: 1/1) {
.c-gallery-trigger__thumbnail:nth-last-of-type(3n+2),
.c-gallery-trigger__thumbnail:nth-last-of-type(3n+3) {
position: relative;
padding-bottom: 68.75%;
height: 0 !important;
overflow: hidden
}
}
}
.c-gallery-trigger__thumbnail:nth-last-of-type(3n+2) {
grid-column: 2;
grid-row: 1
}
.c-gallery-trigger__thumbnail:nth-last-of-type(3n+3) {
grid-column: 2;
grid-row: 2
}
.c-list {
display: grid;
align-items: center;
grid-template-columns: 1fr;
padding-inline: 1.5rem;
gap: 2.5rem 2rem;
overflow: hidden
}
@media print,
screen and (min-width: 64em) {
.c-list {
row-gap: 4.375rem;
grid-template-columns: 1fr auto;
padding-inline: 5rem
}
}
.c-list__preheading {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.625rem;
line-height: 1.6;
text-transform: uppercase;
letter-spacing: 0.1em;
opacity: 0.5;
margin-bottom: 2.25rem
}
@media print,
screen and (min-width: 48em) {
.c-list__preheading {
font-size: 0.75rem
}
}
@media print,
screen and (min-width: 64em) {
.c-list__preheading {
margin-bottom: 1.875rem
}
}
.c-list__heading {
grid-row: 1;
grid-column: 1;
font-family: "Orleans", Tahoma, sans-serif;
font-size: 2.25rem;
line-height: 1.16;
font-weight: 300;
font-weight: 300
}
@media print,
screen and (min-width: 48em) {
.c-list__heading {
font-size: 3.375rem
}
}
.c-list__buttons {
grid-row: 2
}
@media print,
screen and (min-width: 64em) {
.c-list__buttons {
grid-row: 1;
grid-column: 2
}
}
@media(hover: hover) {
.c-list__button:hover,
.c-list__button:active,
.c-list__button:focus {
background-color: #e8d4a8
}
}
@media(hover: none) {
.c-list__button:active,
.c-list__button:focus {
background-color: #e8d4a8
}
}
.c-list__items {
grid-column: 1/-1;
grid-row: 3
}
@media print,
screen and (min-width: 64em) {
.c-list__items {
grid-row: 2;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
padding-bottom: 1rem
}
}
.c-list__item {
list-style: none;
width: max(17.5rem, 80%);
height: auto !important;
margin-right: 1rem;
overflow: visible
}
@media print,
screen and (min-width: 64em) {
.c-list__item {
width: 100%;
margin-right: 0;
aspect-ratio: 410/590
}
@supports not (aspect-ratio: 1/1) {
.c-list__item {
position: relative;
padding-bottom: 143.9024390244%;
height: 0 !important;
overflow: hidden
}
}
}
.c-list-item__entry {
position: relative;
display: flex;
flex-flow: column-reverse nowrap;
box-shadow: 0 0 .625rem .625rem rgba(93, 134, 172, .05)
}
.c-list-item__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1rem;
line-height: 1;
font-weight: 300
}
@media print,
screen and (min-width: 48em) {
.c-list-item__heading {
font-size: 1.5rem;
line-height: 1.1
}
}
.c-list-item__media {
width: 100%;
aspect-ratio: 280/260
}
@supports not (aspect-ratio: 1/1) {
.c-list-item__media {
position: relative;
padding-bottom: 92.8571428571%;
height: 0 !important;
overflow: hidden
}
}
@media print,
screen and (min-width: 64em) {
.c-list-item__media {
aspect-ratio: 410/370
}
@supports not (aspect-ratio: 1/1) {
.c-list-item__media {
position: relative;
padding-bottom: 90.243902439%;
height: 0 !important;
overflow: hidden
}
}
}
.c-list-item__image {
width: 100%;
height: 100%;
background-size: cover
}
.c-list-item__anchor {
position: absolute;
inset: 0;
cursor: pointer
}
.c-interactive-map__canvas {
height: 100vh
}
@media print,
screen and (min-width: 64em) {
.c-interactive-map__canvas {
height: 88vh;
min-height: 50rem
}
}
.c-interactive-map__canvas .infoBox,
.c-interactive-map__canvas .c-infobox {
display: none !important
}
.c-media {
display: flex
}
.c-media__preheading {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.625rem;
line-height: 1.6;
text-transform: uppercase;
letter-spacing: 0.1em;
opacity: 0.5;
margin-bottom: 2em
}
@media print,
screen and (min-width: 48em) {
.c-media__preheading {
font-size: 0.75rem
}
}
.c-media__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 2.25rem;
line-height: 1.16;
font-weight: 300;
margin-bottom: .5em
}
@media print,
screen and (min-width: 48em) {
.c-media__heading {
font-size: 3.375rem
}
}
.c-media__text {
font-family: "IBM", Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.65;
margin-bottom: 2.25rem
}
@media print,
screen and (min-width: 48em) {
.c-media__text {
font-size: 1.125rem
}
}
@media print,
screen and (min-width: 64em) {
.c-media__text {
margin-bottom: 3.75rem
}
}
.c-media__text strong {
font-family: "IBM", Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.65;
text-transform: uppercase;
opacity: .5;
margin-block: 1.8em .4em;
display: block
}
@media print,
screen and (max-width: 64em) {
.c-media__text p+p {
text-align: center;
line-height: 2.25em;;
}
.c-media__text p {
text-align: center;
}
.menu__item--page {
text-align: center!important;
}
}
@media print,
screen and (min-width: 64em) {
.c-media__text strong {
font-size: 1.125rem
}
}
.c-media__text :first-child strong {
margin-top: 0
}
.c-media__text p+p {
margin-top: 1ch;
}
.c-media__image {
background-size: cover;
background-position: center;
background-repeat: no-repeat
}
.c-media .price {
display: block
}
.c-media__item {
position: relative
}
.c-media__gallery-trigger {
position: absolute;
display: flex;
align-items: center;
right: 1rem;
bottom: 1rem;
background-color: #fff;
border-radius: .3125rem;
padding: .4375rem 1.875rem .4375rem 1rem;
transition: background-color .4s ease-in-out;
cursor: pointer
}
@media(hover: hover) {
.c-media__gallery-trigger:hover,
.c-media__gallery-trigger:active,
.c-media__gallery-trigger:focus {
background-color: #d9d9d9
}
}
@media(hover: none) {
.c-media__gallery-trigger:active,
.c-media__gallery-trigger:focus {
background-color: #d9d9d9
}
}
.c-media__gallery-trigger-label {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.625rem;
line-height: 1.6;
text-transform: uppercase;
letter-spacing: 0.1em;
opacity: 0.5;
opacity: 1
}
@media print,
screen and (min-width: 48em) {
.c-media__gallery-trigger-label {
font-size: 0.75rem
}
}
.c-media__gallery-trigger-label:before,
.c-media__gallery-trigger-label:after {
content: "";
order: 2;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: .5rem;
margin: 0 0 0 auto;
width: .625rem;
height: .0625rem;
background: #433c2c
}
.c-media__gallery-trigger-label:after {
transform: translateY(-50%) rotate(90deg)
}
.c-media__gallery-trigger-count,
.c-media__gallery-trigger .js-thumbnail {
display: none
}
.c-media--accordion {
align-items: center
}
.c-media--accordion .c-media__content {
width: 100%
}
.c-media--accordion .c-media__headings {
text-align: center
}
.c-media--accordion .c-media__preheading {
opacity: .5
}
.c-media--accordion .c-media__accordion {
margin-top: 2.8125rem;
padding-top: 1.25rem;
border-top: .0625rem solid var(--t-gray)
}
@media print,
screen and (min-width: 64em) {
.c-media--accordion .c-media__accordion {
border: none;
padding: 0;
margin-top: 4.5rem
}
}
.c-media--display-image-list {
position: relative
}
@media print,
screen and (min-width: 64em) {
.c-media--display-image-list .c-media__buttons {
position: absolute;
top: 100%;
left: calc(100% + var(--media-lockup-gap));
padding-top: var(--media-lockup-gap)
}
}
.c-media--four-pillars {
text-align: center;
justify-content: center
}
.c-media--four-pillars .c-media__content {
width: 100%
}
.c-media--four-pillars .c-media__headings,
.c-media--four-pillars .c-media__text {
margin-inline: auto
}
.c-media--four-pillars .c-media__headings {
max-width: 39.6875rem
}
.c-media--four-pillars .c-media__preheading {
opacity: .5;
margin-bottom: 2rem
}
@media print,
screen and (min-width: 64em) {
.c-media--four-pillars .c-media__preheading {
margin-bottom: 3.125rem
}
}
.c-media--four-pillars .c-media__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 2.25rem;
line-height: 1.16;
font-weight: 300;
margin-bottom: 2.5rem
}
@media print,
screen and (min-width: 48em) {
.c-media--four-pillars .c-media__heading {
font-size: 2.625rem
}
}
.c-media--four-pillars .c-media__text {
max-width: 41.25rem;
margin-bottom: 3.125rem
}
@media print,
screen and (min-width: 64em) {
.c-media--four-pillars .c-media__text {
margin-bottom: 6rem
}
}
.c-media--four-pillars .c-media__actions {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
gap: 3.125rem
}
@media print,
screen and (min-width: 64em) {
.c-media--four-pillars .c-media__actions {
gap: auto
}
}
.c-media--four-pillars .c-media__action {
flex: 1 1 calc(50% - 3.125rem);
display: flex;
flex-flow: column nowrap;
list-style: none
}
@media print,
screen and (min-width: 64em) {
.c-media--four-pillars .c-media__action {
flex: 1 1 calc(25% - 3.125rem)
}
}
@media(hover: hover) {
.c-media--four-pillars .c-media__action:hover .c-media__action-image,
.c-media--four-pillars .c-media__action:active .c-media__action-image,
.c-media--four-pillars .c-media__action:focus .c-media__action-image {
animation-play-state: running
}
}
@media(hover: none) {
.c-media--four-pillars .c-media__action:active .c-media__action-image,
.c-media--four-pillars .c-media__action:focus .c-media__action-image {
animation-play-state: running
}
}
.c-media--four-pillars .c-media__action .c-media__button {
width: -moz-fit-content;
width: fit-content;
margin-inline: auto;
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1.5rem;
line-height: 1.333;
font-weight: 300
}
.c-media--four-pillars .c-media__action-image {
width: 7.5rem;
height: 7.5rem;
margin: 0 auto 1.75rem;
animation: rotation 20s linear infinite forwards paused
}
.c-media--four-pillars .c-media__buttons {
margin-top: 5rem
}
@media print,
screen and (min-width: 64em) {
.c-media--four-pillars .c-media__buttons {
margin-top: 6.875rem
}
}
.c-media--itinerary {
flex-direction: column
}
@media print,
screen and (min-width: 64em) {
.c-media--itinerary {
flex-direction: row;
justify-content: space-between;
width: 83%;
margin: 0 auto
}
}
.c-media--itinerary .c-media__heading {
display: none;
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1rem;
line-height: 1;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 1.2em
}
@media print,
screen and (min-width: 48em) {
.c-media--itinerary .c-media__heading {
font-size: 1.125rem
}
}
@media print,
screen and (min-width: 64em) {
.c-media--itinerary .c-media__heading {
display: block
}
}
.c-media--itinerary .c-media__subheading {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.625rem;
line-height: 1.6;
text-transform: uppercase;
letter-spacing: 0.1em;
opacity: 0.5;
margin-bottom: 2em
}
@media print,
screen and (min-width: 48em) {
.c-media--itinerary .c-media__subheading {
font-size: 0.75rem
}
}
@media print,
screen and (min-width: 64em) {
.c-media--itinerary .c-media__content {
width: 30%
}
}
.c-media--itinerary .c-media__item {
width: 100%
}
@media print,
screen and (min-width: 64em) {
.c-media--itinerary .c-media__item {
width: 60%
}
}
.c-media--itinerary .c-media__image {
aspect-ratio: 329/270
}
@supports not (aspect-ratio: 1/1) {
.c-media--itinerary .c-media__image {
position: relative;
padding-bottom: 82.0668693009%;
height: 0 !important;
overflow: hidden
}
}
@media print,
screen and (min-width: 64em) {
.c-media--itinerary .c-media__image {
aspect-ratio: 628/462
}
@supports not (aspect-ratio: 1/1) {
.c-media--itinerary .c-media__image {
position: relative;
padding-bottom: 73.5668789809%;
height: 0 !important;
overflow: hidden
}
}
}
.c-media {
--media-lockup-gap: 4.375rem
}
.c-media--lockup {
flex-direction: column
}
@media print,
screen and (min-width: 64em) {
.c-media--lockup {
display: grid;
grid-template-columns: 55fr 45fr;
-moz-column-gap: var(--media-lockup-gap);
column-gap: var(--media-lockup-gap)
}
}
.c-media--lockup.c-media--display-image-list:after {
content: ""
}
@media print,
screen and (min-width: 64em) {
.c-media--lockup.c-media--display-image-list:after {
display: block;
height: 18.4375rem;
grid-row: 2;
grid-column: 2
}
}
.c-media--lockup .c-media__content {
position: relative;
grid-column: 1;
order: 2
}
@media print,
screen and (min-width: 64em) {
.c-media--lockup .c-media__content {
order: unset
}
}
@media print,
screen and (min-width: 64em) {
.c-media--lockup .c-media__inner {
padding-bottom: var(--media-lockup-gap)
}
}
.c-media--lockup .c-media__headings,
.c-media--lockup .c-media__text:first-child {
padding-top: 2.3125rem
}
@media print,
screen and (min-width: 64em) {
.c-media--lockup .c-media__headings,
.c-media--lockup .c-media__text:first-child {
padding-top: 1.25rem
}
}
.c-media--lockup .c-media__headings {
max-width: 38.75rem
}
.c-media--lockup .c-media__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 2.25rem;
line-height: 1.16;
font-weight: 300;
margin-bottom: .8em
}
@media print,
screen and (min-width: 48em) {
.c-media--lockup .c-media__heading {
font-size: 3.375rem
}
}
@supports(text-wrap: balance) {
.c-media--lockup .c-media__heading {
text-wrap: balance
}
}
.c-media--lockup .c-media__preheading {
margin-bottom: 2em
}
.c-media--lockup .c-media__text {
max-width: 31.5625rem
}
.c-media--lockup .c-media__buttons {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem
}
.c-media--lockup .c-media__item {
grid-column: 2;
order: 1
}
@media print,
screen and (min-width: 64em) {
.c-media--lockup .c-media__item {
position: relative;
max-width: calc(44vw - 3.625rem)
}
}
.c-media--lockup .c-media__image {
aspect-ratio: 239/287;
grid-column: 2;
order: 1;
height: 100%
}
@supports not (aspect-ratio: 1/1) {
.c-media--lockup .c-media__image {
position: relative;
padding-bottom: 88.036809816%;
height: 0 !important;
overflow: hidden
}
}
@media print,
screen and (min-width: 64em) {
.c-media--lockup .c-media__image:nth-of-type(1) {
aspect-ratio: unset;
margin-right: -3.625rem;
min-height: 43.75rem
}
.c-media--lockup .c-media__image {
background-image: url(./wp-content/uploads/2025/13/vaanaa-operating-room.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
aspect-ratio: 1 / 1;
width: 100%;
max-height: 68vh;
display: block; /* ensures height is respected */
overflow: hidden;
}
}
.c-media--lockup .c-media__image:nth-of-type(2) {
width: 20.25rem;
height: 22.5625rem;
position: absolute;
display: none;
content-visibility: hidden
}
@media print,
screen and (min-width: 64em) {
.c-media--lockup .c-media__image:nth-of-type(2) {
display: block;
content-visibility: visible;
right: calc(100% + var(--media-lockup-gap));
top: calc(100% - var(--media-lockup-gap))
}
}
.c-media--lockup .c-media__anchor {
display: none
}
@media print,
screen and (min-width: 64em) {
.c-media--lockup-right {
grid-template-columns: calc(38vw - var(--media-lockup-gap)) auto
}
}
.c-media--lockup-right .c-media__item {
max-width: none
}
.c-media--lockup-right.c-media--layout-content-right .c-media__image:nth-of-type(1) {
margin-left: 0
}
@media print,
screen and (min-width: 64em) {
.c-media--lockup-right.c-media--layout-content-right .c-media__image {
position: sticky;
top: 0;
height: auto
}
}
.c-media--lockup-half {
--media-lockup-gap: 2.5rem;
display: flex
}
.c-media--lockup-half .c-media__headings {
max-width: 33.125rem
}
.c-media--lockup-half .c-media__text {
max-width: 31.5625rem
}
@media print,
screen and (min-width: 64em) {
.c-media--lockup-half .c-media__item {
/* margin-bottom: 5rem */
}
}
@media print,
screen and (min-width: 64em) {
.c-media--lockup-half .c-media__image:nth-of-type(1) {
aspect-ratio: 326/288;
height: auto;
width: 100%
}
@supports not (aspect-ratio: 1/1) {
.c-media--lockup-half .c-media__image:nth-of-type(1) {
position: relative;
padding-bottom: 88.3435582822%;
height: 0 !important;
overflow: hidden
}
}
}
@media print,
screen and (min-width: 64em) {
.c-media--lockup-half.stack-content-first .c-media__image:nth-of-type(1) {
width: 64%;
aspect-ratio: 411/458
}
@supports not (aspect-ratio: 1/1) {
.c-media--lockup-half.stack-content-first .c-media__image:nth-of-type(1) {
position: relative;
padding-bottom: 111.4355231144%;
height: 0 !important;
overflow: hidden
}
}
}
@media print,
screen and (min-width: 64em) {
.c-media--lockup-half.stack-media-first {
flex-direction: column-reverse
}
.c-media--lockup-half.stack-media-first .c-media__item {
margin-right: -3.625rem
}
}
@media print,
screen and (min-width: 64em)and (min-width: 64em) {
.c-media--lockup-half.stack-media-first .c-media__image:nth-of-type(1) {
aspect-ratio: 622/644
}
@supports not (aspect-ratio: 1/1) {
.c-media--lockup-half.stack-media-first .c-media__image:nth-of-type(1) {
position: relative;
padding-bottom: 103.536977492%;
height: 0 !important;
overflow: hidden
}
}
}
@media print,
screen and (min-width: 64em) {
.panel-grid-cell:nth-child(2) .c-media--lockup-half {
padding-left: 5rem
}
}
.panel-grid-cell:nth-child(1) .c-media--lockup-half {
margin-bottom: 2.5rem
}
@media print,
screen and (min-width: 64em) {
.panel-grid-cell:nth-child(1) .c-media--lockup-half {
margin-bottom: 0
}
}
.c-media--program {
flex-direction: column
}
.c-media--program .c-media__content {
order: 2
}
.c-media--program .c-media__item {
order: 1;
width: 100%
}
.c-media--program .c-media__image {
width: 100%;
aspect-ratio: 378/500;
background-position: center;
background-size: cover;
margin-bottom: 2.875rem;
max-height: 70vh
}
@supports not (aspect-ratio: 1/1) {
.c-media--program .c-media__image {
position: relative;
padding-bottom: 132.2751322751%;
height: 0 !important;
overflow: hidden
}
}
@media print,
screen and (min-width: 64em) {
.c-media--program .c-media__image {
aspect-ratio: 1280/730;
max-height: none;
margin-bottom: 5.625rem
}
@supports not (aspect-ratio: 1/1) {
.c-media--program .c-media__image {
position: relative;
padding-bottom: 57.03125%;
height: 0 !important;
overflow: hidden
}
}
}
.c-media--program .c-media__headings {
display: flex;
flex-wrap: wrap;
gap: .875rem;
margin-bottom: 2.5rem
}
@media print,
screen and (min-width: 64em) {
.c-media--program .c-media__headings {
margin-bottom: 1.5625rem
}
}
.c-media--program .c-media__preheading {
all: unset;
font-family: "Orleans", Tahoma, sans-serif;
font-size: 2.25rem;
line-height: 1.22;
font-weight: 300;
width: 100%
}
@media print,
screen and (min-width: 48em) {
.c-media--program .c-media__preheading {
font-size: 3.375rem
}
}
@media print,
screen and (min-width: 48em) {
.c-media--program .c-media__preheading {
font-size: 2.75rem
}
}
.c-media--program .c-media__heading,
.c-media--program .c-media__subheading {
font-family: "IBM", Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.6
}
@media print,
screen and (min-width: 64em) {
.c-media--program .c-media__text,
.c-media--program .c-media__buttons {
display: grid;
gap: 1.875rem;
grid-template-columns: min(55.5%, 47.5rem) auto
}
}
.c-media--program .c-media__text strong {
margin-top: 0
}
.c-media--program .c-media__text p {
max-width: 38.9375rem;
margin-bottom: .625rem
}
@media print,
screen and (min-width: 48em) {
.c-media--program .c-media__text p {
margin: 0
}
}
.c-media--program .c-media__button {
width: -moz-fit-content;
width: fit-content;
grid-column: 2
}
.c-media--timeline-item {
flex-direction: column;
overflow: hidden
}
@media print,
screen and (min-width: 48em) {
.c-media--timeline-item {
overflow: visible;
display: grid;
grid-template-columns: 1fr 1fr;
-moz-column-gap: min(11vw, 10rem);
column-gap: min(11vw, 10rem)
}
}
.c-media--timeline-item .c-media__content {
grid-column: 1;
padding-left: 15vw;
display: flex
}
@media print,
screen and (min-width: 48em) {
.c-media--timeline-item .c-media__content {
padding-left: 1.5625rem;
padding-right: 0
}
}
@media print,
screen and (min-width: 48em)and (min-width: 48em) {
.c-media--timeline-item .c-media__content {
padding-left: 3.625rem
}
}
.c-media--timeline-item .c-media__inner {
width: 90%
}
@media print,
screen and (min-width: 48em) {
.c-media--timeline-item .c-media__inner {
max-width: 33.125rem
}
}
.c-media--timeline-item .c-media__item {
grid-column: 2;
height: 82vw;
display: flex;
align-items: flex-start;
gap: 1.375rem;
padding-left: 15vw
}
@media print,
screen and (max-width: 63.99875em) {
.c-media--timeline-item .c-media__item {
transform: none !important
}
}
@media print,
screen and (min-width: 48em) {
.c-media--timeline-item .c-media__item {
height: calc(100% + 10rem);
padding-left: 0;
padding-right: 1.5625rem;
padding-bottom: 10rem
}
}
@media print,
screen and (min-width: 48em)and (min-width: 48em) {
.c-media--timeline-item .c-media__item {
padding-right: 3.625rem
}
}
.c-media--timeline-item .c-media__image {
width: 28%;
max-width: none;
min-width: 6.25rem
}
.c-media--timeline-item .c-media__image:nth-of-type(2) {
width: auto;
height: 70%;
align-self: flex-end
}
@media print,
screen and (min-width: 48em) {
.c-media--timeline-item .c-media__image:nth-of-type(2) {
height: 28vw
}
}
@media print,
screen and (min-width: 48em) {
.so-panel:nth-child(even) .c-media--timeline-item .c-media__content {
grid-column: 2;
grid-row: 1;
padding-left: 0;
padding-right: 1.5625rem
}
}
@media print,
screen and (min-width: 48em)and (min-width: 48em) {
.so-panel:nth-child(even) .c-media--timeline-item .c-media__content {
padding-right: 3.625rem
}
}
@media print,
screen and (min-width: 48em) {
.so-panel:nth-child(even) .c-media--timeline-item .c-media__item {
justify-content: flex-end;
grid-column: 1;
grid-row: 1;
padding-right: 0;
padding-left: 1.5625rem
}
}
@media print,
screen and (min-width: 48em)and (min-width: 48em) {
.so-panel:nth-child(even) .c-media--timeline-item .c-media__item {
padding-left: 3.625rem
}
}
@media print,
screen and (max-width: 63.99875em) {
.c-media--layout-align-end .c-media__item {
padding-right: 1.5625rem
}
}
.c-media--layout-align-end .c-media__image {
align-self: flex-end
}
.c-media--layout-align-end .c-media__image:nth-of-type(2) {
align-self: flex-start
}
@media print,
screen and (max-width: 63.99875em) {
.c-media--layout-equal .c-media__item {
padding-right: 1.5625rem
}
}
.c-media--layout-equal .c-media__image,
.c-media--layout-equal .c-media__image:nth-of-type(2) {
flex: 1;
height: auto;
max-width: 50%
}
.c-media--layout-single .c-media__item {
padding-right: 1.5625rem;
height: auto;
-o-object-fit: contain;
object-fit: contain
}
@media print,
screen and (min-width: 48em) {
.c-media--layout-single .c-media__item {
padding: 0
}
}
.c-media--layout-single .c-media__image {
width: 100%
}
@media print,
screen and (min-width: 48em) {
.c-media--layout-single .c-media__image {
padding-right: 3.75rem;
margin: 0 auto
}
}
.c-media--layout-single .c-media__image:nth-of-type(2) {
display: none
}
.c-media--layout-stack .c-media__item {
flex-wrap: wrap;
height: auto;
padding-bottom: 0
}
.so-panel:nth-child(even) .c-media--layout-stack .c-media__item {
justify-content: flex-start
}
.c-media--layout-stack .c-media__image:nth-of-type(2) {
margin-left: auto
}
@media print,
screen and (max-width: 63.99875em) {
.c-media--layout-stack .c-media__image:nth-of-type(2) {
width: 70vw
}
}
.c-media--layout-content-right.c-media--lockup:after {
order: 3
}
@media print,
screen and (max-width: 63.99875em) {
.c-media--layout-content-right.c-media--lockup:after {
width: 60%;
height: auto;
aspect-ratio: 240/206
}
@supports not (aspect-ratio: 1/1) {
.c-media--layout-content-right.c-media--lockup:after {
position: relative;
padding-bottom: 85.8333333333%;
height: 0 !important;
overflow: hidden
}
}
}
@media print,
screen and (min-width: 48em) {
.c-media--layout-content-right.c-media--lockup:after {
width: 100%;
height: 26.0625rem
}
}
@media print,
screen and (min-width: 48em) {
.c-media--layout-content-right:where(.c-media--lockup) .c-media__content {
grid-column: 2;
grid-row: 1
}
}
.c-media--layout-content-right:where(.c-media--lockup) .c-media__inner {
padding: 2.5rem
}
.c-media--layout-content-right:where(.c-media--lockup) .c-media__buttons {
padding-top: 0;
position: static
}
@media print,
screen and (min-width: 48em) {
.c-media--layout-content-right:where(.c-media--lockup) .c-media__item {
grid-column: 1;
grid-row: 1
}
}
@media print,
screen and (min-width: 48em) {
.c-media--layout-content-right:where(.c-media--lockup) .c-media__image:nth-of-type(1) {
margin: 0 0 0 -3.625rem
}
}
.c-media--layout-content-right:where(.c-media--lockup) .c-media__image:nth-of-type(2) {
display: block;
bottom: 0;
right: 0
}
@media print,
screen and (max-width: 63.99875em) {
.c-media--layout-content-right:where(.c-media--lockup) .c-media__image:nth-of-type(2) {
width: 60%;
height: auto;
aspect-ratio: 240/206
}
@supports not (aspect-ratio: 1/1) {
.c-media--layout-content-right:where(.c-media--lockup) .c-media__image:nth-of-type(2) {
position: relative;
padding-bottom: 85.8333333333%;
height: 0 !important;
overflow: hidden
}
}
}
@media print,
screen and (min-width: 48em) {
.c-media--layout-content-right:where(.c-media--lockup) .c-media__image:nth-of-type(2) {
right: auto;
left: calc(100% + 2.5rem);
top: calc(100% + 3.4375rem)
}
}
.c-media-tabs__header {
text-align: center;
max-width: 43.75rem;
margin-inline: auto
}
.c-media-tabs__preheading {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.625rem;
line-height: 1.6;
text-transform: uppercase;
letter-spacing: 0.1em;
opacity: 0.5;
margin-bottom: 2.5em
}
@media print,
screen and (min-width: 48em) {
.c-media-tabs__preheading {
font-size: 0.75rem
}
}
.c-media-tabs__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 2.25rem;
line-height: 1.16;
font-weight: 300;
margin-bottom: .8em
}
@media print,
screen and (min-width: 48em) {
.c-media-tabs__heading {
font-size: 3.375rem
}
}
.c-media-tabs__buttons {
--_scroll-spacer: 1.5rem;
--_scroll-spacer-buffer: 0rem;
--_scroll-margin-buffer: 0rem;
--_scroll-padding-buffer: 0rem;
display: inline-flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
padding-inline: var(--_scroll-spacer);
margin-bottom: 3.375rem;
width: calc(100% + var(--_scroll-spacer)*2 + var(--_scroll-spacer-buffer));
margin-inline: calc(0rem - var(--_scroll-spacer) - var(--_scroll-margin-buffer));
scroll-padding: calc(var(--_scroll-spacer) + var(--_scroll-padding-buffer));
scroll-snap-type: x mandatory;
overflow: auto;
-ms-overflow-style: none;
scrollbar-width: none;
margin-bottom: 3.375rem
}
@media print,
screen and (min-width: 48em) {
.c-media-tabs__buttons {
--_scroll-spacer: 3.625rem
}
}
@media print,
screen and (min-width: 48em) {
.c-media-tabs__buttons {
--_scroll-spacer: 5rem;
--_scroll-spacer-buffer: -1.375rem
}
}
.c-media-tabs__buttons::-webkit-scrollbar {
display: none
}
@media print,
screen and (min-width: 48em) {
.c-media-tabs__buttons {
margin-bottom: 5rem
}
}
.c-media-tabs__button {
text-wrap: nowrap;
scroll-snap-align: start
}
.c-media-tabs__button:first-of-type {
margin-left: auto
}
.c-media-tabs__button:last-of-type {
margin-right: auto
}
@media print,
screen and (max-width: 63.99875em) {
.c-media-tabs__button :where(span.day) {
display: none
}
.c-media-tabs__button.is-active :where(span.day) {
display: inline
}
}
@media print,
screen and (min-width: 48em) {
.c-media-tabs__button {
padding-inline: 2.25rem
}
}
.c-media-tabs__tabs {
display: grid;
grid-template-columns: 1fr
}
.c-media-tabs__tab {
opacity: 0;
grid-column: 1/-1;
grid-row: 1;
transition: opacity .5s;
pointer-events: none;
height: 0
}
.c-media-tabs__tab.is-active {
opacity: 1;
pointer-events: all;
height: auto
}
.c-media-tabs--programs .c-media-tabs__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 2.25rem;
line-height: 1.22;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.05em;
text-transform: uppercase
}
@media print,
screen and (min-width: 48em) {
.c-media-tabs--programs .c-media-tabs__heading {
font-size: 3.375rem
}
}
.c-media-tabs--programs .c-media--program .c-media__item {
width: calc(100% + 3rem);
margin-inline: -1.5rem
}
@media print,
screen and (min-width: 48em) {
.c-media-tabs--programs .c-media--program .c-media__item {
width: calc(100% + 7.25rem);
margin-inline: -3.625rem
}
}
@media print,
screen and (min-width: 48em) {
.c-media-tabs--programs .c-media--program .c-media__item {
width: 100%;
margin-inline: 0
}
}
.c-slider {
max-height: none;
outline: none !important
}
.c-slider-wrapper {
overflow: hidden;
position: relative
}
.c-slider__cell {
width: 100%;
overflow: hidden
}
.c-slider--image {
width: 100%;
height: auto;
min-height: auto;
grid-template-rows: auto var(--flickity-dot-height);
padding-inline: 0.5rem;
touch-action: pan-y;
}
@media print,
screen and (min-width: 48em) {
.c-slider--image {
width: calc(100% - 7.5rem);
padding-inline: 0;
margin-inline: auto
}
}
@media print,
screen and (min-width: 48em) {
.c-slider--image {
width: calc(100% - 3.5rem);
padding-inline: 0;
margin-inline: auto
}
}
.c-slider--image .flickity-viewport {
width: 100%;
/* margin-inline: -1.5rem; */
max-height: 70vh;
min-height: 26.0625rem;
}
/* Keep the viewport at 4:5 on small widths (you already have this) */
@media (max-width: 63.99875em) {
#pg-873-3 #slider-67faeb935868f .flickity-viewport {
aspect-ratio: 16 / 9;
height: auto !important;
max-height: none !important;
min-height: 0 !important;
}
}
/* Scale down non-active slides (mobile/tablet only, tweak breakpoint as you like) */
#pg-873-3 #slider-67faeb935868f .c-slider__cell {
transform: scale(.92);
opacity: .75;
transition: transform .28s ease, opacity .28s ease;
will-change: transform;
z-index: 1;
}
#pg-873-3 #slider-67faeb935868f .c-slider__cell.is-selected {
transform: scale(1);
opacity: 1;
z-index: 2; /* sits above neighbors when overlapping */
}
/* NEW: stretch the slide and all inner wrappers to the viewport height */
#pg-873-3 #slider-67faeb935868f .flickity-slider { height: 100% !important; }
#pg-873-3 #slider-67faeb935868f .c-slider__cell { height: 100% !important; }
#pg-873-3 #slider-67faeb935868f .c-image-container { height: 100% !important; }
#pg-873-3 #slider-67faeb935868f .crop { height: 100% !important; margin: 0 !important; }
#pg-873-3 #slider-67faeb935868f .imgix-fluid.c-image {
height: 100% !important;
width: 100% !important;
background-size: cover; /* fill without letterboxing */
background-position: center;
pointer-events: none; /* keep vertical scroll working */
}
/* shrink non-active slides by scaling the inner content, not the cell */
@media (max-width: 63.99875em) {
/* active slide back to full size */
#pg-873-3 #slider-67faeb935868f .c-slider__cell.is-selected > .c-image-container,
#pg-873-3 #slider-67faeb935868f .c-slider__cell.is-selected > .c-image-container > .crop {
transform: scale(1);
opacity: 1;
}
}
@supports not (aspect-ratio: 1/1) {
.c-slider--image .flickity-viewport {
position: relative;
padding-bottom: 130.5084745763%;
height: 0 !important;
overflow: hidden
}
}
@media screen and (min-width: 31.25em) {
.c-slider--image .flickity-viewport {
margin-inline: 0
}
}
@media print,
screen and (min-width: 48em) {
.c-slider--image .flickity-viewport {
margin-inline: 0
}
}
@media print,
screen and (min-width: 64em) {
.c-slider--image .flickity-viewport {
width: auto;
max-height: none;
aspect-ratio: 1062/622
}
@supports not (aspect-ratio: 1/1) {
.c-slider--image .flickity-viewport {
position: relative;
padding-bottom: 58.5687382298%;
height: 0 !important;
overflow: hidden
}
}
}
.c-slider--image .flickity-slider {
position: relative;
width: 100%;
height: 100%
}
@media screen and (min-width: 31.25em) {
.c-slider--image .c-slider__cell:not(.is-selected) .c-image-container {
transform: scale(0.9, 0.8);
transform-origin: center center;
transition-delay: 0s
}
.c-slider--image .c-slider__cell .c-image-container {
transition: transform .4s ease-in-out
}
}
.c-slider--image .c-slider__cell,
.c-slider--image .c-slider__cell .c-image-container,
.c-slider--image .c-slider__cell .c-image,
.c-slider--image .c-slider__cell .crop {
height: 100%
}
.c-slider--image .c-slider__cell .c-image {
width: 100%;
background: center center/cover no-repeat rgba(0, 0, 0, 0)
}
.c-slider--image--icons {
--icons-slider-height: 9.3125rem;
height: var(--icons-slider-height);
padding-inline: 1.5rem;
grid-template-rows: auto
}
@media print,
screen and (min-width: 48em) {
.c-slider--image--icons {
--icons-slider-height: 13.0625rem
}
}
.c-slider--image--icons .c-slider--image {
display: flex;
width: 100%;
height: 100%;
padding: 0;
padding-block: .75rem
}
.c-slider--image--icons .c-slider--image:before {
content: none
}
.c-slider--image--icons .c-slider--image .flickity-viewport {
width: 100%;
margin-inline: 0;
aspect-ratio: auto;
max-height: none;
min-height: auto
}
.c-slider--image--icons .c-slider--image .c-slider__cell {
width: auto;
height: 100%;
aspect-ratio: 1/1;
margin-inline: .3125rem;
box-shadow: 0 0 .625rem .625rem rgba(93, 134, 172, .05)
}
@media print,
screen and (min-width: 48em) {
.c-slider--image--icons .c-slider--image .c-slider__cell {
margin-inline: .5rem
}
}
.c-slider--image--icons .c-slider--image .c-slider__cell:first-child {
margin-inline-start: 1.5rem
}
.c-slider--image--icons .c-slider--image .c-slider__cell:last-child {
margin-inline-end: 1.5rem
}
.c-slider--image--icons .c-slider--image .c-slider__cell .c-image-container {
transform: none;
transition: none
}
.c-slider--image--icons .c-slider--image .c-slider__cell .c-image-container,
.c-slider--image--icons .c-slider--image .c-slider__cell .c-image,
.c-slider--image--icons .c-slider--image .c-slider__cell .crop {
height: 100%
}
.c-slider--image--icons .c-slider--image .c-slider__cell .c-image {
width: 100%;
background: center center/cover no-repeat rgba(0, 0, 0, 0)
}
.c-slider--image--icons .c-slider--image .c-slider__cell .img-fit {
height: 100%;
background-color: #fff
}
.c-slider--image--icons .c-slider--image .c-slider__cell .img-fit .c-image {
-o-object-fit: contain;
object-fit: contain
}
.c-slider--list:after {
content: "flickity";
display: none
}
@media print,
screen and (min-width: 48em) {
.c-slider--list:after {
content: none
}
}
.c-slider--media-carousel {
--carousel-slider-height: 51.875rem;
--carousel-slider-min-height: 32.8125rem;
--carousel-slider-calc-height: max(var(--carousel-slider-height) - 5.75rem, 88vh);
grid-template-rows: auto
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-carousel {
height: var(--carousel-slider-calc-height);
min-height: var(--carousel-slider-min-height);
background-color: #fff
}
}
.c-slider--media-carousel:before {
display: none
}
.c-slider--media-carousel>.c-slider--media {
padding-bottom: 0
}
@media print,
screen and (max-width: 63.99875em) {
.c-slider--media-carousel>.c-slider--media>.c-slider__cell {
position: relative;
max-height: 36.25rem;
aspect-ratio: 375/250
}
.c-slider--media-carousel>.c-slider--media>.c-slider__cell:not(:last-child) {
margin-bottom: .0625rem
}
@supports not (aspect-ratio: 1/1) {
.c-slider--media-carousel>.c-slider--media>.c-slider__cell {
position: relative;
padding-bottom: 66.6666666667%;
height: 0 !important;
overflow: hidden
}
}
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-carousel>.c-slider--media>.flickity-viewport>.flickity-slider {
display: flex;
left: auto !important;
transform: none !important
}
}
.c-slider--media-carousel>.c-slider--media>.flickity-viewport>.flickity-slider>.c-slider__cell {
width: 100vw;
height: 100%
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-carousel>.c-slider--media>.flickity-viewport>.flickity-slider>.c-slider__cell {
position: static !important;
transform: none !important;
width: 33.333vw;
height: var(--carousel-slider-calc-height);
min-height: var(--carousel-slider-min-height);
flex: 1
}
}
.c-slider--media-carousel>.c-slider--media>.flickity-viewport>.flickity-slider>.c-slider__cell:first-child .c-media__content {
border-left-width: 0
}
.c-slider--media-carousel>.c-slider--media>.flickity-viewport>.flickity-slider>.c-slider__cell:nth-child(2) .flickity-page-dots {
left: 33.33vw
}
.c-slider--media-carousel>.c-slider--media>.flickity-viewport>.flickity-slider>.c-slider__cell:nth-child(3) .c-media__content {
border-right-width: 0
}
.c-slider--media-carousel>.c-slider--media>.flickity-viewport>.flickity-slider>.c-slider__cell:nth-child(3) .flickity-page-dots {
left: 66.66vw
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-carousel>.c-slider--media>.flickity-page-dots {
display: none
}
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-carousel>.c-slider--media:after {
content: "flickity";
display: none
}
}
.c-slider--media-carousel .c-media {
width: 100%;
height: 100%;
margin-bottom: 0
}
.c-slider--media-carousel .c-media__content {
position: relative;
width: 100%;
height: 100%;
padding: 2rem 2.5rem;
min-height: 0;
align-items: center;
z-index: 1;
max-width: none;
background: rgba(0, 0, 0, 0);
isolation: isolate
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-carousel .c-media__content {
border: solid #fff;
border-width: 0 .0625rem;
padding-top: 3.375rem;
padding-bottom: 3.375rem;
pointer-events: none;
z-index: 2
}
}
.c-slider--media-carousel .c-media__content:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(44, 50, 67, .25);
z-index: -1;
pointer-events: none
}
.c-slider--media-carousel .c-media__inner {
display: grid;
place-items: center;
max-width: 100%;
height: 100%
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-carousel .c-media__inner {
align-items: flex-end
}
}
.c-slider--media-carousel .c-media__preheading,
.c-slider--media-carousel .c-media__heading {
color: rgba(255, 255, 255, .5);
transition: color 300ms
}
.touchevents .c-slider--media-carousel .c-media__preheading,
.touchevents .c-slider--media-carousel .c-media__heading {
color: #fff
}
.no-touchevents .c-slider--media-carousel .c-media__preheading,
.no-touchevents .c-slider--media-carousel .c-media__buttons {
opacity: 0;
transition: opacity 300ms ease-in-out
}
@media print,
screen and (max-width: 63.99875em) {
.no-touchevents .c-slider--media-carousel .c-media__preheading,
.no-touchevents .c-slider--media-carousel .c-media__buttons {
opacity: 1
}
}
.c-slider--media-carousel .c-media__headings {
text-align: center
}
@media print,
screen and (max-width: 63.99875em) {
.c-slider--media-carousel .c-media__headings {
align-self: flex-end
}
}
.c-slider--media-carousel .c-media__preheading {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.625rem;
line-height: 1.6;
text-transform: uppercase;
letter-spacing: 0.1em;
opacity: 0.5;
margin-bottom: .5em
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-carousel .c-media__preheading {
font-size: 0.75rem
}
}
.c-slider--media-carousel .c-media__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1.5rem;
line-height: 1.45;
font-weight: 300
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-carousel .c-media__heading {
font-size: 2.75rem;
line-height: 1.27
}
}
@supports(text-wrap: balance) {
.c-slider--media-carousel .c-media__heading {
text-wrap: balance
}
}
.c-slider--media-carousel .c-media__subheading {
display: none
}
.c-slider--media-carousel .c-media__buttons {
display: block;
pointer-events: all
}
.c-slider--media-carousel .c-media__button:not(:hover) {
color: #fff
}
.c-slider--media-carousel .c-media__item {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: auto;
z-index: 0
}
.no-touchevents .c-slider--media-carousel .c-media__item {
opacity: 0;
transition: opacity 600ms
}
@media print,
screen and (max-width: 63.99875em) {
.no-touchevents .c-slider--media-carousel .c-media__item {
opacity: 1
}
}
.c-slider--media-carousel .c-media__item:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
background: rgba(44, 50, 67, .25);
pointer-events: none;
z-index: 1
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-carousel .c-media__item:before {
height: var(--carousel-slider-calc-height);
min-height: var(--carousel-slider-min-height)
}
}
.c-slider--media-carousel .c-media__image {
position: relative;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-carousel .c-media__image {
height: var(--carousel-slider-calc-height);
min-height: var(--carousel-slider-min-height)
}
}
.c-slider--media-carousel .c-media__slider {
height: 100%
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-carousel .c-media__slider {
min-height: var(--carousel-slider-min-height);
height: var(--carousel-slider-calc-height)
}
}
.c-slider--media-carousel .c-media__slider .flickity-slider {
transform: none !important
}
@media print,
screen and (max-width: 63.99875em) {
.c-slider--media-carousel .c-media__slider .flickity-viewport {
height: 100% !important
}
}
.c-slider--media-carousel .c-media__slider .c-slider__cell {
width: 100vw;
left: 0 !important;
opacity: 0;
transition: opacity 450ms ease-in-out;
z-index: 0;
transform: none !important
}
@media print,
screen and (max-width: 63.99875em) {
.c-slider--media-carousel .c-media__slider .c-slider__cell {
height: 100%
}
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-carousel .c-media__slider .c-slider__cell {
min-height: var(--carousel-slider-min-height);
height: var(--carousel-slider-calc-height)
}
}
.c-slider--media-carousel .c-media__slider .c-slider__cell.is-selected {
opacity: 1
}
.c-slider--media-carousel .c-media__slider .flickity-page-dots {
display: none
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-carousel .c-media__slider .flickity-page-dots {
display: flex;
justify-content: center
}
}
.c-slider--media-carousel .c-media__anchor {
position: absolute;
cursor: pointer;
z-index: 1
}
@media print,
screen and (max-width: 63.99875em) {
.c-slider--media-carousel .c-media__anchor {
top: 0;
left: 0;
right: 0;
bottom: 0
}
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-carousel .c-media__anchor {
top: 0;
bottom: 0;
width: calc(33% + 0.3125rem)
}
}
.touchevents .c-slider--media-carousel .c-media__anchor {
display: block
}
.no-touchevents .c-slider--media-carousel .c-media.is-active .c-media__preheading,
.no-touchevents .c-slider--media-carousel .c-media.is-active .c-media__heading {
color: #fff
}
.no-touchevents .c-slider--media-carousel .c-media.is-active .c-media__item {
opacity: 1
}
.no-touchevents .c-slider--media-carousel .c-media.is-active .c-media__preheading,
.no-touchevents .c-slider--media-carousel .c-media.is-active .c-media__buttons {
transition-delay: .2s
}
.no-touchevents .c-slider--media-carousel .c-media.is-active .c-media__anchor {
display: block
}
@media(hover: hover) {
.no-touchevents .c-slider--media-carousel .c-media.is-active:hover .c-media__preheading,
.no-touchevents .c-slider--media-carousel .c-media.is-active:hover .c-media__buttons,
.no-touchevents .c-slider--media-carousel .c-media.is-active:active .c-media__preheading,
.no-touchevents .c-slider--media-carousel .c-media.is-active:active .c-media__buttons,
.no-touchevents .c-slider--media-carousel .c-media.is-active:focus .c-media__preheading,
.no-touchevents .c-slider--media-carousel .c-media.is-active:focus .c-media__buttons {
opacity: 1
}
}
@media(hover: none) {
.no-touchevents .c-slider--media-carousel .c-media.is-active:active .c-media__preheading,
.no-touchevents .c-slider--media-carousel .c-media.is-active:active .c-media__buttons,
.no-touchevents .c-slider--media-carousel .c-media.is-active:focus .c-media__preheading,
.no-touchevents .c-slider--media-carousel .c-media.is-active:focus .c-media__buttons {
opacity: 1
}
}
.c-slider--media-carousel .flickity-page-dots {
display: flex;
bottom: 4.375rem;
padding: 0 2.5rem;
z-index: 2
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-carousel .flickity-page-dots {
width: 33.33vw;
bottom: 4.0625rem
}
}
.c-slider--media-carousel .flickity-page-dots .dot {
position: relative;
flex: 1;
margin: 0 .1875rem;
padding: 1.25rem 0;
height: .1875rem;
border-radius: .125rem;
background-color: rgba(0, 0, 0, 0)
}
.c-slider--media-carousel .flickity-page-dots .dot:after {
content: "";
position: absolute;
top: 50%;
left: 0;
right: 0;
height: .1875rem;
transform: translateY(-50%);
background-color: #fff
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-carousel.c-slider--media-carousel--short,
.c-slider--media-carousel.c-slider--media-carousel--short .c-media__item:before,
.c-slider--media-carousel.c-slider--media-carousel--short .c-media__image,
.c-slider--media-carousel.c-slider--media-carousel--short .c-media__slider,
.c-slider--media-carousel.c-slider--media-carousel--short .c-media__slider .c-slider__cell,
.c-slider--media-carousel.c-slider--media-carousel--short>.c-slider--media>.flickity-viewport>.flickity-slider>.c-slider__cell {
height: var(--carousel-slider-min-height)
}
}
.c-slider--media-grid {
--carousel-slider-height: 51.875rem;
--carousel-slider-min-height: 32.8125rem;
--carousel-slider-calc-height: max(var(--carousel-slider-height) - 5.75rem, 100vh);
padding-inline: 1.5rem
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-grid {
display: grid;
grid-template-columns: 1fr 2fr;
grid-auto-flow: column;
gap: max(1.25rem, 6.6vw);
padding: 0 0 .75rem;
margin-left: 5rem;
max-width: max(73.625rem, 80vw);
overflow: visible
}
}
.c-slider--media-grid .c-media-slider__header {
margin-bottom: 2.625rem
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-grid .c-media-slider__header {
margin-bottom: 0
}
}
.c-slider--media-grid .c-media-slider__preheading {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.625rem;
line-height: 1.6;
text-transform: uppercase;
letter-spacing: 0.1em;
opacity: 0.5;
margin-bottom: 1.75rem
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-grid .c-media-slider__preheading {
font-size: 0.75rem
}
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-grid .c-media-slider__preheading {
margin-bottom: 2.25rem
}
}
.c-slider--media-grid .c-media-slider__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 2.25rem;
line-height: 1.16;
font-weight: 300
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-grid .c-media-slider__heading {
font-size: 3.375rem
}
}
@supports(text-wrap: balance) {
.c-slider--media-grid .c-media-slider__heading {
text-wrap: balance
}
}
.c-slider--media-grid .c-media-slider__buttons {
margin-top: 2.25rem
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-grid .c-media-slider__buttons {
margin-top: 3.75rem
}
}
@media(hover: hover) {
.c-slider--media-grid .c-media-slider__button:hover,
.c-slider--media-grid .c-media-slider__button:active,
.c-slider--media-grid .c-media-slider__button:focus {
background-color: #e8d4a8
}
}
@media(hover: none) {
.c-slider--media-grid .c-media-slider__button:active,
.c-slider--media-grid .c-media-slider__button:focus {
background-color: #e8d4a8
}
}
.c-slider--media-grid .c-media-slider__content {
margin-bottom: 2.375rem
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-grid .c-media-slider__content {
margin-bottom: 0
}
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-grid .c-slider--media {
display: grid;
align-items: stretch;
grid-template-columns: repeat(2, 1fr);
gap: 1.25rem
}
}
.c-slider--media-grid .c-slider--media:after {
content: "flickity";
display: none
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-grid .c-slider--media:after {
content: none
}
}
.c-slider--media-grid .flickity-viewport,
.c-slider--media-grid .flickity-slider {
min-height: 100%
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-grid .flickity-slider,
.c-slider--media-grid .c-slider__cell {
height: auto
}
}
.c-slider--media-grid .c-slider__cell {
width: max(17.5rem, 80%);
padding: 0;
margin-inline: .5rem;
overflow: visible
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-grid .c-slider__cell {
margin: 0;
width: 100%;
height: auto !important
}
.c-slider--media-grid .c-slider__cell:first-child:nth-last-child(3) {
grid-row: 1/span 2;
margin-top: 8.4375rem
}
}
.c-slider--media-grid .c-media {
position: relative;
height: 100%;
height: auto;
display: flex;
flex-flow: column-reverse nowrap;
background-color: #fff;
box-shadow: 0 0 .625rem .625rem rgba(93, 134, 172, .05)
}
.c-slider--media-grid .c-media__content {
flex: 1 1 auto;
z-index: 2;
pointer-events: none
}
.c-slider--media-grid .c-media__inner {
display: flex;
flex-flow: column nowrap;
height: var(--slider-content-height)
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-grid .c-media__inner {
height: auto
}
}
.c-slider--media-grid .c-media__headings,
.c-slider--media-grid .c-media__text {
padding-inline: .875rem 3.375rem
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-grid .c-media__headings,
.c-slider--media-grid .c-media__text {
padding-inline: 1.75rem
}
}
.c-slider--media-grid .c-media__headings {
margin-top: 1rem;
margin-bottom: 1rem
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-grid .c-media__headings {
margin-top: 2.375rem
}
}
.c-slider--media-grid .c-media__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1.5rem;
line-height: 1.333;
font-weight: 300
}
.c-slider--media-grid .c-media__text {
margin-bottom: 0;
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.875rem;
line-height: 1.625
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-grid .c-media__text {
font-size: 1rem;
line-height: 1.44
}
}
.c-slider--media-grid .c-media__text:last-child {
padding-bottom: 1.75rem
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-grid .c-media__text:last-child {
padding-bottom: 2.25rem
}
}
.c-slider--media-grid .c-media__item {
flex: 1 1 auto;
width: 100%;
height: auto;
aspect-ratio: 280/170
}
@supports not (aspect-ratio: 1/1) {
.c-slider--media-grid .c-media__item {
position: relative;
padding-bottom: 60.7142857143%;
height: 0 !important;
overflow: hidden
}
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-grid .c-media__item {
aspect-ratio: 344/178
}
@supports not (aspect-ratio: 1/1) {
.c-slider--media-grid .c-media__item {
position: relative;
padding-bottom: 51.7441860465%;
height: 0 !important;
overflow: hidden
}
}
}
.c-slider--media-grid .c-media__image {
width: 100%;
height: 100%;
background: center center/cover no-repeat rgba(0, 0, 0, 0)
}
.c-slider--media-grid .c-media__anchor {
position: absolute;
inset: 0;
z-index: 1
}
.c-slider--media-grid .c-media__buttons {
display: inline-flex;
margin-top: auto;
pointer-events: all
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-grid .c-media__buttons {
margin-top: 4rem
}
}
.c-slider--media-grid .c-media__button {
min-width: auto
}
.c-slider--media-grid .c-media__button+.c-media__button {
display: none
}
.c-slider--media-tiles {
padding: .75rem 1.5rem
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-tiles {
display: grid;
grid-template-columns: 1fr 2fr;
grid-template-columns: minmax(23.75rem, 0.5fr) 2fr;
grid-auto-flow: column;
gap: .9375rem clamp(1.25rem, 6.6vw, 3.4375rem);
padding: .75rem 0 .75rem 5rem
}
}
.c-slider--media-tiles .c-media-slider__content {
margin-bottom: 2.375rem
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-tiles .c-media-slider__content {
margin-bottom: 0
}
}
.c-slider--media-tiles .c-media-slider__header,
.c-slider--media-tiles .c-media-slider__text,
.c-slider--media-tiles .c-media-slider__buttons {
grid-column: 1;
transition: opacity .4s ease-in-out .3s
}
.c-slider--media-tiles .c-media-slider__header {
grid-row: 1;
grid-column: 1;
margin-bottom: 1.75rem
}
.c-slider--media-tiles .c-media-slider__preheading {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.625rem;
line-height: 1.6;
text-transform: uppercase;
letter-spacing: 0.1em;
opacity: 0.5;
margin-bottom: 1.75rem
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-tiles .c-media-slider__preheading {
font-size: 0.75rem
}
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-tiles .c-media-slider__preheading {
margin-bottom: 2.25rem
}
}
.c-slider--media-tiles .c-media-slider__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 2.25rem;
line-height: 1.16;
font-weight: 300
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-tiles .c-media-slider__heading {
font-size: 3.375rem
}
}
@supports(text-wrap: balance) {
.c-slider--media-tiles .c-media-slider__heading {
text-wrap: balance
}
}
.c-slider--media-tiles .c-media-slider__text {
grid-row: 2;
grid-column: 1
}
.c-slider--media-tiles .c-media-slider__button {
grid-row: 4;
grid-column: 1;
margin-top: 2.25rem
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-tiles .c-media-slider__button {
margin-top: 3.75rem
}
}
@media(hover: hover) {
.c-slider--media-tiles .c-media-slider__button:hover,
.c-slider--media-tiles .c-media-slider__button:active,
.c-slider--media-tiles .c-media-slider__button:focus {
background-color: #e8d4a8
}
}
@media(hover: none) {
.c-slider--media-tiles .c-media-slider__button:active,
.c-slider--media-tiles .c-media-slider__button:focus {
background-color: #e8d4a8
}
}
.c-slider--media-tiles .c-media-slider__controls {
grid-row: 2;
grid-column: 2/-1;
display: grid;
align-items: center;
grid-template-columns: 1fr 3.4375rem 3.4375rem;
align-self: center
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-tiles .c-media-slider__controls {
grid-template-columns: 1fr 3.75rem 3.75rem 5rem
}
}
.c-slider--media-tiles .c-media-slider__controls:before {
content: "";
display: block;
grid-row: 2;
grid-column: 2/span 2;
height: 100%;
box-shadow: 0 0 .625rem .625rem rgba(172, 158, 93, 0.1)
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-tiles.slider-has-slid .c-media-slider__header,
.c-slider--media-tiles.slider-has-slid .c-media-slider__text,
.c-slider--media-tiles.slider-has-slid .c-media-slider__buttons {
opacity: 0;
transition-delay: 0s;
transition-duration: .1s
}
}
.c-slider--media-tiles .c-slider--media {
grid-row: 1;
grid-template-rows: auto;
grid-template-columns: 1fr
}
.c-slider--media-tiles .c-slider--media:before {
content: none
}
.c-slider--media-tiles .flickity-viewport,
.c-slider--media-tiles .flickity-slider {
min-height: 100%
}
.c-slider--media-tiles .c-slider__cell {
width: max(17.5rem, 80%);
margin-right: 1rem;
overflow: visible
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-tiles .c-slider__cell {
width: 25.625rem;
margin-right: 1.5rem;
aspect-ratio: 410/530
}
@supports not (aspect-ratio: 1/1) {
.c-slider--media-tiles .c-slider__cell {
position: relative;
padding-bottom: 129.2682926829%;
height: 0 !important;
overflow: hidden
}
}
}
.c-slider--media-tiles .c-slider__cell:last-child {
margin-right: 1.5rem
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-tiles .c-slider__cell:last-child {
margin-right: 5rem
}
}
.c-slider--media-tiles .c-media {
position: relative;
display: flex;
flex-flow: column-reverse nowrap;
background-color: #fff;
box-shadow: 0 0 .625rem .625rem rgba(93, 134, 172, .05);
min-height: 100%
}
.c-slider--media-tiles .c-media__content {
flex: 1 1 auto
}
.c-slider--media-tiles .c-media__inner {
display: flex;
flex-flow: column nowrap;
height: var(--slider-content-height)
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-tiles .c-media__inner {
height: auto
}
}
.c-slider--media-tiles .c-media__headings {
margin-bottom: 2.5rem
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-tiles .c-media__headings {
margin-bottom: 4.6875rem
}
}
.c-slider--media-tiles .c-media__item {
flex: 1 1 auto;
width: 100%;
height: auto;
aspect-ratio: 280/260
}
@supports not (aspect-ratio: 1/1) {
.c-slider--media-tiles .c-media__item {
position: relative;
padding-bottom: 92.8571428571%;
height: 0 !important;
overflow: hidden
}
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-tiles .c-media__item {
aspect-ratio: 410/370
}
@supports not (aspect-ratio: 1/1) {
.c-slider--media-tiles .c-media__item {
position: relative;
padding-bottom: 90.243902439%;
height: 0 !important;
overflow: hidden
}
}
}
.c-slider--media-tiles .c-media__image {
width: 100%;
height: 100%;
background: center center/cover no-repeat rgba(0, 0, 0, 0)
}
.c-slider--media-tiles .c-media__anchor {
position: absolute;
inset: 0
}
.c-slider--media-tiles .c-media__buttons {
display: none
}
@media print,
screen and (max-width: 63.99875em) {
.c-slider--media-tiles--programs .c-slider__cell.is-selected .c-media__image {
animation-play-state: running
}
}
@media(hover: hover) {
.c-slider--media-tiles--programs .c-media:hover .c-media__image,
.c-slider--media-tiles--programs .c-media:active .c-media__image,
.c-slider--media-tiles--programs .c-media:focus .c-media__image {
animation-play-state: running
}
}
@media(hover: none) {
.c-slider--media-tiles--programs .c-media:active .c-media__image,
.c-slider--media-tiles--programs .c-media:focus .c-media__image {
animation-play-state: running
}
}
.c-slider--media-tiles--programs .c-media__content {
z-index: 2;
pointer-events: none
}
.c-slider--media-tiles--programs .c-media__inner {
flex-flow: row nowrap
}
.c-slider--media-tiles--programs .c-media__headings {
flex: 1 1 auto;
display: flex;
flex-flow: column nowrap;
padding-left: 1.375rem;
margin-bottom: 1.75rem
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-tiles--programs .c-media__headings {
padding-left: 1.875rem;
margin-bottom: 2.1875rem
}
}
.c-slider--media-tiles--programs .c-media__preheading {
all: unset;
font-family: "IBM", Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.6;
order: 2;
margin-bottom: .25em;
color: rgba(44, 50, 67, .6)
}
.c-slider--media-tiles--programs .c-media__heading {
order: 1;
margin-bottom: .75rem
}
.c-slider--media-tiles--programs .c-media__subheading {
order: 3;
color: rgba(44, 50, 67, .6)
}
.c-slider--media-tiles--programs .c-media__subheading strong {
color: var(--t-primary)
}
.c-slider--media-tiles--programs:has(.price) .c-media__subheading>strong:after {
content: " ";
display: block
}
.c-slider--media-tiles--programs .c-media__text {
display: none
}
.c-slider--media-tiles--programs .c-media__buttons {
align-self: flex-end;
pointer-events: all
}
.c-slider--media-tiles--programs .c-media__item {
padding: 2.5rem 2.375rem 1.75rem;
display: flex
}
@media print,
screen and (min-width: 48em) {
.c-slider--media-tiles--programs .c-media__item {
padding: 3.625rem 3.4375rem 2.625rem
}
}
.c-slider--media-tiles--programs .c-media__image {
background-size: contain;
animation: rotation 20s linear infinite forwards paused;
height: auto;
aspect-ratio: 1/1
}
@supports not (aspect-ratio: 1/1) {
.c-slider--media-tiles--programs .c-media__image {
position: relative;
padding-bottom: 100%;
height: 0 !important;
overflow: hidden
}
}
.c-slider--media-tiles--programs .c-media__buttons {
display: inline-flex;
margin-top: auto
}
.c-slider--media-tiles--programs .c-media__button {
min-width: auto
}
.c-slider--media-tiles--programs .c-media__button+.c-media__button {
display: none
}
.c-slider--media-tiles--programs .c-media__anchor {
z-index: 1
}
.c-slider--media-tiles--programs .c-media--program--beauty {
background: var(--beauty-color)
}
.c-slider--media-tiles--programs .c-media--program--detox {
background: var(--detox-color)
}
.c-slider--media-tiles--programs .c-media--program--revitalisation {
background: var(--revitalisation-color)
}
.c-slider--media-tiles--programs .c-media--program--wellbeing {
background: var(--wellbeing-color)
}
.c-slider--quote {
width: 100%;
height: auto;
min-height: auto;
grid-template-rows: auto var(--flickity-dot-height);
padding-inline: 1.5rem;
row-gap: 4rem
}
@media print,
screen and (min-width: 48em) {
.c-slider--quote {
width: calc(100% - 7.5rem);
padding-inline: 0;
margin-inline: auto
}
}
@media print,
screen and (min-width: 48em) {
.c-slider--quote {
width: calc(100% - 22.5rem);
padding-inline: 0;
margin-inline: auto
}
}
.c-slider--quote.flickity-enabled {
row-gap: 4rem
}
@media print,
screen and (min-width: 48em) {
.c-slider--quote.flickity-enabled {
row-gap: 5rem
}
}
.c-slider--quote .flickity-slider,
.c-slider--quote .flickity-viewport {
height: 100%
}
.c-slider--quote .flickity-viewport {
width: 100%;
margin-inline: auto;
overflow: hidden;
transition: height 600ms ease-in-out
}
.c-slider--quote .flickity-viewport.is-pointer-down .c-slider__cell.is-selected {
opacity: 1 !important
}
.c-slider--quote .flickity-viewport.is-pointer-down .c-slider__cell:not(is-selected) {
opacity: 0 !important
}
.c-slider--quote .c-slider__cell {
margin-inline: 1.5rem
}
.c-slider--quote .c-slider__cell.is-selected {
transition: opacity 300ms ease-in-out .1s
}
.c-text__preheading {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.625rem;
line-height: 1.6;
text-transform: uppercase;
letter-spacing: 0.1em;
opacity: 0.5;
margin-bottom: 2em
}
@media print,
screen and (min-width: 48em) {
.c-text__preheading {
font-size: 0.75rem
}
}
.c-text__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 2.25rem;
line-height: 1.16;
font-weight: 300;
margin-bottom: .4em;
max-width: 57.5rem
}
@media print,
screen and (min-width: 48em) {
.c-text__heading {
font-size: 3.375rem
}
}
.c-text__content {
max-width: max(39.25rem, 71.5%)
}
.c-text--columns {
text-align: center
}
@media print,
screen and (min-width: 48em) {
.c-text--columns {
text-align: left
}
}
@media print,
screen and (min-width: 48em) {
.c-text--columns {
display: grid;
grid-template-columns: repeat(2, minmax(50%, 1fr))
}
}
.c-text--columns [class*=heading] {
grid-column: 1;
max-width: 31.25rem
}
.c-text--columns .c-text__heading {
margin-bottom: 2.8125rem
}
@media print,
screen and (min-width: 48em) {
.c-text--columns .c-text__heading {
margin: 0
}
}
.c-text--columns .c-text__content {
grid-column: 2;
grid-row: 2;
font-family: "IBM", Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.65;
max-width: 39.25rem
}
@media print,
screen and (min-width: 48em) {
.c-text--columns .c-text__content {
font-size: 1.125rem
}
}
.c-text--lede {
text-align: center
}
.c-text--lede .c-text__heading {
text-transform: uppercase;
margin-inline: auto
}
.c-text--lede .c-text__content {
font-family: "IBM", Helvetica, sans-serif;
font-size: 1.125rem;
line-height: 1.44;
margin-inline: auto
}
@media print,
screen and (min-width: 48em) {
.c-text--lede .c-text__content {
font-size: 1.375rem
}
}
.c-text--centre {
text-align: center
}
.c-text--centre .c-text__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1.5rem;
line-height: 1.45;
font-weight: 300;
margin-inline: auto;
margin-bottom: 1em
}
@media print,
screen and (min-width: 48em) {
.c-text--centre .c-text__heading {
font-size: 2.75rem;
line-height: 1.27
}
}
.c-text--centre .c-text__content {
font-family: "IBM", Helvetica, sans-serif;
font-size: 1.125rem;
line-height: 1.44;
margin-inline: auto
}
@media print,
screen and (min-width: 48em) {
.c-text--centre .c-text__content {
font-size: 1.375rem
}
}
.c-text--footnote {
padding: 1.5rem;
margin-block: 5rem;
box-shadow: -.75rem 0px 0px 0px rgba(227, 234, 236, .5), .75rem 0px 0px 0px rgba(227, 234, 236, .5);
background: rgba(227, 234, 236, .5)
}
@media print,
screen and (min-width: 48em) {
.c-text--footnote {
padding: 3.125rem;
margin-block: 6.5rem
}
}
.c-accordion {
position: relative;
list-style: none
}
@media(hover: hover) {
.c-accordion:hover .c-accordion__item:not(:hover):not(:active):not(:focus),
.c-accordion:active .c-accordion__item:not(:hover):not(:active):not(:focus),
.c-accordion:focus .c-accordion__item:not(:hover):not(:active):not(:focus) {
opacity: .5;
transition-delay: .15s
}
}
@media(hover: none) {
.c-accordion:active .c-accordion__item:not(:hover):not(:active):not(:focus),
.c-accordion:focus .c-accordion__item:not(:hover):not(:active):not(:focus) {
opacity: .5;
transition-delay: .15s
}
}
.c-accordion .c-accordion__item {
position: relative;
min-height: 0;
color: inherit;
border: none;
list-style: none;
border-bottom: .0625rem solid var(--t-gray);
transition: opacity 300ms ease-in-out
}
.c-accordion .c-accordion__item:first-child .c-accordion__anchor {
padding-top: 0
}
.c-accordion .c-accordion__item.is-active {
opacity: 1 !important
}
.c-accordion .c-accordion__item.is-active .c-accordion__anchor:after {
transform: rotate(90deg) scale(0);
opacity: 0
}
.c-accordion .c-accordion__item.is-active .c-accordion__content {
grid-template-rows: 1fr
}
.c-accordion .c-accordion__item.is-active .c-accordion__text {
opacity: 1;
margin-bottom: 1.5rem
}
@media print,
screen and (min-width: 48em) {
.c-accordion .c-accordion__item.is-active .c-accordion__text {
margin-bottom: 1.75rem
}
}
.c-accordion .c-accordion__anchor {
display: inline-flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
width: -moz-fit-content;
width: fit-content;
min-width: 100%;
margin-bottom: 0;
padding: 1.5rem 3rem 1.5rem 0;
text-align: left;
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1.125rem;
line-height: 1.3;
font-weight: 300
}
@media print,
screen and (min-width: 48em) {
.c-accordion .c-accordion__anchor {
font-size: 1.5rem;
font-weight: 400
}
}
@media print,
screen and (min-width: 48em) {
.c-accordion .c-accordion__anchor {
padding: 2.75rem 3rem 3rem 0
}
}
.c-accordion .c-accordion__anchor:before,
.c-accordion .c-accordion__anchor:after {
content: "";
order: 2;
position: absolute;
right: 1.25rem;
margin: 0 0 0 auto;
width: .875rem;
height: .0625rem;
background: var(--body-color)
}
@media print,
screen and (min-width: 48em) {
.c-accordion .c-accordion__anchor:before,
.c-accordion .c-accordion__anchor:after {
width: 1.3125rem;
height: .125rem;
background: #433c2c
}
}
.c-accordion .c-accordion__anchor:after {
transform: rotate(90deg);
transition: opacity 300ms ease-in-out, transform 300ms cubic-bezier(0.77, 0, 0.175, 1)
}
.c-accordion .c-accordion__content,
.c-accordion .c-accordion__text {
width: 100%
}
.c-accordion .c-accordion__content {
display: grid;
grid-template-rows: 0fr;
margin-top: -.375rem;
padding: 0;
transition: grid-template-rows .4s ease-in-out
}
@media print,
screen and (min-width: 48em) {
.c-accordion .c-accordion__content {
margin-top: -.75rem
}
}
.c-accordion .c-accordion__text {
width: 100%;
padding-top: .375rem;
border: none;
opacity: 0;
transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1), margin 300ms cubic-bezier(0.77, 0, 0.175, 1);
overflow: hidden
}
.c-accordion .c-accordion__text p:not(:last-child) {
margin-bottom: .8ch
}
.c-button-group {
display: flex;
flex-flow: column nowrap;
align-items: flex-start;
gap: .25rem
}
@media print,
screen and (min-width: 48em) {
.c-button-group {
gap: .5rem
}
}
.c-quote {
text-align: center
}
@media print,
screen and (min-width: 48em) {
.c-quote__quote {
max-width: 55.9375rem;
margin-inline: auto
}
}
.c-quote__text {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1.5rem;
line-height: 1.45;
font-weight: 300;
padding-bottom: 2.625rem
}
@media print,
screen and (min-width: 48em) {
.c-quote__text {
font-size: 2.75rem;
line-height: 1.27
}
}
@media print,
screen and (min-width: 48em) {
.c-quote__text {
padding-bottom: 3.125rem
}
}
.c-quote__text:before,
.c-quote__text:after {
color: currentColor
}
.c-quote__text:before {
content: open-quote
}
.c-quote__text:after {
content: close-quote
}
.c-quote__cite {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.75rem;
line-height: 1;
display: flex;
flex-flow: column nowrap;
line-height: 1.2;
gap: .25rem;
opacity: .5
}
@media print,
screen and (min-width: 48em) {
.c-quote__cite {
font-size: 1rem
}
}
.body--page-id-4996 .c-row.c-row--margin-small.no-variation.c-row--padding-small.panel-row-style.panel-row-style-for-4996-2 {
padding-top: 0px
}
div#panel-5726-0-0-2 {
margin-top: 0px
}
div#panel-5726-0-0-3 {
margin-top: 0px
}
div#panel-4996-2-0-1 {
margin-top: 30px
}
.c-slider--image .c-slider__cell .img-fit {
width: 100%;
height: 100%
}
.c-slider--image .c-slider__cell .c-image {
-o-object-fit: contain;
object-fit: contain
}
.body--page-id-4996 .c-grid-filter--cta .c-grid-filter__item .c-cta__image {
height: auto;
background-position: left
}
.body--page-id-4996 .c-grid-filter--cta .c-grid-filter__item .img-fit {
text-align: center
}
@media(max-width: 1024px) {
.body--page-id-4996 .c-grid-filter--full-width .c-image {
aspect-ratio: 1/1
}
.body--page-id-5726 .c-grid-filter--full-width .c-image {
aspect-ratio: 1/1
}
.body--page-id-6306 .c-grid-filter--full-width .c-image {
aspect-ratio: 1/1
}
.body--page-id-6359 .c-grid-filter--full-width .c-image {
aspect-ratio: 1/1
}
.body--page-id-6419 .c-grid-filter--full-width .c-image {
aspect-ratio: 1/1
}
.body--page-id-6441 .c-grid-filter--full-width .c-image {
aspect-ratio: 1/1
}
}
.c-booking-offcanvas {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
transform: translateY(100vh);
z-index: 20;
pointer-events: none;
transition: transform 400ms
}
[data-modal=booking] .c-booking-offcanvas {
transform: translateY(0);
pointer-events: all
}
[data-modal=booking] .c-booking-offcanvas__logo {
opacity: 1;
transition-delay: .4s
}
.c-booking-offcanvas__logo {
position: absolute;
top: .3125rem;
left: 50%;
transform: translateX(-50%);
z-index: 3;
opacity: 0;
transition: opacity .4s ease-in-out
}
@media print,
screen and (min-width: 48em) {
.c-booking-offcanvas__logo {
top: 2.1875rem;
left: 3.125rem;
transform: none
}
}
.c-booking-offcanvas__logo::before {
font-family: "Icons";
content: "";
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 2.5rem;
color: var(--t-primary)
}
@media print,
screen and (min-width: 48em) {
.c-booking-offcanvas__logo::before {
font-size: 3.125rem
}
}
.c-booking-offcanvas__sidebar {
position: absolute;
top: 4.375rem;
right: 0;
bottom: 0;
left: 0;
z-index: 2
}
@media print,
screen and (min-width: 48em) {
.c-booking-offcanvas__sidebar {
top: 6.25rem
}
}
.c-booking-offcanvas__sidebar .c-row {
opacity: 1 !important
}
.c-booking-offcanvas__sidebar .panel-layout {
position: unset
}
.c-booking-offcanvas__sidebar .c-booking-form {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.c-booking-offcanvas__background {
display: none
}
@media print,
screen and (min-width: 48em) {
.c-booking-offcanvas__background {
position: absolute;
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: no-repeat center center/cover;
z-index: 1
}
}
.c-booking-offcanvas__close {
cursor: pointer;
position: fixed;
z-index: 10;
top: .875rem;
right: 1.625rem;
border-radius: 50%;
display: flex;
width: 2.5rem;
height: 2.5rem;
background-color: rgba(239, 239, 239, .25)
}
@media print,
screen and (min-width: 48em) {
.c-booking-offcanvas__close {
top: 1.875rem;
right: 2.9375rem
}
}
.c-booking-offcanvas__close::before {
font-family: "Icons";
content: "";
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--t-primary);
margin: auto;
font-size: .875rem
}
@media print,
screen and (min-width: 48em) {
.c-booking-offcanvas__close::before {
font-size: 1rem
}
}
.c-nav-primary {
transition: background .3s linear, transform 0s .3s linear;
position: fixed;
z-index: 20;
top: 0;
left: 0;
height: 100vh;
width: 100%;
pointer-events: none;
transform: translateX(-100%)
}
[data-modal*=navigation] .c-nav-primary {
pointer-events: all;
transform: translateX(0);
transition: background .3s linear;
background: rgba(0, 0, 0, .5)
}
.c-nav-primary__close {
cursor: pointer;
position: fixed;
z-index: 10;
top: 1.125rem;
right: 1.25rem;
border-radius: 50%;
display: flex;
width: 2.5rem;
height: 2.5rem;
background-color: rgba(239, 239, 239, .25);
opacity: 0;
transition: opacity .3s
}
.c-nav-primary__close:before {
font-family: "Icons";
content: "";
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #000;
margin: auto;
font-size: .875rem
}
@media screen and (min-width: 31.25em) {
.c-nav-primary__close:before {
font-size: 1rem
}
}
@media screen and (min-width: 31.25em) {
.c-nav-primary__close {
left: 1.25rem;
right: auto;
width: 3.375rem;
height: 3.375rem
}
}
[data-modal*=navigation] .c-nav-primary__close {
opacity: 1
}
.c-nav-primary .menu,
.c-nav-primary .sub-menu {
transform: translateX(-100%);
transition: transform .3s ease-in;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
height: 100%;
width: 100%;
max-width: 34.625rem;
list-style: none;
margin: 0;
display: flex;
flex-direction: column;
overflow: scroll;
padding: 5rem 1.875rem
}
@media screen and (min-width: 31.25em) {
.c-nav-primary .menu,
.c-nav-primary .sub-menu {
padding: 5rem 3.75rem 1.25rem 5rem
}
}
.c-nav-primary .menu:has(.sub-menu.is-active),
.c-nav-primary .sub-menu:has(.sub-menu.is-active) {
overflow: visible
}
.c-nav-primary .menu,
.c-nav-primary .sub-menu {
-ms-overflow-style: none;
scrollbar-width: none
}
.c-nav-primary .menu::-webkit-scrollbar,
.c-nav-primary .sub-menu::-webkit-scrollbar {
display: none
}
.c-nav-primary .menu {
padding-top: 8.75rem
}
[data-modal*=navigation] .c-nav-primary .menu {
transform: translate(0)
}
.c-nav-primary .sub-menu {
min-height: 100vh
}
@media print,
screen and (max-width: 47.99875em) {
.c-nav-primary .sub-menu {
padding-bottom: 9.375rem
}
}
.c-nav-primary .sub-menu.is-active {
transform: translateX(0)
}
.menu__thumb-wrapper,
.c-nav-primary .menu__item--has-children,
.c-nav-primary .menu__item--back {
display: grid
}
.menu__thumb-wrapper:before,
.c-nav-primary .menu__item--has-children:before,
.c-nav-primary .menu__item--back:before {
font-family: "Icons";
content: "";
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: .75rem;
display: flex;
justify-content: flex-end;
align-items: center;
color: var(--t-primary)
}
.menu__thumb-wrapper>a,
.menu__thumb-wrapper:before,
.c-nav-primary .menu__item--has-children>a,
.c-nav-primary .menu__item--has-children:before,
.c-nav-primary .menu__item--back>a,
.c-nav-primary .menu__item--back:before {
grid-row: 1;
grid-column: 1
}
.c-nav-primary .menu__item--back {
position: absolute;
top: .875rem;
pointer-events: all;
cursor: pointer;
margin-bottom: 1.25rem;
opacity: .5
}
@media screen and (min-width: 31.25em) {
.c-nav-primary .menu__item--back {
position: relative;
top: auto
}
}
.c-nav-primary .menu__item--back:before {
font-family: "Icons";
content: "";
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: rotate(180deg)
}
.c-nav-primary .menu__item--back:hover {
opacity: 1
}
.c-nav-primary .menu__item--back .menu__link {
text-indent: 2.1875rem;
grid-row: 1;
grid-column: 1;
position: relative
}
.c-nav-primary .menu__link {
padding: .75rem 0;
display: block;
cursor: pointer;
width: 100%;
text-align: left;
font-family: "IBM", Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.6
}
.c-nav-primary .menu>.menu__item>.menu__link,
.c-nav-primary .menu__link--title {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1.25rem;
line-height: 1.3;
font-weight: 300
}
.c-nav-primary .menu__link--title {
margin-bottom: 1.25rem
}
.c-nav-primary .menu__item--current>.menu__link:where(:not([data-navigation=has-children])) {
text-decoration: underline
}
.menu__thumb-wrapper .menu__link {
display: flex;
padding: .9375rem 0;
border-top: .0625rem solid var(--border-color);
gap: .9375rem;
align-items: center
}
.menu__thumb {
background-size: cover;
width: 5.375rem;
background-position: center;
height: 5.375rem
}
.c-page-footer {
--body-color: #433c2c;
color: var(--body-color);
margin-top:-25px;
}
.c-page-footer__wrapper {
display: flex;
flex-flow: row wrap
}
.c-page-footer__logos {
flex: 1 1 100%;
height: auto;
min-height: 100%;
background: #fff;
display: flex;
align-items: flex-start;
justify-content: center;
}
.c-page-footer__logo {
background: url('../../../../uploads/2025/13/vaanaa-bangsaen-logo-gold.png');
display: block;
padding: 0.5rem 8.5rem;
height: auto;
width: 7.875rem;
height: 7.4375rem;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
@media print,
screen and (max-width: 48em) {
.c-page-footer__logos {
padding: 3.5rem 1.5rem;
padding-top: 2.75rem;
}
}
@media print,
screen and (min-width: 48em) {
.c-page-footer__logo {
width: 8.875rem;
height: 8.4375rem;
padding: .5rem 1.5rem;
}
.c-page-footer__logos {
padding: 3.5rem 1.5rem;
padding-top: 2.75rem;
}
}
@media print,
screen and (min-width: 48em) {
.c-page-footer__logo {
width: 100%;
}
}
.c-page-footer__content {
--_row-gap: 2rem;
--_column-gap: 0rem;
--_grid-column-width: 25.625rem;
flex: 1 1 max(80%, 800px);
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(26.625rem, 100%), 1fr));
gap: var(--_row-gap) var(--_column-gap);
padding: 1.25rem 1.5rem 1.375rem;
background-color: var(--footer-background)
}
@media print,
screen and (min-width: 48em) {
.c-page-footer__content {
padding-top: 2.5rem
}
}
@media screen and (min-width: 62.5em) {
.c-page-footer__content {
grid-template-columns: 1fr;
}
}
@media print,
screen and (min-width: 48em) {
.c-page-footer__content {
--_row-gap: 10vh;
}
}
@media screen and (min-width: 75em) {
.c-page-footer__content {
}
}
.c-page-footer__title {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1rem;
line-height: 1;
font-weight: 300;
margin-bottom: 1em
}
@media print,
screen and (min-width: 48em) {
.c-page-footer__title {
font-size: 1.125rem
}
}
.c-page-footer__text {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.75rem;
line-height: 1.3;
line-height: 1.85
}
@media print,
screen and (min-width: 48em) {
.c-page-footer__text {
font-size: 0.875rem
}
}
.c-page-footer__signup>.c-page-footer__title,
.c-page-footer__signup>.c-page-footer__text {
max-width: 20.3125rem
}
.c-page-footer__form {
margin-top: 1.875rem
}
.c-page-footer__form .gfield_label {
display: none
}
.c-page-footer__form .gfield_consent_label {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.75rem;
line-height: 1.3
}
@media print,
screen and (min-width: 48em) {
.c-page-footer__form .gfield_consent_label {
font-size: 0.875rem
}
}
.c-page-footer__form .ginput_container_consent {
min-height: 3.25rem;
border-bottom: .0625rem solid #433c2c
}
.c-page-footer__form .gfield input[type=checkbox]+label:before {
width: 1rem;
height: 1rem
}
.c-page-footer__form .gfield input[type=checkbox]+label:after {
width: .5rem;
height: .5rem
}
.c-page-footer__form .gform_button:where(:not(.gform_previous_button):not(.gform_next_button)) {
position: absolute !important;
bottom: -1.875rem !important
}
.c-page-footer__form input {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.75rem;
line-height: 1.3
}
@media print,
screen and (min-width: 48em) {
.c-page-footer__form input {
font-size: 0.875rem
}
}
.c-page-footer .gform_button {
cursor: pointer;
margin-top: 1.875rem;
color: var(--body-color) !important;
background-color: rgba(0, 0, 0, 0) !important;
position: relative;
text-decoration: none;
background: linear-gradient(currentColor 0 0) 0 100%/0% .0625rem no-repeat;
background-color: rgba(0, 0, 0, 0) !important;
transition: background-size .4s ease-in-out, background-position 0s ease-in-out .4s;
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1rem;
line-height: 1;
font-weight: 300
}
@media(hover: hover) {
.c-page-footer .gform_button:hover,
.c-page-footer .gform_button:active,
.c-page-footer .gform_button:focus {
background-size: 100% .0625rem;
background-position: 100% 100%
}
}
@media(hover: none) {
.c-page-footer .gform_button:active,
.c-page-footer .gform_button:focus {
background-size: 100% .0625rem;
background-position: 100% 100%
}
}
@media print,
screen and (min-width: 48em) {
.c-page-footer .gform_button {
font-size: 1.125rem
}
}
@media print,
screen and (min-width: 48em) {
.c-page-footer .gform_button {
margin-top: 3.75rem
}
}
@media(hover: hover) {
.c-page-footer .gform_button:hover,
.c-page-footer .gform_button:active,
.c-page-footer .gform_button:focus {
color: #fff;
border-color: #433c2c !important;
background-color: #433c2c
}
}
@media(hover: none) {
.c-page-footer .gform_button:active,
.c-page-footer .gform_button:focus {
color: #fff;
border-color: #433c2c !important;
background-color: #433c2c
}
}
.c-page-footer .gform_button:active,
.c-page-footer .gform_button:focus {
opacity: .5
}
.c-page-footer__navigation {
flex: 1 1 100%;
display: flex;
flex-flow: row nowrap;
gap: 0.75rem;
grid-column: -2 / -1;
}
@media print,
screen and (min-width: 48em) {
.c-page-footer__navigation {
flex: 1 1 calc(50% - var(--column-gap));
padding-left: 2.5%;
}
}
.c-page-footer__menu {
flex: 1 1 min(11.25rem, 100%)
}
.c-page-footer__menu .menu__item {
margin-bottom: .3em
}
.c-nav-primary .menu > .menu__item > .menu__link,
.c-nav-primary .menu__link--title,
.c-nav-primary .menu__link {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.85rem;
line-height: 1.3;
position: relative;
text-decoration: none;
background: linear-gradient(currentColor 0 0) 0 100% / 0% 0.0625rem no-repeat;
background-color: rgba(0, 0, 0, 0) !important;
transition: background-size 0.4s ease-in-out, background-position 0s ease-in-out 0.4s;
}
@media print,
screen and (min-width: 48em) {
.c-nav-primary .menu > .menu__item > .menu__link,
.c-nav-primary .menu__link--title,
.c-nav-primary .menu__link {
font-size: 0.875rem;
}
}
@media (hover: hover) {
.c-nav-primary .menu > .menu__item > .menu__link:hover,
.c-nav-primary .menu > .menu__item > .menu__link:active,
.c-nav-primary .menu > .menu__item > .menu__link:focus,
.c-nav-primary .menu__link--title:hover,
.c-nav-primary .menu__link--title:active,
.c-nav-primary .menu__link--title:focus,
.c-nav-primary .menu__link:hover,
.c-nav-primary .menu__link:active,
.c-nav-primary .menu__link:focus {
background-size: 100% 0.0625rem;
background-position: 100% 100%;
}
}
@media (hover: none) {
.c-nav-primary .menu > .menu__item > .menu__link:active,
.c-nav-primary .menu > .menu__item > .menu__link:focus,
.c-nav-primary .menu__link--title:active,
.c-nav-primary .menu__link--title:focus,
.c-nav-primary .menu__link:active,
.c-nav-primary .menu__link:focus {
background-size: 100% 0.0625rem;
background-position: 100% 100%;
}
}
/* Shared underline hover effect */
.menu__link {
background: linear-gradient(currentColor 0 0) 0 100% / 0% 0.0625rem no-repeat;
background-color: transparent !important;
transition: background-size 0.4s ease-in-out, background-position 0s ease-in-out 0.4s;
}
/* Hover + focus underline animation */
@media (hover: hover) {
.menu__link:hover,
.menu__link:active,
.menu__link:focus {
background-size: 100% 0.0625rem;
background-position: 100% 100%;
}
}
/* Touch device fallback */
@media (hover: none) {
.menu__link:active,
.menu__link:focus {
background-size: 100% 0.0625rem;
background-position: 100% 100%;
}
}
.c-page-footer__contact {
grid-column: 1/-1;
display: inline-flex;
display: flex;
width: 100%;
flex-flow: column nowrap;
align-items: center;
justify-content: space-between;
gap: 3rem .625rem;
padding-left: 2.5%;
padding-right: 2.5%;
}
@media screen and (min-width: 45.625em) {
.c-page-footer__contact {
flex-direction: row
}
}
.c-page-footer__contact p {
margin: 0
}
.c-page-footer__details {
opacity: .6
}
@supports(text-wrap: balance) {
.c-page-footer__details {
text-wrap: balance
}
}
.c-page-footer__link {
text-wrap: nowrap;
text-decoration: none;
margin: 0;
position: relative;
text-decoration: none;
background: linear-gradient(currentColor 0 0) 0 100%/0% .0625rem no-repeat;
background-color: rgba(0, 0, 0, 0) !important;
transition: background-size .4s ease-in-out, background-position 0s ease-in-out .4s
}
@media(hover: hover) {
.c-page-footer__link:hover,
.c-page-footer__link:active,
.c-page-footer__link:focus {
background-size: 100% .0625rem;
background-position: 100% 100%
}
}
@media(hover: none) {
.c-page-footer__link:active,
.c-page-footer__link:focus {
background-size: 100% .0625rem;
background-position: 100% 100%
}
}
.touchevents .c-page-footer__link {
background-size: 100% .0625rem
}
.c-page-footer__socials {
min-width: -moz-fit-content;
min-width: fit-content
}
@media screen and (min-width: 45.6875em) {
.c-page-footer__socials {
align-self: flex-end
}
}
.c-page-footer__socials .c-social-links {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
gap: 1.875rem
}
@media print,
screen and (min-width: 64em) {
.c-page-footer__socials .c-social-links {
gap: .9375rem
}
}
.c-page-footer__socials .c-social-links__link {
display: block;
line-height: 1;
width: 1.5rem;
aspect-ratio: 1/1;
height: auto
}
.c-page-footer__socials .c-social-links__link svg {
fill: currentColor;
width: 100%;
height: 100%;
transition: fill .4s ease-in-out
}
.c-page-footer__socials .c-social-links__link svg path {
fill: inherit !important;
stroke: inherit !important
}
.c-page-footer__socials .c-social-links__link--x svg {
width: 110%;
height: 110%
}
@media(hover: hover) {
.c-page-footer__socials .c-social-links__link:hover svg,
.c-page-footer__socials .c-social-links__link:active svg,
.c-page-footer__socials .c-social-links__link:focus svg {
fill: var(--hover-background-color)
}
}
@media(hover: none) {
.c-page-footer__socials .c-social-links__link:active svg,
.c-page-footer__socials .c-social-links__link:focus svg {
fill: var(--hover-background-color)
}
}
.c-page-header {
--body-color: white;
color: var(--body-color);
height: 5.75rem;
padding-left: 1.5625rem;
display: flex;
align-items: center;
justify-content: space-between;
position: fixed;
top: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0);
transition: background .5s linear .6s, color .5s linear .6s, opacity 1s;
z-index: 10;
opacity: 1
}
@media print,
screen and (min-width: 48em) {
.c-page-header {
height: 5.75rem
}
}
@media print,
screen and (min-width: 48em) {
.c-page-header {
padding-left: 3.625rem
}
}
.page-is-scrolled .c-page-header,
.body--single-post .c-page-header {
--body-color: #433c2c;
--button-background: #433c2c
}
.page-is-scrolled .c-page-header {
background: #fff;
opacity: 0;
pointer-events: none
}
[data-scroll-direction=up] .c-page-header {
opacity: 1;
transition-delay: 0s;
pointer-events: all
}
[data-scroll-direction=up] .c-page-header__action,
[data-scroll-direction=up] .c-page-header__language-toggle:before {
transition-delay: 0s
}
.c-page-header__logo {
width: 310px;
height: 67px;
background: url('../../../../../wp-content/uploads/2025/13/vaanaa-bangsaen-logo-white.png');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
/* Video background styles */
.c-hero__background {
position: relative;
overflow: hidden;
width: 100%;
}
.c-hero__background video {
position: relative;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
object-position: 50% 50%;
z-index: -1;
}
.section-bg-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
/* Adjust overlay opacity if needed */
z-index: 1;
}
.c-page-header__logo:before {
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 3.125rem
}
@media print,
screen and (min-width: 64em) {
.c-page-header__logo {
position: static;
transform: translate(0);
margin-right: auto
}
}
@media print,
screen and (max-width: 64em) {
.c-page-header__logo {
position: relative;
width: 15vw;
height:100%;
min-width:110px;
}
.c-page-footer__contact p {
text-align: center;
}
}
.c-page-header__navicon {
cursor: pointer
}
.c-page-header__navicon:before {
font-family: "Icons";
content: "";
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: .8125rem
}
@media print,
screen and (min-width: 64em) {
.c-page-header__navicon {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%)
}
}
.c-page-header__action {
--body-color: white;
display: none;
transition: all .5s linear .6s;
min-height: 4rem
}
.c-page-header__action.mobile-only {
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: block;
z-index: 10;
text-align: center;
transition-delay: 0s
}
@media print,
screen and (min-width: 64em) {
.c-page-header__action.mobile-only {
display: none
}
}
.page-is-scrolled .c-page-header__action.mobile-only {
--button-background: var(--t-primary)
}
@media print,
screen and (min-width: 64em) {
.c-page-header__action {
display: block;
height: 100%
}
}
.c-page-header__language {
position: relative;
height: 100%;
font-family: "IBM", Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.6;
display: flex;
align-items: center
}
.c-page-header__language-toggle {
text-transform: uppercase;
cursor: pointer;
display: flex;
align-items: center
}
.c-page-header__language-toggle:before {
font-family: "Icons";
content: "";
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: var(--button-background);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
color: #fff;
border-radius: 50%;
width: 2.5rem;
height: 2.5rem;
display: inline-flex;
justify-content: center;
align-items: center;
transition: all .5s linear .6s;
margin-right: 1.25rem
}
@media print,
screen and (min-width: 64em) {
.c-page-header__language-toggle:before {
width: 3.375rem;
height: 3.375rem;
font-size: 1.25rem
}
}
.c-page-header__language-toggle:after {
font-family: "Icons";
content: "";
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-inline: .3125rem 1.5625rem;
font-size: .625rem
}
.c-page-header__language-toggle:after,
.c-page-header__language-current {
display: none
}
@media print,
screen and (min-width: 64em) {
.c-page-header__language-toggle:after,
.c-page-header__language-current {
display: inline-block
}
}
.c-page-header__language-switcher {
--body-color: white;
background-color: var(--button-background);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
position: absolute;
top: 100%;
right: 0;
padding: 1.25rem;
width: -moz-fit-content;
width: fit-content;
opacity: 0;
pointer-events: none;
transition: opacity .5s
}
.is-active .c-page-header__language-switcher {
opacity: 1;
pointer-events: all
}
[class*=panel-grid--background] {
--circle-1-offset: 12%;
--circle-2-offset: -46%;
overflow: hidden;
margin-left: -1.5625rem;
margin-right: -1.5625rem;
position: relative
}
@media print,
screen and (min-width: 48em) {
[class*=panel-grid--background] {
margin-left: -3.625rem;
margin-right: -3.625rem
}
}
[class*=panel-grid--background]:before,
[class*=panel-grid--background]:after {
content: "";
width: 45.5rem;
height: 66%;
position: absolute;
border-radius: 100%;
-webkit-mask: linear-gradient(-90deg, rgb(164, 187, 195) 40%, rgba(164, 187, 195, 0.2), rgb(164, 187, 195) 60%) right/300% 100%;
animation: shimmer 4s ease-in-out infinite
}
[class*=panel-grid--background]:before {
left: 34%;
bottom: 28%;
z-index: 2;
opacity: .514;
background: radial-gradient(50% 50% at 50% 50%, #e8d4a8 0%, rgba(164, 187, 195, 0) 100%);
animation-duration: 8s
}
[class*=panel-grid--background]:after {
width: 63.875rem;
height: 93%;
right: 22%;
top: 18%;
z-index: 1;
opacity: .224;
background: radial-gradient(50% 50% at 50% 50%, #48869C 0%, rgba(164, 187, 195, 0) 100%)
}
.panel-grid__circle {
content: "";
opacity: .717;
background-blend-mode: soft-light;
mix-blend-mode: soft-light;
width: 83.75rem;
height: 122%;
max-height: 75rem;
border-radius: 100%;
display: block;
position: absolute;
z-index: 1;
right: 50%
}
.panel-grid__circle--top {
z-index: 4;
bottom: 50%;
transform: translateX(90%) translateY(12%);
background: #fff
}
.panel-grid__circle--bottom {
top: 50%;
z-index: 3;
transform: translateY(-46%);
background: rgba(255, 255, 255, .6)
}
[class*=panel-grid--background] .c-row {
margin: 0;
padding-inline: 1.5625rem;
position: relative;
z-index: 5;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center bottom
}
@media print,
screen and (min-width: 48em) {
[class*=panel-grid--background] .c-row {
padding-inline: 3.625rem
}
}
@media screen and (max-width: 31.25em) {
[class*=panel-grid--background] .c-row .panel-grid-cell {
padding-inline: 0
}
}
[class*=panel-grid--background] [class*=widget-slider] {
margin-left: -1.5625rem;
margin-right: -1.5625rem
}
@media print,
screen and (min-width: 48em) {
[class*=panel-grid--background] [class*=widget-slider] {
margin-left: -3.625rem;
margin-right: -3.625rem
}
}
.panel-grid--background-dark {
background-color: rgba(227, 234, 236, .5)
}
.panel-grid--sticky {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
pointer-events: none;
display: flex;
flex-direction: column
}
.panel-grid--sticky::before {
content: "";
display: block;
flex: 1
}
.panel-grid--sticky .c-row {
position: sticky;
bottom: 0;
margin: 0 0 -3.125rem
}
@media print,
screen and (min-width: 48em) {
.panel-grid--sticky .c-row {
margin-bottom: 0
}
}
@media print,
screen and (min-width: 64em) {
.panel-grid--first-cell-sticky>.c-row {
display: grid;
grid-template-columns: repeat(12, 1fr)
}
}
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:first-of-type {
width: 100%
}
@media print,
screen and (min-width: 64em) {
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:first-of-type {
position: sticky;
top: 5.75rem;
align-self: self-start;
grid-column: 1/span 6
}
}
@media print,
screen and (min-width: 64em)and (min-width: 48em) {
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:first-of-type {
top: 5.75rem
}
}
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:first-of-type .c-content-posts__list {
grid-template-columns: 1fr
}
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:first-of-type .c-content-posts__post .c-cta {
position: relative;
isolation: isolate;
color: #fff;
height: 100%;
min-width: 100%;
max-height: clamp(30rem, 80vh, 50rem);
aspect-ratio: 375/480
}
@supports not (aspect-ratio: 1/1) {
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:first-of-type .c-content-posts__post .c-cta {
position: relative;
padding-bottom: 128%;
height: 0 !important;
overflow: hidden
}
}
@media print,
screen and (min-width: 64em) {
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:first-of-type .c-content-posts__post .c-cta {
aspect-ratio: 545/800
}
@supports not (aspect-ratio: 1/1) {
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:first-of-type .c-content-posts__post .c-cta {
position: relative;
padding-bottom: 146.7889908257%;
height: 0 !important;
overflow: hidden
}
}
}
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:first-of-type .c-content-posts__post .c-cta__content {
position: absolute;
inset: 0;
background-color: rgba(44, 50, 67, .3)
}
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:first-of-type .c-content-posts__post .c-cta__inner,
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:first-of-type .c-content-posts__post .c-cta__anchor,
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:first-of-type .c-content-posts__post .c-cta__headings {
height: 100%
}
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:first-of-type .c-content-posts__post .c-cta__headings {
padding: 1.25rem;
justify-content: flex-end;
margin-bottom: 0
}
@media print,
screen and (min-width: 64em) {
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:first-of-type .c-content-posts__post .c-cta__headings {
padding: 2.25rem 2.25rem 3.125rem
}
}
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:first-of-type .c-content-posts__post .c-cta__preheading {
background: #bbf7ff
}
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:first-of-type .c-content-posts__post .c-cta__subheading {
opacity: 1;
border-color: #fff
}
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:first-of-type .c-content-posts__post .c-cta__background {
margin-bottom: 0;
aspect-ratio: auto;
width: 100%;
height: 100%
}
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:last-of-type {
grid-column: 7/span 6
}
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:last-of-type .c-content-posts__list:after {
content: "flickity";
display: none
}
@media print,
screen and (min-width: 64em) {
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:last-of-type .c-content-posts__list:after {
content: ""
}
}
@media print,
screen and (min-width: 64em) {
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:last-of-type .c-content-posts__list {
grid-template-columns: repeat(2, 1fr)
}
}
.panel-grid--first-cell-sticky>.c-row .panel-grid-cell:last-of-type .c-content-posts__list:not(.flickity-enabled) .c-content-posts__post {
height: auto !important
}
.panel-layout {
position: relative
}
.c-offcanvas {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0
}
@media print,
screen and (max-width: 63.99875em) {
.c-offcanvas {
transform: translateY(100%)
}
}
.s-page-wrap {
min-height: 100vh
}
.c-row {
display: flex;
flex-direction: column;
gap: 1rem
}
@media print,
screen and (min-width: 48em) {
.c-row {
gap: 1.5rem
}
}
@media print,
screen and (min-width: 64em) {
.c-row--flex-row {
flex-direction: row
}
}
.js .c-row {
opacity: 0.5;
transition: opacity .5s
}
.row-is-visible .c-row {
opacity: 1
}
.panel-grid-cell {
flex: 1
}
[data-stretch-type=full-stretched],
[data-stretch-type=full],
[data-stretch-type=full-width-stretch] {
margin-left: -1.5625rem;
margin-right: -1.5625rem
}
@media print,
screen and (min-width: 48em) {
[data-stretch-type=full-stretched],
[data-stretch-type=full],
[data-stretch-type=full-width-stretch] {
margin-left: -3.625rem;
margin-right: -3.625rem
}
}
[data-stretch-type=full]>.panel-grid-cell {
padding-inline: 1.5625rem
}
@media print,
screen and (min-width: 48em) {
[data-stretch-type=full]>.panel-grid-cell {
padding-inline: 3.625rem
}
}
.c-row {
margin-bottom: var(--row-margin)
}
.c-row--margin-small {
margin-bottom: var(--row-margin-small)
}
.c-row--margin-large {
margin-bottom: var(--row-margin-large)
}
.c-row--margin-none {
margin-bottom: 0
}
.c-row--padding {
padding-block: var(--row-margin)
}
.c-row--padding-small {
padding-block: var(--row-margin-small)
}
.c-row--padding-large {
padding-block: var(--row-margin-large)
}
.c-row--background-cover:after,
.c-row--background-contain:after {
content: "";
position: absolute;
inset: auto 0 0;
height: 5rem;
background-image: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%)
}
.c-row--four-pillars {
--image-overlay-color: transparent;
--body-color: white;
position: relative;
background-color: #0186a1;
margin-left: -1.5625rem;
margin-right: -1.5625rem;
padding-bottom: 5rem;
padding-inline: 1.5625rem
}
@media print,
screen and (min-width: 48em) {
.c-row--four-pillars {
margin-left: -3.625rem;
margin-right: -3.625rem
}
}
@media print,
screen and (min-width: 48em) {
.c-row--four-pillars {
padding-inline: 3.625rem
}
}
@media print,
screen and (min-width: 64em) {
.c-row--four-pillars {
padding-bottom: 11.25rem
}
}
.c-row--four-pillars .widget:where(:not(.widget-image--background)) {
--row-margin: 0;
position: relative;
z-index: 2
}
.c-row--four-pillars .c-hero {
height: auto;
min-height: 0
}
.c-row--four-pillars .c-hero__inner {
position: static;
padding-top: 12.5rem
}
@media print,
screen and (min-width: 64em) {
.c-row--four-pillars .c-hero__inner {
padding-top: 17.1875rem
}
}
@media screen and (max-width: 31.25em) {
.c-row--four-pillars .c-hero__content {
margin-inline: 0
}
}
.c-row--four-pillars .c-hero__text {
margin-bottom: 3.125rem
}
@media print,
screen and (min-width: 64em) {
.c-row--four-pillars .c-hero__text {
margin-bottom: 5.625rem
}
}
@media print,
screen and (min-width: 64em) {
.c-row--four-pillars .c-image--background .img-fit {
height: 80vh
}
}
.c-row--text-lockup {
display: grid;
grid-template-columns: repeat(4, 1fr);
width: 100%;
-moz-column-gap: .625rem;
column-gap: .625rem;
overflow: inherit
}
@media print,
screen and (min-width: 64em) {
.c-row--text-lockup {
row-gap: 0;
grid-template-columns: repeat(12, 1fr)
}
}
.c-row--text-lockup::before,
.c-row--text-lockup::after {
display: none
}
.c-row--text-lockup .panel-grid-cell {
--row-margin: 2.25rem;
grid-column: 1/-1
}
@media print,
screen and (min-width: 64em) {
.c-row--text-lockup .panel-grid-cell {
--row-margin: 2.625rem
}
}
.c-row--text-lockup .panel-grid-cell:first-of-type {
margin-bottom: 2.25rem
}
@media print,
screen and (min-width: 64em) {
.c-row--text-lockup .panel-grid-cell:first-of-type {
position: sticky;
top: 0;
grid-column: auto/span 3;
align-self: start;
overflow: scroll;
padding-block: 2rem;
margin-block: -2rem;
max-height: 100vh;
transition: top 399.9ms ease-in-out, max-height 399.9ms ease-in-out;
will-change: height, top;
-ms-overflow-style: none;
scrollbar-width: none;
background: linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0)) 0 100%;
background-size: 100% 2rem, 100% 2rem, 100% 1rem, 100% 1rem;
background-color: rgba(0, 0, 0, 0);
background-repeat: no-repeat;
background-attachment: local, local, scroll, scroll
}
.c-row--text-lockup .panel-grid-cell:first-of-type::-webkit-scrollbar {
display: none
}
.c-row--text-lockup .panel-grid-cell:first-of-type:not(.pinned) {
overflow: hidden
}
.c-row--text-lockup .panel-grid-cell:first-of-type.pinned {
transition-delay: 399.9ms
}
[data-scroll-direction=up] .c-row--text-lockup .panel-grid-cell:first-of-type.pinned {
top: var(--scroll-padding-top);
max-height: calc(100vh - var(--scroll-padding-top));
transition-delay: 0s
}
}
.c-row--text-lockup .panel-grid-cell:first-of-type .c-button-group .c-button {
font-family: "IBM", Helvetica, sans-serif;
font-size: 1.125rem;
line-height: 1.44;
opacity: .5
}
@media print,
screen and (min-width: 48em) {
.c-row--text-lockup .panel-grid-cell:first-of-type .c-button-group .c-button {
font-size: 1.25rem
}
}
@media print,
screen and (min-width: 64em) {
.c-row--text-lockup .panel-grid-cell:last-of-type {
grid-column: 5/span 8
}
}
.c-row--text-lockup .panel-grid-cell:last-of-type .widget .c-text__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 2.25rem;
line-height: 1.16;
font-weight: 300;
margin-bottom: 1.625rem
}
@media print,
screen and (min-width: 48em) {
.c-row--text-lockup .panel-grid-cell:last-of-type .widget .c-text__heading {
font-size: 2.625rem
}
}
@media print,
screen and (min-width: 64em) {
.c-row--text-lockup .panel-grid-cell:last-of-type .widget .c-text__heading {
margin-bottom: 2rem
}
}
.c-row--text-lockup .panel-grid-cell:last-of-type .widget .c-image {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 375/220
}
@supports not (aspect-ratio: 1/1) {
.c-row--text-lockup .panel-grid-cell:last-of-type .widget .c-image {
position: relative;
padding-bottom: 58.6666666667%;
height: 0 !important;
overflow: hidden
}
}
@media print,
screen and (min-width: 64em) {
.c-row--text-lockup .panel-grid-cell:last-of-type .widget .c-image {
aspect-ratio: 785/460
}
@supports not (aspect-ratio: 1/1) {
.c-row--text-lockup .panel-grid-cell:last-of-type .widget .c-image {
position: relative;
padding-bottom: 58.5987261146%;
height: 0 !important;
overflow: hidden
}
}
}
.c-row--timeline {
position: relative;
background-color: rgba(227, 234, 236, .5);
background-size: 100% auto;
background-position: bottom;
background-repeat: no-repeat;
margin-left: -1.5625rem;
margin-right: -1.5625rem
}
@media print,
screen and (min-width: 48em) {
.c-row--timeline {
margin-left: -3.625rem;
margin-right: -3.625rem
}
}
.c-row__timeline-dot {
position: absolute;
background-color: #e8d4a8;
width: .9375rem;
height: .9375rem;
transform: translateX(-50%) translateY(var(--dot-offset));
border-radius: 50%;
left: 1.5625rem;
top: 0;
transition: transform .4s linear
}
@media print,
screen and (min-width: 48em) {
.c-row__timeline-dot {
left: 3.625rem
}
}
@media print,
screen and (min-width: 64em) {
.c-row__timeline-dot {
background: none;
border: .125rem solid #e8d4a8;
width: 4rem;
height: 4rem;
left: 50%;
display: flex
}
.c-row__timeline-dot:before {
content: "";
width: 1.125rem;
height: 1.125rem;
border-radius: 50%;
margin: auto;
background-color: #e8d4a8
}
}
.c-row--timeline .widget {
margin: 0 !important;
padding-bottom: var(--row-margin);
position: relative
}
.c-row--timeline .widget:last-child,
.c-row--timeline .widget:first-child {
padding-bottom: 4.375rem
}
@media print,
screen and (min-width: 64em) {
.c-row--timeline .widget:last-child,
.c-row--timeline .widget:first-child {
padding-bottom: 5.625rem
}
}
.c-row--timeline .widget:before {
content: "";
left: 1.5625rem;
position: absolute;
top: 0;
bottom: 0;
width: .0625rem;
border-right: .0625rem dashed var(--border-color)
}
@media print,
screen and (min-width: 64em) {
.c-row--timeline .widget:before {
left: 50%
}
}
.c-row--timeline .widget-text--default:before {
content: none
}
.c-row--timeline .c-text {
padding-inline: 1.5625rem
}
@media print,
screen and (min-width: 48em) {
.c-row--timeline .c-text {
padding-inline: 3.625rem
}
}
.c-row--timeline .c-text__heading {
text-align: center;
margin: 0 auto
}
.widget+.widget {
margin-top: var(--row-margin)
}
.widget-slider--image--icons {
--row-margin: 3.75rem
}
.c-booking-form {
--border-color: rgba(0, 0, 0, .1);
display: flex;
flex-direction: column
}
.c-booking-form [x-cloak] {
display: none !important
}
.c-booking-form__progress {
display: flex;
max-width: 66.875rem;
margin: 0 auto;
padding: 0 1.5rem;
list-style: none;
overflow: auto;
pointer-events: none;
scroll-snap-type: x mandatory;
scroll-behavior: smooth
}
.c-booking-form__progress::-webkit-scrollbar {
display: none
}
.c-booking-form__progress>* {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.75rem;
line-height: 1.3;
flex: 1;
padding: 2ch 1ch;
border-bottom: solid .25rem var(--border-color);
opacity: .5;
text-align: center;
white-space: nowrap
}
@media print,
screen and (min-width: 48em) {
.c-booking-form__progress>* {
font-size: 0.875rem
}
}
@media print,
screen and (min-width: 64em) {
.c-booking-form__progress>* {
padding: 3ch 1ch
}
}
.c-booking-form__progress>*.is-active {
border-bottom-color: currentColor;
opacity: 1;
scroll-snap-align: center
}
.c-booking-form__steps {
flex: 1;
overflow: auto
}
.c-booking-form__step {
display: flex;
height: 100%;
flex-direction: column;
padding-top: 2.875rem
}
@media print,
screen and (min-width: 64em) {
.c-booking-form__step {
padding-top: 3.75rem
}
}
.c-booking-form__step-inner {
flex: 1;
width: 100%;
max-width: 66.875rem;
margin: 0 auto;
padding: 0 1.5rem 7.5rem
}
@media print,
screen and (min-width: 64em) {
.c-booking-form__step-inner {
padding-bottom: 11.25rem
}
}
.c-booking-form__navigation {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: flex-end;
background: rgba(255, 255, 255, .8);
box-shadow: 0 0 100px rgba(0, 0, 0, .1);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
z-index: 10
}
.c-booking-form__navigation .c-booking-form__button {
font-family: "IBM", Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.6;
flex: 1;
display: flex;
justify-content: center;
align-items: center;
max-width: 50%;
gap: 1ch
}
@media print,
screen and (min-width: 64em) {
.c-booking-form__navigation .c-booking-form__button {
max-width: unset;
min-width: 14.375rem;
flex: unset;
padding: 3.5ch
}
}
.c-booking-form__navigation .c-booking-form__button svg {
width: 1.375rem;
height: .875rem;
stroke: currentColor
}
.c-booking-form__navigation .c-booking-form__button--back {
flex: unset;
min-width: unset;
margin-right: auto;
background-color: rgba(0, 0, 0, 0)
}
.c-booking-form__navigation .c-booking-form__button--back span {
display: none
}
@media print,
screen and (min-width: 48em) {
.c-booking-form__navigation .c-booking-form__button--back span {
display: block
}
}
.c-booking-form__heading {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1.5rem;
line-height: 1.45;
font-weight: 300;
margin-bottom: 1.875rem
}
@media print,
screen and (min-width: 48em) {
.c-booking-form__heading {
font-size: 2.75rem;
line-height: 1.27
}
}
@media print,
screen and (min-width: 64em) {
.c-booking-form__heading {
margin-bottom: 3.75rem
}
}
.c-booking-form__button {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.75rem;
line-height: 1.3;
min-width: 9.0625rem;
padding: 2ch;
border: solid 1px var(--t-tertiary);
text-align: center;
cursor: pointer
}
@media print,
screen and (min-width: 48em) {
.c-booking-form__button {
font-size: 0.875rem
}
}
.c-booking-form__button.is-active {
background-color: var(--t-tertiary)
}
.c-booking-form__button--secondary {
border-color: rgba(0, 0, 0, 0);
background-color: #f6f9f7
}
.c-booking-form__button[disabled] {
pointer-events: none;
border-color: rgba(0, 0, 0, 0);
background-color: var(--t-primary);
color: #fff;
opacity: .4;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.c-booking-form__options {
display: flex;
gap: 1.25rem;
margin-top: -1.25rem;
margin-left: -1.5rem;
margin-right: -1.5rem;
padding: 1.25rem 1.5rem;
overflow: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scroll-padding: 1.25rem;
-webkit-overflow-scrolling: touch
}
.c-booking-form__options::-webkit-scrollbar {
height: .125rem
}
.c-booking-form__options::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, .1)
}
.c-booking-form__options::-webkit-scrollbar-thumb {
background-color: var(--t-primary)
}
@media print,
screen and (min-width: 64em) {
.c-booking-form__options {
display: grid;
grid-template-columns: repeat(3, 1fr);
overflow: unset
}
}
.c-booking-form__options>* {
min-width: 70%;
max-width: 70%;
scroll-snap-align: start
}
@media print,
screen and (min-width: 64em) {
.c-booking-form__options>* {
min-width: unset;
max-width: unset
}
}
.c-booking-form__options--stacked {
display: grid
}
.c-booking-form__options--stacked>* {
min-width: unset;
max-width: unset
}
.c-booking-form__group-heading {
margin-bottom: 1.5rem
}
.c-booking-form__group .easepick-wrapper {
--color-bg-default: transparent;
--color-bg-inrange: rgba(44, 50, 67, .07);
--color-bg-locked: transparent;
--color-bg-unavailable: transparent;
--color-border-locked: transparent;
--color-fg-locked: rgba(44, 50, 67, .3);
--color-fg-primary: var(--t-primary)
}
.c-booking-form__group .easepick-wrapper .day.unit.locked.in-range {
background-color: red !important
}
.c-booking-form__group+.c-booking-form__group,
.c-booking-form__checkbox~.c-booking-form__group {
margin-top: 3.75rem;
padding-top: 2.1875rem;
border-top: solid 1px var(--border-color)
}
.c-booking-form__card {
position: relative;
display: flex;
flex-direction: column;
background-color: #fff;
box-shadow: 0px 0px 10px 10px rgba(93, 134, 172, .05)
}
@media print,
screen and (min-width: 64em) {
.c-booking-form__card {
background-color: rgba(255, 255, 255, .4);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
transition: background-color 150ms
}
.c-booking-form__card.is-selected {
background-color: #fff
}
}
.c-booking-form__card-image {
width: 100%;
aspect-ratio: 344/177;
-o-object-fit: cover;
object-fit: cover
}
.c-booking-form__card-inner {
flex: 1;
display: flex;
flex-direction: column;
padding: 1.5rem
}
@media print,
screen and (min-width: 64em) {
.c-booking-form__card-inner {
padding: 1.875rem
}
}
.c-booking-form__card-title {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1rem;
line-height: 1;
font-weight: 300;
margin-bottom: 1ch
}
@media print,
screen and (min-width: 48em) {
.c-booking-form__card-title {
font-size: 1.5rem;
line-height: 1.1
}
}
.c-booking-form__card-description {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.75rem;
line-height: 1.3;
line-height: 1.4
}
@media print,
screen and (min-width: 48em) {
.c-booking-form__card-description {
font-size: 0.875rem
}
}
.c-booking-form__card-description strong {
font-weight: 500
}
.c-booking-form__card-description strong+strong::before {
content: ", "
}
.c-booking-form__card-description+.c-booking-form__card-description {
margin-top: 1ch
}
.c-booking-form__card-actions {
margin-top: auto;
padding-top: 1.25rem;
text-align: right
}
@media print,
screen and (min-width: 64em) {
.c-booking-form__card-actions {
padding-top: 2.5rem
}
}
.c-booking-form__card-actions button::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1
}
.c-booking-form__card--programme {
display: flex;
flex-direction: column;
box-shadow: none
}
.c-booking-form__card--programme .c-booking-form__card-image-wrapper {
margin: 1.875rem 1.5625rem 0
}
@media print,
screen and (min-width: 64em) {
.c-booking-form__card--programme .c-booking-form__card-image-wrapper {
margin: 1.875rem 3.125rem
}
}
.c-booking-form__card--programme .c-booking-form__card-image {
aspect-ratio: 1/1;
-o-object-fit: contain;
object-fit: contain
}
@media print,
screen and (min-width: 64em) {
.c-booking-form__card--programme .c-booking-form__card-inner {
flex-direction: row;
align-items: flex-end;
gap: 1.25rem;
margin-top: auto;
padding-top: 0
}
}
.c-booking-form__card--programme .c-booking-form__card-text {
flex: 1
}
.c-booking-form__card--programme .c-booking-form__card-description {
opacity: .6
}
.c-booking-form__card--programme .c-booking-form__card-actions {
margin-top: 0
}
.c-booking-form__card--programme .c-booking-form__button {
min-width: 6.25rem;
border-color: var(--t-primary)
}
.c-booking-form__card--programme .c-booking-form__button.is-active {
background-color: var(--t-primary);
color: #fff
}
.c-booking-form__fields {
display: grid;
margin-bottom: 1.5rem
}
@media print,
screen and (min-width: 64em) {
.c-booking-form__fields {
grid-template-columns: repeat(3, 1fr);
-moz-column-gap: 1.5625rem;
column-gap: 1.5625rem
}
}
.c-booking-form__fields>* {
grid-column: 1/-1
}
@media print,
screen and (min-width: 64em) {
.c-booking-form__fields>*[data-handle=title],
.c-booking-form__fields>*[data-handle=postal_code] {
grid-column: 1/2
}
.c-booking-form__fields>*[data-handle=first_name],
.c-booking-form__fields>*[data-handle=city] {
grid-column: 2/3
}
.c-booking-form__fields>*[data-handle=last_name],
.c-booking-form__fields>*[data-handle=country],
.c-booking-form__fields>*[data-handle=date_of_birth] {
grid-column: 3/-1
}
.c-booking-form__fields>*[data-handle=email_address] {
grid-column: 1/3
}
.c-booking-form__fields>*[data-handle=telephone_country_code] {
grid-column: 1/2
}
.c-booking-form__fields>*[data-handle=telephone_number] {
grid-column: 2/4
}
}
.c-booking-form__field {
position: relative;
display: flex;
align-items: center
}
.c-booking-form__field--number {
max-width: 28.125rem;
padding: 2ch 0;
border-bottom: solid 1px var(--border-color)
}
.c-booking-form__field-error {
position: absolute;
top: 0;
left: 0;
padding: 0 .5ch;
font-size: 70%;
background-color: var(--t-primary);
color: #fff
}
.c-booking-form__field-label {
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1rem;
line-height: 1;
font-weight: 300;
margin-right: auto
}
@media print,
screen and (min-width: 48em) {
.c-booking-form__field-label {
font-size: 1.5rem;
line-height: 1.1
}
}
.c-booking-form__field-input {
display: flex;
align-items: center
}
.c-booking-form__field-input span {
font-family: "IBM", Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.65;
width: 3ch;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
@media print,
screen and (min-width: 48em) {
.c-booking-form__field-input span {
font-size: 1.125rem
}
}
.c-booking-form__field-input button {
font-family: "IBM", Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.65;
display: flex;
align-items: center;
justify-content: center;
width: 2ch;
height: 2ch;
padding: .5ch;
cursor: pointer;
overflow: hidden
}
@media print,
screen and (min-width: 48em) {
.c-booking-form__field-input button {
font-size: 1.125rem
}
}
.c-booking-form__field-input button:disabled {
pointer-events: none;
opacity: .4
}
.c-booking-form__field-input button svg {
width: 100%;
height: 100%;
stroke: currentColor
}
.c-booking-form__field select,
.c-booking-form__field textarea,
.c-booking-form__field input[type=tel],
.c-booking-form__field input[type=text],
.c-booking-form__field input[type=email] {
all: unset;
box-sizing: border-box;
font-family: "Orleans", Tahoma, sans-serif;
font-size: 1rem;
line-height: 1;
font-weight: 300;
flex: 1;
display: block;
width: 100%;
border-bottom: solid 1px var(--border-color)
}
@media print,
screen and (min-width: 48em) {
.c-booking-form__field select,
.c-booking-form__field textarea,
.c-booking-form__field input[type=tel],
.c-booking-form__field input[type=text],
.c-booking-form__field input[type=email] {
font-size: 1.5rem;
line-height: 1.1
}
}
.c-booking-form__field select::-moz-placeholder,
.c-booking-form__field textarea::-moz-placeholder,
.c-booking-form__field input[type=tel]::-moz-placeholder,
.c-booking-form__field input[type=text]::-moz-placeholder,
.c-booking-form__field input[type=email]::-moz-placeholder {
color: var(--image-overlay-color)
}
.c-booking-form__field select::placeholder,
.c-booking-form__field textarea::placeholder,
.c-booking-form__field input[type=tel]::placeholder,
.c-booking-form__field input[type=text]::placeholder,
.c-booking-form__field input[type=email]::placeholder {
color: var(--image-overlay-color)
}
.c-booking-form__field select,
.c-booking-form__field input[type=tel],
.c-booking-form__field input[type=text],
.c-booking-form__field input[type=email] {
height: 6ch
}
.c-booking-form__field textarea {
height: 8.5ch;
padding-top: 2ch
}
.c-booking-form__field select {
line-height: 3.2;
padding-right: 2.5rem;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: right 7px center;
background-size: 1.4375rem auto
}
@media print,
screen and (min-width: 64em) {
.c-booking-form__field select {
background-size: 1.875rem auto
}
}
.c-booking-form__message,
.c-booking-form__note {
font-family: "IBM", Helvetica, sans-serif;
font-size: 0.75rem;
line-height: 1.3
}
@media print,
screen and (min-width: 48em) {
.c-booking-form__message,
.c-booking-form__note {
font-size: 0.875rem
}
}
.c-booking-form__message button,
.c-booking-form__message a,
.c-booking-form__note button,
.c-booking-form__note a {
font-weight: 500;
cursor: pointer;
text-decoration: underline
}
.c-booking-form__message a,
.c-booking-form__note a {
background: none
}
.c-booking-form__message {
padding: 1.875rem;
box-shadow: 0px 0px 10px 10px rgba(93, 134, 172, .05);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px)
}
.c-booking-form__checkbox {
display: block;
padding-top: 3ch
}
.c-booking-form__checkbox input[type=checkbox] {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.c-booking-form__checkbox input[type=checkbox]+span {
position: relative;
display: flex;
align-items: flex-start;
gap: 1ch;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.c-booking-form__checkbox input[type=checkbox]+span::before {
content: "";
width: 2ch;
height: 2ch;
margin-top: .25ch;
border: solid 1px var(--border-color)
}
.c-booking-form__checkbox input[type=checkbox]+span::after {
content: "";
position: absolute;
top: .75ch;
left: .5ch;
width: 1ch;
height: 1ch;
background-color: var(--t-primary);
opacity: 0
}
.c-booking-form__checkbox input[type=checkbox]:checked+span::before {
border-color: var(--t-primary)
}
.c-booking-form__checkbox input[type=checkbox]:checked+span::after {
opacity: 1
}
.c-booking-form__checkbox a {
text-decoration: underline
}
.c-booking-form__checkbox a:hover,
.c-booking-form__checkbox a:focus {
text-decoration: none
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
outline: none
}
.pswp * {
box-sizing: border-box
}
.pswp img {
max-width: none
}
.pswp--animate_opacity {
opacity: .001;
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}
.pswp--open {
display: block
}
.pswp--zoom-allowed .pswp__img {
cursor: zoom-in
}
.pswp--zoomed-in .pswp__img {
cursor: grab
}
.pswp--dragging .pswp__img {
cursor: grabbing
}
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.pswp__container,
.pswp__zoom-wrap {
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
transform-origin: left top;
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1)
}
.pswp__bg {
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
transition: none
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0
}
.pswp__img--placeholder {
-webkit-backface-visibility: hidden
}
.pswp__img--placeholder--blank {
background: #222
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0
}
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #ccc
}
.pswp__error-msg a {
color: #ccc;
text-decoration: underline
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: .75;
transition: opacity .2s;
box-shadow: none
}
.pswp__button:focus,
.pswp__button:hover {
opacity: 1
}
.pswp__button:active {
outline: none;
opacity: .9
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0
}
.pswp__ui--over-close .pswp__button--close {
opacity: 1
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(default-skin.html) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px
}
@media(-webkit-min-device-pixel-ratio: 1.1),
(-webkit-min-device-pixel-ratio: 1.09375),
(min-resolution: 105dpi),
(min-resolution: 1.1dppx) {
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(default-skin-2.html)
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none
}
}
.pswp__button--close {
background-position: 0 -44px
}
.pswp__button--share {
background-position: -44px -44px
}
.pswp__button--fs {
display: none
}
.pswp--supports-fs .pswp__button--fs {
display: block
}
.pswp--fs .pswp__button--fs {
background-position: -44px 0
}
.pswp__button--zoom {
display: none;
background-position: -88px 0
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block
}
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0
}
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute
}
.pswp__button--arrow--left {
left: 0
}
.pswp__button--arrow--right {
right: 0
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: "";
top: 35px;
background-color: rgba(0, 0, 0, .3);
height: 30px;
width: 32px;
position: absolute
}
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px
}
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px
}
.pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, .5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
transition: opacity .25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity
}
.pswp__share-modal--hidden {
display: none
}
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #fff;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
transform: translateY(6px);
transition: transform .25s;
-webkit-backface-visibility: hidden;
will-change: transform
}
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px
}
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000
}
.pswp__share-tooltip a:first-child {
border-radius: 2px 2px 0 0
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px
}
.pswp__share-modal--fade-in {
opacity: 1
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
transform: translateY(0)
}
.pswp--touch .pswp__share-tooltip a {
padding: 16px 12px
}
a.pswp__share--facebook:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid rgba(0, 0, 0, 0);
border-bottom-color: #fff;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none
}
a.pswp__share--facebook:hover {
background: #E1B961;
color: #fff
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #E1B961
}
a.pswp__share--twitter:hover {
background: #E1B961;
color: #fff
}
a.pswp__share--pinterest:hover {
background: #ccc;
color: #ce272d
}
a.pswp__share--download:hover {
background: #ddd
}
.pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #fff;
opacity: .75;
padding: 0 10px
}
.pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px
}
.pswp__caption small {
font-size: 11px;
color: #bbb
}
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #ccc
}
.pswp__caption--empty {
display: none
}
.pswp__caption--fake {
visibility: hidden
}
.pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
transition: opacity .25s ease-out;
will-change: opacity;
direction: ltr
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px
}
.pswp__preloader--active {
opacity: 1
}
.pswp__preloader--active .pswp__preloader__icn {
background: url() 0 0 no-repeat
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
animation: clockwise 500ms linear infinite
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite
}
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: .75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0
}
.pswp--css_animation .pswp__preloader__cut {
position: relative;
width: 7px;
height: 14px;
overflow: hidden
}
.pswp--css_animation .pswp__preloader__donut {
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #fff;
border-radius: 50%;
border-left-color: rgba(0, 0, 0, 0);
border-bottom-color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right
}
}
@keyframes clockwise {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
@keyframes donut-rotate {
0% {
transform: rotate(0)
}
50% {
transform: rotate(-140deg)
}
100% {
transform: rotate(0)
}
}
.pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550
}
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible
}
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, .5)
}
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, .3)
}
.pswp__ui--idle .pswp__top-bar {
opacity: 0
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0
}
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
opacity: .001
}
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none
}
.pswp__element--disabled {
display: none !important
}
.pswp--minimal--dark .pswp__top-bar {
background: none
}
.pswp__caption__center {
text-align: center !important
}
.pswp .plyr {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100vw
}
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
outline: none
}
.pswp * {
box-sizing: border-box
}
.pswp img {
max-width: none
}
.pswp--animate_opacity {
opacity: .001;
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}
.pswp--open {
display: block
}
.pswp--zoom-allowed .pswp__img {
cursor: zoom-in
}
.pswp--zoomed-in .pswp__img {
cursor: grab
}
.pswp--dragging .pswp__img {
cursor: grabbing
}
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.pswp__container,
.pswp__zoom-wrap {
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
transform-origin: left top;
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1)
}
.pswp__bg {
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
transition: none
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0
}
.pswp__img--placeholder {
-webkit-backface-visibility: hidden
}
.pswp__img--placeholder--blank {
background: #222
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0
}
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #ccc
}
.pswp__error-msg a {
color: #ccc;
text-decoration: underline
}
.pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: .75;
transition: opacity .2s;
box-shadow: none
}
.pswp__button:focus,
.pswp__button:hover {
opacity: 1
}
.pswp__button:active {
outline: none;
opacity: .9
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0
}
.pswp__ui--over-close .pswp__button--close {
opacity: 1
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(../../../cn-core-theme/bower_components/photoswipe/src/css/default-skin/default-skin.png) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px
}
@media(-webkit-min-device-pixel-ratio: 1.1),
(-webkit-min-device-pixel-ratio: 1.09375),
(min-resolution: 105dpi),
(min-resolution: 1.1dppx) {
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(../../../cn-core-theme/bower_components/photoswipe/src/css/default-skin/default-skin.svg)
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none
}
}
.pswp__button--close {
background-position: 0 -44px
}
.pswp__button--share {
background-position: -44px -44px
}
.pswp__button--fs {
display: none
}
.pswp--supports-fs .pswp__button--fs {
display: block
}
.pswp--fs .pswp__button--fs {
background-position: -44px 0
}
.pswp__button--zoom {
display: none;
background-position: -88px 0
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block
}
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0
}
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute
}
.pswp__button--arrow--left {
left: 0
}
.pswp__button--arrow--right {
right: 0
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: "";
top: 35px;
background-color: rgba(0, 0, 0, .3);
height: 30px;
width: 32px;
position: absolute
}
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px
}
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px
}
.pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, .5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
transition: opacity .25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity
}
.pswp__share-modal--hidden {
display: none
}
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #fff;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
transform: translateY(6px);
transition: transform .25s;
-webkit-backface-visibility: hidden;
will-change: transform
}
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px
}
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000
}
.pswp__share-tooltip a:first-child {
border-radius: 2px 2px 0 0
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px
}
.pswp__share-modal--fade-in {
opacity: 1
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
transform: translateY(0)
}
.pswp--touch .pswp__share-tooltip a {
padding: 16px 12px
}
a.pswp__share--facebook:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid rgba(0, 0, 0, 0);
border-bottom-color: #fff;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none
}
a.pswp__share--facebook:hover {
background: #E1B961;
color: #fff
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #E1B961
}
a.pswp__share--twitter:hover {
background: #E1B961;
color: #fff
}
a.pswp__share--pinterest:hover {
background: #ccc;
color: #ce272d
}
a.pswp__share--download:hover {
background: #ddd
}
.pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #fff;
opacity: .75;
padding: 0 10px
}
.pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px
}
.pswp__caption small {
font-size: 11px;
color: #bbb
}
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #ccc
}
.pswp__caption--empty {
display: none
}
.pswp__caption--fake {
visibility: hidden
}
.pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
transition: opacity .25s ease-out;
will-change: opacity;
direction: ltr
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px
}
.pswp__preloader--active {
opacity: 1
}
.pswp__preloader--active .pswp__preloader__icn {
background: url() 0 0 no-repeat
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
animation: clockwise 500ms linear infinite
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite
}
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: .75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0
}
.pswp--css_animation .pswp__preloader__cut {
position: relative;
width: 7px;
height: 14px;
overflow: hidden
}
.pswp--css_animation .pswp__preloader__donut {
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #fff;
border-radius: 50%;
border-left-color: rgba(0, 0, 0, 0);
border-bottom-color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right
}
}
@keyframes clockwise {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
@keyframes donut-rotate {
0% {
transform: rotate(0)
}
50% {
transform: rotate(-140deg)
}
100% {
transform: rotate(0)
}
}
.pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550
}
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible
}
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, .5)
}
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, .3)
}
.pswp__ui--idle .pswp__top-bar {
opacity: 0
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0
}
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
opacity: .001
}
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none
}
.pswp__element--disabled {
display: none !important
}
.pswp--minimal--dark .pswp__top-bar {
background: none
}
.pswp__caption__center {
text-align: center !important
}
.pswp .plyr {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100vw
}
.ui-datepicker {
box-shadow: 0 0 .3125rem -.125rem rgba(0, 0, 0, .5);
background-color: #fff
}
@media print,
screen and (max-width: 47.99875em) {
.ui-datepicker {
width: calc(100% - 2.25rem)
}
}
.ui-datepicker,
.ui-datepicker-year,
.ui-datepicker-month,
.ui-datepicker-calendar {
border-radius: .375rem
}
.ui-datepicker-trigger {
margin-bottom: .625rem
}
.ui-datepicker-header {
display: flex;
flex-flow: row wrap;
padding: .625rem .625rem
}
.ui-datepicker-header a {
cursor: pointer;
height: -moz-fit-content;
height: fit-content;
position: relative;
text-decoration: none;
background: linear-gradient(currentColor 0 0) 0 100%/0% .0625rem no-repeat;
background-color: rgba(0, 0, 0, 0) !important;
transition: background-size .4s ease-in-out, background-position 0s ease-in-out .4s
}
@media(hover: hover) {
.ui-datepicker-header a:hover,
.ui-datepicker-header a:active,
.ui-datepicker-header a:focus {
background-size: 100% .0625rem;
background-position: 100% 100%
}
}
@media(hover: none) {
.ui-datepicker-header a:active,
.ui-datepicker-header a:focus {
background-size: 100% .0625rem;
background-position: 100% 100%
}
}
.ui-datepicker-previous,
.ui-datepicker-next {
margin-bottom: .625rem
}
.ui-datepicker-next {
margin-left: auto;
margin-right: 0
}
.ui-datepicker-title {
display: flex;
flex: 0 0 100%;
justify-content: space-between
}
.ui-datepicker-calendar {
margin: 0 .625rem .625rem;
width: calc(100% - 1.25rem)
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
text-align: center
}
.ui-datepicker-calendar a {
position: relative;
text-decoration: none;
background: linear-gradient(currentColor 0 0) 0 100%/0% .0625rem no-repeat;
background-color: rgba(0, 0, 0, 0) !important;
transition: background-size .4s ease-in-out, background-position 0s ease-in-out .4s
}
@media(hover: hover) {
.ui-datepicker-calendar a:hover,
.ui-datepicker-calendar a:active,
.ui-datepicker-calendar a:focus {
background-size: 100% .0625rem;
background-position: 100% 100%
}
}
@media(hover: none) {
.ui-datepicker-calendar a:active,
.ui-datepicker-calendar a:focus {
background-size: 100% .0625rem;
background-position: 100% 100%
}
}
.ui-datepicker-month,
.ui-datepicker-year {
width: 49%;
padding: .3125rem;
background-position: right .5rem center;
border: .0625rem solid currentColor;
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto
}
.flickity-enabled {
--flickity-dot-width: 3.4375rem;
--flickity-dot-height: 3.4375rem;
position: relative;
display: grid;
grid-template-rows: 1fr var(--flickity-dot-height);
grid-template-columns: 1fr var(--flickity-dot-width) var(--flickity-dot-width);
gap: 1.875rem 0;
padding-bottom: 1.25rem
}
@media print,
screen and (min-width: 48em) {
.flickity-enabled {
--flickity-dot-width: 3.75rem;
--flickity-dot-height: 3.75rem
}
}
.flickity-enabled:before {
content: "";
display: block;
grid-row: 2;
grid-column: 2/span 2;
box-shadow: 0 0 .625rem .625rem rgba(172, 158, 93, 0.1)
}
.flickity-viewport {
grid-row: 1;
grid-column: 1/-1
}
.flickity-prev-next-button {
cursor: pointer;
background-color: #fff;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
transition: color 300ms ease-in-out, background 300ms ease-in-out;
aspect-ratio: 1/1
}
@supports not (aspect-ratio: 1/1) {
.flickity-prev-next-button {
position: relative;
padding-bottom: 100%;
height: 0 !important;
overflow: hidden
}
}
.flickity-prev-next-button svg {
display: none
}
.flickity-prev-next-button:disabled {
pointer-events: none;
opacity: .5
}
.flickity-prev-next-button.next:after,
.flickity-prev-next-button.previous:after {
font-family: "Icons";
content: "";
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding-left: inherit
}
.flickity-prev-next-button.next {
grid-row: 2;
grid-column: 3
}
.flickity-prev-next-button.previous {
grid-row: 2;
grid-column: 2;
border-right: .0625rem solid #d9d9d9
}
.flickity-prev-next-button.previous:after {
rotate: 180deg
}
@media(hover: hover) {
.flickity-prev-next-button:hover,
.flickity-prev-next-button:active,
.flickity-prev-next-button:focus {
background-color: #e1b554;
transition-delay: .15s, 0s
}
.flickity-prev-next-button:hover.next:after,
.flickity-prev-next-button:hover.previous:after,
.flickity-prev-next-button:active.next:after,
.flickity-prev-next-button:active.previous:after,
.flickity-prev-next-button:focus.next:after,
.flickity-prev-next-button:focus.previous:after {
color: #fff
}
}
@media(hover: none) {
.flickity-prev-next-button:active,
.flickity-prev-next-button:focus {
background-color: #e8d4a8;
transition-delay: .15s, 0s
}
.flickity-prev-next-button:active.next:after,
.flickity-prev-next-button:active.previous:after,
.flickity-prev-next-button:focus.next:after,
.flickity-prev-next-button:focus.previous:after {
color: #e8d4a8
}
}
.flickity-page-dots {
grid-row: 2;
grid-column: 1;
display: flex;
align-items: center;
justify-content: center;
width: auto;
height: var(--flickity-dot-height);
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.flickity-page-dots,
.flickity-page-dots .dot {
list-style: none
}
.flickity-page-dots .dot {
position: relative;
flex: 1;
width: auto;
margin: 0;
cursor: pointer;
padding: .75rem
}
.flickity-page-dots .dot:after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: .25rem;
transform: translateY(-50%);
background-color: #f3f3f3;
transition: background-color .3s linear
}
.flickity-page-dots .dot.is-selected:after {
background-color: #433c2c
}
.imgix-fluid {
opacity: 0;
transition: opacity .5s
}
.has-loaded {
opacity: 1
}
.plyr {
position: relative
}
.plyr,
.plyr__video-wrapper,
.plyr video {
height: 100%;
width: 100%
}
.plyr video {
-o-object-fit: cover;
object-fit: cover
}
.plyr__controls {
position: absolute;
inset: 0;
z-index: 2
}
.c-video .plyr__controls>*:where(:not([data-plyr=play], .plyr__progress__container)) {
display: none
}
.plyr__progress__container {
position: absolute;
bottom: 0.875rem;
left: 1.5rem;
right: 1.5rem
}
.plyr__progress__buffer,
.plyr__tooltip {
display: none
}
.plyr input[type=range] {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: 28px;
color: #fff;
display: block;
height: .5rem;
margin: 0;
padding: 0;
transition: box-shadow .3s ease;
width: 100%;
background-color: rgba(255, 255, 255, .4);
cursor: pointer
}
.plyr input[type=range]::-webkit-slider-runnable-track {
background: 0 0;
border: 0;
border-radius: 3px;
height: 100%;
-webkit-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
-webkit-user-select: none;
user-select: none;
background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0))
}
.plyr input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 100%;
width: 1.25rem;
background: rgba(0, 0, 0, 0);
cursor: pointer;
box-shadow: none
}
.plyr input[type=range]::-moz-range-track {
display: none
}
.plyr input[type=range]::-moz-range-thumb {
display: none
}
.plyr input[type=range]::-moz-range-progress {
background: currentColor;
border-radius: 3px;
height: 6px
}
.plyr [data-plyr=fullscreen] {
width: 1.5625rem;
height: 1.5625rem;
position: absolute;
top: 1.25rem;
left: 1.25rem
}
@media print,
screen and (max-width: 63.99875em) {
.plyr [data-plyr=fullscreen] {
display: block
}
}
.plyr [data-plyr=fullscreen] .icon--pressed,
.plyr [data-plyr=fullscreen] span {
display: none
}
.plyr [data-plyr=fullscreen] svg {
fill: #fff;
width: 100%;
height: 100%
}
[data-plyr=play] {
width: 5rem;
height: 5rem;
border-radius: 50%;
font-size: .75rem;
background-color: var(--button-background);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
cursor: pointer;
color: var(--body-color);
transition: color .3s, background-color .3s, opacity .5s;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
--body-color: white
}
@media print,
screen and (min-width: 48em) {
[data-plyr=play] {
width: 5.625rem;
height: 5.625rem;
font-size: 1.0625rem
}
}
[data-plyr=play]:hover {
--body-color: #433c2c;
background-color: #fff
}
[data-plyr=play]:before {
font-family: "Icons";
content: "";
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
margin-right: .375rem
}
[data-plyr=play] * {
display: none
}
[data-plyr=play].plyr__control--pressed:before {
font-family: "Icons";
content: "";
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.plyr--playing [data-plyr=play] {
opacity: 0
}
.plyr:hover [data-plyr=play] {
opacity: 1
}
.plyr .label--not-pressed {
display: inline
}
.plyr--playing .label--not-pressed {
display: none
}
.plyr--playing .label--pressed {
display: inline
}
.remodal-wrapper {
position: fixed;
display: flex;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
z-index: 20;
background-color: var(--button-background);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
padding: 1.25rem
}
@media print,
screen and (min-width: 64em) {
.remodal-wrapper {
padding: 2.5rem 3.75rem
}
}
.remodal-wrapper,
.remodal-wrapper * {
outline: none
}
.remodal {
--content-height: calc(100vh - 2.5rem);
position: relative;
width: 100%;
height: 100%;
margin: auto;
display: flex;
flex-direction: column;
padding-bottom: 2.5rem
}
@media print,
screen and (min-width: 64em) {
.remodal {
--content-height: calc(100vh - 9.375rem)
}
}
.remodal-close {
width: 3rem;
height: 3rem;
min-height: 3rem;
border-radius: 100%;
cursor: pointer;
text-align: center;
align-self: flex-end;
background: #fff;
margin-bottom: .625rem;
position: absolute;
right: 0;
top: 0;
z-index: 2
}
.remodal-close:before {
font-family: "Icons";
content: "";
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
@media print,
screen and (min-width: 64em) {
.remodal-close {
position: static
}
}
.remodal-content {
height: var(--content-height);
display: flex;
flex-direction: column;
justify-content: center
}
.remodal .s-page-wrap {
min-height: auto;
max-height: 100%;
aspect-ratio: 16/9;
overflow: hidden;
margin: auto
}
@supports not (aspect-ratio: 1/1) {
.remodal .s-page-wrap {
position: relative;
padding-bottom: 56.25%;
height: 0 !important;
overflow: hidden
}
}
.remodal .c-video {
aspect-ratio: 16/9;
max-height: var(--content-height);
margin: auto
}
@supports not (aspect-ratio: 1/1) {
.remodal .c-video {
position: relative;
padding-bottom: 56.25%;
height: 0 !important;
overflow: hidden
}
}
.remodal .plyr,
.remodal .plyr__video-wrapper {
max-height: var(--content-height)
}
.remodal video {
height: auto;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.wpml-ls-link {
color: var(--body-color);
white-space: nowrap;
transition: color .5s;
display: block
}
@media(hover: hover) {
.wpml-ls-link:hover,
.wpml-ls-link:active,
.wpml-ls-link:focus {
--body-color: #433c2c
}
}
@media(hover: none) {
.wpml-ls-link:active,
.wpml-ls-link:focus {
--body-color: #433c2c
}
}
.c-nav-primary .menu__link {
width:fit-content;
}
#pg-873-3 {
margin-top: 50px;
}
#pg-891-3 > div {
margin-bottom: 50px;
}
#pg-873-1 > div {
margin-bottom: 100px;
}
#pg-873-4 > div {
margin-bottom: 100px;
}
@media print,
screen and (max-width: 64em) {
#pg-873-4 > div {
margin-bottom: 100px;
}
}
/* 1. Make the hero a container */
.c-hero {
position: relative;
overflow: hidden;
container-type: size; /* enable @container queries inside */
}
/* 2. Outer video background container */
.video-background-container {
position: absolute;
inset: 0;
z-index: -1;
overflow: hidden;
}
/* 3. Inner div that simulates object-fit: cover */
.video-embed-object-fit-cover {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: hidden;
container-type: size;
}
/* 4. Iframe behaves like a centered, object-fit cover video */
.video-embed-object-fit-cover > iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
pointer-events: none;
/* Aspect-ratio fix using container queries */
@container (min-aspect-ratio: 16/9) {
height: 56.25cqw; /* 100 / (16 / 9) */
}
@container (max-aspect-ratio: 16/9) {
width: 177.78cqh; /* 100 / (9 / 16) */
}
}
/* Outer container behaves like .c-hero__video-container */
.video-background-container {
position: absolute;
inset: 0;
z-index: -1;
overflow: hidden;
}
/* This block mimics object-fit: cover */
.video-embed-object-fit-cover {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: hidden;
container-type: size;
}
.video-embed-object-fit-cover > iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
pointer-events: none;
@container (min-aspect-ratio: 16/9) {
height: 56.25cqw; /* 100 / (16 / 9) */
}
@container (max-aspect-ratio: 16/9) {
width: 177.78cqh; /* 100 / (9 / 16) */
}
}
.c-button--get-directions {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0.5em 2.25em !important;
min-width: 220px !important;
color: black !important;
background-color: #e1b554 !important;
text-decoration: none !important;
font-weight: bold !important;
font-size: 0.95rem !important;
text-transform: uppercase !important;
margin-top: 2em;
/* Concave curved sides like your mockup */
clip-path: polygon(
15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%
) !important;
text-align: center !important;
line-height: 1 !important;
transition: background-color 0.3s ease !important;
}
.c-button--get-directions:hover {
background-color: #cfa647 !important;
}
@media screen and (max-width: 64em) {
.c-media--lockup .c-media__headings, .c-media--lockup .c-media__text {
max-width: 100%!important;
text-align: center;
}
.c-media__text {
text-align: center;
}
.s-entry {
text-align: left!important;
}
#panel-873-5-0-0 > div > section > article > div > div.c-media__text.s-entry > p {
display:block;
}
.c-media__text a.c-button--get-directions {
margin-left: auto !important;
margin-right: auto !important;
display: inline-flex !important;
}
.c-media__text p {
justify-content: center;
flex-direction: column;
align-items: center;
}
.c-page-footer__contact {
margin-top: 75px;
}
#pg-891-2 > div {
margin-bottom: 3em!important;
}
}
#pg-891-2 > div {
margin-bottom: 5em;
}
.c-location-list {
list-style: none;
padding: 0;
margin: 0;
}
.c-location-list__item {
display: grid;
grid-template-columns: 250px 1fr; /* Adjust column width as needed */
align-items: center;
gap: 1rem;
margin-bottom: 8px;
}
.c-location-list__name {
color: #2c3243;
}
.c-location-list__map-link {
display: inline-flex;
align-items: center;
color: #2c3243;
text-decoration: none;
white-space: nowrap;
}
.c-location-list__map-link svg {
margin-right: 6px;
fill: currentColor;
}
.c-page-footer__contact-list {
list-style: none;
padding: 0;
margin: 0;
}
.c-page-footer__contact-list li {
display: grid;
grid-template-columns: 130px 1fr; /* Adjust column width as needed */
gap: 1rem;
align-items: center;
margin-bottom: 8px;
}
.c-page-footer__label {
color: #2c3243;
}
.c-page-footer__value {
color: #2c3243;
text-decoration: none;
display: inline-block;
word-break: break-word; /* Prevent long email/text from breaking layout */
}
#panel-873-1-0-0 > div > div > div > div > div.c-cta__text.\/.s-entry > p {
text-align: center;
}
.to_top_btn {
position: fixed;
bottom: 100px!important;
right: 4%!important;
}
.to_top_btn {
position: fixed;
bottom: 50px;
right: 50px;
z-index: 1000;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
/* Show state */
.to_top_btn.show {
opacity: 1;
visibility: visible;
}
@media (max-width: 64em) {
/* Contact list: stack label and value vertically */
.c-page-footer__contact-list li {
grid-template-columns: 1fr !important;
gap: 0.25rem;
text-align: left;
}
.c-page-footer__label {
font-weight: 600;
margin-bottom: 2px;
}
.c-page-footer__value {
text-align: left;
}
/* Locations list: stack name and link */
.c-location-list__item {
grid-template-columns: 1fr !important;
gap: 0.25rem;
text-align: left;
}
.c-location-list__map-link {
margin-top: 2px;
display: inline-flex;
}
/* Optional: add spacing to the whole block */
.c-page-footer__menu {
margin-bottom: 2rem;
}
/* Optional: center-align footer social/icons if needed */
.c-page-footer__socials {
text-align: center;
margin-top: 1.5rem;
}
/* Optional: center the CTA text if needed */
#panel-873-1-0-0 > div > div > div > div > div.c-cta__text.\/.s-entry > p {
text-align: center;
}
}
/* Desktop (unchanged) */
.accordion-toggle{display:none !important;}
.accordion-content{display:block !important;}
/* Mobile: full-width, no box, inline chevron, 2-column content */
@media (max-width:64em) {
/* Footer column layout */
.c-page-footer__content,
.c-page-footer__navigation{
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
gap:0 !important; /* stacked, no gaps between sections */
}
.c-page-footer__navigation{ padding:0 16px !important; }
/* Section wrapper: no card look */
.c-page-footer__menu{
width:100% !important;
max-width:none !important;
margin:0 !important;
border:none !important;
border-radius:0 !important;
background:transparent !important;
overflow:visible !important;
font-size: 1em;
}
/* Header row: title + chevron aligned */
.accordion-toggle{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
width:100% !important;
padding:18px 0 !important;
background:none !important;
border:0 !important;
border-bottom:1px solid rgba(0,0,0,.12) !important; /* section divider */
cursor:pointer !important;
color:inherit !important;
padding-bottom: 5px!important;
}
.accordion-toggle .c-page-footer__title h3{
margin:0 !important;
font-size:1rem !important;
text-transform:uppercase !important;
letter-spacing:.06em !important;
}
.chevron{
width:12px !important; height:12px !important;
border-right:2px solid #000 !important;
border-bottom:2px solid #000 !important;
transform:rotate(45deg) translateY(-1px) !important; /* sits nicely on baseline */
transition:transform .25s ease !important;
flex:0 0 auto !important;
margin-left:12px !important;
}
.accordion.open .chevron{ transform:rotate(-135deg) translateY(0) !important; }
/* Body: spacing and top divider */
.accordion-content{
display:none !important;
padding:12px 0 6px !important;
}
.accordion.open .accordion-content{ display:block !important; }
/* Two-column lists (labels left, values right) */
.c-page-footer__contact-list,
.c-location-list{
list-style:none !important;
margin:0 !important;
padding:0 !important;
}
.c-page-footer__contact-list li,
.c-location-list__item{
display:grid !important;
grid-template-columns: 1fr auto !important;
align-items:center !important;
gap:16px !important;
padding:14px 0 !important;
border-bottom:1px solid rgba(0,0,0,.08) !important;
}
.c-page-footer__contact-list li:last-child,
.c-location-list__item:last-child{ border-bottom:0 !important; }
/* Left/Right alignment */
.c-page-footer__label,
.c-location-list__name{
font-weight:600 !important;
}
.c-page-footer__value,
.c-location-list__map-link{
text-align:right !important;
justify-self:end !important;
white-space:nowrap !important;
}
/* Tiny screens: stack each row to one column for readability */
@media (max-width:420px){
.c-page-footer__contact-list li,
.c-location-list__item{
grid-template-columns: 1fr !important;
gap:6px !important;
}
.c-page-footer__value,
.c-location-list__map-link{
text-align:left !important;
justify-self:start !important;
}
}
}
@media (max-width: 64em) {
/* Make the contact area a flex column so we can reorder children */
.c-page-footer .c-page-footer__contact{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 12px !important;
width: 100% !important;
}
/* Move socials ABOVE the copyright */
.c-page-footer .c-page-footer__socials{
order: -1 !important; /* goes first */
display: flex !important;
justify-content: center !important;
}
/* Copyright below socials */
.c-page-footer .c-page-footer__details{
order: 2 !important;
text-align: center !important;
margin: 0 !important;
width: 100% !important;
}
/* Keep icons in a row, centered */
.c-page-footer .c-social-links{
display: flex !important;
gap: 16px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
justify-content: center !important;
align-items: center !important;
}
.c-page-footer .c-social-links__service a{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
}
@media (min-width: 1400px) {
.c-page-footer__logo {
padding-right: 225px;
}
/* 3 columns: Contact | Locations | Logo */
.c-page-footer__navigation{
display: grid !important;
grid-template-columns: 1fr 1fr auto !important; /* third column sized to logo */
gap: 24px 48px !important;
align-items: start !important;
}
/* regular accordions just flow into col 1 & 2 */
.c-page-footer__navigation .c-page-footer__menu{
grid-column: auto !important;
}
/* place the moved logo in column 3 (same row) */
.footer-logo--in-nav{
grid-column: 3 !important;
justify-self: center !important;
align-self: start !important;
padding-top: 0 !important;
}
/* give the background-logo a size so it renders */
.footer-logo--in-nav .c-page-footer__logo{
display: block !important;
width: clamp(160px, 14vw, 240px) !important;
height: clamp(48px, 8vw, 150px) !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
}
/* Mobile-specific slideshow fix: make images larger but keep 16:9 */
@media screen and (max-width: 767px) {
#pg-873-3 #slider-67faeb935868f .c-image {
aspect-ratio: 16 / 9;
width: 100vw; /* use full viewport width */
max-width: 100vw;
margin: 0 auto; /* center horizontally */
background-size: cover; /* ensure fill without squish */
background-position: center;
}
/* Remove side padding only for this slideshow’s row */
#pg-873-3 .c-row,
#pg-873-3 .panel-grid-cell,
#pg-873-3 .c-slider-wrapper {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 64em) {
/* Target the footer logo image */
.footer-logo img {
height: auto !important;
}
/* Optional: add more breathing room around the logo */
.footer-logo {
padding-right: 20px;
}
}
.c-media__image {
touch-action: pan-y; /* allow vertical scrolling on touch */
-webkit-user-drag: none; /* avoid drag hijacking on iOS */
pointer-events: none;
}
.video-background-container { position: relative; background: #000; }
.video-fallback,
.video-embed-object-fit-cover { position: absolute; inset: 0; }
.video-fallback { background-size: cover; background-position: center; transition: opacity .6s ease; }
.bg-video { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; opacity: 0; transition: opacity .6s ease; }
.video-background-container.is-ready .bg-video { opacity: 1; }
.video-background-container.is-ready .video-fallback { opacity: 0; }
/* restore peeking neighbors for the image slider */
.c-slider--image .c-slider__cell {
width: calc(100% - .325rem);
margin-inline: 0.325rem;
}
/* keep your wide layout on large screens if you want */
@media (min-width: 64em) {
.c-slider--image .c-slider__cell {
margin-inline: 0;
width: calc(100% - .125rem);
}
}
/* keep neighbors visible between 48em and 64em */
@media (min-width: 48em) and (max-width: 63.99875em) {
.c-slider--image .c-slider__cell {
width: calc(90% - .75rem)!important;
margin-inline: .75rem!important;
}
}
/* only go full-bleed on big screens */
@media (min-width: 64em) {
.c-slider--image .c-slider__cell {
margin-inline: 0;
width: calc(100% - .125rem)!important;
}
}
/* MOBILE: keep aspect ratio, kill fixed heights */
@media (max-width: 47.99em) {
/* stop Flickity's inline height from winning */
.c-slider--image .js-flickity-cell,
.c-slider--image .flickity-viewport {
height: auto !important;
}
/* wrapper that paints the background */
.c-slider--image .c-image,
.c-slider--image .crop {
height: auto !important; /* override any height:100% */
width: 100%;
aspect-ratio: 4 / 5; /* pick the ratio you want on mobile */
background-position: 50% 50%;
background-size: cover; /* fill without distortion (will crop) */
}
}
/* --- let vertical swipes scroll the page --- */
/* 1) The slider + viewport should allow vertical panning */
#pg-873-3 #slider-67faeb935868f,
#pg-873-3 #slider-67faeb935868f .flickity-viewport {
touch-action: pan-y !important;
overscroll-behavior: auto !important;
}
/* 2) The background-image div should NOT capture touches */
#pg-873-3 #slider-67faeb935868f .imgix-fluid.c-image {
pointer-events: none !important; /* forward gestures to the viewport */
touch-action: pan-y !important; /* (iOS/Chrome consistency) */
}
/* 3) If other wrappers grab touches, also allow vertical pan there */
#pg-873-3 #slider-67faeb935868f .c-slider__cell,
#pg-873-3 #slider-67faeb935868f .c-image-container,
#pg-873-3 #slider-67faeb935868f .crop {
touch-action: pan-y !important;
}
#pg-873-3 .c-slider.js-flickity,
#pg-873-3 .c-slider.js-flickity .flickity-viewport { touch-action: pan-y !important; }
#pg-873-3 .imgix-fluid.c-image { pointer-events: none !important; }
.c-slider--image .c-image, .c-slider--image .crop {
background-size: cover; /* fills the container without squishing */
background-position: center; /* centers the crop */
background-repeat: no-repeat; /* avoids tiling */
}
.flickity-prev-next-button:active {
outline: none;
transform: none; /* cancel "pressed" effect */
}
.flickity-prev-next-button:active {
background-color: inherit; /* prevent sticky color */
}
/*# sourceMappingURL=style.css.map */