.gform_wrapper {
margin: 0 !important;
}
.gfield label.gfield_label,
.gfield .gfield_label {
font-size: 18px;
font-weight: 400;
color: var(--color-text);
margin: 0 0 calc(var(--gap-s) / 2) 0;
display: block;
}
.gfield_label .gfield_required_text {
display: inline-block;
padding-left: var(--gap-xxs);
color: var(--color-text);
}
::placeholder {
color: var(--color-primary-pink);
}
.validation_message {
background-color: var(--color-primary-pink);
color: var(--color-white);
padding: var(--gap-xxs) var(--gap-xs);
font-size: 12px;
border-radius: var(--border-radius-s);
position: relative;
margin-top: calc(var(--gap-s) / 2);
display: inline-block;
top: var(--gap-xxs);
}
.validation_message::after {
content: "";
display: block;
position: absolute;
border: calc(var(--gap-s) / 2) solid rgba(0, 0, 0, 0);
border-bottom-color: var(--color-primary-pink);
width: 0;
height: 0;
top: calc(0px - var(--gap-s));
left: var(--gap-s);
}
.gform_submission_error {
margin-bottom: var(--gap-s);
border: 1px solid var(--color-primary-pink);
padding: calc(var(--gap-s) / 2) var(--gap-s);
font-size: 14px;
color: var(--color-text);
letter-spacing: 0;
}
.gform_submission_error:focus,
.gform_submission_error:focus-visible {
outline: none;
outline-color: var(--color-primary-pink);
}
.gfield.gfield_error input[type="text"],
.gfield.gfield_error input[type="email"],
.gfield.gfield_error input[type="tel"],
.gfield.gfield_error input[type="url"],
.gfield.gfield_error input[type="file"],
.gfield.gfield_error textarea,
.gfield.gfield_error select {
border: 1px solid var(--color-primary-pink);
}
.gfield input[type="text"],
.gfield input[type="email"],
.gfield input[type="tel"],
.gfield input[type="url"],
.gfield textarea,
.gfield select {
padding: var(--gap-xs) var(--gap-s);
width: 100%;
color: var(--color-text);
background: transparent;
border: 1px solid var(--color-black);
box-sizing: border-box;
border-radius: var(--border-radius-s);
&:focus-visible {
outline-color: var(--color-black);
}
}
.gfield select {
option {
color: var(--color-black);
}
}
.bg_black .gfield input[type="text"],
.bg_black .gfield input[type="email"],
.bg_black .gfield input[type="tel"],
.bg_black .gfield input[type="url"],
.bg_black .gfield textarea,
.bg_black .gfield select {
border: 1px solid var(--color-white);
&:focus-visible {
outline-color: var(--color-white);
}
}
.gfield *::-ms-expand {
display: none;
}
.gfield select {
appearance: none;
-webkit-appearance: none;
background: transparent calc(100% - var(--gap-s)) center no-repeat
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='15'%3E%3Cpath fill-rule='evenodd' fill='%23d60d8c' d='M27 1L14 15 0 1l1-1 13 13L26 0l1 1z'/%3E%3C/svg%3E");
padding-right: 70px;
}
.gfield_description {
display: block;
font-size: 14px;
font-weight: 900;
margin-top: calc(var(--gap-xxs) / 2);
}
.ginput_container_consent {
position: relative;
input[type="checkbox"] {
margin: 0;
position: absolute;
z-index: 0;
opacity: 0;
width: var(--gap-xs);
height: var(--gap-xs);
& + label {
position: relative;
overflow: hidden;
padding-left: calc(var(--gap-xs) * 2);
cursor: pointer;
display: inline-block;
&::after {
width: var(--gap-xs);
height: var(--gap-xs);
background-color: transparent;
top: 2px;
border: 1px solid var(--color-text);
background: transparent;
border-radius: var(--border-radius-s);
content: "";
position: absolute;
left: 0;
z-index: 1;
-webkit-transition: 0.2s;
transition: 0.2s;
}
}
&:checked {
& + label {
&::after {
background: var(--color-primary-pink);
}
}
}
}
.gfield_description {
padding-left: calc(var(--gap-xs) * 2);
}
}
.gform_footer {
margin-top: var(--gap-s);
}
.gform_fields {
display: flex;
flex-wrap: wrap;
gap: var(--gap-s);
}
.gfield {
flex-basis: 100%;
position: relative;
}
fieldset.gfield {
border: none;
padding: 0;
margin: 0;
}
fieldset.gfield legend {
float: left;
}
fieldset.gfield legend + * {
clear: both;
}
.gfield_visibility_hidden {
display: none;
}
.gfield.hidden_label .gfield_label {
display: none;
}
.gfield textarea {
height: 200px;
padding: var(--gap-xs) var(--gap-s);
}
.ginput_complex {
display: flex;
gap: var(--gap-xs);
}
.ginput_container_address {
flex-wrap: wrap;
}
.ginput_container_name span {
flex-grow: 1;
}
.ginput_container_address span {
flex-basis: calc(50% - 8px);
}
.ginput_container_address span:nth-child(1),
.ginput_container_address span:nth-child(2) {
flex-basis: 100%;
}
.gfield input[type="text"] + label,
.gfield select + label {
margin-top: calc(var(--gap-s) / 2);
display: block;
}
.screen-reader-text {
display: none;
}
.gfield.captcha_field {
margin: 0;
padding: 0;
}
.gfield.captcha_field .gfield_label {
display: none;
}
.ginput_container_fileupload .validation_message--hidden-on-empty {
display: none;
}
.gfield.captcha_field {
margin: 0;
padding: 0;
position: absolute;
}
.gform_wrapper {
container-type: inline-size;
}
.gform_body {
.gfield.gfield--width-half,
.gfield.gfield--width-third,
.gfield.gfield--width-quarter {
flex-basis: 100%;
}
}
@container (min-width: 504px) {
.gform_body {
.gfield.gfield--width-half {
flex: 0 1 calc(50% - (var(--gap-s) * 1) / 2);
}
.gfield.gfield--width-third {
flex: 0 1 calc(33.333% - (var(--gap-s) * 2) / 3);
}
.gfield.gfield--width-quarter {
flex: 0 1 calc(25% - (var(--gap-s) * 3) / 4);
}
}
}.fc_banner {
--color-text: var(--color-white);
color: var(--color-text);
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.hero {
--color-text: var(--color-white);
color: var(--color-text);
}
.banner_container {
padding: var(--padding-m) var(--width-s);
.element_container {
.element {
border-radius: var(--border-radius-m);
overflow: hidden;
&.video {
&::before {
content: "";
display: block;
position: absolute;
inset: 0;
z-index: 0;
background-color: hsl(from var(--color-primary-pink) h s l / 0.4);
}
}
}
img,
video {
object-fit: cover;
width: 100%;
}
}
&.two_element_banner,
&.six_element_banner {
display: flex;
flex-direction: column;
gap: clamp(40px, 5.229vw + 9.882px, 104px);
.element_container {
position: relative;
isolation: isolate;
.element {
position: absolute;
}
}
}
&.two_element_banner {
padding: var(--padding-m) clamp(24px, 1.923vw + 12.923px, 32px);
.element_container {
aspect-ratio: 660 / 415;
.element {
&:first-child {
left: 0;
bottom: 0;
width: 70.216%;
aspect-ratio: 455 / 334;
> * {
aspect-ratio: 455 / 334;
}
}
&:last-child {
top: 0;
right: 0;
width: 41.049%;
aspect-ratio: 266 / 195;
> * {
aspect-ratio: 266 / 195;
}
}
}
}
}
&.six_element_banner {
padding: clamp(40px, 1.961vw + 28.706px, 64px)
clamp(24px, 1.923vw + 12.923px, 32px);
.element_container {
aspect-ratio: 957 / 694;
.element {
&:nth-child(1) {
top: 56.376%;
left: 0;
width: 17.681%;
aspect-ratio: 169 / 140;
> * {
aspect-ratio: 169 / 140;
}
}
&:nth-child(2) {
top: 7.721%;
left: 13.266%;
width: 39.185%;
aspect-ratio: 374 / 311;
> * {
aspect-ratio: 374 / 311;
}
}
&:nth-child(3) {
top: 56.376%;
left: 20.572%;
}
&:nth-child(4) {
top: 0;
left: 49.715%;
}
&:nth-child(5) {
top: 29.842%;
left: 55.582%;
width: 44.308%;
aspect-ratio: 424 / 352;
> * {
aspect-ratio: 424 / 352;
}
}
&:nth-child(6) {
top: 71.988%;
left: 50.838%;
width: 31.879%;
aspect-ratio: 305 / 194;
> * {
aspect-ratio: 305 / 194;
}
}
&:nth-child(3),
&:nth-child(4) {
width: 31.882%;
aspect-ratio: 305 / 253;
> * {
aspect-ratio: 305 / 253;
}
}
}
}
}
&.intergrations,
&.success {
position: relative;
isolation: isolate;
overflow: hidden;
.element_container {
position: absolute;
z-index: -1;
right: calc(0px - var(--gap-xs));
bottom: calc(0px - var(--gap-s));
height: 96%;
max-height: 320px;
aspect-ratio: 1;
opacity: 0.3;
img {
aspect-ratio: 1;
}
}
}
&.intergrations {
.element_container {
max-height: 448px;
}
}
@media (width >= 992px) {
&.two_element_banner,
&.six_element_banner {
flex-direction: row;
align-items: center;
.content {
flex: 0 1 504px;
}
}
&.two_element_banner {
padding-inline: clamp(32px, 30.693vw + -272.475px, 280px);
.element_container {
flex: 0 1 660px;
}
}
&.six_element_banner {
padding-inline: clamp(32px, 16.832vw + -134.97px, 168px)
clamp(32px, 13.861vw + -105.505px, 144px);
.element_container {
flex: 0 1 957px;
}
}
&.intergrations,
&.success {
.content {
max-width: 704px;
}
}
&.success {
.element_container {
opacity: 1;
}
}
}
@media (width >= 1200px) {
&.intergrations {
.element_container {
opacity: 1;
}
}
}
}
@media (width >= 576px) {
padding-inline: var(--width-xl);
.banner_container {
border-radius: var(--border-radius-m);
}
}
}.fc_simple_content {
&.padding_full:has(#yith-store-locator) {
padding-inline: 0;
}
#yith-store-locator {
padding: 0 !important;
.wrapper-main-sections {
display: block;
height: initial;
> div {
width: 100% !important;
padding: 0;
}
#yith-sl-section-results {
padding: var(--gap-m) var(--gap-m) var(--padding-xs) var(--gap-m) !important;
.title-search-bar {
font-weight: 900;
font-size: clamp(25px, 0.899vw + 19.824px, 36px);
text-transform: inherit;
letter-spacing: inherit;
margin-bottom: 24px;
}
#yith-sl-wrap-search-stores {
position: relative;
}
#yith-search-store-container {
.wrap-search-bar {
width: 100%;
margin-bottom: 0;
.search-stores {
height: 50px;
border: 1px solid var(--color-black);
border-radius: var(--border-radius-max);
padding-left: 12px;
padding-right: 85px;
}
#yith-sl-search-icon {
width: 24px;
top: calc(50% - 12px);
right: 49px;
}
}
}
button#yith-sl-geolocation {
position: absolute;
width: 25px;
height: 25px;
border: none;
bottom: 12.5px;
right: 12px;
overflow: hidden;
padding: 0;
text-indent: -99999px;
background: transparent no-repeat center / contain
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' fill='none' viewBox='0 0 27 27'%3E%3Cpath fill='%23d60d8c' d='M14.658 1.158a1 1 0 1 0-2 0h2m-2 2.374a1 1 0 1 0 2 0h-2M14.5 23.31a1 1 0 1 0-2 0h2m-2 2.374a1 1 0 0 0 2 0h-2M1.316 12.342a1 1 0 1 0 0 2v-2m2.374 2a1 1 0 1 0 0-2v2M23.47 12.5a1 1 0 1 0 0 2v-2m2.373 2a1 1 0 1 0 0-2v2M13.737 7.606l.913-.409a1 1 0 0 0-1.813-.027zm5.103 11.392-.479.878a1 1 0 0 0 1.392-1.287zM13.62 16.15l.479-.878a1 1 0 0 0-.934-.012zm-5.34 2.73-.9-.436a1 1 0 0 0 1.355 1.326zM26 13.5h-1C25 19.851 19.851 25 13.5 25v2C20.956 27 27 20.956 27 13.5zM13.5 26v-1C7.149 25 2 19.851 2 13.5H0C0 20.956 6.044 27 13.5 27zM1 13.5h1C2 7.149 7.149 2 13.5 2V0C6.044 0 0 6.044 0 13.5zM13.5 1v1C19.851 2 25 7.149 25 13.5h2C27 6.044 20.956 0 13.5 0zm.158.158h-1v2.374h2V1.158zM13.5 23.31h-1v2.374h2V23.31zM1.316 13.342v1H3.69v-2H1.316zm22.153.158v1h2.373v-2h-2.373zm-9.732-5.894-.912.409 5.103 11.392.912-.409.913-.409L14.65 7.198zm5.103 11.392.48-.878-5.222-2.848-.48.878-.478.878 5.221 2.848zM13.62 16.15l-.455-.89-5.34 2.73.454.89.456.89 5.34-2.73zm-5.34 2.73.9.436 5.458-11.274-.9-.436-.9-.436-5.459 11.274z'/%3E%3C/svg%3E") !important;
}
.wrapper-filter {
margin-bottom: 0;
}
#yith-sl-main-filters-container {
margin-top: 24px;
}
}
#yith-sl-section-map {
#yith-sl-gmap {
height: 100% !important;
min-height: 677px;
}
}
}
#yith-sl-gmap .gm-style-iw {
background-color: var(--color-white);
border-radius: var(--border-radius-l);
padding: 0 !important;
box-shadow: 0 calc(var(--gap-xxs) / 2) calc(var(--gap-xxs) * 5) 0
hsl(from var(--color-black) h s l / 0.15);
.gm-style-iw-d {
padding: 0px 8px 24px 24px !important;
.store-info {
padding: 0 !important;
text-align: center;
.store-name {
font-size: clamp(20px, 0.327vw + 18.118px, 24px) !important;
line-height: 0.9;
color: var(--color-primary-pink);
margin: 0 0 24px 0 !important;
span {
margin: 0 !important;
}
}
.store-address,
.stockist-open-hours {
color: var(--color-black) !important;
font-size: 18px !important;
font-weight: 400 !important;
margin: 0 0 24px 0 !important;
}
.button {
padding: 20px 32px;
outline: none;
}
}
}
} @media (width >= 992px) {
.wrapper-main-sections {
#yith-sl-section-results {
display: flex;
gap: var(--gap-s);
max-width: 1280px;
margin-inline: auto;
#yith-sl-wrap-search-stores,
#yith-sl-main-filters-container {
flex-basis: calc(50% - (var(--gap-s) / 2));
#yith-sl-search-stores {
position: relative;
.wrap-buttons {
margin-bottom: 0;
}
}
}
}
}
}
}
}.tns-outer {
padding: 0 !important;
}
.tns-outer [hidden] {
display: none !important;
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
cursor: pointer;
}
.tns-slider {
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
.tns-slider > .tns-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
display: inline-block;
vertical-align: top;
white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
content: "";
display: table;
clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
margin-right: -100%;
}
.tns-no-calc {
position: relative;
left: 0;
}
.tns-gallery {
position: relative;
left: 0;
min-height: 1px;
}
.tns-gallery > .tns-item {
position: absolute;
left: -100%;
-webkit-transition:
transform 0s,
opacity 0s;
-moz-transition:
transform 0s,
opacity 0s;
transition:
transform 0s,
opacity 0s;
}
.tns-gallery > .tns-slide-active {
position: relative;
left: auto !important;
}
.tns-gallery > .tns-moving {
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
transition: all 0.25s;
}
.tns-autowidth {
display: inline-block;
}
.tns-lazy-img {
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
transition: opacity 0.6s;
opacity: 0.6;
}
.tns-lazy-img.tns-complete {
opacity: 1;
}
.tns-ah {
-webkit-transition: height 0s;
-moz-transition: height 0s;
transition: height 0s;
}
.tns-ovh {
overflow: hidden;
}
.tns-visually-hidden {
position: absolute;
left: -10000em;
}
.tns-transparent {
opacity: 0;
visibility: hidden;
}
.tns-fadeIn {
opacity: 1;
filter: alpha(opacity=100);
z-index: 0;
}
.tns-normal,
.tns-fadeOut {
opacity: 0;
filter: alpha(opacity=0);
z-index: -1;
}
.tns-vpfix {
white-space: nowrap;
}
.tns-vpfix > div,
.tns-vpfix > li {
display: inline-block;
}
.tns-t-subp2 {
margin: 0 auto;
width: 310px;
position: relative;
height: 10px;
overflow: hidden;
}
.tns-t-ct {
width: 2333.3333333%;
width: -webkit-calc(100% * 70 / 3);
width: -moz-calc(100% * 70 / 3);
width: calc(100% * 70 / 3);
position: absolute;
right: 0;
}
.tns-t-ct:after {
content: "";
display: table;
clear: both;
}
.tns-t-ct > div {
width: 1.4285714%;
width: -webkit-calc(100% / 70);
width: -moz-calc(100% / 70);
width: calc(100% / 70);
height: 10px;
float: left;
} .tns-controls {
display: flex;
gap: calc(var(--gap-s) / 2);
align-items: center;
right: 0;
justify-content: center;
}
.tns-controls button {
background: no-repeat center / contain
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none' viewBox='0 0 45 45'%3E%3Ccircle cx='22.5' cy='22.5' r='22' stroke='%23d60d8c' transform='rotate(-180 22.5 22.5)'/%3E%3Cpath fill='%23d60d8c' d='M12 23a1 1 0 1 1 0-2v2m20.707-1.707a1 1 0 0 1 0 1.414l-6.364 6.364a1 1 0 0 1-1.414-1.414L30.586 22l-5.657-5.657a1 1 0 0 1 1.414-1.414zM12 22v-1h20v2H12z'/%3E%3C/svg%3E");
width: 40px;
aspect-ratio: 1;
text-indent: -9999px;
overflow: hidden;
z-index: 5;
border: none;
transition: background 0.4s ease;
}
.bg_black .tns-controls button {
background: no-repeat center / contain
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none' viewBox='0 0 45 45'%3E%3Ccircle cx='22.5' cy='22.5' r='22' stroke='%23fff' transform='rotate(-180 22.5 22.5)'/%3E%3Cpath fill='%23fff' d='M12 23a1 1 0 1 1 0-2v2m20.707-1.707a1 1 0 0 1 0 1.414l-6.364 6.364a1 1 0 0 1-1.414-1.414L30.586 22l-5.657-5.657a1 1 0 0 1 1.414-1.414zM12 22v-1h20v2H12z'/%3E%3C/svg%3E");
}
.tns-controls button:hover {
background: no-repeat center / contain
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' fill='none' viewBox='0 0 45 45'%3E%3Ccircle cx='22.5' cy='22.5' r='22' fill='%23d60d8c' stroke='%23d60d8c' transform='rotate(-180 22.5 22.5)'/%3E%3Cpath fill='%23fff' d='M12 23a1 1 0 1 1 0-2v2m20.707-1.707a1 1 0 0 1 0 1.414l-6.364 6.364a1 1 0 0 1-1.414-1.414L30.586 22l-5.657-5.657a1 1 0 0 1 1.414-1.414zM12 22v-1h20v2H12z'/%3E%3C/svg%3E");
}
.tns-controls button:disabled {
opacity: 0.5;
}
.tns-controls button:nth-child(1) {
transform: rotate(180deg);
}
button[data-action="stop"] {
display: none;
}
@media (max-width: 850px) {
.tns-controls {
position: relative;
}
.tns-outer {
display: flex;
flex-direction: column-reverse;
}
}
.tns-outer {
display: flex;
flex-direction: column-reverse;
gap: var(--gap-m);
}
.flex-forward .tns-outer {
flex-direction: column;
}
.overflow-visible {
overflow: hidden;
.tns-ovh {
overflow: visible !important;
}
}.fc_icon_grid {
.slides--icons {
display: flex;
align-items: center;
justify-content: center;
gap: var(--gap-xxs);
margin: 0 auto;
overflow: hidden;
transition-timing-function: linear;
.tns-item {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
}
img {
max-height: 140px;
width: auto;
}
.tns-controls {
display: none;
}
&.padding_full {
padding-inline: 0;
}
}.gallery {
display: grid;
gap: clamp(10px, 3vw, 20px);
}
.gallery figure {
margin: 0;
}
.gallery .has_video {
position: relative;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
}
.gallery .has_video img {
grid-row-start: 1;
grid-column-start: 1;
}
.gallery .has_video::after {
display: block;
content: "";
background: center / 40px 40px no-repeat
url("data:image/svg+xml,%3csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m16 27 12-7-12-7v14Zm4-27a20 20 0 1 0 0 40 20 20 0 0 0 0-40Zm0 36a16 16 0 1 1 0-32 16 16 0 0 1 0 32Z' fill='%23fff'/%3e%3c/svg%3e");
opacity: 0.75;
transition: opacity 0.4s ease;
grid-row-start: 1;
grid-column-start: 1;
width: 100%;
height: 100%;
}
.gallery .has_video:hover::after {
opacity: 1;
}
.gallery a,
.gallery img {
display: block;
width: 100%;
}
.gallery-caption {
display: none;
}
.columns_1 {
grid-template-columns: repeat(1, 1fr);
}
.columns_2 {
grid-template-columns: repeat(2, 1fr);
}
.columns_3 {
grid-template-columns: repeat(3, 1fr);
}
.columns_4 {
grid-template-columns: repeat(4, 1fr);
}
.columns_5 {
grid-template-columns: repeat(5, 1fr);
}
.columns_6 {
grid-template-columns: repeat(6, 1fr);
}
.columns_7 {
grid-template-columns: repeat(7, 1fr);
}
.columns_8 {
grid-template-columns: repeat(8, 1fr);
}
.columns_9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery.columned_gallery_item {
display: block;
columns: 4;
column-gap: clamp(10px, 3vw, 20px);
}
.columned_gallery_item.columns_3 {
columns: 3;
}
.columned_gallery_item.columns_4 {
columns: 4;
}
.columned_gallery_item.columns_5 {
columns: 5;
}
.columned_gallery_item.columns_6 {
columns: 6;
}
.gallery.columned_gallery_item > figure {
display: inline-block;
}
.gallery.columned_gallery_item > figure {
display: block;
margin: 0 0 clamp(10px, 3vw, 20px) 0;
}
.gallery.row_gallery_item {
display: flex;
flex-wrap: wrap;
}
.gallery.row_gallery_item > figure {
--ratio: calc(var(--width)/var(--height));
--row-height: clamp(100px, 15vw, 250px);
flex-basis: calc(var(--ratio) * var(--row-height));
flex-grow: calc(var(--ratio) * 100);
}
@media (max-width: 1100px) {
.columned_gallery_item.columns_6 {
columns: 5;
}
.columns_9,
.columns_8,
.columns_7,
.columns_6 {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 1024px) {
.columned_gallery_item.columns_6,
.columned_gallery_item.columns_5 {
columns: 4;
}
.columns_9,
.columns_8,
.columns_7,
.columns_6,
.columns_5 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 750px) {
.columned_gallery_item.columns_6,
.columned_gallery_item.columns_5,
.columned_gallery_item.columns_4 {
columns: 3;
}
}
@media (max-width: 750px) {
.columns_9,
.columns_8,
.columns_7,
.columns_6,
.columns_5,
.columns_4 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 450px) {
.columned_gallery_item.columns_6,
.columned_gallery_item.columns_5,
.columned_gallery_item.columns_4,
.columned_gallery_item.columns_3 {
columns: 2;
}
}.glightbox-container {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999 !important;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
outline: none;
}
a.image {
&::before {
content: "";
position: absolute;
inset: 0;
background-color: hsl(from var(--color-black) h s l / 0.4);
opacity: 0;
transition:
background-color 0.4s ease,
opacity 0.4s ease;
}
&:hover {
&::before {
background-color: hsl(from var(--color-primary-pink) h s l / 0.4);
opacity: 1;
}
}
&.has_video {
position: relative;
isolation: isolate;
.has_video_icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: clamp(81px, 100vw + -239px, 162px);
height: clamp(85px, 104.938vw + -250.802px, 170px);
&::before,
&::after {
content: "";
position: absolute;
inset: 0;
}
&::before {
background: center / contain no-repeat
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='162' height='170' fill='none' viewBox='0 0 162 170'%3E%3Cpath fill='%23fff' d='m48.074 10.715 3.37-1.12 3.364 5.235-.055-6.336 3.14-1.043 3.817 5.085-.44-6.208 3.345-1.112-.325 10.195-3.096 1.03-3.656-4.855.038 6.057-3.113 1.035zM69.193 7.808l-3.524.12q.069-.938.363-1.507.3-.58.944-1.06.46-.346 1.314-.621.855-.274 1.871-.417 1.635-.228 2.651-.18 1.016.04 1.758.528.52.337.891 1.04.37.695.464 1.364l.586 4.187q.093.669.228 1.042.141.362.51.911l-3.41.477a3.6 3.6 0 0 1-.346-.515 4.4 4.4 0 0 1-.21-.59q-.618.787-1.282 1.18-.909.528-2.185.707-1.695.237-2.69-.425-.984-.663-1.145-1.814-.152-1.08.385-1.865.537-.786 2.194-1.363 1.986-.697 2.57-.942.585-.255 1.225-.618-.093-.669-.408-.898-.314-.23-1.01-.132-.892.125-1.3.473-.316.272-.444.918m3.418 1.47a17 17 0 0 1-1.496.69q-1.065.45-1.32.777-.263.337-.21.712.06.429.393.664.342.225.922.144a2.26 2.26 0 0 0 1.083-.452q.486-.368.64-.817.164-.46.07-1.138zM81.488 0l.068 3.64 2.018-.037.05 2.677-2.019.037.063 3.397q.012.614.133.81.185.302.636.294.406-.008 1.131-.255l.318 2.527q-1.357.323-2.536.344-1.37.026-2.025-.314a2.17 2.17 0 0 1-.984-1.045q-.32-.715-.35-2.32l-.062-3.37-1.352.025-.05-2.676 1.352-.025-.033-1.757zM91.634 10.255l3.43.748a4.9 4.9 0 0 1-1.134 1.787 4.4 4.4 0 0 1-1.802 1.058q-1.058.335-2.627.175-1.515-.154-2.5-.535a4.5 4.5 0 0 1-1.638-1.092 4.7 4.7 0 0 1-.987-1.604q-.326-.894-.182-2.302.15-1.47.752-2.397a4.4 4.4 0 0 1 1.135-1.18q.695-.508 1.396-.718 1.112-.33 2.78-.16 2.332.238 3.465 1.196 1.144.96 1.473 2.615l-3.48.107q-.1-.627-.5-.975-.389-.357-1.106-.43-.906-.093-1.537.504-.623.589-.756 1.907-.12 1.175.373 1.841.495.666 1.355.755.717.073 1.239-.246.53-.317.85-1.054M97.794 1.6l3.554.91-1.207 4.715q.917-.566 1.716-.706t1.776.11q1.45.371 2.054 1.466.612 1.095.145 2.921l-1.508 5.894-3.571-.914 1.305-5.1q.223-.872-.008-1.313-.23-.45-.815-.6a1.33 1.33 0 0 0-1.173.222q-.525.386-.85 1.652l-1.14 4.453-3.554-.91zM111.453 14.551q1-1.947 2.963-2.53 1.965-.591 4.202.558 2.557 1.315 3.101 3.47.436 1.734-.462 3.481-1.009 1.965-2.963 2.551-1.941.584-4.242-.6-2.052-1.054-2.783-2.748-.891-2.09.184-4.182m3.274 1.673q-.585 1.14-.408 1.919.184.783.882 1.142.706.363 1.431.056.733-.302 1.342-1.488.57-1.107.388-1.878-.177-.78-.85-1.126a1.66 1.66 0 0 0-1.463-.053q-.744.306-1.322 1.428M127.364 29.889l-2.776-2.006.908-1.257q-1.18.326-2.053.195-.867-.125-1.787-.79-1.227-.887-1.401-2.124-.16-1.239.943-2.766l3.568-4.939 2.988 2.16-3.083 4.266q-.527.73-.479 1.232.05.502.538.856.534.385 1.165.22.639-.162 1.405-1.221l2.697-3.733 2.973 2.148zM134.539 23.465l2.515 2.338-1.068 1.148q1.056-.408 1.697-.33.654.08 1.221.607.594.552.957 1.578l-2.611 1.141q-.292-.64-.569-.897a1.27 1.27 0 0 0-1.223-.326q-.987.228-2.552 1.911l-2.185 2.35-2.699-2.51zM143.454 32.473l2.261 3.08-3.791 5.087 6.026-2.042 2.192 2.987-10.122 2.386-1.925-2.623zM153.721 40.578l1.86 3.162-2.152 1.265-1.86-3.161zm-3.138 1.846 1.86 3.162-8.25 4.853-1.861-3.161zM160.803 55.224l-12.08 5.354-1.391-3.14 1.293-.573q-1.116-.294-1.645-.71a3.76 3.76 0 0 1-1.095-1.447q-.792-1.788.147-3.339.944-1.541 2.888-2.403 2.177-.965 3.789-.437 1.618.534 2.33 2.142.347.783.364 1.534a3.5 3.5 0 0 1-.287 1.488l4.186-1.855zm-9.17.042q1.03-.458 1.339-1.116a1.52 1.52 0 0 0 .022-1.33q-.26-.586-.921-.766t-1.807.328q-1.071.474-1.395 1.1-.311.632-.045 1.233.285.644.978.849.692.206 1.829-.298M155.438 70.454l-1.932-7.096q-.826.327-1.144.807-.46.675-.236 1.502.142.522.531.92.244.243.751.46l.628 3.574q-1.61-.42-2.526-1.386-.908-.966-1.483-3.08-.5-1.836-.273-3.027.235-1.194 1.167-2.196.944-.995 2.466-1.409 2.165-.59 3.881.429 1.718 1.026 2.383 3.47.54 1.983.253 3.294a4.2 4.2 0 0 1-1.264 2.222q-.975.91-2.802 1.407zm.716-4.062q.997-.384 1.318-.956.322-.565.124-1.295a1.66 1.66 0 0 0-1.037-1.166q-.505-.208-1.355-.07zM156.316 70.613q2.175-.252 3.751 1.054 1.584 1.305 1.873 3.803.33 2.856-1.158 4.507-1.198 1.328-3.15 1.553-2.193.253-3.768-1.043-1.564-1.29-1.861-3.86-.266-2.291.735-3.84 1.241-1.904 3.578-2.174m.431 3.652q-1.272.147-1.821.728-.549.59-.459 1.368.091.788.749 1.22.658.441 1.984.288 1.236-.143 1.776-.722.55-.582.463-1.333a1.66 1.66 0 0 0-.77-1.245q-.668-.449-1.922-.304M161.992 93.267l-.74 3.474-6.218.252 5.492 3.159-.689 3.236-6.318.719 5.577 2.763-.734 3.447-8.628-5.44.679-3.192 6.037-.696-5.243-3.032.683-3.21zM153.818 112.955l1.674-3.103q.774.533 1.118 1.073.348.552.44 1.35.067.573-.128 1.448a11 11 0 0 1-.584 1.826q-.626 1.525-1.182 2.379-.547.858-1.342 1.252-.553.28-1.348.245a4.1 4.1 0 0 1-1.411-.287l-3.911-1.606q-.625-.258-1.014-.329-.385-.061-1.044-.02l1.308-3.185q.42-.051.619-.038.208.017.615.116-.367-.93-.373-1.702.004-1.051.493-2.243.65-1.584 1.723-2.108 1.07-.516 2.145-.074 1.01.414 1.416 1.273.408.859.07 2.582-.4 2.066-.483 2.695-.075.632-.085 1.368.625.257.982.101.356-.155.623-.806.343-.833.247-1.36-.075-.41-.568-.847m-2.993 2.21q.037-.803.157-1.64.15-1.147-.004-1.532-.159-.396-.509-.54a.93.93 0 0 0-.771.005q-.367.18-.59.722a2.26 2.26 0 0 0-.156 1.164q.073.605.383.966.315.372.948.633zM154.339 127.516l-3.173-1.786-.99 1.76-2.333-1.313.99-1.76-2.961-1.666q-.535-.3-.765-.296-.355.007-.576.4-.199.354-.353 1.105l-2.34-1.007q.408-1.332.987-2.361.672-1.194 1.297-1.587a2.17 2.17 0 0 1 1.4-.319q.778.087 2.176.874l2.938 1.653.663-1.179 2.333 1.313-.663 1.178 1.532.862zM140.35 131.057l-2.388 2.574a4.94 4.94 0 0 1-.963-1.884 4.4 4.4 0 0 1 .005-2.09q.248-1.082 1.183-2.352.903-1.227 1.732-1.881a4.5 4.5 0 0 1 1.772-.856 4.7 4.7 0 0 1 1.883-.035q.935.174 2.075 1.013 1.19.876 1.682 1.865.362.725.44 1.577a4.6 4.6 0 0 1-.091 1.567q-.28 1.126-1.274 2.476-1.389 1.887-2.791 2.377-1.407.498-3-.059l1.676-3.053q.59.233 1.093.066.505-.155.933-.735.54-.732.346-1.58-.191-.835-1.258-1.62-.951-.7-1.776-.614-.824.087-1.337.784-.428.58-.419 1.192.004.618.477 1.268M144.68 140.757l-2.586 2.601-3.452-3.431q.022 1.077-.262 1.837t-.996 1.475q-1.056 1.06-2.304 1.027-1.256-.028-2.592-1.357l-4.315-4.288 2.599-2.615 3.733 3.711q.64.635 1.136.659.504.03.93-.398.47-.472.404-1.123-.066-.65-.992-1.571l-3.261-3.24 2.586-2.602zM126.594 145.973q1.174 1.848.687 3.835-.484 1.995-2.606 3.344-2.426 1.542-4.561.923-1.716-.5-2.771-2.158-1.184-1.863-.704-3.846.478-1.97 2.661-3.357 1.948-1.238 3.778-1.013 2.255.286 3.516 2.272m-3.098 1.98q-.687-1.08-1.449-1.322-.77-.237-1.432.184a1.62 1.62 0 0 0-.771 1.206q-.111.786.606 1.911.666 1.05 1.424 1.284.763.241 1.402-.165.676-.43.784-1.235.113-.798-.564-1.863M105.318 151.956l3.134-1.382.625 1.418q.316-1.184.869-1.871.546-.684 1.585-1.143 1.385-.611 2.54-.136 1.152.488 1.912 2.211l2.46 5.574-3.373 1.488-2.125-4.815q-.363-.825-.822-1.037t-1.01.033a1.33 1.33 0 0 0-.778.894q-.183.633.344 1.829l1.86 4.213-3.356 1.481zM107.235 161.392l-3.29.986-.45-1.503q-.182 1.119-.574 1.631-.399.524-1.141.746-.777.233-1.846.026l.338-2.83q.699.073 1.062-.035.69-.207.9-.891.303-.966-.356-3.168l-.921-3.073 3.531-1.058zM94.945 164.507l-3.802.384-2.457-5.848-1.3 6.228-3.686.372 3.082-9.932 3.237-.327zM82.743 169.237l-3.668-.007.005-2.497 3.668.007zm.007-3.642-3.668-.006.018-9.572 3.668.006zM66.55 167.929l1.486-13.129 3.412.386-.159 1.406q.819-.815 1.445-1.061a3.8 3.8 0 0 1 1.802-.214q1.942.22 2.806 1.815.854 1.593.615 3.706-.268 2.365-1.538 3.491-1.28 1.125-3.026.928a4 4 0 0 1-1.508-.461 3.5 3.5 0 0 1-1.139-1l-.514 4.55zm4.6-7.933q-.127 1.119.285 1.719.412.61 1.138.691.636.072 1.125-.408.49-.479.63-1.724.133-1.164-.245-1.76-.387-.588-1.04-.662a1.48 1.48 0 0 0-1.226.414q-.528.494-.668 1.73M56.118 155.609l7.1 1.915q.135-.879-.118-1.395-.351-.738-1.178-.962a2.1 2.1 0 0 0-1.062-.006q-.332.087-.775.416l-3.403-1.263q1.176-1.176 2.472-1.48 1.293-.296 3.407.275 1.837.495 2.751 1.292.912.806 1.306 2.117.382 1.317-.029 2.839-.585 2.168-2.33 3.134-1.753.965-4.199.305-1.983-.535-2.97-1.445a4.2 4.2 0 0 1-1.28-2.213q-.293-1.301.2-3.129zm3.145 2.668q-.173 1.056.16 1.621.324.564 1.055.761a1.66 1.66 0 0 0 1.53-.306q.435-.332.744-1.134zM55.54 156.287q-.883 2.004-2.806 2.703-1.927.708-4.229-.306-2.631-1.158-3.303-3.276-.54-1.706.252-3.504.891-2.02 2.805-2.723 1.903-.699 4.27.344 2.113.93 2.943 2.576 1.016 2.032.067 4.186m-3.37-1.474q.516-1.171.293-1.939-.23-.772-.949-1.088a1.62 1.62 0 0 0-1.431.03q-.714.345-1.251 1.566-.502 1.139-.275 1.898.223.768.916 1.073.735.324 1.463-.035.726-.35 1.234-1.505M33.143 149.694l-2.62-2.397 2.934-5.489-5.507 3.134-2.44-2.233 2.582-5.811-5.208 3.408-2.6-2.38 9.062-4.682 2.407 2.203-2.459 5.557 5.272-2.983 2.42 2.215zM20.308 132.676l1.83 3.012q-.85.4-1.49.423-.654.021-1.387-.304-.529-.231-1.186-.842a11 11 0 0 1-1.28-1.427q-.998-1.311-1.455-2.222-.463-.906-.4-1.791.038-.618.47-1.287.424-.663.961-1.073l3.363-2.561q.537-.41.797-.709.246-.301.545-.891l2.086 2.739a3.6 3.6 0 0 1-.28.553q-.12.17-.412.472.99.153 1.657.539.906.534 1.687 1.56 1.037 1.362.947 2.552-.096 1.184-1.02 1.888-.868.661-1.815.578-.947-.082-2.263-1.245-1.58-1.39-2.08-1.78a13 13 0 0 0-1.139-.765q-.538.41-.583.796-.046.387.38.946.546.717 1.049.9.391.143 1.018-.061m-.394-3.7q.675.438 1.336.965.914.709 1.324.771.421.063.723-.166a.94.94 0 0 0 .386-.668q.03-.408-.325-.874a2.26 2.26 0 0 0-.925-.723q-.56-.243-1.027-.158-.48.083-1.026.498zM7.48 125.77l3.144-1.837-1.019-1.743 2.311-1.351 1.02 1.742 2.932-1.714q.53-.31.642-.511.172-.31-.054-.699-.205-.35-.776-.862l2.05-1.512q.944 1.024 1.54 2.044.691 1.183.715 1.92a2.17 2.17 0 0 1-.431 1.37q-.468.628-1.853 1.438l-2.91 1.701.682 1.167-2.31 1.351-.683-1.167-1.517.887zM11.491 111.906l-1.015-3.36a4.9 4.9 0 0 1 2.113.121q.99.29 1.8 1.059.81.761 1.433 2.21.601 1.4.748 2.445.134 1.041-.157 1.961a4.7 4.7 0 0 1-.921 1.643q-.623.72-1.923 1.279-1.357.585-2.46.509a4.4 4.4 0 0 1-1.582-.417 4.6 4.6 0 0 1-1.307-.87q-.829-.811-1.493-2.351-.926-2.153-.641-3.609.281-1.466 1.568-2.559l1.787 2.989q-.5.391-.61.91-.122.513.163 1.176.36.836 1.189 1.097.818.256 2.034-.267 1.084-.467 1.426-1.222.342-.756 0-1.551-.285-.662-.817-.963-.535-.31-1.335-.23M.932 110.73 0 107.182l4.707-1.236q-.94-.528-1.45-1.157-.51-.63-.766-1.607-.381-1.447.282-2.506.66-1.068 2.483-1.547l5.884-1.545.937 3.565-5.091 1.337q-.872.23-1.145.646-.28.418-.128 1.002.17.645.763.918.594.273 1.858-.059l4.446-1.168.932 3.548zM5.62 92.492q-2.188.079-3.655-1.349Q.49 89.718.4 87.203q-.102-2.873 1.512-4.4 1.3-1.228 3.263-1.298 2.207-.079 3.674 1.34 1.456 1.408 1.549 3.993.082 2.307-1.038 3.771-1.389 1.8-3.74 1.883m-.14-3.675q1.28-.045 1.874-.58.594-.545.566-1.328a1.62 1.62 0 0 0-.65-1.276q-.622-.492-1.954-.444-1.245.044-1.829.579-.594.535-.567 1.292.03.801.669 1.302.63.501 1.892.456M11.261 71.14l-.404 3.4-1.54-.182q.859.873 1.169 1.7.311.817.177 1.945-.178 1.504-1.176 2.257-1.005.742-2.875.52l-6.05-.72.435-3.66 5.226.622q.896.105 1.31-.18.417-.287.487-.887a1.32 1.32 0 0 0-.374-1.124q-.451-.48-1.75-.635l-4.573-.543.433-3.643zM2.147 68.012l.797-3.34 1.525.364q-.876-.719-1.122-1.315-.254-.607-.074-1.361.188-.79.903-1.61l2.279 1.711q-.414.568-.502.937-.167.701.32 1.225.683.746 2.919 1.28l3.12.744-.854 3.586zM5.64 55.807l1.595-3.473 6.287.845-4.71-4.277 1.545-3.366 7.002 7.69L16 56.182zM7.75 42.884l1.867-3.157 2.148 1.27-1.867 3.158zm3.133 1.854 1.868-3.157 8.238 4.873-1.867 3.157zM17.075 29.593l10.57 7.928-2.06 2.747-1.132-.849q.288 1.118.184 1.783a3.75 3.75 0 0 1-.729 1.662q-1.173 1.565-2.985 1.502-1.806-.07-3.508-1.347-1.904-1.427-2.231-3.093-.322-1.673.732-3.079.513-.684 1.16-1.067.653-.39 1.439-.476l-3.663-2.747zm4.513 7.982q-.9-.675-1.628-.623a1.52 1.52 0 0 0-1.171.63q-.384.513-.218 1.178.165.665 1.168 1.417.937.702 1.642.68.704-.037 1.098-.563.422-.563.263-1.267-.159-.705-1.154-1.452M33 26.862l-5.26 5.139q.687.563 1.26.608.816.072 1.428-.525.387-.378.546-.912.093-.33.036-.879l2.819-2.286q.414 1.611.017 2.88-.404 1.264-1.971 2.794-1.361 1.329-2.512 1.71-1.159.375-2.487.048-1.328-.34-2.43-1.47-1.568-1.605-1.512-3.6.06-2 1.874-3.77 1.47-1.435 2.755-1.822a4.2 4.2 0 0 1 2.556.024q1.269.41 2.592 1.765zm-3.897 1.35q-.82-.686-1.477-.687-.65-.007-1.191.521a1.66 1.66 0 0 0-.515 1.473q.064.543.598 1.218zM32.711 26.02q-1.273-1.781-.893-3.792.375-2.017 2.42-3.48 2.34-1.671 4.505-1.169 1.741.407 2.884 2.005 1.284 1.797.91 3.803-.37 1.992-2.475 3.496-1.877 1.342-3.717 1.216-2.266-.165-3.634-2.078m2.987-2.144q.744 1.041 1.518 1.241.782.195 1.42-.261.645-.461.705-1.246.067-.79-.709-1.875-.723-1.012-1.492-1.205-.774-.2-1.39.24-.653.466-.717 1.276-.069.802.665 1.83'/%3E%3C/svg%3E");
animation: rotate 16s linear infinite;
}
&::after {
background: center / contain no-repeat
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='162' height='170' fill='none' viewBox='0 0 162 170'%3E%3CforeignObject width='310' height='317.24' x='-74' y='-74'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(37px);clip-path:url(%23a);height:100%25;width:100%25'/%3E%3C/foreignObject%3E%3Cpath fill='%23d60d8c' d='M115.32 85.725c1.334-.77 1.334-2.695 0-3.465L65.944 53.753c-1.333-.77-3 .192-3 1.732V112.5c0 1.54 1.667 2.502 3 1.732z' data-figma-bg-blur-radius='74'/%3E%3Cdefs%3E%3CclipPath id='a' transform='translate(74 74)'%3E%3Cpath d='M0 0h162v169.24H0z'/%3E%3Cpath d='M115.32 85.725c1.334-.77 1.334-2.695 0-3.465L65.944 53.753c-1.333-.77-3 .192-3 1.732V112.5c0 1.54 1.667 2.502 3 1.732z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
}
&::before {
opacity: 1;
}
&:hover {
&.has_video {
.has_video_icon {
&::before {
animation-play-state: paused;
}
}
}
}
}
}
.glightbox-container.inactive {
display: none;
}
.glightbox-container .gcontainer {
position: relative;
width: 100%;
height: 100%;
z-index: 9999;
overflow: hidden;
}
.glightbox-container .gslider {
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition:
transform 0.4s ease,
-webkit-transform 0.4s ease;
height: 100%;
left: 0;
top: 0;
width: 100%;
position: relative;
overflow: hidden;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.glightbox-container .gslide {
width: 100%;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
}
.glightbox-container .gslide.current {
opacity: 1;
z-index: 99999;
position: relative;
}
.glightbox-container .gslide.prev {
opacity: 1;
z-index: 9999;
}
.glightbox-container .gslide-inner-content {
width: 100%;
}
.glightbox-container .ginner-container {
position: relative;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 100%;
margin: auto;
height: 100vh;
}
.glightbox-container .ginner-container.gvideo-container {
width: 100%;
}
.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
max-width: 100% !important;
}
.gslide iframe,
.gslide video {
outline: none !important;
border: none;
min-height: 165px;
-webkit-overflow-scrolling: touch;
-ms-touch-action: auto;
touch-action: auto;
}
.gslide:not(.current) {
pointer-events: none;
}
.gslide-image {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.gslide-image img {
max-height: 100vh;
display: block;
padding: 0;
float: none;
outline: none;
border: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
max-width: 100vw;
width: auto;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-ms-touch-action: none;
touch-action: none;
margin: auto;
min-width: 200px;
}
.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
width: auto;
}
.desc-left .gslide-image img,
.desc-right .gslide-image img {
width: auto;
max-width: 100%;
}
.gslide-image img.zoomable {
position: relative;
}
.gslide-image img.dragging {
cursor: -webkit-grabbing !important;
cursor: grabbing !important;
-webkit-transition: none;
transition: none;
}
.gslide-video {
position: relative;
max-width: 100vh;
width: 100% !important;
}
.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
display: none;
}
.gslide-video .gvideo-wrapper {
width: 100%; margin: auto;
}
.gslide-video::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 0, 0, 0.34);
display: none;
}
.gslide-video.playing::before {
display: none;
}
.gslide-video.fullscreen {
max-width: 100% !important;
min-width: 100%;
height: 75vh;
}
.gslide-video.fullscreen video {
max-width: 100% !important;
width: 100% !important;
}
.gslide-inline {
background: #fff;
text-align: left;
max-height: calc(100vh - 40px);
overflow: auto;
max-width: 100%;
margin: auto;
}
.gslide-inline .ginlined-content {
padding: 20px;
width: 100%;
}
.gslide-inline .dragging {
cursor: -webkit-grabbing !important;
cursor: grabbing !important;
-webkit-transition: none;
transition: none;
}
.ginlined-content {
overflow: auto;
display: block !important;
opacity: 1;
}
.gslide-external {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
min-width: 100%;
background: #fff;
padding: 0;
overflow: auto;
max-height: 75vh;
height: 100%;
}
.gslide-media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto;
}
.zoomed .gslide-media {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.desc-top .gslide-media,
.desc-bottom .gslide-media {
margin: 0 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.gslide-description {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
}
.gslide-description.description-left,
.gslide-description.description-right {
max-width: 100%;
}
.gslide-description.description-bottom,
.gslide-description.description-top {
margin: 0 auto;
width: 100%;
}
.gslide-description p {
margin-bottom: 12px;
}
.gslide-description p:last-child {
margin-bottom: 0;
}
.zoomed .gslide-description {
display: none;
}
.glightbox-button-hidden {
display: none;
} .glightbox-mobile .glightbox-container .gslide-description {
height: auto !important;
width: 100%;
position: absolute;
bottom: 0;
padding: 19px 11px;
max-width: 100vw !important;
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
max-height: 78vh;
overflow: auto !important;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(0, 0, 0, 0)),
to(rgba(0, 0, 0, 0.75))
);
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.75) 100%
);
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
padding-bottom: 50px;
}
.glightbox-mobile .glightbox-container .gslide-title {
color: #fff;
font-size: 1em;
}
.glightbox-mobile .glightbox-container .gslide-desc {
color: #a1a1a1;
}
.glightbox-mobile .glightbox-container .gslide-desc a {
color: #fff;
font-weight: bold;
}
.glightbox-mobile .glightbox-container .gslide-desc * {
color: inherit;
}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
color: #fff;
opacity: 0.4;
}
.gdesc-open .gslide-media {
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
opacity: 0.4;
}
.gdesc-open .gdesc-inner {
padding-bottom: 30px;
}
.gdesc-closed .gslide-media {
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
opacity: 1;
}
.greset {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.gabsolute {
position: absolute;
}
.grelative {
position: relative;
}
.glightbox-desc {
display: none !important;
}
.glightbox-open {
overflow: hidden;
}
.gloader {
height: 25px;
width: 25px;
-webkit-animation: lightboxLoader 0.8s infinite linear;
animation: lightboxLoader 0.8s infinite linear;
border: 2px solid #fff;
border-right-color: transparent;
border-radius: 50%;
position: absolute;
display: block;
z-index: 9999;
left: 0;
right: 0;
margin: 0 auto;
top: 47%;
}
.goverlay {
width: 100%;
height: calc(100vh + 1px);
position: fixed;
top: -1px;
left: 0;
background: #000;
will-change: opacity;
}
.glightbox-mobile .goverlay {
background: #000;
}
.gprev,
.gnext,
.gclose {
z-index: 99999;
cursor: pointer;
width: 26px;
height: 44px;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.gprev svg,
.gnext svg,
.gclose svg {
display: block;
width: 25px;
height: auto;
margin: 0;
padding: 0;
}
.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
opacity: 0.1;
}
.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
stroke: #fff;
}
.gbtn.focused {
outline: 2px solid #0f3d81;
}
iframe.wait-autoplay {
opacity: 0;
}
.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
opacity: 0 !important;
} .glightbox-clean .gslide-description {
background: #fff;
}
.glightbox-clean .gdesc-inner {
padding: 22px 20px;
}
.glightbox-clean .gslide-title {
font-size: 1em;
font-weight: normal;
font-family: arial;
color: #000;
margin-bottom: 19px;
line-height: 1.4em;
}
.glightbox-clean .gslide-desc {
font-size: 0.86em;
margin-bottom: 0;
font-family: arial;
line-height: 1.4em;
}
.glightbox-clean .gslide-video {
background: #000;
}
.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
background-color: rgba(0, 0, 0, 0.75);
border-radius: 4px;
}
.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
fill: #fff;
}
.glightbox-clean .gprev {
position: absolute;
top: -100%;
left: 30px;
width: 40px;
height: 50px;
}
.glightbox-clean .gnext {
position: absolute;
top: -100%;
right: 30px;
width: 40px;
height: 50px;
}
.glightbox-clean .gclose {
width: 35px;
height: 35px;
top: 15px;
right: 10px;
position: absolute;
}
.glightbox-clean .gclose svg {
width: 18px;
height: auto;
}
.glightbox-clean .gclose:hover {
opacity: 1;
} .gfadeIn {
-webkit-animation: gfadeIn 0.4s ease;
animation: gfadeIn 0.4s ease;
}
.gfadeOut {
-webkit-animation: gfadeOut 0.4s ease;
animation: gfadeOut 0.4s ease;
}
.gslideOutLeft {
-webkit-animation: gslideOutLeft 0.4s ease;
animation: gslideOutLeft 0.4s ease;
}
.gslideInLeft {
-webkit-animation: gslideInLeft 0.4s ease;
animation: gslideInLeft 0.4s ease;
}
.gslideOutRight {
-webkit-animation: gslideOutRight 0.4s ease;
animation: gslideOutRight 0.4s ease;
}
.gslideInRight {
-webkit-animation: gslideInRight 0.4s ease;
animation: gslideInRight 0.4s ease;
}
.gzoomIn {
-webkit-animation: gzoomIn 0.4s ease;
animation: gzoomIn 0.4s ease;
}
.gzoomOut {
-webkit-animation: gzoomOut 0.4s ease;
animation: gzoomOut 0.4s ease;
}
@-webkit-keyframes lightboxLoader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes lightboxLoader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes gfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes gfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes gfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes gfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes gslideInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0);
}
to {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes gslideInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0);
}
to {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes gslideOutLeft {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0);
opacity: 0;
visibility: hidden;
}
}
@keyframes gslideOutLeft {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(-60%, 0, 0);
transform: translate3d(-60%, 0, 0);
opacity: 0;
visibility: hidden;
}
}
@-webkit-keyframes gslideInRight {
from {
opacity: 0;
visibility: visible;
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes gslideInRight {
from {
opacity: 0;
visibility: visible;
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-webkit-keyframes gslideOutRight {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
opacity: 0;
}
}
@keyframes gslideOutRight {
from {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
opacity: 0;
}
}
@-webkit-keyframes gzoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 1;
}
}
@keyframes gzoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 1;
}
}
@-webkit-keyframes gzoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes gzoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@media (min-width: 769px) {
.glightbox-container .ginner-container {
width: auto;
height: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.glightbox-container .ginner-container.desc-top .gslide-description {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.glightbox-container .ginner-container.desc-top .gslide-image,
.glightbox-container .ginner-container.desc-top .gslide-image img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.glightbox-container .ginner-container.desc-left .gslide-description {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.glightbox-container .ginner-container.desc-left .gslide-image {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.gslide-image img {
max-height: 97vh;
max-width: 100%;
}
.gslide-image img.zoomable {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.zoomed .gslide-image img.zoomable {
cursor: -webkit-grab;
cursor: grab;
}
.gslide-inline {
max-height: 95vh;
}
.gslide-external {
max-height: 100vh;
}
.gslide-description.description-left,
.gslide-description.description-right {
max-width: 275px;
}
.glightbox-open {
height: auto;
}
.goverlay {
background: rgba(0, 0, 0, 0.92);
}
.glightbox-clean .gslide-media {
-webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
}
.glightbox-clean .description-left .gdesc-inner,
.glightbox-clean .description-right .gdesc-inner {
position: absolute;
height: 100%;
overflow-y: auto;
}
.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
background-color: rgba(0, 0, 0, 0.32);
}
.glightbox-clean .gprev:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gclose:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.glightbox-clean .gprev {
top: 45%;
}
.glightbox-clean .gnext {
top: 45%;
}
}
@media (min-width: 992px) {
.glightbox-clean .gclose {
opacity: 0.7;
right: 20px;
}
}
@media (max-width: 640px) {
.has_video::after {
background: top / 40px 40px no-repeat
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='81' fill='none'%3E%3Cpath fill='%23fff' d='m30.3 57.5 26.7-17-26.7-17v34Zm9.7 23c-5.467 0-10.633-1.05-15.5-3.15-4.867-2.1-9.117-4.966-12.75-8.6-3.633-3.633-6.5-7.883-8.6-12.75C1.05 51.134 0 45.967 0 40.5c0-5.533 1.05-10.733 3.15-15.6 2.1-4.866 4.967-9.1 8.6-12.7 3.633-3.6 7.883-6.45 12.75-8.55C29.367 1.55 34.533.5 40 .5c5.533 0 10.733 1.05 15.6 3.15 4.867 2.1 9.1 4.95 12.7 8.55 3.6 3.6 6.45 7.834 8.55 12.7C78.95 29.767 80 34.967 80 40.5c0 5.467-1.05 10.634-3.15 15.5-2.1 4.867-4.95 9.117-8.55 12.75-3.6 3.634-7.833 6.5-12.7 8.6-4.867 2.1-10.067 3.15-15.6 3.15Zm0-6c9.467 0 17.5-3.316 24.1-9.95C70.7 57.917 74 49.9 74 40.5c0-9.466-3.3-17.5-9.9-24.1C57.5 9.8 49.467 6.5 40 6.5c-9.4 0-17.417 3.3-24.05 9.9C9.317 23 6 31.034 6 40.5c0 9.4 3.317 17.417 9.95 24.05C22.583 71.184 30.6 74.5 40 74.5Z'/%3E%3C/svg%3E");
height: 65px;
}
}
@media screen and (max-height: 420px) {
.goverlay {
background: #000;
}
}.fc_split_content {
display: flex;
flex-direction: column;
gap: var(--gap-xxl);
.content,
.image {
flex: 1 1 50%;
}
.image {
border-radius: var(--border-radius-m);
overflow: hidden;
aspect-ratio: 5 / 3;
position: relative;
isolation: isolate;
} @media (width >= 992px) {
flex-direction: row;
align-items: center;
.content {
flex-basis: 520px;
}
.image {
flex-basis: 576px;
}
&.padding_full {
.image {
height: 600px;
}
&.left {
padding-left: var(--width-s);
padding-right: 0;
.image {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
&.right {
padding-left: 0;
padding-right: var(--width-s);
.image {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
}
}
&.right {
flex-direction: row-reverse;
}
}
}.fc_call_to_action {
--color-text: var(--color-white);
--color-headings: var(--color-white);
color: var(--color-text);
position: relative;
isolation: isolate;
.highlight {
color: var(--color-black);
}
.wp_content {
> *:not(.button) {
margin-bottom: var(--padding-xs);
}
> :last-child {
margin-bottom: 0;
}
}
.banner_image,
.banner_video {
position: absolute;
z-index: -2;
inset: 0;
overflow: hidden;
}
.banner_video {
iframe {
position: absolute;
top: 50%;
left: 50%;
min-width: 100.5%;
min-height: 100%;
aspect-ratio: 16 / 9;
transform: translate(-50%, -50%);
pointer-events: none;
}
}
&::after {
content: "";
position: absolute;
z-index: -1;
inset: 0;
background-color: hsl(from var(--color-primary-pink) h s l / 0.6);
}
}.fc_content_repeater {
&.link {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--gap-xs);
.link_item {
border: 1px solid var(--color-text);
border-radius: var(--border-radius-max);
padding: 20px 40px;
font-weight: 400;
transition:
background-color 0.4s ease,
border-color 0.4s ease,
color 0.4s ease;
&:hover {
color: var(--color-text);
background-color: var(--color-secondary-pink);
}
}
}
&.standard,
&.numbered {
display: grid;
gap: var(--gap-s);
grid-template-columns: repeat(1, 1fr);
.content {
border: 1px solid var(--color-text);
padding: var(--gap-s);
border-radius: var(--border-radius-m);
transition:
background-color 0.4s ease,
color 0.4s ease;
} @media (width >= 576px) {
&.grid_2,
&.grid_4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (width >= 768px) {
&.grid_3 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (width >= 992px) {
&.grid_4 {
grid-template-columns: repeat(4, 1fr);
}
}
}
&.numbered {
.content {
counter-increment: numbered-cards;
padding: var(--gap-l) var(--gap-s) var(--gap-s) var(--gap-s);
&::before {
content: counter(numbered-cards) ".";
display: block;
font-weight: 900;
line-height: 0.9;
letter-spacing: -3px;
font-size: clamp(34px, 2.124vw + 21.765px, 60px);
margin-bottom: var(--gap-xs);
color: var(--color-primary-pink);
}
}
} &.bg_black {
&.link {
.link_item {
&:hover {
color: var(--color-grey-text);
}
}
}
}
}.fc_column_content {
display: flex;
flex-direction: column;
gap: var(--gap-xxl); &.top {
align-items: flex-start;
}
&.center {
align-items: center;
}
&.bottom {
align-items: flex-end;
}
&.stretch {
align-items: stretch;
}
.mobile_left {
text-align: left;
}
.mobile_centre {
text-align: center;
}
.mobile_right {
text-align: right;
}
> .left,
> .right {
width: 100%;
} @media (width >= 992px) {
flex-direction: row; &[class*="ratio_"] {
--left: 50%;
--right: 50%;
}
&.ratio_30_70 {
--left: 30%;
--right: 70%;
}
&.ratio_70_30 {
--left: 70%;
--right: 30%;
}
&.ratio_40_60 {
--left: 40%;
--right: 60%;
}
&.ratio_60_40 {
--left: 60%;
--right: 40%;
}
> .left {
flex: 0 1 var(--left);
}
> .right {
flex: 0 1 var(--right);
} .desktop_left {
text-align: left;
}
.desktop_centre {
text-align: center;
justify-content: center;
.button_container {
justify-content: center;
}
}
.desktop_right {
text-align: right;
justify-content: flex-end;
.button_container {
justify-content: flex-end;
}
}
}
}.fc_frequently_asked_questions {
.faqs_container {
display: flex;
flex-direction: column;
gap: var(--gap-xs);
.faq_item {
--color-text: var(--color-black);
color: var(--color-text);
border-radius: var(--border-radius-m);
background-color: var(--color-secondary-pink);
.title {
cursor: pointer;
margin: 0;
background: transparent calc(100% - var(--gap-s)) center / 18px 18px
no-repeat
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M18 10.8H0V7.2h18z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M10.801 0v18h-3.6V0z' clip-rule='evenodd'/%3E%3C/svg%3E");
padding: var(--gap-s) calc((var(--gap-s) * 2) + 18px) var(--gap-s)
var(--gap-s);
box-sizing: border-box;
font-size: 18px;
font-weight: 900;
letter-spacing: -1px;
}
.tab_inner {
box-sizing: border-box;
padding-inline: var(--gap-s);
display: grid;
grid-template-rows: 0fr;
transition:
grid-template-rows 0.4s ease,
padding 0.4s ease;
> .wp_content {
overflow: hidden;
iframe {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
}
}
&.active {
.title {
background: transparent calc(100% - var(--gap-s)) center / 18px 4px
no-repeat
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='4' fill='none' viewBox='0 0 18 4'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M18 3.6H0V0h18z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.tab_inner {
grid-template-rows: 1fr;
padding-block: 0 var(--gap-s);
}
}
}
}
.faqs_container_nested {
.faqs_container {
scroll-margin-top: calc(var(--header-height) + var(--padding-xs));
margin-top: var(--padding-m);
.h5 {
margin-bottom: var(--gap-s);
}
&:first-of-type {
margin-top: 0;
}
}
}
.faqs_jump_to {
background-color: var(--color-secondary-pink);
border-radius: var(--border-radius-m);
margin-bottom: var(--padding-xs);
.jump_to_toggle {
--color-text: var(--color-black);
display: flex;
align-items: center;
justify-content: center;
gap: var(--gap-xs);
cursor: pointer;
padding: calc(var(--gap-s) / 2);
color: var(--color-text);
&::after {
content: "";
display: block;
width: 10px;
height: 7px;
background: center / contain no-repeat
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' fill='none'%3E%3Cpath fill='%23333333' d='m5 6.06-5-5L1.06 0 5 3.94 8.94 0 10 1.06l-5 5Z'/%3E%3C/svg%3E");
transition: rotate 0.4s ease;
}
&.active {
&::after {
rotate: 180deg;
}
}
}
ul {
display: flex;
flex-direction: column;
gap: calc(var(--gap-s) / 2);
padding: 0 var(--gap-xs);
height: 0;
overflow: hidden;
interpolate-size: allow-keywords;
transition:
height 0.4s ease,
padding 0.4s ease;
li {
list-style: none;
a {
display: block;
background-color: var(--color-white);
border: 1px solid var(--color-text);
border-radius: var(--border-radius-max);
padding: calc(var(--gap-s) / 2);
font-weight: 400;
text-align: center;
transition:
background-color 0.4s ease,
border-color 0.4s ease,
color 0.4s ease;
&:hover {
color: var(--color-text);
background-color: var(--color-secondary-pink);
}
}
}
}
&.active {
ul {
height: fit-content;
padding: var(--gap-xs);
}
}
} &.bg_black {
.faqs_jump_to {
ul {
li {
a {
color: var(--color-black);
border: 1px solid var(--color-black);
&:hover {
color: var(--color-black);
}
}
}
}
}
} @media (width >= 768px) {
.faqs_jump_to {
background-color: transparent;
.jump_to_toggle {
display: none;
}
ul {
flex-flow: row wrap;
justify-content: center;
padding: 0;
height: fit-content;
li {
list-style: none;
a {
background-color: transparent;
padding: 20px 40px;
}
}
}
&.active {
ul {
height: fit-content;
padding: var(--gap-xs);
}
}
}
} &.bg_black {
.faqs_jump_to {
ul {
li {
a {
color: var(--color-white);
border: 1px solid var(--color-white);
}
}
}
}
}
}.fc_testimonials {
.tns-inner {
padding-inline: var(--width-xs);
}
.slides {
display: flex;
.slide {
opacity: 0.5;
transition: opacity 0.4s ease;
.testimonial {
border: 1px solid var(--color-text);
border-radius: var(--border-radius-m);
padding: var(--gap-m);
display: flex;
flex-flow: column nowrap;
align-items: flex-start;
height: 100%;
.testimonial_content {
margin-bottom: var(--gap-s);
.content {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
transition: all 0.4s ease;
&.expanded {
-webkit-line-clamp: unset;
display: block;
}
}
.read_more_toggle {
margin-top: var(--gap-xs);
padding: 0;
background: transparent;
border: none;
font-size: 18px;
color: var(--color-primary-pink);
cursor: pointer;
font-weight: 900;
display: none;
margin-top: 10px;
}
}
.testimonial_meta {
margin-top: auto;
.rating {
margin-bottom: var(--gap-xs);
height: 20px;
mask-position: left;
mask-size: 23px 20px;
mask-repeat: repeat-x;
color: var(--color-primary-pink);
background-color: currentColor;
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='20' fill='none' viewBox='0 0 23 20'%3E%3Cpath fill='currentColor' d='M10.297.126a.226.226 0 0 1 .406 0l3.07 6.221a.23.23 0 0 0 .17.124l6.863.998c.186.027.26.255.125.386l-4.966 4.842a.23.23 0 0 0-.065.2l1.172 6.838a.226.226 0 0 1-.328.239l-6.139-3.229a.23.23 0 0 0-.21 0l-6.14 3.229a.226.226 0 0 1-.327-.24L5.1 12.898a.23.23 0 0 0-.065-.2L.069 7.855a.226.226 0 0 1 .125-.386l6.863-.998a.23.23 0 0 0 .17-.124z'/%3E%3C/svg%3E");
&.rating_1 {
width: 23px;
}
&.rating_2 {
width: calc(23px * 2);
}
&.rating_3 {
width: calc(23px * 3);
}
&.rating_4 {
width: calc(23px * 4);
}
&.rating_5 {
width: calc(23px * 5);
}
}
}
}
&.tns-slide-active {
opacity: 1;
}
}
}
}