:root { --_theme---background-1: var(--swatch--light-100); --_typography---font--primary-family: "Open Sans", sans-serif; --_theme---text: var(--swatch--dark-900); --_typography---font-size--text-main: clamp(1 * 1rem, ((1 - ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.125 * 1rem); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_typography---letter-spacing--normal: 0em; --old-colors--brand-text-color-dark-1\: #040c2e; --radius--round: 100vw; --old-colors--brand-color-primary-blue-2\: #8cc8fc; --old-colors--button-hover-color\: #6dbbff; --old-colors--background-color-white\: white; --old-colors--brand-text-color-grey-1\: #040c2eb3; --old-colors--background-color-all-pages\: #fafafa; --site--gutter: 1.5rem; --_spacing---space--2: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.75 - .625) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .75 * 1rem); --swatch--brand-100: color-mix(in srgb, var(--swatch--brand-500), white 70%); --old-colors--brand-color-primary-blue-1\: #edfaff; --border-width--main: .094rem; --swatch--light-o80-glass: color-mix(in srgb, var(--swatch--light-100) 60%, transparent); --swatch--light-200: #fafafa; --radius--main: 2.5rem; --_gap---size: var(--site--gutter); --_theme---shadow--standard-shadow: var(--swatch--brand-900-o05); --swatch--light-100: white; --_spacing---space--4: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --swatch--brand-500-g: #b4ffa8; --swatch--brand-200: color-mix(in srgb, var(--swatch--brand-500), white 60%); --_theme---background-2: var(--swatch--light-200); --_typography---font--heading-family: classico, Arial, sans-serif; --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_typography---font-size--h1: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_typography---font--primary-bold: 700; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_spacing---space--6: clamp(2 * 1rem, ((2 - ((2.5 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.5 * 1rem); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_spacing---space--7: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_typography---line-height--small: 1; --_typography---line-height--medium: 1.1; --_typography---line-height--large: 1.3; --_typography---line-height--huge: 1.5; --_typography---letter-spacing--tight: -.03em; --max-width--main: calc(var(--site--viewport-max) * 1rem); --site--margin: clamp(1 * 1rem, ((1 - ((3 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --max-width--small: 50rem; --max-width--full: 100%; --_theme---heading-accent: var(--swatch--brand-600); --_column-count---value: 1; --_spacing---space--1: clamp(.375 * 1rem, ((.375 - ((.5 - .375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.5 - .375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .5 * 1rem); --_spacing---space--3: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --_spacing---space--5: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_spacing---space--8: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4 * 1rem); --_typography---font--primary-regular: 400; --_typography---font--primary-medium: 500; --radius--small: 1rem; --_spacing---section-space--small: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_spacing---section-space--main: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7 * 1rem); --_spacing---section-space--large: clamp(5.5 * 1rem, ((5.5 - ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 10 * 1rem); --_theme---border: var(--swatch--dark-900-o80); --_trigger---on: 1; --_typography---font-size--text-small: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --_typography---font-size--display: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7 * 1rem); --_typography---font-size--text-large: clamp(1.125 * 1rem, ((1.125 - ((1.25 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.25 * 1rem); --_typography---font-size--h2: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4 * 1rem); --_typography---font-size--h3: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_typography---font-size--h4: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_typography---font-size--h5: clamp(1.375 * 1rem, ((1.375 - ((1.5 - 1.375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_typography---font-size--h6: clamp(1 * 1rem, ((1 - ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.125 * 1rem); --_button-style---text: var(--_theme---button-primary--text); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_trigger---off: 0; --_button-style---background: var(--_theme---button-primary--background); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --swatch--brand-500-p: #e4bdff; --swatch--brand-500-y: #ffe7a8; --swatch--brand-500-pu: #a8acff; --_button-style---border: var(--_theme---button-primary--border); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_spacing---section-space--none: 0px; --_default-2---site--viewport-max\: 90; --_default-2---site--viewport-min\: 20; --_spacing---section-space--page-top: clamp(5.5 * 1rem, ((5.5 - ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 10 * 1rem); --swatch--brand-500: #8cc8fc; --swatch--brand-text-o20: color-mix(in srgb, var(--swatch--brand-text) 20%, transparent); --swatch--light-100-o20: color-mix(in srgb, var(--swatch--light-100) 20%, transparent); --swatch--transparent: transparent; --swatch--brand-500-b: #8cc8fc; --swatch--brand-300-pu: #ebecff; --swatch--brand-300-g: #f0ffeb; --swatch--brand-300-p: #f7ebff; --swatch--brand-300-y: #fff4d8; --_default-2---border-width--main\: .094rem; --site--viewport-max: 90; --site--viewport-min: 20; --swatch--brand-300: color-mix(in srgb, var(--swatch--brand-500), white 50%); --_trigger-2---off\: 0; --_spacing-3---space--2\: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (var(--_default-2---site--viewport-max\) - var(--_default-2---site--viewport-min\)) * var(--_default-2---site--viewport-min\))) * 1rem + ((.75 - .625) / (var(--_default-2---site--viewport-max\) - var(--_default-2---site--viewport-min\))) * 100vw), .75 * 1rem); --_default-3---border-width--main\: .094rem; --_theme-3---border\: var(--_default-3---swatch--dark-900-o20\); --_default-3---radius--main\: 1rem; --_spacing-4---space--6: clamp(2 * 1rem, ((2 - ((2.5 - 2) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\)) * var(--_default-3---site--viewport-min\))) * 1rem + ((2.5 - 2) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\))) * 100vw), 2.5 * 1rem); --_text-style-3---letter-spacing\: var(--_typography-3---letter-spacing--normal\); --_trigger-3---on\: 1; --_theme-3---text\: var(--_default-3---swatch--dark-900\); --_trigger-3---off\: 0; --_state-3---true: 1; --_state-3---false: 0; --_default-3---swatch--transparent\: transparent; --_alignment---direction: start; --_text-style---text-transform: var(--_typography---text-transform--none); --_state---true: 1; --_state---false: 0; --_theme---button-primary--border-hover: var(--swatch--brand-400); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--swatch--brand-400); --_theme---button-primary--text-hover: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background-2); --_theme---button-secondary--background-hover: var(--_theme---text); --focus--offset-inner: calc(var(--focus--width) * -1); --focus--offset-outer: .1875rem; --focus--width: .125rem; --_typography---font--primary-trim-top: .33em; --_typography---font--secondary-trim-top: .33em; --_typography---font--primary-trim-bottom: .38em; --nav--hamburger-thickness: var(--border-width--main); --nav--hamburger-gap: var(--_spacing---space--2); --nav--radius: var(--radius--small); --nav--dropdown-close-duration: var(--nav-duration, .4s); --nav--menu-close-duration: var(--nav-duration, .4s); --nav--banner-height: 2.4rem; --nav--spacing-outer-horizontal: var(--site--margin); --nav--height-total: var(--nav--height); --nav--height: 4rem; --nav--menu-open-duration: var(--nav-duration, .4s); --_theme---nav--background: var(--_theme---background-1); --nav--spacing-inner-horizontal: var(--_spacing---space--5); --nav--spacing-outer-vertical: var(--site--margin); --nav--max-width-inner: var(--max-width--main); --nav--max-width-outer: var(--max-width--main); --nav--dropdown-open-duration: var(--nav-duration, .4s); --_theme---selection--text: var(--swatch--brand-text); --_theme---selection--background: var(--swatch--brand-300); --site--column-width: calc((min(var(--max-width--main), 100% - var(--site--margin) * 2) - (var(--site--gutter) * (var(--site--column-count) - 1))) / var(--site--column-count)); --site--column-count: 12; --swatch--dark-500: color-mix(in srgb, var(--swatch--dark-900), white 20%); --swatch--dark-800: #040c2ecc; --swatch--dark-900: #040c2e; --swatch--dark-900-o80: color-mix(in srgb, var(--swatch--dark-900) 80%, transparent); --swatch--brand-text: var(--swatch--dark-900); --swatch--brand-400: color-mix(in srgb, var(--swatch--brand-500), white 40%); --swatch--brand-600: color-mix(in srgb, var(--swatch--brand-500), black 20%); --swatch--brand-700: color-mix(in srgb, var(--swatch--brand-500), black 40%); --swatch--brand-800: color-mix(in srgb, var(--swatch--brand-500), black 60%); --swatch--brand-900: color-mix(in srgb, var(--swatch--brand-500), black 80%); --swatch--brand-300-b: #edfaff; --swatch--brand-900-o05: color-mix(in srgb, var(--swatch--dark-900) 5%, transparent); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); --_typography---text-transform--capitalize: capitalize; --_typography---text-transform--lowercase: lowercase; --_typography---text-transform--none: var(--text-transform, none); --_typography---text-transform--uppercase: uppercase; --_spacing-4---content-space--button-margin: var(--_spacing-4---space--6); --_spacing-4---content-space--eyebrow-margin: var(--_spacing-4---space--5); --_spacing-4---content-space--button-group-gap: var(--_spacing-4---space--2); --_spacing-4---section-space--page-top: clamp(10 * 1rem, ((10 - ((14 - 10) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\)) * var(--_default-3---site--viewport-min\))) * 1rem + ((14 - 10) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\))) * 100vw), 14 * 1rem); --_spacing-4---section-space--main: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\)) * var(--_default-3---site--viewport-min\))) * 1rem + ((7 - 4) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\))) * 100vw), 7 * 1rem); --_spacing-4---section-space--small: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\)) * var(--_default-3---site--viewport-min\))) * 1rem + ((5 - 3) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\))) * 100vw), 5 * 1rem); --_spacing-4---section-space--large: clamp(5.5 * 1rem, ((5.5 - ((10 - 5.5) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\)) * var(--_default-3---site--viewport-min\))) * 1rem + ((10 - 5.5) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\))) * 100vw), 10 * 1rem); --_spacing-4---section-space--none: 0px; --_spacing-4---space--7: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\)) * var(--_default-3---site--viewport-min\))) * 1rem + ((3 - 2.25) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\))) * 100vw), 3 * 1rem); --_spacing-4---space--5: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\)) * var(--_default-3---site--viewport-min\))) * 1rem + ((2 - 1.75) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\))) * 100vw), 2 * 1rem); --_spacing-4---space--1: clamp(.375 * 1rem, ((.375 - ((.5 - .375) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\)) * var(--_default-3---site--viewport-min\))) * 1rem + ((.5 - .375) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\))) * 100vw), .5 * 1rem); --_spacing-4---space--2: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\)) * var(--_default-3---site--viewport-min\))) * 1rem + ((.75 - .625) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\))) * 100vw), .75 * 1rem); --_spacing-4---space--3: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\)) * var(--_default-3---site--viewport-min\))) * 1rem + ((1 - .875) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\))) * 100vw), 1 * 1rem); --_spacing-4---space--4: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\)) * var(--_default-3---site--viewport-min\))) * 1rem + ((1.5 - 1.25) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\))) * 100vw), 1.5 * 1rem); --_spacing-4---space--8: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\)) * var(--_default-3---site--viewport-min\))) * 1rem + ((4 - 2.5) / (var(--_default-3---site--viewport-max\) - var(--_default-3---site--viewport-min\))) * 100vw), 4 * 1rem); --_default-2---site--viewport-max\: 90; --_default-2---site--viewport-min\: 20; --_default-3---swatch--dark-900-o20\: color-mix(in srgb, var(--_default-3---swatch--dark-900\) 20%, transparent); --_default-3---swatch--light-100-o20\: color-mix(in srgb, var(--_default-3---swatch--light-100\) 20%, transparent); --_default-3---swatch--brand-text-o20\: color-mix(in srgb, var(--_default-3---swatch--brand-text\) 20%, transparent); --_default-3---site--viewport-max\: 90; --_default-3---site--viewport-min\: 20; --_typography-3---letter-spacing--normal\: 0em; --_typography-3---letter-spacing--tight\: -.03em; --_default-3---swatch--dark-900\: #1f1d1e; --_default-3---swatch--light-100\: white; --_default-3---swatch--brand-text\: var(--_default-3---swatch--dark-900\); } body { background-color: var(--_theme---background-1); font-family: var(--_typography---font--primary-family); color: var(--_theme---text); font-size: var(--_typography---font-size--text-main); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_typography---letter-spacing--normal); --_column-count---value: 12; } h1 { font-family: classico, Arial, sans-serif; font-size: 4.5rem; font-weight: 700; line-height: 1.1; } h2 { margin-top: 0; margin-bottom: 0; font-family: classico, Arial, sans-serif; font-size: 3.5rem; font-weight: 700; line-height: 1.2; } h3 { margin-top: 0; margin-bottom: 0; font-family: Open Sans, sans-serif; font-size: 2.5rem; font-weight: 200; line-height: 1.2; } h4 { margin-top: 0; margin-bottom: 0; font-family: arponasans, sans-serif; font-size: 2rem; font-weight: 200; line-height: 1.4; } h5 { margin-top: 0; margin-bottom: 0; font-family: arponasans, sans-serif; font-size: 1.5rem; font-weight: 500; line-height: 1.5; } h6 { margin-top: 0; margin-bottom: 0; font-family: arponasans, sans-serif; font-size: 1.25rem; font-weight: 500; line-height: 1.5; } p { letter-spacing: .2px; } a { color: var(--_theme---text); text-decoration: none; transition: text-shadow .2s; } a:hover { text-shadow: 0 0 0 var(--old-colors--brand-text-color-dark-1\); } ul, ol { margin-top: 0; margin-bottom: 0; padding-left: 1.25rem; } li { margin-bottom: .25rem; } img { object-fit: cover; width: 100%; max-width: 100%; display: inline; } label { margin-bottom: .25rem; font-weight: 400; } blockquote { border-left: .25rem solid #e2e2e2; margin-bottom: 0; padding: .75rem 1.25rem; font-size: 1.25rem; line-height: 1.5; } figure { width: 10rem; margin-bottom: 0; } figcaption { text-align: center; margin-top: .25rem; } .nav_desktop { z-index: 99999; padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); background-color: #0000; position: fixed; inset: 0% 0% auto; } .nav_desktop.u-container-full { z-index: 999; z-index: 999; } .navbar_logo_image { color: var(--old-colors--brand-text-color-dark-1\); justify-content: center; align-items: center; transition: color .2s; display: flex; } .navbar_menu_item { border-radius: var(--radius--round); padding: .25rem .75rem; font-weight: 400; transition: background-color .2s, text-shadow .2s, color .2s; } .navbar_menu_item:hover { background-color: var(--swatch--brand-100); text-shadow: 0 0 #7ac0fd; } .navbar_dropdown { align-items: center; transition: color .2s, text-shadow .2s; display: flex; } .navbar_dropdown:hover { color: var(--old-colors--brand-text-color-dark-1\); text-shadow: 0 0 #7ac0fd; } .navbar_menu { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); border: var(--border-width--main) solid var(--swatch--light-o80-glass); border-radius: var(--radius--round); background-color: var(--swatch--light-o80-glass); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); flex-direction: row; align-items: center; height: 100%; padding: .25rem; display: flex; box-shadow: 0 2px 10px #040c2e0d; } .nav-bar-dropdown_arrow { justify-content: center; align-items: center; width: 1rem; height: 1rem; margin-left: .35rem; display: flex; transform: translate(0); } .navbar_logo_wrap { justify-content: center; align-items: center; width: 5rem; margin-left: 2rem; margin-right: 2rem; padding-left: 0; display: flex; } .navbar_logo_wrap.w--current { padding-left: 0; } .treatment_list_cms { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-direction: column; width: 100%; height: 100%; display: flex; } .g_categorie_card { border-top-left-radius: var(--radius--main); border-top-right-radius: var(--radius--main); border-bottom-left-radius: var(--radius--main); border-bottom-right-radius: var(--radius--main); background-color: var(--_theme---background-1); flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-column-end: span 1; height: 100%; display: flex; overflow: hidden; } .g_categorie_card.u-column-start-auto { grid-column-end: span 1; } .g_categorie_card.u-column-start-auto:first-child { flex-flow: row; grid-template-rows: auto auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-column-end: span 3; display: grid; } .g_categorie_card.u-column-start-auto:last-child { flex-flow: row-reverse; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-column-end: span 3; display: grid; } .g_categorie_content { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); flex-flow: column; flex: 1; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 2.5rem; display: flex; } .g_categorie_list { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .g_categories_component { position: relative; } .dropdown_item-wrapper { z-index: 999999; border: var(--border-width--main) solid var(--swatch--light-o80-glass); border-radius: var(--radius--round); background-color: var(--swatch--light-o80-glass); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); perspective-origin: 50%; transform-origin: 50%; padding: .25rem; position: absolute; inset: 4.2rem 14% auto auto; transform: perspective(500px); } .navbar_inline-link { align-items: center; transition: text-shadow .2s, color .2s; display: flex; } .navbar_inline-link:hover { text-shadow: 0 0 #7ac0fd; } .navbar_inline-link.navbar_inline-wrapper:hover { border-radius: var(--radius--round); background-color: var(--swatch--brand-100); } .navbar_inline-link.navbar_inline-wrapper.w--current { border: 0 solid #0000; } .dropdown_item { border-radius: var(--radius--round); width: 100%; transform: scale3d(1none, 1none, 1none); transform-origin: 50%; transform-style: preserve-3d; justify-content: center; align-items: center; padding: .65rem 1rem; font-size: .875rem; transition: all .2s; display: flex; } .dropdown_item:hover { background-color: var(--old-colors--brand-color-primary-blue-1\); color: var(--old-colors--brand-text-color-dark-1\); text-shadow: none; padding-left: 1.5rem; padding-right: 1.5rem; transform: scale(1.05); } .dropdown_item.w--current { box-shadow: 0 2px 5px 0 var(--_theme---shadow--standard-shadow); color: var(--old-colors--brand-text-color-dark-1\); } .navbar_dropdown_wrap { transition: color .2s, text-shadow .2s; } .navbar_dropdown_wrap:hover { color: var(--old-colors--brand-text-color-dark-1\); text-shadow: 0 0 #7ac0fd; } .dropdown_list-wrapper { position: relative; } .dropdown_item-list { grid-column-gap: .5rem; grid-row-gap: .5rem; display: flex; position: relative; } .dropdown_item-holder { flex-direction: column; display: flex; position: relative; } .navbar_inline-wrapper { justify-content: center; align-items: center; padding: .75rem 1.25rem; display: flex; } .navbar_inline-wrapper:hover { text-shadow: 0 0 0 var(--old-colors--brand-text-color-dark-1\); } .u-glass-container { border: var(--border-width--main) solid var(--swatch--light-100); border-radius: var(--radius--main); background-color: var(--swatch--light-o80-glass); box-shadow: 0 -1px 10px 0 #0000000d, inset -15px -9px 13px -15px var(--swatch--light-o80-glass), inset 6px 4px 13px -8px var(--swatch--light-o80-glass); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .g_section_header { flex-flow: column; width: 100%; display: flex; } .g_section_header:where(.w-variant-6f1ae0aa-f131-5819-b2f3-774f7d7890dd) { text-align: center; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; } .footer_icon-item { grid-column-gap: 1rem; align-items: center; display: flow-root; } .footer_title { font-family: arponasans, sans-serif; font-size: 1.5rem; font-weight: 300; } .u-text-style-h6 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-main { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-small { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-small.u-color-faded { color: color-mix(in srgb, currentColor 60%, transparent); } .u-rich-text { text-wrap: var(--_text-style---text-wrap); } .u-rich-text h1 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---font-family: var(--_typography---font--heading-family); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h2 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---font-family: var(--_typography---font--heading-family); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h3 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---font-family: var(--_typography---font--heading-family); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h4 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h5 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .u-rich-text h6 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .u-rich-text p { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); } .u-rich-text blockquote { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); border-left-style: solid; border-left-width: .2rem; padding: .5rem 1rem; } .u-rich-text ol { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---direction, start); flex-flow: column; padding-left: 1.2em; list-style-type: decimal; display: flex; overflow: visible; } .u-rich-text li { margin-top: calc(var(--_text-style---trim-top) * -1); margin-bottom: calc(var(--_text-style---trim-bottom) * -1); display: list-item; } .u-rich-text ul { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: var(--_alignment---direction, start); flex-flow: column; padding-left: 1.2em; list-style-type: disc; display: flex; overflow: visible; } .u-rich-text figure { margin-top: var(--_spacing---space--7); margin-bottom: var(--_spacing---space--7); } .u-rich-text.u-color-faded { opacity: .81; opacity: .81; } .u-section { background-color: var(--_theme---background-1); color: var(--_theme---text); flex-flow: column; justify-content: center; align-items: stretch; display: flex; position: relative; } .u-container { z-index: 1; max-width: var(--max-width--main); width: calc(100% - var(--site--margin) * 2); flex: 1; margin-left: auto; margin-right: auto; container: threshold-large / inline-size; } .u-container-full { z-index: 1; max-width: var(--max-width--full); width: calc(100% - var(--site--margin) * 2); flex: 1; margin-left: auto; margin-right: auto; container: threshold-large / inline-size; } .u-sr-only { white-space: nowrap; clip: rect(0, 0, 0, 0); border-width: 0; width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; position: absolute; inset: 0% 0% auto; overflow: hidden; } .u-button-group { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); align-content: center; align-items: center; justify-content: var(--_alignment---direction, start); flex-flow: wrap; display: flex; } .u-child-contain { justify-content: center; align-items: var(--_alignment---direction, start); min-width: 100%; text-align: var(--_alignment---direction, start); flex-flow: column; display: flex; } .u-grid-above { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); flex-flow: column; display: grid; } .u-align-self-center { align-self: center; } .u-color-faded { color: color-mix(in srgb, currentColor 60%, transparent); } .u-margin-top-4 { margin-top: var(--_spacing---space--4); } .u-margin-top-6 { margin-top: var(--_spacing---space--6); } .u-margin-bottom-text { margin-bottom: var(--_text-style---margin-bottom); } .u-margin-bottom-4 { margin-bottom: var(--_spacing---space--4); } .u-max-width-20ch { max-width: 20ch; } .u-max-width-60ch { max-width: 60ch; } .u-max-width-full { max-width: 100%; } .u-display-contents { display: contents; } .u-position-fixed { position: fixed; } .u-width-full { width: 100%; } .u-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; } .u-column-start-auto { grid-column-start: auto; } .page_wrap { flex-flow: column; min-height: 100svh; display: flex; overflow: clip; } .page_main { flex-flow: column; flex: 1; display: flex; } .c-heading { font-family: var(--_typography---font--heading-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_typography---font--primary-bold); letter-spacing: var(--_text-style---letter-spacing); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .c-heading:where(.w-variant-f1464c39-1649-5769-d9ee-611869d4afb6) { font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-6fcddd1d-4224-114c-3ba1-61e264ee2f7f) { --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-f8457ddf-eefa-44bf-b752-2fd577d9ed40) { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-medium); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-9220cd35-f91d-42e3-3c24-74096cb9b2e6) { font-size: var(--_typography---font-size--display); } .c-heading:where(.w-variant-e2a5fb84-5088-e54d-95a9-65beb4ee6db8) { font-family: var(--_typography---font--heading-family); font-size: var(--_typography---font-size--h1); line-height: var(--_typography---line-height--medium); } .c-heading:where(.w-variant-759adf05-3102-d430-7fed-f1c93bdde9b7) { line-height: var(--_typography---line-height--medium); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---font-family: var(--_typography---font--heading-family); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-b316b9a6-de7d-f5e4-c7a4-6088d74a609c) { line-height: var(--_typography---line-height--medium); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---font-family: var(--_typography---font--heading-family); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-1b1ef0a4-5283-e552-0bb7-4b88ce10f730) { --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-3b114f7d-a8db-dc68-ecf4-2e55ea56a200) { --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-a2570ac8-612a-e065-5d6e-157a4c449110) { --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: balance; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---margin-top: var(--_spacing---space--7); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); } .c-heading:where(.w-variant-d604dd9b-f094-f54c-f675-1aa8cef6fc12) { font-size: var(--_typography---font-size--text-small); } .c-heading:where(.w-variant-d604dd9b-f094-f54c-f675-1aa8cef6fc13) { font-size: var(--_text-style---font-size); } .c-heading:where(.w-variant-d604dd9b-f094-f54c-f675-1aa8cef6fc14) { font-size: var(--_typography---font-size--text-large); } .c-heading:where(.w-variant-d604dd9b-f094-f54c-f675-1aa8cef6fc15) { font-size: var(--_typography---font-size--display); } .c-heading:where(.w-variant-d604dd9b-f094-f54c-f675-1aa8cef6fc16) { font-family: var(--_typography---font--heading-family); font-size: var(--_typography---font-size--h1); } .c-heading:where(.w-variant-d604dd9b-f094-f54c-f675-1aa8cef6fc17) { font-size: var(--_typography---font-size--h2); } .c-heading:where(.w-variant-d604dd9b-f094-f54c-f675-1aa8cef6fc18) { font-size: var(--_typography---font-size--h3); } .c-heading:where(.w-variant-d604dd9b-f094-f54c-f675-1aa8cef6fc19) { font-size: var(--_typography---font-size--h4); } .c-heading:where(.w-variant-d604dd9b-f094-f54c-f675-1aa8cef6fc1a) { font-size: var(--_typography---font-size--h5); } .c-heading:where(.w-variant-d604dd9b-f094-f54c-f675-1aa8cef6fc1b) { font-size: var(--_typography---font-size--h6); } .c-text { font-family: var(--_typography---font--primary-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---text-wrap: pretty; --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---margin-top: var(--_spacing---space--4); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .c-text:where(.w-variant-d604dd9b-f094-f54c-f675-1aa8cef6fc12) { font-size: var(--_typography---font-size--text-small); } .c-text:where(.w-variant-d604dd9b-f094-f54c-f675-1aa8cef6fc13) { font-size: var(--_text-style---font-size); } .c-text:where(.w-variant-d604dd9b-f094-f54c-f675-1aa8cef6fc14) { font-size: var(--_typography---font-size--text-large); } .c-text:where(.w-variant-d604dd9b-f094-f54c-f675-1aa8cef6fc15) { font-size: var(--_typography---font-size--display); } .c-text:where(.w-variant-d604dd9b-f094-f54c-f675-1aa8cef6fc16) { font-size: var(--_typography---font-size--h1); } .c-text:where(.w-variant-d604dd9b-f094-f54c-f675-1aa8cef6fc17) { font-size: var(--_typography---font-size--h2); } .c-text:where(.w-variant-d604dd9b-f094-f54c-f675-1aa8cef6fc18) { font-size: var(--_typography---font-size--h3); } .c-text:where(.w-variant-d604dd9b-f094-f54c-f675-1aa8cef6fc19) { font-size: var(--_typography---font-size--h4); } .c-text:where(.w-variant-d604dd9b-f094-f54c-f675-1aa8cef6fc1a) { font-size: var(--_typography---font-size--h5); } .c-text:where(.w-variant-d604dd9b-f094-f54c-f675-1aa8cef6fc1b) { font-size: var(--_typography---font-size--h6); } .button_main_wrap { grid-column-gap: .2rem; grid-row-gap: .2rem; border-top-left-radius: var(--radius--round); border-top-right-radius: var(--radius--round); border-bottom-left-radius: var(--radius--round); border-bottom-right-radius: var(--radius--round); text-align: center; vertical-align: middle; --_button-style---text: var(--_theme---button-primary--text); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_button-style---background: var(--_theme---button-primary--background); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_button-style---border: var(--_theme---button-primary--border); --_button-style---border-hover: var(--_theme---button-primary--border-hover); color: color-mix(in srgb, var(--_button-style---text) calc(100% * var(--_trigger---on)), var(--_button-style---text-hover) calc(100% * var(--_trigger---off))); background-color: color-mix(in srgb, var(--_button-style---background) calc(100% * var(--_trigger---on)), var(--_button-style---background-hover) calc(100% * var(--_trigger---off))); justify-content: center; align-items: center; padding: 2rem 2.25rem; line-height: 1; transition-property: all; transition-duration: .25s; transition-timing-function: ease; display: inline-block; position: relative; } .button_main_wrap:where(.w-variant-4b5658fb-5587-2df7-98c6-609ac92aa469) { --_button-style---text: var(--_theme---button-secondary--text); --_button-style---text-hover: var(--_theme---button-secondary--text-hover); --_button-style---background: var(--_theme---button-secondary--background); --_button-style---background-hover: var(--_theme---button-secondary--background-hover); --_button-style---border: var(--_theme---button-secondary--border); --_button-style---border-hover: var(--_theme---button-secondary--border-hover); } .button_main_wrap:where(.w-variant-87ed9a99-e11f-728a-49ad-805d1907477f) { flex-flow: row; justify-content: center; align-items: stretch; padding: 1rem .95rem; display: inline-flex; } .button_main_wrap:where(.w-variant-978a3c6b-72e0-f0d1-2731-714f26c0fbb1) { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); display: flex; } .button_main_wrap:where(.w-variant-da13a658-aa4b-5fd3-0bd2-c2e7352aa1f4) { background-color: var(--swatch--brand-500-g); } .button_main_wrap:where(.w-variant-adb544a6-64f7-46f2-2322-d86f2607e3ea) { background-color: var(--swatch--brand-500-p); } .button_main_wrap:where(.w-variant-cd0623af-a162-bbbf-9b3b-778e8e76d9ec) { background-color: var(--swatch--brand-500-y); } .button_main_wrap:where(.w-variant-d7da39b3-ce08-5882-c618-b7fadf76ee9a) { background-color: var(--swatch--brand-500-pu); color: color-mix(in srgb, var(--_button-style---text) calc(100% * var(--_trigger---on)), var(--_button-style---text-hover) calc(100% * var(--_trigger---off))); } .button_main_wrap:hover { color: color-mix(in srgb, var(--_button-style---text) calc(100% * var(--_trigger---on)), var(--_button-style---text-hover) calc(100% * var(--_trigger---off))); padding-left: 2.75rem; padding-right: 2.75rem; } .button_main_wrap.primary-icon { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); display: flex; } .button_main_wrap.is-flex { display: flex; } .button_main_text { z-index: 1; line-height: inherit; position: relative; } .clickable_wrap { z-index: 3; border-radius: inherit; } .clickable_link { border-radius: inherit; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .clickable_btn { border-radius: inherit; width: 100%; height: 100%; display: none; position: absolute; inset: 0%; } .navbar_contain { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr auto 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: center; width: 100%; display: flex; position: relative; } .home_about_layout { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); align-items: center; display: flex; } .home_about_layout:where(.w-variant-49b4f448-efd4-3286-2672-5a545ca6a6cb) { flex-flow: row-reverse; } .home_about_content { text-align: left; flex-flow: column; justify-content: center; align-items: flex-start; max-width: 50rem; padding: 1.5rem 1.5rem 1.5rem 2.5rem; display: flex; position: relative; } .home_about_content:where(.w-variant-49b4f448-efd4-3286-2672-5a545ca6a6cb) { max-width: 55rem; } .home_about_image_wrap { z-index: 1; border-radius: 0rem var(--radius--main) var(--radius--main) 0rem; transform-origin: 0%; flex-direction: column; justify-content: center; align-items: center; width: 50%; height: 70vh; display: flex; position: relative; inset: 0% 0% 0% auto; overflow: hidden; } .home_about_image_wrap:where(.w-variant-49b4f448-efd4-3286-2672-5a545ca6a6cb) { border-radius: var(--radius--main) 0rem 0rem var(--radius--main); } .home_about_image { z-index: 0; object-fit: cover; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; box-shadow: 0 0 9px #0000001a; } .u-section-spacer { height: var(--_spacing---section-space--none); position: relative; } .u-section-spacer:where(.w-variant-b32985bb-4183-112c-8ce1-42d83acc8ce1) { height: var(--_spacing---section-space--small); } .u-section-spacer:where(.w-variant-b32985bb-4183-112c-8ce1-42d83acc8ce2) { height: var(--_spacing---section-space--main); } .u-section-spacer:where(.w-variant-b32985bb-4183-112c-8ce1-42d83acc8ce3) { height: var(--_spacing---section-space--large); } .u-section-spacer:where(.w-variant-b32985bb-4183-112c-8ce1-42d83acc8ce0) { height: clamp(1 * 1rem, ((1 - ((3 - 1) / (var(--_default-2---site--viewport-max\) - var(--_default-2---site--viewport-min\)) * var(--_default-2---site--viewport-min\))) * 1rem + ((3 - 1) / (var(--_default-2---site--viewport-max\) - var(--_default-2---site--viewport-min\))) * 100vw), 3 * 1rem); } .u-section-spacer:where(.w-variant-b32985bb-4183-112c-8ce1-42d83acc8ce4) { height: var(--_spacing---section-space--page-top); } .u-color-brand { color: var(--swatch--brand-500); } .g_categorie_image { height: 100%; } .empty-state { border-radius: var(--radius--small); background-color: var(--swatch--light-200); font-size: var(--_typography---font-size--text-small); padding: 1rem; } .g_standard_section.u-section:where(.w-variant-cdc45fa0-c8e1-9508-3fba-cb394a571655) { background-color: var(--_theme---background-1); --_theme---background-1: var(--swatch--dark-900); --_theme---text: var(--swatch--brand-100); --_theme---shadow--standard-shadow: var(--swatch--brand-900-o05); --_theme---background-2: var(--swatch--dark-800); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---button-primary--border-hover: var(--swatch--brand-400); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--swatch--brand-400); --_theme---button-primary--text-hover: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background-2); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background-1); --_theme---selection--text: var(--swatch--brand-text); --_theme---selection--background: var(--swatch--brand-300); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---text-link--border: var(--_theme---border); } .g_standard_section.u-section:where(.w-variant-5498396d-3f6b-a958-4ae5-a6e41543806e) { --_theme---background-1: var(--swatch--brand-100); --_theme---text: var(--swatch--brand-text); --_theme---shadow--standard-shadow: var(--swatch--brand-900-o05); --_theme---background-2: var(--swatch--brand-200); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---border: var(--swatch--brand-text-o20); --_theme---button-primary--border-hover: var(--swatch--brand-400); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---button-primary--text: var(--swatch--brand-300); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background-2); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background-2); --_theme---selection--text: var(--swatch--brand-text); --_theme---selection--background: var(--swatch--brand-300); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); } .testimonials_bullet_wrap.u-color-brand { display: none; } .u-background-pu { background-color: var(--swatch--brand-300-pu); } .g_horizontal_component.u-container { border-color: var(--swatch--transparent); background-color: var(--_theme---background-2); box-shadow: 0 2px 5px 0 var(--_theme---shadow--standard-shadow); color: var(--_theme---text); --_theme---background-1: var(--swatch--light-100); --_theme---text: var(--swatch--dark-900); --_theme---shadow--standard-shadow: var(--swatch--brand-900-o05); --_theme---background-2: var(--swatch--light-200); --_theme---heading-accent: var(--swatch--brand-600); --_theme---border: var(--swatch--dark-900-o80); --_theme---button-primary--border-hover: var(--swatch--brand-400); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--swatch--brand-400); --_theme---button-primary--text-hover: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background-2); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background-1); --_theme---selection--text: var(--swatch--brand-text); --_theme---selection--background: var(--swatch--brand-300); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); display: flex; } .g_horizontal_component.u-container:where(.w-variant-d79ffd0d-acb4-65cc-c89c-d3757230e282) { --_theme---background-1: var(--swatch--brand-100); --_theme---text: var(--swatch--brand-text); --_theme---shadow--standard-shadow: var(--swatch--brand-900-o05); --_theme---background-2: var(--swatch--brand-200); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---border: var(--swatch--brand-text-o20); --_theme---button-primary--border-hover: var(--swatch--brand-400); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---button-primary--text: var(--swatch--brand-300); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background-2); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background-2); --_theme---selection--text: var(--swatch--brand-text); --_theme---selection--background: var(--swatch--brand-300); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); } .g_horizontal_component.u-container:where(.w-variant-4d3305c2-5047-e045-041b-4e6d9f35d145) { --_theme---background-1: var(--swatch--dark-900); --_theme---text: var(--swatch--brand-100); --_theme---shadow--standard-shadow: var(--swatch--brand-900-o05); --_theme---background-2: var(--swatch--dark-800); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---button-primary--border-hover: var(--swatch--brand-400); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--swatch--brand-400); --_theme---button-primary--text-hover: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background-2); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background-1); --_theme---selection--text: var(--swatch--brand-text); --_theme---selection--background: var(--swatch--brand-300); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---text-link--border: var(--_theme---border); } .g_horizontal_component.u-container.u-glass-container:where(.w-variant-9f756af0-2078-b162-2f49-d344a7a11a17) { background-color: var(--swatch--brand-100); } .g_horizontal_component.u-container.u-glass-container:where(.w-variant-da13a658-aa4b-5fd3-0bd2-c2e7352aa1f4) { background-color: var(--swatch--brand-300-g); } .g_horizontal_component.u-container.u-glass-container:where(.w-variant-adb544a6-64f7-46f2-2322-d86f2607e3ea) { background-color: var(--swatch--brand-300-p); } .g_horizontal_component.u-container.u-glass-container:where(.w-variant-cd0623af-a162-bbbf-9b3b-778e8e76d9ec) { background-color: var(--swatch--brand-300-y); } .g_horizontal_component.u-container.u-glass-container:where(.w-variant-d7da39b3-ce08-5882-c618-b7fadf76ee9a) { background-color: var(--swatch--brand-300-pu); } .c-content-wrapper { text-align: var(--_alignment---direction, start); } .c-content-wrapper:where(.w-variant-86174892-8f1d-f4ad-3f9b-7582c361218c) { --_alignment---direction: start; } .c-content-wrapper:where(.w-variant-b12ec746-d90a-09f0-9f54-26ce2f72a41c) { --_alignment---direction: center; flex-flow: column; justify-content: center; align-items: center; display: flex; } .c-content-wrapper:where(.w-variant-a29daa09-1b6a-65d8-3368-da82692a45a2) { --_alignment---direction: end; } .c-content-wrapper.is-custom { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_alignment---direction: center; flex-flow: column; justify-content: center; align-items: center; display: flex; } .c-content-wrapper.is-center { --_alignment---direction: center; flex-flow: column; justify-content: center; align-items: center; display: flex; } .content { display: contents; } .u-background-y { background-color: var(--swatch--brand-300-y); } .u-background-g { background-color: var(--swatch--brand-300-g); } .u-background-brand { background-color: var(--swatch--brand-300); } .u-background-p { background-color: var(--swatch--brand-300-p); } .g_bg_wrap { z-index: 0; pointer-events: none; width: 100%; height: 100%; position: absolute; inset: -24% 0% auto; } .g_bg_wrap.is-reverse { z-index: 0; z-index: 0; top: auto; bottom: -45%; } .g_bg_embed { z-index: 0; width: 100%; color: inherit; position: relative; inset: 0%; transform: rotate(180deg); } .g_bg_embed.is-reverse { transform: rotate(0); } .button_icon { justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; transition-property: none; display: none; } .button_icon:where(.w-variant-978a3c6b-72e0-f0d1-2731-714f26c0fbb1) { display: block; } .button_icon:hover { text-shadow: none; } .button_icon.primary-icon { display: block; } .background { pointer-events: none; position: absolute; inset: 0%; } .treatment_list_wrap { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; } .treatment_list { border-radius: var(--radius--small) var(--radius--small) var(--radius--main) var(--radius--main); flex-direction: column; justify-content: flex-start; align-items: center; height: 32rem; display: flex; } .treatment_list.u-background-brand { background-color: var(--swatch--brand-100); } .treatment_list.u-background-p { overflow: hidden; } .treatment_list_cms_list { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); background-color: var(--swatch--light-100-o20); flex-flow: column; width: 100%; height: 100%; padding: 1.5rem 1.5rem 3rem; display: flex; } .treatment_list_cms_item { border-radius: var(--radius--main); justify-content: center; align-items: center; width: 100%; display: flex; } .treatment_list_cms_link { border-radius: var(--radius--small); perspective-origin: 50%; transform-origin: 50%; width: 100%; height: 100%; padding: .5rem 1rem; transition: all .4s; } .treatment_list_cms_link:hover { background-color: var(--swatch--light-o80-glass); padding-top: 1rem; padding-bottom: 1rem; } .g_categorie_image-wrap { height: 100%; } .treatment_top { justify-content: flex-start; align-items: center; width: 100%; padding: 1.4rem 2.5rem; display: flex; } .treatment_list_layout { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); border-radius: var(--radius--main); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .overzicht_contain.u-container { padding-left: 1.5rem; padding-right: 1.5rem; } .g_icon_small { opacity: .8; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; transition: opacity .2s; display: flex; } .g_icon_small:hover { opacity: 1; text-shadow: none; } .footer_group_wrap { grid-column-end: span 1; } .footer_wrap { background-color: #fcfcfc; padding: 1.5rem; position: relative; } .footer_wrap:where(.w-variant-9bff0035-fb3f-68d0-ac60-e23ebab24a5f) { --_theme---background-1: var(--swatch--dark-900); --_theme---text: var(--swatch--brand-100); --_theme---shadow--standard-shadow: var(--swatch--brand-900-o05); --_theme---background-2: var(--swatch--dark-800); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---button-primary--border-hover: var(--swatch--brand-400); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--swatch--brand-400); --_theme---button-primary--text-hover: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background-2); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background-1); --_theme---selection--text: var(--swatch--brand-text); --_theme---selection--background: var(--swatch--brand-300); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---text-link--border: var(--_theme---border); } .footer_wrap:where(.w-variant-5492cf13-01f5-9a1f-c30e-899813477702) { --_theme---background-1: var(--swatch--brand-100); --_theme---text: var(--swatch--brand-text); --_theme---shadow--standard-shadow: var(--swatch--brand-900-o05); --_theme---background-2: var(--swatch--brand-200); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---border: var(--swatch--brand-text-o20); --_theme---button-primary--border-hover: var(--swatch--brand-400); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---button-primary--text: var(--swatch--brand-300); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-secondary--background: var(--swatch--transparent); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---background-2); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---nav--background: var(--_theme---background-2); --_theme---selection--text: var(--swatch--brand-text); --_theme---selection--background: var(--swatch--brand-300); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-link--border: var(--_theme---border); } .footer_content { grid-column-gap: var(--_gap---size); flex: auto; grid-column: span 4; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); grid-auto-columns: 1fr; height: 100%; display: grid; } .footer_bottom_wrap { background-color: color-mix(in srgb, var(--swatch--light-100) 20%, transparent); } .footer_group_title { color: var(--_theme---text); } .footer_logo_wrap { width: 8rem; } .footer_bottom_list { flex-flow: wrap; place-content: center flex-start; align-items: center; margin-left: -.5rem; margin-right: -.5rem; display: flex; } .g_footer_layout { flex-flow: column; justify-content: space-between; align-items: stretch; } .footer_bottom_link_wrap { opacity: calc(1 - .5 * var(--_trigger-2---off\)); padding-left: .5rem; padding-right: .5rem; transition-property: opacity; transition-duration: .1s; transition-timing-function: ease; } .footer_bottom_layout { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); flex-flow: wrap; place-content: center space-between; align-items: center; padding-top: 1.5rem; padding-bottom: 1.5rem; display: flex; } .footer_group_item { display: flex; } .footer_nav { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); flex: 500 auto; grid-column: span 8; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); grid-auto-columns: 1fr; display: grid; } .footer_group_list { flex-flow: column; justify-content: flex-start; align-items: flex-start; padding-left: .5rem; display: flex; } .footer_bottom_item { display: flex; } .footer_link_wrap { padding-top: var(--_spacing-3---space--2\); padding-bottom: var(--_spacing-3---space--2\); opacity: .8; transition: opacity .1s; } .footer_link_wrap:hover { opacity: 1; } .g_contact_component.u-container { flex-flow: column; display: flex; } .footer_component { border-radius: var(--radius--main); overflow: hidden; } .footer_component.u-glass-container { z-index: 1; border-top-left-radius: var(--radius--small); border-top-right-radius: var(--radius--small); z-index: 1; border-top-left-radius: var(--radius--small); border-top-right-radius: var(--radius--small); position: relative; } .footer_mid_layout { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); flex-flow: row; place-content: center; align-items: center; padding-top: 1rem; padding-bottom: 1rem; display: flex; } .footer_item_group { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); padding: .25rem; display: flex; } .footer_item_group.u-glass-container { justify-content: center; align-items: center; height: 100%; min-height: 2.5rem; padding-left: .55rem; padding-right: .55rem; } .nav_mobile { display: none; } .sluitingsdag { grid-column-gap: .25rem; grid-row-gap: .25rem; flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } @media screen and (max-width: 991px) { h1 { font-size: 4rem; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .nav_desktop { z-index: 95; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); margin-bottom: 0; position: relative; } .nav_desktop.u-container-full { display: none; } .navbar_menu_item { color: var(--swatch--brand-100); flex-direction: column; align-items: flex-start; display: flex; } .navbar_menu_item:active { background-color: var(--old-colors--brand-color-primary-blue-1\); } .navbar_menu { z-index: 99; background-color: var(--swatch--light-200); border-radius: 1.25rem; flex-direction: column; justify-content: center; align-items: center; width: 100vw; height: 100vh; position: fixed; inset: 0%; } .navbar_menu.u-glass-container { inset: 0% 0% 0% auto; justify-content: center; align-items: center; height: 100vh; position: absolute; inset: 0% 0% 0% auto; } .navbar_logo_wrap { margin-left: 0; } .navbar_logo_wrap.w--current { display: none; } .itsawrap { text-align: left; padding-left: 0; } .g_categorie_card { flex-flow: row; height: 100%; } .g_categorie_card:nth-child(2n) { flex-flow: row-reverse; } .g_categorie_card.u-column-start-auto { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; display: grid; } .g_categorie_card.u-column-start-auto:first-child { grid-column-end: span 1; } .g_categorie_card.u-column-start-auto:last-child { flex-flow: row; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-column-end: span 1; display: grid; } .g_categorie_content { flex: 0 auto; } .g_categorie_list { flex-direction: row; grid-template-columns: 1fr; } .dropdown_item-wrapper { display: none; } .navbar_inline-wrapper { text-align: left; width: 100%; } .navbar_inline-wrapper:hover { color: var(--old-colors--brand-text-color-dark-1\); background-color: #0000; } .divider_line { margin-bottom: 0; } .contact-info_list { grid-column-gap: 1rem; grid-row-gap: 1rem; width: 100%; padding-left: 0; } .heading-style-h4 { letter-spacing: 0; font-size: 1.5rem; } .footer_divider { width: 50%; margin-top: 0; margin-bottom: 0; } .footer_title { letter-spacing: 0; font-size: 1.5rem; } .nav_menu-button { z-index: 3; grid-column-gap: .375rem; grid-row-gap: .375rem; cursor: pointer; flex-direction: column; justify-content: center; align-items: center; width: 3rem; height: 3rem; padding: 1rem; display: flex; } .nav_close-button { z-index: 2; cursor: pointer; position: absolute; top: 1.5rem; right: 1.5rem; } .navbar_contain { flex-flow: row; grid-template-columns: 1fr 1fr; } .g_callout { grid-column-gap: 1rem; grid-row-gap: 1rem; width: 100%; margin-top: 0; padding-left: 0; } .home_about_layout { flex-flow: column; } .home_about_content { width: 100%; max-width: 100%; } .home_about_image_wrap { z-index: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; width: 100%; height: 40vh; position: static; } .home_about_image { display: block; position: relative; transform: translate(0); } .u-section-spacer:where(.w-variant-b32985bb-4183-112c-8ce1-42d83acc8ce4) { height: var(--_spacing---section-space--none); } .testimonials_cms_item.swiper-slide { width: 60%; } .g_card:where(.w-variant-23f27b64-94de-2e35-5cb4-3c49c7883594) { padding: 1.5rem; } .testimonials_bullet_wrap.u-color-brand { display: none; } .g_list_list { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); width: 100%; } .g_horizontal_component.u-container.u-glass-container { padding: 5rem 2.5rem; } .g_horizontal_component.u-container.u-glass-container:where(.w-variant-d79ffd0d-acb4-65cc-c89c-d3757230e282) { justify-content: flex-start; align-items: center; } .eyebrow_text.u-text-transform-uppercase:where(.w-variant-6eeb6d2a-29d5-bd50-b142-5258140b164e) { font-size: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * .8rem); font-size: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * .8rem); } .g_2-column-layout { border-radius: 1.25rem; flex-direction: column-reverse; align-items: flex-start; width: 100%; padding: 2rem; box-shadow: 0 0 10px #040c2e0d; } .g-image-wrap { width: 100%; height: 100%; padding: 0; } .g-image { width: 100%; } .g_icon_header { justify-content: flex-start; } .pill_shape { padding: 1.75rem 3.45rem; font-size: 1.5rem; } .overzicht_decorative-ball { display: none; } .g_bg_wrap { width: 150%; top: -27%; } .g_bg_wrap.is-reverse { bottom: -60%; } .treatment_list_wrap { grid-template-columns: 1fr 1fr; padding: 0; } .treatment_list { border-bottom-left-radius: var(--radius--small); border-bottom-right-radius: var(--radius--small); height: auto; } .treatment_list_layout { grid-template-columns: 1fr 1fr; padding: 0; } .s-header_image { height: 25rem; margin-bottom: 2rem; } .overzicht_keuze_list { grid-template-columns: 1fr 1fr; grid-auto-flow: row; } .overzicht_layout { flex: 1; display: block; } .overzicht_contain.u-container { padding-left: 0; padding-right: 0; } .overzicht_keuze_card { justify-content: center; } .treament_sidebar_layout { grid-column-gap: 2rem; grid-row-gap: 2rem; padding: 0; } .treatment_sidebar { padding: 0; } .treatment_contact_wrap { grid-column-gap: 1rem; grid-row-gap: 1rem; width: 100%; margin-top: 2rem; padding-left: 0; } .treatment_prijs_layout { min-height: auto; padding: 1.5rem; } .treatment_item { grid-template-columns: 2.75fr 1fr; } .treatment_hero_wrap { padding-top: 0; } .treatment_options { min-height: auto; padding-top: 0; } .faq_title { letter-spacing: 0; } .footer_wrap { padding: 1.5rem; } .footer_bottom_layout { text-align: center; justify-content: center; } .form_main_wrap.u-glass-container { padding: 1.5rem; } .g_contact_layout { grid-template-columns: 1fr; } .contact_sidebar_wrap.u-glass-container { padding: 1.5rem; } .contact_form_wrap { width: 100%; } .g_contact_component, .bedankt_wrapper { grid-template-columns: 1fr; } .bedankt_layout { padding-top: 2.5rem; padding-bottom: 2.5rem; } .typeform-wrapper-pn8g7ien.u-glass-container { height: 25rem; } .nav_mobile_contain.u-container { padding: .5rem; } .nav_mobile_layout { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: center; display: flex; } .nav_mobile_link { justify-content: center; align-items: center; padding: 1.5rem; transition: background-color .2s, text-shadow .2s; display: flex; } .nav_mobile_link:hover { background-color: #ffffffe6; } .nav_mobile_links.u-glass-container { z-index: 0; background-color: color-mix(in srgb, var(--swatch--light-100) 80%, transparent); z-index: 0; background-color: color-mix(in srgb, var(--swatch--light-100) 80%, transparent); border-top-left-radius: 0; border-top-right-radius: 0; } .nav_mobile { background-color: #ddd0; padding: .5rem 0; display: block; } .nav_mobile_button.u-glass-container { padding: .5rem; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .g_big_card { border-radius: 1.25rem; flex-direction: column-reverse; align-items: flex-start; width: 100%; padding: 2rem; box-shadow: 0 0 10px #040c2e0d; } .big_card_image { width: 100%; } } @media screen and (max-width: 767px) { h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1rem; } .button:active { background-color: var(--old-colors--brand-text-color-dark-1\); } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .nav_desktop { padding-top: .5rem; padding-bottom: .5rem; position: relative; } .navbar_logo_wrap.w--current { width: 5rem; } .treatment_list_cms { overflow: hidden; } .g_categorie_card { flex-flow: column; width: 100%; } .g_categorie_card:nth-child(2n) { flex-flow: column; } .g_categorie_card.u-column-start-auto, .g_categorie_card.u-column-start-auto:first-child, .g_categorie_card.u-column-start-auto:last-child, .g_categorie_card.u-column-start-auto, .g_categorie_card.u-column-start-auto:first-child, .g_categorie_card.u-column-start-auto:last-child { flex-flow: column; display: flex; } .g_categorie_content { padding-top: 2.5rem; padding-bottom: 2.5rem; } .heading-style-h4 { font-size: 1.375rem; } .treatment_list_trigger { cursor: pointer; justify-content: space-between; width: 100%; display: flex; } .footer_link-list-icon { display: flex; } .nav_menu-button { width: 3.5rem; height: 3.5rem; padding: .75rem; } .g_callout { padding-top: .5rem; padding-bottom: .5rem; display: none; } .home_about_content { padding: 2rem 1.25rem; } .home_about_image_wrap { height: 20rem; } .g_categorie_image { width: 100%; } .testimonials_cms_item.swiper-slide { width: 90%; } .g_image_logo { width: 9rem; } .g_list_list { padding: 0; } .g_content_wrap { width: 100%; } .g_horizontal_component.u-container.u-glass-container { min-height: 20rem; width: calc(100% - var(--site--margin) * 2); min-height: 20rem; width: calc(100% - var(--site--margin) * 2); min-height: 20rem; width: calc(100% - var(--site--margin) * 2); flex-flow: column; justify-content: space-between; } .g_2-column-layout { align-items: center; } .g-image-wrap { width: 100%; max-height: 20rem; } .g-image { object-position: 0% 10%; display: inline-block; } .g_icon_header { grid-row-gap: 1rem; flex-direction: column; } .pill_shape:active { background-color: #040c2e; } .g_bg_wrap { width: 200%; left: -63%; } .g_bg_wrap.is-reverse { bottom: -37%; left: -77%; } .g_bg_embed.is-reverse { width: 300%; bottom: 0%; } .treatment_list_wrap { grid-template-columns: 1fr; } .treatment_list_cms_list { overflow: hidden; } .treatment_list_layout { grid-template-columns: 1fr; } .s-header_image { height: 15rem; margin-bottom: 1rem; } .overzicht_keuze_list { grid-template-columns: 1fr; } .overzicht_keuze_card { grid-column-gap: 0rem; grid-row-gap: 0rem; } .overzicht_keuze_card.is-flex { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); flex-flow: column; } .treament_sidebar_layout { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .treatment_sidebar_wrap { padding: 0; position: static; } .treatment_sidebar { grid-column-gap: var(--_spacing---section-space--none); grid-row-gap: var(--_spacing---section-space--none); } .contact_maps-wrapper { min-height: 20rem; } .bedankt_lottie { width: auto; } .bedankt_layout { padding-top: 3rem; padding-bottom: 3rem; } .g_important_wrap:where(.w-variant-7da01c44-7d41-1642-a3a1-7ce26614b9cb) { flex-flow: column; } .footer_mid_layout { flex-flow: wrap; justify-content: flex-start; align-items: center; } .footer_item_group.u-glass-container { padding-left: 1rem; padding-right: 1rem; } .nav_mobile_button.u-glass-container { min-height: auto; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .g_big_card { align-items: center; } .g_big_card.u-glass-container:where(.w-variant-d4dcacb9-a322-2834-29bd-8fb2291e08fa) { flex-flow: column; } .big_card_image { object-position: 0% 10%; display: inline-block; } } @media screen and (max-width: 479px) { .button { padding: 1.125rem 1.75rem; font-size: 1rem; } .button:hover { padding-left: 3rem; padding-right: 3rem; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .nav_desktop { padding-top: 1rem; padding-bottom: 1rem; } .navbar_logo_image { width: 100%; } .navbar_menu { background-color: var(--swatch--brand-100); position: absolute; inset: 0%; } .navbar_logo_wrap { height: 100%; } .treatment_list_cms { grid-column-gap: .25rem; grid-row-gap: .25rem; height: auto; } .g_categorie_content { min-height: auto; } .g_logo_wrap { height: auto; } .g_list_item { align-items: center; } .g_categorie_list { grid-column-gap: 1rem; grid-row-gap: 1rem; } .g_categories_component { overflow: hidden; } .u-glass-container { padding: var(--_spacing---space--4); } .contact-info_list { margin-top: 0; padding-top: 0; padding-bottom: 0; padding-right: 0; } .u-divider:where(.w-variant-6f1ae0aa-f131-5819-b2f3-774f7d7890dd) { width: 10rem; } .u-divider.u-color-text { width: 8rem; } .g_logo_image { width: 10rem; } .treatment_list_trigger { justify-content: space-between; align-items: center; display: flex; } .footer_link-list-icon { width: 1.5rem; height: 1.5rem; display: flex; } .footer_divider { background-color: #e1effa; width: 100%; } .footer_title { font-size: 1.25rem; } .nav_menu-button { grid-column-gap: .25rem; grid-row-gap: .25rem; width: 3rem; height: 3rem; padding: .8rem; } .u-max-width-full { max-width: 100%; } .navbar_contain { min-height: auto; } .g_callout { flex-direction: column; padding-top: 0; padding-bottom: .5rem; padding-right: 0; display: none; } .home_about_content { padding-left: 1rem; padding-right: 1rem; } .testimonials_cms_item.swiper-slide { width: 95%; } .g_card.u-glass-container { min-height: auto; padding: 1.5rem; } .g_image_logo { width: 6rem; } .g_list_list { padding-top: 1rem; padding-bottom: 1rem; } .g_list_icon { width: 1.5rem; height: 1.5rem; } .g_horizontal_component.u-container.u-glass-container { padding: 2.5rem 1.5rem; } .g_horizontal_component.u-container.u-glass-container:where(.w-variant-d79ffd0d-acb4-65cc-c89c-d3757230e282) { padding-top: 2.5rem; padding-bottom: 2.5rem; } .g_logo_item { align-items: center; } .g-2-column-logo { height: auto; } .g_2-column-layout { border-radius: 0; padding: 0; box-shadow: 0 0 10px #040c2e00; } .g-image-wrap { max-height: none; } .g-image { height: 100%; min-height: auto; max-height: none; } .g_icon_header { grid-column-gap: .5rem; grid-row-gap: .5rem; } .g_icon_header:where(.w-variant-ccad02df-aa14-8c7e-bb4f-f44e8393fa91) { grid-column-gap: 1rem; grid-row-gap: 1rem; } .g_icon_circle { width: 3rem; height: 3rem; padding: .75rem; } .pill_shape { padding: 1.25rem 2rem; font-size: 1rem; } .pill_shape:hover { padding-left: 3rem; padding-right: 3rem; } .g_bg_wrap.is-reverse { bottom: -49%; left: -175%; } .g_bg_embed { bottom: -27%; } .g_bg_embed.is-reverse { width: 500%; } .button_icon { width: 1.5rem; height: 1.5rem; } .treatment_list.u-background-pu { width: 100%; } .treatment_list_cms_list { grid-column-gap: .25rem; grid-row-gap: .25rem; height: auto; } .s-header_image { order: -1; } .overzicht_keuze_list { grid-template-columns: 1fr; } .overzicht_keuze_card { padding: 2rem 1.5rem; } .treatment_sidebar { grid-column-gap: var(--_spacing---space--4); grid-row-gap: var(--_spacing---space--4); justify-content: center; align-items: center; } .treatment_contact_wrap { margin-top: 0; padding-top: 0; padding-bottom: 0; padding-right: 0; } .treatment_contact_link { justify-content: flex-start; align-items: center; } .behandeling_sidebar_top.u-glass-container { padding: var(--_spacing---space--6); padding: var(--_spacing---space--6); } .g_icon_small { width: 1.5rem; height: 1.5rem; } .faq_list { grid-template-columns: 1fr; } .p-m-wrap { margin-left: 40px; } .footer_link_text.u-text-style-small { text-align: center; text-align: center; } .footer_group_wrap { text-align: center; flex-flow: column; justify-content: center; align-items: center; display: flex; } .footer_content { display: none; } .footer_group_list { justify-content: center; align-items: center; } .contact_sidebar_wrap { padding: 1.5rem; } .bedankt_lottie { width: auto; } .typeform-wrapper-pn8g7ien.u-glass-container { height: 30rem; min-height: 30rem; } .footer_component.u-glass-container { padding: 0; } .footer_mid_layout { grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); justify-content: center; align-items: center; } .footer_item_group.u-glass-container { width: auto; min-height: auto; padding: .5rem; } .nav_mobile_button.u-glass-container { width: auto; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .g_big_card { border-radius: 0; padding: 0; box-shadow: 0 0 10px #040c2e00; } .big_card_image { height: 100%; min-height: auto; max-height: none; } } #w-node-_339c182f-dc11-3d04-a000-5a2c638dc122-638dc11c, #w-node-_2733c71e-2461-77b8-fdd9-bf930f76928b-638dc11c, #w-node-_4cc7a3eb-0500-1fd4-2ddf-d3a88ac2224d-638dc11c { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_97baabe6-da44-aab5-25ce-81cb03eff8be-03eff8a9 { order: 0; } @media screen and (max-width: 767px) { #w-node-_339c182f-dc11-3d04-a000-5a2c638dc140-638dc11c { grid-area: span 1 / span 1 / span 1 / span 1; } }