img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} /*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg} /*# sourceURL=https://www.ratio.it/wp-includes/blocks/heading/style.min.css */ .is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} /*# sourceURL=https://www.ratio.it/wp-includes/blocks/paragraph/style.min.css */ /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} /*# sourceURL=/wp-includes/css/classic-themes.min.css */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} /*# sourceURL=global-styles-inline-css */ .cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}/*! Theme Name: Ratio Theme Author: Noiza Author URI: https://noiza.com/ Description: Ratio WordPress Theme Version: 1.0.0 Tested up to: 8.1 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: ratio Tags: custom-menu, featured-images, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. Ratio Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Base - Reset - Font Family - Base - Typography # Layouts - Header - Navigation - Footer - Main Titles - News Grid - Titles Secondary - Training Grid - In Evidence Grid - Breadcrumbs - Pagination - Expert Grid - Accordion Display - File Box Grid - Category And Date Wrapper - Section App Links Box - Photo Text Presentation Display - In Evidence Section Display - File Link Section - Map Text Presentation Display - Contact Form Section - Information Column Grid - Lettered Row Grid - Lettered Row - Paywall - Landing Page Grid - Spreaker Player # Components - Generic Call To Action Link - Quote - Figure - Search Form - Featured Block - Featured Link To Store Block - Separation Bar - Grid Element - Featured Director Letter - Featured News - News - Director Letter Card - Newsletter box on Home - Training Box - In Evidence Box - Breadcrumbs - Pagination Tabs - Index Table - Expert - Accordion - Names Wrapper - File Box - Call To Action Block Magazine - Call To Action Block Essential - Call To Action Block Minimal - News On Search Result - Expert On Search Result - Page On Search Result - Director Letter On Search Result - Landing Page On Search Result - Single Expert Info Box - Photo Text Presentation - Map Text Presentation - Form Elements - Contact Form Block - Table - Ripple Effect - Forms - Paywall Banner - Featured Posts Section Block - Featured Landing Page # Pages - Front-page - Category - Category With Parent - Single News - Single Director Letter - Single Expert - Expert Archive - Full Expert Archive - 404 - Search - Page Standard - Single Landing Page - Page Contact - Page Newsletter - Page Ratio Club # Utilities - Accessibility # Vendors - Hamburgers # Vendors Extensions - Hamburgers --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ /* Base - Reset --------------------------------------------- */ /* Box sizing rules */ *, *::before, *::after { box-sizing: border-box; } /* Remove default margin */ body, h1, h2, h3, h4, figure, blockquote, dl, dd { margin: 0; } /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ ul[role=list], ol[role=list] { list-style: none; } /* Set core root defaults */ html:focus-within { scroll-behavior: smooth; } /* Set core body defaults */ body { min-height: 100vh; text-rendering: optimizeSpeed; line-height: 1.5; overflow-x: hidden; } /* A elements that don't have a class get default styles */ a:not([class]) { text-decoration-skip-ink: auto; } /* Inherit fonts for inputs and buttons */ input, button, textarea, select { font: inherit; } /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */ @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } /* Base - Font Family --------------------------------------------- */ /* eb-garamond-regular - latin */ @font-face{ font-display:swap; font-family: "EB Garamond"; font-style: normal; font-weight: 400; src: url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-regular.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-regular.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-regular.woff") format("woff"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-regular.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-regular.svg#EBGaramond") format("svg"); /* Legacy iOS */ } /* eb-garamond-500 - latin */ @font-face{ font-display:swap; font-family: "EB Garamond"; font-style: normal; font-weight: 500; src: url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-500.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-500.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-500.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-500.woff") format("woff"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-500.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-500.svg#EBGaramond") format("svg"); /* Legacy iOS */ } /* eb-garamond-600 - latin */ @font-face{ font-display:swap; font-family: "EB Garamond"; font-style: normal; font-weight: 600; src: url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-600.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-600.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-600.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-600.woff") format("woff"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-600.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-600.svg#EBGaramond") format("svg"); /* Legacy iOS */ } /* eb-garamond-700 - latin */ @font-face{ font-display:swap; font-family: "EB Garamond"; font-style: normal; font-weight: 700; src: url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-700.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-700.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-700.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-700.woff") format("woff"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-700.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-700.svg#EBGaramond") format("svg"); /* Legacy iOS */ } /* eb-garamond-800 - latin */ @font-face{ font-display:swap; font-family: "EB Garamond"; font-style: normal; font-weight: 800; src: url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-800.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-800.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-800.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-800.woff") format("woff"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-800.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-800.svg#EBGaramond") format("svg"); /* Legacy iOS */ } /* eb-garamond-italic - latin */ @font-face{ font-display:swap; font-family: "EB Garamond"; font-style: italic; font-weight: 400; src: url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-italic.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-italic.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-italic.woff") format("woff"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-italic.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-italic.svg#EBGaramond") format("svg"); /* Legacy iOS */ } /* eb-garamond-500italic - latin */ @font-face{ font-display:swap; font-family: "EB Garamond"; font-style: italic; font-weight: 500; src: url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-500italic.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-500italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-500italic.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-500italic.woff") format("woff"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-500italic.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-500italic.svg#EBGaramond") format("svg"); /* Legacy iOS */ } /* eb-garamond-600italic - latin */ @font-face{ font-display:swap; font-family: "EB Garamond"; font-style: italic; font-weight: 600; src: url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-600italic.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-600italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-600italic.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-600italic.woff") format("woff"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-600italic.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-600italic.svg#EBGaramond") format("svg"); /* Legacy iOS */ } /* eb-garamond-700italic - latin */ @font-face{ font-display:swap; font-family: "EB Garamond"; font-style: italic; font-weight: 700; src: url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-700italic.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-700italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-700italic.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-700italic.woff") format("woff"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-700italic.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-700italic.svg#EBGaramond") format("svg"); /* Legacy iOS */ } /* eb-garamond-800italic - latin */ @font-face{ font-display:swap; font-family: "EB Garamond"; font-style: italic; font-weight: 800; src: url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-800italic.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-800italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-800italic.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-800italic.woff") format("woff"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-800italic.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/EB_Garamond/eb-garamond-v26-latin-800italic.svg#EBGaramond") format("svg"); /* Legacy iOS */ } /* dm-serif-display-regular - latin */ @font-face{ font-display:swap; font-family: "DM Serif Display"; font-style: normal; font-weight: 400; src: url("/wp-content/themes/ratio/fonts/DM_Serif_Display/dm-serif-display-v10-latin-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/DM_Serif_Display/dm-serif-display-v10-latin-regular.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/DM_Serif_Display/dm-serif-display-v10-latin-regular.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/DM_Serif_Display/dm-serif-display-v10-latin-regular.woff") format("woff"), url("/wp-content/themes/ratio/fonts/DM_Serif_Display/dm-serif-display-v10-latin-regular.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/DM_Serif_Display/dm-serif-display-v10-latin-regular.svg#DMSerifDisplay") format("svg"); /* Legacy iOS */ } /* dm-serif-display-italic - latin */ @font-face{ font-display:swap; font-family: "DM Serif Display"; font-style: italic; font-weight: 400; src: url("/wp-content/themes/ratio/fonts/DM_Serif_Display/dm-serif-display-v10-latin-italic.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/DM_Serif_Display/dm-serif-display-v10-latin-italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/DM_Serif_Display/dm-serif-display-v10-latin-italic.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/DM_Serif_Display/dm-serif-display-v10-latin-italic.woff") format("woff"), url("/wp-content/themes/ratio/fonts/DM_Serif_Display/dm-serif-display-v10-latin-italic.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/DM_Serif_Display/dm-serif-display-v10-latin-italic.svg#DMSerifDisplay") format("svg"); /* Legacy iOS */ } /* mulish-200 - latin */ @font-face{ font-display:swap; font-family: "Mulish"; font-style: normal; font-weight: 200; src: url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-200.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-200.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-200.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-200.woff") format("woff"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-200.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-200.svg#Mulish") format("svg"); /* Legacy iOS */ } /* mulish-300 - latin */ @font-face{ font-display:swap; font-family: "Mulish"; font-style: normal; font-weight: 300; src: url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-300.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-300.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-300.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-300.woff") format("woff"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-300.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-300.svg#Mulish") format("svg"); /* Legacy iOS */ } /* mulish-regular - latin */ @font-face{ font-display:swap; font-family: "Mulish"; font-style: normal; font-weight: 400; src: url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-regular.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-regular.woff") format("woff"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-regular.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-regular.svg#Mulish") format("svg"); /* Legacy iOS */ } /* mulish-500 - latin */ @font-face{ font-display:swap; font-family: "Mulish"; font-style: normal; font-weight: 500; src: url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-500.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-500.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-500.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-500.woff") format("woff"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-500.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-500.svg#Mulish") format("svg"); /* Legacy iOS */ } /* mulish-600 - latin */ @font-face{ font-display:swap; font-family: "Mulish"; font-style: normal; font-weight: 600; src: url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-600.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-600.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-600.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-600.woff") format("woff"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-600.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-600.svg#Mulish") format("svg"); /* Legacy iOS */ } /* mulish-700 - latin */ @font-face{ font-display:swap; font-family: "Mulish"; font-style: normal; font-weight: 700; src: url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-700.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-700.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-700.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-700.woff") format("woff"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-700.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-700.svg#Mulish") format("svg"); /* Legacy iOS */ } /* mulish-800 - latin */ @font-face{ font-display:swap; font-family: "Mulish"; font-style: normal; font-weight: 800; src: url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-800.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-800.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-800.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-800.woff") format("woff"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-800.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-800.svg#Mulish") format("svg"); /* Legacy iOS */ } /* mulish-900 - latin */ @font-face{ font-display:swap; font-family: "Mulish"; font-style: normal; font-weight: 900; src: url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-900.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-900.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-900.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-900.woff") format("woff"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-900.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-900.svg#Mulish") format("svg"); /* Legacy iOS */ } /* mulish-200italic - latin */ @font-face{ font-display:swap; font-family: "Mulish"; font-style: italic; font-weight: 200; src: url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-200italic.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-200italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-200italic.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-200italic.woff") format("woff"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-200italic.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-200italic.svg#Mulish") format("svg"); /* Legacy iOS */ } /* mulish-300italic - latin */ @font-face{ font-display:swap; font-family: "Mulish"; font-style: italic; font-weight: 300; src: url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-300italic.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-300italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-300italic.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-300italic.woff") format("woff"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-300italic.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-300italic.svg#Mulish") format("svg"); /* Legacy iOS */ } /* mulish-italic - latin */ @font-face{ font-display:swap; font-family: "Mulish"; font-style: italic; font-weight: 400; src: url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-italic.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-italic.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-italic.woff") format("woff"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-italic.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-italic.svg#Mulish") format("svg"); /* Legacy iOS */ } /* mulish-500italic - latin */ @font-face{ font-display:swap; font-family: "Mulish"; font-style: italic; font-weight: 500; src: url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-500italic.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-500italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-500italic.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-500italic.woff") format("woff"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-500italic.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-500italic.svg#Mulish") format("svg"); /* Legacy iOS */ } /* mulish-600italic - latin */ @font-face{ font-display:swap; font-family: "Mulish"; font-style: italic; font-weight: 600; src: url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-600italic.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-600italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-600italic.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-600italic.woff") format("woff"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-600italic.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-600italic.svg#Mulish") format("svg"); /* Legacy iOS */ } /* mulish-700italic - latin */ @font-face{ font-display:swap; font-family: "Mulish"; font-style: italic; font-weight: 700; src: url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-700italic.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-700italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-700italic.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-700italic.woff") format("woff"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-700italic.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-700italic.svg#Mulish") format("svg"); /* Legacy iOS */ } /* mulish-800italic - latin */ @font-face{ font-display:swap; font-family: "Mulish"; font-style: italic; font-weight: 800; src: url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-800italic.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-800italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-800italic.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-800italic.woff") format("woff"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-800italic.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-800italic.svg#Mulish") format("svg"); /* Legacy iOS */ } /* mulish-900italic - latin */ @font-face{ font-display:swap; font-family: "Mulish"; font-style: italic; font-weight: 900; src: url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-900italic.eot"); /* IE9 Compat Modes */ src: local(""), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-900italic.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-900italic.woff2") format("woff2"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-900italic.woff") format("woff"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-900italic.ttf") format("truetype"), url("/wp-content/themes/ratio/fonts/Mulish/mulish-v12-latin-900italic.svg#Mulish") format("svg"); /* Legacy iOS */ } /* Base - Base --------------------------------------------- */ html { scroll-behavior: smooth; } *::selection { background-color: #FCECD4; } body.search-bar-is-open { overflow-y: hidden; } @media screen and (max-width: 1000px) { body.menu-is-open { overflow-y: hidden; padding-top: 68px; } } body.with-banner { background-color: var(--page-border-color); } .home .site.with-banner { display: block; position: relative; max-width: 1198px; margin: 0 auto; background: white; z-index: 2; border-top: 0; border-bottom: 0; border-left: 4px; border-right: 4px; border-style: solid; border-color: var(--page-border-color); } .home-alert { padding-bottom: 30px; font-weight: 700; margin-top: -30px; color: red; } .gfield--type-honeypot { display: none; } table { margin: 0 0 1.5em; width: 100%; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-right: 1.5em; margin-bottom: 1.5em; } .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-left: 1.5em; margin-bottom: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; } .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } .gallery-caption { display: block; } .row .cont { margin: auto; max-width: 1300px; padding-left: 20px; padding-right: 20px; } @media screen and (max-width: 1000px) { .row .cont { padding-left: 16px; padding-right: 16px; } } strong { font-weight: 600; } /* Base - Typography --------------------------------------------- */ /* Typography - Font Families */ body { font-family: "Mulish", sans-serif; } .footer-newsletter-hook, .main-subtitle, .featured-block__subtitle, .featured-link-to-store-block__optional-choice-text, .featured-director-letter__author-title, .news__excerpt, .newsletter-box-on-home__description, .training-box__info-title, .in-evidence-box__text, .category-description, .single-news-excerpt, .single-news__paragraph, .index-table__link, .index-table__list-element::marker, .single-news-content-wrapper .single-news__list-element, .single-news-image-credit, .expert-archive-content, .role-or-area, .names, .featured-expert__description, .call-to-action-block-magazine__description, .call-to-action-block-essential__description, .message-404__description, .news-on-search-result__post-type, .expert-on-search-result__post-type, .landing-page-on-search-result__post-type .news-on-search-result__excerpt, .expert-on-search-result__description, .page-on-search-result__post-type, .page-on-search-result__description, .director-letter-on-search-result__post-type, .director-letter-on-search-result__excerpt, .search-no-result-list-item, .single-director-letter-post-type, .single-director-letter-excerpt, .single-expert-description, .page__list, .page__paragraph, .standard-page-content-wrapper > .wp-block-quote p, .single-news-content-wrapper > .wp-block-quote p, .single-director-letter-content-wrapper > .wp-block-quote p, .landing-page-hero-image-credit, .landing-page__paragraph, .landing-page__list, .landing-page-content-wrapper .wp-block-quote p, .accordion__text, .photo-text-presentation__content, .map-text-presentation__description, .form-description, .information-block__contact, .accordion__link, .paywall-banner__content, .news__sponsorised-icon-label, .single-news-sponsorised-icon-label, .featured-block-experts__subtitle, .news__author-prefix--pubblicazione { font-family: "EB Garamond", sans-serif; } .main-title-wrapper h1, .main-title-wrapper h2, .newsletter-box-on-home__title, .secondary-title, .title-large, .secondary-title-large, .single-news-content-wrapper .first-paragraph::first-letter, .single-director-letter-content-wrapper .first-paragraph::first-letter, .landing-page-content-wrapper .first-paragraph::first-letter, .index-letter { font-family: "DM Serif Display", sans-serif; } /* Typography - Font Color */ body, .main-search-form__text-input, .low-menu-navigation-tab-list-wrapper a, .upper-menu-wrapper .current-menu-item a, .upper-menu-wrapper .current-menu-ancestor a, .sistema-ratio-footer-menu a, .footer-newsletter-hook, .footer-newsletter-link, .footer-store-login-link-wrapper a, .footer-main-menu a, .footer-foundation-presentation-wrapper, .company-info-wrapper a, .featured-block__link, .featured-link-to-store-block__link, .featured-link-to-store-block__optional-link, .featured-director-letter, .featured-news, .news, .director-letter-card, .training-box, .page-numbers.current, .index-table__link, .single-news__link, .expert-archive-tab--active, .featured-expert, .file-box, .call-to-action-block-magazine__link, .call-to-action-block-essential__link, .call-to-action-block-minimal__link, .message-404__link, .news-on-search-result, .expert-on-search-result, .page-on-search-result, .director-letter-on-search-result, .landing-page-on-search-result, .single-expert-info-box__email, .page__link, .landing-page__link, .call-to-action-radio:checked + .form-call-to-action, .question-form-call, .expert-archive-tab:hover, .accordion__link, .expert-list-item a, .link-to-full-expert-archive, .featured-post-section-link, .paywall-banner__link, .spreaker-archive-link { color: #0F172A; } .featured-block__link, .featured-block-experts__link { color: white; } .main-title-wrapper h1, .main-title-wrapper h2, .secondary-title, .title-large, .gfield_label, fieldset.gfield label, fieldset.gfield label a { color: #1E293B; } .over-header-navigation-tabs, .upper-menu-wrapper a, .main-search-form__text-input::placeholder, .mobile-menu-wrapper .menu a, .mobile-menu-private-area, .mobile-menu-contact, .featured-block__subtitle, .featured-director-letter__author-title, .featured-director-letter__date, .featured-news__author, .featured-news__date, .news__date, .news__author, .director-letter-card__date, .director-letter-card__author, .training-box__info-title, .training-box__info-data--start-on, .training-box__info-data--typology, .in-evidence-box__text--on-homepage, .in-evidence-box__text--on-homepage a, .breadcrumb-path, .single-news-date, .expert-archive-tab:not(.expert-archive-tab--active):not(.expert-archive-tab:hover), .call-to-action-block-magazine__description, .call-to-action-block-essential__description, .search-result-count, .news-on-search-result__date, .news-on-search-result__author, .director-letter-on-search-result__date, .director-letter-on-search-result__author, .single-director-letter-post-type, .single-director-letter-date, .photo-text-presentation__content, .map-text-presentation__description, .gform_required_legend, .form-call-to-action, .custom-chosen-file, .training-box__accredited-specifications, .paywall-banner__content, .paywall-banner__content a, .news__author-prefix--pubblicazione { color: #475569; } .link-to-store, .low-menu-mobile-title p, .featured-director-letter__author-name, .featured-news__author span, .director-letter-card__author span, .training-box__info-data--expert, .news-on-search-result__author span, .director-letter-on-search-result__author span, .single-news-author-name, .single-news-journal-name, .index-table__list-element::marker, .single-director-letter-author-name, .link-to-trainings, .featured-expert__badge, .news__sponsorised-icon-label, .single-news-sponsorised-icon-label { color: #BF7100; } .footer-store-menu-wrapper h6, .footer-store-menu a, .training-box__free-or-accredited--free { color: #5F3800; } .page-numbers:not(.current), .ginput_container input::placeholder, .ginput_container textarea::placeholder, .ginput_container select:not(.with-value), .optional-form-label { color: #64748B; } .featured-expert__description, .in-evidence-box__text--on-landing-page, .in-evidence-box__text--on-landing-page a, .information-block__contact, .information-block__contact a { color: black; } .row-hero-landing-page .breadcrumb-current, .row-hero-landing-page .main-title-wrapper h1, .row-hero-landing-page .main-subtitle, .landing-page-hero-image-credit, .featured-landing-page__full-link { color: white; } .row-hero-landing-page .breadcrumb-path { color: rgba(248, 250, 252, 0.8); } .gfield_required_asterisk { color: #EF8E01; } .gform_validation_errors, .gfield_validation_message { color: #7F1D1D; } .gform_confirmation_message { color: #14532D; } .training-box__free-or-accredited--accredited { color: #305331; } /* MOBILE MENU -- Font Color */ @media screen and (max-width: 1000px) { .low-menu-navigation-tab-list-wrapper a { color: #475569; } } /* Typography - Font Styles */ .over-header-navigation-tabs, .upper-menu-wrapper a, .link-to-store, .low-menu-navigation-tab-list-wrapper a, .mobile-menu-wrapper .menu a, .mobile-menu-private-area, .mobile-menu-contact, .sistema-ratio-footer-menu a, .footer-newsletter-link, .footer-store-menu a, .footer-store-login-link-wrapper a, .footer-main-menu a, .footer-foundation-presentation-wrapper, .featured-block__link, .featured-block-experts__link, .featured-link-to-store-block__link, .featured-link-to-store-block__optional-link, .featured-director-letter, .featured-news, .news, .director-letter-card, .newsletter-box-on-home__link, .link-on-secondary-title, .training-box, .page-numbers:not(.current), .single-news__link, .expert-archive-tab, .featured-expert, .file-box, .call-to-action-block-magazine__link, .call-to-action-block-essential__link, .call-to-action-block-minimal__link, .message-404__link, .news-on-search-result, .expert-on-search-result, .page-on-search-result, .director-letter-on-search-result, .landing-page-on-search-result, .page__link, .landing-page__link, .question-form-call, .single-news-author-wrapper, a.single-news-journal-name, .link-to-trainings, .accordion__link, .expert-list-item a, .link-to-full-expert-archive, .single-director-letter-author-wrapper, .paywall-banner__content a.emphatic-link, .featured-post-section-link, .featured-landing-page__full-link, .paywall-banner__link, .spreaker-archive-link { text-decoration: none; } .paywall-banner__content a:not(.emphatic-link) { text-decoration-color: #EF8E01; } .footer-newsletter-hook, .main-subtitle, .featured-link-to-store-block__optional-choice-text, .featured-director-letter__author-title, .newsletter-box-on-home__description, .training-box__info-title, .index-table__list-element::marker, .single-news-image-credit span, .role-or-area, .news-on-search-result__post-type, .expert-on-search-result__post-type, .page-on-search-result__post-type, .director-letter-on-search-result__post-type, .landing-page-on-search-result__post-type, .single-director-letter-post-type, .standard-page-content-wrapper > .wp-block-quote p, .single-news-content-wrapper > .wp-block-quote p, .single-director-letter-content-wrapper > .wp-block-quote p, .landing-page-hero-image-credit span, .landing-page-content-wrapper .wp-block-quote p, .news__sponsorised-icon-label, .single-news-sponsorised-icon-label, .news__author-prefix--pubblicazione { font-style: italic; } .standard-page-content-wrapper > .wp-block-quote cite, .single-news-content-wrapper > .wp-block-quote cite, .single-director-letter-content-wrapper > .wp-block-quote cite, .landing-page-content-wrapper .wp-block-quote cite { font-style: normal; } .low-menu-navigation-tab-list-wrapper a:hover, .upper-menu-wrapper .current-menu-item, .upper-menu-wrapper .current-menu-ancestor, .upper-menu-wrapper > li:hover, .over-header-navigation-tabs:hover { box-shadow: 0px 1px #EF8E01; } .main-title-wrapper h1, .main-title-wrapper h2, .featured-director-letter__author-name, .featured-director-letter__date, .featured-news__author span, .featured-news__category, .featured-news__date, .news__category, .director-letter-card__category, .news__date, .director-letter-card__date, .director-letter-card__author span, .news-with-image .news__author, .newsletter-box-on-home__title, .secondary-title, .training-box__info-data, .training-box__category, .title-large, .secondary-title-large, .single-news-category, .single-news-date, .single-news-author-name, .single-news-journal-name, .single-news-share, .search-result-count, .news-on-search-result__category, .news-on-search-result__date, .news-on-search-result__author span, .director-letter-on-search-result__date, .director-letter-on-search-result__author span, .single-director-letter-date, .single-director-letter-author-name, .training-box__free-or-accredited, .training-box__accredited-specifications, .featured-expert__badge { text-transform: uppercase; } /* Typography - Font Weight */ .over-header-navigation-tabs, .upper-menu-wrapper a, .link-to-store, .low-menu-navigation-tab-list-wrapper a, .mobile-menu-wrapper .menu a, .menu-footer-title, .footer-newsletter-link, .footer-main-menu > a, .featured-block__link, .featured-block-experts__link, .featured-link-to-store-block__link, .featured-link-to-store-block__optional-link, .featured-director-letter__author-name, .featured-director-letter__title, .featured-director-letter__date, .featured-news__author, .featured-news__title, .featured-news__category, .featured-news__date, .news__category, .news__date, .news__title, .news__author, .director-letter-card__category, .director-letter-card__date, .director-letter-card__title, .director-letter-card__author, .newsletter-box-on-home__title, .newsletter-box-on-home__link, .secondary-title, .link-on-secondary-title, .training-box__info-data, .training-box__category, .in-evidence-box__title, .breadcrumb-current, .single-news-category, .single-news-date, .single-news-author-name, .single-news-journal-name, .single-news-share, .index-table__introductory-title, .expert-archive-tab, .featured-expert__name, .accordion__title, .file-box, .call-to-action-block-magazine__title, .call-to-action-block-magazine__link, .call-to-action-block-essential__title, .call-to-action-block-essential__link, .call-to-action-block-minimal__link, .call-to-action-block-minimal__title, .message-404__link, .search-result-count, .news-on-search-result__category, .news-on-search-result__date, .news-on-search-result__author, .news-on-search-result__title, .expert-on-search-result__title, .page-on-search-result__title, .director-letter-on-search-result__date, .director-letter-on-search-result__author, .director-letter-on-search-result__title, .landing-page-on-search-result__title .search-no-result-title, .single-director-letter-date, .single-director-letter-author-name, .single-director-letter-content-wrapper .first-paragraph::first-letter, .single-expert-info-box__title, .standard-page-content-wrapper > .wp-block-quote cite, .single-news-content-wrapper > .wp-block-quote cite, .single-director-letter-content-wrapper > .wp-block-quote cite, .landing-page-content-wrapper .first-paragraph::first-letter, .landing-page-content-wrapper .wp-block-quote cite, .gfield_label, .gform_required_legend, .submit-button-label, .section-title, .form-call-to-action, .custom-file-button, .question-form-call, .information-block__title, .link-to-trainings, .training-box__free-or-accredited, .training-box__accredited-specifications, .featured-expert__badge, .expert-list-item, .link-to-full-expert-archive, .featured-landing-page__full-link, .paywall-banner__link, .featured-post-section-link, .spreaker-archive-link { font-weight: 700; } .main-title-wrapper h1, .main-title-wrapper h2, .title-large, .secondary-title-large, .gform_submission_error { font-weight: 400; } /* Typography - Letter Spacing */ .single-news-category, .single-news-date, .single-news-share, .single-director-letter-date { letter-spacing: 0.06875rem; } .featured-director-letter__author-name, .featured-director-letter__date, .featured-news__author, .featured-news__category, .featured-news__date, .news__category, .news__date, .news__author, .director-letter-card__category, .director-letter-card__date, .director-letter-card__author, .training-box__info-data, .training-box__category, .single-news-author-name, .single-news-journal-name, .search-result-count, .news-on-search-result__category, .news-on-search-result__date, .news-on-search-result__author, .director-letter-on-search-result__date, .director-letter-on-search-result__author, .single-director-letter-author-name, .training-box__free-or-accredited, .featured-expert__badge { letter-spacing: 0.0625rem; } .training-box__accredited-specifications { letter-spacing: 0.03125rem; } .featured-block__link, .featured-block-experts__link, .newsletter-box-on-home__link, .call-to-action-block-magazine__link, .call-to-action-block-essential__link, .submit-button-label, .question-form-call { letter-spacing: 0.0125rem; } .featured-link-to-store-block__link, .featured-link-to-store-block__optional-link, .link-on-secondary-title, .message-404__link, .link-to-full-expert-archive { letter-spacing: 0.01rem; } @media screen and (max-width: 530px) { .featured-block__link, .featured-block-experts__link, .newsletter-box-on-home__link, .call-to-action-block-magazine__link, .call-to-action-block-essential__link { letter-spacing: 0.01rem; } } .footer-newsletter-link { letter-spacing: 0.00875rem; } @media screen and (max-width: 700px) { .link-on-secondary-title { letter-spacing: 0.00875rem; } } @media screen and (max-width: 700px) { .category-description, .single-news-excerpt { letter-spacing: 0px; } } .footer-newsletter-hook, .news-on-search-result__post-type, .expert-on-search-result__post-type, .page-on-search-result__post-type, .director-letter-on-search-result__post-type, .landing-page-on-search-result__post-type { letter-spacing: -0.00875rem; } .newsletter-box-on-home__description { letter-spacing: -0.01125rem; } .main-subtitle, .category-description, .single-news-excerpt, .single-director-letter-excerpt, .single-expert-description { letter-spacing: -0.01375rem; } /* Typography - Font Sizes */ /* font-size: 64; line-height: 64 */ .single-news-content-wrapper .first-paragraph::first-letter, .single-director-letter-content-wrapper .first-paragraph::first-letter, .landing-page-content-wrapper .first-paragraph::first-letter { line-height: 1; font-size: calc(3.5rem + (64 - 56) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .single-news-content-wrapper .first-paragraph::first-letter, .single-director-letter-content-wrapper .first-paragraph::first-letter, .landing-page-content-wrapper .first-paragraph::first-letter { font-size: 4rem; } } @media (max-width: 700px) { .single-news-content-wrapper .first-paragraph::first-letter, .single-director-letter-content-wrapper .first-paragraph::first-letter, .landing-page-content-wrapper .first-paragraph::first-letter { font-size: 3.5rem; } } @media (max-width: 700px) { .single-news-content-wrapper .first-paragraph::first-letter, .single-director-letter-content-wrapper .first-paragraph::first-letter, .landing-page-content-wrapper .first-paragraph::first-letter { line-height: 1; } } /* FLUID - font-size: 40; line-height: 54 */ .index-letter { line-height: 1.35; font-size: calc(2rem + (40 - 32) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .index-letter { font-size: 2.5rem; } } @media (max-width: 700px) { .index-letter { font-size: 2rem; } } @media (max-width: 700px) { .index-letter { line-height: 1.5; } } /* FLUID - font-size: 44; line-height: 49 */ .title-large { line-height: 1.1136363636; font-size: calc(1.75rem + (44 - 28) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .title-large { font-size: 2.75rem; } } @media (max-width: 660px) { .title-large { font-size: 1.75rem; } } @media (max-width: 660px) { .title-large { line-height: 1.3571428571; } } /* FLUID - font-size: 40; line-height: 44 */ .main-title-wrapper h1, .main-title-wrapper h2, .secondary-title { line-height: 1.1; font-size: calc(1.5rem + (40 - 24) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .main-title-wrapper h1, .main-title-wrapper h2, .secondary-title { font-size: 2.5rem; } } @media (max-width: 660px) { .main-title-wrapper h1, .main-title-wrapper h2, .secondary-title { font-size: 1.5rem; } } @media (max-width: 660px) { .main-title-wrapper h1, .main-title-wrapper h2, .secondary-title { line-height: 1.1666666667; } } /* FLUID - font-size: 32; line-height: 44 --> fs:24 ; lh:30 */ .secondary-title-large { line-height: 1.375; font-size: calc(1.5rem + (32 - 24) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .secondary-title-large { font-size: 2rem; } } @media (max-width: 660px) { .secondary-title-large { font-size: 1.5rem; } } @media (max-width: 660px) { .secondary-title-large { line-height: 1.25; } } /* FLUID - font-size: 32; line-height: 44 --> fs:20 ; lh:28 */ .newsletter-box-on-home__title { line-height: 1.375; font-size: calc(1.25rem + (32 - 20) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .newsletter-box-on-home__title { font-size: 2rem; } } @media (max-width: 660px) { .newsletter-box-on-home__title { font-size: 1.25rem; } } @media (max-width: 660px) { .newsletter-box-on-home__title { line-height: 1.4; } } /* FLUID - font-size: 28; line-height: 40 --> fs:21 ; lh:30 */ .single-news-excerpt, .single-director-letter-excerpt, .single-expert-description { line-height: 1.4285714286; font-size: calc(1.3125rem + (28 - 21) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .single-news-excerpt, .single-director-letter-excerpt, .single-expert-description { font-size: 1.75rem; } } @media (max-width: 660px) { .single-news-excerpt, .single-director-letter-excerpt, .single-expert-description { font-size: 1.3125rem; } } @media (max-width: 660px) { .single-news-excerpt, .single-director-letter-excerpt, .single-expert-description { line-height: 1.4285714286; } } /* FLUID - font-size: 28; line-height: 40 --> fs:19 ; lh:28 */ .category-description { line-height: 1.4285714286; font-size: calc(1.1875rem + (28 - 19) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .category-description { font-size: 1.75rem; } } @media (max-width: 660px) { .category-description { font-size: 1.1875rem; } } @media (max-width: 660px) { .category-description { line-height: 1.4736842105; } } /* FLUID - font-size: 28; line-height: 40 --> fs:18 ; lh:24 */ .main-subtitle { line-height: 1.4285714286; font-size: calc(1.125rem + (28 - 18) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .main-subtitle { font-size: 1.75rem; } } @media (max-width: 660px) { .main-subtitle { font-size: 1.125rem; } } @media (max-width: 660px) { .main-subtitle { line-height: 1.3333333333; } } /* FLUID - font-size: 28; line-height: 35 --> fs:18 ; lh:24 */ .paywall-banner__title { line-height: 1.25; font-size: calc(1.125rem + (28 - 18) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .paywall-banner__title { font-size: 1.75rem; } } @media (max-width: 660px) { .paywall-banner__title { font-size: 1.125rem; } } @media (max-width: 660px) { .paywall-banner__title { line-height: 1.3333333333; } } /* FLUID obly line height - line-height: 30 -> 33 */ .featured-block h3.featured-block__title, .featured-block-experts h3.featured-block-experts__title { line-height: 1.3333333333; font-size: calc(1.5rem + (24 - 24) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .featured-block h3.featured-block__title, .featured-block-experts h3.featured-block-experts__title { font-size: 1.5rem; } } @media (max-width: 660px) { .featured-block h3.featured-block__title, .featured-block-experts h3.featured-block-experts__title { font-size: 1.5rem; } } @media (max-width: 660px) { .featured-block h3.featured-block__title, .featured-block-experts h3.featured-block-experts__title { line-height: 1.25; } } /* Banner homepage title - DM Serif Display */ .featured-block--banner-homepage h3.featured-block__title { font-family: "DM Serif Display", serif; line-height: 1.1428571429; font-size: calc(1.5rem + (28 - 24) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .featured-block--banner-homepage h3.featured-block__title { font-size: 1.75rem; } } @media (max-width: 660px) { .featured-block--banner-homepage h3.featured-block__title { font-size: 1.5rem; } } @media (max-width: 660px) { .featured-block--banner-homepage h3.featured-block__title { line-height: 1.25; } } /* Sidebar insights & trainings - DM Serif Display */ .sidebar-insights-layout .first-block h3.featured-block__title, .row-home-sidebar-trainings h3.featured-block__title { font-family: "DM Serif Display", serif; } /* Banner homepage subtitle - EB Garamond italic */ .featured-block--banner-homepage .featured-block__subtitle { font-family: "EB Garamond", serif; font-style: italic; font-size: 1.125rem; line-height: 1.3333333333; } /* FLUID - font-size: 28; line-height: 32 */ .single-news-content-wrapper h2, .call-to-action-block-magazine h3.call-to-action-block-magazine__title, .call-to-action-block-essential h3.call-to-action-block-essential__title, .call-to-action-block-minimal h3.call-to-action-block-minimal__title, .message-404__title, .standard-page-content-wrapper h2, .landing-page-content-wrapper .h2 h2, div h3.photo-text-presentation__title, .landing-page-content-wrapper h3.map-text-presentation__title { line-height: 1.1428571429; font-size: calc(1.375rem + (28 - 22) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .single-news-content-wrapper h2, .call-to-action-block-magazine h3.call-to-action-block-magazine__title, .call-to-action-block-essential h3.call-to-action-block-essential__title, .call-to-action-block-minimal h3.call-to-action-block-minimal__title, .message-404__title, .standard-page-content-wrapper h2, .landing-page-content-wrapper .h2 h2, div h3.photo-text-presentation__title, .landing-page-content-wrapper h3.map-text-presentation__title { font-size: 1.75rem; } } @media (max-width: 660px) { .single-news-content-wrapper h2, .call-to-action-block-magazine h3.call-to-action-block-magazine__title, .call-to-action-block-essential h3.call-to-action-block-essential__title, .call-to-action-block-minimal h3.call-to-action-block-minimal__title, .message-404__title, .standard-page-content-wrapper h2, .landing-page-content-wrapper .h2 h2, div h3.photo-text-presentation__title, .landing-page-content-wrapper h3.map-text-presentation__title { font-size: 1.375rem; } } @media (max-width: 660px) { .single-news-content-wrapper h2, .call-to-action-block-magazine h3.call-to-action-block-magazine__title, .call-to-action-block-essential h3.call-to-action-block-essential__title, .call-to-action-block-minimal h3.call-to-action-block-minimal__title, .message-404__title, .standard-page-content-wrapper h2, .landing-page-content-wrapper .h2 h2, div h3.photo-text-presentation__title, .landing-page-content-wrapper h3.map-text-presentation__title { line-height: 1.0909090909; } } /* FLUID - font-size: 24; line-height: 32 --> fs:22 ; lh:28 */ .index-table h3.index-table__introductory-title { line-height: 1.3333333333; font-size: calc(1.375rem + (24 - 22) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .index-table h3.index-table__introductory-title { font-size: 1.5rem; } } @media (max-width: 660px) { .index-table h3.index-table__introductory-title { font-size: 1.375rem; } } @media (max-width: 660px) { .index-table h3.index-table__introductory-title { line-height: 1.2727272727; } } /* font-size: 24; line-height: 30 */ .main-search-form__text-input { font-size: 1.5rem; line-height: 1.25; } /* FLUID - font-size: 22; line-height: 32 --> fs:19 ; lh:28 */ .single-news__paragraph, .index-table__link, .index-table__list-element::marker, .single-news-content-wrapper h3, .standard-page-content-wrapper h3, .single-news-content-wrapper .single-news__list-element, .expert-archive-content, .role-or-area, .names, .accordion h3.accordion__title, .message-404__description, .search-no-result-list-item, .page__list-element, .page__paragraph, .standard-page-content-wrapper > .wp-block-quote p, .single-news-content-wrapper > .wp-block-quote p, .single-director-letter-content-wrapper > .wp-block-quote p, .landing-page__paragraph, .landing-page-content-wrapper h3, .landing-page__list-element, .landing-page-content-wrapper .wp-block-quote p, .accordion__text, .photo-text-presentation__content, .map-text-presentation__description, .form-description, .accordion__link, .paywall-banner__content { line-height: 1.4545454545; font-size: calc(1.1875rem + (22 - 19) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .single-news__paragraph, .index-table__link, .index-table__list-element::marker, .single-news-content-wrapper h3, .standard-page-content-wrapper h3, .single-news-content-wrapper .single-news__list-element, .expert-archive-content, .role-or-area, .names, .accordion h3.accordion__title, .message-404__description, .search-no-result-list-item, .page__list-element, .page__paragraph, .standard-page-content-wrapper > .wp-block-quote p, .single-news-content-wrapper > .wp-block-quote p, .single-director-letter-content-wrapper > .wp-block-quote p, .landing-page__paragraph, .landing-page-content-wrapper h3, .landing-page__list-element, .landing-page-content-wrapper .wp-block-quote p, .accordion__text, .photo-text-presentation__content, .map-text-presentation__description, .form-description, .accordion__link, .paywall-banner__content { font-size: 1.375rem; } } @media (max-width: 660px) { .single-news__paragraph, .index-table__link, .index-table__list-element::marker, .single-news-content-wrapper h3, .standard-page-content-wrapper h3, .single-news-content-wrapper .single-news__list-element, .expert-archive-content, .role-or-area, .names, .accordion h3.accordion__title, .message-404__description, .search-no-result-list-item, .page__list-element, .page__paragraph, .standard-page-content-wrapper > .wp-block-quote p, .single-news-content-wrapper > .wp-block-quote p, .single-director-letter-content-wrapper > .wp-block-quote p, .landing-page__paragraph, .landing-page-content-wrapper h3, .landing-page__list-element, .landing-page-content-wrapper .wp-block-quote p, .accordion__text, .photo-text-presentation__content, .map-text-presentation__description, .form-description, .accordion__link, .paywall-banner__content { font-size: 1.1875rem; } } @media (max-width: 660px) { .single-news__paragraph, .index-table__link, .index-table__list-element::marker, .single-news-content-wrapper h3, .standard-page-content-wrapper h3, .single-news-content-wrapper .single-news__list-element, .expert-archive-content, .role-or-area, .names, .accordion h3.accordion__title, .message-404__description, .search-no-result-list-item, .page__list-element, .page__paragraph, .standard-page-content-wrapper > .wp-block-quote p, .single-news-content-wrapper > .wp-block-quote p, .single-director-letter-content-wrapper > .wp-block-quote p, .landing-page__paragraph, .landing-page-content-wrapper h3, .landing-page__list-element, .landing-page-content-wrapper .wp-block-quote p, .accordion__text, .photo-text-presentation__content, .map-text-presentation__description, .form-description, .accordion__link, .paywall-banner__content { line-height: 1.4736842105; } } /* FLUID - font-size: 20; line-height: 32 --> fs:17 ; lh:28 */ .single-news-content-wrapper h4, .single-news-content-wrapper h5, .single-news-content-wrapper h6, .standard-page-content-wrapper h4, .standard-page-content-wrapper h5, .standard-page-content-wrapper h6, .landing-page-content-wrapper h4, .landing-page-content-wrapper h5, .landing-page-content-wrapper h6 { line-height: 1.6; font-size: calc(1.0625rem + (20 - 17) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .single-news-content-wrapper h4, .single-news-content-wrapper h5, .single-news-content-wrapper h6, .standard-page-content-wrapper h4, .standard-page-content-wrapper h5, .standard-page-content-wrapper h6, .landing-page-content-wrapper h4, .landing-page-content-wrapper h5, .landing-page-content-wrapper h6 { font-size: 1.25rem; } } @media (max-width: 660px) { .single-news-content-wrapper h4, .single-news-content-wrapper h5, .single-news-content-wrapper h6, .standard-page-content-wrapper h4, .standard-page-content-wrapper h5, .standard-page-content-wrapper h6, .landing-page-content-wrapper h4, .landing-page-content-wrapper h5, .landing-page-content-wrapper h6 { font-size: 1.0625rem; } } @media (max-width: 660px) { .single-news-content-wrapper h4, .single-news-content-wrapper h5, .single-news-content-wrapper h6, .standard-page-content-wrapper h4, .standard-page-content-wrapper h5, .standard-page-content-wrapper h6, .landing-page-content-wrapper h4, .landing-page-content-wrapper h5, .landing-page-content-wrapper h6 { line-height: 1.6470588235; } } /* FIXED - font-size: 18; line-height: 24 */ .featured-block__subtitle, .featured-block-experts__subtitle, .call-to-action-block-magazine__description, .call-to-action-block-essential__description { line-height: 1.3333333333; font-size: calc(1.125rem + (18 - 18) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .featured-block__subtitle, .featured-block-experts__subtitle, .call-to-action-block-magazine__description, .call-to-action-block-essential__description { font-size: 1.125rem; } } @media (max-width: 660px) { .featured-block__subtitle, .featured-block-experts__subtitle, .call-to-action-block-magazine__description, .call-to-action-block-essential__description { font-size: 1.125rem; } } @media (max-width: 660px) { .featured-block__subtitle, .featured-block-experts__subtitle, .call-to-action-block-magazine__description, .call-to-action-block-essential__description { line-height: 1.3333333333; } } /* FLUID - font-size: 22; line-height: 28 */ .newsletter-box-on-home__description { line-height: 1.2727272727; font-size: calc(1.125rem + (22 - 18) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .newsletter-box-on-home__description { font-size: 1.375rem; } } @media (max-width: 660px) { .newsletter-box-on-home__description { font-size: 1.125rem; } } @media (max-width: 660px) { .newsletter-box-on-home__description { line-height: 1.3333333333; } } /* font-size: 20; line-height: 25 */ .low-menu-navigation-tab-list-wrapper a, .featured-link-to-store-block__optional-choice-text, .featured-landing-page__full-link { font-size: 1.25rem; line-height: 1.25; } /* FLUID - font-size: 20; line-height: 28 */ .featured-director-letter__title, .featured-news__title, .news__title, .director-letter-card__title, .in-evidence-box h4.in-evidence-box__title, .featured-expert__name, .form-call-to-action, .information-block__title, .gform_confirmation_message { line-height: 1.4; font-size: calc(1.125rem + (20 - 18) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .featured-director-letter__title, .featured-news__title, .news__title, .director-letter-card__title, .in-evidence-box h4.in-evidence-box__title, .featured-expert__name, .form-call-to-action, .information-block__title, .gform_confirmation_message { font-size: 1.25rem; } } @media (max-width: 660px) { .featured-director-letter__title, .featured-news__title, .news__title, .director-letter-card__title, .in-evidence-box h4.in-evidence-box__title, .featured-expert__name, .form-call-to-action, .information-block__title, .gform_confirmation_message { font-size: 1.125rem; } } @media (max-width: 660px) { .featured-director-letter__title, .featured-news__title, .news__title, .director-letter-card__title, .in-evidence-box h4.in-evidence-box__title, .featured-expert__name, .form-call-to-action, .information-block__title, .gform_confirmation_message { line-height: 1.3333333333; } } /* FIXED sizing: font-size: 14; line-height: 20 */ .featured-block__link, .featured-block-experts__link, .newsletter-box-on-home__link, .call-to-action-block-magazine__link, .call-to-action-block-essential__link, .call-to-action-block-minimal__link, .news-on-search-result__title, .expert-on-search-result__title, .page-on-search-result__title, .director-letter-on-search-result__title, .landing-page-on-search-result__title, .search-no-result-title, .submit-button-label, .section-title, .question-form-call, .gform_submission_error, .paywall-banner__link, .featured-post-section-link { line-height: 1.4285714286; font-size: calc(0.875rem + (14 - 14) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .featured-block__link, .featured-block-experts__link, .newsletter-box-on-home__link, .call-to-action-block-magazine__link, .call-to-action-block-essential__link, .call-to-action-block-minimal__link, .news-on-search-result__title, .expert-on-search-result__title, .page-on-search-result__title, .director-letter-on-search-result__title, .landing-page-on-search-result__title, .search-no-result-title, .submit-button-label, .section-title, .question-form-call, .gform_submission_error, .paywall-banner__link, .featured-post-section-link { font-size: 0.875rem; } } @media (max-width: 660px) { .featured-block__link, .featured-block-experts__link, .newsletter-box-on-home__link, .call-to-action-block-magazine__link, .call-to-action-block-essential__link, .call-to-action-block-minimal__link, .news-on-search-result__title, .expert-on-search-result__title, .page-on-search-result__title, .director-letter-on-search-result__title, .landing-page-on-search-result__title, .search-no-result-title, .submit-button-label, .section-title, .question-form-call, .gform_submission_error, .paywall-banner__link, .featured-post-section-link { font-size: 0.875rem; } } @media (max-width: 660px) { .featured-block__link, .featured-block-experts__link, .newsletter-box-on-home__link, .call-to-action-block-magazine__link, .call-to-action-block-essential__link, .call-to-action-block-minimal__link, .news-on-search-result__title, .expert-on-search-result__title, .page-on-search-result__title, .director-letter-on-search-result__title, .landing-page-on-search-result__title, .search-no-result-title, .submit-button-label, .section-title, .question-form-call, .gform_submission_error, .paywall-banner__link, .featured-post-section-link { line-height: 1.4285714286; } } /* font-size: 18; line-height: 24 */ .footer-newsletter-hook, .page-numbers { font-size: 1.125rem; line-height: 1.3333333333; } /* FLUID - font-size: 20; line-height: 28 */ .training-box__title { line-height: 1.4; font-size: calc(1rem + (20 - 16) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .training-box__title { font-size: 1.25rem; } } @media (max-width: 660px) { .training-box__title { font-size: 1rem; } } @media (max-width: 660px) { .training-box__title { line-height: 1.5; } } /* FLUID - font-size: 18; line-height: 28 */ .single-expert-info-box__email, .single-expert-info-box__data { line-height: 1.5555555556; font-size: calc(1rem + (18 - 16) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .single-expert-info-box__email, .single-expert-info-box__data { font-size: 1.125rem; } } @media (max-width: 660px) { .single-expert-info-box__email, .single-expert-info-box__data { font-size: 1rem; } } @media (max-width: 660px) { .single-expert-info-box__email, .single-expert-info-box__data { line-height: 1.5; } } /* FLUID - font-size: 18; line-height: 24 */ .news__excerpt, .in-evidence-box__text, .news-on-search-result__excerpt, .expert-on-search-result__description, .page-on-search-result__description, .director-letter-on-search-result__excerpt, .information-block__contact { line-height: 1.3333333333; font-size: calc(1rem + (18 - 16) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .news__excerpt, .in-evidence-box__text, .news-on-search-result__excerpt, .expert-on-search-result__description, .page-on-search-result__description, .director-letter-on-search-result__excerpt, .information-block__contact { font-size: 1.125rem; } } @media (max-width: 660px) { .news__excerpt, .in-evidence-box__text, .news-on-search-result__excerpt, .expert-on-search-result__description, .page-on-search-result__description, .director-letter-on-search-result__excerpt, .information-block__contact { font-size: 1rem; } } @media (max-width: 660px) { .news__excerpt, .in-evidence-box__text, .news-on-search-result__excerpt, .expert-on-search-result__description, .page-on-search-result__description, .director-letter-on-search-result__excerpt, .information-block__contact { line-height: 1.5; } } /* font-size: 14; line-height: 20 */ .upper-menu-wrapper a, .link-to-store, .link-to-trainings, .over-header-navigation-wrapper a { font-size: 0.875rem; line-height: 1.4285714286; } /* font-size: 18; line-height: 23 */ .mobile-menu-wrapper .menu a, .expert-archive-tab, .news-on-search-result__post-type, .expert-on-search-result__post-type, .page-on-search-result__post-type, .director-letter-on-search-result__post-type, .single-director-letter-post-type, .landing-page-on-search-result, .ginput_container:not(.ginput_container_checkbox) { font-size: 1.125rem; line-height: 1.2777777778; } /* MOBILE-MENU -- font-size: 18; line-height: 23 */ @media screen and (max-width: 1000px) { .main-search-form__text-input, .low-menu-navigation-tab-list-wrapper a { font-size: 1.125rem; line-height: 1.2777777778; } } /* font-size: 16; line-height: 28 */ .expert-list-item { font-size: 1rem; line-height: 1.75; } /* font-size: 16; line-height: 24 */ .featured-expert__description, .file-box, .standard-page-content-wrapper .wp-element-caption, .single-news-content-wrapper .wp-element-caption, .single-director-letter-content-wrapper .wp-element-caption, .standard-page-content-wrapper > .wp-block-quote cite, .single-news-content-wrapper > .wp-block-quote cite, .single-director-letter-content-wrapper > .wp-block-quote cite, .landing-page-content-wrapper .wp-element-caption, .landing-page-content-wrapper .wp-block-quote cite { font-size: 1rem; line-height: 1.5; } /* font-size: 16; line-height: 20 */ .over-header-navigation-tabs, .mobile-menu-private-area, .mobile-menu-contact, .menu-footer-title, .footer-main-menu > a, .featured-link-to-store-block__link, .featured-link-to-store-block__optional-link, .featured-director-letter__author-title, .single-expert-info-box__title, .wp-block-table td, .link-to-full-expert-archive, .news__sponsorised-icon-label, .single-news-sponsorised-icon-label { font-size: 1rem; line-height: 1.25; } /* SMALL-FOOTER -- font-size: 16; line-height: 21 */ @media screen and (max-width: 660px) { .footer-newsletter-hook { font-size: 1rem; line-height: 1.3125; } } /* FLUID - font-size: 16; line-height: 21 */ .training-box__info-title { line-height: 1.3125; font-size: calc(0.875rem + (16 - 14) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .training-box__info-title { font-size: 1rem; } } @media (max-width: 660px) { .training-box__info-title { font-size: 0.875rem; } } @media (max-width: 660px) { .training-box__info-title { line-height: 1.2857142857; } } /* FLUID - font-size: 16; line-height: 20 */ .link-on-secondary-title, .gfield_label, .gfield_required_asterisk, .custom-file-button { line-height: 1.25; font-size: calc(0.875rem + (16 - 14) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .link-on-secondary-title, .gfield_label, .gfield_required_asterisk, .custom-file-button { font-size: 1rem; } } @media (max-width: 660px) { .link-on-secondary-title, .gfield_label, .gfield_required_asterisk, .custom-file-button { font-size: 0.875rem; } } @media (max-width: 660px) { .link-on-secondary-title, .gfield_label, .gfield_required_asterisk, .custom-file-button { line-height: 1.2857142857; } } /* font-size: 14; line-height: 20 */ .sistema-ratio-footer-menu a, .footer-address-info p, .footer-contact-info p, .footer-store-menu a, .footer-store-login-link-wrapper a, .footer-main-menu .sub-menu a, .footer-foundation-text, .footer-socials-text, .footer-app-link-text { font-size: 0.875rem; line-height: 1.4285714286; } /* font-size: 14; line-height: 18 */ .footer-newsletter-link, .company-info-wrapper p, .single-news-image-credit, fieldset.gfield label, .wp-block-table th, .custom-chosen-file { font-size: 0.875rem; line-height: 1.2857142857; } /* font-size: 13; line-height: 16 */ .gfield_validation_message { font-size: 0.8125rem; line-height: 1.2307692308; } /* SMALL-FOOTER -- font-size: 14; line-height: 18 */ @media screen and (max-width: 660px) { .footer-store-login-link-wrapper a { font-size: 0.875rem; line-height: 1.2857142857; } } /* SMALL-FOOTER -- font-size: 13; line-height: 24 */ @media screen and (max-width: 660px) { .sistema-ratio-footer-menu a, .footer-address-info p, .footer-contact-info-text-wrapper p, .footer-store-menu a, .footer-main-menu .sub-menu a, .footer-foundation-text, .footer-socials-text { font-size: 0.8125rem; line-height: 1.8461538462; } } /* SMALL-FOOTER -- font-size: 13; line-height: 16 */ @media screen and (max-width: 660px) { .company-info-wrapper p { font-size: 0.8125rem; line-height: 1.2307692308; } } /* font-size: 12; line-height: 15 */ .low-menu-mobile-title, .breadcrumb-path, .breadcrumb-current { font-size: 0.75rem; line-height: 1.25; } /* font-size: 11; line-height: 14 */ .single-news-category, .single-news-date, .single-news-share, .single-director-letter-date, .landing-page-hero-image-credit { font-size: 0.6875rem; line-height: 1.2727272727; } /* font-size: 10; line-height: 13 */ .featured-director-letter__author-name, .featured-director-letter__date, .featured-news__author, .featured-news__category, .featured-news__date, .news__category, .news__date, .news__author, .director-letter-card__category, .director-letter-card__date, .director-letter-card__author, .training-box__info-data, .training-box__category, .single-news-author-name, .single-news-journal-name, .search-result-count, .news-on-search-result__category, .news-on-search-result__date, .news-on-search-result__author, .director-letter-on-search-result__date, .director-letter-on-search-result__author, .single-director-letter-author-name, .gform_required_legend, .training-box__free-or-accredited, .training-box__accredited-specifications, .featured-expert__badge { font-size: 0.625rem; line-height: 1.3; } /* font-size: 14; line-height: 16 */ .news__author-prefix--pubblicazione { font-size: 0.875rem; line-height: 1.1428571429; letter-spacing: normal; } /*-------------------------------------------------------------- # Layouts --------------------------------------------------------------*/ /* Layouts - Header --------------------------------------------- */ .row-over-header, .row-header { position: relative; z-index: 3; } @media print { .row-over-header, .row-header { display: none; } } .row-over-header .cont { max-width: 1600px; } .row-header .cont { max-width: 100%; } @media screen and (max-width: 1000px) { body.menu-is-open .row-header { position: fixed; width: 100%; top: 0; } } .row-over-header { background-color: #F8FAFC; } .row-over-header .cont { padding-top: 13px; padding-bottom: 15px; display: flex; justify-content: space-between; align-items: center; } @media screen and (max-width: 1000px) { .row-over-header { display: none; } } .over-header-navigation-wrapper { display: grid; grid-template-columns: repeat(4, max-content); align-items: end; justify-content: end; column-gap: 40px; } .over-header-navigation-tabs-search { display: flex; align-items: end; } .over-header-navigation-tabs-search.active { box-shadow: 0px 1px #EF8E01; } .over-header-navigation-tabs-search-image img { display: block; } .row-header { background-color: white; } .row-header .cont { padding-top: 21px; padding-left: 0; padding-right: 0; } @media screen and (max-width: 1000px) { .row-header .cont { padding-top: 12px; border-top: 2px solid #EF8E01; } } .row-header--standard { box-shadow: 0px 4px 8px #F1F5F9; } @media screen and (max-width: 1000px) { .row-header--on-search-page .full-upper-menu-wrapper { box-shadow: 0px 4px 8px #F1F5F9; } } .top-menu-wrapper { display: grid; grid-template-columns: 1fr; } @media screen and (max-width: 1000px) { .top-menu-wrapper { display: block; } } .full-upper-menu-wrapper, .low-menu-wrapper { padding-left: 10px; padding-right: 10px; max-width: 1600px; width: 100%; justify-self: center; } @media screen and (max-width: 1000px) { .full-upper-menu-wrapper, .low-menu-wrapper { padding-left: 16px; padding-right: 16px; } } .full-upper-menu-wrapper { display: grid; grid-template-columns: minmax(auto, 835px) max-content; justify-content: space-between; column-gap: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 19px; align-items: center; } @media screen and (max-width: 1000px) { .full-upper-menu-wrapper { display: flex; justify-content: space-between; padding-bottom: 14px; } } .main-logo-wrapper { max-width: 185.36px; height: 48px; } .main-logo-wrapper img { height: 100%; } @media screen and (max-width: 1000px) { .main-logo-wrapper { max-width: 139.02px; height: 34px; } } ul.upper-menu-wrapper { column-gap: 32px; color: #1E293B; } @media (max-width: 1060px) { ul.upper-menu-wrapper { column-gap: 20px; } } @media screen and (max-width: 1000px) { ul.upper-menu-wrapper { display: none; } } .top-menu-button-wrapper { display: flex; column-gap: 16px; justify-content: space-between; } .link-to-store, .link-to-trainings { padding: 8px 8px 9px; background-color: #FCECD4; border-radius: 8px; transition: background-color 350ms; } @media screen and (max-width: 1000px) { .link-to-store:not(.link-to-store--mobile), .link-to-trainings:not(.link-to-store--mobile) { display: none; } } .link-to-store--mobile, .link-to-trainings--mobile { margin-bottom: 20px; } .link-to-store:hover, .link-to-trainings:hover { background-color: #F9D9AA; } .low-menu-search-bar-wrapper { visibility: hidden; max-height: 0; } .full-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(15, 23, 42, 0.24); z-index: 2; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); visibility: hidden; max-height: 0; } .separation-bar--in-header:not(.separation-bar--with-children):not(.separation-bar--on-search-page) { display: none; } body.search-bar-is-open .separation-bar.separation-bar--in-header, .separation-bar--with-children { display: block; } @media screen and (max-width: 1000px) { body:not(.search-bar-is-open) .low-menu-wrapper.has-children { transition: max-height 350ms, visibility 350ms; overflow: hidden; max-height: 302px; } } @media screen and (max-width: 1000px) { body.menu-is-open:not(.search-bar-is-open) .low-menu-wrapper.has-children { max-height: 0; visibility: hidden; } } body.search-bar-is-open .row-header { box-shadow: none; } body.search-bar-is-open .low-menu-navigation-tab-list-wrapper { visibility: hidden; max-height: 0; padding: 0; } body.search-bar-is-open .low-menu-wrapper { padding-top: 32px; padding-bottom: 32px; } body.search-bar-is-open .low-menu-search-bar-wrapper, body.search-bar-is-open .full-overlay { visibility: visible; max-height: inherit; } .low-menu-wrapper--on-search-page .low-menu-search-bar-wrapper { visibility: visible; max-height: inherit; padding-top: calc(1.8125rem + (32 - 29) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .low-menu-wrapper--on-search-page .low-menu-search-bar-wrapper { padding-top: 2rem; } } @media (max-width: 700px) { .low-menu-wrapper--on-search-page .low-menu-search-bar-wrapper { padding-top: 1.8125rem; } } .mobile-tabs-wrapper, .mobile-menu-wrapper { display: none; } @media screen and (max-width: 1000px) { .mobile-tabs-wrapper, .mobile-menu-wrapper { display: block; } } @media screen and (max-width: 1000px) { .mobile-tabs-wrapper { display: grid; grid-template-areas: "border-left search border-center hamburger"; grid-template-columns: repeat(4, max-content); height: 40px; align-items: center; } .mobile-tabs-wrapper::before, .mobile-tabs-wrapper::after { content: ""; display: block; width: 1px; height: 100%; background-color: #1E293B; } .mobile-tabs-wrapper::before { grid-area: border-left; } .mobile-tabs-wrapper::after { grid-area: border-center; } } .mobile-search-tab-wrapper { grid-area: search; padding: 0px 14px 0px 18px; cursor: pointer; } .mobile-search-tab-wrapper img { display: block; } .hamburger { grid-area: hamburger; } /* Layouts - Navigation --------------------------------------------- */ .upper-menu-wrapper, .low-menu-navigation-tab-list-wrapper, .mobile-menu-wrapper ul { list-style-type: none; margin: 0; padding: 0; } .upper-menu-wrapper, .low-menu-navigation-tab-list-wrapper { display: flex; justify-content: space-between; column-gap: 20px; align-items: start; } .low-menu-navigation-tab-list-wrapper { max-width: 963px; margin: auto; padding-top: 63.5px; padding-bottom: 56.25px; } @media screen and (max-width: 1000px) { .low-menu-navigation-tab-list-wrapper { flex-direction: column; padding-top: 24px; padding-bottom: 35px; row-gap: 14px; } } .low-menu-navigation-tab-list-wrapper a { padding-bottom: 6.25px; } .mobile-menu-wrapper { max-height: 0; height: 100vh; width: 100%; top: 68px; visibility: hidden; transition: visibility 350ms, max-height 350ms; background-color: white; border-top: 1px solid #FCECD4; position: fixed; z-index: 2; overflow: hidden; } .mobile-menu-wrapper .menu a { display: block; padding: 17px 0px 16px 16px; width: 100%; border-bottom: 1px solid #CBD5E1; } body.menu-is-open:not(.search-bar-is-open) .mobile-menu-wrapper { max-height: 100vh; visibility: visible; } .low-menu-mobile-title { display: none; } .low-menu-mobile-title p { margin: 0; } @media screen and (max-width: 1000px) { .low-menu-mobile-title { display: block; } } .mobile-menu-other-links-wrapper { display: flex; flex-direction: column; padding: 32px 16px; align-items: start; row-gap: 12px; } /* Layouts - Footer --------------------------------------------- */ .site-footer { border-top: 1px solid #1E293B; } .site-footer .cont { padding-top: 52.5px; padding-bottom: 37px; max-width: 1338px; } @media screen and (max-width: 660px) { .site-footer .cont { padding-top: 24px; } } @media print { .site-footer { display: none; } } .sistema-ratio-footer-menu-wrapper { grid-area: sistema-ratio; } .footer-vertical-border--top { grid-area: border-top; } .footer-newsletter-wrapper { grid-area: newsletter; } .footer-contact-info-wrapper { grid-area: contact; } .footer-vertical-border--middle-one { grid-area: border-middle-one; } .footer-store-menu-wrapper { grid-area: store; } .footer-vertical-border--middle-two { grid-area: border-middle-two; } .footer-store-login-link-wrapper { grid-area: login; } .footer-main-menu-1 { grid-area: fisco; } .footer-main-menu-2 { grid-area: contabilita; } .footer-main-menu-3 { grid-area: lavoro; } .footer-main-menu-4 { grid-area: terzo-settore; } .footer-main-menu-5 { grid-area: impresa; } .footer-main-menu-6 { grid-area: diritto; } .footer-taxonomy-menu-wrapper { grid-area: taxonomy-menu; } .footer-foundation-presentation-wrapper { grid-area: foundation; } .footer-vertical-border--bottom-one { grid-area: border-bottom-one; } .footer-socials-wrapper { grid-area: social; } .footer-vertical-border--bottom-two { grid-area: border-bottom-two; } .footer-app-link-wrapper { grid-area: app; } .main-footer-grid-border-intermediate--top-bottom { grid-area: border-top-bottom; } .main-footer-grid-border-intermediate--middle-bottom { grid-area: border-middle-bottom; } .main-footer-grid-border-intermediate--full-bottom { grid-area: border-full-bottom; } .main-footer-grid-border-mobile--top { grid-area: mobile-top; } .main-footer-grid-border-mobile--down { grid-area: mobile-down; } .main-footer-grid-border--top { grid-area: top; } .main-footer-grid-border--middle { grid-area: middle; } .main-footer-grid-border--bottom { grid-area: bottom; } .footer-main-menu-border--1 { grid-area: one; } .footer-main-menu-border--2 { grid-area: two; } .footer-main-menu-border--3 { grid-area: three; } .footer-main-menu-border--4 { grid-area: four; } .footer-main-menu-border--5 { grid-area: five; } .main-footer-grid { display: grid; grid-template-columns: minmax(auto, 221.5px) 1px minmax(auto, 219.5px) 1px minmax(auto, 218.5px) 1px minmax(auto, 219.5px) 1px minmax(auto, 221px) 1px minmax(auto, 213px); grid-template-areas: "sistema-ratio sistema-ratio sistema-ratio sistema-ratio sistema-ratio sistema-ratio sistema-ratio border-top newsletter newsletter newsletter" "top top top top top top top top top top top" "contact contact contact contact contact contact contact border-middle-one store border-middle-two login" "middle middle middle middle middle middle middle middle middle middle middle" "taxonomy-menu taxonomy-menu taxonomy-menu taxonomy-menu taxonomy-menu taxonomy-menu taxonomy-menu taxonomy-menu taxonomy-menu taxonomy-menu taxonomy-menu" "bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom" "foundation foundation foundation border-bottom-one social social social border-bottom-two app app app"; } @media screen and (max-width: 1000px) { .main-footer-grid { grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr; grid-template-areas: "sistema-ratio sistema-ratio sistema-ratio sistema-ratio sistema-ratio sistema-ratio sistema-ratio" "top top top top top top top" "contact contact contact contact contact contact contact" "middle middle middle middle middle middle middle" "newsletter newsletter newsletter border-top store border-middle-two login" "bottom bottom bottom bottom bottom bottom bottom" "taxonomy-menu taxonomy-menu taxonomy-menu taxonomy-menu taxonomy-menu taxonomy-menu taxonomy-menu" "border-middle-bottom border-middle-bottom border-middle-bottom border-middle-bottom border-middle-bottom border-middle-bottom border-middle-bottom" "foundation foundation foundation border-bottom-one social social social" "border-full-bottom border-full-bottom border-full-bottom border-full-bottom border-full-bottom border-full-bottom border-full-bottom" "app app app . . . ."; } } @media screen and (max-width: 660px) { .main-footer-grid { grid-template-columns: 1fr; grid-template-areas: "sistema-ratio" "top" "newsletter" "middle" "contact" "bottom" "store" "border-top-bottom" "login" "border-middle-bottom" "taxonomy-menu" "border-full-bottom" "foundation" "mobile-top" "social" "mobile-down" "app"; } } .main-footer-grid-border-intermediate--top-bottom, .main-footer-grid-border-intermediate--middle-bottom, .main-footer-grid-border-intermediate--full-bottom { display: none; margin-top: 40px; margin-bottom: 40px; } @media screen and (max-width: 1000px) { .main-footer-grid-border-intermediate--top-bottom, .main-footer-grid-border-intermediate--middle-bottom, .main-footer-grid-border-intermediate--full-bottom { display: block; } } .sistema-ratio-footer-menu-wrapper { padding: 0 20px 22px 22px; } @media screen and (max-width: 660px) { .sistema-ratio-footer-menu-wrapper { padding: 0; } } .menu-footer-title { margin: 0; white-space: nowrap; } .sistema-ratio-footer-menu, .menu-item-wrapper { margin: 0; padding: 0; list-style-type: none; } .sistema-ratio-footer-menu, .footer-newsletter-hook, .footer-address-info p, .footer-contact-info-text-wrapper, .footer-store-menu, .footer-store-login-link-wrapper a, .footer-main-menu .sub-menu { margin-top: 5px; } .sistema-ratio-footer-menu { display: grid; grid-template-columns: repeat(4, minmax(auto, 190px)); column-gap: 10px; justify-content: space-between; } .sistema-ratio-footer-menu a { white-space: nowrap; display: block; } @media screen and (max-width: 660px) { .sistema-ratio-footer-menu a { white-space: normal; } } @media screen and (max-width: 660px) { .sistema-ratio-footer-menu { grid-template-columns: repeat(2, minmax(auto, 1fr)); row-gap: 42px; margin-top: 4px; } } .footer-vertical-border, .main-footer-grid-border, .footer-main-menu-border { background-color: #CBD5E1; } .footer-vertical-border, .footer-main-menu-border { width: 1px; height: 100%; } @media screen and (max-width: 1000px) { .footer-vertical-border--middle-one, .footer-main-menu-border--4 { display: none; } } @media screen and (max-width: 660px) { .footer-vertical-border--middle-one, .footer-main-menu-border--4 { display: block; } } .main-footer-grid-border { width: calc(100% - 22px); justify-self: end; height: 1px; } .main-footer-grid-border--top { margin-top: 17.5px; margin-bottom: 20px; } @media screen and (max-width: 660px) { .main-footer-grid-border--top { margin-top: 20px; margin-bottom: 24px; } } @media screen and (max-width: 1000px) { .main-footer-grid-border { width: 100%; } } .footer-newsletter-wrapper { padding-left: 20px; } @media screen and (max-width: 1000px) { .footer-newsletter-wrapper { margin-right: 6px; } } @media screen and (max-width: 660px) { .footer-newsletter-wrapper { padding-left: 0; margin-right: 0; } } .footer-newsletter-hook, .footer-address-info p, .footer-store-menu { margin-bottom: 0; } @media screen and (max-width: 660px) { .footer-address-info p { margin-top: 2.75px; } } .footer-newsletter-link { margin-top: 11px; display: inline-block; padding: 11px 27px 11px 25px; border-radius: 8px; background-color: #1E293B; color: #fff; } @media screen and (max-width: 660px) { .footer-newsletter-link { margin-top: 17px; } } .footer-contact-info-wrapper { padding: 22px 20px 20px 22px; background-color: #F8FAFC; border-radius: 8px; margin-right: 6px; display: grid; grid-template-columns: max-content 1px 1fr; grid-template-areas: "address border contact"; } .footer-contact-info-wrapper::before { content: ""; display: block; width: 1px; height: 100%; background-color: #CBD5E1; grid-area: border; } @media screen and (max-width: 660px) { .footer-contact-info-wrapper::before { width: 100%; height: 1px; } } @media screen and (max-width: 660px) { .footer-contact-info-wrapper { grid-template-columns: 1fr; grid-template-areas: "address" "border" "contact"; row-gap: 16px; margin-right: 0; padding: 24px 16px; } } .footer-address-info { grid-area: address; padding-right: 27.5px; } .footer-contact-info { grid-area: contact; padding-left: 20px; } @media screen and (max-width: 660px) { .footer-contact-info { padding-left: 0; } } .footer-contact-info-text-wrapper { display: flex; justify-content: space-between; } .footer-contact-info-text-wrapper p { margin: 0; } @media screen and (max-width: 1000px) { .footer-contact-info-text-wrapper { column-gap: 10px; } } @media screen and (max-width: 660px) { .footer-contact-info-text-wrapper { flex-direction: column; column-gap: 0; margin-top: 2.75px; } } .footer-store-menu-wrapper { padding: 22px 15px 20px 14px; margin-left: 6px; margin-right: 6px; background-color: #FCECD4; border-radius: 8px; } @media screen and (max-width: 660px) { .footer-store-menu-wrapper { margin-left: 0; margin-right: 0; padding: 24px 16px; } } .footer-store-menu { padding: 0; list-style-type: none; } .footer-store-menu a { display: block; white-space: nowrap; } @media screen and (max-width: 660px) { .footer-store-menu { margin-top: 2.75px; } } .footer-store-login-link-wrapper { padding: 22px 0 20px 19px; } .footer-store-login-link-wrapper a { display: block; } @media screen and (max-width: 660px) { .footer-store-login-link-wrapper a { margin-top: 6px; } } @media screen and (max-width: 660px) { .footer-store-login-link-wrapper { padding: 0; } } .main-footer-grid-border--middle { margin-top: 27px; margin-bottom: 40px; background-color: #1E293B; } @media screen and (max-width: 660px) { .main-footer-grid-border--middle { margin-top: 24px; margin-bottom: 24px; } } .footer-main-menu { padding-right: 15px; margin-top: 0; } .footer-main-menu, .footer-main-menu .sub-menu { margin-bottom: 0; list-style-type: none; } .footer-main-menu .sub-menu { padding: 0; } @media screen and (max-width: 660px) { .footer-main-menu .sub-menu { margin-top: 4px; } } .footer-main-menu > li:nth-child(1) { padding-left: 22px; } .footer-main-menu a { display: block; } .footer-main-menu-1 { padding-left: 22px; } .footer-main-menu-2, .footer-main-menu-4, .footer-main-menu-5 { padding-left: 20px; } .footer-main-menu-3 { padding-left: 19.5px; } .footer-main-menu-6 { padding-left: 19px; } @media screen and (max-width: 660px) { .footer-main-menu { padding: 0; } } .footer-main-menu-2, .footer-main-menu-4, .footer-main-menu-6 { padding-left: 11.5px; } .main-footer-grid-border--bottom { margin-top: 40px; margin-bottom: 40px; } @media screen and (max-width: 660px) { .main-footer-grid-border--bottom { margin-top: 24px; margin-bottom: 24px; } } .footer-foundation-presentation-wrapper { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 16px; border-radius: 16px; background-color: #FCECD4; align-self: start; margin-right: 22px; } @media screen and (max-width: 660px) { .footer-foundation-presentation-wrapper { margin-right: 0; } } .footer-foundation-presentation-wrapper__text { display: flex; flex-direction: column; gap: 4px; width: 100%; } .footer-foundation-presentation-wrapper__title { margin: 0; font-family: "DM Serif Display", serif; font-weight: 400; font-size: 28px; line-height: 32px; text-transform: uppercase; color: #1E293B; word-break: break-word; } .footer-foundation-presentation-wrapper__subtitle { margin: 0; font-family: "Mulish", sans-serif; font-weight: 700; font-size: 13px; line-height: 16px; color: #1E293B; } .footer-foundation-presentation-wrapper__button { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px 8px 12px; border-radius: 8px; background-color: #1E293B; color: #fff; text-decoration: none; } .footer-foundation-presentation-wrapper__button-icon { display: block; width: 24px; height: 24px; } .footer-foundation-presentation-wrapper__button-label { font-family: "Mulish", sans-serif; font-weight: 700; font-size: 14px; line-height: 20px; color: #fff; } .footer-socials-text, .footer-app-link-text { margin: 0; } .footer-socials-wrapper { display: flex; flex-direction: column; align-items: center; row-gap: 16px; } @media screen and (max-width: 660px) { .footer-socials-wrapper { row-gap: 14px; } } .footer-socials-icons-wrapper { display: flex; column-gap: 16px; } .footer-app-link-wrapper { padding-left: 22px; } @media screen and (max-width: 660px) { .footer-app-link-wrapper { padding: 0; } } .footer-app-link-icons-wrapper { display: flex; column-gap: 24px; padding-top: 16px; } .footer-app-link-icons-wrapper img { display: block; height: 48px; } @media screen and (max-width: 660px) { .footer-app-link-icons-wrapper { padding-top: 15px; justify-content: center; } } .main-footer-grid-border-intermediate--top-bottom, .main-footer-grid-border-intermediate--middle-bottom, .main-footer-grid-border-intermediate--full-bottom { margin-top: 24px; margin-bottom: 24px; } @media screen and (max-width: 660px) { .main-footer-grid-border-intermediate--full-bottom { margin-top: 16px; margin-bottom: 16px; } } .main-footer-grid-border-mobile--top, .main-footer-grid-border-mobile--down { display: none; margin-top: 24px; } @media screen and (max-width: 660px) { .main-footer-grid-border-mobile--top, .main-footer-grid-border-mobile--down { display: block; } } .main-footer-grid-border-mobile--top { margin-bottom: 20px; } .main-footer-grid-border-mobile--down { margin-bottom: 23px; } @media screen and (max-width: 660px) { .footer-main-menu-border--3, .footer-main-menu-border--4 { display: block; width: 100%; height: 1px; } } @media screen and (max-width: 660px) { .footer-main-menu-border--3 { margin-top: 16px; margin-bottom: 16px; } } @media screen and (max-width: 660px) { .footer-main-menu-border--4 { margin-top: 24.5px; margin-bottom: 24px; } } @media screen and (max-width: 660px) { .footer-foundation-text { text-align: center; } } @media screen and (max-width: 660px) { .footer-app-link-text { text-align: center; } } .row-company-info { position: relative; border-top: 1px solid #CBD5E1; } .row-company-info .cont { padding-top: 32px; padding-bottom: 33px; } @media screen and (max-width: 660px) { .row-company-info .cont { padding-top: 24px; padding-bottom: 24px; } } @media screen and (max-width: 660px) { .row-company-info { border-top: none; } } @media screen and (max-width: 660px) { .row-company-info::before { content: ""; height: 1px; background-color: #1E293B; position: absolute; top: 0; left: 16px; right: 16px; } } @media print { .row-company-info { display: none; } } .company-info-wrapper p { margin: 0; text-align: center; } .company-info-wrapper p:last-child { margin-top: 11px; } @media screen and (max-width: 660px) { .company-info-wrapper p:last-child { margin-top: 10px; } } /* Footer Taxonomy Menu */ .footer-taxonomy-menu-wrapper { grid-area: taxonomy-menu; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px 48px; padding: 0 22px; } @media screen and (max-width: 1000px) { .footer-taxonomy-menu-wrapper { grid-template-columns: repeat(2, 1fr); gap: 24px 32px; } } @media screen and (max-width: 660px) { .footer-taxonomy-menu-wrapper { grid-template-columns: 1fr; gap: 40px; padding: 0 16px; } } .footer-taxonomy-section__header { font-size: 0.6875rem; font-weight: 500; letter-spacing: 0.05em; color: #0F172A; margin: 0 0 12px 0; padding-bottom: 8px; border-bottom: 1px solid #1E293B; text-transform: uppercase; text-decoration: none; display: block; position: relative; } .footer-taxonomy-section__header:hover { text-decoration: underline; } @media screen and (max-width: 660px) { .footer-taxonomy-section__header { margin-bottom: 12px; } } .footer-taxonomy-section__columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 24px; } @media screen and (max-width: 660px) { .footer-taxonomy-section__columns { display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 16px; } } .footer-taxonomy-section--fisco-e-amministrazione { grid-column: span 3; } @media screen and (max-width: 1000px) { .footer-taxonomy-section--fisco-e-amministrazione { grid-column: span 2; } } @media screen and (max-width: 660px) { .footer-taxonomy-section--fisco-e-amministrazione { grid-column: span 1; } } .footer-taxonomy-section--diritto-del-lavoro { grid-column: span 1; } .footer-taxonomy-section--coop-e-terzo-settore { grid-column: span 2; } @media screen and (max-width: 1000px) { .footer-taxonomy-section--coop-e-terzo-settore { grid-column: span 2; } } @media screen and (max-width: 660px) { .footer-taxonomy-section--coop-e-terzo-settore { grid-column: span 1; } } .footer-taxonomy-section--gestione-dimpresa { grid-column: span 2; } @media screen and (max-width: 1000px) { .footer-taxonomy-section--gestione-dimpresa { grid-column: span 2; } } @media screen and (max-width: 660px) { .footer-taxonomy-section--gestione-dimpresa { grid-column: span 1; } } .footer-taxonomy-section--sviluppo-di-studio-e-specializzazione { grid-column: span 4; } @media screen and (max-width: 1000px) { .footer-taxonomy-section--sviluppo-di-studio-e-specializzazione { grid-column: span 2; } } @media screen and (max-width: 660px) { .footer-taxonomy-section--sviluppo-di-studio-e-specializzazione { grid-column: span 1; } } .footer-taxonomy-column--shared { display: flex; flex-direction: column; gap: 24px; } @media screen and (max-width: 660px) { .footer-taxonomy-column__group.is-open .footer-taxonomy-column__list { display: block; } } .footer-taxonomy-column__title { display: block; font-weight: 700; font-size: 0.875rem; line-height: 1.4; color: #1E293B; margin-bottom: 8px; padding-bottom: 4px; border-bottom: 1px solid #CBD5E1; text-decoration: none; } .footer-taxonomy-column__title:hover { text-decoration: underline; } @media screen and (max-width: 660px) { .footer-taxonomy-column__title { cursor: pointer; } } .footer-taxonomy-column__list { list-style: none; margin: 0; padding: 0; } @media screen and (max-width: 660px) { .footer-taxonomy-column__list { display: none; } } .footer-taxonomy-column__list li { margin-bottom: 2px; } .footer-taxonomy-column__list a { font-family: "Mulish", sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: 24px; color: #0F172A; text-decoration: none; } .footer-taxonomy-column__list a:hover { text-decoration: underline; } @media screen and (max-width: 660px) { .footer-taxonomy-column.is-open .footer-taxonomy-column__list { display: block; } } /* Layouts - Main Titles --------------------------------------------- */ .row-main-titles:not(.row-main-titles--with-breadcrumbs) .cont { padding-top: calc(2.875rem + (100 - 46) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .row-main-titles:not(.row-main-titles--with-breadcrumbs) .cont { padding-top: 6.25rem; } } @media (max-width: 660px) { .row-main-titles:not(.row-main-titles--with-breadcrumbs) .cont { padding-top: 2.875rem; } } .row-main-titles--with-breadcrumbs .cont { padding-top: calc(2.875rem + (82 - 46) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .row-main-titles--with-breadcrumbs .cont { padding-top: 5.125rem; } } @media (max-width: 660px) { .row-main-titles--with-breadcrumbs .cont { padding-top: 2.875rem; } } .main-titles-wrapper { display: grid; } .main-title-wrapper { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; column-gap: calc(0.25rem + (14 - 4) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .main-title-wrapper { column-gap: 0.875rem; } } @media (max-width: 660px) { .main-title-wrapper { column-gap: 0.25rem; } } .main-title-wrapper::before, .main-title-wrapper::after { content: ""; height: 1px; background-color: #1E293B; width: 100%; } .main-title-wrapper h1, .main-title-wrapper h2 { text-align: center; } .main-subtitle { margin-bottom: 0; margin-top: 8px; margin-left: auto; margin-right: auto; max-width: 960px; text-align: center; } .row-hero-landing-page .main-title-wrapper { grid-template-columns: minmax(20px, 1fr) minmax(auto, max-content) minmax(20px, 1fr); padding-left: 20px; padding-right: 20px; } @media screen and (max-width: 700px) { .row-hero-landing-page .main-title-wrapper { display: block; padding-left: 0; padding-right: 0; } .row-hero-landing-page .main-title-wrapper::before, .row-hero-landing-page .main-title-wrapper::after { display: none; } } .row-hero-landing-page .main-subtitle { max-width: 960px; } /* Layouts - News Grid --------------------------------------------- */ .news-grid { display: grid; grid-template-columns: minmax(auto, 368px) 1px minmax(auto, 368px) 1px minmax(auto, 368px); justify-content: space-between; column-gap: 8px; } .news-grid--on-homepage { padding-top: 35px; } @media screen and (max-width: 700px) { .news-grid--on-homepage { padding-top: 21px; } } .news-grid--with-newsletter { padding-top: 37px; } @media screen and (max-width: 700px) { .news-grid--with-newsletter { padding-top: 24px; } } .news-grid--on-category, .news-grid--on-single-news, .news-grid--on-404 { padding-top: 40px; } @media screen and (max-width: 700px) { .news-grid--on-category, .news-grid--on-single-news, .news-grid--on-404 { padding-top: 28px; } } @media screen and (max-width: 1000px) { .news-grid { grid-template-columns: 1fr 1px 1fr; } } @media screen and (max-width: 700px) { .news-grid { grid-template-columns: 1fr; } } /* Layouts - Titles Secondary --------------------------------------------- */ .secondary-title-wrapper { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #1E293B; } .secondary-title-wrapper:not(.secondary-title-wrapper--large) { padding-bottom: 11px; } .secondary-title-wrapper--large { padding-bottom: 4px; } @media screen and (max-width: 700px) { .secondary-title-wrapper { padding-bottom: 0; } } .link-on-secondary-title:not(.link-on-secondary-title--mobile) { margin-bottom: 10px; } @media screen and (max-width: 700px) { .link-on-secondary-title:not(.link-on-secondary-title--mobile) { display: none; } } .link-on-secondary-title--mobile { display: none; } @media screen and (max-width: 700px) { .link-on-secondary-title--mobile { display: inline-block; } } .link-on-secondary-title--mobile-wrapper { display: none; padding-top: 98px; } @media screen and (max-width: 700px) { .link-on-secondary-title--mobile-wrapper { display: flex; justify-content: center; } } /* Layouts - Training Grid --------------------------------------------- */ .training-grid { display: grid; grid-template-columns: repeat(2, 1fr); justify-content: space-between; gap: 24px; } @media screen and (max-width: 700px) { .training-grid { grid-template-columns: 1fr; } } /* Layouts - In Evidence Grid --------------------------------------------- */ .in-evidence-grid { display: grid; grid-template-columns: minmax(auto, 368px) 1px minmax(auto, 368px) 1px minmax(auto, 368px); justify-content: space-between; column-gap: 8px; } @media screen and (max-width: 1000px) { .in-evidence-grid { grid-template-columns: 1fr 1px 1fr; } } @media screen and (max-width: 700px) { .in-evidence-grid { grid-template-columns: 1fr; } } /* Layouts - Breadcrumbs --------------------------------------------- */ .breadcrumbs-wrapper { padding-top: 44px; display: flex; align-items: baseline; column-gap: 16px; overflow: auto; padding-right: 50px; } @media screen and (max-width: 700px) { .row-breadcrumbs--category .breadcrumbs-wrapper { padding-top: 29px; } } @media screen and (max-width: 700px) { .row-breadcrumbs:not(.row-breadcrumbs--category) .breadcrumbs-wrapper { padding-top: 24px; } } @media print { .row-breadcrumbs { display: none; } } .mobile-scroll-right-overlay { position: relative; } .mobile-scroll-right-overlay::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; width: 48px; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 66%, white 100%); } .row-hero-landing-page .mobile-scroll-right-overlay { max-width: calc(100vw - 48px); } .row-hero-landing-page--with-image .mobile-scroll-right-overlay::after { display: none; } .row-hero-landing-page--no-image .mobile-scroll-right-overlay::after { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #1E293B 66%, #1E293B 100%); } /* Layouts - Pagination --------------------------------------------- */ .pagination { padding-top: 112px; } .nav-links { display: flex; column-gap: 10px; justify-content: center; } .page-numbers { padding: 0 19px 10px; } .page-numbers.current, .page-numbers:hover:not(.dots) { border-bottom: 1px solid #EF8E01; } /* Layouts - Expert Grid --------------------------------------------- */ .expert-grid { display: grid; grid-template-columns: minmax(auto, 260px) 1px minmax(auto, 260px) 1px minmax(auto, 260px) 1px minmax(auto, 260px); justify-content: space-between; column-gap: 8px; } @media screen and (max-width: 1000px) { .expert-grid { grid-template-columns: minmax(auto, 1fr) 1px minmax(auto, 1fr) 1px minmax(auto, 1fr); } } @media screen and (max-width: 700px) { .expert-grid { grid-template-columns: minmax(auto, 1fr) 1px minmax(auto, 1fr); } } @media screen and (max-width: 500px) { .expert-grid { grid-template-columns: 1fr; } } .row-expert-archive-experts .expert-grid { margin-top: 65px; } /* Layouts - Accordion Display --------------------------------------------- */ .accordion-display { max-width: 720px; margin-left: auto; margin-right: auto; display: grid; grid-template-columns: 1fr; row-gap: 16px; margin-top: calc(4.0625rem + (118 - 65) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .accordion-display { margin-top: 7.375rem; } } @media (max-width: 700px) { .accordion-display { margin-top: 4.0625rem; } } /* Layouts - File Box Grid --------------------------------------------- */ .file-box-grid { display: grid; grid-template-columns: repeat(5, minmax(auto, 230px)); margin-top: 48px; grid-gap: calc(0.5rem + (32 - 8) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .file-box-grid { grid-gap: 2rem; } } @media (max-width: 700px) { .file-box-grid { grid-gap: 0.5rem; } } @media screen and (max-width: 1000px) { .file-box-grid { grid-template-columns: repeat(4, minmax(auto, 230px)); } } @media screen and (max-width: 700px) { .file-box-grid { grid-template-columns: repeat(3, minmax(auto, 230px)); } } @media screen and (max-width: 500px) { .file-box-grid { grid-template-columns: repeat(2, minmax(auto, 230px)); } } @media screen and (max-width: 400px) { .file-box-grid { grid-template-columns: 1fr; } } /* Layouts - Category And Date Wrapper --------------------------------------------- */ .featured-news__category-and-date-wrapper, .news__category-and-date-wrapper, .director-letter-card__category-and-date-wrapper { display: flex; column-gap: 8px; align-items: baseline; flex-wrap: wrap; row-gap: 16px; } /* Layouts - Section App Links Box --------------------------------------------- */ .row-app-links-on-page .cont { max-width: 740px; } .app-links-box { padding-top: 53.5px; padding-bottom: 36.5px; border-bottom: 1px solid #1E293B; display: grid; grid-template-columns: minmax(120px, max-content) minmax(16px, 44.5px) 1px minmax(16px, 43.5px) minmax(120px, max-content); justify-content: center; } .app-links-box .separation-bar { grid-column-start: 3; } .app-links-box .app-link img { height: 100%; } .app-links-box .app-link--google { max-height: 54.52px; } .app-links-box .app-link--apple { grid-column-start: 5; max-height: 61.51px; } /* Layouts - Photo Text Presentation Display --------------------------------------------- */ .photo-text-presentation-display { background-color: #F8FAFC; } .photo-text-presentation-inner-grid { max-width: 1360px; margin: auto; padding-left: 10px; padding-right: 10px; display: grid; row-gap: calc(4.3125rem + (88 - 69) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .photo-text-presentation-inner-grid { row-gap: 5.5rem; } } @media (max-width: 700px) { .photo-text-presentation-inner-grid { row-gap: 4.3125rem; } } .photo-text-presentation-inner-grid { padding-top: calc(4.3125rem + (88 - 69) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .photo-text-presentation-inner-grid { padding-top: 5.5rem; } } @media (max-width: 700px) { .photo-text-presentation-inner-grid { padding-top: 4.3125rem; } } .photo-text-presentation-inner-grid { padding-bottom: calc(4.3125rem + (88 - 69) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .photo-text-presentation-inner-grid { padding-bottom: 5.5rem; } } @media (max-width: 700px) { .photo-text-presentation-inner-grid { padding-bottom: 4.3125rem; } } @media screen and (max-width: 1000px) { .photo-text-presentation-inner-grid { padding-left: 16px; padding-right: 16px; } } /* Layouts - In Evidence Section Display --------------------------------------------- */ .in-evidence-section-display { background-color: #F8FAFC; } .in-evidence-section-inner-content { max-width: 1300px; margin: auto; padding-left: 10px; padding-right: 10px; padding-top: 88px; padding-bottom: 88px; } @media screen and (max-width: 1000px) { .in-evidence-section-inner-content { padding-left: 16px; padding-right: 16px; } } /* Layouts - File Link Section --------------------------------------------- */ .file-link-section-content { max-width: 1300px; margin: auto; padding-left: 10px; padding-right: 10px; } @media screen and (max-width: 1000px) { .file-link-section-content { padding-left: 16px; padding-right: 16px; } } /* Layouts - Map Text Presentation Display --------------------------------------------- */ .map-text-presentation-display { background-color: #F8FAFC; } .map-text-presentation-content { max-width: 1300px; padding-left: 10px; padding-right: 10px; padding-top: 88px; padding-bottom: 88px; margin: auto; } /* Layouts - Contact Form Section --------------------------------------------- */ .contact-form-section { max-width: 1300px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; } @media screen and (max-width: 1000px) { .contact-form-section { padding-left: 16px; padding-right: 16px; } } /* Layouts - Information Column Grid --------------------------------------------- */ .information-column-grid { display: grid; grid-template-columns: minmax(auto, 368px) 1px minmax(auto, 368px) 1px minmax(auto, 368px); justify-content: space-between; column-gap: 16px; } @media screen and (max-width: 850px) { .information-column-grid { grid-template-columns: minmax(auto, 368px) 1px minmax(auto, 368px); row-gap: 32px; } } @media screen and (max-width: 590px) { .information-column-grid { grid-template-columns: 1fr; row-gap: 24px; } } .information-column__icon-wrapper { padding-top: 16px; max-height: 86px; height: 100%; } .information-column__icon-wrapper img { height: 100%; } .information-column__icon-wrapper + .information-block { margin-top: 52px; } .information-block + .information-block { margin-top: 39px; } .information-block__title, .information-block__contact p { margin-top: 0; margin-bottom: 0; } .information-block__title + .information-block__contact { margin-top: 9px; } /* Layouts - Lettered Row Grid --------------------------------------------- */ .lettered-row-grid { display: grid; } /* Layouts - Lettered Row --------------------------------------------- */ .lettered-row { display: grid; column-gap: 24px; align-items: center; grid-template-columns: max-content 1fr; } .index-letter, .expert-list { margin-top: 0; margin-bottom: 0; } .list-row { display: grid; grid-template-columns: minmax(auto, 266px) 1px minmax(auto, 266px) 1px minmax(auto, 266px) 1px minmax(auto, 266px); justify-content: space-between; column-gap: 8px; margin-top: 1px; } @media screen and (max-width: 1000px) { .list-row { grid-template-columns: minmax(auto, 1fr) 1px minmax(auto, 1fr); } } @media screen and (max-width: 500px) { .list-row { grid-template-columns: 1fr; } } .list-row + .lettered-row { margin-top: 52px; } .expert-list { list-style-type: none; padding-left: 0; } /* Layouts - Banner ADV --------------------------------------------- */ .banner_728x90 { margin: 0 auto 20px; max-width: 728px; } /* Layouts - Paywall --------------------------------------------- */ .paywall-wrapper { margin-top: -150px; display: grid; } .paywall-shading { height: 150px; background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 79%, white 100%); } .row-paywall { background-color: white; } .row-paywall .cont { padding: 48px 0 0; } .paywall-banner-wrapper { display: grid; align-items: center; justify-items: center; } /* Layouts - Landing Page Grid --------------------------------------------- */ .landing-page-grid { display: grid; justify-content: space-between; column-gap: 8px; margin-top: 37px; } .landing-page-grid .separation-bar:not(.separation-bar-vertical) { margin-top: 37px; margin-bottom: 40px; } @media screen and (max-width: 1000px) { .landing-page-grid .separation-bar:not(.separation-bar-vertical) { margin-top: 19px; margin-bottom: 19px; } } @media screen and (max-width: 700px) { .landing-page-grid .separation-bar-vertical { width: 100%; height: 1px; margin-top: 19px; margin-bottom: 19px; } } .landing-page-grid--two-columns { grid-template-columns: minmax(auto, 580px) 1px minmax(auto, 580px); } @media screen and (max-width: 700px) { .landing-page-grid--two-columns { grid-template-columns: 1fr; } } .landing-page-grid--two-columns .separation-bar:not(.separation-bar-vertical) { grid-column: span 3; } @media screen and (max-width: 700px) { .landing-page-grid--two-columns .separation-bar:not(.separation-bar-vertical) { grid-column: inherit; } } .landing-page-grid--three-columns { grid-template-columns: minmax(auto, 368px) 1px minmax(auto, 368px) 1px minmax(auto, 368px); } @media screen and (max-width: 1000px) { .landing-page-grid--three-columns { grid-template-columns: 1fr 1px 1fr; } } @media screen and (max-width: 700px) { .landing-page-grid--three-columns { grid-template-columns: 1fr; } } /* Layouts - Spreaker Player --------------------------------------------- */ .row-home-podcast .cont { text-align: center; } .spreaker-player-wrapper { max-height: 200px; margin-top: 17px; border-radius: 16px; overflow: hidden; } .spreaker-archive-link { border-bottom: 1px solid #EF8E01; display: inline-block; padding-bottom: 3px; margin-top: 10px; } /*-------------------------------------------------------------- # Components --------------------------------------------------------------*/ /* Components - Generic Call To Action Link --------------------------------------------- */ /* Components - Generic Call To Action Link - Common styles */ .featured-block__link, .featured-block-experts__link, .newsletter-box-on-home__link, .featured-link-to-store-block__link, .featured-link-to-store-block__optional-link, .call-to-action-block-magazine__link, .featured-block__link, .link-on-secondary-title, .call-to-action-block-essential__link, .call-to-action-block-minimal__link, .message-404__link, .submit-button-label, .question-form-call, .link-to-full-expert-archive, .featured-post-section-link, .paywall-banner__link { display: inline-block; border-radius: 8px; } /* Components - Generic Call To Action Link - Background-Image */ .featured-block__link, .featured-block-experts__link, .newsletter-box-on-home__link, .featured-link-to-store-block__link, .call-to-action-block-magazine__link, .featured-block__link, .link-on-secondary-title, .call-to-action-block-essential__link, .call-to-action-block-minimal__link, .message-404__link, .submit-button-label, .question-form-call, .link-to-full-expert-archive, .featured-post-section-link, .paywall-banner__link { position: relative; overflow: hidden; } .featured-block__link .link-text-content, .featured-block-experts__link .link-text-content, .newsletter-box-on-home__link .link-text-content, .featured-link-to-store-block__link .link-text-content, .call-to-action-block-magazine__link .link-text-content, .featured-block__link .link-text-content, .link-on-secondary-title .link-text-content, .call-to-action-block-essential__link .link-text-content, .call-to-action-block-minimal__link .link-text-content, .message-404__link .link-text-content, .submit-button-label .link-text-content, .question-form-call .link-text-content, .link-to-full-expert-archive .link-text-content, .featured-post-section-link .link-text-content, .paywall-banner__link .link-text-content { z-index: 1; position: relative; } .featured-block__link::before, .featured-block__link::after, .featured-block-experts__link::before, .featured-block-experts__link::after, .newsletter-box-on-home__link::before, .newsletter-box-on-home__link::after, .featured-link-to-store-block__link::before, .featured-link-to-store-block__link::after, .call-to-action-block-magazine__link::before, .call-to-action-block-magazine__link::after, .featured-block__link::before, .featured-block__link::after, .link-on-secondary-title::before, .link-on-secondary-title::after, .call-to-action-block-essential__link::before, .call-to-action-block-essential__link::after, .call-to-action-block-minimal__link::before, .call-to-action-block-minimal__link::after, .message-404__link::before, .message-404__link::after, .submit-button-label::before, .submit-button-label::after, .question-form-call::before, .question-form-call::after, .link-to-full-expert-archive::before, .link-to-full-expert-archive::after, .featured-post-section-link::before, .featured-post-section-link::after, .paywall-banner__link::before, .paywall-banner__link::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: opacity 350ms; } .featured-block__link::before, .featured-block-experts__link::before, .newsletter-box-on-home__link::before, .featured-link-to-store-block__link::before, .call-to-action-block-magazine__link::before, .featured-block__link::before, .link-on-secondary-title::before, .call-to-action-block-essential__link::before, .call-to-action-block-minimal__link::before, .message-404__link::before, .submit-button-label::before, .question-form-call::before, .link-to-full-expert-archive::before, .featured-post-section-link::before, .paywall-banner__link::before { background-color: #1E293B; } .featured-block__link:hover::after, .featured-block-experts__link:hover::after, .newsletter-box-on-home__link:hover::after, .featured-link-to-store-block__link:hover::after, .call-to-action-block-magazine__link:hover::after, .featured-block__link:hover::after, .link-on-secondary-title:hover::after, .call-to-action-block-essential__link:hover::after, .call-to-action-block-minimal__link:hover::after, .message-404__link:hover::after, .submit-button-label:hover::after, .question-form-call:hover::after, .link-to-full-expert-archive:hover::after, .featured-post-section-link:hover::after, .paywall-banner__link:hover::after { opacity: 0; } /* Components - Generic Call To Action Link - Padding */ .featured-block__link, .featured-block-experts__link, .newsletter-box-on-home__link, .call-to-action-block-magazine__link, .featured-block__link, .call-to-action-block-essential__link, .call-to-action-block-minimal__link, .submit-button-label, .question-form-call, .featured-post-section-link, .paywall-banner__link { padding-top: calc(0.75rem + (12 - 12) * (100vw - 700px) / (1000 - 700)); padding-right: calc(1rem + (16 - 16) * (100vw - 700px) / (1000 - 700)); padding-bottom: calc(0.75rem + (12 - 12) * (100vw - 700px) / (1000 - 700)); padding-left: calc(1rem + (12 - 16) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .featured-block__link, .featured-block-experts__link, .newsletter-box-on-home__link, .call-to-action-block-magazine__link, .featured-block__link, .call-to-action-block-essential__link, .call-to-action-block-minimal__link, .submit-button-label, .question-form-call, .featured-post-section-link, .paywall-banner__link { padding: 0.75rem 1rem 0.75rem 0.75rem; } } @media (max-width: 700px) { .featured-block__link, .featured-block-experts__link, .newsletter-box-on-home__link, .call-to-action-block-magazine__link, .featured-block__link, .call-to-action-block-essential__link, .call-to-action-block-minimal__link, .submit-button-label, .question-form-call, .featured-post-section-link, .paywall-banner__link { padding: 0.75rem 1rem 0.75rem 1rem; } } .link-on-secondary-title, .message-404__link, .link-to-full-expert-archive { padding-top: calc(0.6875rem + (16 - 11) * (100vw - 660px) / (1000 - 660)); padding-right: calc(0.5rem + (16 - 8) * (100vw - 660px) / (1000 - 660)); padding-bottom: calc(0.6875rem + (16 - 11) * (100vw - 660px) / (1000 - 660)); padding-left: calc(0.5rem + (16 - 8) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .link-on-secondary-title, .message-404__link, .link-to-full-expert-archive { padding: 1rem 1rem 1rem 1rem; } } @media (max-width: 660px) { .link-on-secondary-title, .message-404__link, .link-to-full-expert-archive { padding: 0.6875rem 0.5rem 0.6875rem 0.5rem; } } .featured-link-to-store-block__link, .featured-link-to-store-block__optional-link { padding: 16px 24px 16px 25px; } /* Components - Generic Call To Action Link - Arrow wrapper */ .featured-block__arrow-wrapper img, .newsletter-box-on-home__arrow-wrapper img, .call-to-action-block-magazine__arrow-wrapper img, .call-to-action-block-essential__arrow-wrapper img, .call-to-action-block-minimal__arrow-wrapper img, .submit-button-label__arrow-wrapper img, .featured-post-section-link img { display: inline-block; position: relative; top: 1px; } @media screen and (max-width: 530px) { .featured-block__link, .featured-block-experts__link { box-shadow: 0 2px #BF7100; } } /* Components - CTA Links - White text, no box-shadow */ .link-on-secondary-title, .newsletter-box-on-home__link, .message-404__link, .call-to-action-block-magazine__link, .call-to-action-block-essential__link, .call-to-action-block-minimal__link, .submit-button-label, .question-form-call, .link-to-full-expert-archive, .featured-post-section-link, .paywall-banner__link { color: white; } /* Components - Quote --------------------------------------------- */ .standard-page-content-wrapper > * + .wp-block-quote, .single-news-content-wrapper > * + .wp-block-quote, .single-director-letter-content-wrapper > * + .wp-block-quote, .landing-page-content-wrapper > * + .wp-block-quote { margin-top: 49px; margin-bottom: 50px; } .standard-page-content-wrapper .wp-block-quote, .single-news-content-wrapper .wp-block-quote, .single-director-letter-content-wrapper .wp-block-quote, .landing-page-content-wrapper .wp-block-quote { border-radius: 16px; padding: 26px 32px 25px 23px; background-image: linear-gradient(258deg, #F8FAFC 0%, #FCECD4 100%); } .standard-page-content-wrapper .wp-block-quote p, .single-news-content-wrapper .wp-block-quote p, .single-director-letter-content-wrapper .wp-block-quote p, .landing-page-content-wrapper .wp-block-quote p { margin-top: 0; margin-bottom: 0; } .standard-page-content-wrapper .wp-block-quote cite, .single-news-content-wrapper .wp-block-quote cite, .single-director-letter-content-wrapper .wp-block-quote cite, .landing-page-content-wrapper .wp-block-quote cite { display: block; margin-top: 24px; text-align: right; } .landing-page-content-wrapper > * + .blockquote { margin-top: 49px; margin-bottom: 50px; } /* Components - Figure --------------------------------------------- */ .standard-page-content-wrapper > * + .wp-block-image, .standard-page-content-wrapper > * + .wp-block-embed, .single-news-content-wrapper > * + .wp-block-image, .single-news-content-wrapper > * + .wp-block-embed, .single-director-letter-content-wrapper > * + .wp-block-image, .single-director-letter-content-wrapper > * + .wp-block-embed, .landing-page-content-wrapper > * + .wp-block-image, .landing-page-content-wrapper > * + .wp-block-embed { margin-top: 73px; } .standard-page-content-wrapper > .wp-block-image + *, .standard-page-content-wrapper > .wp-block-embed + *, .standard-page-content-wrapper > .wp-block-table + *, .single-news-content-wrapper > .wp-block-image + *, .single-news-content-wrapper > .wp-block-embed + *, .single-news-content-wrapper > .wp-block-table + *, .single-director-letter-content-wrapper > .wp-block-image + *, .single-director-letter-content-wrapper > .wp-block-embed + *, .single-director-letter-content-wrapper > .wp-block-table + *, .landing-page-content-wrapper > .wp-block-image + *, .landing-page-content-wrapper > .wp-block-embed + *, .landing-page-content-wrapper > .wp-block-table + * { margin-top: 58px; } .standard-page-content-wrapper > .wp-block-image.with-caption, .standard-page-content-wrapper > .wp-block-embed.with-caption, .standard-page-content-wrapper > .wp-block-table.with-caption, .single-news-content-wrapper > .wp-block-image.with-caption, .single-news-content-wrapper > .wp-block-embed.with-caption, .single-news-content-wrapper > .wp-block-table.with-caption, .single-director-letter-content-wrapper > .wp-block-image.with-caption, .single-director-letter-content-wrapper > .wp-block-embed.with-caption, .single-director-letter-content-wrapper > .wp-block-table.with-caption, .landing-page-content-wrapper > .wp-block-image.with-caption, .landing-page-content-wrapper > .wp-block-embed.with-caption, .landing-page-content-wrapper > .wp-block-table.with-caption { border-bottom: 1px solid #1E293B; padding-bottom: 24px; } .standard-page-content-wrapper > .wp-block-image img, .single-news-content-wrapper > .wp-block-image img, .single-director-letter-content-wrapper > .wp-block-image img, .landing-page-content-wrapper > .wp-block-image img { margin-left: auto; margin-right: auto; display: block; } .standard-page-content-wrapper .wp-element-caption, .single-news-content-wrapper .wp-element-caption, .single-director-letter-content-wrapper .wp-element-caption, .landing-page-content-wrapper .wp-element-caption { text-align: center; margin-top: 23px; margin-bottom: 0; } .standard-page-content-wrapper .wp-block-gallery > figure.with-caption, .single-news-content-wrapper .wp-block-gallery > figure.with-caption, .single-director-letter-content-wrapper .wp-block-gallery > figure.with-caption, .landing-page-content-wrapper .wp-block-gallery > figure.with-caption { padding-bottom: 0; border-bottom: none; } .landing-page-content-wrapper > * + .figure { margin-top: 73px; } .landing-page-content-wrapper > .figure + * { margin-top: 58px; } .landing-page-content-wrapper > .figure > figure:not(.wp-block-gallery).with-caption { border-bottom: 1px solid #1E293B; padding-bottom: 24px; } .landing-page-content-wrapper > .figure img { margin-left: auto; margin-right: auto; display: block; } .landing-page-content-wrapper .is-layout-flex > figure { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5em; } .landing-page-content-wrapper .is-layout-flex > * { margin-left: auto; margin-right: auto; } /* Components - Search Form --------------------------------------------- */ .main-search-form { display: grid; grid-template-columns: max-content auto; border-radius: 8px; border: 1px solid #1E293B; background-color: #F8FAFC; padding: 28px 40px 28px; max-width: 960px; margin: auto; } .main-search-form.focus { border: 1px solid #EF8E01; outline: 8px solid #FCECD4; background-color: white; } .main-search-form__image { height: 32px; } @media screen and (max-width: 1000px) { .main-search-form__image { height: 24px; } } .main-search-form__text-input { border: none; background-color: inherit; padding: 0; padding-left: 8px; } .main-search-form__text-input:focus { outline: none; } @media screen and (max-width: 1000px) { .main-search-form__text-input { padding-left: 7.51px; } } .main-search-form, .main-search-form__text-input { overflow: hidden; } @media screen and (max-width: 1000px) { .main-search-form { padding: 16px; } } .search-result-count-wrapper { max-width: 960px; margin: auto; padding-top: calc(0.5625rem + (16 - 9) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .search-result-count-wrapper { padding-top: 1rem; } } @media (max-width: 700px) { .search-result-count-wrapper { padding-top: 0.5625rem; } } .search-result-count { margin: 0; } /* Components - Featured Block --------------------------------------------- */ .featured-block { display: grid; background-color: #E2E8F0; overflow: hidden; align-self: start; } @media print { .featured-block { display: none; } } .featured-block__text-wrapper { padding-top: calc(1.5rem + (60.25 - 24) * (100vw - 1001px) / (1200 - 1001)); padding-right: calc(0rem + (0 - 0) * (100vw - 1001px) / (1200 - 1001)); padding-bottom: calc(1.5rem + (60.25 - 24) * (100vw - 1001px) / (1200 - 1001)); padding-left: calc(1.5rem + (60.25 - 24) * (100vw - 1001px) / (1200 - 1001)); } @media (min-width: 1200px) { .featured-block__text-wrapper { padding: 3.765625rem 0rem 3.765625rem 3.765625rem; } } @media (max-width: 1001px) { .featured-block__text-wrapper { padding: 1.5rem 0rem 1.5rem 1.5rem; } } @media (min-width: 1000px) and (max-width: 1000px) { .featured-block__text-wrapper { padding: 3.765625rem 0rem 3.765625rem 3.765625rem; } } @media (min-width: 660px) and (max-width: 1000px) { .featured-block__text-wrapper { padding-top: calc(1.5rem + (60.25 - 24) * (100vw - 660px) / (1000 - 660)); padding-right: calc(0rem + (0 - 0) * (100vw - 660px) / (1000 - 660)); padding-bottom: calc(1.5rem + (60.25 - 24) * (100vw - 660px) / (1000 - 660)); padding-left: calc(1.5rem + (60.25 - 24) * (100vw - 660px) / (1000 - 660)); } } @media (max-width: 660px) { .featured-block__text-wrapper { padding: 1.5rem 0rem 1.5rem 1.5rem; } } @media screen and (max-width: 530px) { .featured-block__text-wrapper { grid-area: 3/1/4/2; padding: 18px 16px 32px; } } .featured-block__subtitle { margin-bottom: 0; margin-top: 4px; color: #1E293B; } .featured-block__link { margin-top: 24px; } @media screen and (max-width: 530px) { .featured-block__link { margin-top: 27px; } } .featured-block__image-wrapper { position: relative; } @media screen and (max-width: 530px) { .featured-block__image-wrapper { grid-area: 1/1/3/2; width: calc(100% - 32px); border-radius: 16px; overflow: hidden; justify-self: center; } } .featured-block__image { height: 100%; width: 100%; object-fit: cover; display: block; } .featured-block__image--mobile { display: none; } @media screen and (max-width: 530px) { .featured-block__image--mobile { display: block; } } @media screen and (max-width: 530px) { .featured-block__image:not(.featured-block__image--mobile) { display: none; } } @media screen and (max-width: 530px) { .featured-block::before { content: ""; grid-area: 2/1/4/2; background-color: #F8FAFC; border-radius: 16px; } } .featured-block--top-homepage { width: 100%; display: flex; flex-direction: column-reverse; background-color: transparent; } .featured-block--top-homepage .featured-block__image-wrapper { width: 100%; height: 320px; overflow: hidden; border-radius: 8px; } .featured-block--top-homepage .featured-block__text-wrapper { padding: 0; padding-top: 16px; } .featured-block--top-homepage .featured-block__arrow-wrapper { display: none; } .featured-block--in-content, .featured-block--banner-contact-page { grid-template-columns: minmax(auto, 616.25px) minmax(200px, 663px); } .featured-block--banner-homepage { display: flex; flex-direction: row-reverse; justify-content: space-between; border-radius: 16px; margin-top: 40px; } @media screen and (max-width: 1000px) { .featured-block--banner-homepage { flex-direction: column-reverse; } } .featured-block--banner-homepage .featured-block__image-wrapper { max-width: 539px; margin: 16px; flex: 1 1 50%; } @media screen and (max-width: 1000px) { .featured-block--banner-homepage .featured-block__image-wrapper { max-width: none; flex: none; } } .featured-block--banner-homepage .featured-block__image { object-fit: cover; border-radius: 8px; } .featured-block--banner-homepage .featured-block__arrow-wrapper { display: none; } .featured-block--banner-homepage .featured-block__text-wrapper { padding: 16px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; flex: 1 1 50%; } @media screen and (max-width: 1000px) { .featured-block--banner-homepage .featured-block__text-wrapper { flex: none; align-items: center; text-align: center; } } .featured-block--banner-homepage .featured-block__title, .featured-block--banner-homepage .featured-block__subtitle { max-width: 480px; } @media screen and (max-width: 1000px) { .featured-block--banner-homepage .featured-block__title, .featured-block--banner-homepage .featured-block__subtitle { max-width: none; } } .featured-block--banner-homepage h3.featured-block__title { text-transform: uppercase; } .featured-block--in-content { margin-top: 40px; border-radius: 16px; } .featured-block--in-content .featured-block__title, .featured-block--in-content .featured-block__subtitle, .featured-block--banner-contact-page .featured-block__title, .featured-block--banner-contact-page .featured-block__subtitle { max-width: 480px; } .featured-block--in-content .featured-block__text-wrapper { display: flex; flex-direction: column; justify-content: center; } .featured-block--in-content .featured-block__link { max-width: fit-content; } .featured-block--in-content { max-width: 960px; } @media screen and (max-width: 530px) { .featured-block { background-color: transparent; grid-template-columns: 1fr; } } /* Components - Featured Link To Store Block --------------------------------------------- */ .featured-link-to-store-block { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat(4, max-content); justify-items: center; } @media screen and (max-width: 1000px) { .featured-link-to-store-block { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, max-content); column-gap: 16px; } } @media screen and (max-width: 530px) { .featured-link-to-store-block { grid-template-columns: 1fr; grid-template-rows: repeat(4, max-content); } } .featured-link-to-store-block__link, .featured-link-to-store-block__optional-choice-text-wrapper, .featured-link-to-store-block__optional-link { max-width: 304px; text-align: center; } .featured-link-to-store-block__link, .featured-link-to-store-block__optional-link { width: 100%; white-space: nowrap; } @media screen and (max-width: 530px) { .featured-link-to-store-block__link, .featured-link-to-store-block__optional-link { white-space: normal; } } .featured-link-to-store-block__link { margin-top: 25px; } @media screen and (max-width: 1000px) { .featured-link-to-store-block__link { align-self: end; } } @media screen and (max-width: 530px) { .featured-link-to-store-block__link { margin-top: 16px; } } .featured-link-to-store-block__optional-choice-text-wrapper { margin-top: 18px; display: grid; grid-template-columns: 1fr max-content 1fr; width: 100%; align-items: center; column-gap: 6px; } .featured-link-to-store-block__optional-choice-text-wrapper::before, .featured-link-to-store-block__optional-choice-text-wrapper::after { content: ""; background-color: #1E293B; height: 1px; } @media screen and (max-width: 530px) { .featured-link-to-store-block__optional-choice-text-wrapper { margin-top: 16px; } } .featured-link-to-store-block__optional-choice-text { margin: 0; } .featured-link-to-store-block__optional-link { background-color: #1E293B; margin-top: 14px; transition: background-color 350ms; } @media screen and (max-width: 1000px) { .featured-link-to-store-block__optional-link { align-self: start; } } .featured-link-to-store-block__optional-link:hover { background-color: #CBD5E1; } @media screen and (max-width: 1000px) { .featured-link-to-store-block__image-wrapper { grid-row-start: span 3; } } @media screen and (max-width: 530px) { .featured-link-to-store-block__image-wrapper { grid-row-start: inherit; } } .featured-link-to-store-block__image-wrapper img { display: block; } /* Components - Separation Bar --------------------------------------------- */ /* Separation Bar - Generic */ .separation-bar { background-color: #CBD5E1; } .separation-bar:not(.separation-bar-vertical) { height: 1px; width: 100%; } .separation-bar-vertical { height: 100%; width: 1px; } /* Separation Bar - Header */ @media screen and (max-width: 1000px) { .separation-bar--on-search-page { display: none; } } /* Separation Bar - Home Featured Block */ @media screen and (max-width: 1000px) { .row-home-featured .separation-bar-vertical { width: 100%; height: 1px; } } /* Separation Bar - News Grid */ .news-grid .separation-bar:not(.separation-bar-vertical) { grid-area: auto/span 5; } @media screen and (max-width: 1000px) { .news-grid .separation-bar:not(.separation-bar-vertical):not(.odd):not(.even) { grid-area: auto/span 3; } } @media screen and (max-width: 700px) { .news-grid .separation-bar:not(.separation-bar-vertical):not(.odd):not(.even) { grid-area: inherit; } } .news-grid:not(.news-grid--with-newsletter):not(.news-grid--on-homepage) .separation-bar:not(.separation-bar-vertical) { margin-top: 40px; margin-bottom: 40px; } @media screen and (max-width: 1000px) { .news-grid:not(.news-grid--with-newsletter):not(.news-grid--on-homepage) .separation-bar:not(.separation-bar-vertical).odd { margin-top: 0; margin-bottom: 0; } } @media screen and (max-width: 700px) { .news-grid:not(.news-grid--with-newsletter):not(.news-grid--on-homepage) .separation-bar:not(.separation-bar-vertical).odd { margin-top: 29px; margin-bottom: 32px; } } @media screen and (max-width: 1000px) { .news-grid:not(.news-grid--with-newsletter):not(.news-grid--on-homepage) .separation-bar:not(.separation-bar-vertical).even { margin-top: 19px; margin-bottom: 19px; } } .news-grid--on-homepage .separation-bar:not(.separation-bar-vertical) { margin-top: 39.5px; margin-bottom: 48px; } @media screen and (max-width: 1000px) { .news-grid--on-homepage .separation-bar:not(.separation-bar-vertical) { margin-top: 19px; margin-bottom: 19px; } } @media screen and (max-width: 700px) { .news-grid--on-homepage .separation-bar:not(.separation-bar-vertical) { margin-top: 32px; margin-bottom: 12.5px; } } .news-grid--with-newsletter .separation-bar:not(.separation-bar-vertical).odd { margin-top: 37px; margin-bottom: 40px; } @media screen and (max-width: 1000px) { .news-grid--with-newsletter .separation-bar:not(.separation-bar-vertical).odd { margin-top: 0; margin-bottom: 0; } } @media screen and (max-width: 700px) { .news-grid--with-newsletter .separation-bar:not(.separation-bar-vertical).odd { margin-top: 29px; margin-bottom: 32px; } } .news-grid--with-newsletter .separation-bar:not(.separation-bar-vertical):not(.odd):not(.even) { margin-top: 40px; margin-bottom: 41px; } @media screen and (max-width: 1000px) { .news-grid--with-newsletter .separation-bar:not(.separation-bar-vertical):not(.odd):not(.even) { margin-top: 19px; margin-bottom: 19px; } } @media screen and (max-width: 700px) { .news-grid--with-newsletter .separation-bar:not(.separation-bar-vertical):not(.odd):not(.even) { margin-top: 29px; margin-bottom: 32px; } } @media screen and (max-width: 1000px) { .news-grid--with-newsletter .separation-bar-vertical:last-of-type { grid-column-start: span 3; margin-top: 19px; margin-bottom: 19px; width: 100%; height: 1px; } } @media screen and (max-width: 700px) { .news-grid--with-newsletter .separation-bar-vertical:last-of-type { grid-area: inherit; } } /* Separation Bar - Evidence Grid */ @media screen and (max-width: 700px) { .in-evidence-grid .separation-bar.separation-bar-vertical.grid-element-bar { margin-top: 29px; margin-bottom: 32px; } } /* Separation Bar - Expert Grid */ .expert-grid .separation-bar:not(.separation-bar-vertical) { grid-column-start: span 7; margin-top: 40px; margin-bottom: 40px; } /* Separation Bar - Search Result Grid */ .search-result-grid .news-on-search-result--no-image + .separation-bar, .search-result-grid .director-letter-on-search-result + .separation-bar, .search-result-grid .landing-page-on-search-result--no-image + .separation-bar { margin-top: calc(1.25rem + (27 - 20) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .search-result-grid .news-on-search-result--no-image + .separation-bar, .search-result-grid .director-letter-on-search-result + .separation-bar, .search-result-grid .landing-page-on-search-result--no-image + .separation-bar { margin-top: 1.6875rem; } } @media (max-width: 700px) { .search-result-grid .news-on-search-result--no-image + .separation-bar, .search-result-grid .director-letter-on-search-result + .separation-bar, .search-result-grid .landing-page-on-search-result--no-image + .separation-bar { margin-top: 1.25rem; } } .search-result-grid .separation-bar + .news-on-search-result--no-image, .search-result-grid .separation-bar + .director-letter-on-search-result, .search-result-grid .separation-bar + .landing-page-on-search-result--no-image { margin-top: calc(1.5rem + (27 - 24) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .search-result-grid .separation-bar + .news-on-search-result--no-image, .search-result-grid .separation-bar + .director-letter-on-search-result, .search-result-grid .separation-bar + .landing-page-on-search-result--no-image { margin-top: 1.6875rem; } } @media (max-width: 700px) { .search-result-grid .separation-bar + .news-on-search-result--no-image, .search-result-grid .separation-bar + .director-letter-on-search-result, .search-result-grid .separation-bar + .landing-page-on-search-result--no-image { margin-top: 1.5rem; } } .search-result-grid .separation-bar + .news-on-search-result--with-image, .search-result-grid .separation-bar + .landing-page-on-search-result--with-image { margin-top: calc(1.5625rem + (28 - 25) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .search-result-grid .separation-bar + .news-on-search-result--with-image, .search-result-grid .separation-bar + .landing-page-on-search-result--with-image { margin-top: 1.75rem; } } @media (max-width: 700px) { .search-result-grid .separation-bar + .news-on-search-result--with-image, .search-result-grid .separation-bar + .landing-page-on-search-result--with-image { margin-top: 1.5625rem; } } .search-result-grid .news-on-search-result--with-image + .separation-bar, .search-result-grid .landing-page-on-search-result--with-image + .separation-bar { margin-top: calc(1.6875rem + (32 - 27) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .search-result-grid .news-on-search-result--with-image + .separation-bar, .search-result-grid .landing-page-on-search-result--with-image + .separation-bar { margin-top: 2rem; } } @media (max-width: 700px) { .search-result-grid .news-on-search-result--with-image + .separation-bar, .search-result-grid .landing-page-on-search-result--with-image + .separation-bar { margin-top: 1.6875rem; } } .search-result-grid .expert-on-search-result + .separation-bar { margin-top: calc(1.25rem + (27 - 20) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .search-result-grid .expert-on-search-result + .separation-bar { margin-top: 1.6875rem; } } @media (max-width: 700px) { .search-result-grid .expert-on-search-result + .separation-bar { margin-top: 1.25rem; } } .search-result-grid .separation-bar + .expert-on-search-result { margin-top: calc(1.5625rem + (30 - 25) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .search-result-grid .separation-bar + .expert-on-search-result { margin-top: 1.875rem; } } @media (max-width: 700px) { .search-result-grid .separation-bar + .expert-on-search-result { margin-top: 1.5625rem; } } .search-result-grid .page-on-search-result + .separation-bar { margin-top: calc(1.25rem + (27 - 20) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .search-result-grid .page-on-search-result + .separation-bar { margin-top: 1.6875rem; } } @media (max-width: 700px) { .search-result-grid .page-on-search-result + .separation-bar { margin-top: 1.25rem; } } .search-result-grid .separation-bar + .page-on-search-result { margin-top: calc(1.5625rem + (30 - 25) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .search-result-grid .separation-bar + .page-on-search-result { margin-top: 1.875rem; } } @media (max-width: 700px) { .search-result-grid .separation-bar + .page-on-search-result { margin-top: 1.5625rem; } } /* Separation Bar - Information Column Grid */ @media screen and (max-width: 850px) { .information-column-grid .separation-bar.even.three { grid-column-start: span 3; width: 100%; height: 1px; } } @media screen and (max-width: 590px) { .information-column-grid .separation-bar.even.three { grid-column-start: inherit; } } @media screen and (max-width: 590px) { .information-column-grid .separation-bar { width: 100%; height: 1px; } } /* Separation Bar - Landing Page Grid */ .landing-page-grid--three-columns .separation-bar:not(.separation-bar-vertical) { grid-area: auto/span 5; } @media screen and (max-width: 1000px) { .landing-page-grid--three-columns .separation-bar:not(.separation-bar-vertical):not(.odd):not(.even) { grid-area: auto/span 3; } } @media screen and (max-width: 700px) { .landing-page-grid--three-columns .separation-bar:not(.separation-bar-vertical):not(.odd):not(.even) { grid-area: inherit; } } @media screen and (max-width: 1000px) { .landing-page-grid--three-columns .separation-bar:not(.separation-bar-vertical) { margin-top: 19px; margin-bottom: 19px; } } /* Components - Grid Element --------------------------------------------- */ /* Grid Element - Common three to three grid element */ @media screen and (max-width: 1000px) { .news-grid .grid-element-bar.even.three, .in-evidence-grid .grid-element-bar.even.three, .landing-page-grid--three-columns .grid-element-bar.even.three { grid-column-start: span 3; width: 100%; height: 1px; } } @media screen and (max-width: 700px) { .news-grid .grid-element-bar.even.three, .in-evidence-grid .grid-element-bar.even.three, .landing-page-grid--three-columns .grid-element-bar.even.three { grid-area: inherit; } } @media screen and (max-width: 700px) { .news-grid .grid-element.even.three, .in-evidence-grid .grid-element.even.three, .landing-page-grid--three-columns .grid-element.even.three { grid-area: inherit; } } @media screen and (max-width: 1000px) { .news-grid .grid-element-bar.odd.two, .in-evidence-grid .grid-element-bar.odd.two, .landing-page-grid--three-columns .grid-element-bar.odd.two { grid-column-start: 1; grid-column-end: 4; height: 1px; width: 100%; } } @media screen and (max-width: 700px) { .news-grid .grid-element-bar.odd.two, .in-evidence-grid .grid-element-bar.odd.two, .landing-page-grid--three-columns .grid-element-bar.odd.two { grid-area: inherit; } } @media screen and (max-width: 700px) { .news-grid .grid-element-bar.even.two, .news-grid .grid-element-bar.odd.three, .news-grid .grid-element-bar.even.three, .in-evidence-grid .grid-element-bar.even.two, .in-evidence-grid .grid-element-bar.odd.three, .in-evidence-grid .grid-element-bar.even.three, .landing-page-grid--three-columns .grid-element-bar.even.two, .landing-page-grid--three-columns .grid-element-bar.odd.three, .landing-page-grid--three-columns .grid-element-bar.even.three { width: 100%; height: 1px; } } @media screen and (max-width: 1000px) { .news-grid .grid-element-bar:not(.separation-bar-vertical).odd, .in-evidence-grid .grid-element-bar:not(.separation-bar-vertical).odd, .landing-page-grid--three-columns .grid-element-bar:not(.separation-bar-vertical).odd { grid-column-start: 2; height: 100%; width: 1px; margin-top: 0; margin-bottom: 0; } } @media screen and (max-width: 700px) { .news-grid .grid-element-bar:not(.separation-bar-vertical).odd, .in-evidence-grid .grid-element-bar:not(.separation-bar-vertical).odd, .landing-page-grid--three-columns .grid-element-bar:not(.separation-bar-vertical).odd { grid-area: inherit; width: 100%; height: 1px; } } @media screen and (max-width: 1000px) { .news-grid .grid-element-bar:not(.separation-bar-vertical).even, .in-evidence-grid .grid-element-bar:not(.separation-bar-vertical).even, .landing-page-grid--three-columns .grid-element-bar:not(.separation-bar-vertical).even { grid-column-start: span 3; } } @media screen and (max-width: 700px) { .news-grid .grid-element-bar:not(.separation-bar-vertical).even, .in-evidence-grid .grid-element-bar:not(.separation-bar-vertical).even, .landing-page-grid--three-columns .grid-element-bar:not(.separation-bar-vertical).even { grid-area: inherit; } } @media screen and (max-width: 700px) { .news-grid .grid-element-bar:not(.separation-bar-vertical).odd, .news-grid .grid-element-bar:not(.separation-bar-vertical).even, .in-evidence-grid .grid-element-bar:not(.separation-bar-vertical).odd, .in-evidence-grid .grid-element-bar:not(.separation-bar-vertical).even, .landing-page-grid--three-columns .grid-element-bar:not(.separation-bar-vertical).odd, .landing-page-grid--three-columns .grid-element-bar:not(.separation-bar-vertical).even { grid-area: inherit; } } @media screen and (max-width: 1000px) { .news-grid .grid-element-bar:not(.separation-bar-vertical):not(.odd):not(.even), .in-evidence-grid .grid-element-bar:not(.separation-bar-vertical):not(.odd):not(.even), .landing-page-grid--three-columns .grid-element-bar:not(.separation-bar-vertical):not(.odd):not(.even) { grid-area: auto/span 3; } } @media screen and (max-width: 700px) { .news-grid .grid-element-bar:not(.separation-bar-vertical):not(.odd):not(.even), .in-evidence-grid .grid-element-bar:not(.separation-bar-vertical):not(.odd):not(.even), .landing-page-grid--three-columns .grid-element-bar:not(.separation-bar-vertical):not(.odd):not(.even) { grid-area: inherit; } } @media screen and (max-width: 700px) { .news-grid .grid-element-bar:not(.separation-bar-vertical), .in-evidence-grid .grid-element-bar:not(.separation-bar-vertical), .landing-page-grid--three-columns .grid-element-bar:not(.separation-bar-vertical) { grid-area: inherit; } } /* Grid Element - News Grid */ @media screen and (max-width: 1000px) { .news-grid .grid-element-bar.even.three { margin-top: 19px; margin-bottom: 19px; } } @media screen and (max-width: 1000px) { .news-grid .grid-element-bar.odd.two { margin: 19px 0; } } @media screen and (max-width: 700px) { .news-grid .grid-element-bar:not(.separation-bar-vertical).odd { margin: 32px 0 12.5px; } } /* Grid Element - News Grid on Homepage */ @media screen and (max-width: 700px) { .news-grid--on-homepage .grid-element-bar.even.two, .news-grid--on-homepage .grid-element-bar.odd.two, .news-grid--on-homepage .grid-element-bar.odd.three, .news-grid--on-homepage .grid-element-bar.even.three { margin: 32px 0 12.5px; } } @media screen and (max-width: 700px) { .news-grid:not(.news-grid--on-homepage) .grid-element-bar.even.two, .news-grid:not(.news-grid--on-homepage) .grid-element-bar.odd.two, .news-grid:not(.news-grid--on-homepage) .grid-element-bar.odd.three, .news-grid:not(.news-grid--on-homepage) .grid-element-bar.even.three { margin: 29px 0 32px; } } /* Grid Element - Evidence Grid */ @media screen and (max-width: 1000px) { .in-evidence-grid .grid-element-bar.even.three { margin-top: 19px; margin-bottom: 19px; } } @media screen and (max-width: 1000px) { .in-evidence-grid .grid-element-bar.odd.two { margin: 19px 0; } } @media screen and (max-width: 700px) { .in-evidence-grid .grid-element-bar, .in-evidence-grid .grid-element-bar.even.three, .in-evidence-grid .grid-element-bar.odd.two { margin-top: 29px; margin-bottom: 32px; } } /* Grid Element - Expert Grid */ @media screen and (max-width: 1000px) { .expert-grid .grid-element-bar.first.four, .expert-grid .grid-element-bar.second.three, .expert-grid .grid-element-bar.third.two { grid-column-start: span 5; width: 100%; height: 1px; margin-top: 19px; margin-bottom: 19px; } } @media screen and (max-width: 700px) { .expert-grid .grid-element-bar.three:not(.second) { width: 100%; height: 1px; margin-top: 19px; margin-bottom: 19px; } } @media screen and (max-width: 500px) { .expert-grid .grid-element-bar.three:not(.second) { grid-column-start: auto; } } @media screen and (max-width: 700px) { .expert-grid .grid-element-bar.second.three, .expert-grid .grid-element-bar.three:not(.second) { grid-column-start: span 3; } } @media screen and (max-width: 500px) { .expert-grid .grid-element-bar.second.three, .expert-grid .grid-element-bar.three:not(.second) { grid-column-start: auto; margin-top: 24px; margin-bottom: 24px; } } @media screen and (max-width: 700px) { .expert-grid .grid-element-bar.first.four, .expert-grid .grid-element-bar.third.two { grid-column-start: auto; height: 100%; width: 1px; margin: 0; } } @media screen and (max-width: 500px) { .expert-grid .grid-element-bar.first.four, .expert-grid .grid-element-bar.third.two { height: 1px; width: 100%; margin-top: 24px; margin-bottom: 24px; } } @media screen and (max-width: 500px) { .expert-grid .grid-element-bar.four:not(.first), .expert-grid .grid-element-bar.two:not(.third) { width: 100%; height: 1px; margin-top: 24px; margin-bottom: 24px; } } @media screen and (max-width: 1000px) { .expert-grid .grid-element-bar:not(.separation-bar-vertical).second, .expert-grid .grid-element-bar:not(.separation-bar-vertical).third { grid-column-start: auto; height: 100%; width: 1px; margin: 0; } } @media screen and (max-width: 700px) { .expert-grid .grid-element-bar:not(.separation-bar-vertical).second, .expert-grid .grid-element-bar:not(.separation-bar-vertical).third { grid-column-start: span 3; width: 100%; height: 1px; margin-top: 19px; margin-bottom: 19px; } } @media screen and (max-width: 500px) { .expert-grid .grid-element-bar:not(.separation-bar-vertical).second, .expert-grid .grid-element-bar:not(.separation-bar-vertical).third { grid-column-start: auto; margin-top: 24px; margin-bottom: 24px; } } @media screen and (max-width: 1000px) { .expert-grid .grid-element-bar:not(.separation-bar-vertical).first { grid-column-start: span 5; margin-top: 19px; margin-bottom: 19px; } } @media screen and (max-width: 700px) { .expert-grid .grid-element-bar:not(.separation-bar-vertical).first { grid-column-start: span 3; } } @media screen and (max-width: 500px) { .expert-grid .grid-element-bar:not(.separation-bar-vertical).first { grid-column-start: auto; margin-top: 24px; margin-bottom: 24px; } } /* Grid Element - List Row */ @media screen and (max-width: 1000px) { .list-row .grid-element-bar.three:not(.second) { width: 100%; height: 1px; margin-top: 19px; margin-bottom: 19px; } } @media screen and (max-width: 500px) { .list-row .grid-element-bar.three:not(.second) { grid-column-start: auto; } } @media screen and (max-width: 1000px) { .list-row .grid-element-bar.second.three, .list-row .grid-element-bar.three:not(.second) { grid-column-start: span 3; } } @media screen and (max-width: 500px) { .list-row .grid-element-bar.second.three, .list-row .grid-element-bar.three:not(.second) { grid-column-start: auto; margin-top: 24px; margin-bottom: 24px; } } @media screen and (max-width: 1000px) { .list-row .grid-element-bar.first.four, .list-row .grid-element-bar.third.two { grid-column-start: auto; height: 100%; width: 1px; margin: 0; } } @media screen and (max-width: 500px) { .list-row .grid-element-bar.first.four, .list-row .grid-element-bar.third.two { height: 1px; width: 100%; margin-top: 24px; margin-bottom: 24px; } } @media screen and (max-width: 500px) { .list-row .grid-element-bar.four:not(.first), .list-row .grid-element-bar.two:not(.third) { width: 100%; height: 1px; margin-top: 24px; margin-bottom: 24px; } } @media screen and (max-width: 1000px) { .list-row .grid-element-bar:not(.separation-bar-vertical).second, .list-row .grid-element-bar:not(.separation-bar-vertical).third { grid-column-start: auto; height: 100%; width: 1px; margin: 0; } } @media screen and (max-width: 1000px) { .list-row .grid-element-bar:not(.separation-bar-vertical).second, .list-row .grid-element-bar:not(.separation-bar-vertical).third { grid-column-start: span 3; width: 100%; height: 1px; margin-top: 19px; margin-bottom: 19px; } } @media screen and (max-width: 500px) { .list-row .grid-element-bar:not(.separation-bar-vertical).second, .list-row .grid-element-bar:not(.separation-bar-vertical).third { grid-column-start: auto; margin-top: 24px; margin-bottom: 24px; } } @media screen and (max-width: 1000px) { .list-row .grid-element-bar:not(.separation-bar-vertical).first { grid-column-start: span 5; margin-top: 19px; margin-bottom: 19px; } } @media screen and (max-width: 1000px) { .list-row .grid-element-bar:not(.separation-bar-vertical).first { grid-column-start: span 3; } } @media screen and (max-width: 500px) { .list-row .grid-element-bar:not(.separation-bar-vertical).first { grid-column-start: auto; margin-top: 24px; margin-bottom: 24px; } } @media screen and (max-width: 500px) { .list-row .grid-element-bar.separation-bar.separation-bar-vertical { display: none; } } /* Grid Element - Landing Page Grid */ @media screen and (max-width: 1000px) { .landing-page-grid--three-columns .grid-element-bar.even.three { margin-top: 19px; margin-bottom: 19px; } } @media screen and (max-width: 1000px) { .landing-page-grid--three-columns .grid-element-bar.odd.two { margin: 19px 0; } } @media screen and (max-width: 700px) { .landing-page-grid--three-columns .grid-element-bar:not(.separation-bar-vertical).odd { margin: 32px 0 12.5px; } } /* Components - Featured Director Letter --------------------------------------------- */ .featured-director-letter { border-radius: 32px; background-image: linear-gradient(90deg, white 0%, #F9FBFD 55%, #E2E8F0 100%); padding-bottom: 9px; padding-right: 8px; display: grid; grid-template-rows: max-content max-content 1fr; } .featured-director-letter__author-title, .featured-director-letter__author-name, .featured-director-letter__title, .featured-director-letter__date { margin: 0; } .featured-director-letter__author-name { margin-top: 3px; } .featured-director-letter__author-image-wrapper { margin-top: 8px; background-color: white; border-radius: 50%; overflow: hidden; max-height: 48px; grid-area: 1/2/3/3; justify-self: start; } .featured-director-letter__author-image { display: block; } .featured-director-letter__title { margin-top: 8px; } .featured-director-letter__date { margin-top: 32px; } .featured-director-letter__category-and-date-wrapper { align-self: flex-end; } /* Components - News Category --------------------------------------------- */ .featured-news__category, .news__category, .news-on-search-result__category, .director-letter-card__category { padding: 4px 6px; border-radius: 4px; background-color: #E2E8F0; font-size: 0.688rem; line-height: 1.45; } /* Components - Featured News --------------------------------------------- */ .featured-news { display: grid; grid-template-columns: 1fr; grid-template-rows: max-content 1fr; } .featured-news__author, .featured-news__title, .featured-news__category, .featured-news__date { margin: 0; } .featured-news__titles-wrapper { display: grid; grid-template-columns: 1fr max-content; column-gap: 16px; } .featured-news__author { margin-top: 17.5px; } .featured-news__title { margin-top: 9px; } @media screen and (max-width: 700px) { .featured-news__title { margin-top: 11px; } } .featured-news:hover .featured-news__title { text-decoration: underline; } .featured-news__author-image-wrapper, .featured-news__author-image-grid { grid-area: 1/2/3/3; } .featured-news__author-image-wrapper img, .featured-news__author-image-grid img { display: block; } .featured-news__author-image-wrapper { background-color: white; border-radius: 50%; overflow: hidden; outline: 2px solid white; max-height: 48px; } .featured-news__author-image-grid { display: grid; grid-template-columns: 32px 48px; grid-template-rows: 15px 48px; } .featured-news__author-image-grid .featured-news__author-image-wrapper:first-child { grid-area: 1/1/3/3; justify-self: start; } .featured-news__author-image-grid .featured-news__author-image-wrapper:last-child { grid-area: 2/2/3/3; justify-self: end; } .featured-news__category-and-date-wrapper { margin-top: 28px; align-self: end; } @media screen and (max-width: 700px) { .featured-news__category-and-date-wrapper { margin-top: 27px; } } /* Components - News --------------------------------------------- */ .news { display: grid; grid-template-columns: 1fr; } .news__category, .news__date, .news__title { margin: 0; } .news__category { border-radius: 8px; text-decoration: none; color: inherit; } .news__category:hover { text-decoration: underline; } .news__category--director-letter { background-color: #FCECD4; color: #935B0C; } .news__category--director-letter:hover { text-decoration: none; } .news__title { text-decoration: none; color: inherit; } .news__title:hover { text-decoration: underline; } .news__image--mobile { display: none; } @media screen and (max-width: 700px) { .news__image--mobile { display: block; } } .news__image:not(.news__image--mobile) { display: block; } @media screen and (max-width: 700px) { .news__image:not(.news__image--mobile) { display: none; } } .news__image-wrapper { width: 351px; height: 184px; border-radius: 8px; overflow: hidden; margin-top: 16px; } @media screen and (max-width: 1000px) { .news__image-wrapper { width: 100%; } } .news__image { width: 100%; height: 100%; object-fit: cover; } .news-with-excerpt .news__title { margin-top: 8px; } .news-with-image .news__title { margin-top: 23px; } @media screen and (max-width: 700px) { .news-with-image .news__title { margin-top: 22px; } } .news__excerpt { margin-top: 7px; margin-bottom: 0; } @media screen and (max-width: 700px) { .news__excerpt { margin-top: 10px; } } .news__author { margin-bottom: 0; align-self: end; } .news__author-name { color: #AA6500; font-size: 11px; line-height: 16px; letter-spacing: 0.11px; text-transform: uppercase; } .news__author-prefix--pubblicazione { color: #475569; font-weight: 400; text-transform: none; } .news__author-prefix--pubblicazione + span, .news__author-prefix--pubblicazione + .news__author-link { color: #AA6500; font-size: 11px; line-height: 16px; letter-spacing: 0.11px; text-transform: uppercase; } .news__author-prefix--pubblicazione + .news__author-link { text-decoration: none; } .news__author-prefix--pubblicazione + .news__author-link:hover { text-decoration: underline; } .news-with-excerpt .news__author { margin-top: 24px; margin-bottom: auto; } @media screen and (max-width: 700px) { .news-with-excerpt .news { margin-top: 23px; } } .news-with-sponsorised-label { grid-template-rows: max-content max-content max-content max-content 1fr; } .news:not(.news-with-sponsorised-label) { grid-template-rows: max-content max-content max-content 1fr; } .news-with-image .news__author { margin-top: 23px; margin-bottom: auto; } @media screen and (max-width: 700px) { .news-with-image .news { margin-top: 24px; } } .news__sponsorised-label-wrapper { display: grid; grid-template-columns: max-content 1fr; column-gap: 1px; padding: 2px 8px 2px 2px; background-image: linear-gradient(270deg, rgba(252, 236, 212, 0) 0%, rgba(252, 236, 212, 0.3019607843) 51%, #FCECD4 100%); align-items: center; justify-self: start; border-radius: 4px; } .news__sponsorised-icon { display: block; } .news__sponsorised-icon-label { margin-top: 0; margin-bottom: 0; } .news-with-sponsorised-label .news__category-and-date-wrapper { padding-top: 6px; } /* Components - Director Letter Card --------------------------------------------- */ .director-letter-card { display: grid; grid-template-columns: 1fr; grid-template-rows: max-content max-content 1fr; } .director-letter-card__category, .director-letter-card__date, .director-letter-card__title { margin: 0; } .director-letter-card:hover .director-letter-card__title { text-decoration: underline; } .director-letter-card__title { margin-top: 15px; } @media screen and (max-width: 700px) { .director-letter-card__title { margin-top: 17px; } } .director-letter-card__author { margin-bottom: 0; align-self: end; } .director-letter-card__author { margin-top: 24px; } @media screen and (max-width: 700px) { .director-letter-card__author { margin-top: 23px; } } /* Components - Newsletter box on Home --------------------------------------------- */ .newsletter-box-on-home { display: grid; grid-column-start: span 3; overflow: hidden; border-radius: 16px; align-self: center; } @media screen and (max-width: 1000px) { .newsletter-box-on-home--in-featured-posts-and-letter { margin-top: 19px; } } @media screen and (max-width: 700px) { .newsletter-box-on-home--in-featured-posts-and-letter { margin-top: 0; } } @media screen and (max-width: 700px) { .newsletter-box-on-home { grid-area: inherit; } } .newsletter-box-on-home__image-wrapper { grid-area: 1/1/2/2; position: relative; } .newsletter-box-on-home__image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(253deg, #F8FAFC 0%, #FCECD4 100%); } .newsletter-box-on-home__image { position: absolute; } .newsletter-box-on-home--in-featured-posts-and-letter .newsletter-box-on-home__image { right: 19.05%; } .newsletter-box-on-home--in-featured-posts .newsletter-box-on-home__image { top: 9.73px; right: 56px; } @media screen and (max-width: 700px) { .newsletter-box-on-home--in-featured-posts .newsletter-box-on-home__image { top: 128px; right: 16px; } } .newsletter-box-on-home__text-and-link-wrapper { grid-area: 1/1/2/2; z-index: 1; display: grid; grid-template-columns: minmax(auto, 421px) max-content; justify-content: space-between; column-gap: 32px; } @media screen and (max-width: 700px) { .newsletter-box-on-home__text-and-link-wrapper { grid-template-columns: 1fr; column-gap: 0; } } .newsletter-box-on-home--in-featured-posts-and-letter .newsletter-box-on-home__text-and-link-wrapper { padding-top: calc(1.6875rem + (55 - 27) * (100vw - 660px) / (1000 - 660)); padding-right: calc(1rem + (56.25 - 16) * (100vw - 660px) / (1000 - 660)); padding-bottom: calc(1.375rem + (56 - 22) * (100vw - 660px) / (1000 - 660)); padding-left: calc(1rem + (49 - 16) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .newsletter-box-on-home--in-featured-posts-and-letter .newsletter-box-on-home__text-and-link-wrapper { padding: 3.4375rem 3.515625rem 3.5rem 3.0625rem; } } @media (max-width: 660px) { .newsletter-box-on-home--in-featured-posts-and-letter .newsletter-box-on-home__text-and-link-wrapper { padding: 1.6875rem 1rem 1.375rem 1rem; } } .newsletter-box-on-home--in-featured-posts .newsletter-box-on-home__text-and-link-wrapper { padding-top: calc(1.6875rem + (68 - 27) * (100vw - 660px) / (1000 - 660)); padding-right: calc(1rem + (56.25 - 16) * (100vw - 660px) / (1000 - 660)); padding-bottom: calc(1.375rem + (71 - 22) * (100vw - 660px) / (1000 - 660)); padding-left: calc(1rem + (49 - 16) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .newsletter-box-on-home--in-featured-posts .newsletter-box-on-home__text-and-link-wrapper { padding: 4.25rem 3.515625rem 4.4375rem 3.0625rem; } } @media (max-width: 660px) { .newsletter-box-on-home--in-featured-posts .newsletter-box-on-home__text-and-link-wrapper { padding: 1.6875rem 1rem 1.375rem 1rem; } } .newsletter-box-on-home__title, .newsletter-box-on-home__description { margin: 0; } .newsletter-box-on-home__description { max-width: 373px; } @media screen and (max-width: 700px) { .newsletter-box-on-home__description { max-width: 100%; } } .newsletter-box-on-home__link { grid-column-start: 2; grid-row-start: 1; grid-row-end: 3; align-self: center; } @media screen and (max-width: 700px) { .newsletter-box-on-home__link { grid-area: auto; justify-self: center; margin-top: 36px; } } /* Components - Training Box --------------------------------------------- */ .training-box { border-radius: 16px; background-image: linear-gradient(0deg, rgba(248, 250, 252, 0) 0%, rgba(248, 250, 252, 0) 27%, #F8FAFC 100%); border: 1px solid #1E293B; display: grid; padding-top: calc(1.25rem + (31 - 20) * (100vw - 660px) / (1000 - 660)); padding-right: calc(1rem + (32 - 16) * (100vw - 660px) / (1000 - 660)); padding-bottom: calc(1.3125rem + (27 - 21) * (100vw - 660px) / (1000 - 660)); padding-left: calc(1rem + (32 - 16) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .training-box { padding: 1.9375rem 2rem 1.6875rem 2rem; } } @media (max-width: 660px) { .training-box { padding: 1.25rem 1rem 1.3125rem 1rem; } } .training-box--with-label { grid-template-rows: max-content 1fr max-content; } .training-box:not(.training-box--with-label) { grid-template-rows: 1fr max-content; } .training-box__labels-wrapper { display: grid; grid-template-columns: max-content max-content 1fr; column-gap: 8px; align-items: center; grid-template-rows: max-content; } @media screen and (max-width: 530px) { .training-box__labels-wrapper { grid-template-columns: 1fr; row-gap: 16px; justify-items: start; } } .training-box__free-or-accredited, .training-box__accredited-specifications, .training-box__title, .training-box__info-title, .training-box__info-data, .training-box__category { margin: 0; } .training-box__free-or-accredited { border-radius: 8px; padding: 4px 6px; align-self: start; } .training-box__free-or-accredited--free { background-color: #FCECD4; } .training-box__free-or-accredited--accredited { display: flex; align-items: center; gap: 2px; justify-content: center; background-color: #D9F3DA; } .training-box__title { margin-top: 8px; font-weight: 700; } .training-box:hover .training-box__title { text-decoration: underline; } .training-box__info-wrapper { margin-top: 8px; padding-top: 4px; display: grid; grid-template-columns: repeat(3, max-content); gap: 24px; } @media screen and (max-width: 1000px) { .training-box__info-wrapper { grid-template-columns: 1fr 1fr; row-gap: 16px; } } .training-box__start-on { max-width: 103px; } .training-box__typology { max-width: 87px; } .training-box__info-data { margin-top: 3px; } .training-box__category { justify-self: end; align-self: center; padding: 4px 6px; border-radius: 8px; background-color: #E2E8F0; white-space: nowrap; } @media screen and (max-width: 1000px) { .training-box__category { justify-self: start; } } /* Components - In Evidence Box --------------------------------------------- */ .in-evidence-box__icon { display: block; } .in-evidence-box__title, .in-evidence-box__text { margin-bottom: 0; } .in-evidence-box__title { margin-top: 11px; } .in-evidence-box__text { margin-top: 8px; } .in-evidence-box__text p { margin: 0; } .in-evidence-box__text ul { padding-left: 20px; margin: 0; } .in-evidence-box__text li::marker { color: #EF8E01; } .in-evidence-box__text li span { position: relative; left: -9px; } /* Components - Breadcrumbs --------------------------------------------- */ .breadcrumb-arrow, .breadcrumb-arrow img { display: block; } .breadcrumb-path, .breadcrumb-current { white-space: nowrap; } .breadcrumb-arrow { width: 4.5px; min-width: 4.5px; } /* Components - Pagination Tabs --------------------------------------------- */ /* Components - Index Table --------------------------------------------- */ .index-table { margin-top: 41px; margin-bottom: 42px; max-width: 788px; position: relative; padding: 38px 34px 40px; border-radius: 16px; overflow: hidden; padding-top: calc(1.25rem + (38 - 20) * (100vw - 700px) / (1000 - 700)); padding-right: calc(1rem + (34 - 16) * (100vw - 700px) / (1000 - 700)); padding-bottom: calc(1.625rem + (40 - 26) * (100vw - 700px) / (1000 - 700)); padding-left: calc(1rem + (34 - 16) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .index-table { padding: 2.375rem 2.125rem 2.5rem 2.125rem; } } @media (max-width: 700px) { .index-table { padding: 1.25rem 1rem 1.625rem 1rem; } } .index-table__overlay { position: absolute; top: 0; left: 0; width: 40.6%; bottom: 0; background-image: linear-gradient(270deg, rgba(252, 236, 212, 0) 0%, rgba(252, 236, 212, 0.3019607843) 64%, #FCECD4 100%); z-index: -1; } @media screen and (max-width: 700px) { .index-table__overlay { width: 100%; } } .index-table__introductory-title, .index-table__list { margin-bottom: 0; } .index-table__introductory-title { margin-top: 0; } .index-table__list { margin-top: calc(0.8125rem + (20.5 - 13) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .index-table__list { margin-top: 1.28125rem; } } @media (max-width: 700px) { .index-table__list { margin-top: 0.8125rem; } } .index-table__list { padding-left: calc(1.0625rem + (21 - 17) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .index-table__list { padding-left: 1.3125rem; } } @media (max-width: 700px) { .index-table__list { padding-left: 1.0625rem; } } .index-table__list-element { margin-top: calc(0.625rem + (18 - 10) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .index-table__list-element { margin-top: 1.125rem; } } @media (max-width: 700px) { .index-table__list-element { margin-top: 0.625rem; } } .index-table__link { text-decoration-thickness: 0.5px; } /* Components - Expert --------------------------------------------- */ .featured-expert { max-height: 205px; overflow: hidden; position: relative; } .featured-expert--with-badge { display: grid; grid-template-columns: 1fr minmax(auto, 122px); } @media screen and (max-width: 500px) { .featured-expert { display: grid; grid-template-columns: max-content 1fr; column-gap: 16px; max-height: none; } } .featured-expert__image-wrapper { border-radius: 50%; overflow: hidden; display: inline-block; } @media screen and (max-width: 500px) { .featured-expert__image-wrapper { grid-row-start: span 2; align-self: start; } } .featured-expert--with-badge .featured-expert__image-wrapper { justify-self: start; } .featured-expert__image:not(.featured-expert__image--mobile) { display: block; } @media screen and (max-width: 700px) { .featured-expert__image:not(.featured-expert__image--mobile) { display: none; } } .featured-expert__image--mobile { display: none; } @media screen and (max-width: 700px) { .featured-expert__image--mobile { display: block; } } .featured-expert__badge-wrapper { display: grid; grid-area: 1/2/2/3; } @media screen and (max-width: 700px) { .featured-expert__badge-wrapper { max-width: 122px; } } .featured-expert__shadow-line-wrapper, .featured-expert__badge { grid-area: 1/1/2/2; } .featured-expert__shadow-line-wrapper { filter: blur(2px); } .featured-expert__shadow-line { display: block; width: 100%; } .featured-expert__badge { position: relative; justify-self: center; align-self: start; padding: 10px 8px 9px; background-color: #FCECD4; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .featured-expert__name, .featured-expert__description { margin-bottom: 0; } .featured-expert--with-badge .featured-expert__name, .featured-expert--with-badge .featured-expert__description { grid-column: span 2; } @media screen and (max-width: 500px) { .featured-expert--with-badge .featured-expert__name, .featured-expert--with-badge .featured-expert__description { grid-column: 2/3; } } .featured-expert__name { margin-top: 18px; } @media screen and (max-width: 500px) { .featured-expert:not(.featured-expert--with-badge) .featured-expert__name { margin-top: 0; } } @media screen and (max-width: 500px) { .featured-expert--with-badge .featured-expert__name { margin-top: 16px; } } .featured-expert:hover .featured-expert__name { text-decoration: underline; } .featured-expert__description { margin-top: 4px; } @media screen and (max-width: 500px) { .featured-expert__description { margin-top: 3px; } } .featured-expert::after { content: ""; position: absolute; bottom: -40px; left: 0; right: 0; height: 37.62%; background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 46%, white 100%); } @media screen and (max-width: 500px) { .featured-expert::after { display: none; } } /* Components - Accordion --------------------------------------------- */ .accordion { position: relative; border-radius: 16px; overflow: hidden; padding-top: 16px; padding-left: 16px; padding-right: 44px; cursor: pointer; display: grid; grid-template-columns: max-content 1fr; grid-template-rows: max-content 1fr; column-gap: 23px; row-gap: 2px; } @media screen and (max-width: 530px) { .accordion { padding-right: 16px; row-gap: 18px; } } .accordion__overlay { position: absolute; background-image: linear-gradient(242deg, #F8FAFC 0%, #F8FAFC 31%, #FCECD4 100%); top: 0; left: 0; right: 0; bottom: 0; z-index: -1; opacity: 0; transition: opacity 350ms; } .accordion-input { display: none; } .accordion-input:checked + .accordion { padding-bottom: 41px; } .accordion-input:checked + .accordion > .accordion__overlay { opacity: 1; } .accordion-input:checked + .accordion > .accordion__arrow-wrapper > .accordion__arrow { transform: rotate(180deg); } .accordion-input:checked + .accordion > .accordion__text-wrapper { max-height: 100%; } .accordion__arrow-wrapper { padding: 16px; border-radius: 50%; background-color: white; } .accordion__arrow { display: block; transition: transform 350ms; } .accordion__title { margin: 0; align-self: center; } .accordion__text-wrapper { grid-column-start: 2; max-height: 0; transition: max-height 350ms; overflow: hidden; } @media screen and (max-width: 530px) { .accordion__text-wrapper { grid-column-start: 1; grid-column-end: 3; } } .accordion__text { margin: 0; } .accordion__link { margin-top: 24px; display: inline-block; border-bottom: 1px solid #EF8E01; } /* Components - Names Wrapper --------------------------------------------- */ .role-or-area, .names { margin: 0; } .names { margin-top: 1px; } .names-wrapper:not(.names-wrapper:first-child) { margin-top: calc(1.5625rem + (30 - 25) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .names-wrapper:not(.names-wrapper:first-child) { margin-top: 1.875rem; } } @media (max-width: 700px) { .names-wrapper:not(.names-wrapper:first-child) { margin-top: 1.5625rem; } } /* Components - File Box --------------------------------------------- */ .file-box { border-radius: 16px; padding: 32px 16px; overflow: hidden; background-image: linear-gradient(310deg, #F8FAFC 0%, #FCECD4 100%); } .file-box:hover { text-decoration: underline; } /* Components - Call To Action Block Magazine --------------------------------------------- */ .call-to-action-block-magazine { max-width: 960px; border-radius: 16px; overflow: hidden; display: grid; grid-template-columns: max-content minmax(auto, 548px); justify-content: space-between; column-gap: 16px; padding: 17px 60px 16px 0; background-color: #F8FAFC; margin-top: 76px; margin-bottom: 85px; align-items: center; } @media screen and (max-width: 700px) { .call-to-action-block-magazine { grid-template-columns: 1fr; margin-top: 16px; margin-bottom: 16px; padding-top: 0; padding-left: 0; padding-right: 16px; padding-bottom: 32.32px; } } .call-to-action-block-magazine__image:not(.call-to-action-block-magazine__image--mobile) { display: block; } @media screen and (max-width: 700px) { .call-to-action-block-magazine__image:not(.call-to-action-block-magazine__image--mobile) { display: none; } } .call-to-action-block-magazine__image--mobile { display: none; } @media screen and (max-width: 700px) { .call-to-action-block-magazine__image--mobile { display: block; } } .call-to-action-block-magazine__title, .call-to-action-block-magazine__description { margin-bottom: 0; } .call-to-action-block-magazine__title { margin-top: 0; } .call-to-action-block-magazine__description { margin-top: 9px; } @media screen and (max-width: 700px) { .call-to-action-block-magazine__description { margin-top: 4px; } } .call-to-action-block-magazine__link { margin-top: calc(1.5rem + (32 - 24) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .call-to-action-block-magazine__link { margin-top: 2rem; } } @media (max-width: 700px) { .call-to-action-block-magazine__link { margin-top: 1.5rem; } } @media screen and (max-width: 700px) { .call-to-action-block-magazine__text-wrapper { padding-left: 16px; } } @media print { .call-to-action-block-magazine { display: none; } } /* Components - Call To Action Block Essential --------------------------------------------- */ .call-to-action-block-essential { margin-top: 85px; margin-bottom: 85px; border-radius: 16px; display: grid; justify-items: center; background-color: #F8FAFC; padding: 41px 60px 47px; } @media screen and (max-width: 700px) { .call-to-action-block-essential { padding: 25.68px 16px 32.32px; margin-top: 16px; margin-bottom: 16px; } } .call-to-action-block-essential__title, .call-to-action-block-essential__description, .call-to-action-block-essential__link { text-align: center; max-width: 548px; } .call-to-action-block-essential__title { margin: 0; } @media screen and (max-width: 700px) { .call-to-action-block-essential__title { padding-left: 0.25px; } } .call-to-action-block-essential__description, .call-to-action-block-essential__link { margin-bottom: 0; } .call-to-action-block-essential__description { margin-top: calc(0.25rem + (9 - 4) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .call-to-action-block-essential__description { margin-top: 0.5625rem; } } @media (max-width: 700px) { .call-to-action-block-essential__description { margin-top: 0.25rem; } } .call-to-action-block-essential__link { margin-top: calc(1.625rem + (28 - 26) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .call-to-action-block-essential__link { margin-top: 1.75rem; } } @media (max-width: 700px) { .call-to-action-block-essential__link { margin-top: 1.625rem; } } @media print { .call-to-action-block-essential { display: none; } } /* Components - Call To Action Block Minimal --------------------------------------------- */ .call-to-action-block-minimal { margin-top: 85px; margin-bottom: 89px; display: grid; justify-items: center; } @media screen and (max-width: 700px) { .call-to-action-block-minimal { margin-top: 16px; margin-bottom: 16px; } } .call-to-action-block-minimal__title, .call-to-action-block-minimal__link { margin-bottom: 0; } .call-to-action-block-minimal__title { margin-top: 0; text-align: center; } .call-to-action-block-minimal__link { margin-top: calc(1.625rem + (29 - 26) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .call-to-action-block-minimal__link { margin-top: 1.8125rem; } } @media (max-width: 700px) { .call-to-action-block-minimal__link { margin-top: 1.625rem; } } @media print { .call-to-action-block-minimal { display: none; } } /* Components - News On Search Result --------------------------------------------- */ .news-on-search-result { display: grid; } .news-on-search-result--with-image { grid-template-columns: minmax(auto, 680px) max-content; grid-template-rows: max-content max-content 1fr; justify-content: space-between; column-gap: 40px; } @media screen and (max-width: 660px) { .news-on-search-result--with-image { grid-template-columns: 1fr; grid-template-rows: repeat(4, max-content); } } .news-on-search-result:not(.news-on-search-result--with-image) { grid-template-columns: minmax(auto, 840px); } .news-on-search-result__info-wrapper { display: flex; column-gap: 16px; } @media screen and (max-width: 1000px) { .news-on-search-result__info-wrapper { flex-direction: column; row-gap: 8px; } } .news-on-search-result__info-left-part, .news-on-search-result__info-right-part { display: grid; grid-template-columns: max-content minmax(8px, 24px) 1px minmax(8px, 24px) max-content; } .news-on-search-result__info-left-part { align-items: baseline; } .news-on-search-result__info-right-part { align-items: center; } .news-on-search-result__post-type, .news-on-search-result__category, .news-on-search-result__date, .news-on-search-result__author { margin-top: 0; } .news-on-search-result__post-type, .news-on-search-result__category, .news-on-search-result__date, .news-on-search-result__author, .news-on-search-result__title, .news-on-search-result__excerpt { margin-bottom: 0; } .news-on-search-result .separation-bar-vertical { height: 24px; align-self: center; grid-column-start: 3; } @media screen and (max-width: 430px) { .news-on-search-result__info-right-part .separation-bar-vertical { display: none; } } .news-on-search-result__category, .news-on-search-result__author:not(.news-on-search-result__author--mobile) { grid-column-start: 5; } @media screen and (max-width: 430px) { .news-on-search-result__author { display: none; } } .news-on-search-result__author--mobile { display: none; margin-top: 16px; } @media screen and (max-width: 430px) { .news-on-search-result__author--mobile { display: block; } } .news-on-search-result__title { margin-top: 8px; } .news-on-search-result:hover .news-on-search-result__title { text-decoration: underline; } .news-on-search-result__excerpt { margin-top: 1px; } .news-on-search-result__image-wrapper { grid-area: 1/2/4/3; } @media screen and (max-width: 660px) { .news-on-search-result__image-wrapper { grid-area: 1/1/2/2; margin-bottom: 16px; } } .news-on-search-result__image { display: block; } /* Components - Expert On Search Result --------------------------------------------- */ .expert-on-search-result { display: grid; grid-template-columns: minmax(auto, 680px) max-content; justify-content: space-between; column-gap: 40px; } @media screen and (max-width: 700px) { .expert-on-search-result { grid-template-columns: 1fr 70px; } } .expert-on-search-result__post-type { margin-top: 0; } .expert-on-search-result__post-type, .expert-on-search-result__title, .expert-on-search-result__description { margin-bottom: 0; } @media screen and (max-width: 700px) { .expert-on-search-result__post-type { align-self: end; } } .expert-on-search-result__title { margin-top: 15px; } @media screen and (max-width: 700px) { .expert-on-search-result__title { align-self: start; } } .expert-on-search-result:hover .expert-on-search-result__title { text-decoration: underline; } .expert-on-search-result__description { margin-top: calc(0.25rem + (0 - 4) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .expert-on-search-result__description { margin-top: 0rem; } } @media (max-width: 700px) { .expert-on-search-result__description { margin-top: 0.25rem; } } @media screen and (max-width: 700px) { .expert-on-search-result__description { grid-column-start: span 2; } } .expert-on-search-result__image-wrapper { grid-area: 1/2/4/3; overflow: hidden; border-radius: 50%; align-self: start; } @media screen and (max-width: 700px) { .expert-on-search-result__image-wrapper { grid-area: 1/2/3/3; } } .expert-on-search-result__image { display: block; } @media screen and (max-width: 700px) { .expert-on-search-result__image { display: none; } } .expert-on-search-result__image--mobile { display: none; } @media screen and (max-width: 700px) { .expert-on-search-result__image--mobile { display: block; } } /* Components - Page On Search Result --------------------------------------------- */ .page-on-search-result { display: grid; } .page-on-search-result__post-type { margin-top: 0; } .page-on-search-result__post-type, .page-on-search-result__title, .page-on-search-result__description { margin-bottom: 0; } .page-on-search-result__title { margin-top: 15px; } .page-on-search-result:hover .page-on-search-result__title { text-decoration: underline; } .page-on-search-result__description { margin-top: calc(0.25rem + (0 - 4) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .page-on-search-result__description { margin-top: 0rem; } } @media (max-width: 700px) { .page-on-search-result__description { margin-top: 0.25rem; } } /* Components - Director Letter On Search Result --------------------------------------------- */ .director-letter-on-search-result { display: grid; } .director-letter-on-search-result__post-type, .director-letter-on-search-result__date, .director-letter-on-search-result__author:not(.director-letter-on-search-result__author--mobile) { margin-top: 0; } .director-letter-on-search-result__post-type, .director-letter-on-search-result__date, .director-letter-on-search-result__author, .director-letter-on-search-result__title, .director-letter-on-search-result__excerpt { margin-bottom: 0; } .director-letter-on-search-result__info-wrapper { display: flex; align-items: baseline; } @media screen and (max-width: 1000px) { .director-letter-on-search-result__info-wrapper { flex-direction: column; row-gap: 8px; } } .director-letter-on-search-result__info-left-part, .director-letter-on-search-result__info-right-part { display: grid; } .director-letter-on-search-result__info-left-part { align-items: baseline; grid-template-columns: max-content minmax(8px, 24px) 1px minmax(8px, 24px); } @media screen and (max-width: 1000px) { .director-letter-on-search-result__info-left-part .separation-bar-vertical { display: none; } } .director-letter-on-search-result__info-right-part { align-items: center; grid-template-columns: max-content minmax(8px, 24px) 1px minmax(8px, 24px) max-content; } @media screen and (max-width: 430px) { .director-letter-on-search-result__info-right-part .separation-bar-vertical { display: none; } } .director-letter-on-search-result .separation-bar-vertical { height: 24px; align-self: center; grid-column-start: 3; } .director-letter-on-search-result__author:not(.director-letter-on-search-result__author--mobile) { grid-column-start: 5; } @media screen and (max-width: 430px) { .director-letter-on-search-result__author:not(.director-letter-on-search-result__author--mobile) { display: none; } } .director-letter-on-search-result__author--mobile { display: none; margin-top: 16px; } @media screen and (max-width: 430px) { .director-letter-on-search-result__author--mobile { display: block; } } .director-letter-on-search-result__title { margin-top: 8px; } .director-letter-on-search-result:hover .director-letter-on-search-result__title { text-decoration: underline; } .director-letter-on-search-result__excerpt { margin-top: 1px; } /* Components - Landing Page On Search Result --------------------------------------------- */ .landing-page-on-search-result { display: grid; } .landing-page-on-search-result--with-image { grid-template-columns: minmax(auto, 680px) max-content; grid-template-rows: max-content max-content 1fr; justify-content: space-between; column-gap: 40px; } @media screen and (max-width: 660px) { .landing-page-on-search-result--with-image { grid-template-columns: 1fr; grid-template-rows: repeat(4, max-content); } } .landing-page-on-search-result:not(.landing-page-on-search-result--with-image) { grid-template-columns: minmax(auto, 840px); } .landing-page-on-search-result__post-type { margin-top: 0; } .landing-page-on-search-result__post-type, .landing-page-on-search-result__title { margin-bottom: 0; } .landing-page-on-search-result__title { margin-top: 8px; } .landing-page-on-search-result:hover .landing-page-on-search-result__title { text-decoration: underline; } .landing-page-on-search-result__image-wrapper { grid-area: 1/2/4/3; } @media screen and (max-width: 660px) { .landing-page-on-search-result__image-wrapper { grid-area: 1/1/2/2; margin-bottom: 16px; } } .landing-page-on-search-result__image { display: block; } /* Components - Single Expert Info Box --------------------------------------------- */ .single-expert-info-box { display: grid; } @media screen and (max-width: 1000px) { .single-expert-info-box--contact { grid-column-start: span 2; } } .single-expert-info-box--area-of-specialization { grid-area: 1/2/2/3; } @media screen and (max-width: 1000px) { .single-expert-info-box--area-of-specialization { grid-column-start: span 2; grid-row-start: 2; } } .single-expert-info-box--main-professional-experience, .single-expert-info-box--publications { grid-column-start: span 2; } .single-expert-info-box__title-wrapper { padding-bottom: 8px; border-bottom: 1px solid #CBD5E1; } .single-expert-info-box__title { margin-top: 0; } .single-expert-info-box__title, .single-expert-info-box__list, .single-expert-info-box__data { margin-bottom: 0; } .single-expert-info-box__list, .single-expert-info-box__data { margin-top: 14px; } .single-expert-info-box__list { padding-left: 16px; } .single-expert-info-box__list-item--email::marker { content: var(--icon-email); } .single-expert-info-box__list-item--website::marker { content: var(--icon-website); } .single-expert-info-box__email { word-break: break-word; margin-left: 4px; vertical-align: text-bottom; } .single-expert-info-grid--no-contact .single-expert-info-box--area-of-specialization { grid-area: 1/1/2/3; } .single-expert-info-grid--no-area-of-specialization .single-expert-info-box--contact { grid-area: 1/1/2/3; } /* Components - Photo Text Presentation --------------------------------------------- */ .photo-text-presentation { display: grid; align-items: center; column-gap: calc(1.5rem + (79.75 - 24) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .photo-text-presentation { column-gap: 4.984375rem; } } @media (max-width: 700px) { .photo-text-presentation { column-gap: 1.5rem; } } .photo-text-presentation--left { grid-template-columns: minmax(250px, 720px) minmax(auto, 480.25px); grid-template-areas: "image text"; } .photo-text-presentation--right { grid-template-columns: minmax(auto, 480.25px) minmax(250px, 720px); grid-template-areas: "text image"; } @media screen and (max-width: 700px) { .photo-text-presentation { grid-template-columns: minmax(16px, 1fr) minmax(180px, 1fr) minmax(16px, 1fr); grid-template-rows: minmax(30px, auto) auto auto; } } @media screen and (max-width: 590px) { .photo-text-presentation { grid-template-columns: 1fr; column-gap: 0; } } .photo-text-presentation__text-wrapper { grid-area: text; } @media screen and (max-width: 700px) { .photo-text-presentation__text-wrapper { grid-area: 2/2/4/4; z-index: 1; background-color: white; padding: 21px 16px; border-radius: 16px; } } @media screen and (max-width: 590px) { .photo-text-presentation__text-wrapper { grid-area: 2/1/3/2; border-top-right-radius: 0; border-top-left-radius: 0; } } .photo-text-presentation__title, .photo-text-presentation__content { margin-bottom: 0; max-width: 480px; } .photo-text-presentation__title { margin-top: 0; padding-left: 0.25px; } .photo-text-presentation__content { margin-top: 9px; } .photo-text-presentation__image-wrapper { grid-area: image; border-radius: 16px; overflow: hidden; align-self: start; } @media screen and (max-width: 700px) { .photo-text-presentation__image-wrapper { grid-area: 1/1/3/3; } } @media screen and (max-width: 590px) { .photo-text-presentation__image-wrapper { grid-area: 1/1/2/2; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } } .photo-text-presentation__image { display: block; } /* Components - Map Text Presentation --------------------------------------------- */ .map-text-presentation { display: grid; grid-template-columns: minmax(auto, 480.25px) minmax(180px, 720px); justify-content: space-between; column-gap: 24px; align-items: center; } .map-text-presentation__title, .map-text-presentation__description { margin-bottom: 0; } .map-text-presentation__title { margin-top: 0; } .map-text-presentation__description { margin-top: 11px; } .map-text-presentation__map-wrapper { border-radius: 16px; overflow: hidden; border: 1px solid #CBD5E1; } @media screen and (max-width: 700px) { .map-text-presentation__map-wrapper { grid-area: 1/1/2/2; } } .map-text-presentation__map { display: block; } @media screen and (max-width: 700px) { .map-text-presentation { grid-template-columns: 1fr; row-gap: 44px; } } /* Components - Form Elements --------------------------------------------- */ .gfield_label + .ginput_container { margin-top: 6px; } .gfield_required_asterisk { padding-left: 6px; padding-right: 6px; } .ginput_container:not(.ginput_container_checkbox) input, .ginput_container:not(.ginput_container_checkbox) textarea, .ginput_container:not(.ginput_container_checkbox) .custom-file-button, .ginput_container:not(.ginput_container_checkbox) select { border-radius: 8px; } .ginput_container:not(.ginput_container_checkbox) input:not(.with-value), .ginput_container:not(.ginput_container_checkbox) textarea:not(.with-value), .ginput_container:not(.ginput_container_checkbox) .custom-file-button:not(.with-value), .ginput_container:not(.ginput_container_checkbox) select:not(.with-value) { border: 1px solid #CBD5E1; } .ginput_container:not(.ginput_container_checkbox) input.with-value, .ginput_container:not(.ginput_container_checkbox) textarea.with-value, .ginput_container:not(.ginput_container_checkbox) .custom-file-button.with-value, .ginput_container:not(.ginput_container_checkbox) select.with-value { border: 1px solid #475569; } .ginput_container:not(.ginput_container_checkbox) input:hover, .ginput_container:not(.ginput_container_checkbox) textarea:hover, .ginput_container:not(.ginput_container_checkbox) .custom-file-button:hover, .ginput_container:not(.ginput_container_checkbox) select:hover { outline: 4px solid #FCECD4; } .ginput_container:not(.ginput_container_checkbox) input:focus, .ginput_container:not(.ginput_container_checkbox) textarea:focus, .ginput_container:not(.ginput_container_checkbox) .custom-file-button:focus, .ginput_container:not(.ginput_container_checkbox) select:focus { border: 1px solid #EF8E01; outline: 4px solid #FCECD4; } .ginput_container:not(.ginput_container_checkbox) input[aria-invalid=true], .ginput_container:not(.ginput_container_checkbox) textarea[aria-invalid=true], .ginput_container:not(.ginput_container_checkbox) .custom-file-button[aria-invalid=true], .ginput_container:not(.ginput_container_checkbox) select[aria-invalid=true] { border: 1px solid #EF4444; } .ginput_container:not(.ginput_container_checkbox) input, .ginput_container:not(.ginput_container_checkbox) textarea, .ginput_container:not(.ginput_container_checkbox) select { padding: 17px 24px 16px; width: 100%; } .ginput_container:not(.ginput_container_checkbox) textarea { display: block; } .gform_wrapper.gravity-theme fieldset.gfield .gfield-choice-input { display: none; } fieldset.gfield { border: none; padding: 0; margin: 0; } fieldset.gfield legend { display: none; } fieldset.gfield .checked { display: none; } fieldset.gfield .gchoice { display: flex; align-items: center; } fieldset.gfield .custom-checkbox { width: 20px; height: 20px; min-width: 20px; } fieldset.gfield .gfield-choice-input + .gform-field-label { display: flex; align-items: center; cursor: pointer; } fieldset.gfield .gfield-choice-input:not(fieldset.gfield .gfield-choice-input:checked) ~ label > .custom-checkbox { border: 1px solid #CBD5E1; border-radius: 4px; display: inline-flex; padding: 4px; } fieldset.gfield .gfield-choice-input:checked ~ label > .custom-checkbox { display: inline-block; } fieldset.gfield .gfield-choice-input:checked ~ label > .custom-checkbox > .checked { display: inline-block; } fieldset.gfield .gfield-choice-input:checked ~ label > .custom-checkbox > .not-checked { display: none; } fieldset.gfield .custom-checkbox { margin-right: 12px; } .gform_footer { text-align: center; } .gform_footer input[type=submit] { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .gform_footer .submit-button-label { cursor: pointer; color: #fff; box-shadow: none; } .gform_required_legend, .gfield_required { display: none; } .ginput_container_fileupload input[type=file] { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .ginput_container_fileupload .gform_fileupload_rules { display: none; } .ginput_container_fileupload .custom-file-input { display: flex; column-gap: 16px; align-items: baseline; cursor: pointer; } .ginput_container_fileupload .custom-file-button { padding: 18px 16px; display: flex; align-items: baseline; } .ginput_container_fileupload .custom-file-button img { align-self: center; } .ginput_container_fileupload .custom-file-button span { padding-left: 2px; } .gform_validation_errors, .gform_confirmation_wrapper { border-radius: 8px; padding: 24px; text-align: center; } .gform_validation_errors { background-color: #FEE2E2; margin-bottom: 31px; } .gform_validation_errors:focus { outline: none; } .gfield_validation_message { margin-top: 11px; } .gform_confirmation_wrapper { background-color: #F0FDF4; margin-top: 39px; } /* Components - Contact Form Block --------------------------------------------- */ .contact-form-section .gform_wrapper { max-width: 720px; margin: auto; padding-top: 36px; } .contact-form-section .email { margin-top: calc(1.5rem + (37 - 24) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .contact-form-section .email { margin-top: 2.3125rem; } } @media (max-width: 700px) { .contact-form-section .email { margin-top: 1.5rem; } } .contact-form-section .request { margin-top: calc(1.5rem + (45 - 24) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .contact-form-section .request { margin-top: 2.8125rem; } } @media (max-width: 700px) { .contact-form-section .request { margin-top: 1.5rem; } } .contact-form-section fieldset { margin-top: calc(1rem + (40 - 16) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .contact-form-section fieldset { margin-top: 2.5rem; } } @media (max-width: 700px) { .contact-form-section fieldset { margin-top: 1rem; } } .contact-form-section .gform_footer { padding-top: calc(2.5625rem + (70 - 41) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .contact-form-section .gform_footer { padding-top: 4.375rem; } } @media (max-width: 700px) { .contact-form-section .gform_footer { padding-top: 2.5625rem; } } /* Components - Table --------------------------------------------- */ .wp-block-table .rounded-border { border-radius: 16px; border: 1px solid #1E293B; overflow: hidden; min-width: fit-content; } .wp-block-table table { margin-bottom: 0; } .wp-block-table table thead { background-image: linear-gradient(265deg, #F8FAFC 0%, #FCECD4 100%); border-bottom: none; } .wp-block-table table tfoot tr { border-top: 4px solid #1E293B; } .wp-block-table table tr { border-bottom: 1px solid #1E293B; } .wp-block-table table > *:last-child > *:last-child { border-bottom: none; } .wp-block-table table th, .wp-block-table table td { border: none; } .wp-block-table table th:first-child, .wp-block-table table td:first-child { padding-left: 16px; } .wp-block-table table th:last-child, .wp-block-table table td:last-child { padding-right: 16px; } .wp-block-table table th { padding-top: 24px; padding-bottom: 14px; } .wp-block-table table td { padding-top: 13.5px; padding-bottom: 14.5px; } /* Components - Ripple Effect --------------------------------------------- */ .featured-block__link .ripple, .featured-block-experts__link .ripple, .newsletter-box-on-home__link .ripple, .featured-link-to-store-block__link .ripple, .call-to-action-block-magazine__link .ripple, .featured-block__link .ripple, .link-on-secondary-title .ripple, .call-to-action-block-essential__link .ripple, .call-to-action-block-minimal__link .ripple, .message-404__link .ripple, .submit-button-label .ripple, .link-to-full-expert-archive .ripple, .featured-post-section-link .ripple { background-color: #D98000; } .link-to-store, .footer-newsletter-link { position: relative; overflow: hidden; } .link-to-store .ripple, .footer-newsletter-link .ripple { background-color: #F7C680; } .featured-link-to-store-block__optional-link { position: relative; overflow: hidden; } .featured-link-to-store-block__optional-link .ripple { background-color: #AFBCCC; } span.ripple { position: absolute; border-radius: 50%; transform: scale(0); animation: ripple 600ms linear; } @keyframes ripple { to { transform: scale(4); opacity: 0; } } /* Components - Forms --------------------------------------------- */ .services-request-form .email, .services-request-form .phone { margin-top: calc(1.5rem + (37 - 24) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .services-request-form .email, .services-request-form .phone { margin-top: 2.3125rem; } } @media (max-width: 700px) { .services-request-form .email, .services-request-form .phone { margin-top: 1.5rem; } } .services-request-form .request { margin-top: calc(1.5rem + (45 - 24) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .services-request-form .request { margin-top: 2.8125rem; } } @media (max-width: 700px) { .services-request-form .request { margin-top: 1.5rem; } } .services-request-form fieldset { margin-top: calc(1.125rem + (24 - 18) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .services-request-form fieldset { margin-top: 1.5rem; } } @media (max-width: 700px) { .services-request-form fieldset { margin-top: 1.125rem; } } .services-request-form .gform_footer { padding-top: calc(2.5625rem + (70 - 41) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .services-request-form .gform_footer { padding-top: 4.375rem; } } @media (max-width: 700px) { .services-request-form .gform_footer { padding-top: 2.5625rem; } } .collaborate-with-us-form .email { margin-top: calc(1.5rem + (37 - 24) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .collaborate-with-us-form .email { margin-top: 2.3125rem; } } @media (max-width: 700px) { .collaborate-with-us-form .email { margin-top: 1.5rem; } } .collaborate-with-us-form .request { margin-top: calc(1.5rem + (45 - 24) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .collaborate-with-us-form .request { margin-top: 2.8125rem; } } @media (max-width: 700px) { .collaborate-with-us-form .request { margin-top: 1.5rem; } } .collaborate-with-us-form .curriculum { margin-top: calc(1.5rem + (38 - 24) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .collaborate-with-us-form .curriculum { margin-top: 2.375rem; } } @media (max-width: 700px) { .collaborate-with-us-form .curriculum { margin-top: 1.5rem; } } .collaborate-with-us-form fieldset { margin-top: calc(1.125rem + (24 - 18) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .collaborate-with-us-form fieldset { margin-top: 1.5rem; } } @media (max-width: 700px) { .collaborate-with-us-form fieldset { margin-top: 1.125rem; } } .collaborate-with-us-form .gform_footer { padding-top: calc(2.5625rem + (70 - 41) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .collaborate-with-us-form .gform_footer { padding-top: 4.375rem; } } @media (max-width: 700px) { .collaborate-with-us-form .gform_footer { padding-top: 2.5625rem; } } .suggestions-form .email { margin-top: calc(1.5rem + (37 - 24) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .suggestions-form .email { margin-top: 2.3125rem; } } @media (max-width: 700px) { .suggestions-form .email { margin-top: 1.5rem; } } .suggestions-form .suggestion { margin-top: calc(1.5rem + (45 - 24) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .suggestions-form .suggestion { margin-top: 2.8125rem; } } @media (max-width: 700px) { .suggestions-form .suggestion { margin-top: 1.5rem; } } .suggestions-form fieldset { margin-top: calc(1rem + (40 - 16) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .suggestions-form fieldset { margin-top: 2.5rem; } } @media (max-width: 700px) { .suggestions-form fieldset { margin-top: 1rem; } } .suggestions-form .gform_footer { padding-top: calc(2.5625rem + (70 - 41) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .suggestions-form .gform_footer { padding-top: 4.375rem; } } @media (max-width: 700px) { .suggestions-form .gform_footer { padding-top: 2.5625rem; } } .newsletter-form .name, .newsletter-form .province, .newsletter-form .city, .newsletter-form .phone, .newsletter-form .email, .newsletter-form .postal-code, .newsletter-form .company-name, .newsletter-form .professional-affiliation, .newsletter-form .gform_footer { padding-top: calc(1.375rem + (38 - 22) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .newsletter-form .name, .newsletter-form .province, .newsletter-form .city, .newsletter-form .phone, .newsletter-form .email, .newsletter-form .postal-code, .newsletter-form .company-name, .newsletter-form .professional-affiliation, .newsletter-form .gform_footer { padding-top: 2.375rem; } } @media (max-width: 700px) { .newsletter-form .name, .newsletter-form .province, .newsletter-form .city, .newsletter-form .phone, .newsletter-form .email, .newsletter-form .postal-code, .newsletter-form .company-name, .newsletter-form .professional-affiliation, .newsletter-form .gform_footer { padding-top: 1.375rem; } } .newsletter-form fieldset { padding-top: calc(1.375rem + (39 - 22) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .newsletter-form fieldset { padding-top: 2.4375rem; } } @media (max-width: 700px) { .newsletter-form fieldset { padding-top: 1.375rem; } } /* Components - Embed --------------------------------------------- */ .wp-block-embed__wrapper { padding-top: 56.25%; position: relative; overflow: hidden; width: 100%; } .wp-block-embed__wrapper iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } /* Components - Paywall Banner --------------------------------------------- */ .paywall-banner { background-color: #F8FAFC; border-radius: 16px; overflow: hidden; padding: 41px 16px 52px; width: 100%; max-width: 960px; display: grid; grid-template-columns: 1fr minmax(auto, 720px) 1fr; justify-items: flex-start; } .paywall-banner__title, .paywall-banner__content { max-width: 720px; } .paywall-banner__title { grid-area: 1/2/2/3; } .paywall-banner__content { grid-area: 2/2/3/3; margin-top: 8px; margin-bottom: 0; } .paywall-banner__content a.emphatic-link { border-bottom: 2px solid #EF8E01; } .paywall-banner__link { grid-area: 3/2/4/3; margin-top: 24px; } /* Components - Featured Posts Section Block --------------------------------------------- */ .featured-post-section { display: grid; max-width: 1300px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; } @media screen and (max-width: 1000px) { .featured-post-section { padding-left: 16px; padding-right: 16px; } } .featured-post-section .news-grid { margin-top: 32px; } .featured-post-section .featured-post-section-link { margin-top: 40px; margin-left: auto; margin-right: auto; justify-self: center; } /* Components - Featured Landing Page --------------------------------------------- */ .featured-landing-page { border-radius: 16px; overflow: hidden; } .featured-landing-page__full-link, .featured-landing-page__image-wrapper { display: grid; } .featured-landing-page__full-link { max-height: 176px; grid-template-rows: 100%; } .featured-landing-page__image-wrapper, .featured-landing-page__image, .featured-landing-page__image-overlay, .featured-landing-page__text-wrapper { grid-area: 1/1/2/2; } .featured-landing-page__image-wrapper { overflow: hidden; } .featured-landing-page__image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 350ms; } .featured-landing-page:hover .featured-landing-page__image { transform: scale(1.1); } .featured-landing-page__image-overlay { background-image: linear-gradient(180deg, #0F172A 0%, #0F172A 100%); opacity: 0.4; } .featured-landing-page__text-wrapper { text-align: center; padding: 16px; display: flex; align-items: center; justify-content: center; z-index: 1; } .featured-landing-page--sidebar-layout { border-radius: 8px; } .featured-landing-page--sidebar-layout .featured-landing-page__full-link { display: flex; flex-direction: column; max-height: none; } .featured-landing-page--sidebar-layout .featured-landing-page__image-wrapper { display: block; border-radius: 8px; overflow: hidden; } .featured-landing-page--sidebar-layout .featured-landing-page__image { height: 176px; width: 100%; object-fit: cover; } .featured-landing-page--sidebar-layout .featured-landing-page__text-wrapper { padding: 12px 0 0 0; text-align: left; display: flex; flex-direction: column; align-items: flex-start; } .featured-landing-page--sidebar-layout .featured-landing-page__subtitle { font-family: "EB Garamond", serif; font-style: italic; font-size: 1rem; line-height: 1.5; color: #475569; margin: 0 0 4px 0; } .featured-landing-page--sidebar-layout .featured-landing-page__title { text-align: left; color: #0F172A; } /* Components - Featured Block Experts --------------------------------------------- */ .featured-block-experts { max-width: 349px; } .featured-block-experts__image-wrapper { border-radius: 8px; overflow: hidden; } .featured-block-experts__image { width: 100%; height: auto; display: block; } .featured-block-experts__text-wrapper { padding: 16px 0; } .featured-block-experts__title { font-weight: 700; color: #0F172A; margin: 0 0 8px; } .featured-block-experts__subtitle { color: #475569; margin: 0; } /* Components - Sidebar Trainings Layout --------------------------------------------- */ .sidebar-trainings-layout { display: grid; grid-template-columns: 350px 1fr; column-gap: 40px; row-gap: 24px; } @media screen and (max-width: 1000px) { .sidebar-trainings-layout { grid-template-columns: 1fr; gap: 32px; } } @media screen and (max-width: 1000px) { .sidebar-trainings-layout__title-desktop { display: none; } } @media screen and (max-width: 1000px) { .sidebar-trainings-layout__title-formazione { order: 2; } } .sidebar-trainings-layout__title-mobile { display: none; } @media screen and (max-width: 1000px) { .sidebar-trainings-layout__title-mobile { display: block; } } .sidebar-trainings-layout__sidebar { display: flex; flex-direction: column; gap: 24px; justify-content: space-between; } @media screen and (max-width: 1000px) { .sidebar-trainings-layout__sidebar { order: 1; } } .sidebar-trainings-layout__main { display: flex; flex-direction: column; } @media screen and (max-width: 1000px) { .sidebar-trainings-layout__main { order: 3; } } .sidebar-trainings-layout__main .training-grid--sidebar-layout { display: flex; flex-direction: column; } .sidebar-trainings-layout__main .training-grid--sidebar-layout .training-box { border-radius: 0; background-image: none; border: none; border-bottom: 1px solid #CBD5E1; padding: 0 0 24px 0; } .sidebar-trainings-layout__main .training-grid--sidebar-layout .training-box:last-child { border-bottom: none; } .sidebar-trainings-layout__main .featured-block__link { margin-top: 24px; margin-bottom: 6px; max-width: fit-content; margin-inline: auto; } .sidebar-trainings-layout .secondary-title { font-weight: 400; line-height: 1.0666666667; font-size: calc(1.5rem + (30 - 24) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .sidebar-trainings-layout .secondary-title { font-size: 1.875rem; } } @media (max-width: 660px) { .sidebar-trainings-layout .secondary-title { font-size: 1.5rem; } } @media (max-width: 660px) { .sidebar-trainings-layout .secondary-title { line-height: 1.1666666667; } } .sidebar-trainings-layout .featured-block { display: flex; gap: 16px; flex-direction: column-reverse; width: 100%; background-color: transparent; } .sidebar-trainings-layout .featured-block__text-wrapper { padding: 0; } .sidebar-trainings-layout .featured-block__arrow-wrapper { display: none; } .sidebar-trainings-layout .featured-block__subtitle { font-size: 1.125rem; line-height: 1.33; font-family: "EB Garamond", sans-serif; margin: 0; font-style: italic; } .sidebar-trainings-layout .first-block .featured-block__image { height: 160px; width: 100%; border-radius: 8px; } .sidebar-trainings-layout .second-block { position: relative; border-radius: 8px; background-color: #FCECD4; } .sidebar-trainings-layout .second-block .featured-block__image-wrapper { height: 100%; width: 100%; object-fit: cover; margin: 0px 16px; } @media screen and (max-width: 1000px) { .sidebar-trainings-layout .second-block .featured-block__image-wrapper { width: auto; margin: 16px; } } .sidebar-trainings-layout .second-block .featured-block__text-wrapper { padding: 0; z-index: 3; margin: 16px; } .sidebar-podcast .section-title { margin-bottom: 16px; } .sidebar-podcast .spreaker-player-wrapper { border-radius: 8px; overflow: hidden; } .sidebar-podcast .spreaker-archive-link { display: inline-block; margin-top: 16px; } /* Components - Sidebar Insights Layout --------------------------------------------- */ .sidebar-insights-layout { display: grid; grid-template-columns: 1fr 350px; column-gap: 50px; row-gap: 24px; } @media screen and (max-width: 1000px) { .sidebar-insights-layout { grid-template-columns: 1fr; gap: 32px; } } @media screen and (max-width: 1000px) { .sidebar-insights-layout__title-desktop { display: none; } } .sidebar-insights-layout__title-mobile { display: none; } @media screen and (max-width: 1000px) { .sidebar-insights-layout__title-mobile { display: block; } } .sidebar-insights-layout__sidebar { display: flex; flex-direction: column; gap: 24px; justify-content: space-between; } .sidebar-insights-layout__main { display: flex; flex-direction: column; } .sidebar-insights-layout__main .landing-page-grid--sidebar-layout { display: grid; grid-template-columns: 1fr auto 1fr; gap: 24px; } @media screen and (max-width: 1000px) { .sidebar-insights-layout__main .landing-page-grid--sidebar-layout { grid-template-columns: 1fr; } .sidebar-insights-layout__main .landing-page-grid--sidebar-layout .separation-bar-vertical, .sidebar-insights-layout__main .landing-page-grid--sidebar-layout .separation-bar-horizontal { display: none; } } .sidebar-insights-layout__main .landing-page-grid--sidebar-layout .separation-bar-horizontal { grid-column: 1/-1; } .sidebar-insights-layout__main .featured-block__link { margin-top: auto; margin-bottom: 6px; max-width: fit-content; margin-inline: auto; } .sidebar-insights-layout .secondary-title { font-weight: 400; line-height: 1.0666666667; font-size: calc(1.5rem + (30 - 24) * (100vw - 660px) / (1000 - 660)); } @media (min-width: 1000px) { .sidebar-insights-layout .secondary-title { font-size: 1.875rem; } } @media (max-width: 660px) { .sidebar-insights-layout .secondary-title { font-size: 1.5rem; } } @media (max-width: 660px) { .sidebar-insights-layout .secondary-title { line-height: 1.1666666667; } } .sidebar-insights-layout .featured-block { display: flex; gap: 16px; flex-direction: column-reverse; width: 100%; background-color: transparent; } .sidebar-insights-layout .featured-block__text-wrapper { padding: 0; } .sidebar-insights-layout .featured-block__arrow-wrapper { display: none; } .sidebar-insights-layout .featured-block__subtitle { font-size: 1.125rem; line-height: 1.33; font-family: "EB Garamond", sans-serif; margin: 0; font-style: italic; } .sidebar-insights-layout .first-block .featured-block__image { height: 160px; width: 100%; border-radius: 8px; } .sidebar-insights-layout .second-block { position: relative; border-radius: 8px; background-color: #FCECD4; } .sidebar-insights-layout .second-block .featured-block__image-wrapper { height: 100%; width: auto; object-fit: cover; margin: 16px 16px 0px 16px; } .sidebar-insights-layout .second-block .featured-block__text-wrapper { padding: 0; z-index: 3; margin: 16px; } .sidebar-insights-layout .second-block .featured-block__title { text-transform: uppercase; font-family: "DM Serif Display", serif; } /* Components - Subcategory Links --------------------------------------------- */ .subcategory-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; } .subcategory-links__item { display: inline-block; padding: 8px 16px; border: 1px solid #1E293B; border-radius: 8px; color: #1E293B; font-size: 14px; line-height: 20px; text-decoration: none; transition: background-color 0.2s; } .subcategory-links__item:hover { background-color: #E2E8F0; } /*-------------------------------------------------------------- # Pages --------------------------------------------------------------*/ /* Pages - Front-page --------------------------------------------- */ .layout-two-to-one { display: grid; grid-template-columns: minmax(auto, 824px) 1px minmax(auto, 368px); justify-content: space-between; column-gap: 10px; } @media screen and (max-width: 1000px) { .layout-two-to-one { grid-template-columns: 1fr; row-gap: 24px; justify-items: center; } } @media screen and (max-width: 530px) { .layout-two-to-one { row-gap: 16px; } } .row-main-titles + .row-home-flexible .cont { padding-top: 40px; } .row-home-flexible + .row-home-flexible .cont { padding-top: 110px; } .row-main-titles + .row-home-flexible--last, .row-home-flexible + .row-home-flexible--last { padding-bottom: 124px; } .row-home-in-evidence { position: relative; } .row-home-in-evidence::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: 100vw; background-color: #F8FAFC; z-index: -1; } .row-home-in-evidence .cont { padding-top: 96px; padding-bottom: 96px; } /* Pages - Category --------------------------------------------- */ .row-main-category:not(.row-main-category--with-parent) .cont { padding-bottom: 40px; } .row-main-category .cont { padding-top: 70px; } @media screen and (max-width: 700px) { .row-main-category .cont { padding-top: 51px; padding-bottom: 99px; } } .row-main-category .category-description { margin-top: 10px; margin-bottom: 0; } @media screen and (max-width: 700px) { .row-main-category .category-description { margin-top: 9px; } } .row-category-featured { padding-bottom: 151px; } @media screen and (max-width: 700px) { .row-category-featured { padding-bottom: 121px; } } /* Pages - Category With Parent --------------------------------------------- */ .row-main-category--with-parent .cont { padding-bottom: 40px; } /* Pages - Single News --------------------------------------------- */ .row-single-news-main .cont { padding-top: 93px; max-width: 980px; } .row-single-news-main--no-thumbnail { position: relative; border-bottom: 1px solid #CBD5E1; } .row-single-news-main--no-thumbnail::before { content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 66.24%; background-image: linear-gradient(180deg, rgba(248, 250, 252, 0) 0%, #F8FAFC 100%); z-index: -1; } .row-single-news-content .cont { padding-bottom: 97px; } .row-single-news-content:not(.row-single-news-content--under-picture) .cont { padding-top: calc(2rem + (72 - 32) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-single-news-content:not(.row-single-news-content--under-picture) .cont { padding-top: 4.5rem; } } @media (max-width: 700px) { .row-single-news-content:not(.row-single-news-content--under-picture) .cont { padding-top: 2rem; } } .row-single-news-content--under-picture .cont { padding-top: calc(1.5rem + (66 - 24) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-single-news-content--under-picture .cont { padding-top: 4.125rem; } } @media (max-width: 700px) { .row-single-news-content--under-picture .cont { padding-top: 1.5rem; } } .single-news-content-wrapper { position: relative; } .single-news-info-wrapper { padding-bottom: 30px; border-bottom: 1px solid #CBD5E1; display: grid; } @media screen and (max-width: 700px) { .single-news-info-wrapper { padding-bottom: 27px; } } .single-news-sponsorised-label-wrapper { display: grid; grid-template-columns: max-content 1fr; column-gap: 1px; padding: 2px 8px 2px 2px; background-image: linear-gradient(270deg, rgba(252, 236, 212, 0) 0%, rgba(252, 236, 212, 0.3019607843) 51%, #FCECD4 100%); align-items: center; justify-self: start; border-radius: 4px; margin-bottom: 4px; } .single-news-sponsorised-icon { display: block; } .single-news-sponsorised-icon-label { margin-top: 0; margin-bottom: 0; } .single-news-category-and-date-wrapper { display: flex; column-gap: 16px; align-items: baseline; flex-wrap: wrap; row-gap: 16px; } .single-news-category, .single-news-date { margin: 0; } .single-news-category { background-color: #F1F5F9; padding: 13px 8px; border-radius: 4px; } .single-news-title { margin-top: 17px; } @media screen and (max-width: 700px) { .single-news-title { margin-top: 20px; } } .single-news-excerpt { margin-top: 8px; margin-bottom: 0; } @media screen and (max-width: 700px) { .single-news-excerpt { margin-top: 12px; } } .single-news-author-and-socials-wrapper { padding-top: 24px; padding-bottom: 24px; display: flex; justify-content: space-between; } @media screen and (max-width: 700px) { .single-news-author-and-socials-wrapper { padding-top: 16px; padding-bottom: 16px; } } .single-news-authors-wrapper { display: flex; flex-wrap: wrap; row-gap: 8px; column-gap: calc(1rem + (36 - 16) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .single-news-authors-wrapper { column-gap: 2.25rem; } } @media (max-width: 700px) { .single-news-authors-wrapper { column-gap: 1rem; } } .single-news-author-wrapper { display: flex; align-items: center; column-gap: 12px; } .single-news-author-image-wrapper { height: 64px; width: 64px; border-radius: 50%; overflow: hidden; border: 1px solid #CBD5E1; } @media screen and (max-width: 700px) { .single-news-author-image-wrapper { height: 48px; width: 48px; } } .single-news-author-image { display: block; } .single-news-journal-wrapper { display: flex; align-items: center; column-gap: 12px; } .single-news-journal-image-wrapper { height: 64px; width: auto; overflow: hidden; border: 1px solid #CBD5E1; border-radius: 4px; } @media screen and (max-width: 700px) { .single-news-journal-image-wrapper { height: 48px; } } .single-news-journal-image { display: block; height: 100%; width: auto; } a.single-news-journal-name:hover { text-decoration: underline; } .single-news-socials-wrapper, .single-news-icons-wrapper { display: flex; align-items: center; column-gap: 4px; } @media screen and (max-width: 700px) { .single-news-socials-wrapper { display: none; } } .single-news-icon-wrapper { height: 32px; width: 32px; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .single-news-icon-wrapper:hover { background-color: #1E293B; } .single-news-image-wrapper { position: relative; } .single-news-image { width: 100%; } .single-news-image:not(.single-news-image--mobile) { display: block; } @media screen and (max-width: 700px) { .single-news-image:not(.single-news-image--mobile) { display: none; } } .single-news-image--mobile { display: none; } @media screen and (max-width: 700px) { .single-news-image--mobile { display: block; } } .single-news-image-credit { transform: rotate(270deg); position: absolute; display: inline-block; right: -75.11px; margin: 0; bottom: 61px; } @media screen and (max-width: 1100px) { .single-news-image-credit { position: static; display: block; transform: rotate(0deg); } } .single-news-content-wrapper > h2 + p, .single-news-content-wrapper > h3 + p, .single-news-content-wrapper > h4 + p, .single-news-content-wrapper > h5 + p, .single-news-content-wrapper > h6 + p { margin-top: calc(0.875rem + (11.75 - 14) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .single-news-content-wrapper > h2 + p, .single-news-content-wrapper > h3 + p, .single-news-content-wrapper > h4 + p, .single-news-content-wrapper > h5 + p, .single-news-content-wrapper > h6 + p { margin-top: 0.734375rem; } } @media (max-width: 700px) { .single-news-content-wrapper > h2 + p, .single-news-content-wrapper > h3 + p, .single-news-content-wrapper > h4 + p, .single-news-content-wrapper > h5 + p, .single-news-content-wrapper > h6 + p { margin-top: 0.875rem; } } .single-news-content-wrapper > h2 + h2, .single-news-content-wrapper > h2 + h3, .single-news-content-wrapper > h2 + h4, .single-news-content-wrapper > h2 + h5, .single-news-content-wrapper > h2 + h6, .single-news-content-wrapper > h3 + h2, .single-news-content-wrapper > h3 + h3, .single-news-content-wrapper > h3 + h4, .single-news-content-wrapper > h3 + h5, .single-news-content-wrapper > h3 + h6, .single-news-content-wrapper > h4 + h2, .single-news-content-wrapper > h4 + h3, .single-news-content-wrapper > h4 + h4, .single-news-content-wrapper > h4 + h5, .single-news-content-wrapper > h4 + h6, .single-news-content-wrapper > h5 + h2, .single-news-content-wrapper > h5 + h3, .single-news-content-wrapper > h5 + h4, .single-news-content-wrapper > h5 + h5, .single-news-content-wrapper > h5 + h6, .single-news-content-wrapper > h6 + h2, .single-news-content-wrapper > h6 + h3, .single-news-content-wrapper > h6 + h4, .single-news-content-wrapper > h6 + h5, .single-news-content-wrapper > h6 + h6 { margin-top: calc(0.875rem + (11.75 - 14) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .single-news-content-wrapper > h2 + h2, .single-news-content-wrapper > h2 + h3, .single-news-content-wrapper > h2 + h4, .single-news-content-wrapper > h2 + h5, .single-news-content-wrapper > h2 + h6, .single-news-content-wrapper > h3 + h2, .single-news-content-wrapper > h3 + h3, .single-news-content-wrapper > h3 + h4, .single-news-content-wrapper > h3 + h5, .single-news-content-wrapper > h3 + h6, .single-news-content-wrapper > h4 + h2, .single-news-content-wrapper > h4 + h3, .single-news-content-wrapper > h4 + h4, .single-news-content-wrapper > h4 + h5, .single-news-content-wrapper > h4 + h6, .single-news-content-wrapper > h5 + h2, .single-news-content-wrapper > h5 + h3, .single-news-content-wrapper > h5 + h4, .single-news-content-wrapper > h5 + h5, .single-news-content-wrapper > h5 + h6, .single-news-content-wrapper > h6 + h2, .single-news-content-wrapper > h6 + h3, .single-news-content-wrapper > h6 + h4, .single-news-content-wrapper > h6 + h5, .single-news-content-wrapper > h6 + h6 { margin-top: 0.734375rem; } } @media (max-width: 700px) { .single-news-content-wrapper > h2 + h2, .single-news-content-wrapper > h2 + h3, .single-news-content-wrapper > h2 + h4, .single-news-content-wrapper > h2 + h5, .single-news-content-wrapper > h2 + h6, .single-news-content-wrapper > h3 + h2, .single-news-content-wrapper > h3 + h3, .single-news-content-wrapper > h3 + h4, .single-news-content-wrapper > h3 + h5, .single-news-content-wrapper > h3 + h6, .single-news-content-wrapper > h4 + h2, .single-news-content-wrapper > h4 + h3, .single-news-content-wrapper > h4 + h4, .single-news-content-wrapper > h4 + h5, .single-news-content-wrapper > h4 + h6, .single-news-content-wrapper > h5 + h2, .single-news-content-wrapper > h5 + h3, .single-news-content-wrapper > h5 + h4, .single-news-content-wrapper > h5 + h5, .single-news-content-wrapper > h5 + h6, .single-news-content-wrapper > h6 + h2, .single-news-content-wrapper > h6 + h3, .single-news-content-wrapper > h6 + h4, .single-news-content-wrapper > h6 + h5, .single-news-content-wrapper > h6 + h6 { margin-top: 0.875rem; } } .single-news-content-wrapper > p + h2, .single-news-content-wrapper > p + h3, .single-news-content-wrapper > p + h4, .single-news-content-wrapper > p + h5, .single-news-content-wrapper > p + h6, .single-news-content-wrapper .single-news__list + h2, .single-news-content-wrapper .single-news__list + h3, .single-news-content-wrapper .single-news__list + h4, .single-news-content-wrapper .single-news__list + h5, .single-news-content-wrapper .single-news__list + h6 { margin-top: calc(2.5rem + (56 - 40) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .single-news-content-wrapper > p + h2, .single-news-content-wrapper > p + h3, .single-news-content-wrapper > p + h4, .single-news-content-wrapper > p + h5, .single-news-content-wrapper > p + h6, .single-news-content-wrapper .single-news__list + h2, .single-news-content-wrapper .single-news__list + h3, .single-news-content-wrapper .single-news__list + h4, .single-news-content-wrapper .single-news__list + h5, .single-news-content-wrapper .single-news__list + h6 { margin-top: 3.5rem; } } @media (max-width: 700px) { .single-news-content-wrapper > p + h2, .single-news-content-wrapper > p + h3, .single-news-content-wrapper > p + h4, .single-news-content-wrapper > p + h5, .single-news-content-wrapper > p + h6, .single-news-content-wrapper .single-news__list + h2, .single-news-content-wrapper .single-news__list + h3, .single-news-content-wrapper .single-news__list + h4, .single-news-content-wrapper .single-news__list + h5, .single-news-content-wrapper .single-news__list + h6 { margin-top: 2.5rem; } } .single-news-content-wrapper > p + .single-news__list { margin-top: calc(1.3125rem + (35 - 21) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .single-news-content-wrapper > p + .single-news__list { margin-top: 2.1875rem; } } @media (max-width: 700px) { .single-news-content-wrapper > p + .single-news__list { margin-top: 1.3125rem; } } .single-news-content-wrapper p + p { margin-top: 1em; } .single-news-content-wrapper .single-news__list { padding-left: calc(1.4375rem + (32 - 23) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .single-news-content-wrapper .single-news__list { padding-left: 2rem; } } @media (max-width: 700px) { .single-news-content-wrapper .single-news__list { padding-left: 1.4375rem; } } .single-news-content-wrapper ul.single-news__list .single-news__list-element .single-news__list-element-span { position: relative; left: -7px; } .single-news-content-wrapper .single-news__list-element { margin-top: calc(1rem + (18 - 16) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .single-news-content-wrapper .single-news__list-element { margin-top: 1.125rem; } } @media (max-width: 700px) { .single-news-content-wrapper .single-news__list-element { margin-top: 1rem; } } .single-news-content-wrapper .single-news__list-element::marker { color: #EF8E01; font-size: 16px; } .single-news-content-wrapper .first-paragraph::first-letter { float: left; padding-right: 4px; } .single-news-content-wrapper > *:not(.index-table):not(.call-to-action-block-magazine):not(.featured-block):not(.paywall-wrapper) { max-width: 720px; } .single-news-content-wrapper .single-news__link { border-bottom: 1px solid #EF8E01; } .single-news-content-wrapper > * { margin-left: auto; margin-right: auto; } .single-news-content-wrapper > *:last-child { margin-bottom: 0; } .single-news-content-wrapper > .last-paragraph::after { content: ""; display: inline-block; height: 12px; width: 12px; background-color: #EF8E01; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position: relative; left: 5px; } .row-single-news-related-posts .cont { padding-bottom: 120px; } @media print { .single-news-socials-wrapper, .row-single-news-related-posts { display: none; } } /* Pages - Single Director Letter --------------------------------------------- */ .row-single-director-letter-main { position: relative; border-bottom: 1px solid #CBD5E1; } .row-single-director-letter-main::before { content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 66.24%; background-image: linear-gradient(180deg, rgba(248, 250, 252, 0) 0%, #F8FAFC 100%); z-index: -1; } .row-single-director-letter-main .cont { padding-top: 93px; max-width: 980px; } .row-single-director-letter-content .cont { padding-bottom: 97px; } .row-single-director-letter-content:not(.row-single-director-letter-content--under-picture) .cont { padding-top: calc(2rem + (72 - 32) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-single-director-letter-content:not(.row-single-director-letter-content--under-picture) .cont { padding-top: 4.5rem; } } @media (max-width: 700px) { .row-single-director-letter-content:not(.row-single-director-letter-content--under-picture) .cont { padding-top: 2rem; } } .row-single-director-letter-content--under-picture .cont { padding-top: calc(1.5rem + (66 - 24) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-single-director-letter-content--under-picture .cont { padding-top: 4.125rem; } } @media (max-width: 700px) { .row-single-director-letter-content--under-picture .cont { padding-top: 1.5rem; } } .single-director-letter-info-wrapper { padding-bottom: 30px; border-bottom: 1px solid #CBD5E1; } @media screen and (max-width: 700px) { .single-director-letter-info-wrapper { padding-bottom: 27px; } } .single-director-letter-post-type-and-date-wrapper { display: flex; align-items: baseline; flex-wrap: wrap; row-gap: 16px; } .single-director-letter-post-type, .single-director-letter-date { margin: 0; } .single-director-letter-title { margin-top: 17px; } @media screen and (max-width: 700px) { .single-director-letter-title { margin-top: 20px; } } .single-director-letter-excerpt { margin-top: 8px; margin-bottom: 0; } @media screen and (max-width: 700px) { .single-director-letter-excerpt { margin-top: 12px; } } .single-director-letter-author-and-socials-wrapper { padding-top: 24px; padding-bottom: 24px; display: flex; justify-content: space-between; } @media screen and (max-width: 700px) { .single-director-letter-author-and-socials-wrapper { padding-top: 16px; padding-bottom: 16px; } } .single-director-letter-authors-wrapper { display: flex; flex-wrap: wrap; row-gap: 8px; column-gap: calc(1rem + (36 - 16) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .single-director-letter-authors-wrapper { column-gap: 2.25rem; } } @media (max-width: 700px) { .single-director-letter-authors-wrapper { column-gap: 1rem; } } .single-director-letter-author-wrapper { display: flex; align-items: center; column-gap: 12px; } .single-director-letter-author-image-wrapper { height: 64px; width: 64px; border-radius: 50%; overflow: hidden; border: 1px solid #CBD5E1; } @media screen and (max-width: 700px) { .single-director-letter-author-image-wrapper { height: 48px; width: 48px; } } .single-director-letter-author-image { display: block; } .single-director-letter-socials-wrapper, .single-director-letter-icons-wrapper { display: flex; align-items: center; column-gap: 4px; } @media screen and (max-width: 700px) { .single-director-letter-socials-wrapper { display: none; } } .single-director-letter-icon-wrapper { height: 32px; width: 32px; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .single-director-letter-icon-wrapper:hover { background-color: #1E293B; } .single-director-letter-image-wrapper { position: relative; } .single-director-letter-image { width: 100%; } .single-director-letter-image:not(.single-director-letter-image--mobile) { display: block; } @media screen and (max-width: 700px) { .single-director-letter-image:not(.single-director-letter-image--mobile) { display: none; } } .single-director-letter-image--mobile { display: none; } @media screen and (max-width: 700px) { .single-director-letter-image--mobile { display: block; } } .single-director-letter-image-credit { transform: rotate(270deg); position: absolute; display: inline-block; right: -75.11px; margin: 0; bottom: 61px; } @media screen and (max-width: 1100px) { .single-director-letter-image-credit { position: static; display: block; transform: rotate(0deg); } } .single-director-letter-content-wrapper > h2 + p, .single-director-letter-content-wrapper > h3 + p, .single-director-letter-content-wrapper > h4 + p, .single-director-letter-content-wrapper > h5 + p, .single-director-letter-content-wrapper > h6 + p { margin-top: calc(0.875rem + (11.75 - 14) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .single-director-letter-content-wrapper > h2 + p, .single-director-letter-content-wrapper > h3 + p, .single-director-letter-content-wrapper > h4 + p, .single-director-letter-content-wrapper > h5 + p, .single-director-letter-content-wrapper > h6 + p { margin-top: 0.734375rem; } } @media (max-width: 700px) { .single-director-letter-content-wrapper > h2 + p, .single-director-letter-content-wrapper > h3 + p, .single-director-letter-content-wrapper > h4 + p, .single-director-letter-content-wrapper > h5 + p, .single-director-letter-content-wrapper > h6 + p { margin-top: 0.875rem; } } .single-director-letter-content-wrapper > p + h2, .single-director-letter-content-wrapper > p + h3, .single-director-letter-content-wrapper > p + h4, .single-director-letter-content-wrapper > p + h5, .single-director-letter-content-wrapper > p + h6, .single-director-letter-content-wrapper .single-news__list + h2, .single-director-letter-content-wrapper .single-news__list + h3, .single-director-letter-content-wrapper .single-news__list + h4, .single-director-letter-content-wrapper .single-news__list + h5, .single-director-letter-content-wrapper .single-news__list + h6 { margin-top: calc(2.5rem + (69.25 - 40) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .single-director-letter-content-wrapper > p + h2, .single-director-letter-content-wrapper > p + h3, .single-director-letter-content-wrapper > p + h4, .single-director-letter-content-wrapper > p + h5, .single-director-letter-content-wrapper > p + h6, .single-director-letter-content-wrapper .single-news__list + h2, .single-director-letter-content-wrapper .single-news__list + h3, .single-director-letter-content-wrapper .single-news__list + h4, .single-director-letter-content-wrapper .single-news__list + h5, .single-director-letter-content-wrapper .single-news__list + h6 { margin-top: 4.328125rem; } } @media (max-width: 700px) { .single-director-letter-content-wrapper > p + h2, .single-director-letter-content-wrapper > p + h3, .single-director-letter-content-wrapper > p + h4, .single-director-letter-content-wrapper > p + h5, .single-director-letter-content-wrapper > p + h6, .single-director-letter-content-wrapper .single-news__list + h2, .single-director-letter-content-wrapper .single-news__list + h3, .single-director-letter-content-wrapper .single-news__list + h4, .single-director-letter-content-wrapper .single-news__list + h5, .single-director-letter-content-wrapper .single-news__list + h6 { margin-top: 2.5rem; } } .single-director-letter-content-wrapper > p + .single-news__list { margin-top: calc(1.3125rem + (35 - 21) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .single-director-letter-content-wrapper > p + .single-news__list { margin-top: 2.1875rem; } } @media (max-width: 700px) { .single-director-letter-content-wrapper > p + .single-news__list { margin-top: 1.3125rem; } } .single-director-letter-content-wrapper > p + p { margin-top: 1em; } .single-director-letter-content-wrapper .single-news__list { padding-left: calc(1.4375rem + (32 - 23) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .single-director-letter-content-wrapper .single-news__list { padding-left: 2rem; } } @media (max-width: 700px) { .single-director-letter-content-wrapper .single-news__list { padding-left: 1.4375rem; } } .single-director-letter-content-wrapper ul.single-news__list .single-news__list-element .single-news__list-element-span { position: relative; left: -7px; } .single-director-letter-content-wrapper .single-news__list-element { margin-top: calc(1rem + (18 - 16) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .single-director-letter-content-wrapper .single-news__list-element { margin-top: 1.125rem; } } @media (max-width: 700px) { .single-director-letter-content-wrapper .single-news__list-element { margin-top: 1rem; } } .single-director-letter-content-wrapper .single-news__list-element::marker { color: #EF8E01; font-size: 16px; } .single-director-letter-content-wrapper .first-paragraph::first-letter { float: left; padding-right: 4px; } .single-director-letter-content-wrapper > *:not(.index-table):not(.call-to-action-block-magazine):not(.featured-block) { max-width: 720px; } .single-director-letter-content-wrapper .single-news__link { border-bottom: 1px solid #EF8E01; } .single-director-letter-content-wrapper > * { margin-left: auto; margin-right: auto; } .single-director-letter-content-wrapper > *:last-child { margin-bottom: 0; } .single-director-letter-content-wrapper > .last-paragraph::after { content: ""; display: inline-block; height: 12px; width: 12px; background-color: #EF8E01; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); position: relative; left: 5px; } /* Pages - Single Expert --------------------------------------------- */ .row-single-expert-main { position: relative; } .row-single-expert-main::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; top: 56.5%; background-image: linear-gradient(180deg, rgba(248, 250, 252, 0) 0%, #F8FAFC 100%); z-index: -1; } .row-single-expert-main .cont { max-width: 980px; padding-top: calc(6.125rem + (125 - 98) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-single-expert-main .cont { padding-top: 7.8125rem; } } @media (max-width: 700px) { .row-single-expert-main .cont { padding-top: 6.125rem; } } .row-single-expert-main .cont { padding-bottom: calc(4.25rem + (90 - 68) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-single-expert-main .cont { padding-bottom: 5.625rem; } } @media (max-width: 700px) { .row-single-expert-main .cont { padding-bottom: 4.25rem; } } .single-expert-header { display: grid; } .single-expert-image-wrapper { justify-self: left; border-radius: 50%; overflow: hidden; } .single-expert-image { display: block; } .single-expert-name { margin-top: calc(0.6875rem + (17 - 11) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .single-expert-name { margin-top: 1.0625rem; } } @media (max-width: 700px) { .single-expert-name { margin-top: 0.6875rem; } } .single-expert-description { margin-bottom: 0; margin-top: calc(0.4375rem + (10 - 7) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .single-expert-description { margin-top: 0.625rem; } } @media (max-width: 700px) { .single-expert-description { margin-top: 0.4375rem; } } .single-expert-info-grid { display: grid; grid-template-columns: minmax(auto, 411px) minmax(auto, 523px); justify-content: space-between; column-gap: 16px; align-items: baseline; row-gap: 51px; margin-top: calc(3rem + (64 - 48) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .single-expert-info-grid { margin-top: 4rem; } } @media (max-width: 700px) { .single-expert-info-grid { margin-top: 3rem; } } .row-single-expert-related-news .cont { padding-top: calc(3.5rem + (72 - 56) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-single-expert-related-news .cont { padding-top: 4.5rem; } } @media (max-width: 700px) { .row-single-expert-related-news .cont { padding-top: 3.5rem; } } .row-single-expert-related-news .cont { padding-bottom: calc(4.75rem + (92 - 76) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-single-expert-related-news .cont { padding-bottom: 5.75rem; } } @media (max-width: 700px) { .row-single-expert-related-news .cont { padding-bottom: 4.75rem; } } /* Pages - Expert Archive --------------------------------------------- */ .row-expert-archive-content .cont { padding-top: 58px; padding-bottom: 41px; } .expert-archive-content { margin: 0 auto; max-width: 720px; } .expert-archive-linear-gradient { padding-top: 182px; background-image: linear-gradient(180deg, rgba(248, 250, 252, 0) 0%, #F8FAFC 100%); border-bottom: 1px solid #CBD5E1; position: sticky; top: -166px; z-index: 1; } @media screen and (max-width: 850px) { .expert-archive-linear-gradient { display: none; } } .expert-archive-linear-gradient--pinned { background: #F8FAFC; } .expert-archive-tabs-wrapper { display: flex; column-gap: calc(1.25rem + (80 - 20) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .expert-archive-tabs-wrapper { column-gap: 5rem; } } @media (max-width: 700px) { .expert-archive-tabs-wrapper { column-gap: 1.25rem; } } .expert-archive-tab { padding-bottom: 11px; } .expert-archive-tab--active { box-shadow: 0px 2px #EF8E01; } .row-expert-archive-names .cont { padding-top: calc(3.875rem + (132 - 62) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-expert-archive-names .cont { padding-top: 8.25rem; } } @media (max-width: 700px) { .row-expert-archive-names .cont { padding-top: 3.875rem; } } .expert-archive-names-display { max-width: 720px; margin: auto; margin-top: 14px; } .row-expert-archive-experts .cont { padding-top: calc(4.6875rem + (134 - 75) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-expert-archive-experts .cont { padding-top: 8.375rem; } } @media (max-width: 700px) { .row-expert-archive-experts .cont { padding-top: 4.6875rem; } } .row-expert-archive-header .cont { padding-top: calc(4.6875rem + (134 - 75) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-expert-archive-header .cont { padding-top: 8.375rem; } } @media (max-width: 700px) { .row-expert-archive-header .cont { padding-top: 4.6875rem; } } .row-expert-archive-documents .cont { padding-top: calc(4.6875rem + (134 - 75) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-expert-archive-documents .cont { padding-top: 8.375rem; } } @media (max-width: 700px) { .row-expert-archive-documents .cont { padding-top: 4.6875rem; } } .row-expert-archive-documents .cont { padding-bottom: calc(4.6875rem + (134 - 75) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-expert-archive-documents .cont { padding-bottom: 8.375rem; } } @media (max-width: 700px) { .row-expert-archive-documents .cont { padding-bottom: 4.6875rem; } } .link-to-full-expert-archive-wrapper { margin-top: 52px; text-align: center; } /* Pages - Full Expert Archive --------------------------------------------- */ .row-full-expert-archive-featured-experts .cont { padding-top: calc(4.25rem + (93 - 68) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-full-expert-archive-featured-experts .cont { padding-top: 5.8125rem; } } @media (max-width: 700px) { .row-full-expert-archive-featured-experts .cont { padding-top: 4.25rem; } } .row-full-expert-archive-experts .cont { padding-top: calc(4.6875rem + (125 - 75) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-full-expert-archive-experts .cont { padding-top: 7.8125rem; } } @media (max-width: 700px) { .row-full-expert-archive-experts .cont { padding-top: 4.6875rem; } } .row-full-expert-archive-experts .cont { padding-bottom: calc(4.6875rem + (134 - 75) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-full-expert-archive-experts .cont { padding-bottom: 8.375rem; } } @media (max-width: 700px) { .row-full-expert-archive-experts .cont { padding-bottom: 4.6875rem; } } /* Pages - 404 --------------------------------------------- */ .row-404-message .cont { padding-top: 96px; } .message-404 { display: grid; justify-items: center; max-width: 720px; margin: auto; } .message-404__image { display: block; } .message-404__title, .message-404__description { text-align: center; } .message-404__title { margin-top: 26px; } .message-404__description { margin-top: 9.75px; margin-bottom: 0; } .message-404__link { margin-top: 39.25px; } .row-404-last-news .cont { padding-top: 100px; padding-bottom: 120px; } /* Pages - Search --------------------------------------------- */ .row-search .cont, .row-search-no-result .cont { max-width: 980px; margin: auto; padding-bottom: calc(5.5625rem + (123 - 89) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-search .cont, .row-search-no-result .cont { padding-bottom: 7.6875rem; } } @media (max-width: 700px) { .row-search .cont, .row-search-no-result .cont { padding-bottom: 5.5625rem; } } .row-search .cont { padding-top: calc(2.5625rem + (103 - 41) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-search .cont { padding-top: 6.4375rem; } } @media (max-width: 700px) { .row-search .cont { padding-top: 2.5625rem; } } .row-search-no-result .cont { padding-top: calc(2.5625rem + (76 - 41) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-search-no-result .cont { padding-top: 4.75rem; } } @media (max-width: 700px) { .row-search-no-result .cont { padding-top: 2.5625rem; } } .search-no-result-title { margin-top: 0; margin-bottom: 0; } .search-no-result-list { padding-left: 18px; margin-top: 13px; margin-bottom: 0; } .search-no-result-list-item::marker { color: #EF8E01; font-size: 1.125rem; } .search-no-result-list-item span { position: relative; left: -7px; } /* Pages - Page Standard --------------------------------------------- */ .row-page-main .cont { max-width: 740px; padding-top: calc(4.25rem + (92.25 - 68) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-page-main .cont { padding-top: 5.765625rem; } } @media (max-width: 700px) { .row-page-main .cont { padding-top: 4.25rem; } } .row-page-main .cont { padding-bottom: calc(5.5625rem + (120 - 89) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-page-main .cont { padding-bottom: 7.5rem; } } @media (max-width: 700px) { .row-page-main .cont { padding-bottom: 5.5625rem; } } .row-app-links-on-page + .row-page-main .cont { padding-top: calc(3.875rem + (75.25 - 62) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-app-links-on-page + .row-page-main .cont { padding-top: 4.703125rem; } } @media (max-width: 700px) { .row-app-links-on-page + .row-page-main .cont { padding-top: 3.875rem; } } .standard-page-content-wrapper > h2 + .page__list, .standard-page-content-wrapper > h3 + .page__list, .standard-page-content-wrapper > h4 + .page__list, .standard-page-content-wrapper > h5 + .page__list, .standard-page-content-wrapper > h6 + .page__list { margin-top: 18.75px; } .standard-page-content-wrapper > h2 + .page__paragraph { margin-top: 11px; } .standard-page-content-wrapper > h3, .standard-page-content-wrapper > h4, .standard-page-content-wrapper > h5, .standard-page-content-wrapper > h6 { margin-top: 18px; } .standard-page-content-wrapper > h3 + .page__paragraph, .standard-page-content-wrapper > h4 + .page__paragraph, .standard-page-content-wrapper > h5 + .page__paragraph, .standard-page-content-wrapper > h6 + .page__paragraph { margin-top: 12px; } .page__paragraph + h2, .page__list + h2 { margin-top: 61px; } .page__paragraph + h3, .page__paragraph h4, .page__paragraph h5, .page__paragraph h6, .page__list + h3, .page__list h4, .page__list h5, .page__list h6 { margin-top: 50px; } .page__list { padding-left: 32px; } .page__list + .page__paragraph { margin-top: 43px; } .page__list-element::marker { color: #EF8E01; font-size: 1.03125rem; } .page__list-element + .page__list-element { margin-top: 19px; } .page__list-element-span { position: relative; left: -7px; } .page__link { border-bottom: 1px solid #EF8E01; } .page__paragraph + .page__paragraph { margin-top: 1em; } /* Pages - Single Landing Page --------------------------------------------- */ .row-hero-landing-page--with-image { min-height: 400px; height: 400px; position: relative; background-position: center; background-image: var(--hero-image); background-repeat: no-repeat; } @media screen and (max-width: 1000px) { .row-hero-landing-page--with-image { background-image: var(--mobile-image); } } .row-hero-landing-page--with-image .cont { padding-bottom: 40px; } .row-hero-landing-page--no-image { background-color: #1E293B; } .row-hero-landing-page--no-image .cont { padding-bottom: 43px; } .row-hero-landing-page .cont { position: relative; height: 100%; display: grid; align-content: space-between; row-gap: 127px; } .landing-page-hero-top-overlay { position: absolute; top: 0; left: 0; right: 0; height: 17.91%; background-image: linear-gradient(180deg, rgba(15, 23, 42, 0.7490196078) 0%, rgba(15, 23, 42, 0) 100%); } .landing-page-hero-bottom-overlay { position: absolute; bottom: 0; left: 0; right: 0; height: 50.37%; background-image: linear-gradient(0deg, rgba(15, 23, 42, 0.7490196078) 0%, rgba(15, 23, 42, 0.5490196078) 59%, rgba(15, 23, 42, 0) 100%); } .landing-page-hero-image-credit { position: absolute; right: -23px; bottom: 71px; transform: rotate(270deg); opacity: 0.8; margin: 0; } @media screen and (max-width: 700px) { .landing-page-hero-image-credit { right: 10px; bottom: 10px; transform: rotate(0deg); } } .row-landing-page-content .cont { padding-left: 0; padding-right: 0; max-width: 100%; padding-top: calc(3.5rem + (88 - 56) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-landing-page-content .cont { padding-top: 5.5rem; } } @media (max-width: 700px) { .row-landing-page-content .cont { padding-top: 3.5rem; } } .row-landing-page-content:not(.row-landing-page-content--with-evidenced-last-node) .cont { padding-bottom: calc(5.5625rem + (177 - 89) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-landing-page-content:not(.row-landing-page-content--with-evidenced-last-node) .cont { padding-bottom: 11.0625rem; } } @media (max-width: 700px) { .row-landing-page-content:not(.row-landing-page-content--with-evidenced-last-node) .cont { padding-bottom: 5.5625rem; } } .landing-page__content-padding { padding-left: 10px; padding-right: 10px; } @media screen and (max-width: 1000px) { .landing-page__content-padding { padding-left: 16px; padding-right: 16px; } } .landing-page__content-padding > *:not(.index-table):not(.call-to-action-block-magazine):not(.featured-block) { max-width: 720px; } .landing-page__content-padding > * { margin-left: auto; margin-right: auto; } .landing-page-content-wrapper > *:last-child:not(.landing-page__content-padding), .landing-page-content-wrapper > *.landing-page__content-padding > * { margin-bottom: 0; } .landing-page-content-wrapper > *:last-child.evidenced { padding-bottom: calc(5.5625rem + (177 - 89) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .landing-page-content-wrapper > *:last-child.evidenced { padding-bottom: 11.0625rem; } } @media (max-width: 700px) { .landing-page-content-wrapper > *:last-child.evidenced { padding-bottom: 5.5625rem; } } .landing-page-content-wrapper .first-paragraph::first-letter { float: left; padding-right: 4px; } .landing-page-content-wrapper > .h2 + .p, .landing-page-content-wrapper > .h3 + .p, .landing-page-content-wrapper > .h4 + .p, .landing-page-content-wrapper > .h5 + .p, .landing-page-content-wrapper > .h6 + .p { margin-top: calc(0.875rem + (11.75 - 14) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .landing-page-content-wrapper > .h2 + .p, .landing-page-content-wrapper > .h3 + .p, .landing-page-content-wrapper > .h4 + .p, .landing-page-content-wrapper > .h5 + .p, .landing-page-content-wrapper > .h6 + .p { margin-top: 0.734375rem; } } @media (max-width: 700px) { .landing-page-content-wrapper > .h2 + .p, .landing-page-content-wrapper > .h3 + .p, .landing-page-content-wrapper > .h4 + .p, .landing-page-content-wrapper > .h5 + .p, .landing-page-content-wrapper > .h6 + .p { margin-top: 0.875rem; } } .landing-page-content-wrapper > .p + .h2, .landing-page-content-wrapper > .p + .h3, .landing-page-content-wrapper > .p + .h4, .landing-page-content-wrapper > .p + .h5, .landing-page-content-wrapper > .p + .h6, .landing-page-content-wrapper .ul + .h2, .landing-page-content-wrapper .ul + .h3, .landing-page-content-wrapper .ul + .h4, .landing-page-content-wrapper .ul + .h5, .landing-page-content-wrapper .ul + .h6 { margin-top: calc(2.5rem + (69.25 - 40) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .landing-page-content-wrapper > .p + .h2, .landing-page-content-wrapper > .p + .h3, .landing-page-content-wrapper > .p + .h4, .landing-page-content-wrapper > .p + .h5, .landing-page-content-wrapper > .p + .h6, .landing-page-content-wrapper .ul + .h2, .landing-page-content-wrapper .ul + .h3, .landing-page-content-wrapper .ul + .h4, .landing-page-content-wrapper .ul + .h5, .landing-page-content-wrapper .ul + .h6 { margin-top: 4.328125rem; } } @media (max-width: 700px) { .landing-page-content-wrapper > .p + .h2, .landing-page-content-wrapper > .p + .h3, .landing-page-content-wrapper > .p + .h4, .landing-page-content-wrapper > .p + .h5, .landing-page-content-wrapper > .p + .h6, .landing-page-content-wrapper .ul + .h2, .landing-page-content-wrapper .ul + .h3, .landing-page-content-wrapper .ul + .h4, .landing-page-content-wrapper .ul + .h5, .landing-page-content-wrapper .ul + .h6 { margin-top: 2.5rem; } } .landing-page-content-wrapper > .p + .ul { margin-top: calc(1.3125rem + (35 - 21) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .landing-page-content-wrapper > .p + .ul { margin-top: 2.1875rem; } } @media (max-width: 700px) { .landing-page-content-wrapper > .p + .ul { margin-top: 1.3125rem; } } .landing-page-content-wrapper > .p + .p, .landing-page-content-wrapper .ul + .p, .landing-page-content-wrapper .ul + .ul { margin-top: 1em; } .landing-page-content-wrapper .ul { padding-left: calc(1.4375rem + (32 - 23) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .landing-page-content-wrapper .ul { padding-left: 2rem; } } @media (max-width: 700px) { .landing-page-content-wrapper .ul { padding-left: 1.4375rem; } } .landing-page-content-wrapper .landing-page__list-element { margin-top: calc(1rem + (18 - 16) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .landing-page-content-wrapper .landing-page__list-element { margin-top: 1.125rem; } } @media (max-width: 700px) { .landing-page-content-wrapper .landing-page__list-element { margin-top: 1rem; } } .landing-page-content-wrapper .landing-page__list-element::marker { color: #EF8E01; font-size: 16px; } .landing-page-content-wrapper .landing-page__list-element .landing-page__list-element-span { position: relative; left: -7px; } .landing-page-content-wrapper .landing-page__link { border-bottom: 1px solid #EF8E01; } .landing-page-content-wrapper .photo-text-presentation-display + .evidenced, .landing-page-content-wrapper .evidenced + .photo-text-presentation-display { margin-top: 0; } .landing-page-content-wrapper .photo-text-presentation-display + *:not(.evidenced), .landing-page-content-wrapper *:not(.evidenced) + .photo-text-presentation-display { margin-top: 81px; } .landing-page-content-wrapper *:not(.evidenced) + .in-evidence-section-display { margin-top: 107px; } .landing-page-content-wrapper .in-evidence-section-display + *:not(.evidenced) { margin-top: 92px; } .landing-page-content-wrapper * + .file-link-section { margin-top: 92px; } .landing-page-content-wrapper .file-link-section + *:not(.evidenced), .landing-page-content-wrapper .map-text-presentation-display + *, .landing-page-content-wrapper *:not(.evidenced) + .map-text-presentation-display { margin-top: 88px; } .landing-page-content-wrapper * + .contact-form-section, .landing-page-content-wrapper * + .file-link-section-content, .landing-page-content-wrapper * + .featured-post-section, .landing-page-content-wrapper .featured-post-section + *:not(.evidenced) { margin-top: 125px; } /* Pages - Page Contact --------------------------------------------- */ .row-contact-page-forms { position: relative; border-bottom: 1px solid #1E293B; } .row-contact-page-forms .cont { padding-top: calc(5.5625rem + (126 - 89) * (100vw - 1000px) / (700 - 1000)); } @media (min-width: 700px) { .row-contact-page-forms .cont { padding-top: 7.875rem; } } @media (max-width: 1000px) { .row-contact-page-forms .cont { padding-top: 5.5625rem; } } .row-contact-page-forms .cont { padding-bottom: calc(6.125rem + (157 - 98) * (100vw - 1000px) / (700 - 1000)); } @media (min-width: 700px) { .row-contact-page-forms .cont { padding-bottom: 9.8125rem; } } @media (max-width: 1000px) { .row-contact-page-forms .cont { padding-bottom: 6.125rem; } } .row-contact-page-forms::before { content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 20.15%; background-image: linear-gradient(180deg, rgba(248, 250, 252, 0) 0%, #F8FAFC 100%); } .section-title { margin: 0; border-bottom: 1px solid #1E293B; padding-bottom: 9px; } .forms-grid { display: grid; grid-template-columns: repeat(4, minmax(auto, 1fr)); column-gap: 16px; justify-content: space-between; padding-top: 40px; } @media screen and (max-width: 530px) { .forms-grid { grid-template-columns: 1fr; } } .forms-grid .separation-bar { grid-area: 2/1/3/5; margin-top: 47.5px; } @media screen and (max-width: 1000px) { .forms-grid .separation-bar { grid-area: inherit; grid-column-start: span 4; } } @media screen and (max-width: 530px) { .forms-grid .separation-bar { grid-column-start: inherit; } } .call-to-action-radio { display: none; } .call-to-action-radio:checked + .form-call-to-action, .call-to-action-radio:hover + .form-call-to-action { outline: 8px solid #FCECD4; border: 1px solid #EF8E01; } .form-call-to-action { max-width: 296px; border-radius: 16px; border: 1px solid #CBD5E1; padding: 26px 40px; transition: border 250ms, outline 250ms; outline: 0px solid #FCECD4; display: flex; align-items: center; cursor: pointer; } @media screen and (max-width: 1000px) { .form-call-to-action { max-width: 100%; } } @media screen and (max-width: 1000px) { .form-call-to-action[for=form_2], .form-call-to-action[for=form_3] { margin-top: 16px; } } @media screen and (max-width: 530px) { .form-call-to-action[for=form_1] { margin-top: 16px; } } @media screen and (max-width: 1000px) { .form-call-to-action[for=form_0] { grid-area: 1/1/2/3; } } @media screen and (max-width: 530px) { .form-call-to-action[for=form_0] { grid-area: inherit; } } @media screen and (max-width: 1000px) { .form-call-to-action[for=form_1] { grid-area: 1/3/2/5; } } @media screen and (max-width: 530px) { .form-call-to-action[for=form_1] { grid-area: inherit; } } @media screen and (max-width: 1000px) { .form-call-to-action[for=form_2] { grid-area: 2/1/3/3; } } @media screen and (max-width: 530px) { .form-call-to-action[for=form_2] { grid-area: inherit; } } @media screen and (max-width: 1000px) { .form-call-to-action[for=form_3] { grid-area: 2/3/3/5; } } @media screen and (max-width: 530px) { .form-call-to-action[for=form_3] { grid-area: inherit; } } .form-call-to-action-text { margin: 0; } .call-to-action-indicator { border: 1px solid #1E293B; background-color: white; width: 14.14px; height: 14.14px; align-self: end; justify-self: center; transform: rotate(45deg) translateY(72%); } @media screen and (max-width: 1000px) { .call-to-action-indicator { display: none; } } .form-container { display: none; grid-area: 3/1/4/5; background-image: linear-gradient(180deg, white 0%, white 10px, transparent 10px, transparent 100%); z-index: 1; padding-top: 42.5px; } .form-container > * { max-width: 720px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 1000px) { .form-container { grid-area: 4/1/5/5; } } @media screen and (max-width: 530px) { .form-container { grid-area: 6/1/6/2; } } #form_0:checked ~ .form-container-0 { display: block; } #form_0:checked ~ .call-to-action-indicator { grid-area: 2 / 1 / 3 / 2; } #form_1:checked ~ .form-container-1 { display: block; } #form_1:checked ~ .call-to-action-indicator { grid-area: 2 / 2 / 3 / 3; } #form_2:checked ~ .form-container-2 { display: block; } #form_2:checked ~ .call-to-action-indicator { grid-area: 2 / 3 / 3 / 4; } #form_3:checked ~ .form-container-3 { display: block; } #form_3:checked ~ .call-to-action-indicator { grid-area: 2 / 4 / 3 / 5; } .form-description { margin-top: 0; margin-bottom: 0; } .gform_wrapper { padding-top: 47px; } .form-question-call-wrapper { padding-top: 49px; text-align: center; } .row-contact-page-map .cont { padding-top: calc(6.125rem + (152 - 98) * (100vw - 1000px) / (700 - 1000)); } @media (min-width: 700px) { .row-contact-page-map .cont { padding-top: 9.5rem; } } @media (max-width: 1000px) { .row-contact-page-map .cont { padding-top: 6.125rem; } } .map-line { border-radius: 16px; margin-top: 49px; overflow: hidden; } .map-iframe { border: none; margin: auto; display: block; } .row-contact-page-information-columns .cont { padding-top: calc(3.5rem + (115 - 56) * (100vw - 1000px) / (700 - 1000)); } @media (min-width: 700px) { .row-contact-page-information-columns .cont { padding-top: 7.1875rem; } } @media (max-width: 1000px) { .row-contact-page-information-columns .cont { padding-top: 3.5rem; } } .row-contact-page-information-columns .cont { padding-bottom: calc(5.5625rem + (130 - 89) * (100vw - 1000px) / (700 - 1000)); } @media (min-width: 700px) { .row-contact-page-information-columns .cont { padding-bottom: 8.125rem; } } @media (max-width: 1000px) { .row-contact-page-information-columns .cont { padding-bottom: 5.5625rem; } } .row-contact-page-banner .cont { padding-top: 26px; padding-bottom: calc(5.5625rem + (130 - 89) * (100vw - 1000px) / (700 - 1000)); } @media (min-width: 700px) { .row-contact-page-banner .cont { padding-bottom: 8.125rem; } } @media (max-width: 1000px) { .row-contact-page-banner .cont { padding-bottom: 5.5625rem; } } /* Pages - Page Newsletter --------------------------------------------- */ .row-newsletter-page .cont { max-width: 740px; padding-top: calc(6.125rem + (103 - 98) * (100vw - 1000px) / (700 - 1000)); } @media (min-width: 700px) { .row-newsletter-page .cont { padding-top: 6.4375rem; } } @media (max-width: 1000px) { .row-newsletter-page .cont { padding-top: 6.125rem; } } .row-newsletter-page .cont { padding-bottom: calc(8rem + (157 - 128) * (100vw - 1000px) / (700 - 1000)); } @media (min-width: 700px) { .row-newsletter-page .cont { padding-bottom: 9.8125rem; } } @media (max-width: 1000px) { .row-newsletter-page .cont { padding-bottom: 8rem; } } .row-newsletter-page .newsletter-form { padding-top: 0; } /* Pages - Page Ratio Club --------------------------------------------- */ .row-expert-archive-ratio-club .cont { padding-bottom: calc(5.9375rem + (120 - 95) * (100vw - 700px) / (1000 - 700)); } @media (min-width: 1000px) { .row-expert-archive-ratio-club .cont { padding-bottom: 7.5rem; } } @media (max-width: 700px) { .row-expert-archive-ratio-club .cont { padding-bottom: 5.9375rem; } } /*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/ /* Accessibility --------------------------------------------- */ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Do not show the outline on the skip link target. */ #primary[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Vendors --------------------------------------------------------------*/ /* Vendors - Hamburgers --------------------------------------------- */ /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #000; } .hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #000; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } /* * 3DX */ .hamburger--3dx .hamburger-box { perspective: 80px; } .hamburger--3dx .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(180deg); } .hamburger--3dx.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DX Reverse */ .hamburger--3dx-r .hamburger-box { perspective: 80px; } .hamburger--3dx-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(-180deg); } .hamburger--3dx-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY */ .hamburger--3dy .hamburger-box { perspective: 80px; } .hamburger--3dy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(-180deg); } .hamburger--3dy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY Reverse */ .hamburger--3dy-r .hamburger-box { perspective: 80px; } .hamburger--3dy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg); } .hamburger--3dy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY */ .hamburger--3dxy .hamburger-box { perspective: 80px; } .hamburger--3dxy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg); } .hamburger--3dxy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY Reverse */ .hamburger--3dxy-r .hamburger-box { perspective: 80px; } .hamburger--3dxy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .hamburger--3dxy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * Arrow */ .hamburger--arrow.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrow.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Arrow Right */ .hamburger--arrow-r.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Alt */ .hamburger--arrowalt .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Alt Right */ .hamburger--arrowalt-r .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Turn */ .hamburger--arrowturn.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrowturn.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Turn Right */ .hamburger--arrowturn-r.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn-r.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Boring */ .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { transition-property: none; } .hamburger--boring.is-active .hamburger-inner { transform: rotate(45deg); } .hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--boring.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } /* * Collapse */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Collapse Reverse */ .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse-r .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-270deg); transition-delay: 0.075s; } /* * Elastic Reverse */ .hamburger--elastic-r .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic-r .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-135deg); transition-delay: 0.075s; } .hamburger--elastic-r.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(270deg); transition-delay: 0.075s; } /* * Emphatic */ .hamburger--emphatic { overflow: hidden; } .hamburger--emphatic .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic.is-active .hamburger-inner::before { left: -80px; top: -80px; transform: translate3d(80px, 80px, 0) rotate(45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic.is-active .hamburger-inner::after { right: -80px; top: -80px; transform: translate3d(-80px, 80px, 0) rotate(-45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Emphatic Reverse */ .hamburger--emphatic-r { overflow: hidden; } .hamburger--emphatic-r .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic-r.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic-r.is-active .hamburger-inner::before { left: -80px; top: 80px; transform: translate3d(80px, -80px, 0) rotate(-45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r.is-active .hamburger-inner::after { right: -80px; top: 80px; transform: translate3d(-80px, -80px, 0) rotate(45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Minus */ .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after { transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; } .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after { opacity: 0; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; } .hamburger--minus.is-active .hamburger-inner::before { top: 0; } .hamburger--minus.is-active .hamburger-inner::after { bottom: 0; } /* * Slider */ .hamburger--slider .hamburger-inner { top: 2px; } .hamburger--slider .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 20px; } .hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-5.7142857143px, -6px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-90deg); } /* * Slider Reverse */ .hamburger--slider-r .hamburger-inner { top: 2px; } .hamburger--slider-r .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider-r .hamburger-inner::after { top: 20px; } .hamburger--slider-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-45deg); } .hamburger--slider-r.is-active .hamburger-inner::before { transform: rotate(45deg) translate3d(5.7142857143px, -6px, 0); opacity: 0; } .hamburger--slider-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(90deg); } /* * Spin */ .hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spin Reverse */ .hamburger--spin-r .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin-r .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r.is-active .hamburger-inner { transform: rotate(-225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spring */ .hamburger--spring .hamburger-inner { top: 2px; transition: background-color 0s 0.13s linear; } .hamburger--spring .hamburger-inner::before { top: 10px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring .hamburger-inner::after { top: 20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring.is-active .hamburger-inner { transition-delay: 0.22s; background-color: transparent !important; } .hamburger--spring.is-active .hamburger-inner::before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner::after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(-45deg); } /* * Spring Reverse */ .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .hamburger--spring-r .hamburger-inner::before { transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .hamburger--spring-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand */ .hamburger--stand .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand.is-active .hamburger-inner { transform: rotate(90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand Reverse */ .hamburger--stand-r .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand-r .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r.is-active .hamburger-inner { transform: rotate(-90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand-r.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Vortex */ .hamburger--vortex .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex.is-active .hamburger-inner { transform: rotate(765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); } /* * Vortex Reverse */ .hamburger--vortex-r .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex-r .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex-r .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex-r.is-active .hamburger-inner { transform: rotate(-765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex-r.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } /*-------------------------------------------------------------- # Vendors Extensions --------------------------------------------------------------*/ /* Vendors Extensions - Hamburgers --------------------------------------------- */ .hamburger { padding: 0px 6px 0px 20px; } .hamburger:hover, .hamburger.is-active:hover { opacity: 1; } .hamburger-box { width: 18px; height: 13px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { background-color: #0F172A; height: 2px; width: 100%; } .hamburger-inner::before { top: -5px; } .hamburger-inner::after { bottom: -5px; } /*# sourceMappingURL=style.css.map */ .cmplz-hidden { display: none !important; }