@charset "UTF-8"; /* purgecss start ignore */ /*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *, path, clipPath)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; -webkit-tap-highlight-color: transparent; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; overflow-wrap: break-word; word-wrap: break-word; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::-moz-placeholder { color: unset; } ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* hide arrow in details on safari and ios */ ::-webkit-details-marker { display: none; } /* purgecss end ignore */ /* latin-ext */ @font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/inter/inter.latin-ext.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/inter/inter.latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: "Lexend"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/lexend/lexend.latin-ext.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Lexend"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/lexend/lexend.latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "icomoon"; src: url("../fonts/intotheminds/intotheminds.ttf?b2n8aj") format("truetype"), url("../fonts/intotheminds/intotheminds.woff?b2n8aj") format("woff"), url("../fonts/intotheminds/intotheminds.svg?b2n8aj#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } :root { --grid-margin: 1.2rem; --grid-gap: 1.2rem; --grid-space: 2.4rem; --layout-max-width: 156rem; --columns: 12; --container-columns: 12; --minus-gap: 1; --radius--md: 1.6rem; --radius: 0.8rem; --radius--sm: 0.6rem; --radius--xs: 0.4rem; --cta-height: 4rem; --header-height: 15.2rem; --header-navigation-gap: .8rem; --header-navigation-height: 5.6rem; --header-navigation-offset: 2.4rem; --header-banner-height: 5.6rem; --row-spacing-vertical: 4.8rem; --block-spacing-vertical: 4rem; --block-gap-vertical: 4rem; --block-inline-space: 3.2rem; --block-inline-space--sm: 2.4rem; --white: #ffffff; --black: #000000; --yellow--light: rgb(243.5571428571, 206.6857142857, 132.9428571429); --yellow: #EDB33F; --yellow--dark: #C0800B; --yellow--darker: #845807; --yellow--alt: #F6A600; --pink: #E6418D; --green: #76A430; --green--dark: #588219; --green--darker: #4B8300; --orange: #EE6709; --blue: #57A0D7; --blue--dark: #104079; --blue--darker: #003F5E; --blue-space--lighter: #D0D4DA; --blue-space--light: #798495; --blue-space--medium: #3E4B5B; --blue-space: #101315; --blue-space--dark: #262F38; --grey-100: #F5F5F5; --grey-150: #F0F0F0; --grey-200: #EEF0F2; --grey-250: #E9E9E9; --grey-300: #DCDCDC; --grey-400: #C9C9C9; --grey-500: #B8B8B8; --grey-600: #A3A3A3; --grey-700: #868686; --grey-750: #646464; --grey-800: #525252; --grey-900: #171717; --title-font: Lexend, sans-serif; --text-font: Inter, sans-serif; --error: #BF3737; --warning: var(--yellow); --succeed: var(--green); --text-color--lighter: var(--grey-300); --text-color--light: var(--grey-500); --text-color--muted: var(--grey-600); --text-color--medium: var(--grey-800); --text-color: var(--black); --text-color--invert: var(--white); --text-color--alt: var(--blue-space--dark); --text-color--alt--light: var(--blue-space--light); --text-color--alt--lighter: var(--blue-space--lighter); --text-color--accent: var(--yellow); --text-color--accent--dark: var(--yellow--dark); --text-color--green: var(--green); --title-color--medium: var(--grey-750); --title-color: var(--black); --title-color--accent: var(--yellow); --stroke-color--lighter: var(--grey-100); --stroke-color--light: var(--blue-space--lighter); --stroke-color--light--alt: var(--grey-200); --stroke-color: var(--grey-400); --stroke-color--medium: var(--grey-300); --stroke-color--dark: var(--grey-700); --stroke-color--accent: var(--yellow); --stroke-color--accent--dark: var(--yellow--dark); --stroke-color--invert: var(--white); --background-color--light: var(--grey-200); --background-color--medium: var(--grey-300); --background-color: var(--white); --background-color--dark: var(--blue-space--dark); --background-color--accent: var(--yellow); --background-color--accent--light: var(--yellow--light); --drop-shadow: 0 0 0.4rem rgba(16, 19, 21, 0.4); --transition-easing: cubic-bezier(0.45, 0, 0.15, 1); --transition-easing--in-out: cubic-bezier(0.4, 0, 0.1, 1); --transition-duration: 0.32s; --transition: all 0.32s cubic-bezier(0.45, 0, 0.15, 1); --z-index-curtain: 50; --z-index-nav: 100; --z-index-header-nav: 150; --z-index-header-logo: 200; --z-index-header: 250; --z-index-search: 300; --z-index-header-button: 350; --z-index-dialog: 400; --z-index-alert: 450; } @media screen and ( min-width: 48em ) { :root { --row-spacing-vertical: 4.8rem; --block-spacing-vertical: 2rem; --header-navigation-offset: 2.4rem; --grid-gap: 2.4rem; --grid-margin: 1.6rem; --grid-space: 4rem; } } @media screen and ( min-width: 64em ) { :root { --row-spacing-vertical: 9.6rem; --block-inline-space: 4.8rem; --block-inline-space--sm: 3.2rem; --grid-margin: 3.2rem; --grid-space: 5.2rem; } } @media screen and ( min-width: 80em ) { :root { --header-height: 20rem; --grid-gap: 3.2rem; --grid-space: 6.4rem; } } @media screen and ( min-width: 85.375em ) { :root { --grid-margin: 6.4rem; --grid-space: 8.4rem; } } html, body { font-family: "Inter", sans-serif; font-size: 10px; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; } .main-wrapper { font-size: 1.6rem; line-height: 1.5; letter-spacing: 0.01em; } em { font-style: italic; } strong { font-weight: 700; } html, body { background: var(--background-color); color: var(--text-color); } ::-moz-selection { color: var(--text-color--accent--dark); background: gainsboro; } ::selection { color: var(--text-color--accent--dark); background: gainsboro; } img { background: var(--background-color--lighter); } .flex { display: flex; flex-wrap: wrap; align-content: flex-start; } .flex--row { gap: var(--grid-gap); } .flex > [class*=col-]:not(.col-auto, .col-grow) { flex: 0 0 calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * var(--column-size) + var(--grid-gap) * (var(--column-size) - var(--minus-gap))); min-width: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * var(--column-size) + var(--grid-gap) * (var(--column-size) - var(--minus-gap))); } .flex .col-auto { flex: 0 0 auto; } .flex .col-grow { flex: 1; } .flex--auto > *:not([class*=col-]) { flex: 0 0 100%; min-width: 100%; } .flex--column { flex-wrap: nowrap; flex-direction: column; } .flex--justify { justify-content: center; } .flex--v-spaced { align-content: space-between; } .flex--h-spaced { justify-content: space-between; } .flex--v-center { align-items: center; } .flex--h-center { justify-content: center; } .grid { display: grid; gap: 0 var(--grid-gap); grid-template-columns: repeat(var(--grid-columns, var(--container-columns)), 1fr); grid-auto-flow: row; } .grid > [class*=col-] { grid-column-end: span clamp(1, var(--column-size), var(--container-columns)); } .grid > *:not([class*=col-]) { grid-column: 1/-1; } *:not(.flex, .grid) > [class*=col-] { width: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * var(--column-size) + var(--grid-gap) * (var(--column-size) - var(--minus-gap))); } [class*=ml-] { margin-left: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * var(--offset-left-size) + var(--grid-gap) * (var(--offset-left-size) - 0)); } [class*=mr-] { margin-right: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * var(--offset-right-size) + var(--grid-gap) * (var(--offset-right-size) - 0)); } .col-1 { --column-size: 1; } .col-1 > *, .col-1::before, .col-1::after { --container-columns: 1; } .col-1.grid { --grid-columns: 1; } .start-1 { grid-column-start: 1; } .col-2 { --column-size: 2; } .col-2 > *, .col-2::before, .col-2::after { --container-columns: 2; } .col-2.grid { --grid-columns: 2; } .start-2 { grid-column-start: 2; } .col-3 { --column-size: 3; } .col-3 > *, .col-3::before, .col-3::after { --container-columns: 3; } .col-3.grid { --grid-columns: 3; } .start-3 { grid-column-start: 3; } .col-4 { --column-size: 4; } .col-4 > *, .col-4::before, .col-4::after { --container-columns: 4; } .col-4.grid { --grid-columns: 4; } .start-4 { grid-column-start: 4; } .col-5 { --column-size: 5; } .col-5 > *, .col-5::before, .col-5::after { --container-columns: 5; } .col-5.grid { --grid-columns: 5; } .start-5 { grid-column-start: 5; } .col-6 { --column-size: 6; } .col-6 > *, .col-6::before, .col-6::after { --container-columns: 6; } .col-6.grid { --grid-columns: 6; } .start-6 { grid-column-start: 6; } .col-7 { --column-size: 7; } .col-7 > *, .col-7::before, .col-7::after { --container-columns: 7; } .col-7.grid { --grid-columns: 7; } .start-7 { grid-column-start: 7; } .col-8 { --column-size: 8; } .col-8 > *, .col-8::before, .col-8::after { --container-columns: 8; } .col-8.grid { --grid-columns: 8; } .start-8 { grid-column-start: 8; } .col-9 { --column-size: 9; } .col-9 > *, .col-9::before, .col-9::after { --container-columns: 9; } .col-9.grid { --grid-columns: 9; } .start-9 { grid-column-start: 9; } .col-10 { --column-size: 10; } .col-10 > *, .col-10::before, .col-10::after { --container-columns: 10; } .col-10.grid { --grid-columns: 10; } .start-10 { grid-column-start: 10; } .col-11 { --column-size: 11; } .col-11 > *, .col-11::before, .col-11::after { --container-columns: 11; } .col-11.grid { --grid-columns: 11; } .start-11 { grid-column-start: 11; } .col-12 { --column-size: 12; } .col-12 > *, .col-12::before, .col-12::after { --container-columns: 12; } .col-12.grid { --grid-columns: 12; } .start-12 { grid-column-start: 12; } .ml-0 { --offset-left-size: 0; } .mr-0 { --offset-right-size: 0; } .ml-1 { --offset-left-size: 1; } .mr-1 { --offset-right-size: 1; } .ml-2 { --offset-left-size: 2; } .mr-2 { --offset-right-size: 2; } .ml-3 { --offset-left-size: 3; } .mr-3 { --offset-right-size: 3; } .ml-4 { --offset-left-size: 4; } .mr-4 { --offset-right-size: 4; } .ml-5 { --offset-left-size: 5; } .mr-5 { --offset-right-size: 5; } .ml-6 { --offset-left-size: 6; } .mr-6 { --offset-right-size: 6; } .ml-7 { --offset-left-size: 7; } .mr-7 { --offset-right-size: 7; } .ml-8 { --offset-left-size: 8; } .mr-8 { --offset-right-size: 8; } .ml-9 { --offset-left-size: 9; } .mr-9 { --offset-right-size: 9; } .ml-10 { --offset-left-size: 10; } .mr-10 { --offset-right-size: 10; } .ml-11 { --offset-left-size: 11; } .mr-11 { --offset-right-size: 11; } .ml-12 { --offset-left-size: 12; } .mr-12 { --offset-right-size: 12; } @media screen and ( min-width: 22.5em ) { .col-1--xxxs { --column-size: 1; } .col-1--xxxs > *, .col-1--xxxs::before, .col-1--xxxs::after { --container-columns: 1; } .col-1--xxxs.grid { --grid-columns: 1; } .start-1--xxxs { grid-column-start: 1; } .col-2--xxxs { --column-size: 2; } .col-2--xxxs > *, .col-2--xxxs::before, .col-2--xxxs::after { --container-columns: 2; } .col-2--xxxs.grid { --grid-columns: 2; } .start-2--xxxs { grid-column-start: 2; } .col-3--xxxs { --column-size: 3; } .col-3--xxxs > *, .col-3--xxxs::before, .col-3--xxxs::after { --container-columns: 3; } .col-3--xxxs.grid { --grid-columns: 3; } .start-3--xxxs { grid-column-start: 3; } .col-4--xxxs { --column-size: 4; } .col-4--xxxs > *, .col-4--xxxs::before, .col-4--xxxs::after { --container-columns: 4; } .col-4--xxxs.grid { --grid-columns: 4; } .start-4--xxxs { grid-column-start: 4; } .col-5--xxxs { --column-size: 5; } .col-5--xxxs > *, .col-5--xxxs::before, .col-5--xxxs::after { --container-columns: 5; } .col-5--xxxs.grid { --grid-columns: 5; } .start-5--xxxs { grid-column-start: 5; } .col-6--xxxs { --column-size: 6; } .col-6--xxxs > *, .col-6--xxxs::before, .col-6--xxxs::after { --container-columns: 6; } .col-6--xxxs.grid { --grid-columns: 6; } .start-6--xxxs { grid-column-start: 6; } .col-7--xxxs { --column-size: 7; } .col-7--xxxs > *, .col-7--xxxs::before, .col-7--xxxs::after { --container-columns: 7; } .col-7--xxxs.grid { --grid-columns: 7; } .start-7--xxxs { grid-column-start: 7; } .col-8--xxxs { --column-size: 8; } .col-8--xxxs > *, .col-8--xxxs::before, .col-8--xxxs::after { --container-columns: 8; } .col-8--xxxs.grid { --grid-columns: 8; } .start-8--xxxs { grid-column-start: 8; } .col-9--xxxs { --column-size: 9; } .col-9--xxxs > *, .col-9--xxxs::before, .col-9--xxxs::after { --container-columns: 9; } .col-9--xxxs.grid { --grid-columns: 9; } .start-9--xxxs { grid-column-start: 9; } .col-10--xxxs { --column-size: 10; } .col-10--xxxs > *, .col-10--xxxs::before, .col-10--xxxs::after { --container-columns: 10; } .col-10--xxxs.grid { --grid-columns: 10; } .start-10--xxxs { grid-column-start: 10; } .col-11--xxxs { --column-size: 11; } .col-11--xxxs > *, .col-11--xxxs::before, .col-11--xxxs::after { --container-columns: 11; } .col-11--xxxs.grid { --grid-columns: 11; } .start-11--xxxs { grid-column-start: 11; } .col-12--xxxs { --column-size: 12; } .col-12--xxxs > *, .col-12--xxxs::before, .col-12--xxxs::after { --container-columns: 12; } .col-12--xxxs.grid { --grid-columns: 12; } .start-12--xxxs { grid-column-start: 12; } .ml-0--xxxs { --offset-left-size: 0; } .mr-0--xxxs { --offset-right-size: 0; } .ml-1--xxxs { --offset-left-size: 1; } .mr-1--xxxs { --offset-right-size: 1; } .ml-2--xxxs { --offset-left-size: 2; } .mr-2--xxxs { --offset-right-size: 2; } .ml-3--xxxs { --offset-left-size: 3; } .mr-3--xxxs { --offset-right-size: 3; } .ml-4--xxxs { --offset-left-size: 4; } .mr-4--xxxs { --offset-right-size: 4; } .ml-5--xxxs { --offset-left-size: 5; } .mr-5--xxxs { --offset-right-size: 5; } .ml-6--xxxs { --offset-left-size: 6; } .mr-6--xxxs { --offset-right-size: 6; } .ml-7--xxxs { --offset-left-size: 7; } .mr-7--xxxs { --offset-right-size: 7; } .ml-8--xxxs { --offset-left-size: 8; } .mr-8--xxxs { --offset-right-size: 8; } .ml-9--xxxs { --offset-left-size: 9; } .mr-9--xxxs { --offset-right-size: 9; } .ml-10--xxxs { --offset-left-size: 10; } .mr-10--xxxs { --offset-right-size: 10; } .ml-11--xxxs { --offset-left-size: 11; } .mr-11--xxxs { --offset-right-size: 11; } .ml-12--xxxs { --offset-left-size: 12; } .mr-12--xxxs { --offset-right-size: 12; } } @media screen and ( min-width: 24.375em ) { .col-1--xxs { --column-size: 1; } .col-1--xxs > *, .col-1--xxs::before, .col-1--xxs::after { --container-columns: 1; } .col-1--xxs.grid { --grid-columns: 1; } .start-1--xxs { grid-column-start: 1; } .col-2--xxs { --column-size: 2; } .col-2--xxs > *, .col-2--xxs::before, .col-2--xxs::after { --container-columns: 2; } .col-2--xxs.grid { --grid-columns: 2; } .start-2--xxs { grid-column-start: 2; } .col-3--xxs { --column-size: 3; } .col-3--xxs > *, .col-3--xxs::before, .col-3--xxs::after { --container-columns: 3; } .col-3--xxs.grid { --grid-columns: 3; } .start-3--xxs { grid-column-start: 3; } .col-4--xxs { --column-size: 4; } .col-4--xxs > *, .col-4--xxs::before, .col-4--xxs::after { --container-columns: 4; } .col-4--xxs.grid { --grid-columns: 4; } .start-4--xxs { grid-column-start: 4; } .col-5--xxs { --column-size: 5; } .col-5--xxs > *, .col-5--xxs::before, .col-5--xxs::after { --container-columns: 5; } .col-5--xxs.grid { --grid-columns: 5; } .start-5--xxs { grid-column-start: 5; } .col-6--xxs { --column-size: 6; } .col-6--xxs > *, .col-6--xxs::before, .col-6--xxs::after { --container-columns: 6; } .col-6--xxs.grid { --grid-columns: 6; } .start-6--xxs { grid-column-start: 6; } .col-7--xxs { --column-size: 7; } .col-7--xxs > *, .col-7--xxs::before, .col-7--xxs::after { --container-columns: 7; } .col-7--xxs.grid { --grid-columns: 7; } .start-7--xxs { grid-column-start: 7; } .col-8--xxs { --column-size: 8; } .col-8--xxs > *, .col-8--xxs::before, .col-8--xxs::after { --container-columns: 8; } .col-8--xxs.grid { --grid-columns: 8; } .start-8--xxs { grid-column-start: 8; } .col-9--xxs { --column-size: 9; } .col-9--xxs > *, .col-9--xxs::before, .col-9--xxs::after { --container-columns: 9; } .col-9--xxs.grid { --grid-columns: 9; } .start-9--xxs { grid-column-start: 9; } .col-10--xxs { --column-size: 10; } .col-10--xxs > *, .col-10--xxs::before, .col-10--xxs::after { --container-columns: 10; } .col-10--xxs.grid { --grid-columns: 10; } .start-10--xxs { grid-column-start: 10; } .col-11--xxs { --column-size: 11; } .col-11--xxs > *, .col-11--xxs::before, .col-11--xxs::after { --container-columns: 11; } .col-11--xxs.grid { --grid-columns: 11; } .start-11--xxs { grid-column-start: 11; } .col-12--xxs { --column-size: 12; } .col-12--xxs > *, .col-12--xxs::before, .col-12--xxs::after { --container-columns: 12; } .col-12--xxs.grid { --grid-columns: 12; } .start-12--xxs { grid-column-start: 12; } .ml-0--xxs { --offset-left-size: 0; } .mr-0--xxs { --offset-right-size: 0; } .ml-1--xxs { --offset-left-size: 1; } .mr-1--xxs { --offset-right-size: 1; } .ml-2--xxs { --offset-left-size: 2; } .mr-2--xxs { --offset-right-size: 2; } .ml-3--xxs { --offset-left-size: 3; } .mr-3--xxs { --offset-right-size: 3; } .ml-4--xxs { --offset-left-size: 4; } .mr-4--xxs { --offset-right-size: 4; } .ml-5--xxs { --offset-left-size: 5; } .mr-5--xxs { --offset-right-size: 5; } .ml-6--xxs { --offset-left-size: 6; } .mr-6--xxs { --offset-right-size: 6; } .ml-7--xxs { --offset-left-size: 7; } .mr-7--xxs { --offset-right-size: 7; } .ml-8--xxs { --offset-left-size: 8; } .mr-8--xxs { --offset-right-size: 8; } .ml-9--xxs { --offset-left-size: 9; } .mr-9--xxs { --offset-right-size: 9; } .ml-10--xxs { --offset-left-size: 10; } .mr-10--xxs { --offset-right-size: 10; } .ml-11--xxs { --offset-left-size: 11; } .mr-11--xxs { --offset-right-size: 11; } .ml-12--xxs { --offset-left-size: 12; } .mr-12--xxs { --offset-right-size: 12; } } @media screen and ( min-width: 26.75em ) { .col-1--xs { --column-size: 1; } .col-1--xs > *, .col-1--xs::before, .col-1--xs::after { --container-columns: 1; } .col-1--xs.grid { --grid-columns: 1; } .start-1--xs { grid-column-start: 1; } .col-2--xs { --column-size: 2; } .col-2--xs > *, .col-2--xs::before, .col-2--xs::after { --container-columns: 2; } .col-2--xs.grid { --grid-columns: 2; } .start-2--xs { grid-column-start: 2; } .col-3--xs { --column-size: 3; } .col-3--xs > *, .col-3--xs::before, .col-3--xs::after { --container-columns: 3; } .col-3--xs.grid { --grid-columns: 3; } .start-3--xs { grid-column-start: 3; } .col-4--xs { --column-size: 4; } .col-4--xs > *, .col-4--xs::before, .col-4--xs::after { --container-columns: 4; } .col-4--xs.grid { --grid-columns: 4; } .start-4--xs { grid-column-start: 4; } .col-5--xs { --column-size: 5; } .col-5--xs > *, .col-5--xs::before, .col-5--xs::after { --container-columns: 5; } .col-5--xs.grid { --grid-columns: 5; } .start-5--xs { grid-column-start: 5; } .col-6--xs { --column-size: 6; } .col-6--xs > *, .col-6--xs::before, .col-6--xs::after { --container-columns: 6; } .col-6--xs.grid { --grid-columns: 6; } .start-6--xs { grid-column-start: 6; } .col-7--xs { --column-size: 7; } .col-7--xs > *, .col-7--xs::before, .col-7--xs::after { --container-columns: 7; } .col-7--xs.grid { --grid-columns: 7; } .start-7--xs { grid-column-start: 7; } .col-8--xs { --column-size: 8; } .col-8--xs > *, .col-8--xs::before, .col-8--xs::after { --container-columns: 8; } .col-8--xs.grid { --grid-columns: 8; } .start-8--xs { grid-column-start: 8; } .col-9--xs { --column-size: 9; } .col-9--xs > *, .col-9--xs::before, .col-9--xs::after { --container-columns: 9; } .col-9--xs.grid { --grid-columns: 9; } .start-9--xs { grid-column-start: 9; } .col-10--xs { --column-size: 10; } .col-10--xs > *, .col-10--xs::before, .col-10--xs::after { --container-columns: 10; } .col-10--xs.grid { --grid-columns: 10; } .start-10--xs { grid-column-start: 10; } .col-11--xs { --column-size: 11; } .col-11--xs > *, .col-11--xs::before, .col-11--xs::after { --container-columns: 11; } .col-11--xs.grid { --grid-columns: 11; } .start-11--xs { grid-column-start: 11; } .col-12--xs { --column-size: 12; } .col-12--xs > *, .col-12--xs::before, .col-12--xs::after { --container-columns: 12; } .col-12--xs.grid { --grid-columns: 12; } .start-12--xs { grid-column-start: 12; } .ml-0--xs { --offset-left-size: 0; } .mr-0--xs { --offset-right-size: 0; } .ml-1--xs { --offset-left-size: 1; } .mr-1--xs { --offset-right-size: 1; } .ml-2--xs { --offset-left-size: 2; } .mr-2--xs { --offset-right-size: 2; } .ml-3--xs { --offset-left-size: 3; } .mr-3--xs { --offset-right-size: 3; } .ml-4--xs { --offset-left-size: 4; } .mr-4--xs { --offset-right-size: 4; } .ml-5--xs { --offset-left-size: 5; } .mr-5--xs { --offset-right-size: 5; } .ml-6--xs { --offset-left-size: 6; } .mr-6--xs { --offset-right-size: 6; } .ml-7--xs { --offset-left-size: 7; } .mr-7--xs { --offset-right-size: 7; } .ml-8--xs { --offset-left-size: 8; } .mr-8--xs { --offset-right-size: 8; } .ml-9--xs { --offset-left-size: 9; } .mr-9--xs { --offset-right-size: 9; } .ml-10--xs { --offset-left-size: 10; } .mr-10--xs { --offset-right-size: 10; } .ml-11--xs { --offset-left-size: 11; } .mr-11--xs { --offset-right-size: 11; } .ml-12--xs { --offset-left-size: 12; } .mr-12--xs { --offset-right-size: 12; } } @media screen and ( min-width: 40em ) { .col-1--xs-mid { --column-size: 1; } .col-1--xs-mid > *, .col-1--xs-mid::before, .col-1--xs-mid::after { --container-columns: 1; } .col-1--xs-mid.grid { --grid-columns: 1; } .start-1--xs-mid { grid-column-start: 1; } .col-2--xs-mid { --column-size: 2; } .col-2--xs-mid > *, .col-2--xs-mid::before, .col-2--xs-mid::after { --container-columns: 2; } .col-2--xs-mid.grid { --grid-columns: 2; } .start-2--xs-mid { grid-column-start: 2; } .col-3--xs-mid { --column-size: 3; } .col-3--xs-mid > *, .col-3--xs-mid::before, .col-3--xs-mid::after { --container-columns: 3; } .col-3--xs-mid.grid { --grid-columns: 3; } .start-3--xs-mid { grid-column-start: 3; } .col-4--xs-mid { --column-size: 4; } .col-4--xs-mid > *, .col-4--xs-mid::before, .col-4--xs-mid::after { --container-columns: 4; } .col-4--xs-mid.grid { --grid-columns: 4; } .start-4--xs-mid { grid-column-start: 4; } .col-5--xs-mid { --column-size: 5; } .col-5--xs-mid > *, .col-5--xs-mid::before, .col-5--xs-mid::after { --container-columns: 5; } .col-5--xs-mid.grid { --grid-columns: 5; } .start-5--xs-mid { grid-column-start: 5; } .col-6--xs-mid { --column-size: 6; } .col-6--xs-mid > *, .col-6--xs-mid::before, .col-6--xs-mid::after { --container-columns: 6; } .col-6--xs-mid.grid { --grid-columns: 6; } .start-6--xs-mid { grid-column-start: 6; } .col-7--xs-mid { --column-size: 7; } .col-7--xs-mid > *, .col-7--xs-mid::before, .col-7--xs-mid::after { --container-columns: 7; } .col-7--xs-mid.grid { --grid-columns: 7; } .start-7--xs-mid { grid-column-start: 7; } .col-8--xs-mid { --column-size: 8; } .col-8--xs-mid > *, .col-8--xs-mid::before, .col-8--xs-mid::after { --container-columns: 8; } .col-8--xs-mid.grid { --grid-columns: 8; } .start-8--xs-mid { grid-column-start: 8; } .col-9--xs-mid { --column-size: 9; } .col-9--xs-mid > *, .col-9--xs-mid::before, .col-9--xs-mid::after { --container-columns: 9; } .col-9--xs-mid.grid { --grid-columns: 9; } .start-9--xs-mid { grid-column-start: 9; } .col-10--xs-mid { --column-size: 10; } .col-10--xs-mid > *, .col-10--xs-mid::before, .col-10--xs-mid::after { --container-columns: 10; } .col-10--xs-mid.grid { --grid-columns: 10; } .start-10--xs-mid { grid-column-start: 10; } .col-11--xs-mid { --column-size: 11; } .col-11--xs-mid > *, .col-11--xs-mid::before, .col-11--xs-mid::after { --container-columns: 11; } .col-11--xs-mid.grid { --grid-columns: 11; } .start-11--xs-mid { grid-column-start: 11; } .col-12--xs-mid { --column-size: 12; } .col-12--xs-mid > *, .col-12--xs-mid::before, .col-12--xs-mid::after { --container-columns: 12; } .col-12--xs-mid.grid { --grid-columns: 12; } .start-12--xs-mid { grid-column-start: 12; } .ml-0--xs-mid { --offset-left-size: 0; } .mr-0--xs-mid { --offset-right-size: 0; } .ml-1--xs-mid { --offset-left-size: 1; } .mr-1--xs-mid { --offset-right-size: 1; } .ml-2--xs-mid { --offset-left-size: 2; } .mr-2--xs-mid { --offset-right-size: 2; } .ml-3--xs-mid { --offset-left-size: 3; } .mr-3--xs-mid { --offset-right-size: 3; } .ml-4--xs-mid { --offset-left-size: 4; } .mr-4--xs-mid { --offset-right-size: 4; } .ml-5--xs-mid { --offset-left-size: 5; } .mr-5--xs-mid { --offset-right-size: 5; } .ml-6--xs-mid { --offset-left-size: 6; } .mr-6--xs-mid { --offset-right-size: 6; } .ml-7--xs-mid { --offset-left-size: 7; } .mr-7--xs-mid { --offset-right-size: 7; } .ml-8--xs-mid { --offset-left-size: 8; } .mr-8--xs-mid { --offset-right-size: 8; } .ml-9--xs-mid { --offset-left-size: 9; } .mr-9--xs-mid { --offset-right-size: 9; } .ml-10--xs-mid { --offset-left-size: 10; } .mr-10--xs-mid { --offset-right-size: 10; } .ml-11--xs-mid { --offset-left-size: 11; } .mr-11--xs-mid { --offset-right-size: 11; } .ml-12--xs-mid { --offset-left-size: 12; } .mr-12--xs-mid { --offset-right-size: 12; } } @media screen and ( min-width: 48em ) { .col-1--sm { --column-size: 1; } .col-1--sm > *, .col-1--sm::before, .col-1--sm::after { --container-columns: 1; } .col-1--sm.grid { --grid-columns: 1; } .start-1--sm { grid-column-start: 1; } .col-2--sm { --column-size: 2; } .col-2--sm > *, .col-2--sm::before, .col-2--sm::after { --container-columns: 2; } .col-2--sm.grid { --grid-columns: 2; } .start-2--sm { grid-column-start: 2; } .col-3--sm { --column-size: 3; } .col-3--sm > *, .col-3--sm::before, .col-3--sm::after { --container-columns: 3; } .col-3--sm.grid { --grid-columns: 3; } .start-3--sm { grid-column-start: 3; } .col-4--sm { --column-size: 4; } .col-4--sm > *, .col-4--sm::before, .col-4--sm::after { --container-columns: 4; } .col-4--sm.grid { --grid-columns: 4; } .start-4--sm { grid-column-start: 4; } .col-5--sm { --column-size: 5; } .col-5--sm > *, .col-5--sm::before, .col-5--sm::after { --container-columns: 5; } .col-5--sm.grid { --grid-columns: 5; } .start-5--sm { grid-column-start: 5; } .col-6--sm { --column-size: 6; } .col-6--sm > *, .col-6--sm::before, .col-6--sm::after { --container-columns: 6; } .col-6--sm.grid { --grid-columns: 6; } .start-6--sm { grid-column-start: 6; } .col-7--sm { --column-size: 7; } .col-7--sm > *, .col-7--sm::before, .col-7--sm::after { --container-columns: 7; } .col-7--sm.grid { --grid-columns: 7; } .start-7--sm { grid-column-start: 7; } .col-8--sm { --column-size: 8; } .col-8--sm > *, .col-8--sm::before, .col-8--sm::after { --container-columns: 8; } .col-8--sm.grid { --grid-columns: 8; } .start-8--sm { grid-column-start: 8; } .col-9--sm { --column-size: 9; } .col-9--sm > *, .col-9--sm::before, .col-9--sm::after { --container-columns: 9; } .col-9--sm.grid { --grid-columns: 9; } .start-9--sm { grid-column-start: 9; } .col-10--sm { --column-size: 10; } .col-10--sm > *, .col-10--sm::before, .col-10--sm::after { --container-columns: 10; } .col-10--sm.grid { --grid-columns: 10; } .start-10--sm { grid-column-start: 10; } .col-11--sm { --column-size: 11; } .col-11--sm > *, .col-11--sm::before, .col-11--sm::after { --container-columns: 11; } .col-11--sm.grid { --grid-columns: 11; } .start-11--sm { grid-column-start: 11; } .col-12--sm { --column-size: 12; } .col-12--sm > *, .col-12--sm::before, .col-12--sm::after { --container-columns: 12; } .col-12--sm.grid { --grid-columns: 12; } .start-12--sm { grid-column-start: 12; } .ml-0--sm { --offset-left-size: 0; } .mr-0--sm { --offset-right-size: 0; } .ml-1--sm { --offset-left-size: 1; } .mr-1--sm { --offset-right-size: 1; } .ml-2--sm { --offset-left-size: 2; } .mr-2--sm { --offset-right-size: 2; } .ml-3--sm { --offset-left-size: 3; } .mr-3--sm { --offset-right-size: 3; } .ml-4--sm { --offset-left-size: 4; } .mr-4--sm { --offset-right-size: 4; } .ml-5--sm { --offset-left-size: 5; } .mr-5--sm { --offset-right-size: 5; } .ml-6--sm { --offset-left-size: 6; } .mr-6--sm { --offset-right-size: 6; } .ml-7--sm { --offset-left-size: 7; } .mr-7--sm { --offset-right-size: 7; } .ml-8--sm { --offset-left-size: 8; } .mr-8--sm { --offset-right-size: 8; } .ml-9--sm { --offset-left-size: 9; } .mr-9--sm { --offset-right-size: 9; } .ml-10--sm { --offset-left-size: 10; } .mr-10--sm { --offset-right-size: 10; } .ml-11--sm { --offset-left-size: 11; } .mr-11--sm { --offset-right-size: 11; } .ml-12--sm { --offset-left-size: 12; } .mr-12--sm { --offset-right-size: 12; } } @media screen and ( min-width: 50.625em ) { .col-1--sm-mid { --column-size: 1; } .col-1--sm-mid > *, .col-1--sm-mid::before, .col-1--sm-mid::after { --container-columns: 1; } .col-1--sm-mid.grid { --grid-columns: 1; } .start-1--sm-mid { grid-column-start: 1; } .col-2--sm-mid { --column-size: 2; } .col-2--sm-mid > *, .col-2--sm-mid::before, .col-2--sm-mid::after { --container-columns: 2; } .col-2--sm-mid.grid { --grid-columns: 2; } .start-2--sm-mid { grid-column-start: 2; } .col-3--sm-mid { --column-size: 3; } .col-3--sm-mid > *, .col-3--sm-mid::before, .col-3--sm-mid::after { --container-columns: 3; } .col-3--sm-mid.grid { --grid-columns: 3; } .start-3--sm-mid { grid-column-start: 3; } .col-4--sm-mid { --column-size: 4; } .col-4--sm-mid > *, .col-4--sm-mid::before, .col-4--sm-mid::after { --container-columns: 4; } .col-4--sm-mid.grid { --grid-columns: 4; } .start-4--sm-mid { grid-column-start: 4; } .col-5--sm-mid { --column-size: 5; } .col-5--sm-mid > *, .col-5--sm-mid::before, .col-5--sm-mid::after { --container-columns: 5; } .col-5--sm-mid.grid { --grid-columns: 5; } .start-5--sm-mid { grid-column-start: 5; } .col-6--sm-mid { --column-size: 6; } .col-6--sm-mid > *, .col-6--sm-mid::before, .col-6--sm-mid::after { --container-columns: 6; } .col-6--sm-mid.grid { --grid-columns: 6; } .start-6--sm-mid { grid-column-start: 6; } .col-7--sm-mid { --column-size: 7; } .col-7--sm-mid > *, .col-7--sm-mid::before, .col-7--sm-mid::after { --container-columns: 7; } .col-7--sm-mid.grid { --grid-columns: 7; } .start-7--sm-mid { grid-column-start: 7; } .col-8--sm-mid { --column-size: 8; } .col-8--sm-mid > *, .col-8--sm-mid::before, .col-8--sm-mid::after { --container-columns: 8; } .col-8--sm-mid.grid { --grid-columns: 8; } .start-8--sm-mid { grid-column-start: 8; } .col-9--sm-mid { --column-size: 9; } .col-9--sm-mid > *, .col-9--sm-mid::before, .col-9--sm-mid::after { --container-columns: 9; } .col-9--sm-mid.grid { --grid-columns: 9; } .start-9--sm-mid { grid-column-start: 9; } .col-10--sm-mid { --column-size: 10; } .col-10--sm-mid > *, .col-10--sm-mid::before, .col-10--sm-mid::after { --container-columns: 10; } .col-10--sm-mid.grid { --grid-columns: 10; } .start-10--sm-mid { grid-column-start: 10; } .col-11--sm-mid { --column-size: 11; } .col-11--sm-mid > *, .col-11--sm-mid::before, .col-11--sm-mid::after { --container-columns: 11; } .col-11--sm-mid.grid { --grid-columns: 11; } .start-11--sm-mid { grid-column-start: 11; } .col-12--sm-mid { --column-size: 12; } .col-12--sm-mid > *, .col-12--sm-mid::before, .col-12--sm-mid::after { --container-columns: 12; } .col-12--sm-mid.grid { --grid-columns: 12; } .start-12--sm-mid { grid-column-start: 12; } .ml-0--sm-mid { --offset-left-size: 0; } .mr-0--sm-mid { --offset-right-size: 0; } .ml-1--sm-mid { --offset-left-size: 1; } .mr-1--sm-mid { --offset-right-size: 1; } .ml-2--sm-mid { --offset-left-size: 2; } .mr-2--sm-mid { --offset-right-size: 2; } .ml-3--sm-mid { --offset-left-size: 3; } .mr-3--sm-mid { --offset-right-size: 3; } .ml-4--sm-mid { --offset-left-size: 4; } .mr-4--sm-mid { --offset-right-size: 4; } .ml-5--sm-mid { --offset-left-size: 5; } .mr-5--sm-mid { --offset-right-size: 5; } .ml-6--sm-mid { --offset-left-size: 6; } .mr-6--sm-mid { --offset-right-size: 6; } .ml-7--sm-mid { --offset-left-size: 7; } .mr-7--sm-mid { --offset-right-size: 7; } .ml-8--sm-mid { --offset-left-size: 8; } .mr-8--sm-mid { --offset-right-size: 8; } .ml-9--sm-mid { --offset-left-size: 9; } .mr-9--sm-mid { --offset-right-size: 9; } .ml-10--sm-mid { --offset-left-size: 10; } .mr-10--sm-mid { --offset-right-size: 10; } .ml-11--sm-mid { --offset-left-size: 11; } .mr-11--sm-mid { --offset-right-size: 11; } .ml-12--sm-mid { --offset-left-size: 12; } .mr-12--sm-mid { --offset-right-size: 12; } } @media screen and ( min-width: 64em ) { .col-1--md { --column-size: 1; } .col-1--md > *, .col-1--md::before, .col-1--md::after { --container-columns: 1; } .col-1--md.grid { --grid-columns: 1; } .start-1--md { grid-column-start: 1; } .col-2--md { --column-size: 2; } .col-2--md > *, .col-2--md::before, .col-2--md::after { --container-columns: 2; } .col-2--md.grid { --grid-columns: 2; } .start-2--md { grid-column-start: 2; } .col-3--md { --column-size: 3; } .col-3--md > *, .col-3--md::before, .col-3--md::after { --container-columns: 3; } .col-3--md.grid { --grid-columns: 3; } .start-3--md { grid-column-start: 3; } .col-4--md { --column-size: 4; } .col-4--md > *, .col-4--md::before, .col-4--md::after { --container-columns: 4; } .col-4--md.grid { --grid-columns: 4; } .start-4--md { grid-column-start: 4; } .col-5--md { --column-size: 5; } .col-5--md > *, .col-5--md::before, .col-5--md::after { --container-columns: 5; } .col-5--md.grid { --grid-columns: 5; } .start-5--md { grid-column-start: 5; } .col-6--md { --column-size: 6; } .col-6--md > *, .col-6--md::before, .col-6--md::after { --container-columns: 6; } .col-6--md.grid { --grid-columns: 6; } .start-6--md { grid-column-start: 6; } .col-7--md { --column-size: 7; } .col-7--md > *, .col-7--md::before, .col-7--md::after { --container-columns: 7; } .col-7--md.grid { --grid-columns: 7; } .start-7--md { grid-column-start: 7; } .col-8--md { --column-size: 8; } .col-8--md > *, .col-8--md::before, .col-8--md::after { --container-columns: 8; } .col-8--md.grid { --grid-columns: 8; } .start-8--md { grid-column-start: 8; } .col-9--md { --column-size: 9; } .col-9--md > *, .col-9--md::before, .col-9--md::after { --container-columns: 9; } .col-9--md.grid { --grid-columns: 9; } .start-9--md { grid-column-start: 9; } .col-10--md { --column-size: 10; } .col-10--md > *, .col-10--md::before, .col-10--md::after { --container-columns: 10; } .col-10--md.grid { --grid-columns: 10; } .start-10--md { grid-column-start: 10; } .col-11--md { --column-size: 11; } .col-11--md > *, .col-11--md::before, .col-11--md::after { --container-columns: 11; } .col-11--md.grid { --grid-columns: 11; } .start-11--md { grid-column-start: 11; } .col-12--md { --column-size: 12; } .col-12--md > *, .col-12--md::before, .col-12--md::after { --container-columns: 12; } .col-12--md.grid { --grid-columns: 12; } .start-12--md { grid-column-start: 12; } .ml-0--md { --offset-left-size: 0; } .mr-0--md { --offset-right-size: 0; } .ml-1--md { --offset-left-size: 1; } .mr-1--md { --offset-right-size: 1; } .ml-2--md { --offset-left-size: 2; } .mr-2--md { --offset-right-size: 2; } .ml-3--md { --offset-left-size: 3; } .mr-3--md { --offset-right-size: 3; } .ml-4--md { --offset-left-size: 4; } .mr-4--md { --offset-right-size: 4; } .ml-5--md { --offset-left-size: 5; } .mr-5--md { --offset-right-size: 5; } .ml-6--md { --offset-left-size: 6; } .mr-6--md { --offset-right-size: 6; } .ml-7--md { --offset-left-size: 7; } .mr-7--md { --offset-right-size: 7; } .ml-8--md { --offset-left-size: 8; } .mr-8--md { --offset-right-size: 8; } .ml-9--md { --offset-left-size: 9; } .mr-9--md { --offset-right-size: 9; } .ml-10--md { --offset-left-size: 10; } .mr-10--md { --offset-right-size: 10; } .ml-11--md { --offset-left-size: 11; } .mr-11--md { --offset-right-size: 11; } .ml-12--md { --offset-left-size: 12; } .mr-12--md { --offset-right-size: 12; } } @media screen and ( min-width: 80em ) { .col-1--md-mid { --column-size: 1; } .col-1--md-mid > *, .col-1--md-mid::before, .col-1--md-mid::after { --container-columns: 1; } .col-1--md-mid.grid { --grid-columns: 1; } .start-1--md-mid { grid-column-start: 1; } .col-2--md-mid { --column-size: 2; } .col-2--md-mid > *, .col-2--md-mid::before, .col-2--md-mid::after { --container-columns: 2; } .col-2--md-mid.grid { --grid-columns: 2; } .start-2--md-mid { grid-column-start: 2; } .col-3--md-mid { --column-size: 3; } .col-3--md-mid > *, .col-3--md-mid::before, .col-3--md-mid::after { --container-columns: 3; } .col-3--md-mid.grid { --grid-columns: 3; } .start-3--md-mid { grid-column-start: 3; } .col-4--md-mid { --column-size: 4; } .col-4--md-mid > *, .col-4--md-mid::before, .col-4--md-mid::after { --container-columns: 4; } .col-4--md-mid.grid { --grid-columns: 4; } .start-4--md-mid { grid-column-start: 4; } .col-5--md-mid { --column-size: 5; } .col-5--md-mid > *, .col-5--md-mid::before, .col-5--md-mid::after { --container-columns: 5; } .col-5--md-mid.grid { --grid-columns: 5; } .start-5--md-mid { grid-column-start: 5; } .col-6--md-mid { --column-size: 6; } .col-6--md-mid > *, .col-6--md-mid::before, .col-6--md-mid::after { --container-columns: 6; } .col-6--md-mid.grid { --grid-columns: 6; } .start-6--md-mid { grid-column-start: 6; } .col-7--md-mid { --column-size: 7; } .col-7--md-mid > *, .col-7--md-mid::before, .col-7--md-mid::after { --container-columns: 7; } .col-7--md-mid.grid { --grid-columns: 7; } .start-7--md-mid { grid-column-start: 7; } .col-8--md-mid { --column-size: 8; } .col-8--md-mid > *, .col-8--md-mid::before, .col-8--md-mid::after { --container-columns: 8; } .col-8--md-mid.grid { --grid-columns: 8; } .start-8--md-mid { grid-column-start: 8; } .col-9--md-mid { --column-size: 9; } .col-9--md-mid > *, .col-9--md-mid::before, .col-9--md-mid::after { --container-columns: 9; } .col-9--md-mid.grid { --grid-columns: 9; } .start-9--md-mid { grid-column-start: 9; } .col-10--md-mid { --column-size: 10; } .col-10--md-mid > *, .col-10--md-mid::before, .col-10--md-mid::after { --container-columns: 10; } .col-10--md-mid.grid { --grid-columns: 10; } .start-10--md-mid { grid-column-start: 10; } .col-11--md-mid { --column-size: 11; } .col-11--md-mid > *, .col-11--md-mid::before, .col-11--md-mid::after { --container-columns: 11; } .col-11--md-mid.grid { --grid-columns: 11; } .start-11--md-mid { grid-column-start: 11; } .col-12--md-mid { --column-size: 12; } .col-12--md-mid > *, .col-12--md-mid::before, .col-12--md-mid::after { --container-columns: 12; } .col-12--md-mid.grid { --grid-columns: 12; } .start-12--md-mid { grid-column-start: 12; } .ml-0--md-mid { --offset-left-size: 0; } .mr-0--md-mid { --offset-right-size: 0; } .ml-1--md-mid { --offset-left-size: 1; } .mr-1--md-mid { --offset-right-size: 1; } .ml-2--md-mid { --offset-left-size: 2; } .mr-2--md-mid { --offset-right-size: 2; } .ml-3--md-mid { --offset-left-size: 3; } .mr-3--md-mid { --offset-right-size: 3; } .ml-4--md-mid { --offset-left-size: 4; } .mr-4--md-mid { --offset-right-size: 4; } .ml-5--md-mid { --offset-left-size: 5; } .mr-5--md-mid { --offset-right-size: 5; } .ml-6--md-mid { --offset-left-size: 6; } .mr-6--md-mid { --offset-right-size: 6; } .ml-7--md-mid { --offset-left-size: 7; } .mr-7--md-mid { --offset-right-size: 7; } .ml-8--md-mid { --offset-left-size: 8; } .mr-8--md-mid { --offset-right-size: 8; } .ml-9--md-mid { --offset-left-size: 9; } .mr-9--md-mid { --offset-right-size: 9; } .ml-10--md-mid { --offset-left-size: 10; } .mr-10--md-mid { --offset-right-size: 10; } .ml-11--md-mid { --offset-left-size: 11; } .mr-11--md-mid { --offset-right-size: 11; } .ml-12--md-mid { --offset-left-size: 12; } .mr-12--md-mid { --offset-right-size: 12; } } @media screen and ( min-width: 85.375em ) { .col-1--lg { --column-size: 1; } .col-1--lg > *, .col-1--lg::before, .col-1--lg::after { --container-columns: 1; } .col-1--lg.grid { --grid-columns: 1; } .start-1--lg { grid-column-start: 1; } .col-2--lg { --column-size: 2; } .col-2--lg > *, .col-2--lg::before, .col-2--lg::after { --container-columns: 2; } .col-2--lg.grid { --grid-columns: 2; } .start-2--lg { grid-column-start: 2; } .col-3--lg { --column-size: 3; } .col-3--lg > *, .col-3--lg::before, .col-3--lg::after { --container-columns: 3; } .col-3--lg.grid { --grid-columns: 3; } .start-3--lg { grid-column-start: 3; } .col-4--lg { --column-size: 4; } .col-4--lg > *, .col-4--lg::before, .col-4--lg::after { --container-columns: 4; } .col-4--lg.grid { --grid-columns: 4; } .start-4--lg { grid-column-start: 4; } .col-5--lg { --column-size: 5; } .col-5--lg > *, .col-5--lg::before, .col-5--lg::after { --container-columns: 5; } .col-5--lg.grid { --grid-columns: 5; } .start-5--lg { grid-column-start: 5; } .col-6--lg { --column-size: 6; } .col-6--lg > *, .col-6--lg::before, .col-6--lg::after { --container-columns: 6; } .col-6--lg.grid { --grid-columns: 6; } .start-6--lg { grid-column-start: 6; } .col-7--lg { --column-size: 7; } .col-7--lg > *, .col-7--lg::before, .col-7--lg::after { --container-columns: 7; } .col-7--lg.grid { --grid-columns: 7; } .start-7--lg { grid-column-start: 7; } .col-8--lg { --column-size: 8; } .col-8--lg > *, .col-8--lg::before, .col-8--lg::after { --container-columns: 8; } .col-8--lg.grid { --grid-columns: 8; } .start-8--lg { grid-column-start: 8; } .col-9--lg { --column-size: 9; } .col-9--lg > *, .col-9--lg::before, .col-9--lg::after { --container-columns: 9; } .col-9--lg.grid { --grid-columns: 9; } .start-9--lg { grid-column-start: 9; } .col-10--lg { --column-size: 10; } .col-10--lg > *, .col-10--lg::before, .col-10--lg::after { --container-columns: 10; } .col-10--lg.grid { --grid-columns: 10; } .start-10--lg { grid-column-start: 10; } .col-11--lg { --column-size: 11; } .col-11--lg > *, .col-11--lg::before, .col-11--lg::after { --container-columns: 11; } .col-11--lg.grid { --grid-columns: 11; } .start-11--lg { grid-column-start: 11; } .col-12--lg { --column-size: 12; } .col-12--lg > *, .col-12--lg::before, .col-12--lg::after { --container-columns: 12; } .col-12--lg.grid { --grid-columns: 12; } .start-12--lg { grid-column-start: 12; } .ml-0--lg { --offset-left-size: 0; } .mr-0--lg { --offset-right-size: 0; } .ml-1--lg { --offset-left-size: 1; } .mr-1--lg { --offset-right-size: 1; } .ml-2--lg { --offset-left-size: 2; } .mr-2--lg { --offset-right-size: 2; } .ml-3--lg { --offset-left-size: 3; } .mr-3--lg { --offset-right-size: 3; } .ml-4--lg { --offset-left-size: 4; } .mr-4--lg { --offset-right-size: 4; } .ml-5--lg { --offset-left-size: 5; } .mr-5--lg { --offset-right-size: 5; } .ml-6--lg { --offset-left-size: 6; } .mr-6--lg { --offset-right-size: 6; } .ml-7--lg { --offset-left-size: 7; } .mr-7--lg { --offset-right-size: 7; } .ml-8--lg { --offset-left-size: 8; } .mr-8--lg { --offset-right-size: 8; } .ml-9--lg { --offset-left-size: 9; } .mr-9--lg { --offset-right-size: 9; } .ml-10--lg { --offset-left-size: 10; } .mr-10--lg { --offset-right-size: 10; } .ml-11--lg { --offset-left-size: 11; } .mr-11--lg { --offset-right-size: 11; } .ml-12--lg { --offset-left-size: 12; } .mr-12--lg { --offset-right-size: 12; } } @media screen and ( min-width: 90em ) { .col-1--lg-mid { --column-size: 1; } .col-1--lg-mid > *, .col-1--lg-mid::before, .col-1--lg-mid::after { --container-columns: 1; } .col-1--lg-mid.grid { --grid-columns: 1; } .start-1--lg-mid { grid-column-start: 1; } .col-2--lg-mid { --column-size: 2; } .col-2--lg-mid > *, .col-2--lg-mid::before, .col-2--lg-mid::after { --container-columns: 2; } .col-2--lg-mid.grid { --grid-columns: 2; } .start-2--lg-mid { grid-column-start: 2; } .col-3--lg-mid { --column-size: 3; } .col-3--lg-mid > *, .col-3--lg-mid::before, .col-3--lg-mid::after { --container-columns: 3; } .col-3--lg-mid.grid { --grid-columns: 3; } .start-3--lg-mid { grid-column-start: 3; } .col-4--lg-mid { --column-size: 4; } .col-4--lg-mid > *, .col-4--lg-mid::before, .col-4--lg-mid::after { --container-columns: 4; } .col-4--lg-mid.grid { --grid-columns: 4; } .start-4--lg-mid { grid-column-start: 4; } .col-5--lg-mid { --column-size: 5; } .col-5--lg-mid > *, .col-5--lg-mid::before, .col-5--lg-mid::after { --container-columns: 5; } .col-5--lg-mid.grid { --grid-columns: 5; } .start-5--lg-mid { grid-column-start: 5; } .col-6--lg-mid { --column-size: 6; } .col-6--lg-mid > *, .col-6--lg-mid::before, .col-6--lg-mid::after { --container-columns: 6; } .col-6--lg-mid.grid { --grid-columns: 6; } .start-6--lg-mid { grid-column-start: 6; } .col-7--lg-mid { --column-size: 7; } .col-7--lg-mid > *, .col-7--lg-mid::before, .col-7--lg-mid::after { --container-columns: 7; } .col-7--lg-mid.grid { --grid-columns: 7; } .start-7--lg-mid { grid-column-start: 7; } .col-8--lg-mid { --column-size: 8; } .col-8--lg-mid > *, .col-8--lg-mid::before, .col-8--lg-mid::after { --container-columns: 8; } .col-8--lg-mid.grid { --grid-columns: 8; } .start-8--lg-mid { grid-column-start: 8; } .col-9--lg-mid { --column-size: 9; } .col-9--lg-mid > *, .col-9--lg-mid::before, .col-9--lg-mid::after { --container-columns: 9; } .col-9--lg-mid.grid { --grid-columns: 9; } .start-9--lg-mid { grid-column-start: 9; } .col-10--lg-mid { --column-size: 10; } .col-10--lg-mid > *, .col-10--lg-mid::before, .col-10--lg-mid::after { --container-columns: 10; } .col-10--lg-mid.grid { --grid-columns: 10; } .start-10--lg-mid { grid-column-start: 10; } .col-11--lg-mid { --column-size: 11; } .col-11--lg-mid > *, .col-11--lg-mid::before, .col-11--lg-mid::after { --container-columns: 11; } .col-11--lg-mid.grid { --grid-columns: 11; } .start-11--lg-mid { grid-column-start: 11; } .col-12--lg-mid { --column-size: 12; } .col-12--lg-mid > *, .col-12--lg-mid::before, .col-12--lg-mid::after { --container-columns: 12; } .col-12--lg-mid.grid { --grid-columns: 12; } .start-12--lg-mid { grid-column-start: 12; } .ml-0--lg-mid { --offset-left-size: 0; } .mr-0--lg-mid { --offset-right-size: 0; } .ml-1--lg-mid { --offset-left-size: 1; } .mr-1--lg-mid { --offset-right-size: 1; } .ml-2--lg-mid { --offset-left-size: 2; } .mr-2--lg-mid { --offset-right-size: 2; } .ml-3--lg-mid { --offset-left-size: 3; } .mr-3--lg-mid { --offset-right-size: 3; } .ml-4--lg-mid { --offset-left-size: 4; } .mr-4--lg-mid { --offset-right-size: 4; } .ml-5--lg-mid { --offset-left-size: 5; } .mr-5--lg-mid { --offset-right-size: 5; } .ml-6--lg-mid { --offset-left-size: 6; } .mr-6--lg-mid { --offset-right-size: 6; } .ml-7--lg-mid { --offset-left-size: 7; } .mr-7--lg-mid { --offset-right-size: 7; } .ml-8--lg-mid { --offset-left-size: 8; } .mr-8--lg-mid { --offset-right-size: 8; } .ml-9--lg-mid { --offset-left-size: 9; } .mr-9--lg-mid { --offset-right-size: 9; } .ml-10--lg-mid { --offset-left-size: 10; } .mr-10--lg-mid { --offset-right-size: 10; } .ml-11--lg-mid { --offset-left-size: 11; } .mr-11--lg-mid { --offset-right-size: 11; } .ml-12--lg-mid { --offset-left-size: 12; } .mr-12--lg-mid { --offset-right-size: 12; } } @media screen and ( min-width: 96em ) { .col-1--xl { --column-size: 1; } .col-1--xl > *, .col-1--xl::before, .col-1--xl::after { --container-columns: 1; } .col-1--xl.grid { --grid-columns: 1; } .start-1--xl { grid-column-start: 1; } .col-2--xl { --column-size: 2; } .col-2--xl > *, .col-2--xl::before, .col-2--xl::after { --container-columns: 2; } .col-2--xl.grid { --grid-columns: 2; } .start-2--xl { grid-column-start: 2; } .col-3--xl { --column-size: 3; } .col-3--xl > *, .col-3--xl::before, .col-3--xl::after { --container-columns: 3; } .col-3--xl.grid { --grid-columns: 3; } .start-3--xl { grid-column-start: 3; } .col-4--xl { --column-size: 4; } .col-4--xl > *, .col-4--xl::before, .col-4--xl::after { --container-columns: 4; } .col-4--xl.grid { --grid-columns: 4; } .start-4--xl { grid-column-start: 4; } .col-5--xl { --column-size: 5; } .col-5--xl > *, .col-5--xl::before, .col-5--xl::after { --container-columns: 5; } .col-5--xl.grid { --grid-columns: 5; } .start-5--xl { grid-column-start: 5; } .col-6--xl { --column-size: 6; } .col-6--xl > *, .col-6--xl::before, .col-6--xl::after { --container-columns: 6; } .col-6--xl.grid { --grid-columns: 6; } .start-6--xl { grid-column-start: 6; } .col-7--xl { --column-size: 7; } .col-7--xl > *, .col-7--xl::before, .col-7--xl::after { --container-columns: 7; } .col-7--xl.grid { --grid-columns: 7; } .start-7--xl { grid-column-start: 7; } .col-8--xl { --column-size: 8; } .col-8--xl > *, .col-8--xl::before, .col-8--xl::after { --container-columns: 8; } .col-8--xl.grid { --grid-columns: 8; } .start-8--xl { grid-column-start: 8; } .col-9--xl { --column-size: 9; } .col-9--xl > *, .col-9--xl::before, .col-9--xl::after { --container-columns: 9; } .col-9--xl.grid { --grid-columns: 9; } .start-9--xl { grid-column-start: 9; } .col-10--xl { --column-size: 10; } .col-10--xl > *, .col-10--xl::before, .col-10--xl::after { --container-columns: 10; } .col-10--xl.grid { --grid-columns: 10; } .start-10--xl { grid-column-start: 10; } .col-11--xl { --column-size: 11; } .col-11--xl > *, .col-11--xl::before, .col-11--xl::after { --container-columns: 11; } .col-11--xl.grid { --grid-columns: 11; } .start-11--xl { grid-column-start: 11; } .col-12--xl { --column-size: 12; } .col-12--xl > *, .col-12--xl::before, .col-12--xl::after { --container-columns: 12; } .col-12--xl.grid { --grid-columns: 12; } .start-12--xl { grid-column-start: 12; } .ml-0--xl { --offset-left-size: 0; } .mr-0--xl { --offset-right-size: 0; } .ml-1--xl { --offset-left-size: 1; } .mr-1--xl { --offset-right-size: 1; } .ml-2--xl { --offset-left-size: 2; } .mr-2--xl { --offset-right-size: 2; } .ml-3--xl { --offset-left-size: 3; } .mr-3--xl { --offset-right-size: 3; } .ml-4--xl { --offset-left-size: 4; } .mr-4--xl { --offset-right-size: 4; } .ml-5--xl { --offset-left-size: 5; } .mr-5--xl { --offset-right-size: 5; } .ml-6--xl { --offset-left-size: 6; } .mr-6--xl { --offset-right-size: 6; } .ml-7--xl { --offset-left-size: 7; } .mr-7--xl { --offset-right-size: 7; } .ml-8--xl { --offset-left-size: 8; } .mr-8--xl { --offset-right-size: 8; } .ml-9--xl { --offset-left-size: 9; } .mr-9--xl { --offset-right-size: 9; } .ml-10--xl { --offset-left-size: 10; } .mr-10--xl { --offset-right-size: 10; } .ml-11--xl { --offset-left-size: 11; } .mr-11--xl { --offset-right-size: 11; } .ml-12--xl { --offset-left-size: 12; } .mr-12--xl { --offset-right-size: 12; } } @media screen and ( min-width: 120em ) { .col-1--xxl { --column-size: 1; } .col-1--xxl > *, .col-1--xxl::before, .col-1--xxl::after { --container-columns: 1; } .col-1--xxl.grid { --grid-columns: 1; } .start-1--xxl { grid-column-start: 1; } .col-2--xxl { --column-size: 2; } .col-2--xxl > *, .col-2--xxl::before, .col-2--xxl::after { --container-columns: 2; } .col-2--xxl.grid { --grid-columns: 2; } .start-2--xxl { grid-column-start: 2; } .col-3--xxl { --column-size: 3; } .col-3--xxl > *, .col-3--xxl::before, .col-3--xxl::after { --container-columns: 3; } .col-3--xxl.grid { --grid-columns: 3; } .start-3--xxl { grid-column-start: 3; } .col-4--xxl { --column-size: 4; } .col-4--xxl > *, .col-4--xxl::before, .col-4--xxl::after { --container-columns: 4; } .col-4--xxl.grid { --grid-columns: 4; } .start-4--xxl { grid-column-start: 4; } .col-5--xxl { --column-size: 5; } .col-5--xxl > *, .col-5--xxl::before, .col-5--xxl::after { --container-columns: 5; } .col-5--xxl.grid { --grid-columns: 5; } .start-5--xxl { grid-column-start: 5; } .col-6--xxl { --column-size: 6; } .col-6--xxl > *, .col-6--xxl::before, .col-6--xxl::after { --container-columns: 6; } .col-6--xxl.grid { --grid-columns: 6; } .start-6--xxl { grid-column-start: 6; } .col-7--xxl { --column-size: 7; } .col-7--xxl > *, .col-7--xxl::before, .col-7--xxl::after { --container-columns: 7; } .col-7--xxl.grid { --grid-columns: 7; } .start-7--xxl { grid-column-start: 7; } .col-8--xxl { --column-size: 8; } .col-8--xxl > *, .col-8--xxl::before, .col-8--xxl::after { --container-columns: 8; } .col-8--xxl.grid { --grid-columns: 8; } .start-8--xxl { grid-column-start: 8; } .col-9--xxl { --column-size: 9; } .col-9--xxl > *, .col-9--xxl::before, .col-9--xxl::after { --container-columns: 9; } .col-9--xxl.grid { --grid-columns: 9; } .start-9--xxl { grid-column-start: 9; } .col-10--xxl { --column-size: 10; } .col-10--xxl > *, .col-10--xxl::before, .col-10--xxl::after { --container-columns: 10; } .col-10--xxl.grid { --grid-columns: 10; } .start-10--xxl { grid-column-start: 10; } .col-11--xxl { --column-size: 11; } .col-11--xxl > *, .col-11--xxl::before, .col-11--xxl::after { --container-columns: 11; } .col-11--xxl.grid { --grid-columns: 11; } .start-11--xxl { grid-column-start: 11; } .col-12--xxl { --column-size: 12; } .col-12--xxl > *, .col-12--xxl::before, .col-12--xxl::after { --container-columns: 12; } .col-12--xxl.grid { --grid-columns: 12; } .start-12--xxl { grid-column-start: 12; } .ml-0--xxl { --offset-left-size: 0; } .mr-0--xxl { --offset-right-size: 0; } .ml-1--xxl { --offset-left-size: 1; } .mr-1--xxl { --offset-right-size: 1; } .ml-2--xxl { --offset-left-size: 2; } .mr-2--xxl { --offset-right-size: 2; } .ml-3--xxl { --offset-left-size: 3; } .mr-3--xxl { --offset-right-size: 3; } .ml-4--xxl { --offset-left-size: 4; } .mr-4--xxl { --offset-right-size: 4; } .ml-5--xxl { --offset-left-size: 5; } .mr-5--xxl { --offset-right-size: 5; } .ml-6--xxl { --offset-left-size: 6; } .mr-6--xxl { --offset-right-size: 6; } .ml-7--xxl { --offset-left-size: 7; } .mr-7--xxl { --offset-right-size: 7; } .ml-8--xxl { --offset-left-size: 8; } .mr-8--xxl { --offset-right-size: 8; } .ml-9--xxl { --offset-left-size: 9; } .mr-9--xxl { --offset-right-size: 9; } .ml-10--xxl { --offset-left-size: 10; } .mr-10--xxl { --offset-right-size: 10; } .ml-11--xxl { --offset-left-size: 11; } .mr-11--xxl { --offset-right-size: 11; } .ml-12--xxl { --offset-left-size: 12; } .mr-12--xxl { --offset-right-size: 12; } } @media screen and ( min-width: 97.5em ) { .col-1--max { --column-size: 1; } .col-1--max > *, .col-1--max::before, .col-1--max::after { --container-columns: 1; } .col-1--max.grid { --grid-columns: 1; } .start-1--max { grid-column-start: 1; } .col-2--max { --column-size: 2; } .col-2--max > *, .col-2--max::before, .col-2--max::after { --container-columns: 2; } .col-2--max.grid { --grid-columns: 2; } .start-2--max { grid-column-start: 2; } .col-3--max { --column-size: 3; } .col-3--max > *, .col-3--max::before, .col-3--max::after { --container-columns: 3; } .col-3--max.grid { --grid-columns: 3; } .start-3--max { grid-column-start: 3; } .col-4--max { --column-size: 4; } .col-4--max > *, .col-4--max::before, .col-4--max::after { --container-columns: 4; } .col-4--max.grid { --grid-columns: 4; } .start-4--max { grid-column-start: 4; } .col-5--max { --column-size: 5; } .col-5--max > *, .col-5--max::before, .col-5--max::after { --container-columns: 5; } .col-5--max.grid { --grid-columns: 5; } .start-5--max { grid-column-start: 5; } .col-6--max { --column-size: 6; } .col-6--max > *, .col-6--max::before, .col-6--max::after { --container-columns: 6; } .col-6--max.grid { --grid-columns: 6; } .start-6--max { grid-column-start: 6; } .col-7--max { --column-size: 7; } .col-7--max > *, .col-7--max::before, .col-7--max::after { --container-columns: 7; } .col-7--max.grid { --grid-columns: 7; } .start-7--max { grid-column-start: 7; } .col-8--max { --column-size: 8; } .col-8--max > *, .col-8--max::before, .col-8--max::after { --container-columns: 8; } .col-8--max.grid { --grid-columns: 8; } .start-8--max { grid-column-start: 8; } .col-9--max { --column-size: 9; } .col-9--max > *, .col-9--max::before, .col-9--max::after { --container-columns: 9; } .col-9--max.grid { --grid-columns: 9; } .start-9--max { grid-column-start: 9; } .col-10--max { --column-size: 10; } .col-10--max > *, .col-10--max::before, .col-10--max::after { --container-columns: 10; } .col-10--max.grid { --grid-columns: 10; } .start-10--max { grid-column-start: 10; } .col-11--max { --column-size: 11; } .col-11--max > *, .col-11--max::before, .col-11--max::after { --container-columns: 11; } .col-11--max.grid { --grid-columns: 11; } .start-11--max { grid-column-start: 11; } .col-12--max { --column-size: 12; } .col-12--max > *, .col-12--max::before, .col-12--max::after { --container-columns: 12; } .col-12--max.grid { --grid-columns: 12; } .start-12--max { grid-column-start: 12; } .ml-0--max { --offset-left-size: 0; } .mr-0--max { --offset-right-size: 0; } .ml-1--max { --offset-left-size: 1; } .mr-1--max { --offset-right-size: 1; } .ml-2--max { --offset-left-size: 2; } .mr-2--max { --offset-right-size: 2; } .ml-3--max { --offset-left-size: 3; } .mr-3--max { --offset-right-size: 3; } .ml-4--max { --offset-left-size: 4; } .mr-4--max { --offset-right-size: 4; } .ml-5--max { --offset-left-size: 5; } .mr-5--max { --offset-right-size: 5; } .ml-6--max { --offset-left-size: 6; } .mr-6--max { --offset-right-size: 6; } .ml-7--max { --offset-left-size: 7; } .mr-7--max { --offset-right-size: 7; } .ml-8--max { --offset-left-size: 8; } .mr-8--max { --offset-right-size: 8; } .ml-9--max { --offset-left-size: 9; } .mr-9--max { --offset-right-size: 9; } .ml-10--max { --offset-left-size: 10; } .mr-10--max { --offset-right-size: 10; } .ml-11--max { --offset-left-size: 11; } .mr-11--max { --offset-right-size: 11; } .ml-12--max { --offset-left-size: 12; } .mr-12--max { --offset-right-size: 12; } } html, body { overflow-x: hidden; scroll-behavior: smooth; } html.single, body.single { overflow-x: unset; } .main-wrapper { display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; grid-template-areas: "header" "content" "footer"; min-height: 100vh; } .header { grid-area: header; } .main-content { grid-area: content; padding: 0 calc(var(--grid-gap) + var(--grid-margin)); width: 100%; max-width: var(--layout-max-width); margin: 0 auto; } .footer { grid-area: footer; padding: 0 calc(var(--grid-gap) + var(--grid-margin)); width: 100%; max-width: var(--layout-max-width); margin: 0 auto; } img { display: block; -webkit-user-select: none; -moz-user-select: none; user-select: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .ratio--16x9, .ratio--8x9, .ratio--5x3, .ratio--4x3, .ratio--3x2, .ratio--2x3, .ratio--2x1, .ratio--1x1 { width: 100%; aspect-ratio: var(--aspect-ratio, auto); } .ratio--1x1 { --aspect-ratio: 1/1; } .ratio--2x1 { --aspect-ratio: 2/1; } .ratio--2x3 { --aspect-ratio: 2/3; } .ratio--3x2 { --aspect-ratio: 3/2; } .ratio--4x3 { --aspect-ratio: 4/3; } .ratio--5x3 { --aspect-ratio: 5/3; } .ratio--8x9 { --aspect-ratio: 8/9; } .ratio--16x9 { --aspect-ratio: 8/5; } .svg-defs { opacity: 0; position: absolute; pointer-events: none; } [data-flag=scroller] { display: block; height: 0.1rem; position: absolute; top: 100vh; top: 100dvh; transform: translate(0, 0.1rem); } @media screen and ( max-width: 48em ) { .desktop-only { display: none; } } @media screen and ( min-width: 48em ) { .mobile-only { display: none; } } /* purgecss start ignore */ .breadcrumb { --breadcrumb-color: var(--grey-800); --breadcrumb-detail: var(--text-color--green); --breadcrumb-active: var(--text-color); font-family: var(--title-font); color: var(--breadcrumb-color); } .breadcrumb__list { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .breadcrumb__item { line-height: var(--cta-height); transition: var(--transition); } .breadcrumb__item + *::before { display: inline-block; content: "\e900"; margin-inline: 0.5em; font-family: "icomoon" !important; font-weight: normal; color: var(--breadcrumb-detail); transform: scale(1.5); } @media screen and ( min-width: 64em ) { .breadcrumb__item + *::before { margin-inline: 1em; transform: scale(2); } } .breadcrumb__item.active { cursor: default; color: var(--breadcrumb-active); font-weight: 600; pointer-events: none; } @media (hover: hover) { .breadcrumb__item:not(.active):hover { color: var(--text-color--accent); } } .breadcrumb--light { --breadcrumb-color: var(--text-color--muted); --breadcrumb-detail: var(--text-color--invert); --breadcrumb-active: var(--text-color--invert); padding-left: var(--block-inline-space); } @media screen and ( max-width: 39.9375em ) { .breadcrumb__item:not(:first-child, :last-child) { display: none; } .breadcrumb__item + *::before { margin: 0 0.8rem 0 1rem; transform: scale(1.2); } .breadcrumb__item a { font-size: 1.4rem; } } .header__title, .header__card__title, .title, .article__content h1, .podcast__rte h1, .hero__rte h1, .block__rte h1, .row--rte h1, .form__field--rte h1, .article__content h2, .podcast__rte h2, .hero__rte h2, .block__rte h2, .row--rte h2, .form__field--rte h2, .article__content h3, .podcast__rte h3, .hero__rte h3, .block__rte h3, .row--rte h3, .form__field--rte h3, .article__content h4, .podcast__rte h4, .hero__rte h4, .block__rte h4, .row--rte h4, .form__field--rte h4, .article__content h5, .podcast__rte h5, .hero__rte h5, .block__rte h5, .row--rte h5, .form__field--rte h5, .article__content h6, .podcast__rte h6, .hero__rte h6, .block__rte h6, .row--rte h6, .form__field--rte h6 { font-family: var(--title-font); font-weight: 600; line-height: 1.2em; } @media screen and ( min-width: 48em ) { .header__title, .header__card__title, .title, .article__content h1, .podcast__rte h1, .hero__rte h1, .block__rte h1, .row--rte h1, .form__field--rte h1, .article__content h2, .podcast__rte h2, .hero__rte h2, .block__rte h2, .row--rte h2, .form__field--rte h2, .article__content h3, .podcast__rte h3, .hero__rte h3, .block__rte h3, .row--rte h3, .form__field--rte h3, .article__content h4, .podcast__rte h4, .hero__rte h4, .block__rte h4, .row--rte h4, .form__field--rte h4, .article__content h5, .podcast__rte h5, .hero__rte h5, .block__rte h5, .row--rte h5, .form__field--rte h5, .article__content h6, .podcast__rte h6, .hero__rte h6, .block__rte h6, .row--rte h6, .form__field--rte h6 { line-height: 1.25em; } } .title small, .article__content h1 small, .podcast__rte h1 small, .hero__rte h1 small, .block__rte h1 small, .row--rte h1 small, .form__field--rte h1 small, .article__content h2 small, .podcast__rte h2 small, .hero__rte h2 small, .block__rte h2 small, .row--rte h2 small, .form__field--rte h2 small, .article__content h3 small, .podcast__rte h3 small, .hero__rte h3 small, .block__rte h3 small, .row--rte h3 small, .form__field--rte h3 small, .article__content h4 small, .podcast__rte h4 small, .hero__rte h4 small, .block__rte h4 small, .row--rte h4 small, .form__field--rte h4 small, .article__content h5 small, .podcast__rte h5 small, .hero__rte h5 small, .block__rte h5 small, .row--rte h5 small, .form__field--rte h5 small, .article__content h6 small, .podcast__rte h6 small, .hero__rte h6 small, .block__rte h6 small, .row--rte h6 small, .form__field--rte h6 small { display: block; font-size: 2rem; font-weight: normal; color: #ccc; } .title--xl { font-size: 3.2rem; } .title--lg, .article__content h1, .podcast__rte h1, .hero__rte h1, .block__rte h1, .row--rte h1, .form__field--rte h1 { font-size: 2.8rem; } .title--md, .article__content h2, .podcast__rte h2, .hero__rte h2, .block__rte h2, .row--rte h2, .form__field--rte h2 { font-size: 2.4rem; } .title--sm, .article__content h3, .podcast__rte h3, .hero__rte h3, .block__rte h3, .row--rte h3, .form__field--rte h3 { font-size: 2.1rem; } .title--xs-mid, .article__content h4, .podcast__rte h4, .hero__rte h4, .block__rte h4, .row--rte h4, .form__field--rte h4 { font-size: 1.8rem; } .title--xs, .article__content h5, .podcast__rte h5, .hero__rte h5, .block__rte h5, .row--rte h5, .form__field--rte h5 { font-size: 1.6rem; } .title--xs-alt { font-size: 1.8rem; } .title--xxs { font-size: 1.6rem; } .title--accent { color: var(--title-color--accent); } .title--accent i { color: var(--title-color--accent-bis); } .title--thin { font-weight: 300; } .title--lighter { --title-color: var(--title-color--lighter); } .title--center { text-align: center; } .title strong, .article__content h1 strong, .podcast__rte h1 strong, .hero__rte h1 strong, .block__rte h1 strong, .row--rte h1 strong, .form__field--rte h1 strong, .article__content h2 strong, .podcast__rte h2 strong, .hero__rte h2 strong, .block__rte h2 strong, .row--rte h2 strong, .form__field--rte h2 strong, .article__content h3 strong, .podcast__rte h3 strong, .hero__rte h3 strong, .block__rte h3 strong, .row--rte h3 strong, .form__field--rte h3 strong, .article__content h4 strong, .podcast__rte h4 strong, .hero__rte h4 strong, .block__rte h4 strong, .row--rte h4 strong, .form__field--rte h4 strong, .article__content h5 strong, .podcast__rte h5 strong, .hero__rte h5 strong, .block__rte h5 strong, .row--rte h5 strong, .form__field--rte h5 strong, .article__content h6 strong, .podcast__rte h6 strong, .hero__rte h6 strong, .block__rte h6 strong, .row--rte h6 strong, .form__field--rte h6 strong { font-weight: 600; } @media screen and ( min-width: 48em ) { .title--xl { font-size: 4rem; } .title--xs, .article__content h5, .podcast__rte h5, .hero__rte h5, .block__rte h5, .row--rte h5, .form__field--rte h5 { font-size: 1.8rem; } } @media screen and ( min-width: 80em ) { .title--xl { font-size: 5.6rem; } .title--lg, .article__content h1, .podcast__rte h1, .hero__rte h1, .block__rte h1, .row--rte h1, .form__field--rte h1 { font-size: 4rem; } .title--md, .article__content h2, .podcast__rte h2, .hero__rte h2, .block__rte h2, .row--rte h2, .form__field--rte h2 { font-size: 3.2rem; } .title--sm, .article__content h3, .podcast__rte h3, .hero__rte h3, .block__rte h3, .row--rte h3, .form__field--rte h3 { font-size: 2.4rem; } .title--xs-mid, .article__content h4, .podcast__rte h4, .hero__rte h4, .block__rte h4, .row--rte h4, .form__field--rte h4 { font-size: 2.1rem; } .title--xs, .article__content h5, .podcast__rte h5, .hero__rte h5, .block__rte h5, .row--rte h5, .form__field--rte h5 { font-size: 2rem; } .title--xs-alt { font-size: 2.1rem; } } @media screen and ( min-width: 85.375em ) { .title--xl { font-size: 6.4rem; } .title--lg, .article__content h1, .podcast__rte h1, .hero__rte h1, .block__rte h1, .row--rte h1, .form__field--rte h1 { font-size: 4.8rem; } .title--md, .article__content h2, .podcast__rte h2, .hero__rte h2, .block__rte h2, .row--rte h2, .form__field--rte h2 { font-size: 4rem; } .title--sm, .article__content h3, .podcast__rte h3, .hero__rte h3, .block__rte h3, .row--rte h3, .form__field--rte h3 { font-size: 3.2rem; } .title--xs-mid, .article__content h4, .podcast__rte h4, .hero__rte h4, .block__rte h4, .row--rte h4, .form__field--rte h4 { font-size: 2.8rem; } } .text-link { text-decoration: underline; text-underline-offset: 0.1em; text-decoration-thickness: 0.1rem; transition: var(--transition); } @media (hover: hover) { .text-link:hover { color: var(--text-color--accent--dark); } } .text--yellow { color: var(--yellow); } .text--yellow--dark { color: var(--yellow--dark); } .text--orange { color: var(--orange); } .text--pink { color: var(--pink); } .text--green { color: var(--green); } .text--green--darker { color: var(--green--darker); } .text--blue { color: var(--blue); } .text--blue--dark { color: var(--blue--dark); } .button, .entry-content a.accent-link, .article__content a.accent-link, #tinymce.mce-content-body a.accent-link { --button-primary: var(--black); --button-secondary: var(--white); --button-ternary: #333333; --button-background: var(--button-primary); --button-highlight: var(--button-ternary); --button-color: var(--button-secondary); --button-outline: var(--button-primary); display: inline-flex; align-items: center; justify-content: center; gap: 0 0.4rem; padding: 1rem 2.4rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-family: var(--title-font); font-weight: 600; font-size: 1.6rem; line-height: 1.25em; color: var(--button-color); position: relative; z-index: 2; transition: var(--transition); } .button::after, .entry-content a.accent-link::after, .article__content a.accent-link::after, #tinymce.mce-content-body a.accent-link::after { content: ""; display: block; width: 100%; height: 100%; border: 0.1rem solid var(--button-stroke); background: var(--button-background); border-radius: var(--radius--sm); position: absolute; top: 0; left: 0; z-index: -1; transition: var(--transition); } @media screen and ( max-width: 47.9375em ) { .button, .entry-content a.accent-link, .article__content a.accent-link, #tinymce.mce-content-body a.accent-link { font-size: 1.4rem; } } @media screen and ( min-width: 80em ) { .button, .entry-content a.accent-link, .article__content a.accent-link, #tinymce.mce-content-body a.accent-link { gap: 0 1.2rem; padding: 1.2rem 2.4rem; } } @media (hover: hover) { .button:hover, .entry-content a.accent-link:hover, .article__content a.accent-link:hover, #tinymce.mce-content-body a.accent-link:hover { --button-color: var(--button-secondary); } .button:hover::after, .entry-content a.accent-link:hover::after, .article__content a.accent-link:hover::after, #tinymce.mce-content-body a.accent-link:hover::after { background: var(--button-highlight); } .button:hover.button--invert, .entry-content a.accent-link:hover.button--invert, .article__content a.accent-link:hover.button--invert, #tinymce.mce-content-body a.accent-link:hover.button--invert, .button:hover.button--outline, .entry-content a.accent-link:hover.button--outline, .article__content a.accent-link:hover.button--outline, #tinymce.mce-content-body a.accent-link:hover.button--outline { --button-highlight: var(--button-primary); } } .button:focus, .entry-content a.accent-link:focus, .article__content a.accent-link:focus, #tinymce.mce-content-body a.accent-link:focus { --button-color: var(--button-secondary); } .button:focus::after, .entry-content a.accent-link:focus::after, .article__content a.accent-link:focus::after, #tinymce.mce-content-body a.accent-link:focus::after { background: var(--button-highlight); } .button:focus.button--invert, .entry-content a.accent-link:focus.button--invert, .article__content a.accent-link:focus.button--invert, #tinymce.mce-content-body a.accent-link:focus.button--invert, .button:focus.button--outline, .entry-content a.accent-link:focus.button--outline, .article__content a.accent-link:focus.button--outline, #tinymce.mce-content-body a.accent-link:focus.button--outline { --button-highlight: var(--button-primary); } .button--highlight { --button-background: var(--yellow); color: #fff; } .button .icon, .entry-content a.accent-link .icon, .article__content a.accent-link .icon, #tinymce.mce-content-body a.accent-link .icon { width: 1.2rem; height: 1.2rem; } @media screen and ( max-width: 79.9375em ) { .button .icon, .entry-content a.accent-link .icon, .article__content a.accent-link .icon, #tinymce.mce-content-body a.accent-link .icon { transform: translate(30%, 0) scale(1.5); } .button .icon--arrow-right-triple, .entry-content a.accent-link .icon--arrow-right-triple, .article__content a.accent-link .icon--arrow-right-triple, #tinymce.mce-content-body a.accent-link .icon--arrow-right-triple { margin-left: 2em; margin-right: 1.2rem; transform: translate(50%, 0) scale(2); } } @media screen and ( min-width: 80em ) { .button .icon, .entry-content a.accent-link .icon, .article__content a.accent-link .icon, #tinymce.mce-content-body a.accent-link .icon { transform: scale(2); } .button .icon--arrow-right-triple, .entry-content a.accent-link .icon--arrow-right-triple, .article__content a.accent-link .icon--arrow-right-triple, #tinymce.mce-content-body a.accent-link .icon--arrow-right-triple { margin-left: 4em; margin-right: 1.2rem; transform: translate(0, -10%) scale(3); } } .button--sm { gap: 0 0.4rem; padding: 1rem 1.6rem; } @media screen and ( min-width: 48em ) { .button--sm { padding: 1rem 2.4rem; } } .button--sm .icon { transform: translate(50%, 0) scale(1.5); } .button--sm .icon--arrow-right-triple { margin-left: 2em; margin-right: 1.2rem; transform: translate(50%, 0) scale(2); } @media screen and ( min-width: 48em ) { .button--lg::after { border-radius: var(--radius); } .button--lg.button--icon { width: 5.6rem; height: 5.6rem; } .button--lg .icon { font-size: 1.5em; } } @media screen and ( min-width: 64em ) { .button--lg.button--icon { width: 7.6rem; height: 7.6rem; } .button--lg .icon { font-size: 2em; } } .button--xs.button--icon { padding: 0; width: 3.2rem; height: 3.2rem; } .button--xs .icon { font-size: 0.75em; } .button--yellow { --button-primary: var(--yellow); --button-ternary: rgb(221.1428571429, 148.7142857143, 3.8571428571); --button-quaternary: rgb(243.3, 205.6, 130.2); } .button--yellow--dark { --button-primary: var(--yellow--dark); --button-ternary: rgb(150.6, 97.9325966851, 1.65); --button-quaternary: rgb(244.1869458128, 181.2746305419, 66.2630541872); } .button--orange { --button-primary: var(--orange); --button-ternary: rgb(183.9, 76.2831877729, 1.35); --button-quaternary: rgb(248.7710526316, 155.3368421053, 90.2789473684); } .button--pink, .entry-content a.accent-link, .article__content a.accent-link, #tinymce.mce-content-body a.accent-link { --button-primary: var(--pink); --button-ternary: rgb(216.1046511628, 5.1453488372, 102.3144820296); --button-quaternary: rgb(238.75, 131.5, 180.9); } .button--green { --button-primary: var(--green); --button-ternary: rgb(94.4586206897, 151.8, 7.2); --button-quaternary: rgb(169.1141509434, 211.1433962264, 105.1566037736); } .button--blue { --button-primary: var(--blue); --button-ternary: rgb(8.7115384615, 127.9507211538, 217.7884615385); --button-quaternary: rgb(145.8, 193.25, 229); } .button--blue--darker { --button-primary: var(--blue--darker); --button-ternary: rgb(0, 47.25, 70.5); --button-quaternary: rgb(0, 160.5829787234, 239.6); } .button--white { --button-primary: var(--white); } @media (hover: hover) { .button--white:hover { --button-color: var(--text-color); } } .button--invert, .button--outline { --button-background: var(--button-secondary); --button-color: var(--button-primary); } .button--outline { --button-stroke: var(--button-primary); } @media (hover: hover) { .button--lighter:hover.button--invert, .button--lighter:hover.button--outline { --button-highlight: var(--button-quaternary); } } .button--lighter:focus.button--invert, .button--lighter:focus.button--outline { --button-highlight: var(--button-quaternary); } .button--icon { align-content: center; justify-content: center; width: var(--cta-height); height: var(--cta-height); padding: 0; border-radius: var(--radius--xs); font-size: 1.5em; } .button--icon .icon { transform: translate(0, 0) scale(1); } @media screen and ( max-width: 47.9375em ) { .button--with-icon { gap: 0 1.4rem; } } .button--rounded::after { border-radius: 100rem; } .button--sharp::after { border-radius: 0; } .button--expand .icon { margin-left: 6em; } .button--flag { padding-block: 1rem; font-size: 1.2rem; line-height: 1; font-weight: 400; gap: 0 0.4rem; } @media screen and ( max-width: 47.9375em ) { .button--flag { padding-inline: 0.8rem; } } @media screen and ( min-width: 48em ) { .button--flag { font-size: 1.6rem; gap: 0 0.8rem; } } .button--flag::after { border-width: 0.2rem; } .button-list { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 0.8rem; } .button-list--center { justify-content: center; } .button-list--join { gap: 0; } .button-list--join .button::after, .button-list--join .entry-content a.accent-link::after, .entry-content .button-list--join a.accent-link::after, .button-list--join .article__content a.accent-link::after, .article__content .button-list--join a.accent-link::after, .button-list--join #tinymce.mce-content-body a.accent-link::after, #tinymce.mce-content-body .button-list--join a.accent-link::after { border-radius: 0; } .button-list--join .button:first-child::after, .button-list--join .entry-content a.accent-link:first-child::after, .entry-content .button-list--join a.accent-link:first-child::after, .button-list--join .article__content a.accent-link:first-child::after, .article__content .button-list--join a.accent-link:first-child::after, .button-list--join #tinymce.mce-content-body a.accent-link:first-child::after, #tinymce.mce-content-body .button-list--join a.accent-link:first-child::after { border-top-left-radius: var(--radius--sm); border-bottom-left-radius: var(--radius--sm); } .button-list--join .button:last-child::after, .button-list--join .entry-content a.accent-link:last-child::after, .entry-content .button-list--join a.accent-link:last-child::after, .button-list--join .article__content a.accent-link:last-child::after, .article__content .button-list--join a.accent-link:last-child::after, .button-list--join #tinymce.mce-content-body a.accent-link:last-child::after, #tinymce.mce-content-body .button-list--join a.accent-link:last-child::after { border-top-right-radius: var(--radius--sm); border-bottom-right-radius: var(--radius--sm); } .icon { display: block; aspect-ratio: 1/1; font-family: "icomoon" !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; } .icon::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .icon-flag { display: flex; align-items: center; justify-items: center; } .icon-flag::before { content: ""; display: block; aspect-ratio: 1/1; width: 2.4rem; height: 2.4rem; background: url("../images/icons/flags.svg") no-repeat 0 0/500%; } .icon-flag--it::before { background-position: 0 0; } .icon-flag--nl::before { background-position: 25% 0; } .icon-flag--es::before { background-position: 50% 0; } .icon-flag--be::before { background-position: 75% 0; } .icon-flag--uk::before, .icon-flag--en::before { background-position: 100% 0; } .icon-flag--de::before { background-position: 0 100%; } .icon-flag--fr::before { background-position: 25% 100%; } .icon--instagram:before { content: "\e915"; } .icon--tiktok:before { content: "\e916"; } .icon--newspaper:before { content: "\e914"; } .icon--arrow-right-line:before { content: "\e913"; } .icon--arrow-bottom:before { content: "\e912"; } .icon--mail:before { content: "\e910"; } .icon--whatsapp:before { content: "\e911"; } .icon--points:before { content: "\e90f"; } .icon--arrow-left:before { content: "\e90e"; } .icon--linkedin:before { content: "\e90b"; } .icon--x:before { content: "\e90c"; } .icon--facebook:before { content: "\e90a"; } .icon--youtube:before { content: "\e90d"; } .icon--podcast:before { content: "\e909"; } .icon--phone:before { content: "\e908"; } .icon--grow:before { content: "\e903"; } .icon--merch:before { content: "\e904"; } .icon--satisfaction:before { content: "\e905"; } .icon--stats:before { content: "\e906"; } .icon--survey:before { content: "\e907"; } .icon--search:before { content: "\e902"; } .icon--arrow-right-triple:before { content: "\e901"; } .icon--arrow-right:before { content: "\e900"; } .tag { --tag-primary: var(--black); --tag-secondary: var(--white); --tag-ternary: rgb(76.5, 76.5, 76.5); --tag-background: var(--tag-primary); --tag-color: var(--tag-secondary); display: block; padding: 0 1.2rem; background: var(--tag-background); font-family: var(--title-font); font-weight: 500; font-size: 1.4rem; line-height: 3.2rem; color: var(--tag-color); white-space: nowrap; transition: var(--transition); } .tag__list { display: flex; flex-wrap: wrap; gap: 0.4rem; } .tag--md { padding: 0 1.6rem; font-family: var(--text-font); font-size: 1.6rem; line-height: 4rem; font-weight: 600; } .tag--yellow { --tag-primary: var(--yellow); --tag-ternary: rgb(176.9142857143, 118.9714285714, 3.0857142857); } .tag--yellow--dark { --tag-primary: var(--yellow--dark); --tag-ternary: rgb(120.48, 78.3460773481, 1.32); } .tag--orange { --tag-primary: var(--orange); --tag-ternary: rgb(147.12, 61.0265502183, 1.08); } .tag--pink { --tag-primary: var(--pink); --tag-ternary: rgb(172.8837209302, 4.1162790698, 81.8515856237); } .tag--green { --tag-primary: var(--green); --tag-ternary: rgb(75.5668965517, 121.44, 5.76); } .tag--green--darker { --tag-primary: var(--green--darker); --tag-ternary: rgb(45, 78.6, 0); } .tag--blue { --tag-primary: var(--blue); --tag-ternary: rgb(6.9692307692, 102.3605769231, 174.2307692308); } .tag--blue--dark { --tag-primary: var(--blue--dark); --tag-ternary: rgb(1.92, 37.7417142857, 80.28); } @media (hover: hover) { a.tag:hover { --tag-background: var(--tag-ternary); } } .form, .widget-form { --form-backgorund: transparent; --form-message-color: var(--text-color); --field-background: var(--background-color); --field-outline: var(--stroke-color); --field-color: var(--text-color); --field-placeholder-color: var(--text-color--lighter); display: flex; flex-wrap: wrap; gap: var(--grid-gap); background: var(--form-backgorund); } @media screen and ( min-width: 48em ) { .form, .widget-form { gap: 1em var(--grid-gap); } } .form > *, .widget-form > * { flex: 0 0 100%; } .form--grey { --form-backgorund: var(--background-color--light ); --form-message-color: var(--text-color--medium); padding: 2.4rem; border-radius: var(--radius--sm); } @media screen and ( min-width: 48em ) { .form--grey { padding: 3.2rem; } } .form__text { font-family: var(--title-font); font-weight: 400; color: var(--form-message-color); } .form__information { font-size: 1.2rem; font-weight: 400; color: var(--text-color--light); } .form__field { display: grid; } .form__field--default, .form__field--search { grid-template-columns: 1fr; grid-template-rows: auto auto auto; grid-template-areas: "label" "input" "alert"; gap: 0 var(--grid-gap); } .form__field--default .form__label, .form__field--search .form__label { margin-block-end: 0.8rem; } .form__field--default .form__alert, .form__field--search .form__alert { margin-block-start: 0.8rem; } .form__field--action { grid-template-columns: 1fr; grid-template-rows: auto auto; grid-template-areas: "input" "submit"; gap: var(--grid-gap); } @media screen and ( min-width: 48em ) { .form__field--action { grid-template-columns: 1fr auto; grid-template-rows: 1fr; grid-template-areas: "input submit"; } } .form__field--code { grid-template-columns: auto 1fr; grid-template-rows: auto auto auto; grid-template-areas: "label label" "code input" "alert alert"; gap: 0 var(--grid-gap); } .form__field--code .form__label { margin-block-end: 0.8rem; } .form__field--code .form__alert { margin-block-start: 0.8rem; } .form__field--checkbox { grid-template-columns: auto 1fr; grid-template-rows: auto auto; grid-template-areas: "input label" "alert alert"; } .form__field--checkbox .form__label, .form__field--checkbox .form__checkmark, .form__field--checkbox .form__checkbox { cursor: pointer; } .form__field--checkbox .form__label { padding-left: 1.6rem; font-weight: 300; } .form__field--checkbox .form__alert { margin-block-start: 0.8rem; } .form__field--search .form__input, .form__field--search .widget-form select, .widget-form .form__field--search select, .form__field--search .widget-form input, .widget-form .form__field--search input { padding-inline: 0 4.8rem; border-radius: 0; border-top: 0; border-right: 0; border-left: 0; font-family: var(--title-font); font-size: 2.4rem; font-weight: 600; line-height: 3.2rem; } @media screen and ( min-width: 48em ) { .form__field--search .form__input, .form__field--search .widget-form select, .widget-form .form__field--search select, .form__field--search .widget-form input, .widget-form .form__field--search input { padding-inline: 0 6.4rem; font-size: 4.8rem; line-height: 4.8rem; } } @media screen and ( min-width: 64em ) { .form__field--search .form__input, .form__field--search .widget-form select, .widget-form .form__field--search select, .form__field--search .widget-form input, .widget-form .form__field--search input { padding-inline: 0 8.8rem; font-size: 6.4rem; line-height: 6.4rem; } } .form__field--search .form__label { font-family: var(--title-font); font-size: 1.8rem; } @media screen and ( min-width: 48em ) { .form__field--search .form__label { font-size: 2.4rem; } } @media screen and ( min-width: 64em ) { .form__field--search .form__label { font-size: 3.2rem; } } .form__field--search .form__icon { grid-area: input; align-self: center; justify-self: end; } .form__field--rte { font-size: 1.4rem; color: var(--text-color--alt--light); } .form__input, .widget-form select, .widget-form input, .form__textarea, .form__checkbox { transition: var(--transition); } @media (hover: hover) { .form__input:hover, .widget-form select:hover, .widget-form input:hover, .form__textarea:hover, .form__checkbox:hover { --field-outline: var(--stroke-color--dark); } } .form__input:focus, .widget-form select:focus, .widget-form input:focus, .form__textarea:focus, .form__checkbox:focus { --field-outline: var(--stroke-color--dark); } .form__input, .widget-form select, .widget-form input, .form__textarea { grid-area: input; width: 100%; padding: 0.8rem 1.2rem; border: 0.1rem solid var(--field-outline); border-radius: var(--radius--xs); background: var(--field-background); font-family: var(--title-font); line-height: 2.4rem; color: var(--field-color); } .form__input::-moz-placeholder, .widget-form select::-moz-placeholder, .widget-form input::-moz-placeholder, .form__textarea::-moz-placeholder { color: var(--field-placeholder-color); } .form__input::placeholder, .widget-form select::placeholder, .widget-form input::placeholder, .form__textarea::placeholder { color: var(--field-placeholder-color); } .form__checkbox { grid-area: input; } .form__checkbox:checked + .form__checkmark { border-color: var(--stroke-color--accent); background: var(--background-color--accent); } .form__checkbox:checked + .form__checkmark::after { transform: translate(-50%, -60%) rotate(45deg) scale(1); } .form__checkmark { grid-area: input; display: block; width: 3.2rem; height: 3.2rem; border: 0.1rem solid var(--field-outline); border-radius: var(--radius); pointer-events: none; position: relative; transition: var(--transition); } .form__checkmark::after { content: ""; display: block; aspect-ratio: 3/5; width: 0.8rem; border-bottom: 0.3rem solid var(--stroke-color--invert); border-right: 0.3rem solid var(--stroke-color--invert); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -60%) rotate(45deg) scale(0); transition: var(--transition); } .form__label { grid-area: label; font-weight: 600; } .form__label span { color: var(--error); font-weight: 700; } .form__code { grid-area: code; align-self: stretch; -o-object-fit: contain; object-fit: contain; background: var(--background-color--light); } .form__alert { grid-area: alert; color: var(--error); font-size: 1.4rem; font-weight: 500; } .form__message { --message-background: var(--succeed); --message-color: var(--text-color--invert); order: -1; padding: 1.2rem 1.6rem; background: var(--message-background); border-radius: var(--radius--sm); font-weight: 400; color: var(--message-color); } .form__message--error { --message-background: var(--error); } .required { color: crimson; } .newsletter-call--complete .form__row { display: flex; gap: 1.6rem; margin-bottom: 1.6rem; } .newsletter-call--complete .form__row > * { flex: 1 1 100%; } @media screen and ( min-width: 48em ) { .newsletter-call--complete .form__row > * { flex: 1 1 50%; } } .newsletter-call--complete .form__field { display: flex; flex-wrap: wrap; flex-direction: column; gap: 1.2rem; width: 100%; } body.intotheminds-restricted-newsletter .block--newsletter { margin-block: 3.2rem; } .header { display: grid; grid-template-columns: auto 1fr auto; grid-template-rows: var(--header-banner-height) repeat(2, auto) var(--header-navigation-height); grid-template-areas: "banner banner banner" "actions space-center languages-switch" "logo logo logo" "navigation navigation navigation"; width: 100%; max-width: var(--layout-max-width); padding: 0 calc(var(--grid-gap) + var(--grid-margin)); margin: 0 auto; gap: 1.6rem 0; position: relative; z-index: var(--z-index-header); } .header + * { margin-block-start: var(--grid-gap); } .header [data-flag] { height: 0.1rem; grid-area: navigation; position: relative; top: calc(var(--header-banner-height) * -1); } .header::before { content: ""; display: none; width: 100%; height: 100vh; height: 100dvh; background: var(--background-color--accent); opacity: 0.98; position: fixed; top: 0; left: 0; } .header__navigation { grid-area: navigation; position: relative; z-index: 2; } .header__navigation::before { content: ""; display: block; width: 100%; height: 100%; border-radius: var(--radius); box-shadow: 0 0 1.2rem rgba(0, 0, 0, 0.3); pointer-events: none; opacity: 0; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); transition: var(--transition); } @media screen and ( max-width: 47.9375em ) { .header__navigation::before { width: 200%; left: 0; box-shadow: 0 0 2.4rem rgba(0, 0, 0, 0.75); } } .header__menu-primary { grid-area: menu-search; display: flex; justify-content: center; gap: 0 0.3em; font-family: var(--title-font); line-height: var(--header-navigation-height); font-weight: 500; position: relative; z-index: 2; } @media screen and ( min-width: 48em ) { .header__menu-primary { gap: 0 0.8rem; font-size: 1.3rem; } } @media screen and ( min-width: 80em ) { .header__menu-primary { font-size: 1.6rem; } } .header__menu-primary a { display: block; } @media (hover: hover) { .header__menu-primary a:not(.button):hover span { color: var(--text-color--accent); } } .header__menu-primary span { display: inline-block; padding: 0.75em 0.5em; border-radius: var(--radius--sm); line-height: 1; transition: var(--transition); } @media screen and ( min-width: 80em ) { .header__menu-primary span { padding: 0.65em 0.75em; } } .header__menu-primary .active a:not(.button) span { background: var(--background-color--accent); color: var(--text-color--invert); } .header__switch { grid-area: switch; align-self: center; } .header__switch .button__lines { flex: 0 0 1.4rem; height: 0.2rem; background: var(--button-color); border-radius: 0.05rem; transform: translate(0, 0) scale(1); position: relative; } .header__switch .button__lines::before, .header__switch .button__lines::after { content: ""; display: block; width: 100%; height: 100%; background: var(--button-color); border-radius: 0.05rem; position: absolute; top: 0; left: 0; } .header__switch .button__lines::before { transform: translate(0, -250%); } .header__switch .button__lines::after { transform: translate(0, 250%); } .header__menu-secondary { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr; grid-template-areas: "section-a columns" "section-a space-bottom"; grid-column: 1/-1; grid-row: 1/-1; width: calc(100% + var(--header-navigation-gap) * 2); position: absolute; top: 100%; right: 0; transform: translate(var(--header-navigation-gap), 0); } .header__menu-secondary::before { content: ""; display: block; width: 100%; width: calc(100% + 0.8rem); height: calc(100% + var(--header-navigation-height) + 0.8rem); border: 0.4rem solid var(--stroke-color--accent); outline: 0.4rem solid var(--stroke-color--accent); outline-offset: -0.4rem; border-radius: calc(var(--radius) + 0.4rem); background: linear-gradient(to right, var(--background-color--accent) 50%, var(--background-color) 50.001%, var(--background-color)); position: absolute; bottom: -0.4rem; left: -0.4rem; z-index: -1; } @media screen and ( min-width: 64em ) { .header__menu-secondary { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; grid-template-areas: "section-a columns"; } } .header__section { padding: 2rem var(--header-navigation-gap); font-size: 1.4rem; } @media screen and ( min-width: 64em ) { .header__section { padding: 2.4rem var(--header-navigation-gap); } } .header__section--a { grid-area: section-a; color: var(--text-color--invert); } .header__section--a .button, .header__section--a .entry-content a.accent-link, .entry-content .header__section--a a.accent-link, .header__section--a .article__content a.accent-link, .article__content .header__section--a a.accent-link, .header__section--a #tinymce.mce-content-body a.accent-link, #tinymce.mce-content-body .header__section--a a.accent-link { --button-ternary: var( --yellow--dark ); } .header__section--a .header__list { display: grid; grid-template-columns: 1fr; gap: 0.8rem 4rem; } @media screen and ( min-width: 64em ) { .header__section--a .header__list { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto auto; grid-auto-flow: column; gap: 1.6rem 4rem; } } .header__section--a .header__item:first-child { grid-column: 1/-1; grid-row: 1/span 1; } @media screen and ( min-width: 64em ) { .header__section--a .header__item:first-child button { padding-block-end: calc(1.5em - 1.6rem) !important; } } .header__section--a i { transition: var(--transition); } @media (hover: hover) { .header__section--a a:not(.button):hover i { background: var(--yellow--darker); } } .header__section--a .active i { background: var(--yellow--darker); } .header__columns { grid-area: columns; } .header__columns .header__section { flex: 1; padding-inline: 2.4rem; } .header__columns .header__section a { display: block; padding-block: 0.4rem; } .header__columns .header__section a:not(.button) { transition: var(--transition); } @media (hover: hover) { .header__columns .header__section a:not(.button):hover { color: var(--text-color--accent--dark); } } .header__columns .header__section .active a:not(.button) { color: var(--text-color--accent--dark); } .header__columns .header__section [data-text]::after { content: "( " attr(data-text) " )"; display: block; font-size: 0.8571428571em; color: var(--text-color--medium); } .header__columns .header__section .header__item + .header__item { border-top: 0.1rem solid var(--stroke-color--light); } @media screen and ( max-width: 63.9375em ) { .header__columns .header__section { flex: 0 0 100%; } .header__columns .header__section + .header__section { padding-block-start: 0; } } .header__title { font-size: 1.8rem; line-height: 2.4rem; display: flex; width: 100%; align-items: center; } @media screen and ( max-width: 63.9375em ) { .header__title { padding-block: 1em; } } .header__title--sm { gap: 0 0.4rem; padding-inline: 1em; flex: 1; } @media screen and ( min-width: 64em ) { .header__title { padding-block-end: 1.5em; } } .header__card { min-height: 4.8rem; padding-left: 5.6rem; font-size: 1.2rem; position: relative; } @media screen and ( min-width: 64em ) { .header__card { min-height: 5.6rem; padding-left: 6.4rem; } } .header__card i { display: block; width: 4rem; height: 4rem; background: var(--yellow--dark); border-radius: var(--radius--xs); font-size: 2.5em; position: absolute; top: 0; left: 0; } @media screen and ( min-width: 64em ) { .header__card i { width: 5.6rem; height: 5.6rem; font-size: 3.5em; } } .header__card__title { font-size: 1.4rem; font-weight: 400; color: var(--yellow--darker); } @media screen and ( min-width: 64em ) { .header__card__title { font-size: 1.6rem; } } .header__search { grid-area: menu-search; align-self: center; } .header__search .form__field { grid-template-rows: 1fr; grid-template-areas: "input"; gap: 0; } .header__search .form__input, .header__search .widget-form select, .widget-form .header__search select, .header__search .widget-form input, .widget-form .header__search input { height: calc(var(--header-navigation-height) - 2rem); padding-inline: 0; font-size: 1.6rem !important; font-weight: 400; background: transparent; position: relative; z-index: 3; } .header__search .form__input::-moz-placeholder, .header__search .widget-form select::-moz-placeholder, .widget-form .header__search select::-moz-placeholder, .header__search .widget-form input::-moz-placeholder, .widget-form .header__search input::-moz-placeholder { color: var(--text-color--muted); } .header__search .form__input::placeholder, .header__search .widget-form select::placeholder, .widget-form .header__search select::placeholder, .header__search .widget-form input::placeholder, .widget-form .header__search input::placeholder { color: var(--text-color--muted); } .header__search .button, .header__search .entry-content a.accent-link, .entry-content .header__search a.accent-link, .header__search .article__content a.accent-link, .article__content .header__search a.accent-link, .header__search #tinymce.mce-content-body a.accent-link, #tinymce.mce-content-body .header__search a.accent-link { position: absolute; top: 50%; right: var(--header-navigation-gap); transform: translate(0, -50%); } .header__actions { grid-area: actions; } .header__languages-switch { grid-area: languages-switch; transition: var(--transition); transition-property: opacity; } .header__languages-switch .header__list { display: flex; gap: 0.8rem; } .header__languages-switch a { display: flex; justify-content: center; width: var(--cta-height); border: 0.1rem solid var(--stroke-color--lighter); border-radius: var(--radius); font-size: 1.4rem; text-transform: uppercase; font-weight: 400; line-height: 2em; transition: var(--transition); } @media screen and ( min-width: 48em ) { .header__languages-switch a { height: var(--cta-height); line-height: var(--cta-height); } } @media (hover: hover) { .header__languages-switch a:hover { border-color: var(--stroke-color--lighter); background: var(--stroke-color--lighter); } } .header__languages-switch .active a { border-color: var(--stroke-color--medium); font-weight: 700; } .header__banner { grid-area: banner; display: flex; align-items: center; gap: 0 0.8rem; width: 100%; max-width: var(--layout-max-width); height: var(--header-banner-height); padding: 0 calc(var(--grid-gap) + var(--grid-margin)); position: fixed; top: 0; left: 50%; transform: translate(-50%, 0); z-index: 2; } .header__banner::before { content: ""; display: block; width: 100vw; height: 100%; background: var(--background-color--accent); position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); z-index: -1; } .header__banner .button--yellow--dark.button--outline { --button-background: var( --button-primary ); --button-color: var( --button-secondary ); --button-stroke: var( --button-secondary ); --button-highlight: var( --button-quaternary ); } .header__banner .button, .header__banner .entry-content a.accent-link, .entry-content .header__banner a.accent-link, .header__banner .article__content a.accent-link, .article__content .header__banner a.accent-link, .header__banner #tinymce.mce-content-body a.accent-link, #tinymce.mce-content-body .header__banner a.accent-link { height: 4rem; } .header__banner .button .icon, .header__banner .entry-content a.accent-link .icon, .entry-content .header__banner a.accent-link .icon, .header__banner .article__content a.accent-link .icon, .article__content .header__banner a.accent-link .icon, .header__banner #tinymce.mce-content-body a.accent-link .icon, #tinymce.mce-content-body .header__banner a.accent-link .icon { width: auto; height: auto; aspect-ratio: auto; font-size: 1.5em; transform: translate(0, 0); } .header__banner .button .icon::before, .header__banner .entry-content a.accent-link .icon::before, .entry-content .header__banner a.accent-link .icon::before, .header__banner .article__content a.accent-link .icon::before, .article__content .header__banner a.accent-link .icon::before, .header__banner #tinymce.mce-content-body a.accent-link .icon::before, #tinymce.mce-content-body .header__banner a.accent-link .icon::before { position: static; } .header__banner .button .icon--whatsapp, .header__banner .entry-content a.accent-link .icon--whatsapp, .entry-content .header__banner a.accent-link .icon--whatsapp, .header__banner .article__content a.accent-link .icon--whatsapp, .article__content .header__banner a.accent-link .icon--whatsapp, .header__banner #tinymce.mce-content-body a.accent-link .icon--whatsapp, #tinymce.mce-content-body .header__banner a.accent-link .icon--whatsapp { color: #25D366; } @media screen and ( max-width: 79.9375em ) { .header__banner .button, .header__banner .entry-content a.accent-link, .entry-content .header__banner a.accent-link, .header__banner .article__content a.accent-link, .article__content .header__banner a.accent-link, .header__banner #tinymce.mce-content-body a.accent-link, #tinymce.mce-content-body .header__banner a.accent-link { font-size: 1.4rem; } } @media screen and ( max-width: 63.9375em ) { .header__banner .button, .header__banner .entry-content a.accent-link, .entry-content .header__banner a.accent-link, .header__banner .article__content a.accent-link, .article__content .header__banner a.accent-link, .header__banner #tinymce.mce-content-body a.accent-link, #tinymce.mce-content-body .header__banner a.accent-link { flex: 1; flex: 1; } .header__banner .button .icon, .header__banner .entry-content a.accent-link .icon, .entry-content .header__banner a.accent-link .icon, .header__banner .article__content a.accent-link .icon, .article__content .header__banner a.accent-link .icon, .header__banner #tinymce.mce-content-body a.accent-link .icon, #tinymce.mce-content-body .header__banner a.accent-link .icon { font-size: 1.75em; } } @media screen and ( max-width: 26.6875em ) { .header__banner .button, .header__banner .entry-content a.accent-link, .entry-content .header__banner a.accent-link, .header__banner .article__content a.accent-link, .article__content .header__banner a.accent-link, .header__banner #tinymce.mce-content-body a.accent-link, #tinymce.mce-content-body .header__banner a.accent-link { min-width: 4.4rem; padding-inline: 0.8rem !important; } .header__banner .button .icon--phone, .header__banner .entry-content a.accent-link .icon--phone, .entry-content .header__banner a.accent-link .icon--phone, .header__banner .article__content a.accent-link .icon--phone, .article__content .header__banner a.accent-link .icon--phone, .header__banner #tinymce.mce-content-body a.accent-link .icon--phone, #tinymce.mce-content-body .header__banner a.accent-link .icon--phone { font-size: 1.2em; } .header__banner .button .icon-flag::before, .header__banner .entry-content a.accent-link .icon-flag::before, .entry-content .header__banner a.accent-link .icon-flag::before, .header__banner .article__content a.accent-link .icon-flag::before, .article__content .header__banner a.accent-link .icon-flag::before, .header__banner #tinymce.mce-content-body a.accent-link .icon-flag::before, #tinymce.mce-content-body .header__banner a.accent-link .icon-flag::before { width: 2rem; height: 2rem; } } .header__banner .button--sm { gap: 0 0.4rem; padding-inline: 1em; flex: 1; } .header__banner .button:last-child, .header__banner .entry-content a.accent-link:last-child, .entry-content .header__banner a.accent-link:last-child, .header__banner .article__content a.accent-link:last-child, .article__content .header__banner a.accent-link:last-child, .header__banner #tinymce.mce-content-body a.accent-link:last-child, #tinymce.mce-content-body .header__banner a.accent-link:last-child { flex: 0 0 auto; } @media screen and ( min-width: 64em ) { .header__banner .mobile-only { display: none; } } @media screen and ( max-width: 63.9375em ) { .header__banner .desktop-only { display: none; } } .header__logo { grid-area: logo; display: flex; width: 85%; align-items: center; justify-self: center; font-family: var(--title-font); font-size: clamp(1.4rem, 2.2222222222vw, 3.2rem); line-height: 1; text-align: right; } .header__logo span { order: -1; } .header__logo span strong { display: block; font-weight: 400; } .header__logo img { -o-object-fit: contain; object-fit: contain; position: relative; z-index: -1; transform: translate(-13%, 0); } @media screen and ( max-width: 63.9375em ) { .header { grid-template-columns: auto 1fr; grid-template-rows: var(--header-banner-height) auto; grid-template-areas: "banner banner" "logo navigation"; margin-block-end: 1.2rem; align-items: center; } .header::after { content: ""; display: block; width: 100%; height: 0.4rem; background: var(--stroke-color--light--alt); position: absolute; bottom: -1.2rem; left: 0; z-index: -1; } .header::before { display: block; } .header .header__logo img { flex: 1 !important; width: auto; min-width: none !important; height: 7.2rem; transform: translate(-5%, 0); } .header .header__logo::after { content: ""; display: block; width: 14.2484rem; height: 7.2rem; background: url("../images/logo/itm-logo-wide.webp") no-repeat center/contain; opacity: 0; position: absolute; transform: translate(-5%, 0); transition: var(--transition); transition-property: opacity; } .header .header__logo span { display: none; } .header .header__banner { gap: 0.8rem; } .header .header__banner .button--icon { flex: 0 0 3.2rem; height: 3.2rem; } .header .header__banner .button--icon i { transform: scale(0.75); } .header .header__banner .button--flag { flex: 2; } .header .header__switch::after { border-top-left-radius: 0; border-bottom-left-radius: 0; } .header .header__switch .button__flag { display: flex; flex: 0 0 100%; width: 100%; height: 100%; background: var(--background-color--accent); border-radius: inherit; border-top-right-radius: 0; border-bottom-right-radius: 0; position: absolute; top: 0; left: -100%; } .header .header__switch .button__flag::before { margin: 0 auto; } .header .header__navigation { margin-inline-start: auto; } .header .header__navigation::after { content: ""; display: block; width: 100vw; width: 100dvw; height: 0.4rem; background: var(--stroke-color--accent--dark); pointer-events: none; opacity: 0; position: absolute; top: 100%; right: 0; transform: translate(var(--grid-space), 2.4rem); transition: var(--transition); } .header .header__menu-secondary { grid-template-columns: 1fr; grid-template-rows: 1.2rem auto auto auto 1fr auto auto 4.8rem; grid-template-areas: "space-top" "top" "columns" "section-a" "bottom" "actions" "social" "space-bottom"; padding: 0 var(--grid-space); align-content: start; width: 100vw; width: 100dvw; height: calc(100vh - var(--header-height) - 7rem); height: calc(100dvh - var(--header-height) - 7rem); margin-top: var(--header-navigation-offset); right: 0; top: calc(100% + 7rem); transform: translate(var(--grid-space), 0); overflow-y: scroll; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; } .header .header__menu-secondary::-webkit-scrollbar { display: none; } .header .header__menu-secondary::before { display: none; } .header .header__menu-secondary .button-list { width: 100%; margin-block-start: 1.6rem; grid-area: actions; justify-self: center; } .header .header__menu-secondary .button-list > * { flex: 1 1 auto; } .header .header__menu-secondary .button-list--desktop { display: none; } .header .header__socials { margin-block-start: 1.6rem; display: flex; grid-area: social; justify-self: center; } .header .header__socials a { display: block; width: 4rem; height: 4rem; font-size: 1.5em; color: var(--text-color--invert); } .header .header__section { padding: 0; position: relative; } .header .header__section::after { content: ""; display: block; width: 100%; height: 0.1rem; padding: inherit; background: var(--stroke-color--invert); background-clip: content-box; position: absolute; bottom: 0; left: 0; } .header .header__section.expand .header__title::after { transform: translate(-80%, -35%) rotate(-45deg) scale(-1); } .header .header__section .header__list { padding-block-end: 1.6rem; } .header .header__section .header__item { border-top: 0 !important; color: var(--yellow--darker); font-family: var(--title-font); font-weight: 500; font-size: 1.5rem; } .header .header__section .header__item:first-child a::before { display: none; } } @media screen and ( max-width: 63.9375em ) and ( min-width: 64em ) { .header .header__section .header__item { display: none; } } @media screen and ( max-width: 63.9375em ) { .header .header__section .header__item a::after { color: var(--text-color--invert); opacity: 0.85; font-weight: 300; font-family: var(--text-font); } .header .header__section .header__item a:not(.header__link, .button) { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; grid-template-areas: "arrow text" "space smalltext"; align-items: center; padding-block: 0.4rem; } .header .header__section .header__item a:not(.header__link, .button)::before { content: "\e913"; grid-area: arrow; font-family: "icomoon" !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 120%; line-height: 1em; color: var(--text-color--invert); margin-right: 0.25em; } .header .header__section .header__item a:not(.header__link, .button)::after { grid-area: smalltext; flex: 0 0 100%; } .header .header__title { color: var(--text-color--invert); } .header .header__title::before { content: ""; display: block; width: 1.6rem; height: 1.6rem; border-radius: 100rem; background: var(--background-color); position: absolute; top: 2.8rem; right: 0; transform: translate(0, -50%); } .header .header__title::after { content: ""; display: block; width: 0.6rem; height: 0.6rem; margin-left: auto; border: 0.2rem solid var(--stroke-color--accent); border-top: 0; border-right: 0; position: absolute; top: 2.8rem; right: 0; transform: translate(-80%, -65%) rotate(-45deg); transition: var(--transition); } .header .header__card__title { color: var(--yellow--darker); font-family: var(--title-font); font-weight: 500; font-size: 1.5rem; } .header .header__card p, .header .header__card .icon { color: var(--text-color--invert); } .header .header__card p { opacity: 0.85; } .header .header__languages-switch { width: 100vw; width: 100dvw; position: absolute; z-index: 3; } .header .header__languages-switch .header__list { display: flex; padding-inline: var(--grid-space); } .header .header__languages-switch .header__item { flex: 1; } .header .header__languages-switch .header__item a { width: 100%; } .header .header__menu-primary, .header .header__search, .header .header__actions { display: none; } .header [data-flag] { top: calc(var(--header-banner-height) * -1 + var(--radius--xs) * 2); } } @media screen and ( min-width: 64em ) { .header .js-accordion { height: auto !important; } .header .header__switch .button__flag { display: none; } .header .header__navigation { display: grid; grid-template-columns: var(--cta-height) 1fr var(--cta-height); grid-template-rows: 1fr; grid-template-areas: "switch menu-search search"; height: var(--header-navigation-height); padding-inline: var(--header-navigation-gap); } .header .header__navigation::after { content: ""; width: 100%; height: 100%; padding: inherit; box-sizing: content-box; grid-column: 1/-1; grid-row: 1/-1; border-radius: var(--radius); background: var(--background-color--light); position: relative; right: var(--header-navigation-gap); } .header .header__menu-secondary .button-list { display: none; } .header .header__menu-secondary .button-list--desktop { display: flex; gap: 0 1.6rem; justify-content: center; align-items: center; margin-block-start: 1.6rem; } .header .header__socials { display: none; } } .page-template-contact .hero { padding-top: 1rem; } .page-template-contact .hero__title { font-size: 3.6rem; } .article__content a:not(.button, .clear), .podcast__rte a:not(.button, .clear), .hero__rte a:not(.button, .clear), .block__rte a:not(.button, .clear), .row--rte a:not(.button, .clear), .form__field--rte a:not(.button, .clear) { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 2px; text-decoration-color: var(--text-color--accent); transition: var(--transition); } @media (hover: hover) { .article__content a:hover:not(.button, .clear), .podcast__rte a:hover:not(.button, .clear), .hero__rte a:hover:not(.button, .clear), .block__rte a:hover:not(.button, .clear), .row--rte a:hover:not(.button, .clear), .form__field--rte a:hover:not(.button, .clear) { color: var(--text-color--accent--dark); } } .entry-content .indented-block > * + *:not(li, h1, h2, h3, h4, h5, h6), .article__content .indented-block > * + *:not(li, h1, h2, h3, h4, h5, h6), #tinymce.mce-content-body .indented-block > * + *:not(li, h1, h2, h3, h4, h5, h6), .article__content > * + *:not(li, h1, h2, h3, h4, h5, h6), .podcast__rte > * + *:not(li, h1, h2, h3, h4, h5, h6), .hero__rte > * + *:not(li, h1, h2, h3, h4, h5, h6), .block__rte > * + *:not(li, h1, h2, h3, h4, h5, h6), .row--rte > * + *:not(li, h1, h2, h3, h4, h5, h6), .form__field--rte > * + *:not(li, h1, h2, h3, h4, h5, h6) { margin-top: 0.75em; } .entry-content .indented-block p + *, .article__content .indented-block p + *, #tinymce.mce-content-body .indented-block p + *, .article__content p + *, .podcast__rte p + *, .hero__rte p + *, .block__rte p + *, .row--rte p + *, .form__field--rte p + * { margin-top: 1em; } .entry-content .indented-block h2, .article__content .indented-block h2, #tinymce.mce-content-body .indented-block h2, .article__content h2, .podcast__rte h2, .hero__rte h2, .block__rte h2, .row--rte h2, .form__field--rte h2, .entry-content .indented-block h3, .article__content .indented-block h3, #tinymce.mce-content-body .indented-block h3, .article__content h3, .podcast__rte h3, .hero__rte h3, .block__rte h3, .row--rte h3, .form__field--rte h3 { line-height: 1.2; margin: 30px 0; } .entry-content .indented-block img.emoji, #tinymce.mce-content-body .indented-block img.emoji, .article__content img.emoji, .podcast__rte img.emoji, .hero__rte img.emoji, .block__rte img.emoji, .row--rte img.emoji, .form__field--rte img.emoji { margin: 0 0.3em !important; } .entry-content .indented-block > * + img, .article__content .indented-block > * + img, #tinymce.mce-content-body .indented-block > * + img, .article__content > * + img, .podcast__rte > * + img, .hero__rte > * + img, .block__rte > * + img, .row--rte > * + img, .form__field--rte > * + img { margin-top: 1em; } .entry-content .indented-block > *:not(.highlighted-part) + h1, .article__content .indented-block > *:not(.highlighted-part) + h1, #tinymce.mce-content-body .indented-block > *:not(.highlighted-part) + h1, .article__content > *:not(.highlighted-part) + h1, .podcast__rte > *:not(.highlighted-part) + h1, .hero__rte > *:not(.highlighted-part) + h1, .block__rte > *:not(.highlighted-part) + h1, .row--rte > *:not(.highlighted-part) + h1, .form__field--rte > *:not(.highlighted-part) + h1, .entry-content .indented-block > *:not(.highlighted-part) + h2, .article__content .indented-block > *:not(.highlighted-part) + h2, #tinymce.mce-content-body .indented-block > *:not(.highlighted-part) + h2, .article__content > *:not(.highlighted-part) + h2, .podcast__rte > *:not(.highlighted-part) + h2, .hero__rte > *:not(.highlighted-part) + h2, .block__rte > *:not(.highlighted-part) + h2, .row--rte > *:not(.highlighted-part) + h2, .form__field--rte > *:not(.highlighted-part) + h2, .entry-content .indented-block > *:not(.highlighted-part) + h3, .article__content .indented-block > *:not(.highlighted-part) + h3, #tinymce.mce-content-body .indented-block > *:not(.highlighted-part) + h3, .article__content > *:not(.highlighted-part) + h3, .podcast__rte > *:not(.highlighted-part) + h3, .hero__rte > *:not(.highlighted-part) + h3, .block__rte > *:not(.highlighted-part) + h3, .row--rte > *:not(.highlighted-part) + h3, .form__field--rte > *:not(.highlighted-part) + h3, .entry-content .indented-block > *:not(.highlighted-part) + h4, .article__content .indented-block > *:not(.highlighted-part) + h4, #tinymce.mce-content-body .indented-block > *:not(.highlighted-part) + h4, .article__content > *:not(.highlighted-part) + h4, .podcast__rte > *:not(.highlighted-part) + h4, .hero__rte > *:not(.highlighted-part) + h4, .block__rte > *:not(.highlighted-part) + h4, .row--rte > *:not(.highlighted-part) + h4, .form__field--rte > *:not(.highlighted-part) + h4, .entry-content .indented-block > *:not(.highlighted-part) + h5, .article__content .indented-block > *:not(.highlighted-part) + h5, #tinymce.mce-content-body .indented-block > *:not(.highlighted-part) + h5, .article__content > *:not(.highlighted-part) + h5, .podcast__rte > *:not(.highlighted-part) + h5, .hero__rte > *:not(.highlighted-part) + h5, .block__rte > *:not(.highlighted-part) + h5, .row--rte > *:not(.highlighted-part) + h5, .form__field--rte > *:not(.highlighted-part) + h5, .entry-content .indented-block > *:not(.highlighted-part) + h6, .article__content .indented-block > *:not(.highlighted-part) + h6, #tinymce.mce-content-body .indented-block > *:not(.highlighted-part) + h6, .article__content > *:not(.highlighted-part) + h6, .podcast__rte > *:not(.highlighted-part) + h6, .hero__rte > *:not(.highlighted-part) + h6, .block__rte > *:not(.highlighted-part) + h6, .row--rte > *:not(.highlighted-part) + h6, .form__field--rte > *:not(.highlighted-part) + h6 { margin-block-start: 1em; } .entry-content .indented-block > *:not(.highlighted-part) + h1[id], .article__content .indented-block > *:not(.highlighted-part) + h1[id], #tinymce.mce-content-body .indented-block > *:not(.highlighted-part) + h1[id], .article__content > *:not(.highlighted-part) + h1[id], .podcast__rte > *:not(.highlighted-part) + h1[id], .hero__rte > *:not(.highlighted-part) + h1[id], .block__rte > *:not(.highlighted-part) + h1[id], .row--rte > *:not(.highlighted-part) + h1[id], .form__field--rte > *:not(.highlighted-part) + h1[id], .entry-content .indented-block > *:not(.highlighted-part) + h2[id], .article__content .indented-block > *:not(.highlighted-part) + h2[id], #tinymce.mce-content-body .indented-block > *:not(.highlighted-part) + h2[id], .article__content > *:not(.highlighted-part) + h2[id], .podcast__rte > *:not(.highlighted-part) + h2[id], .hero__rte > *:not(.highlighted-part) + h2[id], .block__rte > *:not(.highlighted-part) + h2[id], .row--rte > *:not(.highlighted-part) + h2[id], .form__field--rte > *:not(.highlighted-part) + h2[id], .entry-content .indented-block > *:not(.highlighted-part) + h3[id], .article__content .indented-block > *:not(.highlighted-part) + h3[id], #tinymce.mce-content-body .indented-block > *:not(.highlighted-part) + h3[id], .article__content > *:not(.highlighted-part) + h3[id], .podcast__rte > *:not(.highlighted-part) + h3[id], .hero__rte > *:not(.highlighted-part) + h3[id], .block__rte > *:not(.highlighted-part) + h3[id], .row--rte > *:not(.highlighted-part) + h3[id], .form__field--rte > *:not(.highlighted-part) + h3[id], .entry-content .indented-block > *:not(.highlighted-part) + h4[id], .article__content .indented-block > *:not(.highlighted-part) + h4[id], #tinymce.mce-content-body .indented-block > *:not(.highlighted-part) + h4[id], .article__content > *:not(.highlighted-part) + h4[id], .podcast__rte > *:not(.highlighted-part) + h4[id], .hero__rte > *:not(.highlighted-part) + h4[id], .block__rte > *:not(.highlighted-part) + h4[id], .row--rte > *:not(.highlighted-part) + h4[id], .form__field--rte > *:not(.highlighted-part) + h4[id], .entry-content .indented-block > *:not(.highlighted-part) + h5[id], .article__content .indented-block > *:not(.highlighted-part) + h5[id], #tinymce.mce-content-body .indented-block > *:not(.highlighted-part) + h5[id], .article__content > *:not(.highlighted-part) + h5[id], .podcast__rte > *:not(.highlighted-part) + h5[id], .hero__rte > *:not(.highlighted-part) + h5[id], .block__rte > *:not(.highlighted-part) + h5[id], .row--rte > *:not(.highlighted-part) + h5[id], .form__field--rte > *:not(.highlighted-part) + h5[id], .entry-content .indented-block > *:not(.highlighted-part) + h6[id], .article__content .indented-block > *:not(.highlighted-part) + h6[id], #tinymce.mce-content-body .indented-block > *:not(.highlighted-part) + h6[id], .article__content > *:not(.highlighted-part) + h6[id], .podcast__rte > *:not(.highlighted-part) + h6[id], .hero__rte > *:not(.highlighted-part) + h6[id], .block__rte > *:not(.highlighted-part) + h6[id], .row--rte > *:not(.highlighted-part) + h6[id], .form__field--rte > *:not(.highlighted-part) + h6[id] { padding-block-start: calc(var(--header-banner-height) + 4rem); margin-block-start: calc((var(--header-banner-height) + 4rem) * -1 + 1em); } @media screen and ( min-width: 64em ) { .entry-content .indented-block > *:not(.highlighted-part) + h1[id], .article__content .indented-block > *:not(.highlighted-part) + h1[id], #tinymce.mce-content-body .indented-block > *:not(.highlighted-part) + h1[id], .article__content > *:not(.highlighted-part) + h1[id], .podcast__rte > *:not(.highlighted-part) + h1[id], .hero__rte > *:not(.highlighted-part) + h1[id], .block__rte > *:not(.highlighted-part) + h1[id], .row--rte > *:not(.highlighted-part) + h1[id], .form__field--rte > *:not(.highlighted-part) + h1[id], .entry-content .indented-block > *:not(.highlighted-part) + h2[id], .article__content .indented-block > *:not(.highlighted-part) + h2[id], #tinymce.mce-content-body .indented-block > *:not(.highlighted-part) + h2[id], .article__content > *:not(.highlighted-part) + h2[id], .podcast__rte > *:not(.highlighted-part) + h2[id], .hero__rte > *:not(.highlighted-part) + h2[id], .block__rte > *:not(.highlighted-part) + h2[id], .row--rte > *:not(.highlighted-part) + h2[id], .form__field--rte > *:not(.highlighted-part) + h2[id], .entry-content .indented-block > *:not(.highlighted-part) + h3[id], .article__content .indented-block > *:not(.highlighted-part) + h3[id], #tinymce.mce-content-body .indented-block > *:not(.highlighted-part) + h3[id], .article__content > *:not(.highlighted-part) + h3[id], .podcast__rte > *:not(.highlighted-part) + h3[id], .hero__rte > *:not(.highlighted-part) + h3[id], .block__rte > *:not(.highlighted-part) + h3[id], .row--rte > *:not(.highlighted-part) + h3[id], .form__field--rte > *:not(.highlighted-part) + h3[id], .entry-content .indented-block > *:not(.highlighted-part) + h4[id], .article__content .indented-block > *:not(.highlighted-part) + h4[id], #tinymce.mce-content-body .indented-block > *:not(.highlighted-part) + h4[id], .article__content > *:not(.highlighted-part) + h4[id], .podcast__rte > *:not(.highlighted-part) + h4[id], .hero__rte > *:not(.highlighted-part) + h4[id], .block__rte > *:not(.highlighted-part) + h4[id], .row--rte > *:not(.highlighted-part) + h4[id], .form__field--rte > *:not(.highlighted-part) + h4[id], .entry-content .indented-block > *:not(.highlighted-part) + h5[id], .article__content .indented-block > *:not(.highlighted-part) + h5[id], #tinymce.mce-content-body .indented-block > *:not(.highlighted-part) + h5[id], .article__content > *:not(.highlighted-part) + h5[id], .podcast__rte > *:not(.highlighted-part) + h5[id], .hero__rte > *:not(.highlighted-part) + h5[id], .block__rte > *:not(.highlighted-part) + h5[id], .row--rte > *:not(.highlighted-part) + h5[id], .form__field--rte > *:not(.highlighted-part) + h5[id], .entry-content .indented-block > *:not(.highlighted-part) + h6[id], .article__content .indented-block > *:not(.highlighted-part) + h6[id], #tinymce.mce-content-body .indented-block > *:not(.highlighted-part) + h6[id], .article__content > *:not(.highlighted-part) + h6[id], .podcast__rte > *:not(.highlighted-part) + h6[id], .hero__rte > *:not(.highlighted-part) + h6[id], .block__rte > *:not(.highlighted-part) + h6[id], .row--rte > *:not(.highlighted-part) + h6[id], .form__field--rte > *:not(.highlighted-part) + h6[id] { padding-block-start: calc(var(--header-navigation-height) + var(--header-navigation-offset) * 2 + var(--header-banner-height)); margin-block-start: calc((var(--header-navigation-height) + var(--header-navigation-offset) * 2 + var(--header-banner-height)) * -1 + 1em); } } @media screen and ( min-width: 48em ) { .entry-content .indented-block > * + *:not(li, h1, h2, h3, h4, h5, h6), .article__content .indented-block > * + *:not(li, h1, h2, h3, h4, h5, h6), #tinymce.mce-content-body .indented-block > * + *:not(li, h1, h2, h3, h4, h5, h6), .article__content > * + *:not(li, h1, h2, h3, h4, h5, h6), .podcast__rte > * + *:not(li, h1, h2, h3, h4, h5, h6), .hero__rte > * + *:not(li, h1, h2, h3, h4, h5, h6), .block__rte > * + *:not(li, h1, h2, h3, h4, h5, h6), .row--rte > * + *:not(li, h1, h2, h3, h4, h5, h6), .form__field--rte > * + *:not(li, h1, h2, h3, h4, h5, h6) { margin-top: 1em; } .entry-content .indented-block > * + img, .article__content .indented-block > * + img, #tinymce.mce-content-body .indented-block > * + img, .article__content > * + img, .podcast__rte > * + img, .hero__rte > * + img, .block__rte > * + img, .row--rte > * + img, .form__field--rte > * + img { margin-top: 3em; } } .entry-content .indented-block iframe, .article__content .indented-block iframe, #tinymce.mce-content-body .indented-block iframe, .article__content iframe, .podcast__rte iframe, .hero__rte iframe, .block__rte iframe, .row--rte iframe, .form__field--rte iframe { background: #f7f7f7; margin: 30px 0; } .article__content, .podcast__rte, .hero__rte, .block__rte, .row--rte, .form__field--rte { --rte-mark-color: var(--text-color--accent); line-height: 1.5; } @media screen and ( min-width: 48em ) { .article__content, .podcast__rte, .hero__rte, .block__rte, .row--rte, .form__field--rte { line-height: 1.75; } } .article__content h4, .podcast__rte h4, .hero__rte h4, .block__rte h4, .row--rte h4, .form__field--rte h4, .article__content h5, .podcast__rte h5, .hero__rte h5, .block__rte h5, .row--rte h5, .form__field--rte h5, .article__content h6, .podcast__rte h6, .hero__rte h6, .block__rte h6, .row--rte h6, .form__field--rte h6 { color: var(--title-color--medium); } .article__content ul:not(.block__list), .podcast__rte ul:not(.block__list), .hero__rte ul:not(.block__list), .block__rte ul:not(.block__list), .row--rte ul:not(.block__list), .form__field--rte ul:not(.block__list), .article__content ol:not(.block__list), .podcast__rte ol:not(.block__list), .hero__rte ol:not(.block__list), .block__rte ol:not(.block__list), .row--rte ol:not(.block__list), .form__field--rte ol:not(.block__list) { display: flex; flex-wrap: wrap; gap: 0.4rem 2em; margin-bottom: 2rem; } .article__content ul ul, .podcast__rte ul ul, .hero__rte ul ul, .block__rte ul ul, .row--rte ul ul, .form__field--rte ul ul, .article__content ul ol, .podcast__rte ul ol, .hero__rte ul ol, .block__rte ul ol, .row--rte ul ol, .form__field--rte ul ol, .article__content ol ul, .podcast__rte ol ul, .hero__rte ol ul, .block__rte ol ul, .row--rte ol ul, .form__field--rte ol ul, .article__content ol ol, .podcast__rte ol ol, .hero__rte ol ol, .block__rte ol ol, .row--rte ol ol, .form__field--rte ol ol { grid-area: list; } .article__content ul li, .podcast__rte ul li, .hero__rte ul li, .block__rte ul li, .row--rte ul li, .form__field--rte ul li, .article__content ol li, .podcast__rte ol li, .hero__rte ol li, .block__rte ol li, .row--rte ol li, .form__field--rte ol li { width: 100%; padding-inline-start: 0em; position: relative; list-style-type: disc; } @media screen and ( min-width: 48em ) { .article__content ul li, .podcast__rte ul li, .hero__rte ul li, .block__rte ul li, .row--rte ul li, .form__field--rte ul li, .article__content ol li, .podcast__rte ol li, .hero__rte ol li, .block__rte ol li, .row--rte ol li, .form__field--rte ol li { padding-inline-start: 1em; margin-left: 1.7em; } } .article__content ul li::marker, .podcast__rte ul li::marker, .hero__rte ul li::marker, .block__rte ul li::marker, .row--rte ul li::marker, .form__field--rte ul li::marker, .article__content ol li::marker, .podcast__rte ol li::marker, .hero__rte ol li::marker, .block__rte ol li::marker, .row--rte ol li::marker, .form__field--rte ol li::marker { color: var(--rte-mark-color); } @media screen and ( max-width: 47.9375em ) { .article__content ul:not(.block__list, .article__tags__list), .podcast__rte ul:not(.block__list, .article__tags__list), .hero__rte ul:not(.block__list, .article__tags__list), .block__rte ul:not(.block__list, .article__tags__list), .row--rte ul:not(.block__list, .article__tags__list), .form__field--rte ul:not(.block__list, .article__tags__list) { flex-direction: column; } } .article__content ol:not(.block__list), .podcast__rte ol:not(.block__list), .hero__rte ol:not(.block__list), .block__rte ol:not(.block__list), .row--rte ol:not(.block__list), .form__field--rte ol:not(.block__list) { counter-reset: index; } .article__content ol:not(.block__list) > li, .podcast__rte ol:not(.block__list) > li, .hero__rte ol:not(.block__list) > li, .block__rte ol:not(.block__list) > li, .row--rte ol:not(.block__list) > li, .form__field--rte ol:not(.block__list) > li { counter-increment: index; } .article__content ol:not(.block__list) > li:before, .podcast__rte ol:not(.block__list) > li:before, .hero__rte ol:not(.block__list) > li:before, .block__rte ol:not(.block__list) > li:before, .row--rte ol:not(.block__list) > li:before, .form__field--rte ol:not(.block__list) > li:before { content: counters(index, ".", decimal) "."; } @media screen and ( min-width: 80em ) { .article__content, .podcast__rte, .hero__rte, .block__rte, .row--rte, .form__field--rte { line-height: 2; } } .article__content hr, .podcast__rte hr, .hero__rte hr, .block__rte hr, .row--rte hr, .form__field--rte hr { display: block; width: 100%; height: 1px; border: 0; background: rgba(var(--text-color), 0.2); margin-top: 30px; } .article__content .clearfix, .podcast__rte .clearfix, .hero__rte .clearfix, .block__rte .clearfix, .row--rte .clearfix, .form__field--rte .clearfix { width: 100%; border-top: 3px dotted rgba(var(--text-color), 0.2); margin: 0 0 -3px; background: none; clear: both; } .article__content .emphased-text, .podcast__rte .emphased-text, .hero__rte .emphased-text, .block__rte .emphased-text, .row--rte .emphased-text, .form__field--rte .emphased-text { font-style: italic; color: var(--yellow); font-weight: 500; } .article__content .isolated-block, .podcast__rte .isolated-block, .hero__rte .isolated-block, .block__rte .isolated-block, .row--rte .isolated-block, .form__field--rte .isolated-block { background: white; padding: 30px; margin: 25px 0; color: var(--text-color); border: 1px solid #f7f7f7; } .article__content .isolated-block:last-child(), .podcast__rte .isolated-block:last-child(), .hero__rte .isolated-block:last-child(), .block__rte .isolated-block:last-child(), .row--rte .isolated-block:last-child(), .form__field--rte .isolated-block:last-child() { margin-bottom: 0; padding-bottom: 0; } .article__content .isolated-block strong, .podcast__rte .isolated-block strong, .hero__rte .isolated-block strong, .block__rte .isolated-block strong, .row--rte .isolated-block strong, .form__field--rte .isolated-block strong { color: var(--text-color); } .article__content .isolated-block .wp-caption + h2, .podcast__rte .isolated-block .wp-caption + h2, .hero__rte .isolated-block .wp-caption + h2, .block__rte .isolated-block .wp-caption + h2, .row--rte .isolated-block .wp-caption + h2, .form__field--rte .isolated-block .wp-caption + h2, .article__content .isolated-block .wp-caption + h3, .podcast__rte .isolated-block .wp-caption + h3, .hero__rte .isolated-block .wp-caption + h3, .block__rte .isolated-block .wp-caption + h3, .row--rte .isolated-block .wp-caption + h3, .form__field--rte .isolated-block .wp-caption + h3, .article__content .isolated-block .wp-caption + h4, .podcast__rte .isolated-block .wp-caption + h4, .hero__rte .isolated-block .wp-caption + h4, .block__rte .isolated-block .wp-caption + h4, .row--rte .isolated-block .wp-caption + h4, .form__field--rte .isolated-block .wp-caption + h4 { margin-top: 15px; } .article__content .isolated-block > :first-child(), .podcast__rte .isolated-block > :first-child(), .hero__rte .isolated-block > :first-child(), .block__rte .isolated-block > :first-child(), .row--rte .isolated-block > :first-child(), .form__field--rte .isolated-block > :first-child() { margin-top: var(--grid-gap); } .article__content .isolated-block h2:first-child(), .podcast__rte .isolated-block h2:first-child(), .hero__rte .isolated-block h2:first-child(), .block__rte .isolated-block h2:first-child(), .row--rte .isolated-block h2:first-child(), .form__field--rte .isolated-block h2:first-child(), .article__content .isolated-block h3:first-child(), .podcast__rte .isolated-block h3:first-child(), .hero__rte .isolated-block h3:first-child(), .block__rte .isolated-block h3:first-child(), .row--rte .isolated-block h3:first-child(), .form__field--rte .isolated-block h3:first-child(), .article__content .isolated-block h4:first-child(), .podcast__rte .isolated-block h4:first-child(), .hero__rte .isolated-block h4:first-child(), .block__rte .isolated-block h4:first-child(), .row--rte .isolated-block h4:first-child(), .form__field--rte .isolated-block h4:first-child(), .article__content .isolated-block h5:first-child(), .podcast__rte .isolated-block h5:first-child(), .hero__rte .isolated-block h5:first-child(), .block__rte .isolated-block h5:first-child(), .row--rte .isolated-block h5:first-child(), .form__field--rte .isolated-block h5:first-child() { margin-top: var(--grid-gap); } .article__content .isolated-block ul, .podcast__rte .isolated-block ul, .hero__rte .isolated-block ul, .block__rte .isolated-block ul, .row--rte .isolated-block ul, .form__field--rte .isolated-block ul, .article__content .isolated-block ol, .podcast__rte .isolated-block ol, .hero__rte .isolated-block ol, .block__rte .isolated-block ol, .row--rte .isolated-block ol, .form__field--rte .isolated-block ol { padding: 0; } .article__content .isolated-block ul:last-child(), .podcast__rte .isolated-block ul:last-child(), .hero__rte .isolated-block ul:last-child(), .block__rte .isolated-block ul:last-child(), .row--rte .isolated-block ul:last-child(), .form__field--rte .isolated-block ul:last-child() { margin-bottom: var(--grid-gap); } .article__content .indented-block, .podcast__rte .indented-block, .hero__rte .indented-block, .block__rte .indented-block, .row--rte .indented-block, .form__field--rte .indented-block { margin-left: 2.387%; } .article__content .highlighted-part, .podcast__rte .highlighted-part, .hero__rte .highlighted-part, .block__rte .highlighted-part, .row--rte .highlighted-part, .form__field--rte .highlighted-part, .article__content .emphased-part, .podcast__rte .emphased-part, .hero__rte .emphased-part, .block__rte .emphased-part, .row--rte .emphased-part, .form__field--rte .emphased-part { padding: 30px; margin: 30px 0; } .article__content .highlighted-part + p, .podcast__rte .highlighted-part + p, .hero__rte .highlighted-part + p, .block__rte .highlighted-part + p, .row--rte .highlighted-part + p, .form__field--rte .highlighted-part + p, .article__content .highlighted-part + h2, .podcast__rte .highlighted-part + h2, .hero__rte .highlighted-part + h2, .block__rte .highlighted-part + h2, .row--rte .highlighted-part + h2, .form__field--rte .highlighted-part + h2, .article__content .highlighted-part + h3, .podcast__rte .highlighted-part + h3, .hero__rte .highlighted-part + h3, .block__rte .highlighted-part + h3, .row--rte .highlighted-part + h3, .form__field--rte .highlighted-part + h3, .article__content .highlighted-part + h4, .podcast__rte .highlighted-part + h4, .hero__rte .highlighted-part + h4, .block__rte .highlighted-part + h4, .row--rte .highlighted-part + h4, .form__field--rte .highlighted-part + h4, .article__content .highlighted-part + table, .podcast__rte .highlighted-part + table, .hero__rte .highlighted-part + table, .block__rte .highlighted-part + table, .row--rte .highlighted-part + table, .form__field--rte .highlighted-part + table, .article__content .highlighted-part + blockquote, .podcast__rte .highlighted-part + blockquote, .hero__rte .highlighted-part + blockquote, .block__rte .highlighted-part + blockquote, .row--rte .highlighted-part + blockquote, .form__field--rte .highlighted-part + blockquote, .article__content .highlighted-part + ul, .podcast__rte .highlighted-part + ul, .hero__rte .highlighted-part + ul, .block__rte .highlighted-part + ul, .row--rte .highlighted-part + ul, .form__field--rte .highlighted-part + ul, .article__content .highlighted-part + ol, .podcast__rte .highlighted-part + ol, .hero__rte .highlighted-part + ol, .block__rte .highlighted-part + ol, .row--rte .highlighted-part + ol, .form__field--rte .highlighted-part + ol, .article__content .emphased-part + p, .podcast__rte .emphased-part + p, .hero__rte .emphased-part + p, .block__rte .emphased-part + p, .row--rte .emphased-part + p, .form__field--rte .emphased-part + p, .article__content .emphased-part + h2, .podcast__rte .emphased-part + h2, .hero__rte .emphased-part + h2, .block__rte .emphased-part + h2, .row--rte .emphased-part + h2, .form__field--rte .emphased-part + h2, .article__content .emphased-part + h3, .podcast__rte .emphased-part + h3, .hero__rte .emphased-part + h3, .block__rte .emphased-part + h3, .row--rte .emphased-part + h3, .form__field--rte .emphased-part + h3, .article__content .emphased-part + h4, .podcast__rte .emphased-part + h4, .hero__rte .emphased-part + h4, .block__rte .emphased-part + h4, .row--rte .emphased-part + h4, .form__field--rte .emphased-part + h4, .article__content .emphased-part + table, .podcast__rte .emphased-part + table, .hero__rte .emphased-part + table, .block__rte .emphased-part + table, .row--rte .emphased-part + table, .form__field--rte .emphased-part + table, .article__content .emphased-part + blockquote, .podcast__rte .emphased-part + blockquote, .hero__rte .emphased-part + blockquote, .block__rte .emphased-part + blockquote, .row--rte .emphased-part + blockquote, .form__field--rte .emphased-part + blockquote, .article__content .emphased-part + ul, .podcast__rte .emphased-part + ul, .hero__rte .emphased-part + ul, .block__rte .emphased-part + ul, .row--rte .emphased-part + ul, .form__field--rte .emphased-part + ul, .article__content .emphased-part + ol, .podcast__rte .emphased-part + ol, .hero__rte .emphased-part + ol, .block__rte .emphased-part + ol, .row--rte .emphased-part + ol, .form__field--rte .emphased-part + ol { padding-top: 10px; } .article__content .highlighted-part h2, .podcast__rte .highlighted-part h2, .hero__rte .highlighted-part h2, .block__rte .highlighted-part h2, .row--rte .highlighted-part h2, .form__field--rte .highlighted-part h2, .article__content .highlighted-part h3, .podcast__rte .highlighted-part h3, .hero__rte .highlighted-part h3, .block__rte .highlighted-part h3, .row--rte .highlighted-part h3, .form__field--rte .highlighted-part h3, .article__content .highlighted-part h4, .podcast__rte .highlighted-part h4, .hero__rte .highlighted-part h4, .block__rte .highlighted-part h4, .row--rte .highlighted-part h4, .form__field--rte .highlighted-part h4, .article__content .emphased-part h2, .podcast__rte .emphased-part h2, .hero__rte .emphased-part h2, .block__rte .emphased-part h2, .row--rte .emphased-part h2, .form__field--rte .emphased-part h2, .article__content .emphased-part h3, .podcast__rte .emphased-part h3, .hero__rte .emphased-part h3, .block__rte .emphased-part h3, .row--rte .emphased-part h3, .form__field--rte .emphased-part h3, .article__content .emphased-part h4, .podcast__rte .emphased-part h4, .hero__rte .emphased-part h4, .block__rte .emphased-part h4, .row--rte .emphased-part h4, .form__field--rte .emphased-part h4 { margin-top: 0; margin-left: 0; } .article__content .highlighted-part h2 + p, .podcast__rte .highlighted-part h2 + p, .hero__rte .highlighted-part h2 + p, .block__rte .highlighted-part h2 + p, .row--rte .highlighted-part h2 + p, .form__field--rte .highlighted-part h2 + p, .article__content .highlighted-part h3 + p, .podcast__rte .highlighted-part h3 + p, .hero__rte .highlighted-part h3 + p, .block__rte .highlighted-part h3 + p, .row--rte .highlighted-part h3 + p, .form__field--rte .highlighted-part h3 + p, .article__content .highlighted-part h4 + p, .podcast__rte .highlighted-part h4 + p, .hero__rte .highlighted-part h4 + p, .block__rte .highlighted-part h4 + p, .row--rte .highlighted-part h4 + p, .form__field--rte .highlighted-part h4 + p, .article__content .emphased-part h2 + p, .podcast__rte .emphased-part h2 + p, .hero__rte .emphased-part h2 + p, .block__rte .emphased-part h2 + p, .row--rte .emphased-part h2 + p, .form__field--rte .emphased-part h2 + p, .article__content .emphased-part h3 + p, .podcast__rte .emphased-part h3 + p, .hero__rte .emphased-part h3 + p, .block__rte .emphased-part h3 + p, .row--rte .emphased-part h3 + p, .form__field--rte .emphased-part h3 + p, .article__content .emphased-part h4 + p, .podcast__rte .emphased-part h4 + p, .hero__rte .emphased-part h4 + p, .block__rte .emphased-part h4 + p, .row--rte .emphased-part h4 + p, .form__field--rte .emphased-part h4 + p { margin-left: 0; } .article__content .highlighted-part p, .podcast__rte .highlighted-part p, .hero__rte .highlighted-part p, .block__rte .highlighted-part p, .row--rte .highlighted-part p, .form__field--rte .highlighted-part p, .article__content .emphased-part p, .podcast__rte .emphased-part p, .hero__rte .emphased-part p, .block__rte .emphased-part p, .row--rte .emphased-part p, .form__field--rte .emphased-part p { margin-left: 0; } .article__content .highlighted-part, .podcast__rte .highlighted-part, .hero__rte .highlighted-part, .block__rte .highlighted-part, .row--rte .highlighted-part, .form__field--rte .highlighted-part { background: var(--yellow); text-align: center; color: white; } .article__content .highlighted-part h2, .podcast__rte .highlighted-part h2, .hero__rte .highlighted-part h2, .block__rte .highlighted-part h2, .row--rte .highlighted-part h2, .form__field--rte .highlighted-part h2, .article__content .highlighted-part h3, .podcast__rte .highlighted-part h3, .hero__rte .highlighted-part h3, .block__rte .highlighted-part h3, .row--rte .highlighted-part h3, .form__field--rte .highlighted-part h3, .article__content .highlighted-part h4, .podcast__rte .highlighted-part h4, .hero__rte .highlighted-part h4, .block__rte .highlighted-part h4, .row--rte .highlighted-part h4, .form__field--rte .highlighted-part h4 { color: white; } .article__content .highlighted-part ol, .podcast__rte .highlighted-part ol, .hero__rte .highlighted-part ol, .block__rte .highlighted-part ol, .row--rte .highlighted-part ol, .form__field--rte .highlighted-part ol, .article__content .highlighted-part ul, .podcast__rte .highlighted-part ul, .hero__rte .highlighted-part ul, .block__rte .highlighted-part ul, .row--rte .highlighted-part ul, .form__field--rte .highlighted-part ul, .article__content .highlighted-part li, .podcast__rte .highlighted-part li, .hero__rte .highlighted-part li, .block__rte .highlighted-part li, .row--rte .highlighted-part li, .form__field--rte .highlighted-part li { text-align: left; } .article__content .highlighted-part a, .podcast__rte .highlighted-part a, .hero__rte .highlighted-part a, .block__rte .highlighted-part a, .row--rte .highlighted-part a, .form__field--rte .highlighted-part a { color: var(--yellow-link); } .article__content .excerpt, .podcast__rte .excerpt, .hero__rte .excerpt, .block__rte .excerpt, .row--rte .excerpt, .form__field--rte .excerpt { padding: 20px 0; font-size: 1.8rem; } .article__content blockquote:not(.quote-excerpt), .podcast__rte blockquote:not(.quote-excerpt), .hero__rte blockquote:not(.quote-excerpt), .block__rte blockquote:not(.quote-excerpt), .row--rte blockquote:not(.quote-excerpt), .form__field--rte blockquote:not(.quote-excerpt) { padding: 0 0 0 10px; border-left: 8px solid #ccc; } .article__content blockquote.quote-excerpt, .podcast__rte blockquote.quote-excerpt, .hero__rte blockquote.quote-excerpt, .block__rte blockquote.quote-excerpt, .row--rte blockquote.quote-excerpt, .form__field--rte blockquote.quote-excerpt { border: none; padding: 0; max-width: 90%; margin: 35px auto; font-size: 2.4rem; font-weight: 300; } .article__content blockquote.quote-excerpt p, .podcast__rte blockquote.quote-excerpt p, .hero__rte blockquote.quote-excerpt p, .block__rte blockquote.quote-excerpt p, .row--rte blockquote.quote-excerpt p, .form__field--rte blockquote.quote-excerpt p { line-height: normal; } @media screen and ( min-width: 64em ) { .article__content blockquote.quote-excerpt, .podcast__rte blockquote.quote-excerpt, .hero__rte blockquote.quote-excerpt, .block__rte blockquote.quote-excerpt, .row--rte blockquote.quote-excerpt, .form__field--rte blockquote.quote-excerpt { font-size: 3.4rem; } .article__content blockquote.quote-excerpt:before, .podcast__rte blockquote.quote-excerpt:before, .hero__rte blockquote.quote-excerpt:before, .block__rte blockquote.quote-excerpt:before, .row--rte blockquote.quote-excerpt:before, .form__field--rte blockquote.quote-excerpt:before { width: 60px; height: 44px; } } .article__content img, .podcast__rte img, .hero__rte img, .block__rte img, .row--rte img, .form__field--rte img { max-width: 100%; height: auto; } .entry-content, .article__content, #tinymce.mce-content-body { /* Embed iframe */ } .entry-content .aligncenter, .article__content .aligncenter, #tinymce.mce-content-body .aligncenter { display: block; margin-left: auto; margin-right: auto; } .entry-content .wp-caption, .article__content .wp-caption, #tinymce.mce-content-body .wp-caption { border: 1px solid #dcdcdc; text-align: center; background-color: #eef0f2; padding-top: 4px; margin-bottom: 10px; max-width: 96%; padding: 8px; } .entry-content .wp-caption.alignleft, .article__content .wp-caption.alignleft, #tinymce.mce-content-body .wp-caption.alignleft { margin: 0px 10px 10px 0px; } .entry-content .wp-caption.alignright, .article__content .wp-caption.alignright, #tinymce.mce-content-body .wp-caption.alignright { margin: 0px 0px 10px 10px; } .entry-content .wp-caption img, .article__content .wp-caption img, #tinymce.mce-content-body .wp-caption img { margin: 0; padding: 0; border: 0 none; } .entry-content .wp-caption p.wp-caption-text, .article__content .wp-caption p.wp-caption-text, #tinymce.mce-content-body .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .entry-content .alignright, .article__content .alignright, #tinymce.mce-content-body .alignright { float: right; } .entry-content .alignleft, .article__content .alignleft, #tinymce.mce-content-body .alignleft { float: left; } .entry-content img.alignleft, .article__content img.alignleft, #tinymce.mce-content-body img.alignleft { display: inline; float: left; margin-right: 15px; } .entry-content img.alignright, .article__content img.alignright, #tinymce.mce-content-body img.alignright { display: inline; float: right; margin-left: 15px; } .entry-content table:not(.tablepress), .article__content table:not(.tablepress), #tinymce.mce-content-body table:not(.tablepress) { width: 100% !important; } .entry-content table:not(.tablepress) h3, .article__content table:not(.tablepress) h3, #tinymce.mce-content-body table:not(.tablepress) h3 { margin-left: 0; } .entry-content table:not(.tablepress) h3 + p, .article__content table:not(.tablepress) h3 + p, #tinymce.mce-content-body table:not(.tablepress) h3 + p { margin-left: 0; } .entry-content table:not(.tablepress) tbody tr, .article__content table:not(.tablepress) tbody tr, #tinymce.mce-content-body table:not(.tablepress) tbody tr { display: flex; flex-direction: column; } @media screen and ( min-width: 48.0625em ) { .entry-content table:not(.tablepress) tbody tr, .article__content table:not(.tablepress) tbody tr, #tinymce.mce-content-body table:not(.tablepress) tbody tr { display: table-row; } } .entry-content table:not(.tablepress) tbody tr:nth-of-type(odd), .article__content table:not(.tablepress) tbody tr:nth-of-type(odd), #tinymce.mce-content-body table:not(.tablepress) tbody tr:nth-of-type(odd) { background: #f7f7f7; } .entry-content table:not(.tablepress) tbody tr:nth-of-type(1), .article__content table:not(.tablepress) tbody tr:nth-of-type(1), #tinymce.mce-content-body table:not(.tablepress) tbody tr:nth-of-type(1) { border-bottom: 1px solid var(--yellow--dark); background: var(--yellow); font-weight: 400; font-family: var(--title-font); } .entry-content table:not(.tablepress) tbody tr:nth-of-type(1) strong, .entry-content table:not(.tablepress) tbody tr:nth-of-type(1) td, .article__content table:not(.tablepress) tbody tr:nth-of-type(1) strong, .article__content table:not(.tablepress) tbody tr:nth-of-type(1) td, #tinymce.mce-content-body table:not(.tablepress) tbody tr:nth-of-type(1) strong, #tinymce.mce-content-body table:not(.tablepress) tbody tr:nth-of-type(1) td { color: var(--yellow--darker); } .entry-content table:not(.tablepress) tbody tr:not(:nth-of-type(1)) td:nth-of-type(1), .article__content table:not(.tablepress) tbody tr:not(:nth-of-type(1)) td:nth-of-type(1), #tinymce.mce-content-body table:not(.tablepress) tbody tr:not(:nth-of-type(1)) td:nth-of-type(1) { font-weight: 500; font-family: var(--title-font); } .entry-content table:not(.tablepress) tbody tr:not(:nth-of-type(1)) td:nth-of-type(2), .article__content table:not(.tablepress) tbody tr:not(:nth-of-type(1)) td:nth-of-type(2), #tinymce.mce-content-body table:not(.tablepress) tbody tr:not(:nth-of-type(1)) td:nth-of-type(2) { font-size: 15px; } .entry-content table:not(.tablepress) td, .article__content table:not(.tablepress) td, #tinymce.mce-content-body table:not(.tablepress) td { padding: 20px; line-height: 26px; vertical-align: center; } .entry-content table:not(.tablepress) td li, .article__content table:not(.tablepress) td li, #tinymce.mce-content-body table:not(.tablepress) td li { padding-left: 1rem; padding-inline-start: 1rem; display: flex; } .entry-content table:not(.tablepress) td li:before, .article__content table:not(.tablepress) td li:before, #tinymce.mce-content-body table:not(.tablepress) td li:before { min-width: 1.5em; } @media screen and ( max-width: 63.9375em ) { .entry-content table:not(.tablepress) td:nth-of-type(2), .article__content table:not(.tablepress) td:nth-of-type(2), #tinymce.mce-content-body table:not(.tablepress) td:nth-of-type(2) { padding-top: 0; } } @media screen and ( max-width: 63.9375em ) { .entry-content table:not(.tablepress) td, .article__content table:not(.tablepress) td, #tinymce.mce-content-body table:not(.tablepress) td { border-top: none; width: auto !important; } } .entry-content table:not(.tablepress) tr td, .article__content table:not(.tablepress) tr td, #tinymce.mce-content-body table:not(.tablepress) tr td { padding: 10px; } .entry-content table:not(.tablepress) p, .entry-content table:not(.tablepress) ul, .entry-content table:not(.tablepress) ol, .article__content table:not(.tablepress) p, .article__content table:not(.tablepress) ul, .article__content table:not(.tablepress) ol, #tinymce.mce-content-body table:not(.tablepress) p, #tinymce.mce-content-body table:not(.tablepress) ul, #tinymce.mce-content-body table:not(.tablepress) ol { line-height: 26px; } .entry-content table:not(.tablepress) + h2, .entry-content table:not(.tablepress) + h3, .article__content table:not(.tablepress) + h2, .article__content table:not(.tablepress) + h3, #tinymce.mce-content-body table:not(.tablepress) + h2, #tinymce.mce-content-body table:not(.tablepress) + h3 { padding-top: 10px; } .entry-content .head-text, .article__content .head-text, #tinymce.mce-content-body .head-text { font-size: 1.8rem; line-height: 1.4em; font-weight: 700; width: 90%; margin: 0 auto; text-align: center; padding: 30px 0 15px 0; } @media screen and ( min-width: 48.0625em ) { .entry-content .head-text, .article__content .head-text, #tinymce.mce-content-body .head-text { font-size: 2.2rem; padding: 45px 0 15px 0; } } .entry-content .head-text + .introduction, .article__content .head-text + .introduction, #tinymce.mce-content-body .head-text + .introduction { padding-top: 0; } .entry-content .introduction, .article__content .introduction, #tinymce.mce-content-body .introduction { padding: 20px 0; width: 90%; margin: 0 auto; color: #969696; line-height: em(26px); text-align: center; } .entry-content .introduction h1, .article__content .introduction h1, #tinymce.mce-content-body .introduction h1 { margin: 0; } .entry-content .highlighted-part, .entry-content .emphased-part, .article__content .highlighted-part, .article__content .emphased-part, #tinymce.mce-content-body .highlighted-part, #tinymce.mce-content-body .emphased-part { padding: 2.7rem; margin: 1rem 0; } .entry-content .highlighted-part + p, .entry-content .highlighted-part + h2, .entry-content .highlighted-part + h3, .entry-content .highlighted-part + h4, .entry-content .highlighted-part + table, .entry-content .highlighted-part + blockquote, .entry-content .highlighted-part + ul, .entry-content .highlighted-part + ol, .entry-content .emphased-part + p, .entry-content .emphased-part + h2, .entry-content .emphased-part + h3, .entry-content .emphased-part + h4, .entry-content .emphased-part + table, .entry-content .emphased-part + blockquote, .entry-content .emphased-part + ul, .entry-content .emphased-part + ol, .article__content .highlighted-part + p, .article__content .highlighted-part + h2, .article__content .highlighted-part + h3, .article__content .highlighted-part + h4, .article__content .highlighted-part + table, .article__content .highlighted-part + blockquote, .article__content .highlighted-part + ul, .article__content .highlighted-part + ol, .article__content .emphased-part + p, .article__content .emphased-part + h2, .article__content .emphased-part + h3, .article__content .emphased-part + h4, .article__content .emphased-part + table, .article__content .emphased-part + blockquote, .article__content .emphased-part + ul, .article__content .emphased-part + ol, #tinymce.mce-content-body .highlighted-part + p, #tinymce.mce-content-body .highlighted-part + h2, #tinymce.mce-content-body .highlighted-part + h3, #tinymce.mce-content-body .highlighted-part + h4, #tinymce.mce-content-body .highlighted-part + table, #tinymce.mce-content-body .highlighted-part + blockquote, #tinymce.mce-content-body .highlighted-part + ul, #tinymce.mce-content-body .highlighted-part + ol, #tinymce.mce-content-body .emphased-part + p, #tinymce.mce-content-body .emphased-part + h2, #tinymce.mce-content-body .emphased-part + h3, #tinymce.mce-content-body .emphased-part + h4, #tinymce.mce-content-body .emphased-part + table, #tinymce.mce-content-body .emphased-part + blockquote, #tinymce.mce-content-body .emphased-part + ul, #tinymce.mce-content-body .emphased-part + ol { padding-top: 1em; } .entry-content .highlighted-part h2, .entry-content .highlighted-part h3, .entry-content .highlighted-part h4, .entry-content .emphased-part h2, .entry-content .emphased-part h3, .entry-content .emphased-part h4, .article__content .highlighted-part h2, .article__content .highlighted-part h3, .article__content .highlighted-part h4, .article__content .emphased-part h2, .article__content .emphased-part h3, .article__content .emphased-part h4, #tinymce.mce-content-body .highlighted-part h2, #tinymce.mce-content-body .highlighted-part h3, #tinymce.mce-content-body .highlighted-part h4, #tinymce.mce-content-body .emphased-part h2, #tinymce.mce-content-body .emphased-part h3, #tinymce.mce-content-body .emphased-part h4 { margin-top: 0; margin-left: 0; } .entry-content .highlighted-part h2 + p, .entry-content .highlighted-part h3 + p, .entry-content .highlighted-part h4 + p, .entry-content .emphased-part h2 + p, .entry-content .emphased-part h3 + p, .entry-content .emphased-part h4 + p, .article__content .highlighted-part h2 + p, .article__content .highlighted-part h3 + p, .article__content .highlighted-part h4 + p, .article__content .emphased-part h2 + p, .article__content .emphased-part h3 + p, .article__content .emphased-part h4 + p, #tinymce.mce-content-body .highlighted-part h2 + p, #tinymce.mce-content-body .highlighted-part h3 + p, #tinymce.mce-content-body .highlighted-part h4 + p, #tinymce.mce-content-body .emphased-part h2 + p, #tinymce.mce-content-body .emphased-part h3 + p, #tinymce.mce-content-body .emphased-part h4 + p { margin-left: 0; } .entry-content .highlighted-part p, .entry-content .emphased-part p, .article__content .highlighted-part p, .article__content .emphased-part p, #tinymce.mce-content-body .highlighted-part p, #tinymce.mce-content-body .emphased-part p { margin-left: 0; } .entry-content .highlighted-part, .article__content .highlighted-part, #tinymce.mce-content-body .highlighted-part { background: var(--green--dark); text-align: center; color: white; } @media screen and ( min-width: 48.0625em ) { .entry-content .highlighted-part, .article__content .highlighted-part, #tinymce.mce-content-body .highlighted-part { padding: 6rem; margin: 3rem 0; } .entry-content .highlighted-part h2, .article__content .highlighted-part h2, #tinymce.mce-content-body .highlighted-part h2 { font-size: 3.6rem; } } @media screen and ( max-width: 47.9375em ) { .entry-content .highlighted-part, .article__content .highlighted-part, #tinymce.mce-content-body .highlighted-part { padding: 2rem; margin: 1rem 0; } } .entry-content .highlighted-part h2, .entry-content .highlighted-part h3, .entry-content .highlighted-part h4, .article__content .highlighted-part h2, .article__content .highlighted-part h3, .article__content .highlighted-part h4, #tinymce.mce-content-body .highlighted-part h2, #tinymce.mce-content-body .highlighted-part h3, #tinymce.mce-content-body .highlighted-part h4 { color: white; } .entry-content .highlighted-part ol, .entry-content .highlighted-part ul, .article__content .highlighted-part ol, .article__content .highlighted-part ul, #tinymce.mce-content-body .highlighted-part ol, #tinymce.mce-content-body .highlighted-part ul { text-align: left; } .entry-content .highlighted-part ol li, .entry-content .highlighted-part ul li, .article__content .highlighted-part ol li, .article__content .highlighted-part ul li, #tinymce.mce-content-body .highlighted-part ol li, #tinymce.mce-content-body .highlighted-part ul li { padding-inline-start: 2em; position: relative; } .entry-content .highlighted-part ol li::before, .entry-content .highlighted-part ul li::before, .article__content .highlighted-part ol li::before, .article__content .highlighted-part ul li::before, #tinymce.mce-content-body .highlighted-part ol li::before, #tinymce.mce-content-body .highlighted-part ul li::before { color: #fff; --rte-mark-color: #fff; border-color: #fff; } .entry-content .highlighted-part a, .article__content .highlighted-part a, #tinymce.mce-content-body .highlighted-part a { color: var(--yellow--dark) -link; } .entry-content .excerpt, .article__content .excerpt, #tinymce.mce-content-body .excerpt { padding: 20px 0; font-size: 1.8rem; } .entry-content blockquote:not(.quote-excerpt), .article__content blockquote:not(.quote-excerpt), #tinymce.mce-content-body blockquote:not(.quote-excerpt) { padding: 0 0 0 10px; border-left: 8px solid #ccc; } .entry-content blockquote.quote-excerpt, .article__content blockquote.quote-excerpt, #tinymce.mce-content-body blockquote.quote-excerpt { border: none; padding: 0; max-width: 90%; margin: 35px auto; font-size: 2.4rem; font-weight: 300; } @media screen and ( max-width: 47.9375em ) { .entry-content blockquote.quote-excerpt, .article__content blockquote.quote-excerpt, #tinymce.mce-content-body blockquote.quote-excerpt { max-width: 100%; font-size: 2rem; } } .entry-content blockquote.quote-excerpt p, .article__content blockquote.quote-excerpt p, #tinymce.mce-content-body blockquote.quote-excerpt p { line-height: normal; } .entry-content blockquote.quote-excerpt:before, .article__content blockquote.quote-excerpt:before, #tinymce.mce-content-body blockquote.quote-excerpt:before { content: " "; background-image: url("data:image/svg+xml,%0A%3Csvg id='a0481bc4-3a08-4fd6-8daf-f212b7b1bb36' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 20'%3E%3Ctitle%3Equotes%3C/title%3E%3Cpath d='M26,0H20L16,8V20H28V8H22ZM10,0H4L0,8V20H12V8H6Z' fill='%23618825'/%3E%3C/svg%3E"); display: inline-block; color: var(--yellow--dark); float: left; width: 42px; height: 30px; margin-top: -0.3em; margin-right: 0.3em; } @media screen and ( max-width: 47.9375em ) { .entry-content blockquote.quote-excerpt:before, .article__content blockquote.quote-excerpt:before, #tinymce.mce-content-body blockquote.quote-excerpt:before { margin: 0.3em 1.5rem 0.3em 0; } } @media screen and ( min-width: 48.0625em ) { .entry-content blockquote.quote-excerpt, .article__content blockquote.quote-excerpt, #tinymce.mce-content-body blockquote.quote-excerpt { font-size: 3.4rem; } .entry-content blockquote.quote-excerpt:before, .article__content blockquote.quote-excerpt:before, #tinymce.mce-content-body blockquote.quote-excerpt:before { width: 60px; height: 43px; } } .entry-content .head-text, .article__content .head-text, #tinymce.mce-content-body .head-text { font-size: 1.8rem; line-height: 1.4em; font-weight: 600; width: 90%; margin: 0 auto; text-align: center; padding: 30px 0 15px 0; } @media screen and ( min-width: 48.0625em ) { .entry-content .head-text, .article__content .head-text, #tinymce.mce-content-body .head-text { font-size: 2.2rem; padding: 45px 0 15px 0; } } .entry-content .head-text + .introduction, .article__content .head-text + .introduction, #tinymce.mce-content-body .head-text + .introduction { padding-top: 0; } .entry-content .emphased-part, .article__content .emphased-part, #tinymce.mce-content-body .emphased-part { background-color: #c8c8c9; } .entry-content p + .highlighted-part, .entry-content p + .emphased-part, .article__content p + .highlighted-part, .article__content p + .emphased-part, #tinymce.mce-content-body p + .highlighted-part, #tinymce.mce-content-body p + .emphased-part { margin-top: 30px; } .entry-content hr, .article__content hr, #tinymce.mce-content-body hr { display: block; width: 100%; margin: 30px auto; border: none; border-top: 1px solid #ddd; } .entry-content .clearfix, .article__content .clearfix, #tinymce.mce-content-body .clearfix { width: 100%; border-top: 3px dotted rgba(var(--text-color), 0.2); margin: 0 0 -3px; background: none; clear: both; } .entry-content .emphased-text, .article__content .emphased-text, #tinymce.mce-content-body .emphased-text { font-style: italic; color: var(--green); font-weight: 500; } .entry-content .isolated-block, .article__content .isolated-block, #tinymce.mce-content-body .isolated-block { background: white; padding: 30px; margin: 25px 0; color: var(--text-color); border: 1px solid var(--blue-space--light); } .entry-content .isolated-block:last-child(), .article__content .isolated-block:last-child(), #tinymce.mce-content-body .isolated-block:last-child() { margin-bottom: 0; padding-bottom: 0; } .entry-content .isolated-block strong, .article__content .isolated-block strong, #tinymce.mce-content-body .isolated-block strong { color: var(--text-color); } .entry-content .isolated-block .wp-caption + h2, .entry-content .isolated-block .wp-caption + h3, .entry-content .isolated-block .wp-caption + h4, .article__content .isolated-block .wp-caption + h2, .article__content .isolated-block .wp-caption + h3, .article__content .isolated-block .wp-caption + h4, #tinymce.mce-content-body .isolated-block .wp-caption + h2, #tinymce.mce-content-body .isolated-block .wp-caption + h3, #tinymce.mce-content-body .isolated-block .wp-caption + h4 { margin-top: 15px; } .entry-content .isolated-block > :first-child(), .article__content .isolated-block > :first-child(), #tinymce.mce-content-body .isolated-block > :first-child() { margin-top: var(--grid-gap); } .entry-content .isolated-block h2:first-child(), .entry-content .isolated-block h3:first-child(), .entry-content .isolated-block h4:first-child(), .entry-content .isolated-block h5:first-child(), .article__content .isolated-block h2:first-child(), .article__content .isolated-block h3:first-child(), .article__content .isolated-block h4:first-child(), .article__content .isolated-block h5:first-child(), #tinymce.mce-content-body .isolated-block h2:first-child(), #tinymce.mce-content-body .isolated-block h3:first-child(), #tinymce.mce-content-body .isolated-block h4:first-child(), #tinymce.mce-content-body .isolated-block h5:first-child() { margin-top: var(--grid-gap); } .entry-content .isolated-block ul, .entry-content .isolated-block ol, .article__content .isolated-block ul, .article__content .isolated-block ol, #tinymce.mce-content-body .isolated-block ul, #tinymce.mce-content-body .isolated-block ol { padding: 0; } .entry-content .isolated-block ul:last-child(), .article__content .isolated-block ul:last-child(), #tinymce.mce-content-body .isolated-block ul:last-child() { margin-bottom: var(--grid-gap); } @media screen and ( max-width: 48em ) { .entry-content .indented-block, .article__content .indented-block, #tinymce.mce-content-body .indented-block { background-color: #fafafa; border: 1px solid #e5e5e5; padding: 30px; margin-left: 0; } .entry-content .indented-block h3:first-child, .article__content .indented-block h3:first-child, #tinymce.mce-content-body .indented-block h3:first-child { margin-top: 0; } } @media screen and ( min-width: 48.0625em ) { .entry-content .indented-block, .article__content .indented-block, #tinymce.mce-content-body .indented-block { padding: 1.7em 2.7em; margin: 0 auto; } } .entry-content a.accent-link, .article__content a.accent-link, #tinymce.mce-content-body a.accent-link { display: table; margin: 1em auto; text-decoration: none; } .entry-content a.accent-link:hover, .entry-content a.accent-link:focus, .article__content a.accent-link:hover, .article__content a.accent-link:focus, #tinymce.mce-content-body a.accent-link:hover, #tinymce.mce-content-body a.accent-link:focus { color: #fff; text-decoration: none; } .entry-content iframe, .article__content iframe, #tinymce.mce-content-body iframe { max-width: 100%; } .entry-content [class*=video-], .article__content [class*=video-], #tinymce.mce-content-body [class*=video-] { position: relative; display: block; width: auto; z-index: 999; margin: 15px 0; } .entry-content [class*=video-] > p, .article__content [class*=video-] > p, #tinymce.mce-content-body [class*=video-] > p { padding-bottom: 0; display: block; } .entry-content [class*=video-] > div, .article__content [class*=video-] > div, #tinymce.mce-content-body [class*=video-] > div { margin-bottom: -1px; } .entry-content [class*=video-] iframe, .article__content [class*=video-] iframe, #tinymce.mce-content-body [class*=video-] iframe { width: 100%; } @media screen and ( min-width: 48.0625em ) { .entry-content .video-alignleft, .article__content .video-alignleft, #tinymce.mce-content-body .video-alignleft { display: inline; float: left; margin-right: var(--grid-gap); width: 400px; } } @media screen and ( min-width: 48.0625em ) { .entry-content .video-alignright, .article__content .video-alignright, #tinymce.mce-content-body .video-alignright { display: inline; float: right; margin-left: var(--grid-gap); width: 400px; } } @media screen and ( min-width: 48.0625em ) { .entry-content .video-aligncenter, .article__content .video-aligncenter, #tinymce.mce-content-body .video-aligncenter { float: none; display: block; width: auto; } } .entry-content .gallery, .article__content .gallery, #tinymce.mce-content-body .gallery { display: inline-flex; flex-wrap: wrap; margin: 1em 0 !important; justify-content: center; } .entry-content .gallery br, .article__content .gallery br, #tinymce.mce-content-body .gallery br { display: none; } .entry-content .gallery .gallery-item, .article__content .gallery .gallery-item, #tinymce.mce-content-body .gallery .gallery-item { width: auto !important; margin: 0 !important; padding: var(--grid-gap)/2; flex-basis: 144px; } @media screen and ( min-width: 48.0625em ) { .entry-content .gallery .gallery-item, .article__content .gallery .gallery-item, #tinymce.mce-content-body .gallery .gallery-item { padding: var(--grid-gap)/2; } } .entry-content .gallery .gallery-item a, .article__content .gallery .gallery-item a, #tinymce.mce-content-body .gallery .gallery-item a { width: 100% !important; } .entry-content .gallery .gallery-item img, .article__content .gallery .gallery-item img, #tinymce.mce-content-body .gallery .gallery-item img { display: block; } .entry-content .mce-preview-object.mce-object-iframe, .article__content .mce-preview-object.mce-object-iframe, #tinymce.mce-content-body .mce-preview-object.mce-object-iframe { border: 0; margin: 0; width: 100%; outline: none; } .galery { display: flex; gap: 20px; margin: 20px 0; flex-wrap: wrap; } .galery a { flex: 1 1 33%; } .galery a img { aspect-ratio: 15/8; -o-object-fit: cover; object-fit: cover; } .galery img.bigImg { width: 98%; } .et-description .post-meta { margin-bottom: 20px; overflow: hidden; } .et-description .post-meta span.date { float: left; display: inline-block; max-width: 70px; margin-right: 0; } .et-description .post-meta span.author { line-height: 1.3; background: none; color: #969696; margin: 0; display: inline-block; float: left; width: calc(100% - 80px); padding-left: 14px; box-sizing: border-box; } @media only screen and (max-width: 767px) { body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #topinfo { padding-top: 10px; } #top-navigation { padding: 0 10px; } #logo { width: 30%; min-width: 160px; margin: 0 auto; display: block; } #breadcrumbs { display: none; } .et_mobile_menu { font-weight: 500; } h1.tagline { position: static; font-size: 20px; } h2.subtitle { position: static; font-size: 16px; padding: 10px; } .home #content { width: 100%; } .module-content, .all-tabs { padding: 0; } .categories-tabs-module .recent-post, .recent-module .recent-post, .home .et-tab { padding: 20px 10px; } .recent-post + .recent-post { border-top: 1px solid #e0e0e0; } .page-wrap { margin-bottom: 0; } .container, #featured .container, #sidebar, #content, body.page #content { width: 100%; } #sidebar .widget { width: 100%; box-sizing: border-box; padding: 0 10px 20px; } .widget .categories-tabs { margin: 0 -10px; } #left-area { padding-top: 0; } .entry-content { padding: 0 10px 30px; } .entry-content .post-meta { text-transform: uppercase; font-size: 14px; font-weight: 500; } h1.post-heading { position: static; } .galery { padding: 0 10px; overflow: hidden; clear: both; margin: 0 -1%; } .galery a { width: 48%; padding: 1%; float: left; } .galery a img { width: 100%; margin: 0; } #et-featured-posts { padding: 0; } #et-featured-posts .et-featured-post { width: 100%; box-sizing: border-box; height: 200px; margin-bottom: 0; } .home #et-featured-posts .post-description h2 { font-size: 22px !important; font-weight: 600; line-height: 1.3; padding: 0 10px 10px 0; } .home #et-featured-posts .post-description .post-meta { display: none; } .et-featured-post { background-position: 50% 100%; background-size: cover; background-repeat: none; } .et-featured-post img { opacity: 0; } .et-description .post-meta { font-size: 12px; font-weight: 500; overflow: hidden; } .et-description .post-meta span.date { max-width: 80px; margin-bottom: 10px; } .et-description .post-meta span.author { width: calc(100% - 70px); } .et-description h2 { font-weight: 500; margin-top: 10px; font-size: 28px; } .et-description .et-excerpt { display: none; } .post-metainfo .postinfo, .et-main-description .postinfo { font-weight: 400; } .categories-tabs-module .load-more, .load-more { padding: 20px 10px; } .load-more a { margin-bottom: 0; } #et-post-share { padding: 15px 21px 13px 10px; } #et-post-share span, #et-share-icons { font-weight: 500; } #et-bio-author { padding: 20px 10px 20px 100px; } .author-avatar { left: 20px; top: 20px; } #comment-wrap { padding: 20px 10px; } h1#comments, #reply-title { padding-left: 0; margin-bottom: 20px; padding-top: 10px; font-weight: 500; } #commentform { padding: 0 0 30px; } #commentform textarea, #commentform input[type=text] { width: 100%; box-sizing: border-box; } #stimuli_lightbox { position: fixed !important; top: 50% !important; transform: translateY(-50%); } #stimuli_outerImageContainer { max-width: 100%; height: auto !important; } #stimuli_lightboxImage { max-width: 100%; height: auto !important; display: block; } } @media only screen and (max-width: 478px) { .galery a { width: 100%; float: none; padding: 1% 0; } #et-bio-author { padding: 20px 10px; } .et-description h2, .recent-module .et-description h2 { font-size: 24px !important; } } .row--hot { gap: var(--block-gap-vertical) var(--grid-gap); } .row--hot .block + .block { margin-top: 0; } .row--contrast { --row-background: transparent; padding-block: var(--row-spacing-vertical); position: relative; z-index: 2; } .row--contrast::before { content: ""; display: block; width: 100vw; height: 100%; background: var(--row-background); position: absolute; top: 0; left: 50%; z-index: -1; transform: translate(-50%, 0); } .row--customers { padding-block: calc(var(--row-spacing-vertical) / 2) !important; } .row--grey { --row-background: var(--background-color--light); } .row--rte { overflow: visible; display: block; } hr { border-top: 0.1rem solid var(--stroke-color--medium); } .row + .row { margin-block-start: calc(var(--row-spacing-vertical)); } .row + hr, hr + .row { margin-block-start: calc(var(--row-spacing-vertical) / 2); } .block { --block-background: transparent; --block-color: var(--text-color); background: var(--block-background); color: var(--block-color); position: relative; z-index: 2; } .block.flex--row { gap: var(--block-gap-vertical) var(--grid-gap); } .block + .block { margin-top: var(--block-spacing-vertical); } .block--hero { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr; grid-template-areas: "header space-right" "list list"; } .block--hero .block__header { grid-area: header; padding: 1.6rem 2.4rem; margin-left: 1.2rem; position: relative; z-index: 2; } @media screen and ( min-width: 48em ) { .block--hero .block__header { padding: 3.2rem 4rem; } } .block--hero .block__header::before { content: ""; display: block; width: 100%; height: 100%; background: var(--background-color); position: absolute; top: 0; left: 0; z-index: -1; } .block--hero .block__list { align-content: stretch; grid-area: list; gap: 3.2rem var(--grid-gap); margin-block-start: -4rem; } @media screen and ( min-width: 48em ) { .block--hero .block__list { margin-block-start: -6.4rem; } } .block--top .block__header { padding-block-end: 1em; } @media screen and ( min-width: 64em ) { .block--top .block__header { padding: 3.2rem 0; text-align: right; } } .block--top .block__list { flex: 1; } @media screen and ( min-width: 64em ) { .block--top .block__list { gap: 0; } } .block--more { border-top: 0.1rem solid var(--stroke-color--medium); padding-block-start: var(--block-gap-vertical); } @media screen and ( min-width: 64em ) { .block--more { margin-top: 1.2rem !important; } } .block--newsletter:not(.block--reduce), .block--call:not(.block--reduce) { grid-template-rows: 4rem auto auto 7.2rem auto; align-items: center; } @media screen and ( min-width: 64em ) { .block--newsletter:not(.block--reduce), .block--call:not(.block--reduce) { grid-template-rows: 1rem 4rem 4rem auto 4rem 1rem; } } .block--newsletter:not(.block--reduce) .block__title, .block--call:not(.block--reduce) .block__title { justify-self: start; grid-row: 2/span 1; } @media screen and ( min-width: 64em ) { .block--newsletter:not(.block--reduce) .block__title, .block--call:not(.block--reduce) .block__title { margin-inline-start: var(--block-inline-space); grid-row: 3/span 1; } } .block--newsletter:not(.block--reduce) .block__rte, .block--call:not(.block--reduce) .block__rte { margin-top: 1em; grid-row: 3/span 1; align-self: start; padding-top: 20px; } @media screen and ( min-width: 64em ) { .block--newsletter:not(.block--reduce) .block__rte, .block--call:not(.block--reduce) .block__rte { margin-inline-start: var(--block-inline-space); padding-block: 0; grid-row: 4/span 1; } } .block--newsletter:not(.block--reduce) .block__title, .block--newsletter:not(.block--reduce) .block__rte, .block--call:not(.block--reduce) .block__title, .block--call:not(.block--reduce) .block__rte { color: var(--text-color--invert); } .block--newsletter:not(.block--reduce) .block__form, .block--call:not(.block--reduce) .block__form { grid-row: span 1/-1; } @media screen and ( max-width: 47.9375em ) { .block--newsletter:not(.block--reduce) .block__form, .block--call:not(.block--reduce) .block__form { margin-top: -4rem; } } @media screen and ( min-width: 64em ) { .block--newsletter:not(.block--reduce) .block__form, .block--call:not(.block--reduce) .block__form { grid-row: 3/span 2; } } .block--newsletter:not(.block--reduce) .block__image-wrapper, .block--call:not(.block--reduce) .block__image-wrapper { width: 100%; height: 100%; border-radius: var(--radius); grid-row: 1/-2; position: absolute; z-index: -1; } @media screen and ( min-width: 64em ) { .block--newsletter:not(.block--reduce) .block__image-wrapper, .block--call:not(.block--reduce) .block__image-wrapper { grid-row: 1/-1; } } .block--newsletter:not(.block--reduce) .block__image-wrapper::before, .block--call:not(.block--reduce) .block__image-wrapper::before { content: ""; display: block; width: 100%; height: 100%; background: var(--green); border-radius: inherit; position: absolute; top: 0; left: 0; } .block--newsletter:not(.block--reduce) .block__image, .block--call:not(.block--reduce) .block__image { width: 100%; height: 100%; filter: grayscale(100%) brightness(75%); border-radius: inherit; opacity: 0.1; } .block--newsletter.block--reduce, .block--call.block--reduce { gap: 0.8rem var(--grid-gap); align-items: center; padding: 1.6rem; border-radius: var(--radius); } @media screen and ( min-width: 48em ) { .block--newsletter.block--reduce, .block--call.block--reduce { padding-inline-start: var(--block-inline-space); } } .block--newsletter.block--reduce .block__text, .block--call.block--reduce .block__text { font-family: var(--title-font); font-weight: 400; } .block--newsletter.block--reduce .block__text strong, .block--call.block--reduce .block__text strong { display: block; } .block--newsletter.block--reduce .block__form, .block--call.block--reduce .block__form { gap: 0.4rem var(--grid-gap); } .block--newsletter.block--reduce .form__information, .block--call.block--reduce .form__information { color: var(--text-color--invert); opacity: 0.65; } .block--newsletter.block--reduce .block__information, .block--call.block--reduce .block__information { color: var(--text-color--invert); } .block--call { flex-wrap: nowrap; align-items: flex-start !important; } .block--call .block__text { padding: 30px 0; flex: 1 1 100%; font-family: "Inter", sans-serif; } .block--call .block__text h3 { font-family: var(--title-font); font-size: 1.8rem; margin: 0 0 20px; } .block--call .block__information { flex: 1 0 auto; padding-top: 20px; } .block--banner { padding: 2.4rem var(--block-inline-space); padding-inline-end: var(--block-inline-space--sm); border-radius: var(--radius); font-family: var(--title-font); font-weight: 400; } .block--banner .button, .block--banner .entry-content a.accent-link, .entry-content .block--banner a.accent-link, .block--banner .article__content a.accent-link, .article__content .block--banner a.accent-link, .block--banner #tinymce.mce-content-body a.accent-link, #tinymce.mce-content-body .block--banner a.accent-link { justify-self: flex-end; } .block--logos .block__list { --grid-gap: 2.4rem; gap: 0 var(--grid-gap); } @media screen and ( min-width: 48em ) { .block--logos .block__list { gap: 0 4rem; } } .block--logos .block__image { -o-object-fit: contain; object-fit: contain; opacity: 0.7; max-height: 85px; } @media screen and ( min-width: 85.375em ) { .block--logos .block__item { flex: 1 !important; min-width: auto !important; } } .block--podcast { grid-template-rows: auto auto auto; gap: 0 var(--grid-gap); } .block--podcast .block__title--underline { padding-inline-start: calc(((100%) - var(--grid-gap) * (var(--column-size) - 1)) / var(--column-size) * 2 + var(--grid-gap) * (2 - 0)); position: relative; } @media screen and ( max-width: 47.9375em ) { .block--podcast .block__title--underline { margin-block-end: 3.2rem; } } @media screen and ( min-width: 48em ) { .block--podcast .block__title--underline { padding-inline-start: calc(((100%) - var(--grid-gap) * (var(--column-size) - 1)) / var(--column-size) * 1 + var(--grid-gap) * (1 - 0)); } } @media screen and ( min-width: 85.375em ) { .block--podcast .block__title--underline { padding-inline-start: calc(((100%) - var(--grid-gap) * (var(--column-size) - 1)) / var(--column-size) * 1.2 + var(--grid-gap) * (1.2 - 0)); } } .block--podcast .block__title--underline i { font-size: 2em; position: absolute; top: 50%; left: 0; transform: translate(0, -50%) rotate(-7deg); } .block--podcast .block__title--underline i:before { transform: translate(0, -50%); } @media screen and ( min-width: 64em ) { .block--podcast .block__title--underline i { font-size: 3em; } } .block--podcast .block__title--underline::after { content: ""; display: block; width: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * 4 + var(--grid-gap) * (4 - var(--minus-gap))); height: 0.3rem; margin-top: 0.5em; background: var(--stroke-color--accent); position: absolute; } @media screen and ( min-width: 48em ) { .block--podcast .block__title--underline::after { width: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * 2 + var(--grid-gap) * (2 - var(--minus-gap))); } } .block--podcast .block__text { align-self: center; } .block--podcast .block__podcast { height: 100%; padding-block-start: 3.2rem; } @media screen and ( min-width: 48em ) { .block--podcast .block__podcast { padding-block-start: 4.8rem; } } @media screen and ( min-width: 64em ) { .block--podcast .block__podcast { padding-block-start: 6.4rem; } } .block--podcast .block__cta { padding-block-start: var(--block-gap-vertical); } .block--podcast--texted .block__podcast { padding-block-start: var(--block-gap-vertical); } .block--dataviz .block__list { flex-wrap: nowrap; } .block--columns .block__title, .block--columns .block__subtitle { text-align: center; } .block--columns .block__list { gap: 1.6rem var(--grid-gap); margin-block-start: var(--row-spacing-vertical); justify-content: center; } .block--list .block__list { align-content: stretch; } .block--list .block__sublist { gap: 2.4rem var(--grid-gap); } .block--summary { padding-block-start: 3.2rem; position: static; z-index: auto; } @media screen and ( min-width: 48em ) { .block--summary { margin-block-start: -5em; } } .block--summary::before { content: ""; width: calc(100% + var(--grid-gap) * 2); height: 100%; background: var(--background-color); border-radius: var(--radius); position: absolute; right: calc(var(--grid-gap) * -1); transform: translate(0, -3.2rem); z-index: -1; } @media screen and ( min-width: 64em ) { .block--summary::before { width: calc(100% + var(--block-inline-space--sm) * 2); right: calc(var(--block-inline-space--sm) * -1); } } .block--summary .block__list { margin-block-start: 2.4rem; } .block--highlight { padding: var(--block-inline-space); border-radius: var(--radius); font-weight: 400; } .block--highlight .block__title + * { margin-block-start: var(--block-gap-vertical); } .block--cta { border: 0.2rem solid var(--stroke-color--accent); border-radius: var(--radius); } .block--cta .block__cta { padding-inline: var(--block-inline-space); } .block--cta .block__button { transform: translate(0, -50%); } .block--cta .block__text { display: flex; justify-content: center; padding-block-end: 3.2rem; font-weight: 400; } .block--cta .block__text .icon { margin-left: 0.5em; color: var(--text-color--accent--dark); font-size: 2.5em; } .block--articles .block__list { gap: var(--block-gap-vertical) var(--grid-gap); } .block--white { --block-background: var(--white); --block-color: var(--text-color--invert); } .block--text-white { color: var(--white); } .block--black { --block-background: var(--black); --block-color: var(--text-color--invert); } .block--text-black { color: var(--black); } .block--yellow--light { --block-background: var(--yellow--light); --block-color: var(--text-color--invert); } .block--text-yellow--light { color: var(--yellow--light); } .block--yellow { --block-background: var(--yellow); --block-color: var(--text-color--invert); } .block--text-yellow { color: var(--yellow); } .block--yellow--dark { --block-background: var(--yellow--dark); --block-color: var(--text-color--invert); } .block--text-yellow--dark { color: var(--yellow--dark); } .block--yellow--darker { --block-background: var(--yellow--darker); --block-color: var(--text-color--invert); } .block--text-yellow--darker { color: var(--yellow--darker); } .block--yellow--alt { --block-background: var(--yellow--alt); --block-color: var(--text-color--invert); } .block--text-yellow--alt { color: var(--yellow--alt); } .block--pink { --block-background: var(--pink); --block-color: var(--text-color--invert); } .block--text-pink { color: var(--pink); } .block--green { --block-background: var(--green); --block-color: var(--text-color--invert); } .block--text-green { color: var(--green); } .block--green--dark { --block-background: var(--green--dark); --block-color: var(--text-color--invert); } .block--text-green--dark { color: var(--green--dark); } .block--green--darker { --block-background: var(--green--darker); --block-color: var(--text-color--invert); } .block--text-green--darker { color: var(--green--darker); } .block--orange { --block-background: var(--orange); --block-color: var(--text-color--invert); } .block--text-orange { color: var(--orange); } .block--blue { --block-background: var(--blue); --block-color: var(--text-color--invert); } .block--text-blue { color: var(--blue); } .block--blue--dark { --block-background: var(--blue--dark); --block-color: var(--text-color--invert); } .block--text-blue--dark { color: var(--blue--dark); } .block--blue--darker { --block-background: var(--blue--darker); --block-color: var(--text-color--invert); } .block--text-blue--darker { color: var(--blue--darker); } .block--blue-space--lighter { --block-background: var(--blue-space--lighter); --block-color: var(--text-color--invert); } .block--text-blue-space--lighter { color: var(--blue-space--lighter); } .block--blue-space--light { --block-background: var(--blue-space--light); --block-color: var(--text-color--invert); } .block--text-blue-space--light { color: var(--blue-space--light); } .block--blue-space--medium { --block-background: var(--blue-space--medium); --block-color: var(--text-color--invert); } .block--text-blue-space--medium { color: var(--blue-space--medium); } .block--blue-space { --block-background: var(--blue-space); --block-color: var(--text-color--invert); } .block--text-blue-space { color: var(--blue-space); } .block--blue-space--dark { --block-background: var(--blue-space--dark); --block-color: var(--text-color--invert); } .block--text-blue-space--dark { color: var(--blue-space--dark); } .block--grey-100 { --block-background: var(--grey-100); --block-color: var(--text-color--invert); } .block--text-grey-100 { color: var(--grey-100); } .block--grey-150 { --block-background: var(--grey-150); --block-color: var(--text-color--invert); } .block--text-grey-150 { color: var(--grey-150); } .block--grey-200 { --block-background: var(--grey-200); --block-color: var(--text-color--invert); } .block--text-grey-200 { color: var(--grey-200); } .block--grey-250 { --block-background: var(--grey-250); --block-color: var(--text-color--invert); } .block--text-grey-250 { color: var(--grey-250); } .block--grey-300 { --block-background: var(--grey-300); --block-color: var(--text-color--invert); } .block--text-grey-300 { color: var(--grey-300); } .block--grey-400 { --block-background: var(--grey-400); --block-color: var(--text-color--invert); } .block--text-grey-400 { color: var(--grey-400); } .block--grey-500 { --block-background: var(--grey-500); --block-color: var(--text-color--invert); } .block--text-grey-500 { color: var(--grey-500); } .block--grey-600 { --block-background: var(--grey-600); --block-color: var(--text-color--invert); } .block--text-grey-600 { color: var(--grey-600); } .block--grey-700 { --block-background: var(--grey-700); --block-color: var(--text-color--invert); } .block--text-grey-700 { color: var(--grey-700); } .block--grey-750 { --block-background: var(--grey-750); --block-color: var(--text-color--invert); } .block--text-grey-750 { color: var(--grey-750); } .block--grey-800 { --block-background: var(--grey-800); --block-color: var(--text-color--invert); } .block--text-grey-800 { color: var(--grey-800); } .block--grey-900 { --block-background: var(--grey-900); --block-color: var(--text-color--invert); } .block--text-grey-900 { color: var(--grey-900); } .block__subtitle:not(.title) { font-size: 1.4rem; font-weight: 500; } .block__scroller { flex: 0 0 calc(100% + var(--grid-space) * 2) !important; width: calc(100% + var(--grid-space) * 2); position: relative; left: calc(var(--grid-space) * -1); } @media screen and ( max-width: 47.9375em ) { .block__scroller { --grid-gap: 1.6rem; } } .block__scroller .block__list { flex-wrap: nowrap; padding-inline: var(--grid-space); scroll-snap-type: x mandatory; scroll-padding-left: var(--grid-space); overflow-x: scroll; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; } .block__scroller .block__list::-webkit-scrollbar { display: none; } .block__scroller .block__item { scroll-snap-align: start; } .hero { padding-block-start: calc(var(--row-spacing-vertical) * 0.5); } .hero + .row { padding-block-start: var(--row-spacing-vertical); } .hero + .row--reduce { padding-block-start: calc(var(--row-spacing-vertical) * 0.5); } .hero__title small { display: block; font-size: 50%; line-height: 1; font-weight: 300; } .hero__subtitle { margin-block-start: 0.6rem; } .hero__rte { margin-block-start: 2.4rem; } .hero--reduce { padding-block-start: calc(var(--row-spacing-vertical) * 0.5); } .hero--reduce + .row { padding-block-start: calc(var(--row-spacing-vertical) * 0.5); } .hero--article { grid-template-rows: auto auto auto auto; padding-block: 9.6rem 3.2rem; color: var(--text-color--invert); position: relative; z-index: 2; } @media screen and ( min-width: 64em ) { .hero--article { padding-block: 9.6rem 6.4rem; } } @media screen and ( min-width: 64em ) { .hero--article { padding-block: 14.4rem 9.6rem; } } .hero--article .hero__image-wrapper { width: 100%; height: 100%; grid-column: 1/-1; filter: brightness(35%); border-radius: var(--radius); overflow: hidden; position: absolute; z-index: -1; } .hero--article .hero__image { width: 100%; height: 100%; } .hero--article .hero__surtitle { grid-row: 1/span 1; font-weight: 400; color: var(--text-color--alt--lighter); } .hero--article .hero__title { grid-row: 2/span 1; margin-block-start: 1.2rem; font-weight: 400; } .hero--article .hero__resume { grid-row: 3/span 1; margin-block-start: 1.2rem; font-family: var(--title-font); font-weight: 400; } .hero--article .hero__cta { grid-row: 4/span 1; margin-block-start: 2rem; } .hero--error { position: relative; z-index: 2; } .hero--error .hero__title { text-align: center; } .hero--error .hero__title strong { display: block; font-size: clamp(12rem, 18vw, 26.4rem); line-height: 1em; } .hero--error .hero__title span { color: var(--text-color--green); } .hero--error .hero__subtitle { font-family: var(--title-font); font-size: 1.4rem; font-weight: 500; text-align: center; } .hero--error .hero__image { width: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * 8 + var(--grid-gap) * (8 - var(--minus-gap))); opacity: 0.06; position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-50%, -43%); } @media screen and ( max-width: 47.9375em ) { body.intotheminds-restricted-newsletter .hero--default .ml-2 { margin-left: 0; } body.intotheminds-restricted-newsletter .form-row-email-submit .form__row { display: flex; flex-direction: column; } } .folder { grid-template-rows: 4.8rem auto 7.2rem auto; align-items: center; color: var(--text-color--invert); position: relative; z-index: 2; } @media screen and ( min-width: 64em ) { .folder { grid-template-rows: 7.2rem auto 7.2rem; } } .folder__header { grid-row: 2/span 1; display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(5, auto); grid-template-areas: "tag" "title" "informations" "resume" "cta"; } @media screen and ( min-width: 64em ) { .folder__header { padding-inline: var(--block-inline-space) 0; grid-row: 2/span 1; } } .folder__tag { grid-area: tag; margin-block-end: 1em; justify-self: start; } .folder__title { grid-area: title; } .folder__informations { grid-area: informations; margin-block-start: 0.25em; font-weight: 600; } .folder__rte { grid-area: resume; margin-block-start: 1.5em; font-weight: 500; } .folder__cta { grid-area: cta; margin-block-start: 1.5em; } .folder__list { grid-row: span 1/-1; align-self: center; } @media screen and ( max-width: 63.9375em ) { .folder__list { margin-top: -4rem; } } @media screen and ( min-width: 64em ) { .folder__list { grid-row: 2/-2; } } .folder__image-wrapper { grid-row: 1/-2; width: 100%; height: 100%; border-radius: var(--radius); overflow: hidden; position: absolute; top: 0; left: 0; z-index: -1; } @media screen and ( min-width: 64em ) { .folder__image-wrapper { grid-row: 1/-1; } } .folder__image-wrapper::after { content: ""; display: block; width: 100%; height: 100%; background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.944) 16.6%, rgba(0, 0, 0, 0.876) 30.8%, rgba(0, 0, 0, 0.8) 42.8%, rgba(0, 0, 0, 0.717) 53%, rgba(0, 0, 0, 0.63) 61.5%, rgba(0, 0, 0, 0.54) 68.5%, rgba(0, 0, 0, 0.45) 74.2%, rgba(0, 0, 0, 0.363) 78.8%, rgba(0, 0, 0, 0.28) 82.7%, rgba(0, 0, 0, 0.204) 85.9%, rgba(0, 0, 0, 0.136) 88.6%, rgba(0, 0, 0, 0.08) 91.2%, rgba(0, 0, 0, 0.037) 93.8%, rgba(0, 0, 0, 0.01) 96.7%, rgba(0, 0, 0, 0) 100%); opacity: 0.75; position: absolute; top: 0; left: 0; } .folder__image { width: 100%; height: 100%; } @media screen and ( max-width: 47.9375em ) { .folder__image { filter: brightness(80%); } } .card { --card-space: 1.2rem; --card-grid-space: 1.2rem; --card-backrgound: var(--background-color--light); --card-backrgound-hover: var(--background-color--medium); --card-infos-color: var(--text-color--invert); --card-color: var(--text-color); height: 100%; color: var(--card-color); position: relative; } @media screen and ( min-width: 48em ) { .card { --card-space: 1.6rem; --card-grid-space: 1.6rem; } } @media screen and ( min-width: 80em ) { .card { --card-space: 2rem; --card-grid-space: 2rem; } } .card__image { width: 100%; height: auto; aspect-ratio: 3/2; } @media screen and ( min-width: 48em ) { .card__image { height: 26rem; } } @media screen and ( min-width: 64em ) { .card__image { height: 25rem; } } .card__infos { align-items: center; padding: 1.1rem var(--card-space); background: rgba(0, 0, 0, 0.46); font-family: var(--title-font); font-size: 1.2rem; color: var(--card-infos-color); line-height: 1.2em; position: relative; z-index: 2; } @media screen and ( min-width: 80em ) { .card__infos { font-size: 1.4rem; } } .card__infos strong, .card__infos time { font-weight: 500; } .card__infos span { color: var(--text-color--green); } .card__informations { display: flex; flex-wrap: wrap; font-family: var(--title-font); font-size: 1.2rem; color: var(--card-infos-color); line-height: 1.2em; } .card__informations li + li::before { content: "●"; margin-inline: 0.4em; color: var(--text-color--green); } .card__informations time { font-weight: 500; } @media screen and ( min-width: 80em ) { .card__informations { font-size: 1.4rem; } } .card__content { height: 100%; background: var(--card-backrgound); transition: var(--transition); } @media (hover: hover) { .card__content:hover { --card-backrgound: var(--card-backrgound-hover); } } @media screen and ( min-width: 80em ) { .card__resume { display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; line-height: 2; } } .card__footer { position: absolute; bottom: 0; right: var(--card-space); transform: translate(0, 50%); } .card--inline { --card-infos-color: var(--blue-space--dark); } .card--inline .card__content { display: grid; grid-template-columns: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * 3 + var(--grid-gap) * (3 - var(--minus-gap))) 1fr; grid-template-rows: auto; grid-template-areas: "image header"; align-items: center; } @media screen and ( min-width: 48em ) { .card--inline .card__content { grid-template-columns: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * 1.5 + var(--grid-gap) * (1.5 - var(--minus-gap))) 1fr; } } @media screen and ( min-width: 80em ) { .card--inline .card__content { grid-template-columns: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * 1 + var(--grid-gap) * (1 - var(--minus-gap))) 1fr; } } .card--inline .card__header { grid-area: header; gap: 0.8rem; padding: 1.6rem; } @media screen and ( max-width: 47.9375em ) { .card--inline .card__header { --grid-gap: 1.6rem; padding: 0.8rem var(--grid-gap); } } .card--inline .card__image-wrapper { grid-area: image; width: 100%; height: 100%; } .card--inline .card__image { height: 100%; } .card--inline .tag__list { gap: 0.8rem; } .card--inline .tag { width: 1.6rem; height: 1.6rem; padding: 0; border-radius: 100rem; text-indent: -999.9rem; } .card--column { --card-backrgound: transparent; --card-backrgound-hover: transparent; } @media (hover: hover) { .card--column:hover { --card-color: var(--text-color--accent--dark); } } .card--column .card__content { grid-template-columns: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * 3 + var(--grid-gap) * (3 - var(--minus-gap))) 1fr; grid-template-rows: auto; grid-template-areas: "image header"; align-content: center; } @media screen and ( min-width: 48em ) { .card--column .card__content { grid-template-columns: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * 1.5 + var(--grid-gap) * (1.5 - var(--minus-gap))) 1fr; } } @media screen and ( min-width: 80em ) { .card--column .card__content { grid-template-columns: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * 1 + var(--grid-gap) * (1 - var(--minus-gap))) 1fr; } } .card--column .card__image-wrapper { height: auto; aspect-ratio: 1/1; } .card--border .card__content { padding: 1.6rem; border-radius: var(--radius--sm); } @media screen and ( min-width: 48em ) { .card--border .card__content { padding: 2rem; } } .card--border .card__image-wrapper { height: auto; aspect-ratio: 1/1; } .card--podcast { --card-backrgound: transparent; --card-backrgound-hover: transparent; } @media (hover: hover) { .card--podcast:hover { --card-color: var(--text-color--accent--dark); } } .card--podcast .card__content { grid-template-columns: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * 3 + var(--grid-gap) * (3 - var(--minus-gap))) 1fr; grid-template-rows: auto; grid-template-areas: "image header"; padding-block: 1.6rem; } @media screen and ( min-width: 48em ) { .card--podcast .card__content { grid-template-columns: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * 1.5 + var(--grid-gap) * (1.5 - var(--minus-gap))) 1fr; padding-block: 0.8rem; } } @media screen and ( min-width: 64em ) { .card--podcast .card__content { grid-template-columns: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * 1 + var(--grid-gap) * (1 - var(--minus-gap))) 1fr; padding-block: 1.2rem; } } @media screen and ( min-width: 80em ) { .card--podcast .card__content { padding-block: 2rem; } } .card--podcast .card__informations { font-weight: 500; } .card--podcast .card__informations li + li::before { content: ""; margin-inline: 0.75em; } .card--podcast .card__image-wrapper { height: auto; aspect-ratio: 1/1; } .card--default .card__content { display: grid; grid-template-columns: var(--card-grid-space) 1fr var(--card-grid-space); grid-template-rows: auto auto auto 1fr; grid-template-areas: "image image image" "infos infos infos" "space-left title space-right" "space-left resume space-right"; align-items: start; padding-bottom: 2.4rem; gap: 0.8rem 0; } @media screen and ( min-width: 64em ) { .card--default .card__content { gap: 1.2rem 0; } } .card--default .card__image { grid-column: image; grid-row: image/infos; } .card--default .card__infos { grid-area: infos; } .card--default .card__title { grid-area: title; padding-block-start: var(--card-space); } .card--default .card__resume { grid-area: resume; } @media screen and ( min-width: 85.375em ) { .card--large { --card-grid-space: 4.8rem; } .card--large .card__title { font-size: 4rem; } .card--large .card__content { padding-bottom: 3.2rem; } .card--large .card__resume { -webkit-line-clamp: 6; font-size: 2rem; line-height: 1.5; } } .card--inline-alt { --card-infos-color: var(--blue-space--dark); --card-backrgound: transparent; --card-backrgound-hover: transparent; display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto; grid-template-areas: "content" "footer"; gap: 0 var(--grid-gap); padding-block-end: 2.4rem; border-top: 0.1rem solid var(--stroke-color--medium); } @media (hover: hover) { .card--inline-alt:hover { --card-color: var(--text-color--accent--dark); } } @media screen and ( min-width: 64em ) { .card--inline-alt { grid-template-columns: calc(((100%) - var(--grid-gap) * (7.5 - 1)) / 7.5 * 2.5 + var(--grid-gap) * (2.5 - 1)) 1fr; grid-template-rows: auto auto; grid-template-areas: "content content" "space-left footer"; padding-block-end: 4rem; } } .card--inline-alt .card__content { grid-area: content; display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto; grid-template-areas: "image" "header"; gap: 1.6rem var(--grid-gap); padding-block-start: 2.4rem; } @media screen and ( min-width: 64em ) { .card--inline-alt .card__content { grid-template-columns: calc(((100%) - var(--grid-gap) * (7.5 - 1)) / 7.5 * 2.5 + var(--grid-gap) * (2.5 - 1)) 1fr; grid-template-rows: auto; grid-template-areas: "image header"; padding-block-start: 4rem; } } .card--inline-alt .card__header { grid-area: header; gap: 0.8rem var(--grid-gap); } .card--inline-alt .card__image-wrapper { grid-area: image; } .card--inline-alt .card__image { height: auto; } .card--inline-alt .card__informations { padding: 0; background: transparent; } .card--inline-alt .card__footer { grid-area: footer; margin-block-start: 1em; position: static; transform: translate(0, 0); } .card--simple { --card-backrgound: transparent; --card-backrgound-hover: transparent; } @media (hover: hover) { .card--simple:hover { --card-color: var(--text-color--accent--dark); } } .card--simple .card__content { display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto 1fr; grid-template-areas: "image" "title" "resume"; align-items: start; gap: 1.2rem 0; } .card--simple .card__image { height: auto; grid-area: image; aspect-ratio: 1/1; } .card--simple .card__title { grid-area: title; padding-top: var(--card-space); } .card--simple .card__resume { grid-area: resume; } .card--complex { display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto 1fr; grid-template-areas: "header" "article" "text"; align-items: start; } .card--complex .card__image { height: auto; aspect-ratio: 1/1; order: -1; } .card--complex .card__title { grid-area: title; } .card--complex .card__article { grid-area: article; position: relative; } .card--complex .card__subtitle { font-family: var(--title-font); font-size: 1.4rem; font-weight: 500; margin-bottom: 1em; } .card--complex .card__rte { grid-area: text; line-height: 2; } .card--complex .card__article, .card--complex .card__rte { padding-block-start: 2.1rem; border-top: 0.1rem solid var(--stroke-color--medium); margin-block-start: 2.6rem; } .card--banner { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr auto; grid-template-areas: "content" "social"; } .card--banner .card__content { grid-area: content; display: grid; grid-template-columns: var(--block-inline-space) 1fr var(--block-inline-space); grid-template-rows: var(--block-inline-space) 1fr auto auto var(--block-inline-space); grid-template-areas: "space-left image space-right" "space-left image space-right" "space-left title space-right" "space-left button space-right" "space-left space-bottom space-right"; color: var(--text-color--invert); position: relative; z-index: 2; } .card--banner .card__content + * { margin-top: var(--grid-gap); } @media screen and ( max-width: 79.9375em ) { .card--banner .card__content { --block-inline-space: 3.2rem; } } @media screen and ( max-width: 47.9375em ) { .card--banner .card__content { --block-inline-space: 2.4rem; } } .card--banner .card__title { grid-area: title; } .card--banner .card__button { grid-area: button; margin-block-start: var(--block-gap-vertical); } .card--banner .card__button::after { border-radius: 0; } .card--banner .card__image-wrapper { grid-column: space-left/space-right; grid-row: image/space-bottom; position: relative; z-index: -1; } .card--banner .card__image-wrapper::after { content: ""; display: block; width: 100%; height: 100%; background: var(--yellow--alt); opacity: 0.85; position: absolute; top: 0; left: 0; } .card--banner .card__image { width: 100%; height: 100%; filter: grayscale(100%) brightness(80%); position: absolute; top: 0; left: 0; } .card--banner .card__list { grid-area: social; } .card--auto { height: auto; } .card--auto .card__title { padding-block-start: 25%; box-sizing: content-box; } @media screen and ( max-width: 47.9375em ) { .card--auto .card__title--cta { padding-block-start: 5%; } } .socials__list { grid-area: social; justify-content: center; gap: 1.2rem; padding-block: 1.8rem; background: var(--background-color--dark); } @media screen and ( min-width: 48em ) { .socials__list { padding-block: 3.2rem; } } .socials__list .button, .socials__list .entry-content a.accent-link, .entry-content .socials__list a.accent-link, .socials__list .article__content a.accent-link, .article__content .socials__list a.accent-link, .socials__list #tinymce.mce-content-body a.accent-link, #tinymce.mce-content-body .socials__list a.accent-link { --button-primary: var(--blue-space); } .podcast__image { width: 100%; height: 100%; } @media screen and ( min-width: 80em ) { .podcast__rte { padding-inline-start: var(--block-inline-space--sm); } } .podcast__list { gap: 0 var(--grid-gap); } .podcast__item + li .card__content { border-top: 0.1rem solid var(--stroke-color--medium); } @media screen and ( max-width: 47.9375em ) { .podcast__more { padding-block-start: var(--block-spacing-vertical); } } @media screen and ( min-width: 64em ) { .podcast__more { padding-inline-start: var(--grid-gap); } } .podcast--default .podcast__header, .podcast--texted .podcast__header { align-self: start; display: grid; grid-template-columns: 0 1fr 0; grid-template-rows: 1fr repeat(3, auto); grid-template-areas: "space-left space-top space-right" "space-left surtitle space-right" "space-left informations space-right" "space-left title space-right" "control control control"; gap: 0 var(--block-inline-space); color: var(--text-color--invert); position: relative; } .podcast--default .podcast__title, .podcast--texted .podcast__title { grid-area: title; padding-block-start: 0.5em; padding-block-end: var(--block-inline-space); } .podcast--default .podcast__controls, .podcast--texted .podcast__controls { grid-area: control; margin-block-start: 3.2rem; } .podcast--default .podcast__image-wrapper, .podcast--texted .podcast__image-wrapper { grid-column: 1/-1; grid-row: 1/-2; position: relative; z-index: -1; } .podcast--default .podcast__image-wrapper::after, .podcast--texted .podcast__image-wrapper::after { content: ""; display: block; width: 100%; height: 100%; background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.944) 16.6%, rgba(0, 0, 0, 0.876) 30.8%, rgba(0, 0, 0, 0.8) 42.8%, rgba(0, 0, 0, 0.717) 53%, rgba(0, 0, 0, 0.63) 61.5%, rgba(0, 0, 0, 0.54) 68.5%, rgba(0, 0, 0, 0.45) 74.2%, rgba(0, 0, 0, 0.363) 78.8%, rgba(0, 0, 0, 0.28) 82.7%, rgba(0, 0, 0, 0.204) 85.9%, rgba(0, 0, 0, 0.136) 88.6%, rgba(0, 0, 0, 0.08) 91.2%, rgba(0, 0, 0, 0.037) 93.8%, rgba(0, 0, 0, 0.01) 96.7%, rgba(0, 0, 0, 0) 100%); opacity: 0.75; position: absolute; bottom: 0; left: 0; } .podcast--default .podcast__surtitle, .podcast--texted .podcast__surtitle { grid-area: surtitle; font-size: 2.4rem; font-family: var(--title-font); } @media screen and ( min-width: 64em ) { .podcast--default .podcast__surtitle, .podcast--texted .podcast__surtitle { font-size: 3.2rem; } } .podcast--default .podcast__informations, .podcast--texted .podcast__informations { grid-area: informations; gap: 1em 1.5em; font-size: 1.4rem; font-weight: 400; } @media screen and ( max-width: 47.9375em ) { .podcast--default .podcast__rte, .podcast--texted .podcast__rte { margin-block-start: 2.4rem; } } .podcast--inline .podcast__header { color: var(--text-color); margin-block-end: 2rem; } .podcast--inline .podcast__image-wrapper { border-radius: 100rem; overflow: hidden; align-self: center; } .podcast--inline .podcast__informations { margin-block-start: 1.2rem; gap: 1em 0; } .podcast--inline .podcast__informations li + li::before { content: "●"; margin-inline: 0.75em; color: var(--text-color--accent); } .podcast--inline .podcast__controls { align-self: center; } @media screen and ( max-width: 63.9375em ) { .podcast--inline .podcast__rte { margin-block-start: 2.4rem; } } .filters { padding-block: 2em; background: var(--background-color--light); border-radius: var(--radius); } .filters__title { padding-inline: 2rem; padding-block-end: 1em; } .filters__item.inactive span { opacity: 0.5; } .filters__item a, .filters__item span { display: flex; padding: 1.2rem 2rem; position: relative; transition: var(--transition); } @media screen and ( max-width: 63.9375em ) { .filters__item a, .filters__item span { font-size: 1.4rem; padding: 0.8rem 2rem; } } .filters__item a::after, .filters__item span::after { content: "\e900"; margin-left: auto; opacity: 0; font-family: icomoon; font-weight: normal; color: var(--text-color--invert); transform: translate(-50%, 0) scale(4, 2); transition: var(--transition); } .filters__item a::before, .filters__item span::before { content: ""; display: block; width: calc(100% - 4rem); height: 0.1rem; background: var(--stroke-color--light); position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); transition: var(--transition); } .filters__item:last-child a::before { display: none; } @media (hover: hover) { .filters__item:hover a { color: var(--text-color--accent--dark); } } .filters__item.active a { font-weight: 600; color: var(--text-color--invert); background: var(--background-color--accent); } .filters__item.active a::after { opacity: 1; transform: translate(0, 0) scale(4, 2); } .filters__item.active a::before { opacity: 0; } .column__title { font-weight: 400; } .column__list { padding-block-start: 0.5em; } .column__item { display: flex; } .column__item::before { content: "•"; padding-inline: 0.4em; transform: translate(0, -1%); } .column__item a { display: block; } .article__hero { background: var(--background-color); align-self: start; position: relative; z-index: 2; transform-origin: left bottom; transition: var(--transition); } @media screen and ( min-width: 64em ) { .article__hero { padding-block: 1.6rem; padding-inline-start: var(--block-inline-space); padding-inline-end: var(--block-inline-space--sm); } } .article__title { padding-block: 0.5em; -webkit-hyphens: auto; hyphens: auto; } .article__informations { font-size: 1.4rem; font-weight: 400; color: var(--text-color--alt--light); } @media screen and ( min-width: 64em ) { .article__informations { order: -1; } } @media screen and ( max-width: 48em ) { .article__informations { margin-bottom: 1rem; } } .article__informations span { color: var(--text-color); } .article__informations span:not(.article__informations__latest-update) { margin-inline: 0.5em; } .article__informations__latest-update { background: var(--yellow--light); padding: 5px 10px; border-radius: 5px; --text-color: var(--yellow--darker); display: table; margin-top: 0.5em; margin-left: -10px; width: auto; } @media screen and ( max-width: 48em ) { .article__informations__latest-update { margin-left: 0; padding: 3px 6px; } } .article__tag { order: -2; flex: 0 1 0% !important; min-width: auto !important; margin-block: 0 3.2rem; } @media screen and ( min-width: 48em ) { .article__tag { margin-block: 3.2rem; } } .article__author { display: grid; grid-template-columns: auto 1fr auto; grid-template-rows: auto auto; grid-template-areas: "image name social" "image position social"; gap: 0 2rem; align-items: center; padding-block: 2rem; border-top: 0.1rem solid var(--stroke-color--light--alt); } .article__avatar { grid-area: image; width: 4rem; border-radius: 100rem; } .article__name, .article__position { color: var(--text-color--alt); } .article__name { grid-area: name; font-family: var(--title-font); font-size: 1.4rem; font-weight: 500; } .article__position { grid-area: position; font-size: 1.2rem; } .article__social { grid-area: social; display: flex; gap: 0.4rem; } .article__tags { margin: 20px 0; } .article__tags__list { list-style-type: none !important; display: flex; gap: 10px; margin-left: 0 !important; flex-wrap: wrap; padding: 0 !important; gap: 0.5rem !important; } .article__tags__tag { padding-left: 0 !important; display: inline-block; width: auto !important; } .article__tags__tag:before { content: none !important; } .article__tags__tag:marker { display: none; } .article__tags__tag a { background: #edb33f; color: #fff; font-family: Lexend; font-weight: bold; border-radius: 10px; padding: 0 12px; display: block; } .article__column { position: relative; } .article--default { grid-template-rows: auto auto 1fr; } @media screen and ( max-width: 63.9375em ) { .article--default { padding-block-start: calc(var(--row-spacing-vertical) * 0.5); } } .article--default .article__header { grid-row: 1/span 1; padding-block-start: 2.4rem; } @media screen and ( min-width: 64em ) { .article--default .article__header { padding-block-start: 2.4rem; position: relative; } .article--default .article__header.reduce .article__hero { transform: translate(calc(var(--block-inline-space--sm) * -1), 0) scale(calc(1 / var(--column-size) * 4.5)); } } .article--default .article__overtitle { font-family: var(--title-font); font-weight: 500; color: var(--text-color--alt); } .article--default .article__introduction { padding-block: 2.4rem; line-height: 1.6; } @media screen and ( min-width: 64em ) { .article--default .article__introduction { padding-block: 2.4rem 6.4rem; padding-block: 5.6rem; } } @media screen and ( min-width: 80em ) { .article--default .article__introduction { padding-block: 4.8rem; font-size: 2rem; } } .article--default .article__image-wrapper { position: relative; } .article--default .article__caption { padding: 0.4rem 2.4rem 1.2rem 2.4rem; background: rgba(0, 0, 0, 0.75); color: var(--text-color--invert); text-align: right; position: absolute; right: 0; bottom: 2.4rem; } .article--default .article__caption p { font-family: var(--title-font); font-size: 1.4rem; font-weight: 500; } .article--default .article__caption small { display: block; font-size: 1.2rem; line-height: 1em; font-weight: 400; color: var(--text-color--alt--light); } .article--default .article__content { grid-row: 3/span 1; order: 3; } @media screen and ( min-width: 64em ) { .article--default .article__content { grid-row: 1/-1; padding-left: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * 0.5 + var(--grid-gap) * (0.5 - 0)); } } .article--default .article__column { grid-row: 2/span 1; order: -1; padding-block-start: 2.4rem; } @media screen and ( min-width: 64em ) { .article--default .article__column { grid-row: 2/-1; } } .article--default [data-flag=article-header] { display: block; width: 0.1rem; height: 0.1rem; opacity: 0; pointer-events: none; position: absolute; top: -9.6rem; } .article--study { grid-template-rows: auto auto auto; gap: 2.4rem var(--grid-gap); } @media screen and ( min-width: 64em ) { .article--study { gap: 0 var(--grid-gap); } } .article--study .article__header { grid-row: 2/span 1; padding-block-start: 2.4rem; } @media screen and ( min-width: 64em ) { .article--study .article__header { grid-row: 1/span 1; } } .article--study .article__hero { position: relative; z-index: 3; } @media screen and ( min-width: 64em ) { .article--study .article__hero { padding-inline-end: calc(((100%) - var(--grid-gap) * (var(--column-size) - 1)) / var(--column-size) * 0.5 + var(--grid-gap) * (0.5 - 1)); } } @media screen and ( min-width: 64em ) { .article--study .article__hero, .article--study .article__footer { padding-inline-start: var(--block-inline-space--sm); } } .article--study .article__column { grid-row: 1/span 1; } @media screen and ( min-width: 64em ) { .article--study .article__column { grid-row: 1/-1; } } .article--study .article__content { grid-row: 3/span 1; z-index: 3; } @media screen and ( min-width: 64em ) { .article--study .article__content { grid-row: 2/span 1; padding-inline-start: var(--block-inline-space--sm); padding-inline-end: calc(((100%) - var(--grid-gap) * (var(--column-size) - 1)) / var(--column-size) * 0.5 + var(--grid-gap) * (0.5 - 1)); } } .article--study .article__footer { margin-block-start: calc(var(--row-spacing-vertical) * 0.5); } .article__related { gap: 4rem; padding-block-start: 5rem; margin-top: 5rem !important; display: flex; flex-direction: column; } .article__taxonomies { display: flex; align-items: center; justify-content: center; gap: 1rem; } .quote { quotes: "“" "”" "‘" "’"; font-family: var(--title-font); font-size: 2.4rem; line-height: 3.2rem; position: relative; } @media screen and ( min-width: 48em ) { .quote { font-size: 3.2rem; line-height: 4rem; } } @media screen and ( min-width: 64em ) { .quote { font-size: 4rem; line-height: 4.8rem; } } .quote::before, .quote::after { color: var(--text-color--accent); font-size: 250%; } .quote::before { content: open-quote; transform: translate(0, 40%); } .quote::after { content: close-quote; } .quote, .quote__footer { text-align: center; } .quote__footer { margin-top: 1em; font-family: var(--title-font); font-weight: 500; color: var(--text-color--muted); } @media screen and ( max-width: 47.9375em ) { .quote__footer { margin-top: 2em; } } @media screen and ( max-width: 47.9375em ) { .quote::before, .quote::after { display: block; text-align: center; } .quote::after { position: absolute; top: 100%; left: 50%; transform: translate(-50%, 50%); } .quote__footer { padding-bottom: 5.6rem; } } @media screen and ( min-width: 48em ) { .quote::before, .quote::after { position: absolute; line-height: 1em; } .quote::before { transform: translate(-150%, -20%); } .quote::after { transform: translate(50%, 15%); right: 0; } } .navigation { padding-block: 2em; border-radius: var(--radius); background: var(--background-color--light); } .navigation.special__navigation { background-color: #fff; padding-block: 1em; } .navigation.special__navigation ul { display: flex; flex-direction: column; gap: 1em; } .navigation.special__navigation ul li { list-style-type: none; } .navigation__title { padding-inline: 2rem; padding-block-end: 1em; } .navigation__item a { display: block; padding: 1.2rem 2rem; font-weight: 400; position: relative; transition: var(--transition); } @media screen and ( max-width: 63.9375em ) { .navigation__item a { padding: 0.8rem 2rem; } } .navigation__item a::before { content: ""; display: block; width: calc(100% - 4rem); height: 0.1rem; background: var(--stroke-color--light); position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); transition: var(--transition); } .navigation__item img { display: inline-block; height: 1lh; vertical-align: sub; } .navigation__item:last-child a::before { display: none; } @media (hover: hover) { .navigation__item:hover a { color: var(--text-color--accent--dark); } } .newsletter-popin { position: fixed; top: 0; width: 100%; height: 100%; z-index: 10; display: flex; align-items: center; justify-content: center; font-size: 18px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; -webkit-backdrop-filter: blur(10px) saturate(0); backdrop-filter: blur(10px) saturate(0); visibility: hidden; opacity: 0; transition: all 0.3s ease-in; } .newsletter-popin.visible { visibility: visible; opacity: 1; } .newsletter-popin__container { width: 465px; background: #fff; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; overflow: hidden; display: flex; flex-direction: column; } .newsletter-popin__header { background: url("/blog/app/themes/intotheminds/assets/images/placeholder/newsletter.png") #52b1d5; background-position: center; display: flex; flex-direction: column; gap: 40px; color: #fff; align-items: center; padding: 40px 40px 20px; position: relative; } .newsletter-popin__header .newsletter-popin__close { position: absolute; right: 15px; top: 10px; color: #fff; font-size: 25px; font-weight: bold; } .newsletter-popin--error .newsletter-popin__header { background: url("/blog/app/themes/intotheminds/assets/images/placeholder/newsletter.png") #eb5858; background-position: center; } .newsletter-popin--error .newsletter-popin__header img { width: 65px; } .newsletter-popin--error .newsletter-popin__content { padding: 40px 40px 10px; } .newsletter-popin--error .newsletter-popin__footer { display: flex; flex-direction: column; gap: 10px; color: #8e8e8e; align-items: center; text-align: center; padding: 10px 40px 40px; font-size: 15px; } .newsletter-popin--error .newsletter-popin__footer .button, .newsletter-popin--error .newsletter-popin__footer .entry-content a.accent-link, .entry-content .newsletter-popin--error .newsletter-popin__footer a.accent-link, .newsletter-popin--error .newsletter-popin__footer .article__content a.accent-link, .article__content .newsletter-popin--error .newsletter-popin__footer a.accent-link, .newsletter-popin--error .newsletter-popin__footer #tinymce.mce-content-body a.accent-link, #tinymce.mce-content-body .newsletter-popin--error .newsletter-popin__footer a.accent-link { background: #8b8b8b; border-radius: 4px; padding: 10px 30px; color: #fff; display: block; } .accordion { gap: 0.8rem 0; counter-reset: number-index; background: var(--background-color); } .accordion__item { counter-increment: number-index; } .accordion__button { width: 100%; padding-block: 1.8rem; gap: 0 0.25em; font-family: var(--title-font); font-weight: 600; } .accordion__button::before { content: counter(number-index) "."; } .accordion__button::after { border-radius: 0; } .accordion__button .icon { margin-left: auto; } .accordion__sublist { counter-reset: letter-index; border: 0.1rem solid var(--stroke-color--light); border-top: 0; background: var(--background-color); } .accordion__subitem { counter-increment: letter-index; position: relative; } .accordion__subitem:first-child { padding-block-start: 0.6rem; } .accordion__subitem:last-child { padding-block-end: 0.6rem; } .accordion__subitem:last-child::after { display: none; } .accordion__subitem::after { content: ""; display: block; width: calc(100% - 1.6rem); height: 0.1rem; background: var(--stroke-color--medium); position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); } .accordion__subitem a { display: block; padding: 1.4rem 2.4rem; } .accordion__subitem a::before { content: counter(letter-index, upper-alpha) ":"; margin-right: 0.25em; } .pagination { --pagination-cta-height: 3.2rem; justify-content: center; gap: 2.4rem; line-height: var(--pagination-cta-height); -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pagination__link { display: flex; font-family: var(--title-font); font-weight: 600; gap: 1.8rem; transition: var(--transition); } .pagination__link .icon { font-weight: normal; } .pagination__link .icon:before { top: 49%; } @media screen and ( max-width: 47.9375em ) { .pagination__link { justify-content: center; } } @media (hover: hover) { .pagination__link:hover { color: var(--text-color--light); } } .pagination__link i { transform: scale(3); } @media screen and ( min-width: 64.0625em ) { .pagination__link--previous { min-width: 120px; } } .pagination__link--previous .icon { order: -1; } .pagination__list { gap: 0.8rem; } .pagination__item a, .pagination__item i, .pagination__item .current { display: flex; justify-content: center; width: var(--pagination-cta-height); height: var(--pagination-cta-height); border-radius: var(--radius); font-weight: 400; line-height: var(--pagination-cta-height); } .pagination__item i { transform: scale(1.5); } .pagination__item a { border: 0.1rem solid var(--stroke-color--lighter); transition: var(--transition); } @media (hover: hover) { .pagination__item a:hover { border-color: var(--stroke-color--lighter); background: var(--stroke-color--lighter); } } .pagination__item .current { border: 0.1rem solid var(--stroke-color--lighter); text-align: center; } .pagination .active a { border-color: var(--stroke-color--accent); background: var(--background-color--accent); color: var(--text-color--invert); } .footer { margin-block-start: var(--row-spacing-vertical); padding-block-start: var(--row-spacing-vertical); align-items: start; color: var(--text-color--medium); gap: 3.2rem var(--grid-gap); position: relative; z-index: 2; } .footer a:not(.button, .text-link) { transition: var(--transition); } @media (hover: hover) { .footer a:not(.button, .text-link):hover { color: var(--text-color--accent--dark); } } .footer * + .text-link { display: block; margin-block-start: 1em; } .footer::before { content: ""; display: block; width: 100vw; height: 100%; background: var(--background-color--light); position: absolute; top: 0; left: 50%; z-index: -1; transform: translate(-50%, 0); } .footer__brand { font-weight: 400; } .footer__brand a { text-decoration: underline; text-underline-offset: 0.1em; text-decoration-thickness: 0.1rem; transition: var(--transition); } @media (hover: hover) { .footer__brand a:hover { color: var(--text-color--accent--dark); } } .footer__logo { display: block; width: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * 7 + var(--grid-gap) * (7 - var(--minus-gap))); filter: grayscale(100%); mix-blend-mode: multiply; } @media screen and ( min-width: 48em ) { .footer__logo { width: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * 4 + var(--grid-gap) * (4 - var(--minus-gap))); } } @media screen and ( min-width: 64em ) { .footer__logo { width: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * 2.5 + var(--grid-gap) * (2.5 - var(--minus-gap))); } } .footer__logo + * { margin-top: 0.8rem; } @media screen and ( min-width: 64em ) { .footer__logo + * { margin-top: 2.4rem; } } .footer__section { flex-grow: 1 !important; flex-shrink: 1 !important; } .footer__section a.button:not(.button--icon), .footer__section .entry-content a.accent-link:not(.button--icon), .entry-content .footer__section a.accent-link:not(.button--icon), .footer__section .article__content a.accent-link:not(.button--icon), .article__content .footer__section a.accent-link:not(.button--icon), .footer__section #tinymce.mce-content-body a.accent-link:not(.button--icon), #tinymce.mce-content-body .footer__section a.accent-link:not(.button--icon) { width: 100%; } .footer__cta .button, .footer__cta .entry-content a.accent-link, .entry-content .footer__cta a.accent-link, .footer__cta .article__content a.accent-link, .article__content .footer__cta a.accent-link, .footer__cta #tinymce.mce-content-body a.accent-link, #tinymce.mce-content-body .footer__cta a.accent-link { width: 100%; white-space: nowrap; } @media screen and ( min-width: 80em ) { .footer__cta { flex: 0 0 100%; max-width: 100%; } .footer__cta + .footer__cta { margin-block-start: 0.8rem; } } @media screen and ( max-width: 79.9375em ) { .footer__cta { flex: 1 1 auto !important; } } @media screen and ( max-width: 47.9375em ) { .footer__cta { flex: 0 0 100% !important; } .footer__cta + .footer__cta { margin-block-start: 0.8rem; } } @media screen and ( min-width: 64em ) { .footer__separator--sm { display: none; } } @media screen and ( min-width: 80em ) { .footer__separator--md-mid { display: none; } } .footer__form .form__text strong { display: block; } .footer__informations { gap: 1.6rem var(--grid-gap); align-self: center; } @media screen and ( min-width: 48em ) { .footer__informations { gap: var(--grid-gap); } } @media screen and ( min-width: 64em ) { .footer__informations { gap: var(--grid-gap); } } @media screen and ( max-width: 63.9375em ) { .footer__informations { justify-content: space-between; } } .footer__informations address a { display: block; } .footer__list { display: flex; flex-wrap: wrap; gap: 0 var(--grid-gap); } .footer__list a:not(.footer__title, .button) { display: block; padding: 0.3rem 0; } .footer__list [data-text]::after { content: "(" attr(data-text) ")"; display: block; font-size: 0.8571428571em; color: var(--text-color--medium); } .footer__list li { flex: 0 0 100%; } .footer__social { gap: 1.6rem; flex-wrap: nowrap; } @media screen and ( min-width: 48em ) { .footer__social { justify-content: flex-end; align-items: center; } } @media screen and ( max-width: 48em ) { .footer__social { flex-wrap: wrap; } .footer__social li:first-child { width: 100%; } } .footer__social .button, .footer__social .entry-content a.accent-link, .entry-content .footer__social a.accent-link, .footer__social .article__content a.accent-link, .article__content .footer__social a.accent-link, .footer__social #tinymce.mce-content-body a.accent-link, #tinymce.mce-content-body .footer__social a.accent-link { --button-primary: var(--blue-space--dark); } .footer__title { display: block; margin-block-end: 0.6rem; font-family: var(--title-font); font-weight: 400; font-size: 2.1rem; color: var(--text-color--accent); } .footer__contact a { display: block; } @media screen and ( max-width: 79.9375em ) { .footer__contact { font-size: 1.4rem; } } .footer__legal { padding-block: 2.4rem 4.8rem; gap: 0.8rem var(--grid-gap); font-size: 1.4rem; color: var(--text-color--muted); position: relative; z-index: 2; } @media screen and ( max-width: 47.9375em ) { .footer__legal { text-align: center; } } @media screen and ( max-width: 63.9375em ) { .footer__legal { justify-content: center; } } .footer__legal::before { content: ""; display: block; width: 100vw; height: 100%; background: var(--background-color); position: absolute; top: 0; left: 50%; z-index: -1; transform: translate(-50%, 0); } @media screen and ( min-width: 64em ) and ( max-width: 79.9375em ) { .footer__legal small { flex: 0 0 100%; } } .footer__legal ul { gap: 0.4rem 2.4rem; } @media screen and ( max-width: 47.9375em ) { .footer__legal ul { margin-block-start: 1.2rem; justify-content: center; } } @media screen and ( min-width: 80em ) { .footer__legal ul { margin-left: auto; } } .footer__legal li { position: relative; } @media screen and ( min-width: 48em ) { .footer__legal li + li::before { content: "●"; color: var(--text-color--green); position: absolute; left: -2.4rem; transform: translate(100%, 0); } } .captcha-img { border: 0.1rem solid var(--field-outline); border-radius: var(--radius--xs); } .consent-block.gdpr-consent { border-radius: var(--radius); background: var(--background-color--light); padding: var(--grid-gap); border: 0.1rem solid var(--field-outline); } .consent-block.gdpr-consent .error { margin-top: 20px !important; margin-bottom: 20px; } .consent-block.gdpr-consent .error.hidden { display: none; } .consent-block.gdpr-consent .gdpr-title { display: flex; align-items: center; gap: calc(var(--grid-gap) / 2); } .consent-block.gdpr-consent .gdpr-title h3 { margin-bottom: 0 !important; font-weight: bold !important; } .consent-block.gdpr-consent .gdpr-title svg.icon { position: relative; top: -2px; display: inline-block; width: 26px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .consent-block.gdpr-consent .gdpr-title svg.icon { height: 25px; } } .consent-block.gdpr-consent hr { margin: 2rem 0; border: 0; border-top: 1px solid var(--field-outline); } .consent-block.gdpr-consent .gdpr-details { width: 100%; padding: 1rem 2rem 1rem 1.5rem; background: var(--stroke-color--accent--dark); border-radius: var(--radius--xs); margin-block: 1.5rem; transition: all 0.3s; color: var(--text-color--invert); border: 2px solid var(--text-color--invert); } .consent-block.gdpr-consent .gdpr-details p { margin-bottom: 2rem; line-height: 2; } .consent-block.gdpr-consent .gdpr-details p:last-child { margin-bottom: 0; } .consent-block.gdpr-consent .button-expand { font-weight: 500; cursor: pointer; display: flex; align-items: center; justify-content: space-between; width: 100%; } .consent-block.gdpr-consent .button-expand .icon { font-size: 2.5rem; } .consent-block.gdpr-consent .gdpr-content { display: none; padding-top: 20px; } .consent-block.gdpr-consent .form-row .form__field--checkbox { align-items: center; } .consent-block.gdpr-consent .form-row .form-field.gdpr-field { width: 100%; float: none; transition: all 0.5s; } .consent-block.gdpr-consent .form-row .form-field.gdpr-field .checkbox { margin-top: 10px; } .consent-block.gdpr-consent a { color: var(--stroke-color--accent--dark); font-weight: 500; } .consent-block.gdpr-consent .hidden { display: none; } #contact-form .gdpr-main { height: auto; } .row--sectional-title { display: block; } .rte .sectional-title, #tinymce .sectional-title, .row--rte .sectional-title { text-align: center; top: calc(var(--header-navigation-height) + var(--header-navigation-offset) * 2 + var(--header-banner-height)); padding: 25px 45px; font-size: 1.7em; color: #fff; display: flex; align-items: center; flex-direction: column; min-height: 180px; justify-content: center; z-index: 3; position: sticky; margin: 30px -30px; border-radius: 5px; } @media screen and ( max-width: 64em ) { .rte .sectional-title, #tinymce .sectional-title, .row--rte .sectional-title { margin: 30px -10px; padding: 15px; min-height: 10px; top: calc(var(--header-navigation-height) + 20px); } } .rte .sectional-title.scheme-yellow, #tinymce .sectional-title.scheme-yellow, .row--rte .sectional-title.scheme-yellow { background: #ffd24f; } .rte .sectional-title.scheme-orange, #tinymce .sectional-title.scheme-orange, .row--rte .sectional-title.scheme-orange { background: #ec761e; } .rte .sectional-title.scheme-red, #tinymce .sectional-title.scheme-red, .row--rte .sectional-title.scheme-red { background: #ec3e3e; } .rte .sectional-title.scheme-pink, #tinymce .sectional-title.scheme-pink, .row--rte .sectional-title.scheme-pink { background: #e30d6f; } .rte .sectional-title.scheme-purple, #tinymce .sectional-title.scheme-purple, .row--rte .sectional-title.scheme-purple { background: #a557a7; } .rte .sectional-title.scheme-blue, #tinymce .sectional-title.scheme-blue, .row--rte .sectional-title.scheme-blue { background: #66b8dc; } .rte .sectional-title.scheme-green, #tinymce .sectional-title.scheme-green, .row--rte .sectional-title.scheme-green { background: #96bc0e; } .rte .sectional-title__overtitle, #tinymce .sectional-title__overtitle, .row--rte .sectional-title__overtitle { font-weight: 500; display: block; font-size: 1.6rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 14px; } @media screen and ( max-width: 64em ) { .rte .sectional-title__overtitle, #tinymce .sectional-title__overtitle, .row--rte .sectional-title__overtitle { font-size: 1.4rem; margin-bottom: 10px; } } .rte .sectional-title__heading, #tinymce .sectional-title__heading, .row--rte .sectional-title__heading { margin-bottom: 0; margin-top: 0; color: #fff; font-weight: 500; font-size: 3.2rem; line-height: 1.2; } @media screen and ( max-width: 64em ) { .rte .sectional-title__heading, #tinymce .sectional-title__heading, .row--rte .sectional-title__heading { font-size: 1.8rem; font-weight: 400; } } .rte .sectional-title.scheme-yellow .sectional-title__overtitle, .rte .sectional-title.scheme-yellow .sectional-title__heading, #tinymce .sectional-title.scheme-yellow .sectional-title__overtitle, #tinymce .sectional-title.scheme-yellow .sectional-title__heading, .row--rte .sectional-title.scheme-yellow .sectional-title__overtitle, .row--rte .sectional-title.scheme-yellow .sectional-title__heading { color: #a98100 !important; } .widget-form { border: 1px solid var(--blue-space--lighter); border-radius: var(--radius); background-color: white; padding: 2.4rem; margin: 2.4rem 0; } .widget-form .mandatory-fields { font-size: 0.8em; font-style: italic; color: var(--blue-space--light); } .widget-form select, .widget-form input { background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), radial-gradient(#ddd 70%, transparent 72%); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 0.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1.5em 1.5em; background-repeat: no-repeat; } @media screen and ( max-width: 48em ) { .widget-form select, .widget-form input { margin: 1.2rem 0; } .widget-form select[type=radio], .widget-form input[type=radio] { margin: 0; } } .widget-form hr { margin: 0.5rem 0; } .widget-form .result-text + .result-text { margin-top: 2rem; } .widget-form .faux-label { text-align: center; margin-left: 0 !important; font-size: 1.2em; } .widget-form .form-note { color: #a5a5a5; } .widget-form .form-row-wrapper { display: block; } .widget-form .form-row-reasons { padding: 10px 0; } .widget-form .form-row-reasons ul { list-style-type: none; } .widget-form .form-row-reasons input[type=radio] { display: inline-block; width: auto; } .widget-form .form-row-boolean-questions .form-field { padding: calc(1.2rem / 2) 0; } .widget-form .form-row-boolean-questions label { font-weight: 400; margin-bottom: 1.2rem; } .widget-form .form-row-boolean-questions .inactive { opacity: 0.5; pointer-events: none; } .widget-form .radio-buttons { list-style-type: none; overflow: visible; } .widget-form .radio-buttons > li { position: static; width: 100%; padding-inline-start: 0 !important; } .widget-form .radio-buttons > li:before { display: none; } .widget-form .radio-buttons input:checked + label { background-color: var(--yellow); box-shadow: 0px 0px var(--yellow--dark); color: white; transform: translate(0, 4px); } .widget-form .radio-buttons input { opacity: 0; } .widget-form .radio-buttons label { position: relative; display: flex; align-items: center; justify-content: center; padding: 1.2rem !important; margin-right: 0; transform: translate(0, 0px); text-align: center; font-size: 1em; font-weight: 300; cursor: pointer; border-radius: 6px; background-color: #eef0f2; box-shadow: 0px 4px var(--blue-space--lighter); transition: all 0.3s; } .widget-form .radio-buttons label:before, .widget-form .radio-buttons label:after { display: none !important; } .widget-form .radio-buttons label:hover, .widget-form .radio-buttons label:focus { background-color: var(--yellow); box-shadow: 0px 4px var(--yellow--dark); color: white; } .widget-form label { color: var(--text-color); } .widget-form label .mandatory { position: relative !important; } .widget-form .faux-label { font-weight: 400; margin-bottom: 5px; } .widget-form .tooltip { display: inline-block; } .widget-form .tooltip.opened { opacity: 1; visibility: visible; pointer-events: all; } .widget-form .tooltip .icon { position: relative; display: inline-flex; align-items: center; justify-content: center; height: 15px; width: 15px; font-size: 1.3em; border-radius: 15px; top: 0.15em; } .widget-form .tooltip:hover { cursor: pointer; } .widget-form .tooltip:hover .tooltip-text { pointer-events: all; opacity: 1; visibility: visible; } .widget-form .tooltip-text { border-radius: 8px; font-size: 0.85em; color: white; padding: 1.2rem; background-color: var(--green); pointer-events: none; z-index: 2; transition: all 0.3s ease; } .widget-form .tooltip-text p + p { margin-top: 1em; } .widget-form .computed-results { text-align: center; } .widget-form .updated { color: var(--succeed); transition: color 0.2s ease-in; } .widget-form .computed-number { font-weight: 600; } .widget-form .asterisk { color: var(--error); } .widget-form .result-small-text { display: inline-block; font-size: 0.8em; margin: 2em 0; color: var(--text-color--medium); } .widget-form .result-small-text .asterisk { font-size: 1.2em; } .widget-form .accent-link { text-decoration: none; } .widget-form .accent-link:hover { text-decoration: none !important; } @media screen and ( min-width: 64em ) { .widget-form .form-row-boolean-questions .form-field, .widget-form .form-row-boolean-questions .form-field + .form-field { margin-top: 5; display: flex; } .widget-form .form-row-boolean-questions .form-field label, .widget-form .form-row-boolean-questions .form-field + .form-field label { flex: 1 1 66%; } .widget-form .form-row-boolean-questions .form-field .select, .widget-form .form-row-boolean-questions .form-field + .form-field .select { flex: 1 1 33%; } } @media screen and ( max-width: 64em ) { .widget-form .tooltip.opened .tooltip-text { display: block; } .widget-form .tooltip-text { display: none; position: static; margin-bottom: 10px; } } @media screen and ( min-width: 48.0625em ) { .widget-form .tooltip { position: relative; } .widget-form .tooltip-text { opacity: 0; visibility: hidden; position: absolute; bottom: calc(100% + 20px); left: 50%; margin-left: -150px; width: 300px; transform: translate(0px, 5px); } .widget-form .tooltip-text:after { position: absolute; content: ""; bottom: -8px; margin: 0 0 0 -8px; width: 16px; height: 16px; transform: rotate(225deg); border-radius: 6px 0 0 0; background: var(--green); left: 50%; } .widget-form .form-row-wrapper { display: flex; gap: 1.2rem; } .widget-form .form-row-wrapper .form-row { flex: 1 1 30%; } .widget-form .form-row-reasons .faux-label { margin-left: 10px; } .widget-form .form-row-boolean-questions .form-field { padding: 1.2rem 0; } .widget-form .form-row-boolean-questions label { min-width: 60%; margin-bottom: 5px; } .widget-form .radio-buttons { display: flex; align-items: stretch; gap: 1.5rem !important; margin-top: 2rem; } .widget-form .radio-buttons > li { width: 100%; display: flex; flex-direction: column; padding-inline-start: 0 !important; flex: 1 1 calc(25% - 25px); line-height: 1.5; } .widget-form .radio-buttons label { height: 100%; } } body.search .main-content { position: relative; } body.search .hero--search { padding-block-start: 0; } body.search .hero--search + * { margin-block-start: 2.4rem; } @media screen and ( min-width: 48em ) and ( max-width: 63.9375em ) { body.search .hero--search .form__input, body.search .hero--search .widget-form select, .widget-form body.search .hero--search select, body.search .hero--search .widget-form input, .widget-form body.search .hero--search input { font-size: 3.2rem; line-height: 5.6rem; } } @media screen and ( max-width: 47.9375em ) { body.search .hero--search { width: calc(100% - (var(--grid-gap) + var(--grid-margin)) * 2); position: absolute; top: 6.4rem; } } @media screen and ( min-width: 64em ) { body.search .hero--search, body.search .block--list, body.search .block--list__title { padding-inline-start: calc(((100%) - var(--grid-gap) * (var(--container-columns) - 1)) / var(--container-columns) * 0.5 + var(--grid-gap) * (0.5 - 0)); } } body.search .block--list .block__item:first-child .card { border: 0; } body.search .search-results-type { margin-top: 2.4rem; } body.search .row--column { margin-block-start: calc(var(--row-spacing-vertical) * 0.5); } @media screen and ( max-width: 47.9375em ) { body.search .row--column + .row--column { margin-block-start: 0; } } @media screen and ( max-width: 47.9375em ) { body.search .breadcrumb + .row--column { margin-top: 15.6rem; gap: 0; } body.search .breadcrumb + .row--column .card--banner { display: none; } } body.search .too-many-results, body.search .no-result { display: block; height: 100%; background: var(--background-color--light); padding: var(--grid-gap); font-family: "Inter", sans-serif; font-weight: 200; -webkit-font-smoothing: antialiased; display: flex; flex-direction: column; gap: calc(var(--grid-gap) * 0.5); text-align: center; justify-content: center; align-items: center; border-radius: 5px; } body.page-single--market-study .main-content { grid-template-rows: auto auto 1fr; } body.page-single--market-study .breadcrumb { grid-row: 1/span 1; padding-block-start: 2.4rem; position: relative; z-index: 3; } body.page-single--market-study .hero--article { grid-row: 1/span 2; } body.page-single--market-study .article { grid-row: 3/-1; } @media screen and ( min-width: 64em ) { body.page-single--market-study--alt .hero--article { padding-block: 12rem 8rem; } } body.page-single--market-study--alt .article__hero, body.page-single--market-study--alt .article__content { padding-inline-end: 0; } @media screen and ( min-width: 64em ) { body.page-single--market-study--alt .article__column { margin-block-start: -6.4rem; } } body.post-type-archive-podcast .block--podcast { gap: 3.6rem; } body.post-type-archive-podcast .block--podcast .block__title { padding-top: 3.6rem; font-size: 4rem; margin: 2.2rem; } body.post-type-archive-podcast .block--podcast .block__text { padding-inline-start: calc((100% - var(--grid-gap) * (var(--column-size) - 1)) / var(--column-size) * 1.2 + var(--grid-gap) * 1.2 + 2.2rem); } body.post-type-archive-podcast .block--podcast .block__podcast { padding-block-start: 0; } body.post-type-archive-podcast .row .title, body.post-type-archive-podcast .row .form__field--rte h1, .form__field--rte body.post-type-archive-podcast .row h1, body.post-type-archive-podcast .row .form__field--rte h2, .form__field--rte body.post-type-archive-podcast .row h2, body.post-type-archive-podcast .row .form__field--rte h3, .form__field--rte body.post-type-archive-podcast .row h3, body.post-type-archive-podcast .row .form__field--rte h4, .form__field--rte body.post-type-archive-podcast .row h4, body.post-type-archive-podcast .row .form__field--rte h5, .form__field--rte body.post-type-archive-podcast .row h5, body.post-type-archive-podcast .row .form__field--rte h6, .form__field--rte body.post-type-archive-podcast .row h6, body.post-type-archive-podcast .row .row--rte h1, .row--rte body.post-type-archive-podcast .row h1, body.post-type-archive-podcast .row .row--rte h2, .row--rte body.post-type-archive-podcast .row h2, body.post-type-archive-podcast .row .row--rte h3, .row--rte body.post-type-archive-podcast .row h3, body.post-type-archive-podcast .row .row--rte h4, .row--rte body.post-type-archive-podcast .row h4, body.post-type-archive-podcast .row .row--rte h5, .row--rte body.post-type-archive-podcast .row h5, body.post-type-archive-podcast .row .row--rte h6, .row--rte body.post-type-archive-podcast .row h6, body.post-type-archive-podcast .row .block__rte h1, .block__rte body.post-type-archive-podcast .row h1, body.post-type-archive-podcast .row .block__rte h2, .block__rte body.post-type-archive-podcast .row h2, body.post-type-archive-podcast .row .block__rte h3, .block__rte body.post-type-archive-podcast .row h3, body.post-type-archive-podcast .row .block__rte h4, .block__rte body.post-type-archive-podcast .row h4, body.post-type-archive-podcast .row .block__rte h5, .block__rte body.post-type-archive-podcast .row h5, body.post-type-archive-podcast .row .block__rte h6, .block__rte body.post-type-archive-podcast .row h6, body.post-type-archive-podcast .row .hero__rte h1, .hero__rte body.post-type-archive-podcast .row h1, body.post-type-archive-podcast .row .hero__rte h2, .hero__rte body.post-type-archive-podcast .row h2, body.post-type-archive-podcast .row .hero__rte h3, .hero__rte body.post-type-archive-podcast .row h3, body.post-type-archive-podcast .row .hero__rte h4, .hero__rte body.post-type-archive-podcast .row h4, body.post-type-archive-podcast .row .hero__rte h5, .hero__rte body.post-type-archive-podcast .row h5, body.post-type-archive-podcast .row .hero__rte h6, .hero__rte body.post-type-archive-podcast .row h6, body.post-type-archive-podcast .row .podcast__rte h1, .podcast__rte body.post-type-archive-podcast .row h1, body.post-type-archive-podcast .row .podcast__rte h2, .podcast__rte body.post-type-archive-podcast .row h2, body.post-type-archive-podcast .row .podcast__rte h3, .podcast__rte body.post-type-archive-podcast .row h3, body.post-type-archive-podcast .row .podcast__rte h4, .podcast__rte body.post-type-archive-podcast .row h4, body.post-type-archive-podcast .row .podcast__rte h5, .podcast__rte body.post-type-archive-podcast .row h5, body.post-type-archive-podcast .row .podcast__rte h6, .podcast__rte body.post-type-archive-podcast .row h6, body.post-type-archive-podcast .row .article__content h1, .article__content body.post-type-archive-podcast .row h1, body.post-type-archive-podcast .row .article__content h2, .article__content body.post-type-archive-podcast .row h2, body.post-type-archive-podcast .row .article__content h3, .article__content body.post-type-archive-podcast .row h3, body.post-type-archive-podcast .row .article__content h4, .article__content body.post-type-archive-podcast .row h4, body.post-type-archive-podcast .row .article__content h5, .article__content body.post-type-archive-podcast .row h5, body.post-type-archive-podcast .row .article__content h6, .article__content body.post-type-archive-podcast .row h6 { margin-bottom: 4rem; } body.post-type-archive-podcast .podcast-list .podcast { display: grid; grid-template-rows: auto; grid-template-columns: auto; gap: 3rem 1.5rem; grid-template-areas: "information" "description" "controls"; } @media screen and ( min-width: 64em ) { body.post-type-archive-podcast .podcast-list .podcast { grid-template-columns: 10% 40% auto; grid-template-areas: "image information description" "nothing controls description"; } } body.post-type-archive-podcast .podcast-list .podcast__information { grid-area: information; gap: 1rem; } body.post-type-archive-podcast .podcast-list .podcast__information .title, body.post-type-archive-podcast .podcast-list .podcast__information .form__field--rte h1, .form__field--rte body.post-type-archive-podcast .podcast-list .podcast__information h1, body.post-type-archive-podcast .podcast-list .podcast__information .form__field--rte h2, .form__field--rte body.post-type-archive-podcast .podcast-list .podcast__information h2, body.post-type-archive-podcast .podcast-list .podcast__information .form__field--rte h3, .form__field--rte body.post-type-archive-podcast .podcast-list .podcast__information h3, body.post-type-archive-podcast .podcast-list .podcast__information .form__field--rte h4, .form__field--rte body.post-type-archive-podcast .podcast-list .podcast__information h4, body.post-type-archive-podcast .podcast-list .podcast__information .form__field--rte h5, .form__field--rte body.post-type-archive-podcast .podcast-list .podcast__information h5, body.post-type-archive-podcast .podcast-list .podcast__information .form__field--rte h6, .form__field--rte body.post-type-archive-podcast .podcast-list .podcast__information h6, body.post-type-archive-podcast .podcast-list .podcast__information .row--rte h1, .row--rte body.post-type-archive-podcast .podcast-list .podcast__information h1, body.post-type-archive-podcast .podcast-list .podcast__information .row--rte h2, .row--rte body.post-type-archive-podcast .podcast-list .podcast__information h2, body.post-type-archive-podcast .podcast-list .podcast__information .row--rte h3, .row--rte body.post-type-archive-podcast .podcast-list .podcast__information h3, body.post-type-archive-podcast .podcast-list .podcast__information .row--rte h4, .row--rte body.post-type-archive-podcast .podcast-list .podcast__information h4, body.post-type-archive-podcast .podcast-list .podcast__information .row--rte h5, .row--rte body.post-type-archive-podcast .podcast-list .podcast__information h5, body.post-type-archive-podcast .podcast-list .podcast__information .row--rte h6, .row--rte body.post-type-archive-podcast .podcast-list .podcast__information h6, body.post-type-archive-podcast .podcast-list .podcast__information .block__rte h1, .block__rte body.post-type-archive-podcast .podcast-list .podcast__information h1, body.post-type-archive-podcast .podcast-list .podcast__information .block__rte h2, .block__rte body.post-type-archive-podcast .podcast-list .podcast__information h2, body.post-type-archive-podcast .podcast-list .podcast__information .block__rte h3, .block__rte body.post-type-archive-podcast .podcast-list .podcast__information h3, body.post-type-archive-podcast .podcast-list .podcast__information .block__rte h4, .block__rte body.post-type-archive-podcast .podcast-list .podcast__information h4, body.post-type-archive-podcast .podcast-list .podcast__information .block__rte h5, .block__rte body.post-type-archive-podcast .podcast-list .podcast__information h5, body.post-type-archive-podcast .podcast-list .podcast__information .block__rte h6, .block__rte body.post-type-archive-podcast .podcast-list .podcast__information h6, body.post-type-archive-podcast .podcast-list .podcast__information .hero__rte h1, .hero__rte body.post-type-archive-podcast .podcast-list .podcast__information h1, body.post-type-archive-podcast .podcast-list .podcast__information .hero__rte h2, .hero__rte body.post-type-archive-podcast .podcast-list .podcast__information h2, body.post-type-archive-podcast .podcast-list .podcast__information .hero__rte h3, .hero__rte body.post-type-archive-podcast .podcast-list .podcast__information h3, body.post-type-archive-podcast .podcast-list .podcast__information .hero__rte h4, .hero__rte body.post-type-archive-podcast .podcast-list .podcast__information h4, body.post-type-archive-podcast .podcast-list .podcast__information .hero__rte h5, .hero__rte body.post-type-archive-podcast .podcast-list .podcast__information h5, body.post-type-archive-podcast .podcast-list .podcast__information .hero__rte h6, .hero__rte body.post-type-archive-podcast .podcast-list .podcast__information h6, body.post-type-archive-podcast .podcast-list .podcast__information .podcast__rte h1, .podcast__rte body.post-type-archive-podcast .podcast-list .podcast__information h1, body.post-type-archive-podcast .podcast-list .podcast__information .podcast__rte h2, .podcast__rte body.post-type-archive-podcast .podcast-list .podcast__information h2, body.post-type-archive-podcast .podcast-list .podcast__information .podcast__rte h3, .podcast__rte body.post-type-archive-podcast .podcast-list .podcast__information h3, body.post-type-archive-podcast .podcast-list .podcast__information .podcast__rte h4, .podcast__rte body.post-type-archive-podcast .podcast-list .podcast__information h4, body.post-type-archive-podcast .podcast-list .podcast__information .podcast__rte h5, .podcast__rte body.post-type-archive-podcast .podcast-list .podcast__information h5, body.post-type-archive-podcast .podcast-list .podcast__information .podcast__rte h6, .podcast__rte body.post-type-archive-podcast .podcast-list .podcast__information h6, body.post-type-archive-podcast .podcast-list .podcast__information .article__content h1, .article__content body.post-type-archive-podcast .podcast-list .podcast__information h1, body.post-type-archive-podcast .podcast-list .podcast__information .article__content h2, .article__content body.post-type-archive-podcast .podcast-list .podcast__information h2, body.post-type-archive-podcast .podcast-list .podcast__information .article__content h3, .article__content body.post-type-archive-podcast .podcast-list .podcast__information h3, body.post-type-archive-podcast .podcast-list .podcast__information .article__content h4, .article__content body.post-type-archive-podcast .podcast-list .podcast__information h4, body.post-type-archive-podcast .podcast-list .podcast__information .article__content h5, .article__content body.post-type-archive-podcast .podcast-list .podcast__information h5, body.post-type-archive-podcast .podcast-list .podcast__information .article__content h6, .article__content body.post-type-archive-podcast .podcast-list .podcast__information h6 { padding-block-end: 0; margin-bottom: 1rem; } body.post-type-archive-podcast .podcast-list .podcast__information ul { display: flex; } body.post-type-archive-podcast .podcast-list .podcast__image-wrapper { display: none; grid-area: image; width: 10rem; border-radius: 1rem; overflow: hidden; } @media screen and ( min-width: 64em ) { body.post-type-archive-podcast .podcast-list .podcast__image-wrapper { display: block; } } body.post-type-archive-podcast .podcast-list .podcast__controls { grid-area: controls; display: flex; gap: 1rem; } body.post-type-archive-podcast .podcast-list .podcast__description { grid-area: description; display: flex; gap: 1rem; padding: 0 2.4rem; } .js-header::before { transition: var(--transition); transition-duration: 0.56s; transition-property: transform; } .js-header .header__menu-secondary { transition: var(--transition); transition-duration: 0.56s; } .js-header .form__input, .js-header .widget-form select, .widget-form .js-header select, .js-header .widget-form input, .widget-form .js-header input, .js-header .header__menu-primary, .js-header .header__switch i, .js-header .header__switch i::before, .js-header .header__switch i::after, .js-header .header__banner, .js-header .header__navigation { transition: var(--transition); } .js-header hr { margin: 2rem 0; border: none; height: 1px; background: var(--stroke-color--accent--dark); } .js-header .header__call { gap: 1rem 0; display: flex; flex-direction: column; } .js-header .header__call .title, .js-header .header__call .form__field--rte h1, .form__field--rte .js-header .header__call h1, .js-header .header__call .form__field--rte h2, .form__field--rte .js-header .header__call h2, .js-header .header__call .form__field--rte h3, .form__field--rte .js-header .header__call h3, .js-header .header__call .form__field--rte h4, .form__field--rte .js-header .header__call h4, .js-header .header__call .form__field--rte h5, .form__field--rte .js-header .header__call h5, .js-header .header__call .form__field--rte h6, .form__field--rte .js-header .header__call h6, .js-header .header__call .row--rte h1, .row--rte .js-header .header__call h1, .js-header .header__call .row--rte h2, .row--rte .js-header .header__call h2, .js-header .header__call .row--rte h3, .row--rte .js-header .header__call h3, .js-header .header__call .row--rte h4, .row--rte .js-header .header__call h4, .js-header .header__call .row--rte h5, .row--rte .js-header .header__call h5, .js-header .header__call .row--rte h6, .row--rte .js-header .header__call h6, .js-header .header__call .block__rte h1, .block__rte .js-header .header__call h1, .js-header .header__call .block__rte h2, .block__rte .js-header .header__call h2, .js-header .header__call .block__rte h3, .block__rte .js-header .header__call h3, .js-header .header__call .block__rte h4, .block__rte .js-header .header__call h4, .js-header .header__call .block__rte h5, .block__rte .js-header .header__call h5, .js-header .header__call .block__rte h6, .block__rte .js-header .header__call h6, .js-header .header__call .hero__rte h1, .hero__rte .js-header .header__call h1, .js-header .header__call .hero__rte h2, .hero__rte .js-header .header__call h2, .js-header .header__call .hero__rte h3, .hero__rte .js-header .header__call h3, .js-header .header__call .hero__rte h4, .hero__rte .js-header .header__call h4, .js-header .header__call .hero__rte h5, .hero__rte .js-header .header__call h5, .js-header .header__call .hero__rte h6, .hero__rte .js-header .header__call h6, .js-header .header__call .podcast__rte h1, .podcast__rte .js-header .header__call h1, .js-header .header__call .podcast__rte h2, .podcast__rte .js-header .header__call h2, .js-header .header__call .podcast__rte h3, .podcast__rte .js-header .header__call h3, .js-header .header__call .podcast__rte h4, .podcast__rte .js-header .header__call h4, .js-header .header__call .podcast__rte h5, .podcast__rte .js-header .header__call h5, .js-header .header__call .podcast__rte h6, .podcast__rte .js-header .header__call h6, .js-header .header__call .article__content h1, .article__content .js-header .header__call h1, .js-header .header__call .article__content h2, .article__content .js-header .header__call h2, .js-header .header__call .article__content h3, .article__content .js-header .header__call h3, .js-header .header__call .article__content h4, .article__content .js-header .header__call h4, .js-header .header__call .article__content h5, .article__content .js-header .header__call h5, .js-header .header__call .article__content h6, .article__content .js-header .header__call h6, .js-header .header__call .form__text { color: #fff; font-size: 1.8rem; font-weight: 400; margin-bottom: 0.5rem; } .js-header .header__form .form__text { color: #fff; font-size: 1.8rem; font-weight: 400; margin-bottom: 0.5rem; } .js-header .header__form .form__field--action { gap: calc(var(--grid-gap) / 2); } .js-header .header__form a { color: var(--yellow--darker); } @media screen and ( min-width: 48em ) { .js-header .header__form.form, .js-header .header__form.widget-form { gap: 0.5rem 0; } } .js-header:not(.header--search-open) form[role=search] .form__input, .js-header:not(.header--search-open) form[role=search] .widget-form select, .widget-form .js-header:not(.header--search-open) form[role=search] select, .js-header:not(.header--search-open) form[role=search] .widget-form input, .widget-form .js-header:not(.header--search-open) form[role=search] input { opacity: 0; pointer-events: none; } .js-header.header--search-open .header__menu-primary { opacity: 0; pointer-events: none; } .js-header:not(.header--open) .header__menu-secondary { opacity: 0; pointer-events: none; } @media screen and ( max-width: 63.9375em ) { .js-header:not(.header--open)::before { transform: translate(0, calc(-100% + var(--header-banner-height))); transform-origin: center bottom; } .js-header:not(.header--open) .header__navigation::after { opacity: 0; } .js-header:not(.header--open) .header__languages-switch { opacity: 0; pointer-events: none; } } .js-header.header--open .header__switch { --button-ternary: var( --yellow--dark ); } .js-header.header--open .header__switch::before { background: var(--button-ternary); } .js-header.header--open .header__switch .button__lines { background: transparent; } .js-header.header--open .header__switch .button__lines::before { transform: translate(0, 0) rotate(45deg); } .js-header.header--open .header__switch .button__lines::after { transform: translate(0, 0) rotate(135deg); } @media screen and ( max-width: 47.9375em ) { .js-header.header--open::before { transform: translate(0, 0); transform-origin: center top; } .js-header.header--open .header__logo::after { opacity: 1; } .js-header.header--open .header__navigation::before { opacity: 0 !important; } .js-header.header--open .header__navigation::after { opacity: 1; } .js-header.header--open .header__languages-switch { opacity: 1; pointer-events: auto; } .js-header.header--open .button__flag { background: var(--background-color--accent--light); } .js-header.header--open.fixed .header__banner { transform: translate(-50%, -100%); } } @media screen and ( max-width: 63.9375em ) { .js-header:not(.fixed) .header__languages-switch { top: calc(100% + 0.8rem + 2.4rem); } } @media screen and ( max-width: 63.9375em ) { .js-header.fixed { --header-height: 7.2rem; } .js-header.fixed.header--open .header__navigation { transform: translate(0, -2.4rem); } .js-header.fixed .header__logo::after { position: fixed; top: 1rem; } .js-header.fixed .header__languages-switch { position: fixed; top: calc(var(--header-navigation-offset) * 2 + 4rem + 2.4rem); left: 0; } } .js-header.fixed .header__navigation { width: calc(100% - (var(--grid-gap) + var(--grid-margin)) * 2); max-width: var(--layout-max-width); position: fixed; top: calc(var(--header-navigation-offset) + var(--header-banner-height)); } .js-header.fixed .header__navigation::before { opacity: 1; } @media screen and ( max-width: 63.9375em ) { .js-header.fixed .header__navigation { width: auto; top: calc(var(--header-banner-height) - 0.4rem); right: var(--grid-space); } } @media screen and ( min-width: 97.5em ) { .js-header.fixed .header__navigation { width: calc(var(--layout-max-width) - (var(--grid-gap) + var(--grid-margin)) * 2); } } .accordion__button .icon { transition: var(--transition); } .js-accordion { overflow: hidden; transition: var(--transition); } .js-accordion.expand { height: var(--accordion-height-open); } .js-accordion.expand .accordion__button .icon { transform: scale(2, -2); } .js-accordion:not(.expand) { height: var(--accordion-height); } @media screen and ( min-width: 64em ) { .js-navigation { position: relative; z-index: 3; } .js-navigation__wrapper { position: relative; } .js-navigation__menu { -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; transition: var(--transition); transition-property: filter, opacity, height; position: relative; border-radius: 5px; } .js-navigation__menu::-webkit-scrollbar { display: none; } .js-navigation [data-flag] { pointer-events: none; } .js-navigation [data-flag=navigation-start] { position: absolute; top: calc((var(--header-banner-height) + 2.4rem) * -1); } .js-navigation [data-flag=navigation-end] { position: absolute; bottom: calc(var(--navigation-height-test, var(--navigation-height, 0)) + var(--header-banner-height) + 2.4rem); } } @media screen and ( min-width: 64em ) and ( min-width: 64em ) { .js-navigation [data-flag=navigation-end] { bottom: calc(var(--header-navigation-height) + var(--header-navigation-offset) * 2 + var(--navigation-height-test, var(--navigation-height, 0)) + var(--header-banner-height)); } } @media screen and ( min-width: 64em ) { .js-navigation.navigation-fixed .js-navigation__menu { max-height: calc(100vh - (var(--header-navigation-height) + var(--header-navigation-offset) * 3)); overflow-y: scroll; margin: 0 !important; } .js-navigation.navigation-fixed:not(.navigation-end) .js-navigation__menu { width: calc(((100% - ( var( --grid-gap ) + var( --grid-margin ) ) * 2) - var(--grid-gap) * (12 - 1)) / 12 * var(--column-size) + var(--grid-gap) * (var(--column-size) - 1)); min-width: auto; position: fixed; top: calc(var(--header-banner-height) + 2.4rem); z-index: var(--z-index-nav); } .js-navigation.navigation-fixed:not(.navigation-end) .js-navigation__menu:not(.special__navigation) { filter: drop-shadow(0 0 1.2rem rgba(0, 0, 0, 0.3)); } .js-navigation.navigation-fixed:not(.navigation-end) .js-navigation__menu.special__navigation { border-radius: 0; } } @media screen and ( min-width: 64em ) and ( min-width: 64em ) { .js-navigation.navigation-fixed:not(.navigation-end) .js-navigation__menu { top: calc(var(--header-navigation-height) + var(--header-navigation-offset) * 2 + var(--header-banner-height)); } } @media screen and ( min-width: 64em ) and ( min-width: 97.5em ) { .js-navigation.navigation-fixed:not(.navigation-end) .js-navigation__menu { width: calc(((var( --layout-max-width ) - ( var( --grid-gap ) + var( --grid-margin ) ) * 2) - var(--grid-gap) * (12 - 1)) / 12 * var(--column-size) + var(--grid-gap) * (var(--column-size) - 1)); } } @media screen and ( min-width: 64em ) { .js-navigation.navigation-fixed.navigation-end .js-navigation__menu { max-height: none; width: 100%; position: absolute; top: auto; bottom: 0; z-index: var(--z-index-nav); } body:not(.page-single--market-study) .js-navigation.navigation-fixed { padding-block-start: var(--navigation-height); margin-block-start: var(--grid-gap); } body.page-single--market-study .js-navigation [data-flag=navigation-start] { top: unset; } body.page-single--market-study .js-navigation.navigation-fixed .block--summary + * { padding-block-start: calc(var(--navigation-height) + 2.4rem); } body.page-single--market-study:not(.page-single--market-study--alt) .js-navigation [data-flag=navigation-start] { transform: translate(0, calc((var(--header-banner-height) + 4rem) * -1)); } } @media screen and ( min-width: 64em ) and ( min-width: 64em ) { body.page-single--market-study:not(.page-single--market-study--alt) .js-navigation [data-flag=navigation-start] { transform: translate(0, calc(-1 * (var(--header-navigation-height) + var(--header-navigation-offset)) - var(--header-banner-height))); } } @media screen and ( min-width: 64em ) { body.page-single--market-study--alt .js-navigation [data-flag=navigation-start] { transform: translate(0, calc((var(--header-banner-height) + 2.4rem) * -1)); } } @media screen and ( min-width: 64em ) and ( min-width: 64em ) { body.page-single--market-study--alt .js-navigation [data-flag=navigation-start] { transform: translate(0, calc(-1 * (var(--header-navigation-height) + var(--header-navigation-offset)) - var(--header-banner-height))); } } @media screen and ( min-width: 64em ) { body.page-search .js-navigation.navigation-fixed { padding-block-start: calc(var(--navigation-height) + var(--grid-gap)); } body.page-search:not(.page-search--alt) [data-flag=navigation-start] { top: calc((var(--header-navigation-height) - var(--row-spacing-vertical) * 0.5 + var(--header-navigation-offset) * 2) * -1); } } /* purgecss end ignore */