/* @override https://research.nightingalehealth.test/assets/css/global-v3.css https://nightingalehealth.test/assets/css/global-v3.css https://research.nightingalehealth.com/assets/css/global-v3.css?* https://nightingalehealth.com/assets/css/global-v3.css?* https://rebu.nightingalehealth.test/assets/css/global-v3.css https://ir.nightingalehealth.test/assets/css/global-v3.css https://ir.nightingalehealth.com/assets/css/global-v3.css?* */ /* ----------------------------------------------------------- Project: Nightingale Health Version: 3.0 Created: May 11, 2024 Modified: August 20, 2025 [Table of contents] 1. Reset 2. Web fonts 3. Custom Properties 4. Typography 5. Utility styles 6. Structure & design 7. Animations ----------------------------------------------------------- */ /* ----------------------------------------------------------- RESET ----------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } img, picture, video, canvas, svg { display: block; max-width: 100%; height: auto; } article, aside, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } /* Remove built-in form typography styles */ input, button, textarea, select { font: inherit; } /* tables still need cellspacing="0" in the markup */ table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } /* Set html font-size to 10px so: 1rem = 10px */ html { font-size: 62.5%; } /* Set basic typography settings for body */ body { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; font-feature-settings: "kern"; -webkit-font-feature-settings: "kern"; -moz-font-feature-settings: "kern"; -moz-font-feature-settings: "kern=1"; scroll-behavior: smooth; } /* ----------------------------------------------------------- WEB FONTS ----------------------------------------------------------- */ @font-face { font-family: "riforma-regular"; font-display: swap; src: url("../fonts/RiformaLLWeb-Regular.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/RiformaLLWeb-Regular.woff") format("woff"); /* Pretty Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "riforma-light"; font-display: swap; src: url("../fonts/RiformaLLWeb-Light.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/RiformaLLWeb-Light.woff") format("woff"); /* Pretty Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "riforma-medium"; font-display: swap; src: url("../fonts/RiformaLLWeb-Medium.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/RiformaLLWeb-Medium.woff") format("woff"); /* Pretty Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "riforma-bold"; font-display: swap; src: url("../fonts/RiformaLLWeb-Bold.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/RiformaLLWeb-Bold.woff") format("woff"); /* Pretty Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "riforma-italic"; font-display: swap; src: url("../fonts/RiformaLLWeb-Italic.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/RiformaLLWeb-Italic.woff") format("woff"); /* Pretty Modern Browsers */ font-weight: normal; font-style: normal; } /* ----------------------------------------------------------- CUSTOM PROPERTIES ----------------------------------------------------------- */ :root { /* Colors */ --c-main: #000; --c-secondary: #807C7D; --c-highlight: rgba(95, 0, 220, 1); --c-background: #fff; --c-hover: #b8b8b8; --c-violet: #5F00DC; --c-border: #C4C4C4; --c-rebu-green: #508170; --c-rebu-txt-green: #355449; --c-indigo-dark: rgba(95, 0, 220, 1); --c-indigo-light: rgba(95, 0, 220, 0.5); --c-magnolia: rgba(242, 235, 252, 1); --c-pattens-blue: rgba(220, 230, 235, 1); --c-provincial-pink-light: rgba(249, 223, 206, 0.4); --c-magnolia: rgba(242, 235, 252, 1); /* Typography */ --fs-base: 200%; /* Set HTML font-size where 160% = 16px */ --lh-base: 1.25; /* Set base line-height for body text */ --ff-body: "riforma-regular", Helvetica, Arial, sans-serif; /* Set font-family for body text */ --ff-headers: "riforma-medium", Helvetica, Arial, sans-serif; /* Set font-family for headers */ /* Font sizes */ --small-text: 0.4em; /* 8px */ --body-5: 0.6em; /* 12px */ --body-4: 0.7em; /* 14px */ --body-3: 0.8em; /* 16px */ --body-2: 0.9em; /* 18px */ --heading-3: 1.2em; /* 24px */ --heading-2: 1.6em; /* 32px */ --heading-1: 2em; /* 40px */ --title: 2.4em; /* 48px */ /* Global padding */ --gp-sides: 5rem; } /* ----------------------------------------------------------- TYPOGRAPHY ----------------------------------------------------------- */ body { font-size: var(--fs-base); line-height: var(--lh-base); font-family: var(--ff-body); color: var(--c-main); background-color: var(--c-background); hanging-punctuation: first allow-end last; } /* Set text selection color */ /*::selection { }*/ /* WebKit/Blink Browsers */ /*::-moz-selection { }*/ /* Gecko Browsers */ /* HEADINGS -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: normal; color: var(--c-main); font-family: var(--ff-headers); line-height: 1.2; text-rendering: optimizeLegibility; /*overflow-wrap: break-word; hyphens: auto; text-wrap: balance;*/ } h1 { font-size: var(--title); line-height: 1; } h2 { font-size: var(--heading-1); } h3 { font-size: var(--heading-2); } h4 { font-size: var(--heading-3); } h4.thin, h4.subtitle { font-family: "riforma-regular"; } /* TEXT ELEMENTS -------------------------------------------------------------- */ p { margin: 0 0 1.5em; overflow-wrap: break-word; hyphens: auto; } a:hover, a:active { outline: none; } a, a:active, a:visited { text-decoration: none; } a:hover { } blockquote { } strong { font-weight: bold; } em,dfn { font-style: normal; } dfn { font-weight: normal; } sup, sub { line-height: 0; font-size: 0.75em; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } abbr, acronym { } address { } del { } pre,code { white-space: pre; } pre,code,tt { } pre { white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; } /* BUTTONS & CALL-TO-ACTIONS -------------------------------------------------------------- */ a.arrow { position: relative; display: inline-block; padding-left: 2.5rem; } a.arrow:before { content: "\2192"; position: absolute; left: 0; top: 0; } a.arrow-r-d { position: relative; padding-right: 3.5rem; } a.arrow-r-d:hover { text-decoration: none; } a.arrow-r-d::after { content: ""; position: absolute; width: 24px; height: 24px; background-image: url(../img/arrow-right-down-green.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; right: 0.5rem; transition: 0.15s ease-in-out; } a.arrow-r-d:hover::after { right: 0; } a.download { position: relative; padding-right: 3rem; text-decoration: none !important; } a.download:hover { text-decoration: none !important; } a.download::after { content: ""; position: absolute; width: 18px; height: 18px; background-image: url(../img/download-violet.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; right: 0.5rem; top: 3px; transition: 0.15s ease-in-out; } .theme-g a.download::after { background-image: url(../img/download-green.svg); } a.download:hover::after { right: 0; } a.external { color: var(--c-violet); position: relative; padding-right: 3.5rem; text-decoration: none; } a.external:hover { text-decoration: none; } a.external::after { content: ""; position: absolute; width: 24px; height: 24px; background-image: url(../img/external.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; right: 0.5rem; transition: 0.15s ease-in-out; } a.external:hover::after { right: 0; } .theme-g a.external { color: var(--c-rebu-green); } .theme-g a.external::after { color: var(--c-rebu-green); background-image: url(../img/external-lite-green.svg); } a.cta { position: relative; padding-right: 3rem; color: var(--c-main); text-decoration: none !important; } a.cta::after { content: ""; position: absolute; width: 18px; height: 18px; background-image: url(../img/btn-arrow-black.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; right: 0.5rem; top: 3px; transition: 0.15s ease-in-out; } a.cta:hover::after { right: 0; } p a.cta { color: var(--c-violet); } p a.cta::after { background-image: url(../img/btn-arrow-violet.svg); } .theme-g a.cta { color: var(--c-rebu-green); } .theme-g a.cta::after { background-image: url(../img/btn-arrow-green.svg); } /* LISTS -------------------------------------------------------------- */ li ul, li ol { margin: 0 1.5em; } ul, ol { margin: 0 1.5em 1.5em 1.5em; } ul { list-style-type: disc; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: normal; } dd { margin-left: 1.5em;} nav ul { list-style: none; margin: 0; padding: 0; } nav ul li { display: inline; } /* TABLES -------------------------------------------------------------- */ table { width: 100%; border: 1px solid var(--c-main); font-size: var(--font-size-body); margin-bottom: 1.47em; } th { } th,td { border: 1px solid var(--c-main); padding: 10px; } tr.even td { } tfoot { } caption { } /* FORMS -------------------------------------------------------------- */ /* ----------------------------------------------------------- UTILITY STYLES ----------------------------------------------------------- */ .bg-video, .bg-cover { background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg-video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .center-vertically { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .text-center { text-align: center; } .text-right { text-align: right; } /* Responsive video embedding */ .youtubeWrapper, .vimeoWrapper, .instagramWrapper { position: relative; padding-top: 30px; height: 0; overflow: hidden; } /* Set the padding-bottom for 16:9 aspect ratio video from YouTube & Vimeo */ .youtubeWrapper, .vimeoWrapper { padding-bottom: 56.25%; } /* Set padding-bottom for 5:6 aspect ratio Instagram content */ .instagramWrapper { padding-bottom: 120%; } /* For each content source, set the IFRAME to be top left and occupy 100% of width and height of the containing DIV wrapper */ .youtubeWrapper iframe, .youtubeWrapper object, .youtubeWrapper embed, .vimeoWrapper iframe, .vimeoWrapper object, .vimeoWrapper embed, .instagramWrapper iframe, .instagramWrapper object, .instagramWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ----------------------------------------------------------- STRUCTURE ----------------------------------------------------------- */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; } body { height: 100%; text-align: center; } body.nav-is-open { } .page-wrapper { width: 100%; min-height: 100%; _height: 100%; margin: auto; position: relative; text-align: left; /*overflow: hidden;*/ } .page-wrapper::before { content: ""; position: fixed; width: 100%; height: 5px; background-color: var(--c-indigo-dark); top: 0; left: 0; z-index: 1000; } .page-hero, .page-content, .page-footer { width: 100%; position: relative; } .page-content { min-height: calc(100vh - 26.8rem); padding-top: 12rem; } .page-content .top-polka { position: absolute; width: 100%; height: 32rem; top: 0; left: 0; z-index: -1; } .page-content .top-polka::before { position: absolute; content: ""; width: 100%; height: 100%; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%); } .ir .page-content { padding-top: 0; display: grid; grid-template-columns: 30rem calc(100% - 30rem); grid-gap: 0 0; justify-content: space-between; } .ir .ir-content { padding-top: 1.2rem; padding-right: var(--gp-sides); border-left: 0.5px solid #DCDCDC; max-width: calc(1280px + var(--gp-sides)); } .ir .ir-content .block__content { max-width: 100%; } .article .page-content { padding-top: 9rem; } /* GLOBAL PADDING -------------------------------------------------------------- */ .padding--content-sides { padding-left: var(--gp-sides); padding-right: var(--gp-sides); } .page-header .padding--content-sides { padding-left: 0; padding-right: 0; } /* FLEXBOX AND GRID -------------------------------------------------------------- */ .flex-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; } .flex-wrapper .flex-item { } .flex-2 > .span-1 { flex-basis: 50%; } .flex-2 > .span-2 { flex-basis: 100%; } .flex-3 > .span-1 { flex-basis: 33.33%; } .flex-3 > .span-2 { flex-basis: 66.66%; } .flex-3 > .span-3 { flex-basis: 100%; } .flex-4 > .span-1 { flex-basis: 25%; } .flex-4 > .span-2 { flex-basis: 50%; } .flex-4 > .span-3 { flex-basis: 75%; } .flex-4 > .span-3 { flex-basis: 100%; } .grid-wrapper { display: grid; justify-content: space-between; } .grid-wrapper.grid-2 { grid-template-columns: repeat(auto-fill, 50%); } .grid-wrapper.grid-3 { grid-template-columns: repeat(auto-fill, 33%); } .grid-wrapper.grid-4 { grid-template-columns: repeat(auto-fill, 25%); } .grid-wrapper.grid-5 { grid-template-columns: repeat(auto-fill, 20%); } /* MASTHEAD -------------------------------------------------------------- */ .page-header { position: fixed; z-index: 10000; top: 5px; left: 0; width: 100%; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15); } .theme-g .page-header { background-color: #3A6456; } .page-header__content { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; min-height: 8.4rem; padding: 0 2.5rem; transition: 0.25s cubic-bezier(0.83, 0, 0.17, 1); } /*.navigation-level__top { height: 0; min-height: 0; overflow: hidden; position: relative; opacity: 0; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); } .navigation-level__top::before { content: ""; position: absolute; width: 100%; height: 1px; background-color: var(--c-border); bottom: 0; left: 0; } .navigation-level__top.open { height: auto; min-height: 10rem; opacity: 1; } .navigation-level__top .flex-item { } .navigation-level__top ul { margin: 0; padding: 0; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; width: 100%; } .navigation-level__top li { list-style: none; } .navigation-level__top a { text-transform: uppercase; font-size: var(--body-3); color: var(--c-main); letter-spacing: 0.03em; position: relative; padding: 0 2.2rem; } .navigation-level__top a:hover { color: var(--c-highlight); text-decoration: none; cursor: pointer; } .navigation-level__top a:before { content: ""; position: absolute; left: 0; top: calc(50% - 0.6rem); width: 1.2rem; height: 1.2rem; border: 1px solid var(--c-main); border-radius: 50%; background-color: #fff; } .navigation-level__top a:hover:before { border-color: var(--c-highlight); background-color: #fff; } .navigation-level__top .current a:before { background-color: var(--c-main); } .navigation-level__top .current a:hover:before { background-color: var(--c-highlight); }*/ .logo--header { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; height: 40px; } .logo--header a { color: var(--c-main); } .logo--header img { height: 40px; width: auto; transition: 0.25s cubic-bezier(0.83, 0, 0.17, 1); } /* NAVIGATION -------------------------------------------------------------- */ /* Main menu */ .main-menu { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding-left: 4rem; } .main-menu__list { list-style: none; margin: 0; } .main-menu__list li { margin: 0; padding: 0; display: inline; } .main-menu__list a { font-size: var(--body-3); color: var(--c-main); text-decoration: none; padding: 0 calc(var(--gp-sides) / 2); line-height: 84px; display: inline-block; transition: 0.25s cubic-bezier(0.83, 0, 0.17, 1); } .main-menu__list a:hover { color: var(--c-highlight); text-decoration: none; } .main-menu__list a.active { color: var(--c-violet); } .theme-g .main-menu__list a { color: #fff; } .theme-g .main-menu__list a:hover { color: #8DBAAC; } .theme-g .main-menu__list a.active { color: #8DBAAC; } .main-menu__list .has-child > a { position: relative; } .main-menu__list .has-child > a::after { content: ""; position: absolute; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 5px solid var(--c-secondary); top: 32px; right: 5px; } .main-menu__list .has-child:hover > .sub-menu { height: 8.4rem; bottom: -6.5rem; opacity: 1; z-index: 1; } .main-menu__list .has-child:hover > a::after { width: 0; height: 0; border-style: solid; border-width: 0 3px 5px 3px; border-color: transparent transparent var(--c-highlight) transparent; } .main-menu--side { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .main-menu--side .cta { font-size: var(--body-4); text-transform: uppercase; letter-spacing: 1px; transition: 0.15s cubic-bezier(0.83, 0, 0.17, 1); white-space: nowrap; } .main-menu--side .cta:hover { background-color: var(--c-highlight); border-color: var(--c-highlight); color: #fff; } .main-menu .cta--order { transition: 0.15s cubic-bezier(0.83, 0, 0.17, 1); white-space: nowrap; border: 1.5px solid #fff; border-radius: 24px; padding: 0 0 3px 0; margin-left: calc(var(--gp-sides) / 2); } .main-menu .cta--order:hover { background-color: #508170; } .main-menu .cta--order a { color: #fff !important; } .main-menu .cta--order:hover a { color: #fff; } /* Language switcher */ .lang-switcher { margin-right: -2.5rem; margin-left: 2.5rem; } .lang-switcher a, .lang-switcher span { font-size: var(--body-3); color: #707070; text-transform: uppercase; padding: 0 2.5rem; display: inline-block; } span.lang-switcher__toggle { padding-top: 1.2rem; padding-bottom: 1rem; position: relative; } span.lang-switcher__toggle::before { content: ""; position: absolute; width: 1px; height: 3.6rem; background-color: #DCDCDC; left: 0; top: calc(50% - 1.8rem); } .scrolled span.lang-switcher__toggle::before{ height: 2.6rem; top: calc(50% - 1.3rem); } span.lang-switcher__toggle:has(+ .lang-switcher__list li)::after { content: ""; position: absolute; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 5px solid #707070; top: 19px; right: 13px; } span.lang-switcher__toggle:has(+ .lang-switcher__list li):hover { cursor: pointer; } .lang-switcher.open span.lang-switcher__toggle:has(+ .lang-switcher__list li)::after { width: 0; height: 0; border-style: solid; border-width: 0 3px 5px 3px; border-color: transparent transparent #707070 transparent; } .lang-switcher ul { margin: 1rem 0 0 0; padding: 1rem 0; list-style: none; position: absolute; background-color: #fff; border-radius: 5px; overflow: hidden; transition: all 0.15s ease-out; height: auto; transform: scaleY(0); transform-origin: top; opacity: 0; display: block !important; } .scrolled .lang-switcher ul { margin: -4px 0 0 0; padding: 1rem 0; } .lang-switcher.open ul { transform: scaleY(1); opacity: 1; } .lang-switcher ul li { line-height: 1.25; } .lang-switcher ul li a { padding-top: 8px; padding-bottom: 8px; display: block; } .lang-switcher ul li a:hover { color: var(--color-indigo-dark); } /* Burger icon */ .burger-icon { width: 26px; height: 26px; position: absolute; z-index: 10000 !important; right: 2rem; top: 2.9rem; display: none; transition: 0.25s cubic-bezier(0.83, 0, 0.17, 1); } .scroll .burger-icon, .scrolled .burger-icon { top: 0.9rem; } .burger-icon .line { background-color: var(--c-main); width: 26px; height: 1px; display: block; position: absolute; left: 0; transition: 0.2s ease; } .burger-icon.open .line { background-color: var(--c-main); } .theme-g .burger-icon .line, .theme-g .burger-icon.open .line { background-color: #fff; } .burger-icon .line:nth-of-type(1) { top: 4px; } .burger-icon .line:nth-of-type(2) { top: 12px; } .burger-icon .line:nth-of-type(3) { top: 20px; } .burger-icon:hover { cursor: pointer; } .burger-icon:hover .line:nth-of-type(1) { top: 2px; } .burger-icon:hover .line:nth-of-type(2) { width: 30px; left: -2px; } .burger-icon:hover .line:nth-of-type(3) { top: 22px; } .burger-icon.open .line:nth-of-type(1) { transform: rotate(45deg); top: 12px; } .burger-icon.open .line:nth-of-type(2) { display: none; } .burger-icon.open .line:nth-of-type(3) { transform: rotate(135deg); top: 12px; } .burger-icon.open:hover .line:nth-of-type(1){ top: 12px; width: 30px; left: -2px; } .burger-icon.open:hover .line:nth-of-type(3){ top: 12px; width: 30px; left: -2px; } /* Mobile nav */ .mobile-nav { position: fixed; width: 100%; height: 100vh; min-height: fill-available; min-height: -webkit-fill-available; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; background-color: rgba(255, 255, 255, .97); top: 0; left: -100%; z-index: 100; transition: left 0.25s cubic-bezier(0.83, 0, 0.17, 1); } .mobile-nav::-webkit-scrollbar { display: none; } .nav-is-open .mobile-nav { left: 0; } .mobile-nav__inner { text-align: left; width: 100%; min-height: 100vh; min-height: fill-available; min-height: -webkit-fill-available; position: relative; padding: 20rem calc(var(--gp-sides) * 2) 5rem calc(var(--gp-sides) * 2); } .mobile-nav__menu { width: 100%; margin: 0 0 5rem 0; padding: 0; list-style: none; } .mobile-nav__menu a { color: var(--c-main); font-size: 18px; display: block; padding: 0.8rem 0; } .mobile-nav__menu a:hover { color: var(--c-indigo-dark); } .mobile-sub-menu { margin: 0; } .mobile-sub-menu li { list-style: none; margin-left: 2rem; } .mobile-site-nav { margin: 0 0 0 0; } .mobile-site-nav a { color: var(--c-main); font-size: 18px; } .mobile-site-nav a:hover { color: var(--c-highlight); } .mobile-site-nav .top-menu-toggle { font-family: "riforma-bold"; font-size: 16px; text-decoration: none; text-transform: uppercase; padding: 0.8rem 2rem 0.8rem 2rem; position: relative; margin-bottom: 2rem; display: inline-block; } .mobile-site-nav .top-menu-toggle::before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 8px; border-color: transparent transparent transparent var(--c-main); left: 0; top: 1.4rem; } .mobile-site-nav .top-menu-toggle:hover::before { border-color: transparent transparent transparent var(--c-highlight); } .mobile-site-nav .top-menu-toggle.open::before { content: "x"; position: absolute; width: 0; height: 0; border-style: none; left: 0; top: 0.8rem; } .mobile-site-nav .top-menu { height: 0; min-height: 0; margin: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); } .mobile-site-nav .top-menu.open { height: auto; min-height: 10rem; opacity: 1; } .mobile-site-nav .top-menu li:last-of-type { margin-bottom: 2rem; } .mobile-site-nav .top-menu a { position: relative; margin: 0 0 0 ; padding: 5px 0 5px 2rem; display: inline-block; } .mobile-site-nav .top-menu a::before { content: ""; position: absolute; left: 0; top: calc(50% - 0.6rem); width: 1.2rem; height: 1.2rem; border: 1px solid var(--c-main); border-radius: 50%; background-color: transparent; } .mobile-site-nav .top-menu .current a::before { background-color: var(--c-main); } .mobile-site-nav .top-menu a:hover::before { border: 1px solid var(--c-highlight); } .mobile-site-nav .top-menu .current a:hover::before { background-color: var(--c-highlight); } /* Animated masthead */ .scroll .page-header__content, .scrolled .page-header__content { min-height: 4.4rem; } .scroll .logo--header img, .scrolled .logo--header img { transform: scale(0.58); transform-origin: center left; clip-path: polygon(0 0, 34% 0, 34% 100%, 0 100%); } .scroll .main-menu__list a, .scrolled .main-menu__list a { line-height: 44px; } .theme-g .scroll .logo--header img, .theme-g .scrolled .logo--header img { clip-path: polygon(0 0, 24% 0, 24% 100%, 0 100%); } /* ReBu breadcrumb navigation */ .breadcrumb-nav { max-width: 1280px; margin: 0 auto; padding: 0 0 1.5rem 0; list-style: none; color: #707070; font-size: var(--body-3); } .breadcrumb-nav li { display: inline; } .breadcrumb-nav li a { color: #707070; } .breadcrumb-nav li a:hover { color: #707070; text-decoration: underline; } /* Investors navigation */ .ir-sidebar { padding: 2.8rem 2.4rem 2.4rem 2.4rem; } .ir-sidebar .logo { margin-bottom: 7rem; } .ir-nav { font-size: var(--body-3); } .ir-nav a { color: var(--c-main); } .ir-nav a.active, .ir-nav a:hover { color: var(--c-violet); } .ir-nav a.toggle-dropdown { padding-bottom: 2.2rem; display: inline-block; padding-right: 3rem; position: relative; } .ir-nav a.toggle-dropdown::after { content: ""; position: absolute; width: 18px; height: 18px; background-image: url(../img/arrow-right-down-black.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; right: 0.5rem; transition: 0.15s ease-in-out; } .ir-nav a.toggle-dropdown:hover::after { background-image: url(../img/arrow-right-down-violet.svg); right: 0; transition: 0.15s ease-in-out; } .ir-nav a.toggle-dropdown.open { } .ir-nav a.toggle-dropdown.open::after { background-image: url(../img/arrow-right-down-violet.svg); } .ir-nav ul { list-style: none; margin: 0; padding: 0 0 0 3.5rem; max-height: 0; overflow: hidden; transition: max-height 0.25s cubic-bezier(0.83, 0, 0.17, 1); } .ir-nav ul:has(.active), .ir-nav ul.open { max-height: 100rem; } .ir-nav ul li { padding-bottom: 2.2rem; } .ir-mobile-nav-toggle { display: none; } .ir-lang-switcher { list-style: none; margin: 2.6rem 0 0 0; padding: 1.5rem 0 0 0; border-top: 0.5px solid #DCDCDC; font-size: var(--body-3); } .ir-lang-switcher li { display: inline-block; color: #707070; text-transform: uppercase; margin-right: 2rem; } .ir-lang-switcher li a { color: var(--c-main); } .ir-lang-switcher li a:hover { color: var(--c-violet); } .ir-home-cta { margin-top: 4.5rem; } .ir-home-cta a { font-size: var(--body-3); color: var(--c-violet); border: 1px solid var(--c-violet); border-radius: 24px; padding: 0.8rem 4.4rem 0.7rem 2.4rem; position: relative; display: inline-block; line-height: 1; transition: 0.15s cubic-bezier(0.83, 0, 0.17, 1); } .ir-home-cta a::after { content: ""; position: absolute; width: 18px; height: 18px; background-image: url(../img/external.svg); background-repeat: no-repeat; background-position: center center; background-size: 100%; margin-left: 0.6rem; top: 0.7rem; } .ir-home-cta a:hover { color: #fff; background-color: var(--c-violet); transition: 0.15s cubic-bezier(0.83, 0, 0.17, 1); } .ir-home-cta a:hover::after { background-image: url(../img/external-white.svg); } .ir .logo--mobile { padding: 2.8rem 2.4rem 2.4rem 2.4rem; width: calc(100% - 80px); display: none; } /* CONTENT ELEMENTS -------------------------------------------------------------- */ /* Polka background */ .polka { background-color: var(--c-background); background-image: radial-gradient(var(--c-indigo-dark) 1.2px, var(--c-background) 1.2px); background-size: 19px 19px; } /* Block title */ .block-title { padding: 12rem var(--gp-sides) 2.4rem var(--gp-sides); } .block-title .block__content { max-width: 1280px; margin: 0 auto; } .block-title h1 { margin-bottom: 0.2em; } .block-title h4 { font-family: "riforma-regular"; } .block-title h1 ~ p:first-of-type { margin-top: 8.2rem; } .block-title .powered-by { color: #707070; font-family: "riforma-light"; margin-bottom: 2.5em; margin-top: 0 !important; } .block-title p a { color: var(--c-violet); border: 1px solid var(--c-violet); border-radius: 24px; padding: 1rem calc(var(--gp-sides) + 3.4rem) 1rem var(--gp-sides); position: relative; display: inline-block; line-height: 1; transition: 0.15s cubic-bezier(0.83, 0, 0.17, 1); } .block-title p a:hover { color: #fff; background-color: var(--c-violet); } .block-title p a::after { content: ""; position: absolute; width: 2.4rem; height: 2.4rem; background-image: url(../img/external.svg); background-repeat: no-repeat; background-position: center center; margin-left: 1rem; top: 0.9rem; transition: 0.15s cubic-bezier(0.83, 0, 0.17, 1); } .block-title p a:hover::after { background-image: url(../img/external-white.svg); } .theme-g .block-title p a { color: var(--c-rebu-green); border: 1px solid var(--c-rebu-green); } .theme-g .block-title p a:hover { color: #fff; background-color: var(--c-rebu-green); } .theme-g .block-title p a::after { background-image: url(../img/external-lite-green.svg); } .theme-g .block-title p a:hover::after { background-image: url(../img/external-white.svg); } .page-content .block:last-child.block-title { padding-bottom: 12rem; } .ordering .block-title p a { border: none; border-radius: 0; padding: 0; position: relative; display: inline; line-height: var(--lh-base); text-decoration: underline; } .ordering .block-title p a:hover { border: none; border-radius: 0; padding: 0; position: relative; display: inline; line-height: var(--lh-base); text-decoration: underline; color: var(--c-rebu-green); background-color: transparent !important; } .ordering .block-title p a::after { display: none; } .block-title p, .ir-content .block-title p { font-size: var(--heading-3); } /* Block hero image */ .block-hero-img { padding: 7.2rem var(--gp-sides); } .block-hero-img .block__content { max-width: 1280px; margin: 0 auto; border-radius: 8px; overflow: hidden; } .block-hero-img.dropshadow .block__content { box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); } .article--blog .block-hero-img { padding-top: 0.3rem; padding-bottom: 0; } .article--blog .block-hero-img .block__content { max-width: 100%; } /* Block hero video */ .block-hero-video { } .block-hero-video header, .block-hero-video .block__content { max-width: 1280px; margin: 0 auto; overflow: hidden; } .block-hero-video header { margin-bottom: 4.2rem; } .block-hero-video.dropshadow { padding: 7.2rem var(--gp-sides); } .block-hero-video.dropshadow .block__content { box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); border-radius: 8px; } .block-hero-video .custom-ctrl { position: absolute; z-index: 100; border: none; background: none; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; width: 6rem; height: 6rem; bottom: 3.2rem; padding: 0 !important; } .block-hero-video .custom-ctrl:hover { cursor: pointer; opacity: 1; } .block-hero-video .custom-play { left: 3.2rem; opacity: 0.9; } .block-hero-video .custom-play:hover { opacity: 1; } .block-hero-video .custom-play:active { background-size: 96%; } .block-hero-video .custom-play.state-play { background-image: url(../img/video-play.svg); transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); } .block-hero-video .custom-play.state-pause { background-image: url(../img/video-pause.svg); transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); } .block-hero-video .custom-play.state-replay { background-image: url(../img/video-replay.svg); transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); } .custom-play.show { display: block !important; opacity: 1 !important; } .block-hero-video .custom-replay { right: 3.2rem; background-image: url(../img/video-replay-plain.svg); transition: 0.25s cubic-bezier(0.83, 0, 0.17, 1); opacity: 0; pointer-events: none; } .block-hero-video .custom-replay.visible { opacity: 1; pointer-events: auto; } .block-hero-video .custom-replay:hover { } .block-hero-video .custom-replay:active { transform: rotate(-45deg); } /* Block hero video with controls */ .block-hero-video--ctrls { padding: 7.2rem var(--gp-sides); } .block-hero-video--ctrls .block__content { border-radius: 8px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); } .block-hero-video--ctrls .embed-container { position: relative; } .video-ctrls { position: absolute; z-index: 100; left: 3.2rem; bottom: 3.4rem; width: calc(100% - 6.4rem); height: 6rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; } .video-ctrls .custom-ctrl { position: relative; bottom: 0 !important; } .video-ctrls .custom-play { left: 0; width: 6rem; } .video-ctrls .custom-volume { background-image: url(../img/video-sound-on.svg); transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); opacity: 0.9; width: 6rem; } .video-ctrls .custom-volume.state-muted { background-image: url(../img/video-sound-muted.svg); } .video-ctrls .custom-volume:hover { opacity: 1; } .video-ctrls .custom-volume:active { background-size: 96%; } .video-ctrls .playhead { width: calc(100% - 15.2rem); position: relative; } .video-ctrls .playhead-slider-wrapper { background-color: rgba(0, 0, 0, 0.20); height: 16px; overflow: hidden; position: relative; border-radius: 24px; top: 2.2rem; } .video-ctrls .playhead-slider { width: calc(100% - 4px); -webkit-appearance: none; appearance: none; height: 12px; background-color: rgba(0, 0, 0, 0.0); cursor: pointer; outline: none; overflow: hidden; margin: 0; padding: 0; top: 2px; left: 2px; position: absolute; border-radius: 24px; } .video-ctrls .playhead-slider::-webkit-slider-runnable-track { height: 12px; } .video-ctrls .playhead-slider::-moz-range-track { height: 12px; } .video-ctrls .playhead-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; height: 12px; width: 12px; background-color: #fff; border-radius: 50%; box-shadow: -1607px 0 0 1600px #fff; } .video-ctrls .playhead-slider::-moz-range-thumb { height: 12px; width: 12px; background-color: #fff; border-radius: 50%; border: 0; border-color: transparent; outline: none; margin-top: 1px; box-shadow: -1607px 0 0 1600px #fff; } .video-ctrls .playhead .current-time, .video-ctrls .playhead .remaining-time { position: absolute; color: #fff; font-size: 12px; background-color: rgba(0, 0, 0, 0.20); border-radius: 24px; line-height: 1; padding: 3px 8px 2.5px 8px; bottom: 0; } .video-ctrls .playhead .current-time { left: 0; } .video-ctrls .playhead .remaining-time { right: 0; } .video-timestamps { background-color: rgba(0, 0, 0, 0.20); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: stretch; padding: 0.6rem 2rem; } .video-timestamps .timestamp-link { font-size: var(--body-2); color: var(--c-violet); margin: 0.6rem calc(var(--gp-sides) / 2); } .video-timestamps .timestamp-link:hover { cursor: pointer; } .video-timestamps .timestamp-link span { color: #fff; padding-left: 1rem; } /* Block two-column images */ .block-two-column-imgs { padding: 7.2rem var(--gp-sides); } .block-two-column-imgs .block__content { max-width: 1280px; margin: 0 auto; } .block-two-column-imgs header h2 { margin-bottom: 0.78em; } .block-two-column-imgs header h4 { margin-bottom: 2.15em; } .block-two-column-imgs .cols { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; } .block-two-column-imgs .cols__col { width: calc(50% - 2.4rem); } .block-two-column-imgs .img-wrapper { border-radius: 8px; overflow: hidden; margin-bottom: 2.4rem; position: relative; aspect-ratio: 5 / 3; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); } .block-two-column-imgs .img-wrapper.img-gradient::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgb(95,0,220); background: linear-gradient(180deg, rgba(95,0,220,0.6531206232492996) 0%, rgba(95,0,220,0.1237088585434174) 100%); } .block-two-column-imgs .img-wrapper p { margin: 0; text-align: center; font-family: var(--ff-headers); font-size: var(--heading-1); padding: 3.1rem 2.4rem calc(var(--gp-sides) * 2) 2.4rem; z-index: 1; position: relative; } .block-two-column-imgs .img-wrapper.light p { color: var(--c-background); } .block-two-column-imgs .img-wrapper.dark p { color: var(--c-main); } .block-two-column-imgs .txt-wrapper { } .block-two-column-imgs .txt-wrapper h4 { font-family: "riforma-regular"; margin-bottom: 1em; } .block-two-column-imgs .txt-wrapper a { color: var(--c-indigo-dark); position: relative; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); } .theme-g .block-two-column-imgs .txt-wrapper a { color: var(--c-rebu-green); } .block-two-column-imgs .txt-wrapper a:after { content: "\2192"; margin-left: 0.6rem; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); } .block-two-column-imgs .txt-wrapper a:hover { } .block-two-column-imgs .txt-wrapper a:hover:after { margin-left: 0.8rem; } .block-two-column-imgs .txt-wrapper a[href]:not(:where( /* exclude hash only links */ [href^="#"], /* exclude relative but not double slash only links */ [href^="/"]:not([href^="//"]), /* domains to exclude */ [href*="//nightingalehealth"], /* subdomains to exclude */ [href*="//rebu.nightingalehealth"], [href*="//research.nightingalehealth"], [href*="//v3.nightingalehealth"])):after { content: ""; position: absolute; width: 2rem; height: 2rem; background-image: url(../img/external.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; margin-left: 1rem; top: 3px; } /* Block two-column cards */ .block-two-column-cards { padding: 7.2rem var(--gp-sides); } .block-two-column-cards .block__content { max-width: 1280px; margin: 0 auto; } .block-two-column-cards .cols { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; } .block-two-column-cards .cols__col { width: calc(50% - 2.4rem); padding: 4.8rem; background-color: #F9F9F9; border-radius: 8px; overflow: hidden; } .block-two-column-cards .img-wrapper { margin-bottom: 1.5rem; } .block-two-column-cards .txt-wrapper h2 { margin-bottom: 2.4rem; } .block-two-column-cards .txt-wrapper a { color: var(--c-indigo-dark); position: relative; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); } .block-two-column-cards .txt-wrapper a:after { content: "\2192"; margin-left: 0.6rem; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); } .block-two-column-cards .txt-wrapper a:hover { } .block-two-column-cards .txt-wrapper a:hover:after { margin-left: 0.8rem; } .block-two-column-cards .txt-wrapper *:last-child { margin-bottom: 0; } /* Block three-column icons */ .block-three-col-icons { padding: 7.2rem var(--gp-sides); } .block-three-col-icons .block__content { max-width: 1280px; margin: 0 auto; } .block-three-col-icons header h2 { margin-bottom: 1.8em; } .block-three-col-icons .cols { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10rem var(--gp-sides); justify-content: space-between; } .block-three-col-icons .cols__col { } .block-three-col-icons .cols .img-wrapper { margin-bottom: 2.8rem; } .block-three-col-icons .cols h4 { margin-bottom: 0.44em; } .block-three-col-icons .txt-wrapper { padding-right: var(--gp-sides); } .block-three-col-icons .txt-wrapper a { color: var(--c-indigo-dark); position: relative; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); } .block-three-col-icons .txt-wrapper a:after { content: "\2192"; margin-left: 0.6rem; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); } .block-three-col-icons .txt-wrapper a[href^="#"]:after { content: "\2198"; margin-left: 0.6rem; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); } .block-three-col-icons .txt-wrapper a:hover { } .block-three-col-icons .txt-wrapper a:hover:after { margin-left: 0.8rem; } .block-three-col-icons .txt-wrapper *:last-child { margin-bottom: 0; } /* Block 50/50 + image */ .block-img-5050 { max-width: 1280px; padding: 7.2rem calc(var(--gp-sides) * 4) 19.2rem calc(var(--gp-sides) * 4); margin-left: auto; margin-right: auto; } .block-img-5050 + .block-img-5050 { padding-top: 0 !important; } .block-img-5050 .block__content { } .block-img-5050 header { margin-bottom: 7.2rem; } .block-img-5050.full-width { max-width: calc(1280px + 2 * var(--gp-sides)); padding: 7.2rem var(--gp-sides) 19.2rem var(--gp-sides); } .block-img-5050 .cols { display: flex; flex-wrap: nowrap; justify-content: space-between; flex-direction: row; } .block-img-5050.img-right .cols { flex-direction: row-reverse; } .block-img-5050 .cols__col:first-child { width: 33%; } .block-img-5050 .cols__col:last-child { width: 67%; padding-left: var(--gp-sides); } .block-img-5050.full-width .cols__col { width: calc(50% - 2.4rem); padding-left: 0; } .block-img-5050.narrow-img .cols__col { width: 64%; } .block-img-5050.narrow-img .cols__col:has(.img-wrapper) { width: 30%; } .ir .block-img-5050.narrow-img .cols__col { width: calc(70% - var(--gp-sides)); } .ir .block-img-5050.narrow-img .cols__col:has(.img-wrapper) { width: 30%; } .block-img-5050 .img-wrapper { box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); border-radius: 8px; overflow: hidden; } .block-img-5050 .txt-wrapper { font-size: var(--body-2); } .block-img-5050 .txt-wrapper h3 { margin-bottom: 0.85em; font-size: 32px; } .block-img-5050 .txt-wrapper h4 { margin-bottom: 1.5em; font-size: 24px; line-height: var(--lh-base); } .block-img-5050 .txt-wrapper a { color: var(--c-indigo-dark); text-decoration: underline; } .block-img-5050 .txt-wrapper a:hover { color: var(--c-main); text-decoration: underline; } .theme-g .block-img-5050 .txt-wrapper a { color: var(--c-rebu-green); } .theme-g .block-img-5050 .txt-wrapper a:hover { color: var(--c-main); } /* Block 50/50 text */ .block-text5050 { padding: 7.2rem var(--gp-sides) 19.2rem var(--gp-sides); } .block-text5050 + .block-text5050 { padding-top: 0; margin-top: -12rem; } .block-text5050 + .block-text5050:has(header) { margin-top: 0; } .block-text5050 .block__content { max-width: 1280px; margin: 0 auto; } .block-text5050 .block__content header { margin-bottom: 3.5rem; } .block-text5050 .block__content .wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10rem var(--gp-sides); justify-content: space-between; } .block-text5050 header + .wrapper, .block-text5050.border-top .block__content { padding-top: 3.2rem; border-top: 1px solid #DCDCDC; } .block-text5050 header + .wrapper { padding-top: 7.5rem; } .block-text5050 h4 { margin-bottom: 1em; } .block-text5050 a { color: var(--c-violet); text-decoration: underline; } .theme-g .block-text5050 a { color: var(--c-rebu-green); text-decoration: underline; } .theme-g .block-text5050 a:hover { color: var(--c-rebu-txt-green); text-decoration: underline; } .block-text5050 a.cta { color: var(--c-violet); position: relative; padding-right: 3.5rem; text-decoration: none; } .block-text5050 a.cta:hover { text-decoration: none; } .block-text5050 a.cta::after { content: ""; position: absolute; width: 24px; height: 24px; background-image: url(../img/btn-arrow-violet.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; right: 0.5rem; transition: 0.15s ease-in-out; } .block-text5050 a.cta:hover::after { right: 0; } .theme-g .block-text5050 a.cta { color: var(--c-rebu-green); } .theme-g .block-text5050 a.cta::after { color: var(--c-rebu-green); background-image: url(../img/btn-arrow-green.svg); } /* Block management */ .block-management { padding: 7.2rem var(--gp-sides); } .block-management .block__content { max-width: 1280px; margin: 0 auto; } .block-management header { margin-bottom: 7.2rem; } .block-management .people-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 9.5rem 4.8rem; justify-content: space-between; } .block-management .img-wrapper { box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); border-radius: 8px; overflow: hidden; margin-bottom: 2rem; } .block-management .txt-wrapper { } .block-management .txt-wrapper h4 { font-family: var(--ff-body); margin-bottom: 1rem; } .block-management .txt-wrapper p { margin-bottom: 0; font-size: var(--body-2); } /* Block latest news */ .block-latest-news { padding: 7.2rem var(--gp-sides) 19.2rem var(--gp-sides); margin-left: auto; margin-right: auto; } .block-latest-news header, .block-latest-news .blog-listing { max-width: 1280px; margin: 0 auto; } .block-latest-news header h2 { margin-bottom: 1.8em; } .block-latest-news .blog-listing { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10rem var(--gp-sides); justify-content: space-between; } .block-latest-news .thumbnail { border-radius: 8px; overflow: hidden; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); margin-bottom: 2rem; } .block-latest-news .article-data__category { font-size: var(--body-4); text-transform: uppercase; margin-bottom: 1.2rem; display: inline-block; } .block-latest-news .title h3 { font-size: 1em; line-height: 1; font-family: var(--ff-body); margin-bottom: 0.7em; } .block-latest-news .title h3 a { color: var(--c-main); } .block-latest-news .title h3 a:hover { color: var(--c-highlight); } .block-latest-news .article-data__date { font-size: var(--body-4); text-transform: uppercase; color: #707070; } /* Block heading */ .block-heading { text-align: center; padding: 7.2rem var(--gp-sides); position: relative; z-index: 10; } .block-heading.polka { background-color: var(--c-background); background-image: radial-gradient(var(--c-indigo-dark) 1.2px, var(--c-background) 1.2px); background-size: 19px 19px; } .block-heading.polka::before { position: absolute; content: ""; width: 100%; height: 10rem; left: 0; bottom: 0; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7035407913165266) 50%, rgba(255,255,255,0) 100%); } .block-heading.polka::after { position: absolute; content: ""; width: 100%; height: 10rem; left: 0; top: 0; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7035407913165266) 50%, rgba(255,255,255,0) 100%); } .block-heading h2 { display: inline-block; padding: 1.2rem; background-color: #fff; position: relative; z-index: 10; } .block-heading h2 strong { display: block; color: var(--c-violet); font-weight: normal; } /* Block tag cloud */ .block-tag-cloud { padding: 7.2rem 0 19.2rem 0; } .block-tag-cloud .block__content { } .block-tag-cloud .block-heading { position: relative; z-index: 100; } .block-tag-cloud .block-heading h2 { background-color: transparent; } .block-tag-cloud .tag-cloud { background-color: #EDF3F7; padding: 14.4rem 0 7.2rem 0; } .top-gradient { height: 23rem; margin-top: -23rem; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(237,243,247,1) 100%); } .btm-gradient { height: 23rem; margin-bottom: -23rem; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(237,243,247,1) 100%); } .theme-g .top-gradient { height: 23rem; margin-top: -23rem; background: rgb(242, 248, 246); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(242, 248, 246, 1) 100%); } .theme-g .btm-gradient { height: 23rem; margin-bottom: -23rem; background: rgb(242, 248, 246); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(242, 248, 246, 1) 100%); } .block-tag-cloud .cloud-wrapper { position: relative !important; width: calc(100% - var(--gp-sides) * 2); max-width: 1280px; min-height: 48rem; height: 50vh; margin-left: auto; margin-right: auto; } .block-tag-cloud .cols { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; max-width: 1280px; padding: 7.2rem calc(var(--gp-sides) * 4) 0 calc(var(--gp-sides) * 4); margin-left: auto; margin-right: auto; } .block-tag-cloud .cols__col { width: 64%; } .block-tag-cloud .cols__col:first-of-type { width: 30%; } .block-tag-cloud .txt-wrapper { font-size: var(--body-2); } .cloud-wrapper .cloud-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cloud-wrapper .cloud-layer .tag { display: inline-block; color: #fff; font-family: "riforma-medium"; border-radius: 48px; padding: 2.4rem; line-height: 1; border: 1px solid rgba(255, 255, 255, .5); position: absolute; opacity: 0; transition: opacity 0.5s cubic-bezier(0.83, 0, 0.17, 1); text-align: center; } .cloud-wrapper .cloud-layer .tag.tag-visible { opacity: 1; } .cloud-wrapper .cloud-layer-1 .tag { background-color: rgba(175, 195, 207, .75); z-index: 30; } .cloud-wrapper .cloud-layer-2 .tag { background-color: rgba(175, 195, 207, .4); filter: blur(1.5px); z-index: 20; } .cloud-wrapper .cloud-layer-2 .tag.tag-visible { opacity: 0.9; } .cloud-wrapper .cloud-layer-3 .tag { background-color: rgba(175, 195, 207, .3); filter: blur(3px); z-index: 10; } .cloud-wrapper .cloud-layer-3 .tag.tag-visible { opacity: 0.7; } /* Block overlapping image */ .block-overlapping-img { padding: 7.2rem 0 19.2rem 0; } .block-overlapping-img .block-heading { padding: 7.2rem var(--gp-sides) 19.2rem var(--gp-sides); } .block-overlapping-img .block-img { margin: -14.4rem auto 7rem auto; z-index: 10; position: relative; max-width: 1280px; padding: 0 calc(var(--gp-sides) * 4); } .block-overlapping-img .img-wrapper { border-radius: 8px; overflow: hidden; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); margin-bottom: 2rem; } .block-overlapping-img .block-txt { max-width: 1280px; padding: 0 calc(var(--gp-sides) * 4); margin-left: auto; margin-right: auto; } .block-overlapping-img .block-txt h3 { margin-bottom: 0.7em; } .block-overlapping-img .block-txt p { font-size: var(--body-2); } .block-overlapping-img .block-txt *:last-child { margin-bottom: 0; } .block-overlapping-img .block-txt *:last-child:has(a) a { position: relative; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); color: var(--c-violet); } .block-overlapping-img .block-txt *:last-child:has(a) a:after { content: "\2192"; margin-left: 0.6rem; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); } .block-overlapping-img .block-txt *:last-child:has(a) a:hover { color: var(--c-main); } .block-overlapping-img .block-txt *:last-child:has(a) a:hover:after { margin-left: 0.8rem; color: var(--c-main); } /* Block heading + body */ .block-heading-body { max-width: 1280px; padding: 7.2rem calc(var(--gp-sides) * 4) 19.2rem calc(var(--gp-sides) * 4); margin-left: auto; margin-right: auto; } .block-heading-body.full-width { max-width: calc(1280px + 2 * var(--gp-sides)); padding: 7.2rem var(--gp-sides) 19.2rem var(--gp-sides); } .block-heading-body .cols { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; } .block-heading-body .cols__col { width: 64%; } .block-heading-body .cols__col:first-of-type { width: 30%; } .block-heading-body .txt-wrapper { font-size: var(--body-2); } .block-heading-body .txt-wrapper *:last-child { margin-bottom: 0; } /* Open positions block */ .block-open-positions { padding: 7.2rem 0 19.2rem 0; } .block-open-positions .block__content { background-color: #EDF3F7; padding-bottom: 4.8rem; } .block-open-positions header { max-width: calc(1280px + 2 * var(--gp-sides)); padding: 0 var(--gp-sides); margin: 0 auto 3.5rem auto; } .teamtailor-jobs__job-wrapper, .block-open-positions ul { max-width: calc(1280px + 2 * var(--gp-sides)); padding: 0 var(--gp-sides); list-style: none; margin: 0 auto; } .teamtailor-jobs__job, .block-open-positions ul li { border-top: 1px solid #DCDCDC; padding: 3.5rem 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; } .teamtailor-jobs__job:last-of-type, .block-open-positions ul li:last-of-type { border-bottom: 1px solid #DCDCDC; } .teamtailor-jobs__job a, .block-open-positions ul li a { font-size: var(--heading-3); } .block-open-positions .position-title { padding-right: 2rem; } .teamtailor-jobs__job a, .block-open-positions .position-title a { color: var(--c-main); } .teamtailor-jobs__job a:hover, .block-open-positions .position-title a:hover { color: var(--c-main); text-decoration: underline; } .block-open-positions .position-link a { color: #5F00DC; padding-right: 3.4rem; position: relative; transition: 0.15s cubic-bezier(0.83, 0, 0.17, 1); } .block-open-positions .position-link a:hover { color: #5F00DC; padding-right: 4.4rem; text-decoration: none; } .block-open-positions .position-link a::after { content: ""; position: absolute; width: 2.4rem; height: 2.4rem; background-image: url(../img/external.svg); background-repeat: no-repeat; background-position: center center; margin-left: 1rem; top: 0.4rem; transition: 0.15s cubic-bezier(0.83, 0, 0.17, 1); } .block-open-positions .position-link a:hover::after { margin-left: 2rem; } .teamtailor-jobs__job { display: flex; } .teamtailor-jobs__job-title { order: 0; font-family: "riforma-medium"; } .teamtailor-jobs__job-info { order: 1; } .teamtailor-jobs__job .position-link { order: 2; } .teamtailor-jobs__job:has(.teamtailor-jobs__job-title[href*="open-application"]) .teamtailor-jobs__job-info { display: none; } /* Event liftup block */ .block-event-liftup { padding: 7.2rem 0 19.2rem 0; } .block-event-liftup .block__content { background-color: #F2F8F6; padding-bottom: 4.8rem; } .block-event-liftup header { max-width: calc(1280px + 2 * var(--gp-sides)); padding: 0 var(--gp-sides); margin: 0 auto 3.5rem auto; } .block-event-liftup .events-list { max-width: calc(1280px + 2 * var(--gp-sides)); padding: 0 var(--gp-sides); list-style: none; margin: 0 auto; display: grid; justify-content: space-between; grid-template-columns: repeat(3, 1fr); grid-gap: 7.2rem var(--gp-sides); } .block-event-liftup .event-name { font-size: var(--heading-3); margin-bottom: 1em; } .block-event-liftup .event-date { font-size: var(--body-2); font-family: "riforma-bold"; margin-bottom: 0.5rem; } .block-event-liftup .event-location { font-size: var(--body-2); margin-bottom: 0; } .block-event-liftup .wrapper { max-width: calc(1280px + 2 * var(--gp-sides)); padding: 0 var(--gp-sides); margin: 4.5rem auto 0 auto; } .block-event-liftup .wrapper a { position: relative; padding-right: 3.5rem; color: var(--c-rebu-green); } .block-event-liftup .wrapper a::after { content: ""; position: absolute; width: 24px; height: 24px; background-image: url(../img/btn-arrow-green.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; right: 0.5rem; transition: 0.15s ease-in-out; } .block-event-liftup .wrapper a:hover::after { right: 0; } /* Upcoming events block */ .block-upcoming-events { padding: 7.2rem var(--gp-sides) 19.2rem var(--gp-sides); } .block-upcoming-events .block__content { max-width: 1280px; margin: 0 auto; display: grid; justify-content: space-between; grid-template-columns: 20% calc(80% - var(--gp-sides)); grid-gap: 0 0; } .block-upcoming-events header { } .block-upcoming-events header h2 { font-size: var(--heading-3); } .block-upcoming-events .events-list { } .block-upcoming-events .event { display: grid; justify-content: space-between; grid-template-columns: 36% 22% 22% 20%; grid-gap: 0 0; border-bottom: 1px solid #DCDCDC; padding: 3.5rem 0; } .block-upcoming-events .event:first-of-type { padding-top: 0; } .block-upcoming-events .event * { margin-bottom: 0; } .block-upcoming-events .event-name, .block-upcoming-events .event-location { word-break: break-word; hyphens: none; overflow-wrap: break-word; } .block-upcoming-events .event-link { text-align: right; } .block-upcoming-events .event-link a { position: relative; padding-right: 3.5rem; color: var(--c-rebu-green); } .block-upcoming-events .event-link a::after { content: ""; position: absolute; width: 24px; height: 24px; background-image: url(../img/external-lite-green.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; right: 0.5rem; transition: 0.15s ease-in-out; } .block-upcoming-events .event-link a:hover::after { right: 0; } /* Block body text */ .block-body { max-width: 1280px; padding: 7.2rem calc(var(--gp-sides) * 4) 19.2rem calc(var(--gp-sides) * 4); margin-left: auto; margin-right: auto; } .block-body.full-width { max-width: calc(1280px + 2 * var(--gp-sides)); padding: 7.2rem var(--gp-sides) 19.2rem var(--gp-sides); } .block-body.reduce-btm-padding { padding-bottom: 7.2rem; } .block-body .block__content { font-size: 18px; } .block-body .block__content h3 { margin-bottom: 1.5em; font-size: 32px; } .block-body .block__content h4 { margin-bottom: 1.25em; font-size: 24px; } .block-body a { color: var(--c-violet); text-decoration: underline; } .theme-g .block-body a { color: var(--c-rebu-green); } .block-body .block__content { } .block-body .block__content > :last-child { margin-bottom: 0; } .block-body + .block-body { padding-top: 0; margin-top: -4.5rem; } .block-body--centered { text-align: center; } .block-body--centered h2 { margin-bottom: 0.7em; font-size: var(--heading-1); } .block-body--centered .cta { color: var(--c-violet); border: 1px solid var(--c-violet); border-radius: 24px; padding: 1rem calc(var(--gp-sides) + 2.5rem) 1rem var(--gp-sides); position: relative; display: inline-block; line-height: 1; transition: 0.15s cubic-bezier(0.83, 0, 0.17, 1); font-size: 20px; margin-top: 1.5rem; } .block-body--centered .cta:hover { color: #fff; border: 1px solid var(--c-violet); background-color: var(--c-violet); } .block-body--centered .cta::after { content: ""; position: absolute; width: 2.2rem; height: 2.2rem; background-image: url(../img/btn-arrow-violet.svg); background-repeat: no-repeat; background-position: center center; right: calc(var(--gp-sides) - 0.5rem); top: 0.9rem; transition: 0.15s cubic-bezier(0.83, 0, 0.17, 1); } .block-body--centered .cta:hover::after { background-image: url(../img/btn-arrow-white.svg); } .block-body--centered .cta.external::after { background-image: url(../img/external.svg); } .block-body--centered .cta.external:hover::after{ background-image: url(../img/external-white.svg); } .block-body--centered .cta:hover::after { right: calc(var(--gp-sides) - 1rem); } /* Block visit */ .block-visit { padding: 7.2rem var(--gp-sides) 19.2rem var(--gp-sides); } .block-visit .block__content { max-width: 1280px; margin: 0 auto; text-align: center; border-radius: 24px; border: 1px solid rgba(0, 0, 0, 0.10); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); background-color: #F2F8F6; padding: 5.2rem var(--gp-sides) 5rem var(--gp-sides); } .block-visit h2 { margin-bottom: 1.7em; color: #355449; } .block-visit p:last-of-type { margin: 0; color: #355449; } .block-visit p:last-of-type a { color: #355449; border: 1px solid #355449; border-radius: 24px; padding: 1rem calc(var(--gp-sides) + 3.4rem) 1rem var(--gp-sides); position: relative; display: inline-block; line-height: 1; transition: 0.15s cubic-bezier(0.83, 0, 0.17, 1); } .block-visit p:last-of-type a::after { content: ""; position: absolute; width: 2.4rem; height: 2.4rem; background-image: url(../img/external-green.svg); background-repeat: no-repeat; background-position: center center; margin-left: 1rem; top: 0.9rem; transition: 0.15s cubic-bezier(0.83, 0, 0.17, 1); } .block-visit p:last-of-type a:hover { color: #fff; background-color: #355449; } .block-visit p:last-of-type a:hover::after { background-image: url(../img/external-white.svg); } /* Block divider */ .block-divider { padding: 7.2rem var(--gp-sides) 0 var(--gp-sides); } .block-body + .block-divider { padding-top: 0; } .block-divider .block__content { max-width: 1280px; margin: 0 auto; background-color: #DCDCDC; height: 1px; } /* Full text */ .full-text { padding: 7.2rem var(--gp-sides) 12rem var(--gp-sides); } .full-text h2 { margin-bottom: 4.4rem; font-size: var(--heading-2); } .full-text h3 { margin-bottom: 2.4rem; font-size: var(--heading-3); } .full-text .block__content { font-size: 18px; } /* News releases list */ .news-releases-list { padding: 7.2rem var(--gp-sides) 12rem var(--gp-sides); } .news-releases-list ul { list-style: none; margin: 0; } .news-releases-list ul li { margin: 0 0 1em 0; } .news-releases-list ul li a { color: var(--c-main); text-decoration: underline; } .news-releases-list ul li a:hover { color: var(--c-violet); text-decoration: underline; } /* Title plus text */ .title-plus-text { padding: 7.2rem var(--gp-sides) 12rem var(--gp-sides); } .title-plus-text .block__content { display: grid; grid-template-columns: 30% calc(70% - var(--gp-sides)); grid-gap: var(--gp-sides) var(--gp-sides); justify-content: space-between; } .title-plus-text header h2 { font-size: var(--heading-3); } .title-plus-text .txt-wrapper { font-size: 18px; } .title-plus-text .txt-wrapper a { color: var(--c-violet); } .title-plus-text .txt-wrapper a:hover { color: var(--c-violet); text-decoration: underline; } /* Stock information */ .stock-info { padding: 7.2rem var(--gp-sides) 12rem var(--gp-sides); } .stock-info h2 { font-size: var(--heading-1); margin-bottom: 7.2rem; } .stock-info .iframe-wrapper { max-width: 1140px; } .stock-info .iframe-wrapper iframe { background: transparent; min-width: 100%; width: 1px; max-height: none; min-height: 0px; } .stock-info .share-graph iframe { height: 1469px; } .stock-info .share-series iframe { height: 1318px; } .stock-info .ticker iframe { height: 339px; } .stock-info .major-shareholders iframe { height: 1311px; } /* Inderes widgets */ .inderes-widget { padding: 7.2rem var(--gp-sides) 12rem var(--gp-sides); } .inderes-widget h2 { margin-bottom: 2.4rem; } /* Block workflow */ .block-flow { padding: 7.2rem calc(var(--gp-sides) * 4) 19.2rem calc(var(--gp-sides) * 4); max-width: 1280px; margin: 0 auto; } .block-flow .block__content { } .block-flow .flow-top-txt { margin-bottom: 7.2rem; } .block-flow .flow-top-txt h3 { margin-bottom: 0.7em; } .block-flow .flow-top-txt p { font-size: var(--body-2); } .block-flow .flow-flow { margin-bottom: 7.2rem; } .block-flow .flow-step { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; align-content: flex-start; margin-bottom: var(--gp-sides); } .block-flow .flow-step .img-wrapper { width: 15rem; text-align: center; } .block-flow .flow-step .img-wrapper img { display: block; min-height: 10rem; width: auto; } .block-flow .flow-step .txt-wrapper { width: calc(100% - 15rem); } .block-flow .flow-step .txt-wrapper h4 { margin-bottom: 0.3em; } .block-flow .flow-step .txt-wrapper p { font-size: var(--body-2); } .block-flow .flow-step .txt-wrapper p:last-of-type { margin-bottom: 0; } .block-flow .flow-btm-txt h4 { margin-bottom: 1.1em; } .block-flow .flow-btm-txt p { font-size: var(--body-2); } .block-flow .flow-btm-txt p:last-of-type { margin-bottom: 0; } .block-flow--horizontal .flow-flow { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: var(--gp-sides) var(--gp-sides); justify-content: space-between; } .block-flow--horizontal .flow-step { flex-wrap: wrap; } .block-flow--horizontal .flow-step h4 { margin-bottom: 0.7em !important; } .block-flow--horizontal .flow-step .img-wrapper { width: 100%; height: 10rem; margin-bottom: 3rem; } .block-flow--horizontal .flow-step .img-wrapper img { height: 100%; width: auto; } .block-flow--horizontal .flow-step .txt-wrapper { width: 100%; } .has-js .block-flow .flow-step { opacity: 0; } .block-flow.in-view .flow-step { animation-name: appear; animation-fill-mode: forwards; animation-duration: 0.6s; } .block-flow.in-view .flow-step-1 { animation-delay: 0.2s; } .block-flow.in-view .flow-step-2 { animation-delay: 0.5s; } .block-flow.in-view .flow-step-3 { animation-delay: 0.8s; } .block-flow.in-view .flow-step-4 { animation-delay: 1.1s; } .block-flow.in-view .flow-step-5 { animation-delay: 1.4s; } .block-flow.in-view .flow-step-6 { animation-delay: 1.7s; } .block-flow.in-view .flow-step-7 { animation-delay: 2.0s; } @keyframes appear { 0% { opacity: 0; } 100% { opacity: 1; } } /* Gradient block */ .block-gradient { padding: 19.2rem var(--gp-sides) 19.2rem var(--gp-sides); position: relative; } .block-gradient::after { content: ""; position: absolute; width: 70%; height: 70%; top: 15%; left: 15%; z-index: -1; } .block-gradient .block__content { max-width: 1280px; margin: 0 auto; box-shadow: 0 0 160px 160px #EDF3F7; background-color: #EDF3F7; } .block-gradient .cols { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 var(--gp-sides); justify-content: space-between; } .block-gradient .img-wrapper { border-radius: 8px; overflow: hidden; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); } .block-gradient .txt-wrapper { padding-right: var(--gp-sides); padding-top: 0.8rem; } .block-gradient .txt-wrapper h2 { margin-bottom: 0.7em; } .block-gradient .txt-wrapper p { } .block-gradient .txt-wrapper a { color: var(--c-indigo-dark); position: relative; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); } .block-gradient .txt-wrapper a:after { content: "\2192"; margin-left: 0.6rem; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); } .block-gradient .txt-wrapper a:hover { } .block-gradient .txt-wrapper a:hover:after { margin-left: 0.8rem; } .block-gradient .txt-wrapper *:last-child { margin-bottom: 0; } .block-gradient .txt-wrapper--centered { text-align: center; padding: 0; } /* Carousel block */ .block-carousel { padding: 7.2rem var(--gp-sides) 19.2rem var(--gp-sides); } .block-carousel .block__content { max-width: 1280px; margin: 0 auto; } .block-carousel header { margin-bottom: 4.5rem; } .block-carousel--d2 header { margin-bottom: 3.5rem; } .block-carousel header h2 + h4 { margin-top: 2rem; } .block-carousel .txt-wrapper { } .block-carousel--d2 .carousel-wrapper { overflow: hidden; position: relative; display: flex; flex-direction: row-reverse; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding-top: 4rem; border-top: 1px solid #DCDCDC; } .block-carousel--d2 .carousel-slides { overflow: hidden; position: relative; flex-basis: calc(100% - 30rem); } .block-carousel--d2 .carousel-slides .wrapper { display: flex; transition: transform 0.3s ease-in-out; width: 100%; margin-bottom: 4.8rem; } .block-carousel--d2 .carousel-slide { width: 100%; box-sizing: border-box; flex-shrink: 0; display: grid; justify-content: space-between; grid-template-columns: calc(70% - 4.8rem) 30%; align-items: start; grid-auto-flow: dense; } .block-carousel--d2 .img-wrapper { order: 2; } .block-carousel--d2 .txt-wrapper { order: 1; } .block-carousel--d2 .carousel-slide h3 { font-size: var(--title); margin-bottom: 2.5rem; } .block-carousel--d3 .carousel-wrapper { overflow: hidden; position: relative; width: 100%; margin: auto; } .block-carousel--d3 .carousel-slides .wrapper { display: flex; transition: transform 0.3s ease-in-out; width: 100%; margin-bottom: 4.8rem; } .block-carousel--d3 .carousel-slide { width: 100%; box-sizing: border-box; flex-shrink: 0; display: grid; justify-content: space-between; grid-template-columns: repeat(2, 1fr); grid-gap: 2.4rem 4.8rem; } .block-carousel--d3 .carousel-slide h3 { font-size: var(--heading-3); margin-bottom: 1em; } .block-carousel--d3aa .carousel-wrapper { overflow: hidden; position: relative; width: 100%; margin: auto; } .block-carousel--d3aa .carousel-slides .wrapper { display: flex; transition: transform 0.3s ease-in-out; width: 100%; margin-bottom: 4.8rem; } .block-carousel--d3aa .carousel-slide { width: 100%; box-sizing: border-box; flex-shrink: 0; display: grid; justify-content: space-between; grid-template-columns: calc(76% - 4.8rem) 23%; } .block-carousel--d3aa .carousel-slide h3 { font-size: var(--heading-3); margin-bottom: 1em; } .block-carousel--d3aa .txt-wrapper { order: 1; } .block-carousel--d3aa .img-wrapper { order: 2; } .block-carousel--testimonial .carousel-wrapper { overflow: hidden; position: relative; width: 100%; margin: auto; } .block-carousel--testimonial .carousel-slides .wrapper { display: flex; transition: transform 0.3s ease-in-out; width: 100%; margin-bottom: 4.8rem; } .block-carousel--testimonial .carousel-slide { width: 100%; box-sizing: border-box; flex-shrink: 0; display: grid; justify-content: space-between; grid-template-columns: repeat(2, 1fr); grid-gap: 2.4rem 4.8rem; } .block-carousel--testimonial .carousel-slide .col-left { order: 1; } .block-carousel--testimonial .carousel-slide .col-right { order: 2; } .block-carousel--testimonial .quote-name { font-family: "riforma-bold"; margin-bottom: 0.5em; } .block-carousel--testimonial .quote-title { font-size: var(--body-2); color: #707070; padding-right: var(--gp-sides); } .block-carousel .txt-wrapper *:last-child { margin-bottom: 0; } .block-carousel .txt-wrapper a { color: var(--c-violet); transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); position: relative; } .block-carousel .txt-wrapper a:hover { color: var(--c-violet); text-decoration: underline; } .block-carousel .txt-wrapper a[href]:not(:where( /* exclude relative but not double slash only links */ [href^="/"]:not([href^="//"]), /* domains to exclude */ [href*="//nightingalehealth"], /* subdomains to exclude */ [href*="//v3.nightingalehealth"], [href*="//rebu.nightingalehealth"], [href*="//research.nightingalehealth"], [href*="//v3.nightingalehealth"])):hover { text-decoration: none !important; } .block-carousel .txt-wrapper a[href]:not(:where( /* exclude relative but not double slash only links */ [href^="/"]:not([href^="//"]), /* domains to exclude */ [href*="//nightingalehealth"], /* subdomains to exclude */ [href*="//v3.nightingalehealth"], [href*="//rebu.nightingalehealth"], [href*="//research.nightingalehealth"], [href*="//v3.nightingalehealth"])):after { content: ""; position: absolute; width: 1.4rem; height: 1.4rem; top: 5px; right: -2.1rem; background-image: url(../img/icon-external.svg); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; } .theme-g .block-carousel .txt-wrapper a { color: var(--c-rebu-green); } .theme-g .block-carousel .txt-wrapper a:hover { color: var(--c-rebu-green); text-decoration: underline; } .theme-g .block-carousel .txt-wrapper a[href]:not(:where( /* exclude relative but not double slash only links */ [href^="/"]:not([href^="//"]), /* domains to exclude */ [href*="//nightingalehealth"], /* subdomains to exclude */ [href*="//v3.nightingalehealth"], [href*="//rebu.nightingalehealth"], [href*="//research.nightingalehealth"], [href*="//v3.nightingalehealth"])):after { background-image: url(../img/icon-external-green.svg); } /* .block-carousel .txt-wrapper p:last-child a { color: var(--c-indigo-dark); position: relative; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); } .block-carousel .txt-wrapper p:last-child a:after { content: "\2192"; margin-left: 0.6rem; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); } .block-carousel .txt-wrapper p:last-child a:hover { text-decoration: none; } .block-carousel .txt-wrapper p:last-child a:hover:after { margin-left: 0.8rem; } */ .block-carousel .carousel-header { padding-top: 4.5rem; margin-bottom: 4.5rem; border-top: 1px solid #DCDCDC; } .block-carousel .carousel-header, .block-carousel .carousel-footer { display: grid; justify-content: space-between; grid-template-columns: repeat(2, 1fr); grid-gap: var(--gp-sides) var(--gp-sides); } .block-carousel .carousel-cta { text-align: right; } .block-carousel .carousel-cta a { position: relative; padding-right: 3.5rem; color: var(--c-rebu-green); margin-top: 9px; display: inline-block; } .block-carousel .carousel-cta a::after { content: ""; position: absolute; width: 24px; height: 24px; background-image: url(../img/btn-arrow-green.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; right: 0.5rem; transition: 0.15s ease-in-out; } .block-carousel .carousel-cta a[href]:not(:where( /* exclude relative but not double slash only links */ [href^="/"]:not([href^="//"]), /* domains to exclude */ [href*="//nightingalehealth"], /* subdomains to exclude */ [href*="//v3.nightingalehealth"], [href*="//rebu.nightingalehealth"], [href*="//research.nightingalehealth"], [href*="//v3.nightingalehealth"])):after { background-image: url(../img/external-lite-green.svg); } .block-carousel .carousel-cta a:hover::after { right: 0; } .block-carousel .carousel-slide .img-wrapper { border-radius: 8px; overflow: hidden; } .block-carousel .carousel-ctrls { display: flex; pointer-events: none; } .block-carousel--d2 .carousel-ctrls { flex-basis: 30rem; } .block-carousel .carousel-ctrls a { font-size: var(--heading-3); border: 1.5px solid var(--c-violet); color: var(--c-violet); border-radius: 24px; text-decoration: none; background-image: url(../img/btn-arrow-violet.svg); background-repeat: no-repeat; background-size: 24px 24px; background-position: center center; width: 12rem; height: 4.6rem; pointer-events: all; transition: 0.15s ease-in-out; } .block-carousel .carousel-ctrls .next:hover, .block-carousel .carousel-ctrls .prev:hover { background-color: #EFE5FB; } .block-carousel .carousel-ctrls .prev { margin-right: 2.5rem; transform: rotate(180deg); } .block-carousel--d2 .carousel-ctrls a.prev { margin-right: 1.2rem; } .block-carousel .carousel-ctrls a:last-of-type { margin-right: 0; } .block-carousel .carousel-ctrls a:hover { background-color: var(--c-violet); color: #fff; } .theme-g .block-carousel .carousel-ctrls a { border: 1.5px solid var(--c-rebu-green); color: var(--c-rebu-green); background-image: url(../img/btn-arrow-green.svg); } .theme-g .block-carousel .carousel-ctrls .next:hover, .theme-g .block-carousel .carousel-ctrls .prev:hover { background-color: #F2F8F6; } .theme-g .block-carousel .carousel-ctrls a:hover { background-color: var(--c-rebu-green); color: #fff; } /* Add touch swipe indicators */ .block-carousel .carousel-slide { touch-action: pan-y; } /* Offices block */ .block-offices { padding: 7.2rem var(--gp-sides); } .block-offices .block__content { max-width: 1280px; margin: 0 auto; } .block-offices header { margin-bottom: 3.5rem; } .block-offices .offices-wrapper { border-top: 1px solid #DCDCDC; padding-top: 7rem; display: grid; justify-content: space-between; grid-template-columns: repeat(3, 1fr); grid-gap: 9.5rem 4.8rem; } .block-offices .office { } .block-offices .office h3 { margin-bottom: 0.75em; } .block-offices .office h4 { margin-bottom: 0.95em; } .block-offices .office *:last-child { margin-bottom: 0; } /* MFN Widgets */ .block--mfn { padding: 7.2rem var(--gp-sides); } .block--mfn .widget-wrapper { max-width: 1280px; padding-bottom: 12.2rem; margin: 0 auto; } .block--mfn .widget-wrapper.reduce-btm-padding { padding-bottom: 0; } .block--mfn .widget-wrapper:last-of-type { } .block--mfn .widget-wrapper header { margin-bottom: 3.5rem; } .block--mfn .widget-wrapper .mf-last-updated, .block--mfn .widget-wrapper .mf-volume-dates { color: #707070; margin: 0; } .block--mfn .widget-wrapper .mf-powered-by { display: none !important; } .widget-wrapper .mf-table { font-size: 18px; } .widget-wrapper .mf-table a { color: var(--c-violet); } .widget-wrapper .mf-table .positive { color: #528F7A; } .widget-wrapper .mf-table .negative { color: #D24664; } .widget-wrapper .mf-table .positive:after, .widget-wrapper .mf-table .negative:after { content: ""; position: absolute; width: 22px; height: 22px; margin-left: 1px; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url(../img/positive-arrow.svg); } .widget-wrapper .mf-table .negative:after { background-image: url(../img/negative-arrow.svg); } .widget-wrapper .mf-table thead td { padding: 0; border-color: #fff; border-bottom: 3px solid #4C00B0; } .widget-wrapper .mf-table tbody tr { } .widget-wrapper .mf-table tbody td { border-color: #fff; border-bottom: 1px solid #DCDCDC; padding: 2rem; } .widget-wrapper .mf-table tbody td:first-of-type{ padding-left: 0; } .widget-wrapper .mf-table tbody td:last-of-type { padding-right: 0; } .widget-wrapper .mf-table .mf-sum-row { font-family: "riforma-bold"; font-weight: normal; } .mfn-table-style .mf-table-wrapper { width: 100% !important; } .mfn-table-style thead { font-family: "riforma-bold"; font-weight: normal; color: #4C00B0; line-height: 1; padding-top: 0.8rem; } .mfn-table-style thead tr { padding: 0; border-color: #fff; border-bottom: 3px solid #4C00B0; } .mfn-table-style thead th { padding: 2rem; border-color: #fff; font-weight: normal !important; } .mfn-table-style thead th:first-of-type { padding-left: 0; } .mfn-table-style thead th:last-of-type { padding-right: 0; } .widget-wrapper .highcharts-container text { font-family: "riforma-regular" !important; font-weight: normal !important; font-size: 12px !important; color: #000 !important; } .widget-calendar .mf-calendar-header { font-family: "riforma-bold"; color: #4C00B0; line-height: 1; padding-top: 0.8rem; } .widget-calendar .calendar-v2 td.description { display: none; } .widget-calendar .calendar-v2 button { background: none; border: 1.5px solid var(--c-violet); border-radius: 24px; color: var(--c-violet); font-size: 18px; margin-bottom: 2rem; padding: 8px 24px; line-height: 1; transition: 0.15s ease-in-out; } .widget-calendar .calendar-v2 button.active, .widget-calendar .calendar-v2 button:hover { cursor: pointer; background-color: var(--c-violet); color: #fff; } .widget-votes thead { border-bottom: 3px solid #4C00B0; } .widget-votes thead th { border-color: #fff; font-family: "riforma-bold"; font-weight: normal !important; color: #4C00B0; line-height: 1; padding: 2rem; text-align: left; } .widget-votes tbody td { text-align: left !important; } .widget-stock-table { } .widget-stock-table .mf-table-wrapper { width: 100% !important; } .widget-stock-chart { } .widget-stock-chart .rangeSelector .buttons { box-shadow: none; border: 1.5px solid #000; height: 20px; border-radius: 4px; font-family: "riforma-regular" !important; font-weight: normal !important; font-size: 12px !important; color: #000 !important; padding: 0 7px !important; } .widget-stock-chart .rangeSelector .buttons:hover { box-shadow: none; color: #fff !important; background-color: #000 !important; } .widget-stock-chart .rangeSelector .buttons.checked { color: #fff !important; background-color: #000 !important; } .widget-stock-chart .rangeSelector .buttons span { line-height: 18px !important; } .widget-stock-chart .rangeSelector span:has(.fa-calendar-alt) { display: none; } .widget-stock-chart .chartControls { } .widget-stock-chart .chartContrls .buttons { box-shadow: none !important; border: 1.5px solid #000; height: 20px; border-radius: 4px; font-family: "riforma-regular" !important; font-weight: normal !important; color: #000 !important; } .widget-stock-chart .chartContrls .buttons > * { fill: #000; } .widget-stock-chart .chartContrls .buttons span { line-height: 18px !important; } .widget-stock-chart .chartContrls .buttons:hover > *, .widget-stock-chart .chartContrls .buttons:hover { box-shadow: none; color: #fff !important; background-color: #000 !important; fill: #fff !important; } .widget-stock-chart .chartContrls .buttons.checked > *, .widget-stock-chart .chartContrls .buttons.checked { color: #fff !important; background-color: #000 !important; fill: #fff !important; } .highcharts-scrollbar { } .highcharts-scrollbar-track { fill: #DCDCDC !important; } .highcharts-scrollbar-thumb, .highcharts-scrollbar-button { fill: #000 !important; } .highcharts-scrollbar-thumb:hover { cursor: ew-resize; } .owner-type-dist, .owner-holding-dist { margin-bottom: 5rem; } .widget-archive { color: #000; } .widget-archive .mfn-archive-year { margin-top: -1px; } .widget-archive .mfn-archive-header { font-family: "riforma-bold"; font-weight: normal; padding: 2rem 3.5rem; margin: 0 !important; border-bottom: 1px solid #DCDCDC; border-top: 1px solid #DCDCDC; font-size: 18px; position: relative; } .widget-archive .mfn-archive-header:hover { cursor: pointer; } .widget-archive .mfn-archive-year:first-of-type .mfn-archive-header { border-top: none; } .widget-archive .mfn-archive-events { padding: 0 3.5rem; font-size: 18px; display: block !important; max-height: 0; overflow: hidden; transition: max-height 0.25s cubic-bezier(0.83, 0, 0.17, 1); } .widget-archive .mfn-archive-year .mfn-archive-header::before { content: ""; position: absolute; width: 24px; height: 24px; background-repeat: no-repeat; background-size: cover; background-position: center center; left: 0; } .widget-archive .mfn-archive-year .mfn-archive-header::before, .widget-archive .mfn-archive-year .mfn-archive-header.close::before { background-image: url(../img/icon-right.svg); } .widget-archive .mfn-archive-year:first-of-type .mfn-archive-header::before, .widget-archive .mfn-archive-year .mfn-archive-header.open::before { background-image: url(../img/icon-down.svg); } .widget-archive .mfn-archive-year:first-of-type .mfn-archive-header { border-top: none; } .mfn-archive-year:first-of-type .mfn-archive-header + .mfn-archive-events, .widget-archive .mfn-archive-events.open { max-height: 100rem; } .widget-archive .mfn-archive-events.close { max-height: 0 !important; } .widget-archive .mfn-archive-event { margin: 2rem 0 3.2rem 0 !important; width: 100% !important; } .widget-archive .mfn-archive-event:last-of-type { margin-bottom: 2rem !important; } .widget-archive .mfn-archive-event-heading { font-family: "riforma-medium"; margin-bottom: 2rem; } .widget-archive .mfn-archive-item { margin: 2rem 0 0 0 !important; } .widget-archive .mfn-archive-item:first-of-type { margin-top: 0 !important; } .widget-archive .mfn-archive-item a { color: var(--c-violet); width: 100% !important; } .widget-archive .mfn-archive-item img { max-height: 2.2rem; width: auto; margin-right: 10px !important; } .mfn-archive .mfn-archive-item-title { text-overflow: unset !important; overflow: visible; width: 100% !important; } .archive-fin .mfn-archive-item { display: none; } .archive-fin .mfn-archive-item-type-report-pdf, .archive-fin .mfn-archive-item-type-webcast { display: block; } .archive-gov .mfn-archive-event, .archive-gov .mfn-archive-event-heading, .archive-gov .mfn-archive-item { display: none; } .archive-gov .mfn-archive-event:has(.mfn-archive-item-type-corporate-governance-report), .archive-gov .mfn-archive-item-type-corporate-governance-report { display: block; } .archive-rem .mfn-archive-event, .archive-rem .mfn-archive-event-heading, .archive-rem .mfn-archive-item { display: none; } .archive-rem .mfn-archive-event:has(.mfn-archive-item-type-remuneration-report), .archive-rem .mfn-archive-item-type-remuneration-report { display: block; } .widget-owner .mf-owner-control-box { background-color: #EFE5FB; border-radius: 8px; padding: 2rem 3.5rem; margin: 0 0 1rem 0; position: sticky; } .widget-owner .mf-owner-control-box label, .widget-owner .mf-owner-control-box select { font-family: "riforma-regular" !important; font-weight: normal !important; font-size: 18px !important; } .owner-archive { } .owner-archive thead th:last-of-type { padding-right: 0; } .owner-archive .mf-row-number { white-space: nowrap; } .shadow-wrap { position: relative; } .shadow-wrap:has(.overflowing)::after { content: ""; position: absolute; width: 15px; height: 100%; background: linear-gradient(-90deg, rgba(243,243,243,1) 0%, rgba(255,255,255,0) 80%); top: 0; right: 0; } .overflow-wrap { overflow-x: auto; width: 100%; position: relative; scrollbar-color: #000 #DCDCDC; } .overflow-wrap::-webkit-scrollbar-thumb { background: #000; } .overflow-wrap::-webkit-scrollbar-track { background: #DCDCDC; } .overflowing .mf-table th:last-of-type, .overflowing .mf-table td:last-of-type { padding-right: 3.5rem !important; } /* Biomarkers block */ .block-biomarkers { padding: 7.2rem var(--gp-sides); } .block-biomarkers .block__content { max-width: 1280px; margin: 0 auto; } .block-biomarkers .block__content .wrapper { padding: 5.2rem; } .block-biomarkers .block__content .wrapper--gray{ background-color: #F9F9F9; border-radius: 24px; } .block-biomarkers .img-wrapper { margin-bottom: 2.5rem; } .block-biomarkers .txt-wrapper { } .block-biomarkers .txt-wrapper h3 { margin-bottom: 0.75em; } .block-biomarkers .txt-wrapper p { font-size: var(--heading-3); } .block-biomarkers .txt-wrapper .cta { border: 1.5px solid var(--c-violet); color: var(--c-violet); border-radius: 24px; text-decoration: none; position: relative; display: inline-block; padding: 1.1rem 8.5rem 1.1rem 5rem; margin-bottom: 2.5rem; } .block-biomarkers .txt-wrapper .cta:hover { border: 1.5px solid var(--c-violet); color: #fff; background-color: var(--c-violet); } .block-biomarkers .txt-wrapper .cta::after { content: ""; position: absolute; width: 24px; height: 24px; right: 4rem; top: 1.1rem; background-image: url(../img/external.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; margin-left: 1.1rem; } .block-biomarkers .txt-wrapper .cta:hover::after{ background-image: url(../img/external-white.svg); } .block-biomarkers .wrapper--plain *:last-child { margin-bottom: 0; } .block-biomarkers .wrapper--plain a { color: var(--c-violet); position: relative; } .block-biomarkers .wrapper--plain a:hover { color: var(--c-violet); text-decoration: underline; } .block-biomarkers .wrapper--plain .cta { position: relative; padding-right: 3.5rem; } .block-biomarkers .wrapper--plain .cta:hover { text-decoration: none; } .block-biomarkers .wrapper--plain .cta::after { content: ""; position: absolute; width: 24px; height: 24px; top: 0; background-image: url(../img/btn-arrow-violet.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; right: 0.5rem; transition: 0.15s ease-in-out; } .block-biomarkers .wrapper--plain .cta:hover::after { right: 0; } .theme-g .block-biomarkers .wrapper--plain a { color: var(--c-rebu-green); } .theme-g .block-biomarkers .wrapper--plain a:hover { color: var(--c-rebu-green); } .theme-g .block-biomarkers .wrapper--plain .cta::after { background-image: url(../img/btn-arrow-green.svg); } .theme-g .block-biomarkers .txt-wrapper .cta { border: 1.5px solid var(--c-rebu-green); color: var(--c-rebu-green); } .theme-g .block-biomarkers .txt-wrapper .cta:hover { border: 1.5px solid var(--c-rebu-green); color: #fff; background-color: var(--c-rebu-green); } .theme-g .block-biomarkers .txt-wrapper .cta::after { background-image: url(../img/external-lite-green.svg); } .theme-g .block-biomarkers .txt-wrapper .cta:hover::after { background-image: url(../img/external-white.svg); } /* Text steps block */ .block-text-steps { padding: 7.2rem var(--gp-sides); } .block-text-steps .block__content { max-width: 1280px; margin: 0 auto; } .block-text-steps header { margin-bottom: 3.5rem; } .block-text-steps .steps { border-bottom: 1px solid #DCDCDC; } .block-text-steps .steps--step { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; padding-top: 3.5rem; padding-bottom: 7.2rem; } .block-text-steps.border-top .steps--step { border-top: 1px solid #DCDCDC; margin-bottom: 3.5rem; } .block-text-steps .steps--step { font-size: 18px; } .block-text-steps .steps--step h4 { font-size: 24px; font-family: "riforma-regular"; margin-bottom: 1em; } .block-text-steps .steps--step .col-right { width: 64%; } .block-text-steps .steps--step .col-left { width: 30%; } .block-text-steps .steps--step div *:last-child { margin-bottom: 0; } /* Blog post liftup */ .block-blog-liftup { padding: 7.2rem var(--gp-sides) 19.2rem var(--gp-sides); } .block-blog-liftup .block__content { max-width: 1280px; margin: 0 auto; } .block-blog-liftup .block__content header { margin-bottom: 7.2rem; } .block-blog-liftup .blog-listing { display: grid; justify-content: space-between; grid-template-columns: repeat(3, 1fr); grid-gap: 7.2rem var(--gp-sides); } .block-blog-liftup .blog-listing__item { } .block-blog-liftup .img-wrapper { border-radius: 8px; overflow: hidden; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); margin-bottom: 1.7rem; } .block-blog-liftup .txt-wrapper { } .block-blog-liftup .txt-wrapper .category { font-size: var(--body-4); text-transform: uppercase; position: relative; margin-bottom: 0.9em; display: inline-block; } .block-blog-liftup .txt-wrapper .category::before { content: "<"; } .block-blog-liftup .txt-wrapper .category::after { content: ">"; } .block-blog-liftup .txt-wrapper h3 { font-size: var(--body-1); font-family: "riforma-regular"; margin-bottom: 0.75em; } .block-blog-liftup .txt-wrapper h3 a { color: var(--c-main); } .block-blog-liftup .txt-wrapper h3 a:hover { text-decoration: underline; } .block-blog-liftup .txt-wrapper .date { font-size: var(--body-4); color: #707070; text-transform: uppercase; } /* Key features block */ .block-key-feats { padding: 7.2rem var(--gp-sides) 19.2rem var(--gp-sides); } .block-key-feats .block__content { max-width: 1280px; margin: 0 auto; } .block-key-feats header { margin-bottom: 3.5rem; } .block-key-feats .features { display: grid; justify-content: space-between; grid-gap: 9.2rem var(--gp-sides); padding-top: 7rem; } .block-key-feats .features.show-line { border-top: 1px solid #DCDCDC; } .block-key-feats .features.rows-2 { grid-template-columns: repeat(2, 1fr); } .block-key-feats .features.rows-3 { grid-template-columns: repeat(3, 1fr); } .block-key-feats .features__item { } .block-key-feats .features__item h3 { margin-bottom: 0.75em; } .block-key-feats .features__item h4 { margin-bottom: 1em; } .block-key-feats .features__item *:last-child { margin-bottom: 0; } .block-key-feats .features a { color: var(--c-rebu-green); } .block-key-feats .features a:hover { color: var(--c-rebu-green); text-decoration: underline; } /* How it works block */ .block-how { padding: 7.2rem var(--gp-sides) 19.2rem var(--gp-sides); } .block-how .block__content { max-width: 1280px; margin: 0 auto; } .block-how header { margin-bottom: 3.5rem; } .block-how header h2 { margin-bottom: 0.65em; } .block-how header h4 { margin-bottom: 1.65em; } .block-how .steps { display: grid; justify-content: space-between; grid-gap: 9.2rem var(--gp-sides); padding-top: 7rem; border-top: 1px solid #DCDCDC; text-align: center; } .block-how .steps-2 { grid-template-columns: repeat(2, 1fr); } .block-how .steps-3 { grid-template-columns: repeat(3, 1fr); } .block-how .steps__step { padding: 0 var(--gp-sides); } .block-how .steps .img-wrapper { margin-bottom: 2.5rem; } .block-how .steps .img-wrapper img { margin-left: auto; margin-right: auto; } .block-how .step-count { } .block-how .step-count p { margin-bottom: 0.9em; } .block-how .steps .txt-wrapper { font-size: 16px; } .block-how .steps .txt-wrapper a { color: var(--c-rebu-green); } .block-how .steps .txt-wrapper a:hover { color: var(--c-rebu-green); text-decoration: underline; } .block-how .steps .txt-wrapper h4 { font-size: 24px; margin-bottom: 1.2em; } .block-how .steps .txt-wrapper *:last-child { margin-bottom: 0; } .block-how .small-print { text-align: center; margin-top: 7.2rem; margin-bottom: 0; color: #707070; font-size: var(--body-4); } /* Cohorts liftup block */ .block-cohorts { padding: 7.2rem var(--gp-sides) 19.2rem var(--gp-sides); } .block-cohorts .block__content { max-width: 1280px; margin: 0 auto; } .block-cohorts header { margin-bottom: 3.5rem; } .block-cohorts .cohorts { display: grid; justify-content: space-between; grid-template-columns: repeat(2, 1fr); grid-gap: 9.2rem var(--gp-sides); padding-top: 7.2rem; padding-bottom: 19.2rem; border-top: 1px solid #DCDCDC; } .block-cohorts .cohorts h4 { font-family: "riforma-regular"; margin-bottom: 1rem; } .block-cohorts .cohorts p { font-size: var(--body-2); color: #707070; margin-bottom: 1.2em; } .block-cohorts .cohorts a { font-size: var(--body-2); color: var(--c-rebu-green); text-decoration: none; } .block-cohorts .cohorts a:hover { color: var(--c-rebu-green); text-decoration: underline; } .block-cohorts .footnote { display: grid; justify-content: space-between; grid-template-columns: 18rem calc(100% - 18rem); grid-gap: 0 0; } .block-cohorts .footnote .txt-wrapper { padding-top: 2.8rem; font-family: "riforma-medium"; } /* Testimonials block */ .block-testimonials { padding: 7.2rem var(--gp-sides) 19.2rem var(--gp-sides); } .block-testimonials .block__content { max-width: 1280px; margin: 0 auto; } .block-testimonials header { margin-bottom: 9.2rem; } .block-testimonials .testimonials { } .block-testimonials .testimonials__item { display: grid; justify-content: space-between; grid-template-columns: repeat(2, 1fr); grid-gap: 7.2rem var(--gp-sides); margin-bottom: 12rem; } .block-testimonials .testimonials__item:last-of-type { margin-bottom: 0; } .block-testimonials .testimonials__item .col-left { order: 1; } .block-testimonials .testimonials__item .col-right { order: 2; } .block-testimonials .testimonials__item div *:last-child{ margin-bottom: 0; } .block-testimonials .testimonials__item .quote-name { font-family: "riforma-bold"; margin-bottom: 0.5em; } .block-testimonials .testimonials__item .quote-title { font-size: var(--body-2); color: #707070; padding-right: var(--gp-sides); } /* Benefits grid block */ .block-benefits { padding: 7.2rem var(--gp-sides) 19.2rem var(--gp-sides); } .block-benefits .block__content { max-width: 1280px; margin: 0 auto; } .block-benefits .benefits { display: grid; justify-content: space-between; grid-template-columns: repeat(4, 1fr); grid-gap: 7.2rem var(--gp-sides); } .block-benefits .benefit { text-align: center; font-size: var(--body-3); } .block-benefits .benefit .img-wrapper { margin-bottom: 2.5rem; } .block-benefits .benefit .img-wrapper img { margin-left: auto; margin-right: auto; } .block-benefits .small-print { text-align: center; font-size: var(--body-3); color: #707070; padding-top: 4.5rem; } .block-benefits .small-print p { margin-bottom: 0; } /* Article listing */ .article-list { padding: 7.2rem var(--gp-sides); } .article-list .block__content { max-width: 1280px; margin: 0 auto; } .article-list header { } .article-list header h1 { margin-bottom: 4.2rem; font-size: var(--heading-1); } .article-list__categories { padding: 0 0 2.3rem 0; } .article-list__categories a { border: 1.5px solid var(--c-violet); color: var(--c-violet); border-radius: 24px; padding: 1rem 3.5rem; text-decoration: none; font-size: 1em; margin-right: 1rem; margin-bottom: 1.2rem; display: inline-block; transition: 0.15s cubic-bezier(0.83, 0, 0.17, 1); } .article-list__categories a:hover { border: 1.5px solid var(--c-highlight); background-color: #EFE5FB; color: var(--c-violet); } .article-list__categories a:last-of-type { margin-right: 0; } .article-list__categories a.active { color: #fff; border-color: var(--c-violet); background-color: var(--c-violet); cursor: default; } .theme-g .article-list__categories a { border: 1.5px solid var(--c-rebu-green); color: var(--c-rebu-green); } .theme-g .article-list__categories a:hover { border: 1.5px solid var(--c-rebu-green); background-color: #F2F8F6; color: var(--c-rebu-green); } .theme-g .article-list__categories a.active { color: #fff; border-color: var(--c-rebu-green); background-color: var(--c-rebu-green); } .article-list__search { padding: 3.6rem 0 calc(var(--gp-sides) / 1.5) 0; border-top: 1px solid #DCDCDC; } .article-list__search .search-input-wrapper { border: 1px solid var(--c-main); border-radius: 25px; padding: 0.8rem 1rem 0.8rem 5rem; display: inline-block; background-image: url(../img/search-icon.svg); background-repeat: no-repeat; background-size: 2.1rem; background-position: 15px center; } .article-list__search #search-input { border: none; background-color: #fff; color: var(--c-main); font-size: 1em; outline: none; width: 33.33vw; min-width: 22rem; line-height: 1; } .article-list__search #search-input::placeholder{ color: rgba(128, 124, 125, 0.5); } .article-listing { padding: 7.5rem 0; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; display: grid; justify-content: space-between; grid-template-columns: repeat(3, 1fr); grid-gap: 10rem 4.8rem; } .article-listing--news, .article-listing--publications { border-top: none; } .article-listing__item { } .article-listing__item .title { padding-right: var(--gp-sides); } .article-list--latest .article-listing { border-top: none; border-bottom: none; } .article-list .thumbnail { margin-bottom: 2rem; /*height: calc(100% / 1.8);*/ overflow: hidden; border-radius: 8px; overflow: hidden; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); } .article-list .thumbnail img { } .article-list .thumbnail a { } .article-list .title { } .article-list .article-data__category { font-size: var(--body-4); color: var(--c-main); text-transform: uppercase; position: relative; margin-bottom: 2rem; display: inline-block; } .article-list .title { margin-bottom: 3.5rem; } .article-list .title h3 { font-size: 1em; font-family: var(--ff-body); line-height: 1.3; } .article-list .title h3 a { color: var(--c-main); text-decoration: none; } .article-list .title h3 a:hover { color: var(--c-highlight); text-decoration: none; } .theme-g .article-list .title h3 a:hover { color: var(--c-rebu-green); text-decoration: none; } .article-list .article-data__date { text-transform: uppercase; font-size: var(--body-4); color: #707070; } .article-list--blog { } .pagination { padding: 3.5rem 0; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; } .pagination .next, .pagination .prev { font-size: var(--heading-3); border: 1.5px solid var(--c-violet); color: var(--c-violet); border-radius: 24px; text-decoration: none; background-image: url(../img/btn-arrow-violet.svg); background-repeat: no-repeat; background-size: 24px 24px; background-position: center center; width: 12rem; height: 4.6rem; } .pagination .next:hover, .pagination .prev:hover { background-color: #EFE5FB; } .pagination .prev { margin-right: 2.5rem; transform: rotate(180deg); } .pagination .next.disabled, .pagination .prev.disabled { border: 1.5px solid #DCDCDC; color: #DCDCDC; pointer-events: none; background-image: url(../img/btn-arrow-gray.svg); } .pagination-numbers { display: inline-block; margin-left: 2.5rem; margin-top: 1rem; } .pagination-numbers a { display: inline-block; padding: 0 5px; color: #999; margin-bottom: 0.5rem; font-size: var(--heading-3); } .pagination-numbers a:hover { color: var(--c-violet); } .pagination-numbers .current { display: inline-block; padding: 0 5px; color: var(--c-violet); margin-bottom: 0.5rem; font-size: var(--heading-3); } .theme-g .pagination .next, .theme-g .pagination .prev { border: 1.5px solid var(--c-rebu-green); color: var(--c-rebu-green); background-image: url(../img/btn-arrow-green.svg); } .theme-g .pagination .next:hover, .theme-g .pagination .prev:hover { background-color: #F2F8F6; } .theme-g .pagination .next.disabled, .theme-g .pagination .prev.disabled { border: 1.5px solid #DCDCDC; color: #DCDCDC; pointer-events: none; background-image: url(../img/btn-arrow-gray.svg); } .theme-g .pagination-numbers a:hover, .theme-g .pagination-numbers .current { color: var(--c-rebu-green); } /* News article */ .article-header { padding: 13rem var(--gp-sides) var(--gp-sides) var(--gp-sides); } .article-header h1 { line-height: 1.225; margin-bottom: 6.4rem; } .article-header div { border-bottom: 1px solid #DCDCDC; padding-bottom: 7rem; } .article-header .article-data { margin-bottom: 0; } .article-header .article-data__category { border: 1.5px solid var(--c-main); color: var(--c-main); border-radius: 24px; padding: 1rem 4.5rem; margin-right: 4.5rem; line-height: 1; display: inline-block; margin-bottom: 1rem; } .article-header .article-data__date { text-transform: uppercase; font-size: var(--body-3); white-space: nowrap; } .article-content { } .blog .article-header div { border-bottom: none; padding-bottom: 1.5rem; } .article-content .block--text, .article-content .block--img, .article-content .block--quote { padding-left: var(--gp-sides); padding-right: var(--gp-sides); padding-bottom: var(--gp-sides); } .article-text { } .article-text h1 { font-size: var(--heading-2); margin-bottom: 1.5em; } .article-text h2 { font-size: var(--heading-3); margin-bottom: 1.5em; } .article-text h3 { font-size: var(--heading-4); margin-bottom: 1.5em; } .article-text a { color: var(--c-highlight); text-decoration: none; border-bottom: 1px solid var(--c-highlight); } .article-text a:hover { color: var(--c-highlight); text-decoration: none; border-bottom: 1px solid var(--c-highlight); } .theme-g .article-text a { color: var(--c-rebu-green); border-bottom: 1px solid var(--c-rebu-green); } .theme-g .article-text a:hover { color: var(--c-rebu-green); border-bottom: 1px solid var(--c-rebu-green); } /* New news and blog article styles */ .article-quote, .legalize .article-text, .blog .article-text, .news .article-text { padding-left: 0%; margin-left: auto; margin-right: auto; width: 66%; max-width: 96rem; font-size: var(--body-2); } .news .article-image, .blog .article-image { width: 66%; max-width: 96rem; margin-left: auto; margin-right: auto; } .blog .article-image .img-text { padding-top: 2.5rem; color: #707070; font-size: var(--body-4); } .article-text ol { } .article-text ol li { margin-bottom: 2.2rem; } .article-text ol li:last-of-type { margin-bottom: 0; } /* Overwriting inline styles from Cision */ .article-text *[style*="font-family"] { font-family: var(--ff-body) !important; } .article-text *[style*="font-size"] { font-size: 1em !important; } .article-text *[style*="margin"] { margin-bottom: 1rem !important; margin-top: inherit !important; } .article-text div ul { padding-bottom: 1.4rem !important; } .article-text a u { text-decoration: none; } .news .article-content hr, .uutiset .article-content hr { display: none; } /* Fixing issues with Cision HTML styling */ .article-text div > div > a { display: inline-block; margin-bottom: 0; text-decoration: none !important; border: none !important; } .article-text div > div > a > img { display: inline-block; border-radius: 8px !important; overflow: hidden; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); } /* To show Cision News attachments side-by-side */ .article--blog .article-text div div img, .article--blog .article-text div div { display: inline; width: auto; } .article-quote { padding-bottom: 5rem; font-family: "riforma-light"; } .article-quote .quote { font-size: var(--heading-3); } .article-quote .cite { font-size: 20px; } .article-image { margin-bottom: 2.5rem; } .blogi .article-content .block--text:first-of-type p:first-of-type, .blog .article-content .block--text:first-of-type p:first-of-type { font-size: var(--heading-3); } /* Q&A block */ .block--q-and-a { padding: 5rem var(--gp-sides); } .block--q-and-a .accordion { } .block--q-and-a .accordion__title { font-family: "riforma-light"; font-size: var(--heading-3); margin-bottom: 2.5rem; padding: 2.5rem 50% 0 0; border-top: 1px solid var(--c-main); position: relative; } .block--q-and-a .accordion__title:after { content: "+"; position: absolute; right: 0; top: 1.9rem; font-size: var(--heading-3); transition: max-height 0.25s cubic-bezier(0.83, 0, 0.17, 1); } .block--q-and-a .accordion__title.open:after { content: "–"; position: absolute; right: 0; top: 1.9rem; font-size: var(--heading-3); } .block--q-and-a .accordion__title:hover { cursor: pointer; } .block--q-and-a .accordion__title p { margin: 0; } .block--q-and-a .accordion__content { max-height: 0; overflow: hidden; transition: max-height 0.25s cubic-bezier(0.83, 0, 0.17, 1); padding: 0; font-size: 18px; } .block--q-and-a .accordion__content.open { max-height: 100rem; } .block--q-and-a .accordion__content:last-of-type { border-bottom: 1px solid var(--c-main); } .block--q-and-a .accordion__content-wrapper { padding: 1rem 0 3.5rem 0; } .theme-g .accordion__content a { color: var(--c-rebu-green); border-bottom: 1px solid var(--c-rebu-green); } .theme-g .accordion__content a:hover { color: var(--c-rebu-green); border-bottom: 1px solid var(--c-rebu-green); } .article-content .block--q-and-a .accordion { margin-left: auto; margin-right: auto; width: 66%; max-width: 96rem; } .article-content .block--q-and-a .accordion__title { } .article-content .block--q-and-a .accordion__content{ } /* Newsletter block */ .block-nl-form { padding: 7.2rem var(--gp-sides); } .block-nl-form .block__content { background-color: #5F00DC; border-radius: 24px; padding: 5.2rem; max-width: 1280px; margin: 0 auto; color: #fff; overflow: hidden; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); } .block-nl-form .block__content h2 { margin-bottom: 2.5rem; color: #fff; } .block-nl-form .block__content .form-text { font-size: var(--heading-3); margin-bottom: 5rem; } .block-nl-form .form-text *:last-child { margin-bottom: 0; } .block-nl-form .mfn-nl-form { font-family: "riforma-regular"; } .block-nl-form .mfn-nl-form .mfn-info, .block-nl-form .mfn-nl-form .mfn-options, .block-nl-form .mfn-nl-form .mfn-languages { display: none; } .block-nl-form .mfn-nl-form .mfn-field-row { margin: 0 0 2rem 0; } .block-nl-form .mfn-field-address { padding: 2.4rem; margin: 0; font-size: 18px; border: 1px solid #fff; border-radius: 5px; background: none; line-height: 1; color: #fff; width: 100%; outline: none; } .block-nl-form .mfn-field-address::placeholder { font-size: 18px; color: #fff; } .block-nl-form .mfn-sub-approve-text { margin: 0 0 5rem 0; display: flex; flex-direction: row-reverse; justify-content: flex-end; font-size: var(--body-2); } .block-nl-form .mfn-sub-approve-text.mfn-alert-active { background-color: #BF193C; } .block-nl-form .mfn-sub-approve-text a { color: #fff; text-decoration: underline; } .block-nl-form .mfn-policy-approve { margin-right: 0.6rem; } .block-nl-form .mfn-policy-approve label { display: none; } .block-nl-form .mfn-sub-approve { } .block-nl-form .mfn-sub-approve:hover { cursor: pointer; } .block-nl-form .mfn-status { margin: 0; padding: 13px 0; } .block-nl-form .mfn-status p { margin: 0; } .block-nl-form .mfn-submit { margin: 0; float: right; border: 1px solid #fff; border-radius: 24px; position: relative; } .block-nl-form .mfn-submit:hover { border: 1px solid #fff; background-color: #fff; } .block-nl-form .mfn-submit::after { content: ""; position: absolute; width: 24px; height: 24px; right: 4rem; top: 1.2rem; background-image: url(../img/btn-arrow-white.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; margin-left: 1.1rem; z-index: 1; } .block-nl-form .mfn-submit:hover::after { background-image: url(../img/btn-arrow-violet.svg); } .block-nl-form .mfn-submit button { margin: 0; padding: 12px 75px 12px 38px; border: none; background: none; color: #fff; z-index: 10; position: relative; } .block-nl-form .mfn-submit button:hover { cursor: pointer; color: #5F00DC; } /* Order form liftup block */ .block-order-liftup { padding: 7.2rem var(--gp-sides); } .block-order-liftup .block__content { background-color: #EDF3F7; border-radius: 24px; padding: 5.2rem; max-width: 1280px; margin: 0 auto; text-align: center; border: 1px solid rgba(0, 0, 0, 0.10); } .block-order-liftup h2 { margin-bottom: 5rem; } .block-order-liftup a.cta { border: 1.5px solid var(--c-violet); color: var(--c-violet); border-radius: 24px; text-decoration: none; position: relative; display: inline-block; padding: 1.1rem 8.5rem 1.1rem 5rem; margin-bottom: 2.5rem; } .block-order-liftup a.cta:hover { border: 1.5px solid var(--c-violet); color: #fff; background-color: var(--c-violet); } .block-order-liftup a.cta::after { content: ""; position: absolute; width: 24px; height: 24px; right: 4rem; top: 1.1rem; background-image: url(../img/btn-arrow-violet.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; margin-left: 1.1rem; } .block-order-liftup a.cta:hover::after { background-image: url(../img/btn-arrow-white.svg); } .block-order-liftup p { font-size: var(--body-3); margin: 0; } .block-order-liftup p a { color: var(--c-violet); text-decoration: underline; } .theme-g .block-order-liftup .block__content { background-color: #F2F8F6; color: var(--c-rebu-txt-green); } .theme-g .block-order-liftup h2 { color: var(--c-rebu-txt-green); } .theme-g .block-order-liftup a.cta { border: 1.5px solid var(--c-rebu-txt-green); color: var(--c-rebu-txt-green); } .theme-g .block-order-liftup a.cta:hover { border: 1.5px solid var(--c-rebu-txt-green); color: #fff; background-color: var(--c-rebu-txt-green); } .theme-g .block-order-liftup a.cta::after { background-image: url(../img/btn-arrow-dark-green.svg); } .theme-g .block-order-liftup a.cta:hover::after { background-image: url(../img/btn-arrow-white.svg); } .theme-g .block-order-liftup p a { color: var(--c-rebu-txt-green); text-decoration: underline; } /* Order form */ .order-form-title { border-bottom: 1px solid #DCDCDC; } .order-form-title .block-title .block__content { max-width: none; } .order-form-page { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; align-content: stretch; } .order-form-page p { font-size: var(--body-2); } .order-form-page p a { color: var(--c-violet); text-decoration: underline; word-break: break-word; hyphens: none; overflow-wrap: break-word; } .theme-g .order-form-page p a { color: var(--c-rebu-green); } .order-form-page__element { padding: 15rem var(--gp-sides) 15rem var(--gp-sides); } .order-form-page__element.of-summary { padding-bottom: 25rem; } /* Summary part */ .of-summary { width: 30%; background-color: #F2F8F6; position: relative; } .of-summary--mobile h2, .of-summary h2 { color: #355449; font-size: var(--heading-3); font-family: "riforma-regular"; margin-bottom: 2.5rem; } .of-summary--mobile p, .of-summary p { color: #355449; font-size: var(--body-4); font-family: "riforma-regular"; margin-bottom: 2.5rem; } .of-summary--mobile { display: none; } .of-summary__content { position: sticky; top: 15rem; } .of-summary__order { margin-bottom: 6.5rem; } .of-summary__return { margin-bottom: 6.5rem; display: none; } .of-summary__return.show { display: block; } .of-summary__total-fee { margin-bottom: 6.5rem; } .of-summary-details { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; } .of-summary-details__item { width: 48%; margin-bottom: 2rem; } .of-summary-details__item.output-total-order-fee{ margin-bottom: 0; } .of-summary-details .of-summary__label { font-size: var(--body-3); font-family: "riforma-bold"; margin-bottom: 1rem; word-break: break-word; hyphens: none; overflow-wrap: break-word; } .of-summary-details .of-summary__output { font-size: var(--body-3); font-family: "riforma-light"; margin-bottom: 0; } .of-summary__total-fee .of-summary__output { font-size: var(--font-size-l); } .output-est-delivery { } .output-est-delivery .of-summary__output span { display: none; } .output-est-delivery .of-summary__output span.selected { display: block; } /* Form part */ .of-form { width: 70%; } .of-form__content { } .of-step { margin-top: 8rem; } .of-step:first-of-type { margin-top: 0; } .of-step:last-of-type { border-bottom: none; } .of-step h1 { margin-bottom: 6rem; font-size: var(--heading-1); } .of-summary--mobile h1, .of-step h2 { margin-bottom: 6rem; font-size: var(--heading-2); } .of-input-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 2rem; } .of-input { margin-bottom: 8rem; width: 100%; } .input-return-sample-material, .output-return-sample-material .of-input { margin-bottom: 4rem; } .of-input--half { width: 48%; } .of-input label, .of-input .of-input__label { font-size: 20px; font-family: "riforma-bold"; display: block; margin-bottom: 1rem; } .of-input--radio .of-input__label { margin-bottom: 1.5rem; } .of-input .of-input__label.remove-bold { font-family: "riforma-regular"; text-transform: none; } .of-input label + p { margin-bottom: 2rem; padding-right: 5rem; } .of-input input { font-family: "riforma-light"; } .of-input input::placeholder { font-family: "riforma-light"; color: var(--c-secondary); } .of-input--dropdown { } .of-input--dropdown select { appearance: none; -webkit-appearance: none; width: 100%; border: none; border-bottom: 1px solid var(--c-main); border-radius: 0; font-size: var(--body-2); font-family: "riforma-regular"; color: var(--c-main); line-height: 42px; outline: none; cursor: pointer; position: relative; } .of-input--dropdown select:invalid, .of-input--dropdown select:disabled, .of-input--dropdown select[disabled] { font-family: "riforma-light"; color: #807C7D; } .of-input--dropdown select:hover { cursor: pointer; } .of-input--dropdown .of-custom-dropdown { position: relative; } .of-input--dropdown .of-custom-dropdown::after { content: ""; position: absolute; pointer-events: none; width: 8px; height: 1px; background-color: #000; border: none; transform: rotate(45deg); top: 50% !important; margin: 0; right: 13px; } .of-input--dropdown .of-custom-dropdown:hover::after { } .of-input--dropdown .of-custom-dropdown::before { content: ""; position: absolute; pointer-events: none; width: 8px; height: 1px; background-color: #000; border: none; transform: rotate(-45deg); top: 50% !important; margin: 0; right: 8px; z-index: 10; } .of-input--textarea { } .of-input--textarea textarea { border: none; background-color: transparent; display: block; width: 100%; border: 1px solid var(--c-main); border-radius: 5px; min-height: 12rem; outline: none; font-size: var(--body-2); font-family: "riforma-light"; padding: 2.4rem; line-height: 1.4; overflow: hidden; } .of-input--radio { } .of-input--radio label { text-transform: none; font-family: "riforma-light"; display: inline; margin-bottom: 1.25rem; display: inline-block; } .of-input--radio input { accent-color: var(--c-violet); bottom: 3px; position: relative; } .of-input--radio input:checked + label { } .of-input--radio label:hover, .of-input--radio input:hover { cursor: pointer; } .of-input--radio input[type="radio"] { box-sizing: border-box; width: 22px; height: 22px; position: relative; top: -2px; margin: 0 5px 0 0; padding: 0; border: 1px solid #000; border-radius: 50%; appearance: none; background-color: transparent; outline: none; transition: outline 0.1s; } .of-input--radio input[type="radio"]:checked { border-color: #000; background-color: #fff; background-clip: content-box; padding: 4px; background-image: radial-gradient( circle, #508170 0%, #508170 50%, transparent 60%, transparent 100%); } .of-input--text { } .of-input--text input { border: none; border-radius: 0; background-color: transparent; border-bottom: 1px solid var(--c-main); font-size: var(--body-2); line-height: 42px; outline: none; display: block; width: 100%; } .of-input--number { } .of-input--number input { border: none; border-radius: 0; background-color: transparent; border-bottom: 1px solid var(--c-main); font-size: var(--body-2); line-height: 42px; outline: none; display: block; width: 100%; } .of-input--number input::-webkit-outer-spin-button, .of-input--number input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .of-input--number input[type=number] { -moz-appearance: textfield; } .output-return-sample-material { display: none; } .output-return-sample-material.show { display: block; } .input-number-of-samples label ~ p:last-of-type { display: none; } .input-number-of-samples.alternative label ~ p:first-of-type { display: none; } .input-number-of-samples.alternative label ~ p:last-of-type { display: block; } .of-terms { } .of-terms h2 { margin-bottom: 1rem; font-size: var(--body-4); font-family: "riforma-bold"; } .of-terms__general { } .of-terms__alternative { display: none; } .alternative .of-terms__general { display: none; } .alternative .of-terms__alternative { display: block; } .of-input--checkbox { } .of-input--checkbox input { float: left; accent-color: var(--c-rebu-green); border-radius: 0; outline: none; border: 1px solid var(--c-main); cursor: pointer; } .of-input--checkbox label { text-transform: none; font-family: "riforma-regular"; color: var(--c-main); padding-left: 2.5rem; } .of-input--checkbox label a { text-decoration: underline; color: var(--c-main); } .of-input--checkbox label:hover, .of-input--checkbox label a:hover { cursor: pointer; } .of-acknowledgement { margin-top: 6rem; } .of-input--states { display: none; } .of-input--states.show { display: block; } .of-input--submit { } .of-input--submit input { border: none; background-color: transparent; color: var(--c-main); font-family: "riforma-regular"; border: 1px solid var(--c-main); color: var(--c-main); border-radius: 24px; padding: 1.4rem 9rem; text-decoration: none; font-size: var(--body-3); transition: 0.15s cubic-bezier(0.83, 0, 0.17, 1); white-space: nowrap; } .of-input--submit input:hover { border-color: var(--c-violet); background-color: var(--c-violet); color: #fff; cursor: pointer; } .theme-g .of-input--submit input:hover { border-color: var(--c-rebu-green); background-color: var(--c-rebu-green); color: #fff; cursor: pointer; } .of-input--submit input:disabled, .of-input--submit input[disabled] { opacity: 0.25; cursor: default; } /* Validation */ .of-input .input-wrapper { position: relative; display: block; } .of-input--done { transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); } .of-input .input-wrapper::after { opacity: 0; transition: 0.2s cubic-bezier(0.83, 0, 0.17, 1); } .of-input--done .input-wrapper::after { opacity: 1; } .of-input--text.of-input--done .input-wrapper::after, .of-input--number.of-input--done .input-wrapper::after { content: ""; position: absolute; right: 2px; top: calc(50% - 4px); width: 8px; height: 8px; border-radius: 50%; background-color: green; } .of-input--dropdown.of-input--done select { border-bottom-color: green; } .of-input--dropdown.of-input--done .of-custom-dropdown:after, .of-input--dropdown.of-input--done .of-custom-dropdown:hover:after { border-top-color: green; } .of-input--text.of-input--done input, .of-input--number.of-input--done input { border-bottom-color: green; } .of-input--error label, .of-input--error label ~ p, .of-input--error .of-input__label, .of-input--error.of-input--checkbox label a, .of-input--error input::placeholder { color: red; } .of-input--error input, .of-input--dropdown.of-input--error select { border-bottom-color: red; } .of-input--error .of-custom-dropdown:after, .of-input--error .of-custom-dropdown:hover:after { border-top-color: red; } /* Contact form */ .contact-form-wrapper { padding: 7.2rem var(--gp-sides); } .contact-form-wrapper .form-wrapper { background-color: #EDF3F7; border-radius: 24px; padding: 5.2rem; max-width: 1280px; margin: 0 auto; } .theme-g .contact-form-wrapper .form-wrapper { background-color: #F2F8F6; } .contact-form-wrapper .form-wrapper h2 { margin-bottom: 7.9rem; padding-right: var(--gp-sides); } .theme-g .contact-form-wrapper .form-wrapper h2 { color: var(--c-rebu-txt-green); } .contact-form { } .contact-form .form-flex { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: var(--gp-sides) var(--gp-sides); justify-content: space-between; margin-bottom: var(--gp-sides); } .contact-form .input-wrapper { } .contact-form .input-wrapper label { display: block; font-size: var(--heading-3); padding: 0 2.4rem 1.8rem 2.4rem; } .contact-form .input-wrapper input { background-color: transparent; border: 1px solid #707070; border-radius: 5px; font-size: 18px; color: #707070; font-family: "riforma-regular"; padding: 2.3rem 2.3rem; line-height: 1; outline: none; width: 100%; } .contact-form .input-wrapper input::placeholder { font-size: 18px; color: #707070; font-family: "riforma-regular"; } .contact-form .input-wrapper textarea { background-color: transparent; border: 1px solid #707070; border-radius: 5px; font-size: 18px; color: #707070; font-family: "riforma-regular"; padding: 2.3rem 2.3rem; line-height: 1; outline: none; width: 100%; min-height: 14rem; } .contact-form .input-wrapper textarea::placeholder { color: #707070; } .theme-g .contact-form .input-wrapper label { color: var(--c-rebu-txt-green); } .contact-form .align-right { text-align: right; padding-top: 5.5rem; } .contact-form .button-wrapper { border: 1px solid #000; border-radius: 24px; position: relative; display: inline-block; line-height: 1; position: relative; } .contact-form .button-wrapper:after { content: ""; position: absolute; right: 4rem; top: 1.1rem; background-image: url(../img/btn-arrow-black.svg); background-repeat: no-repeat; background-size: 24px 24px; background-position: center center; width: 24px; height: 24px; pointer-events: none; } .contact-form .button-wrapper:hover:after { background-image: url(../img/btn-arrow-white.svg); } .contact-form .button-wrapper button { border: none; padding: 1.1rem calc(var(--gp-sides) + 2rem) 1.1rem var(--gp-sides); background: transparent; outline: none; font-family: "riforma-regular"; font-size: 20px; color: #000; } .contact-form .button-wrapper button:hover { cursor: pointer; color: #fff; } .contact-form .button-wrapper:hover { border: 1px solid #000; border-radius: 24px; background-color: var(--c-main); } .contact-form .button-wrapper:hover:after { color: #fff; } .theme-g .contact-form .button-wrapper { border: 1px solid var(--c-rebu-txt-green); } .theme-g .contact-form .button-wrapper:after { background-image: url(../img/btn-arrow-dark-green.svg); } .theme-g .contact-form .button-wrapper:hover:after { background-image: url(../img/btn-arrow-white.svg); } .theme-g .contact-form .button-wrapper button { color: var(--c-rebu-txt-green); } .theme-g .contact-form .button-wrapper button:hover { color: #fff; } .theme-g .contact-form .button-wrapper:hover { border: 1px solid var(--c-rebu-txt-green); background-color: var(--c-rebu-txt-green); } .theme-g .contact-form .button-wrapper:hover:after { color: #fff; } .success-message { display: none; } /* Pipedrive form */ .pipedrive-wrapper { width: 50%; margin: 0 auto; padding: 7.2rem var(--gp-sides) 19.2rem var(--gp-sides); } /* Pipedrive newsletter form */ .pd-newsletter { padding: 7.2rem var(--gp-sides); text-align: center; } .pd-newsletter-wrapper { background-color: var(--c-violet); border-radius: 2.4rem; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10); padding: 5.2rem; text-align: left; } .pd-newsletter-wrapper h2 { color: #fff; margin-bottom: 4rem; } .pd-newsletter .input-row--top { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; } .pd-newsletter .input-row--top .input-wrapper { flex-basis: 30%; } .pd-newsletter .input-row--top label { color: #fff; display: block; font-size: var(--heading-3); padding: 0 2.4rem 1.8rem 2.4rem; } .pd-newsletter .input-row--top input { background-color: transparent; border: 1px solid #fff; border-radius: 5px; font-size: 18px; color: #fff; font-family: "riforma-regular"; padding: 2.3rem 2.3rem; line-height: 1; outline: none; width: 100%; } .pd-newsletter .input-row--top input::placeholder { font-size: 18px; color: #fff; font-family: "riforma-regular"; } .pd-newsletter .input-row--btm { display: flex; flex-direction: row-reverse; flex-wrap: wrap; justify-content: space-between; align-items: stretch; padding-top: 4.8rem; } .pd-newsletter .button-wrapper { border: 1px solid #fff; border-radius: 2.4rem; position: relative; display: inline-block; line-height: 1; position: relative; text-align: center; } .pd-newsletter .button-wrapper:after { content: "\2192"; position: absolute; right: calc(var(--gp-sides) * 2 - 1rem); top: 1.2rem; color: #fff; } .pd-newsletter .button-wrapper button { border: none; padding: 1.1rem calc(var(--gp-sides) * 2 + 2rem) 1.1rem calc(var(--gp-sides) * 2); background: transparent; outline: none; font-family: "riforma-regular"; font-size: 20px; color: #fff; } .pd-newsletter .button-wrapper button:hover { cursor: pointer; color: #fff; } /* ReBu blog article */ .article .article-content { padding: 7.2rem var(--gp-sides) 19.2rem var(--gp-sides); } .article .article-content .block__content { max-width: 1280px; margin: 0 auto; } /* Atlas box links */ .block-box-links { padding: 7.2rem var(--gp-sides) 7.2rem var(--gp-sides); } .block-box-links .block__content { max-width: 1280px; margin: 0 auto; } .block-box-links .box-links { display: grid; justify-content: space-between; grid-template-columns: repeat(3, 1fr); grid-gap: var(--gp-sides) var(--gp-sides); } .block-box-links .box-links__box { background-color: #F9F9F9; border-radius: 8px; padding: var(--gp-sides) var(--gp-sides) calc(var(--gp-sides) * 2.5) var(--gp-sides); position: relative; } .block-box-links .box-links__box .img-wrapper { margin-bottom: 1.2rem; } .block-box-links .box-links__box h4 { } .block-box-links .box-links__box a { display: inline-block; position: absolute; padding-right: 3.5rem; color: var(--c-rebu-green); bottom: var(--gp-sides); } .block-box-links .box-links__box a:hover { text-decoration: none; } .block-box-links .box-links__box a::after { content: ""; position: absolute; width: 24px; height: 24px; background-image: url(../img/btn-arrow-green.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; right: 0.5rem; transition: 0.15s ease-in-out; } .block-box-links .box-links__box a:hover::after { right: 0; } /* Atlas plots */ .block-plot { padding: 0 var(--gp-sides) 7.2rem var(--gp-sides); } .block-plot .block__content { max-width: 1280px; margin: 0 auto; } .atlas-plot .atlas-grid { display: grid; justify-content: space-between; grid-template-columns: repeat(3, 1fr); grid-gap: var(--gp-sides) var(--gp-sides); margin-bottom: 7.2rem; } .atlas-plot .atlas-grid:first-of-type { padding-bottom: 7.2rem; border-bottom: 1px solid #DCDCDC; } .atlas-plot .atlas-grid--2 { grid-template-columns: repeat(2, 1fr); grid-gap: 0 calc(var(--gp-sides) * 1.9); } .atlas-plot .dataset-desc { font-size: var(--body-3); color: #707070; padding: 4.1rem 0 0 0; } .atlas-plot .dataset-desc *:last-of-type { margin: 0; } .atlas-plot .control h4 { font-size: 20px; margin-bottom: 2rem; } .atlas-plot .choices__inner { background-color: #fff; color: #000; font-family: "riforma-regular"; padding: 5px 40px 5px 8px; border: 1px solid #000; border-radius: 5px; font-size: 18px; min-height: 32px !important; } .atlas-plot .choices__inner.is-focused { border-color: #000 !important; } .atlas-plot .choices__inner:hover { cursor: pointer; } .atlas-plot .choices__list--single { display: inline-block; padding: 3px 0 0 0; width: 100%; } .atlas-plot .choices__placeholder { opacity: 1 !important; } .select-all-button { border: 1px solid #508170; background: #fff; border-radius: 24px; color: #508170; font-family: "riforma-regular"; padding: 8px 42px; line-height: 1; margin: 10px; } .select-all-button:hover { background: #508170; color: #fff; cursor: pointer; } .atlas-plot .is-focused .choices__inner, .atlas-plot .is-open .choices__inner { border-color: #000 !important; border-top-right-radius: 5px !important; border-top-left-radius: 5px !important; } .atlas-plot .choices__list--dropdown, .atlas-plot .choices__list[aria-expanded] { border: 1px solid #000 !important; border-bottom-left-radius: 5px !important; border-bottom-right-radius: 5px !important; } .atlas-plot .choices__input, .atlas-plot .choices__input::placeholder { background-color: #fff; color: #000; font-family: "riforma-regular"; font-size: 18px; padding: 2px 0 3px 0; margin: 0; } .atlas-plot .choices__input::placeholder { color: #B8B8B8; } .choices__list--multiple .choices__item.choices__item--selectable { background-color: #508170; border: none; padding: 0 12px 0 12px; line-height: 32px; border-radius: 24px; margin: 0 5px 5px 0; font-size: 14px; } .choices[data-type*=select-multiple] .choices__button { border: none !important; } .choices__list .choices__group .choices__heading { color: #000; font-size: 16px; font-family: "riforma-medium"; font-weight: normal; border-bottom: none !important; border-top: 1px solid #DCDCDC; word-break: break-word; hyphens: none; overflow-wrap: break-word; } .choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item { color: #000; font-family: "riforma-regular"; font-size: 16px !important; padding-left: 2.5rem !important; padding-right: 3rem !important; word-break: break-word; hyphens: none; overflow-wrap: break-word; } .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted, .choices__list--dropdown .choices__item:hover { background-color: #F2F8F6 !important; } .choices__list--dropdown .is-selected::before { content: ""; position: absolute; width: 24px; height: 24px; top: 6px; right: 8px; background-image: url(../img/checkmark.svg); background-size: 24px 24px; background-repeat: no-repeat; background-position: center center; z-index: 10; } .graph-controls { margin-bottom: 10rem; text-align: center; opacity: 0; pointer-events: none; } .graph-controls.show { animation-name: showCtrls; animation-fill-mode: forwards; animation-duration: 0.5s; animation-delay: 1.5s; pointer-events: auto; } @keyframes showCtrls { 0% { opacity: 0; } 100% { opacity: 1; } } .graph-controls a { border: 1.5px solid var(--c-rebu-green); color: var(--c-rebu-green); border-radius: 24px; padding: 1rem 10.4rem 1rem 13.8rem; text-decoration: none; font-size: 1em; margin-right: 4.8rem; margin-bottom: 1.4rem; display: inline-block; transition: 0.15s cubic-bezier(0.83, 0, 0.17, 1); position: relative; } .graph-controls a::before { content: ""; position: absolute; width: 20px; height: 20px; background-image: url(../img/download-green.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; transition: 0.15s ease-in-out; left: 104px; top: 13px; } .graph-controls a:hover { color: #fff; background-color: var(--c-rebu-green); } .graph-controls a:hover::before { background-image: url(../img/download-white.svg); } .graph-controls a:last-of-type { margin-right: 0; } .atlas-plot .form-check { margin-bottom: 2rem; font-size: 18px; } .atlas-plot .form-check input { } .atlas-plot .form-check label:hover, .atlas-plot .form-check input:hover { cursor: pointer; } /* Custom checkbox: Base for label styling */ .atlas-plot [type="checkbox"]:not(:checked), .atlas-plot [type="checkbox"]:checked { position: absolute; left: -9999px; } .atlas-plot [type="checkbox"]:not(:checked) + label, .atlas-plot [type="checkbox"]:checked + label { position: relative; cursor: pointer; } .atlas-plot .form-check-label { display: inline-block; } .atlas-plot .form-check-label span { margin-left: 3rem; display: inline-block; } /* checkbox aspect */ .atlas-plot [type="checkbox"]:not(:checked) + label:before, .atlas-plot [type="checkbox"]:checked + label:before { content: ""; position: absolute; left: 0; top: -1px; width: 22px; height: 22px; border: 1px solid var(--c-main); background: #fff; border-radius: 5px; } .atlas-plot [type="checkbox"]:checked + label:before { border: 1px solid var(--c-rebu-green); background: var(--c-rebu-green); color: #fff; } /* checked mark aspect */ .atlas-plot [type="checkbox"]:not(:checked) + label:after, .atlas-plot [type="checkbox"]:checked + label:after { content: "\2713"; position: absolute; top: 3px; left: 4px; line-height: 0.8; color: #fff; transition: all .0125s; } /* checked mark aspect changes */ .atlas-plot [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .atlas-plot [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } /* accessibility */ .atlas-plot [type="checkbox"]:checked:focus + label:before, .atlas-plot [type="checkbox"]:not(:checked):focus + label:before{ border: 1px dotted var(--c-main); } .atlas-plot input[type="radio"] { box-sizing: border-box; width: 22px; height: 22px; position: relative; top: -2px; margin: 0 5px 0 0; padding: 0; border: 1px solid #000; border-radius: 50%; appearance: none; background-color: transparent; outline: none; transition: outline 0.1s; } .atlas-plot input[type="radio"]:checked { border-color: #000; background-color: #fff; background-clip: content-box; padding: 4px; background-image: radial-gradient( circle, #508170 0%, #508170 50%, transparent 60%, transparent 100%); } .atlas-plot .choices[data-type*=select-multiple]::after, .atlas-plot .choices[data-type*=select-one]::after { position: absolute; content: ""; pointer-events: none; width: 8px; height: 1px; background-color: #000; border: none; transform: rotate(45deg); top: 50% !important; margin: 0; right: 13px; } .atlas-plot .choices[data-type*=select-multiple]::before, .atlas-plot .choices[data-type*=select-one]::before { position: absolute; content: ""; pointer-events: none; width: 8px; height: 1px; background-color: #000; border: none; transform: rotate(-45deg); right: 8px; top: 50%; } .atlas-plot .choices[data-type*=select-multiple].is-open::after, .atlas-plot .choices[data-type*=select-one].is-open::after { transform: rotate(-45deg); margin: 0; } .atlas-plot .choices[data-type*=select-multiple].is-open::before, .atlas-plot .choices[data-type*=select-one].is-open::before { transform: rotate(45deg); } .atlas-plot .control-range .irs-to, .atlas-plot .control-range .irs-from, .atlas-plot .control-range .irs-single, .atlas-plot .control-range .irs-bar, .atlas-plot .control-range .irs-handle * { background-color: #508170 !important; } .atlas-plot .control-range .irs-single::before, .atlas-plot .control-range .irs-to::before, .atlas-plot .control-range .irs-from::before { border-top-color: #508170 !important; } .atlas-plot .control-range .irs-to:hover, .atlas-plot .control-range .irs-from:hover, .atlas-plot .control-range .irs-handle:hover { cursor: pointer; } .atlas-plot .control-range .irs-handle { border: 1px solid #707070; border-radius: 50%; width: 20px; height: 20px; top: 21px; background: #F3F3F3; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); } .atlas-plot .control-range .irs-handle * { background-color: transparent !important; } .atlas-plot #submit { border: 1px solid #508170; border-radius: 24px; background: #fff; padding: 0; line-height: 48px; margin: 0 auto; display: inherit; color: #508170; font-size: 20px; width: calc(33% - var(--gp-sides) / 2); min-width: 23rem; } .atlas-plot #submit:hover { cursor: pointer; color: #fff; background-color: #508170; } .atlas-plot #submit:disabled, .atlas-plot #submit[disabled] { border: 1px solid #DCDCDC; color: #DCDCDC; } .atlas-plot #submit:disabled:hover, .atlas-plot #submit[disabled]:hover { border: 1px solid #DCDCDC; color: #DCDCDC; background-color: #fff; cursor: default; } .atlas-plot .graph { margin: 7.2rem 0 9.2rem 0; padding: 7.2rem 0 0 0; width: 100%; height: auto; min-height: 500px; border-top: 1px solid #DCDCDC; } .atlas-plot .graph .svg-container { margin: 0 auto; } /* Remote Health Check & Product Explainer animations */ .rhc-animation { position: relative; } .rhc-animation .animation-line-pin { width: 100%; height: 80vh; height: 80svh; opacity: 0; } .rhc-animation .animation-line { height: 100vh; height: 100svh; position: relative; top: -42vh; } .rhc-animation .top-part { height: 72vh; position: relative; text-align: center; margin-bottom: 1.5rem; } .rhc-animation .top-part .fade { width: 1px; height: 80px; position: absolute; background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 60%, rgba(255,255,255,1) 100%); left: calc(50% - 50px); top: 0; z-index: 10; left: 50%; } .rhc-animation .top-part .line { width: 1px; height: calc(100% - 86px); position: absolute; background-color: var(--c-violet); left: 50%; bottom: 86px; } .rhc-animation .top-part .icon-wrapper { border: 1px solid var(--c-violet); width: 86px; height: 86px; border-radius: 50%; position: absolute; bottom: 0; left: calc(50% - 43px); background-image: url(../img/icon-person.svg); background-repeat: no-repeat; background-position: center 15px; } .rhc-animation .mobile { display: none; } .rhc-animation .pin-wrapper-1 { position: relative; height: 100vh; height: 100svh; min-height: 720px; /*overflow: hidden;*/ } .rhc-animation .animation-canvas { width: 100%; max-width: 1280px; height: 100vh; height: 100svh; margin-left: auto; margin-right: auto; top: -20rem; position: relative; } .rhc-animation.dbs .animation-canvas { top: -12rem; } .rhc-animation + .block { padding-top: 0 !important; z-index: 10; position: relative; margin-top: -20vh; } .rhc-animation .animation-cards { width: 100%; height: 100vh; height: 100svh; padding-top: 5rem; position: relative; margin-top: -80vh; } .rhc-animation .animation-cards .wrapper { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; } .pe-animation .animation-canvas { width: 100%; max-width: 1280px; height: 100vh; height: 100svh; margin-left: auto; margin-right: auto; } .pe-animation .animation-canvas canvas { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; } .pe-animation .animation-line { width: 100%; height: 100vh; height: 100svh; position: absolute; top: 0; overflow: hidden; } .pe-animation .animation-line .line { width: 90%; height: 1px; background-color: var(--c-violet); position: relative; top: 49%; } .pe-animation .animation-line .line::before { content: ""; width: 250px; height: 1px; position: absolute; background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); } .pe-animation .animation-line .line::after { content: ""; width: 100px; height: 1px; position: absolute; right: 0; background: linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); } .pe-animation { xmargin-top: 15rem; margin-top: -12rem; position: relative; z-index: 1; } .pe-animation .animation-levels { margin-top: -135vh; min-height: 100vh; min-height: 100svh; display: flex; justify-content: center; align-items: center; } .pe-animation .animation-levels .heading h2, .pe-animation .animation-levels .risk-lvl-btns .risk-lvl, .pe-animation .animation-levels .txt-body--top { opacity: 0; } .pe-animation .animation-levels .txt-body--top { padding-bottom: 0 !important; } .pe-animation .animation-cards { margin-top: -28vh; padding-top: 12rem; } .pe-animation .animation-cards .heading h2, .pe-animation .animation-cards .report-card, .pe-animation .animation-cards .txt-body { opacity: 0; } .pe-animation + .block { /* padding-top: 0 !important; */ z-index: 10; position: relative; } .pe-animation .heading, .rhc-animation .heading { text-align: center; } .pe-animation .heading h2, .rhc-animation .heading h2 { font-size: var(--heading-3); font-family: "riforma-regular"; padding: 0 var(--gp-sides); } .pe-animation .txt-body, .rhc-animation .txt-body { max-width: 1280px; padding: 1rem calc(var(--gp-sides) * 6) 12.2rem calc(var(--gp-sides) * 6); margin-left: auto; margin-right: auto; font-size: 18px; text-align: center; top: -30vh; position: relative; } .pe-animation .txt-body { padding-bottom: 12rem; top: 0; } .pe-animation .risk-lvl-btns { max-width: 1280px; padding: 3.5rem calc(var(--gp-sides) / 2) 5rem calc(var(--gp-sides) / 2); margin-left: auto; margin-right: auto; font-size: 18px; text-align: center; display: grid; justify-content: space-between; grid-template-columns: repeat(3, 1fr); grid-gap: var(--gp-sides) 2rem; } .pe-animation .risk-lvl-btns .risk-lvl { padding: 1.4rem 2rem 0 6.8rem; text-align: left; position: relative; border-radius: 200px; height: 48px; } .pe-animation .risk-lvl-btns .nbr { position: absolute; width: 48px; height: 48px; border-radius: 200px; left: 0; top: 0; text-align: center; line-height: 48px; color: #fff; } .pe-animation .risk-lvl-btns .risk-lvl.lvl-1 { background-color: #E2EFEB; color: #447261; } .pe-animation .risk-lvl-btns .lvl-1 .nbr { background-color: #447261; } .pe-animation .risk-lvl-btns .risk-lvl.lvl-2 { background-color: #FEF8D8; color: #A37200; } .pe-animation .risk-lvl-btns .lvl-2 .nbr { background-color: #A37200; } .pe-animation .risk-lvl-btns .risk-lvl.lvl-3 { background-color: #F9E6EB; color: #BF193C; } .pe-animation .risk-lvl-btns .lvl-3 .nbr { background-color: #BF193C; } .cards-overflow-wrapper { width: 100%; overflow: hidden; padding: 5rem 0; position: relative; /* overflow-x: scroll; */ } .cards-wrapper { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; position: relative; } .cards-wrapper .report-card { min-width: 26rem; width: 26rem; margin: 0 1rem; background-color: #fff; position: relative; border-radius: 10px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); padding: 1.6rem 1.8rem 1.6rem 1.8rem; } .cards-wrapper .report-card h4 { font-size: var(--body-3); font-family: "riforma-regular"; margin-bottom: 1.5rem; } .pe-animation .cards-wrapper { display: grid; grid-template-columns: repeat(3, auto); grid-gap: 2rem var(--gp-sides); justify-content: center; align-items: start; } .pe-animation .report-card:nth-of-type(4), .pe-animation .report-card:nth-of-type(5), .pe-animation .report-card:nth-of-type(6) { z-index: 100; left: var(--gp-sides); margin-top: calc(var(--gp-sides) * -2); } .pe-animation .report-card:nth-of-type(7), .pe-animation .report-card:nth-of-type(8), .pe-animation .report-card:nth-of-type(9) { z-index: 200; left: calc(var(--gp-sides) * 2); margin-top: calc(var(--gp-sides) * -2); } .cards-wrapper .risk-btn { display: block; margin-top: 1.8rem; margin-bottom: 1rem; font-size: 12px; text-align: center; border-radius: 56px; padding: 5px 0; } .cards-wrapper .lowRisk .risk-btn { border: 1px solid #447261; color: #447261; background-color: #E2EFEB; } .cards-wrapper .elevatedRisk .risk-btn { border: 1px solid #A37200; color: #A37200; background-color: #FEF8D8; } .cards-wrapper .highRisk .risk-btn { border: 1px solid #BF193C; color: #BF193C; background-color: #F9E6EB; } .cards-wrapper .relative-risk-bar { position: relative; width: 100%; height: 7px; display: block; margin-bottom: 12px; position: relative; overflow: hidden; background-color: #D24664; border-radius: 4rem; } .cards-wrapper .relative-risk-bar::before { content: ""; position: absolute; width: 82%; height: 100%; background: linear-gradient(90deg, rgba(82,143,114,1) 0%, rgba(250,209,85,1) 80%); } .cards-wrapper .relative-risk-bar::after { content: ""; position: absolute; width: 2px; height: 100%; background: #fff; right: calc(18% - 1px); } .cards-wrapper .relative-risk-bar .bar { content: ""; position: absolute; width: 2px; height: 100%; background: #fff; right: calc(36% - 1px); } .cards-wrapper .relative-risk-bar .indicator { position: absolute; width: 9px; height: 9px; top: -1px; background-color: #000; left: calc(var(--p-left) - 4px); border: 2px solid #fff; transform: rotate(45deg); } .cards-wrapper .risk-bar { position: relative; width: 100%; height: 9px; display: block; position: relative; overflow: hidden; margin-top: 14px; } .cards-wrapper .risk-bar::before { content: ""; position: absolute; width: 1px; height: 100%; background-color: #AFAFAF; z-index: 10; } .cards-wrapper .risk-bar::after { content: ""; position: absolute; width: 1px; height: 100%; background-color: #AFAFAF; right: 0; z-index: 10; } .cards-wrapper .risk-bar .middle-line { content: ""; position: absolute; width: 100%; height: 1px; background-color: #AFAFAF; top: 4px; } .cards-wrapper .risk-bar .center-line { content: ""; position: absolute; width: 1px; height: 100%; background-color: #AFAFAF; left: 50%; z-index: 10; } .cards-wrapper .risk-bar .gradient { content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(82,143,114,1) 0%, rgba(250,209,85,1) 40%, rgba(250,209,85,1) 60%, rgba(210,70,100,1) 100%); z-index: 5; } .cards-wrapper .risk-bar .gradient--l { clip-path: polygon(var(--clip) 0, 50% 0, 50% 100%, var(--clip) 100%); } .cards-wrapper .risk-bar .gradient--r { clip-path: polygon(var(--clip) 0, 50% 0, 50% 100%, var(--clip) 100%); } .cards-wrapper .risk-bar .indicator { position: absolute; width: 11px; height: 11px; top: -1px; border-radius: 50%; background-color: #000; left: calc(var(--p2-left) - 5px); border: 2px solid #fff; z-index: 10; } .cards-wrapper .skeleton { position: relative; width: 100%; height: 7px; display: block; margin-bottom: 3px; overflow: hidden; } .cards-wrapper .skeleton--thick { height: 13px; margin-bottom: 6px; } .cards-wrapper .skeleton.btm-margin { margin-bottom: 2.4rem; } .cards-wrapper .skeleton::before { content: ""; background-color: #E7E7E7; border-radius: 4rem; height: 100%; position: absolute; width: var(--sk-width); } /* .rhc-animation .anim__frame { position: relative; width: 100% !important; height: 100vh; overflow: hidden; } .rhc-animation .anim__title { position: absolute; top: 10%; width: 100%; height: 15vh; text-align: center; text-align: center; } .rhc-animation .anim__image-sequence { position: absolute; width: 100%; height: 100vh; top: 0; left: 0; z-index: 100; text-align: center; } .rhc-animation .anim__line { position: absolute; top: 70%; left: 50%; display: block; width: 50vw; margin-left: -25vw; height: 0%; overflow: hidden; } .rhc-animation .anim__box { position: absolute; top: calc(50vh - 7rem); left: 100%; display: block; width: 300vw; display: flex; } .rhc-animation .anim__description { position: absolute; bottom: -15%; left: 0%; display: block; width: 100%; display: flex; justify-content: center; } */ /* FOR DEVELOPMENT ONLY */ /* .rhc-animation .anim__image-sequence { xz-index: -100; } */ /* DBS explosion animation block */ .dbs-explosion { padding: 0 var(--gp-sides); margin-top: -12rem; margin-bottom: -4.4rem; position: relative; z-index: 1; } .dbs-explosion .anim__frame { position: relative; height: 100vh; height: 100svh; max-width: 1280px; margin: 0 auto; text-align: center; } .dbs-explosion .anim__text-wrap { position: relative; overflow: hidden; width: 100%; height: 100vh; height: 100svh; margin: 0 auto; z-index: 100; } .dbs-explosion .anim__text { position: absolute; left: 0; right: 0; top: 9vh; bottom: 0; z-index: 10; width: 100%; height: 100vh; height: 100svh; text-align: center; color: var(--c-main); transform: translateY(40%); opacity: 0; font-size: var(--heading-3); font-family: var(--ff-headers); } .dbs-explosion .anim__image-sequence { position: absolute; width: 100%; height: 100vh; height: 100svh; top: 0; left: 0; z-index: 5; } .dbs-explosion .anim__image-sequence canvas { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; } .dbs-explosion + .block { padding-top: 0 !important; z-index: 10; position: relative; } /* Colors */ .white { background-color: #fff; } .pattens-blue { background-color: var(--color-pattens-blue); } .magnolia { background-color: var(--color-magnolia); } .electric-indigo { background-color: var(--color-indigo-dark); } .provincial-pink-light { background-color: var(--color-provincial-pink-light); } .lavender { background-color: #EFE5FB; } .dark-vanilla { background-color: #D1B9AC; } .unbleached-silk { background-color: #F9DFCE; } .vivid-gamboge { background-color: #FF9900; } .cool-black { background-color: #032B67; } .pastel-blue { background-color: #AFC3CF; } .wild-blue-yonder { background-color: #9BB0CE; } .dark-slate-gray { background-color: #355449; } .light-silver { background-color: #D0DAD7; } .platinum { background-color: #E2E5E4; } .silver-sand { background-color: #C4C4C4; } .gainsboro { background-color: #DCDCDC; } .platinum-2 { background-color: #E5E5E5; } .ghost-white { background-color: #F9F9F9; } .black { background-color: #000000; } /* Content text color options */ .text-content { position: relative; z-index: 100; } .text-color-white .text-content, .text-color-white .text-content a, .text-color-white ul a, .text-color-white .block-cta a, .text-color-white .step-item .text-wrapper a, .text-color-white .cta--big, .text-color-white .ml-form-embedSubmit button, .text-color-white .contact-form input[type="text"], .text-color-white .contact-form input[type="email"], .text-color-white .contact-form textarea, .text-color-white .text-cta a, .text-color-white.page-footer h3, .text-color-white.page-footer p, .text-color-white .footer-small-details a, .text-color-white.newsletter .input__text input, .text-color-white.newsletter .input__text input::placeholder, .text-color-white .article-data__category, .text-color-white .title h3 a, .text-color-white .text-content h1 { color: #fff; } .text-color-black .text-content, .text-color-black .block-cta a, .text-color-black ul a, .text-color-black .cta--big, .text-color-black .ml-form-embedSubmit button, .text-color-black .contact-form input[type="text"], .text-color-black .contact-form input[type="email"], .text-color-black .contact-form textarea, .text-color-black .text-cta a, .text-color-black.page-footer h3, .text-color-black.page-footer p, .text-color-black .footer-small-details a, .text-color-black.newsletter .input__text input, .text-color-black.newsletter .input__text input::placeholder, .text-color-black .title h3 a, .text-color-black .text-content h1 { color: var(--c-main); } .text-color-violet .text-content, .text-color-violet .text-content a, .text-color-violet .block-cta a, .text-color-violet .step-item .text-wrapper a, .text-color-violet ul a, .text-color-violet.page-footer h3, .text-color-violet.page-footer p, .text-color-violet .cta--big, .text-color-violet .ml-form-embedSubmit button, .text-color-violet .contact-form input[type="text"], .text-color-violet .contact-form input[type="email"], .text-color-violet .contact-form textarea, .text-color-violet .text-cta a, .text-color-violet .footer-small-details a, .text-color-violet.newsletter .input__text input, .text-color-violet.newsletter .input__text input::placeholder, .text-color-violet .title h3 a, .text-color-violet .text-content h1 { color: var(--c-violet); } .text-color-white .block-cta, .text-color-white .text-content a, .text-color-white .text-cta.text-cta__1 a, .text-color-white .step-item .text-wrapper a, .text-color-white .benefit__steps .step-item, .text-color-white .ml-form-embedSubmit button, .text-color-white .contact-form input[type="text"], .text-color-white .contact-form input[type="email"], .text-color-white .contact-form textarea, .text-color-white.block--locations header, .text-color-white.block--carousel .carousel-wrapper, .text-color-white.block--carousel .custom-ctrl, .text-color-white.block--q-and-a .accordion__title, .text-color-white.block--q-and-a .accordion__content:last-of-type, .text-color-white.newsletter .input__text input, .text-color-white.block--plain-text-title--line .block-content-wrapper, .text-color-white .cta--big { border-color: #fff; } .text-color-black .block-cta, .text-color-black .text-cta.text-cta__1 a, .text-color-black .benefit__steps .step-item, .text-color-black .ml-form-embedSubmit button, .text-color-black .contact-form input[type="text"], .text-color-black .contact-form input[type="email"], .text-color-black .contact-form textarea, .text-color-black.block--locations header, .text-color-black.block--carousel .carousel-wrapper, .text-color-black.block--carousel .custom-ctrl, .text-color-black.block--q-and-a .accordion__title, .text-color-black.block--q-and-a .accordion__content:last-of-type, .text-color-black.newsletter .input__text input, .text-color-black.block--plain-text-title--line .block-content-wrapper, .text-color-black .cta--big { border-color: var(--c-main); } .text-color-violet .block-cta, .text-color-violet .text-content a, .text-color-violet .text-cta.text-cta__1 a, .text-color-violet .step-item .text-wrapper a, .text-color-violet .benefit__steps .step-item, .text-color-violet .ml-form-embedSubmit button, .text-color-violet .contact-form input[type="text"], .text-color-violet .contact-form input[type="email"], .text-color-violet .contact-form textarea, .text-color-violet.block--locations header, .text-color-violet.block--carousel .carousel-wrapper, .text-color-violet.block--carousel .custom-ctrl, .text-color-violet.block--q-and-a .accordion__title, .text-color-violet.block--q-and-a .accordion__content:last-of-type, .text-color-violet.newsletter .input__text input, .text-color-violet.block--plain-text-title--line .block-content-wrapper, .text-color-violet .cta--big { border-color: var(--c-violet); } .block--carousel .custom-ctrl:hover { border-color: var(--c-violet); } .text-color-white .article-data__date { color: rgba(255, 255, 255, 0.65); } .text-color-white .article-data__category::before { background-color: #fff; } /* FOOTER -------------------------------------------------------------- */ .page-footer { padding: 6rem var(--gp-sides); position: relative; } .page-footer::after { content: ""; position: absolute; width: 100%; height: 5px; background-color: var(--c-indigo-dark); left: 0; bottom: 0; } .page-footer h3 { margin-bottom: 2.3rem; font-size: var(--heading-3); } .page-footer h3 a { color: var(--c-main); } .page-footer ul { list-style: none; margin: 0; padding: 0; } .footer-contact p { font-size: var(--body-3); } .footer-menu { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: calc(var(--gp-sides) * 2) calc(var(--gp-sides) / 2); justify-content: space-between; padding-bottom: 12rem; } .footer-menu li { margin-bottom: 0.7rem; } .footer-menu a { color: var(--c-main); font-size: var(--font-size-small); font-size: var(--body-3); } .footer-menu a:hover { color: var(--text-color-hover); text-decoration: none; } .ir .footer-menu a, .footer-menu a { position: relative; } .ir .footer-menu a:after, .footer-menu a[href]:not(:where( /* exclude relative but not double slash only links */ [href^="/"]:not([href^="//"]), /* domains to exclude */ [href*="//nightingalehealth"], /* subdomains to exclude */ [href*="//v3.nightingalehealth"], [href*="//rebu.nightingalehealth"], [href*="//research.nightingalehealth"], [href*="//v3.nightingalehealth"])):after { content: ""; position: absolute; width: 1.4rem; height: 1.4rem; top: 2.5px; right: -2.1rem; background-image: url(../img/icon-external.svg); background-position: center; background-size: 100%; background-repeat: no-repeat; } .theme-g .footer-menu a[href]:not(:where( /* exclude relative but not double slash only links */ [href^="/"]:not([href^="//"]), /* subdomains to exclude */ [href*="//rebu.nightingalehealth"], [href*="//research.nightingalehealth"])):after { content: ""; position: absolute; width: 1.4rem; height: 1.4rem; top: 2.5px; right: -2.1rem; background-image: url(../img/icon-external.svg); background-position: center; background-size: 100%; background-repeat: no-repeat; } .footer-small-details { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: calc(var(--gp-sides) * 2) calc(var(--gp-sides) / 2); justify-content: space-between; font-size: var(--body-3); } .footer-small-details p { margin-bottom: 0; } .footer-small-details a { border-bottom: none; } .footer-small-details a:hover { color: var(--text-color-hover); border-bottom: none; text-decoration: none; } .social-media-icons { text-align: right; } .social-media-icons a { text-decoration: none; display: inline-block; width: 2.5rem; height: 2.5rem; background-position: center center; background-repeat: no-repeat; margin: 0 4px; } .social-media-icons .twitter { background-image: url(../img/icon-x.svg); background-size: auto 62%; } .social-media-icons .facebook { background-image: url(../img/icon-facebook.svg); background-size: auto 60%; } .social-media-icons .linkedin { background-image: url(../img/icon-linkedin.svg); background-size: auto 70%; } .social-media-icons .instagram { background-image: url(../img/icon-instagram.svg); background-size: auto 68%; } /* MEDIA QUERIES -------------------------------------------------------------- */ @media only screen and (max-width : 1400px) { /* Main navigation */ .main-menu__list a { padding: 0 calc(var(--gp-sides) / 2.5); } } @media only screen and (max-width : 1280px) { /* Main navigation */ .main-menu__list a { padding: 0 1rem; } /* Upcoming events block */ .block-upcoming-events .block__content { grid-template-columns: 100%; grid-gap: 3.5rem 0; } .block-upcoming-events .event:first-of-type { border-top: 1px solid #DCDCDC; padding: 3.5rem 0; } /* Order form */ .order-form-page__element { padding: 12rem var(--gp-sides) 12rem var(--gp-sides); } .order-form-page__element.of-summary { padding-bottom: 20.5rem; } .of-summary__content { top: 12rem; } .of-step { margin-top: 6rem; } .of-input { margin-bottom: 6.5rem; } .of-summary__order { margin-bottom: 5rem; } .of-summary-details__item { width: 100%; } /* Article listing */ .ir .article-listing { padding: 7.2rem 0; grid-template-columns: repeat(2, 1fr); grid-gap: 10rem 2.4rem; } /* News article */ article-quote, .blog .article-text, .news .article-text { width: 80%; } } @media only screen and (max-width : 1180px) { /* Main navigation */ .main-menu__list a { padding: 0 0.5rem; } /* Order form */ .of-form { width: 66%; } .of-summary { width: 34%; } /* Newsletter block */ .block-nl-form .mfn-submit { float: left; } .block-nl-form .mfn-status { clear: both; } } @media only screen and (max-width : 1024px) { /* Investors pages */ .ir .ir-content { padding-right: 0; } /* Hide main nav and show mobile nav */ .main-menu__list, .main-menu .cta, .site-switcher, .main-menu--side .cta, .main-menu--side .lang-switcher { display: none; } .burger-icon { display: block; } /* Block 50/50 + image */ .block-img-5050 { padding: 7.2rem calc(var(--gp-sides) * 2) 19.2rem calc(var(--gp-sides) * 2); } /* Atlas plots */ .atlas-plot .atlas-grid { grid-template-columns: repeat(1, 1fr); } /* Order form */ .of-input--half { width: 100%; } /* Carousel block */ .block-carousel--d2 .carousel-slides { flex-basis: 100%; } .block-carousel--d2 .carousel-ctrls { flex-basis: 100%; } /* Article listing */ .article-listing { padding: 7.2rem 0; grid-template-columns: repeat(2, 1fr); grid-gap: 10rem 2.4rem; } .pagination-numbers { display: none; } /* News article */ .blog .block--text, .blog .block--img, .blog .block--quote, .news .block--text, .news .block--img, .news .block--quote { padding-left: 0; padding-right: 0; } .article-quote, .blog .article-text, .news .article-text { width: 100%; } /* Remote Health Check & Product Explainer animations */ .pe-animation .risk-lvl-btns { grid-gap: var(--gp-sides) 1rem; } .pe-animation .risk-lvl-btns .risk-lvl { padding: 1.4rem 1rem 0 5.8rem; } /* Offices block */ .block-offices .offices-wrapper { grid-template-columns: repeat(2, 1fr); } /* Block tag cloud */ .block-tag-cloud .cloud-wrapper { min-height: 68vh; } .cloud-wrapper .cloud-layer .tag { padding: 2.4rem; font-size: var(--body-3); } } @media only screen and (max-width : 960px) { :root { /* Global padding */ --gp-sides: 2rem; } /* Title plus text */ .title-plus-text .block__content { display: block; } .title-plus-text .block__content header { margin-bottom: 4.8rem; } /* Block three-column icons */ .block-three-col-icons .cols { grid-template-columns: repeat(2, 1fr); grid-gap: 8rem var(--gp-sides); } /* Block body */ .block-body { padding: 7.2rem calc(var(--gp-sides) * 2) 19.2rem calc(var(--gp-sides) * 2); } .block-body.reduce-btm-padding { padding-bottom: 7.2rem; } /* Block how to */ .block-how .steps-3 { grid-template-columns: repeat(2, 1fr); } /* Contact form */ .contact-form-wrapper .form-wrapper { padding: 6rem 4rem; } .contact-form .form-flex { grid-template-columns: repeat(1, 1fr); grid-gap: calc(var(--gp-sides) * 2) var(--gp-sides); margin-bottom: calc(var(--gp-sides) * 2); } .contact-form .button-wrapper button { border: none; padding: 1rem calc(var(--gp-sides) + 3rem) 1rem calc(var(--gp-sides) + 2rem); } .contact-form .button-wrapper:after { right: 2rem; } /* Benefits grid block */ .block-benefits .benefits { grid-template-columns: repeat(3, 1fr); grid-gap: 7.2rem var(--gp-sides); } /* Atlas box links */ .block-box-links .box-links__box { padding: var(--gp-sides) var(--gp-sides) calc(var(--gp-sides) * 4) var(--gp-sides); } /* Block 50/50 + image */ .block-img-5050 .cols { flex-wrap: wrap; } .block-img-5050 .cols__col:first-child { width: 100%; margin-bottom: calc(var(--gp-sides) * 2); } .block-img-5050 .cols__col:last-child { width: 100%; padding-left: 0; } .block-img-5050.narrow-img .cols__col { width: 64%; } .block-img-5050.narrow-img .cols__col:has(.img-wrapper) { width: 30%; } .ir .block-img-5050.narrow-img .cols__col { width: 100%; } .ir .block-img-5050.narrow-img .cols__col:has(.img-wrapper) { width: 100%; } .ir .block-img-5050.img-right.narrow-img .cols { flex-direction: row; } /* Block management */ .block-management .people-wrapper { grid-template-columns: repeat(3, 1fr); } /* Footer */ .footer-small-details { display: block; } .footer-small-details .flex-item { margin-bottom: 1.2rem; } .social-media-icons { text-align: left; } /* Article listing */ .ir .article-listing { padding: 4.2rem 0; grid-template-columns: repeat(1, 1fr); grid-gap: 6.6rem 0; } /* Key features block */ .block-key-feats .features.rows-3 { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width : 820px) { /* Block title */ .block-title { padding: 8rem var(--gp-sides) 2.4rem var(--gp-sides); } .block-title .powered-by { text-indent: 0; } .page-content .block:last-child.block-title { padding-bottom: 8rem; } .ir-content .block-title { padding: 12rem var(--gp-sides) 2.4rem var(--gp-sides); } /* Video hero */ .block-hero-video .custom-ctrl { width: 4.8rem; height: 4.8rem; bottom: 2rem; } .block-hero-video .custom-play { left: 2rem; } .block-hero-video .custom-replay { right: 2rem; } /* Block hero video with controls */ .video-ctrls { left: 2rem; bottom: 2.2rem; width: calc(100% - 4rem); height: 4.8rem; } .video-ctrls .custom-play { left: 0; width: 4.8rem; } .video-ctrls .custom-volume { width: 4.8rem; } .video-ctrls .playhead { width: calc(100% - 12.8rem); } .video-ctrls .playhead-slider-wrapper { top: 1.6rem; } .video-ctrls .playhead .current-time, .video-ctrls .playhead .remaining-time { display: none; } /* Block hero image */ .block-hero-img { padding: 4.5rem var(--gp-sides); } /* Remote Health Check & Product Explainer animations */ .pe-animation .risk-lvl-btns { padding: 3.5rem calc(var(--gp-sides) * 6) 5rem calc(var(--gp-sides) * 6); grid-template-columns: repeat(1, 1fr); } .pe-animation .risk-lvl-btns .risk-lvl { padding: 1.4rem 2rem 0 5.8rem; } /* DBS explosion animation block */ .dbs-explosion { } /* Upcoming events block */ .block-upcoming-events { padding: 4.5rem var(--gp-sides) 12rem var(--gp-sides); } .block-upcoming-events .event { grid-template-columns: repeat(1, 1fr); grid-gap: 1rem 0; } .block-upcoming-events .event-link { text-align: left; } /* Order form liftup block */ .block-order-liftup { padding: 4.5rem var(--gp-sides); } .block-order-liftup .block__content { padding: 5.2rem var(--gp-sides); } .block-order-liftup h2 { margin-bottom: 4.5rem; } .block-order-liftup a.cta { /* padding: 1.1rem calc(var(--gp-sides) + 3.5rem) 1.1rem var(--gp-sides); */ font-size: var(--body-2); } /* Offices block */ .block-offices { padding: 4.5rem var(--gp-sides); } .block-offices .offices-wrapper { padding-top: 4.5rem; } /* Benefits grid block */ .block-benefits { padding: 4.5rem var(--gp-sides) 12rem var(--gp-sides); } .block-benefits .benefits { grid-gap: 7.2rem 4.5; } /* Atlas box links */ .block-box-links { padding: 4.5rem var(--gp-sides) 4.5rem var(--gp-sides); } /* Atlas plots */ .block-plot { padding: 0 var(--gp-sides) 4.5rem var(--gp-sides); } .atlas-plot .atlas-grid { margin-bottom: 4.5rem; } .atlas-plot .atlas-grid:first-of-type { padding-bottom: 4.5rem; } .atlas-plot .graph { margin: 4.5rem 0 12rem 0; padding: 4.5rem 0 0 0; } .graph-controls a { padding: 1rem 5.2rem 1rem 8.6rem; margin-right: 0; } .graph-controls a::before { left: 52px; } /* Cohorts liftup block */ .block-cohorts { padding: 4.5rem var(--gp-sides) 12rem var(--gp-sides); } .block-cohorts .cohorts { grid-template-columns: repeat(1, 1fr); padding-top: 4.4rem; padding-bottom: 19.2rem; } .block-cohorts .footnote { grid-template-columns: 100%; grid-gap: var(--gp-sides) 0; } /* Key features block */ .block-key-feats { padding: 4.5rem var(--gp-sides) 12rem var(--gp-sides); } /* Testimonials block */ .block-testimonials { padding: 4.5rem var(--gp-sides) 12rem var(--gp-sides); } .block-testimonials header { margin-bottom: 4.5rem; } .block-testimonials .testimonials__item { display: block; } .block-testimonials .testimonials__item .col-right { margin-bottom: var(--gp-sides); } /* Gradient block */ .block-gradient { padding: 12rem var(--gp-sides) 12rem var(--gp-sides); } .block-gradient .cols { grid-template-columns: repeat(1, 1fr); grid-gap: var(--gp-sides) var(--gp-sides); } /* Block two-column cards */ .block-two-column-cards { padding: 4.5rem var(--gp-sides); } .block-two-column-cards .cols { flex-wrap: wrap; } .block-two-column-cards .cols__col { width: 100%; } .block-two-column-cards .cols__col:first-of-type{ margin-bottom: calc(var(--gp-sides) * 2); } /* Block workflow */ .block-flow { padding: 4.5rem calc(var(--gp-sides) * 2) 12rem calc(var(--gp-sides) * 2); } .block-flow .flow-step { flex-wrap: wrap; margin-bottom: calc(var(--gp-sides) * 2); } .block-flow .flow-step .txt-wrapper { width: 100%; } .block-flow .flow-step .img-wrapper { margin-bottom: 1.4rem; } .block-flow--horizontal .flow-flow { grid-template-columns: repeat(1, 1fr); } /* Block latest news */ .block-latest-news { padding: 4.5rem var(--gp-sides) 12rem var(--gp-sides); } .block-latest-news .blog-listing { grid-template-columns: repeat(1, 1fr); grid-gap: 10rem var(--gp-sides); } /* Block heading */ .block-heading { padding: 4.5rem var(--gp-sides); } /* Block tag cloud */ .block-tag-cloud { padding: 4.5rem 0 12rem 0; } .block-tag-cloud .cols { flex-wrap: wrap; padding: 4.5rem calc(var(--gp-sides) * 2) 0 calc(var(--gp-sides) * 2); } .block-tag-cloud .cols__col { width: 64%; } .block-tag-cloud .cols__col:first-of-type { width: 30%; } .block-tag-cloud .cloud-wrapper { min-height: 70vh; } .cloud-wrapper .cloud-layer .tag { padding: 2rem 2.4rem; font-size: var(--body-4); } /* Block overlapping image */ .block-overlapping-img { padding: 4.5rem 0 12rem 0; } .block-overlapping-img .block-heading { padding: 4.5rem var(--gp-sides) 15.6rem var(--gp-sides); } .block-overlapping-img .block-img { margin: -12rem auto 4rem auto; padding: 0 calc(var(--gp-sides) * 2); } .block-overlapping-img .block-txt { padding: 0 calc(var(--gp-sides) * 2); } .block-overlapping-img .block-txt h3 { margin-bottom: 1em; } /* Block three-column icons */ .block-three-col-icons { padding: 4.5rem var(--gp-sides); } /* Block 50/50 + image */ .block-img-5050 { padding: 4.5rem calc(var(--gp-sides) * 2) 12rem calc(var(--gp-sides) * 2); } /* Block 50/50 text */ .block-text5050 { padding: 4.5rem var(--gp-sides) 12rem var(--gp-sides); } .block-text5050 .block__content .wrapper { grid-template-columns: repeat(1, 1fr); grid-gap: 4.5rem var(--gp-sides); } .block-text5050 + .block-text5050 { padding-top: 0; margin-top: -7.5rem; } .block-text5050 + .block-text5050:has(header) { margin-top: 0; } /* Block management */ .block-management { padding: 4.5rem var(--gp-sides); } /* Block two-column images */ .block-two-column-imgs { padding: 4.5rem var(--gp-sides); } .block-two-column-imgs .cols { flex-wrap: wrap; } .block-two-column-imgs .cols__col { width: 100%; } .block-two-column-imgs .cols__col:first-of-type { margin-bottom: calc(var(--gp-sides) * 2); } /* Block overlapping image */ .block-overlapping-img .block-img, .block-overlapping-img .block-txt { padding: 0 calc(var(--gp-sides) * 2); } /* Block heading + body */ .block-heading-body { padding: 4.5rem calc(var(--gp-sides) * 2) 12rem calc(var(--gp-sides) * 2); } .block-heading-body.full-width { padding: 4.5rem var(--gp-sides) 12rem var(--gp-sides); } .block-heading-body .cols { flex-wrap: wrap; } .block-heading-body .cols__col { width: 64%; } .block-heading-body .cols__col:first-of-type { width: 30%; } /* Text steps block */ .block-text-steps { padding: 4.5rem var(--gp-sides); } .block-text-steps .steps--step { flex-wrap: wrap; padding-bottom: 4.5rem; } .block-text-steps .steps--step .col-right { width: 64%; } .block-text-steps .steps--step .col-left { width: 30%; } /* Carousel block */ .block-carousel { padding: 4.5rem var(--gp-sides) 12rem var(--gp-sides); } .block-carousel .carousel-slide { display: block; } .block-carousel .carousel-slide .img-wrapper { margin-bottom: 2.4rem; } .block-carousel .carousel-header, .block-carousel .carousel-footer { grid-template-columns: repeat(1, 1fr); } .block-carousel .carousel-cta { text-align: left; } /* Block visit */ .block-visit { padding: 4.5rem var(--gp-sides) 12rem var(--gp-sides); } /* Pipedrive form */ .pipedrive-wrapper { width: 50%; margin: 0 auto; padding: 4.5rem var(--gp-sides) 12rem var(--gp-sides); } /* Block body */ .block-body { padding: 4.5rem var(--gp-sides) 12rem var(--gp-sides); } .block-body.full-width { padding: 4.5rem var(--gp-sides) 12rem var(--gp-sides); } .block-body.reduce-btm-padding { padding-bottom: 4.5rem; } /* Contact block */ .contact-form-wrapper { padding: 4.5rem var(--gp-sides); } .contact-form-wrapper .form-wrapper { padding: 5rem 3rem; } .footer-menu { grid-template-columns: repeat(2, 1fr); padding-bottom: 8rem; } .footer-small-details { grid-template-columns: repeat(2, 1fr); } } @media only screen and (max-width : 720px) { /* Block management */ .block-management .people-wrapper { grid-template-columns: repeat(2, 1fr); grid-gap: 7.2rem 2.4rem; } /* Offices block */ .block-offices .offices-wrapper { grid-template-columns: repeat(1, 1fr); } /* Block how to */ .block-how .steps-2, .block-how .steps-3 { grid-template-columns: repeat(1, 1fr); } /* Benefits grid block */ .block-benefits .benefits { grid-template-columns: repeat(2, 1fr); } /* Atlas box links */ .block-box-links .box-links { grid-template-columns: repeat(1, 1fr); } .block-box-links .box-links__box { padding: calc(var(--gp-sides) * 1.5) calc(var(--gp-sides) * 1.5) calc(var(--gp-sides) * 4) calc(var(--gp-sides) * 1.5); position: relative; } .block-box-links .box-links__box a { bottom: calc(var(--gp-sides) * 1.5); } /* Key features block */ .block-key-feats .features.rows-2, .block-key-feats .features.rows-3 { grid-template-columns: repeat(1, 1fr); } /* Order form */ .of-form { width: 100%; } .of-summary { display: none; } .of-summary--mobile { display: block; } /* Pipedrive form */ .pipedrive-wrapper { width: 100%; padding: 4.5rem var(--gp-sides) 12rem var(--gp-sides); } } @media only screen and (max-width : 680px) { /* Biomarkers block */ .block-biomarkers .block__content .wrapper { padding: 2.5rem; } .block-biomarkers .txt-wrapper .cta { padding: 1.1rem 6rem 1.1rem 2.5rem; } .block-biomarkers .txt-wrapper .cta::after { right: 2.5rem; top: 1.1rem; background-position: center center; } /* Remote Health Check & Product Explainer animations */ .rhc-animation .animation-canvas { top: -10rem; } .rhc-animation.dbs .animation-canvas { top: -8rem; } .pe-animation .cards-wrapper { grid-template-columns: repeat(2, auto); grid-gap: 2rem 1rem; } .pe-animation .report-card:nth-of-type(1), .pe-animation .report-card:nth-of-type(2) { z-index: 10; left: -2rem; } .pe-animation .report-card:nth-of-type(3), .pe-animation .report-card:nth-of-type(4) { z-index: 100; left: 0; margin-top: calc(var(--gp-sides) * -1.5); } .pe-animation .report-card:nth-of-type(5), .pe-animation .report-card:nth-of-type(6) { z-index: 200; left: 2rem; margin-top: calc(var(--gp-sides) * -1.5); } .pe-animation .report-card:nth-of-type(7), .pe-animation .report-card:nth-of-type(8) { z-index: 300; left: 4rem; margin-top: calc(var(--gp-sides) * -1.5); } .pe-animation .report-card:nth-of-type(9), .pe-animation .report-card:nth-of-type(10) { z-index: 400; left: 6rem; margin-top: calc(var(--gp-sides) * -1.5); } } @media only screen and (max-width : 640px) { :root { /* Font sizes */ --heading-3: 1.1em; /* 24px */ --heading-2: 1.2em; /* 32px */ --heading-1: 1.6em; /* 40px */ --title: 2em; /* 48px */ } /* Video hero */ .block-hero-video .custom-ctrl { width: 3.2rem; height: 3.2rem; } .block-hero-video header { margin-bottom: 2.5rem; } /* Block hero video with controls */ .video-ctrls { left: 2rem; bottom: 2.2rem; width: calc(100% - 4rem); height: 3.2rem; } .video-ctrls .custom-play { left: 0; width: 3.2rem; } .video-ctrls .custom-volume { width: 3.2rem; } .video-ctrls .playhead { width: calc(100% - 9.6rem); } .video-ctrls .playhead-slider-wrapper { top: 0.8rem; } .video-timestamps .timestamp-link { font-size: var(--body-3); } /* Block three-column icons */ .block-three-col-icons .cols { grid-template-columns: repeat(1, 1fr); grid-gap: calc(var(--gp-sides) * 3) var(--gp-sides); text-align: center; } .block-three-col-icons .cols .img-wrapper img { margin-left: auto; margin-right: auto; } .block-three-col-icons header h2 { text-align: center; } /* Block overlapping image */ .block-overlapping-img .block-img, .block-overlapping-img .block-txt { padding: 0 var(--gp-sides); } /* Remote Health Check & Product Explainer animations */ .pe-animation .txt-body, .rhc-animation .txt-body { padding: 1rem calc(var(--gp-sides) * 2) 12rem calc(var(--gp-sides) * 2); } .pe-animation .risk-lvl-btns { padding: 3.5rem calc(var(--gp-sides) * 4) 5rem calc(var(--gp-sides) * 4); } /* Block workflow */ .block-flow { padding: 4.2rem var(--gp-sides) 12rem var(--gp-sides); } /* Article listing */ .article-listing { padding: 4.2rem 0; grid-template-columns: repeat(1, 1fr); grid-gap: 6.6rem 0; } /* Block management */ .block-management { padding: 4.2rem var(--gp-sides); } /* Blog post liftup */ .block-blog-liftup { padding: 4.2rem var(--gp-sides) 12rem var(--gp-sides); } .block-blog-liftup .block__content header { margin-bottom: 4.2rem; } .block-blog-liftup .blog-listing { grid-template-columns: repeat(1, 1fr); grid-gap: 4.2rem var(--gp-sides); } /* Block heading + body */ .block-heading-body { padding: 4.5rem var(--gp-sides) 12rem var(--gp-sides); } .block-heading-body .cols__col { width: 100%; } .block-heading-body .cols__col:first-of-type { width: 100%; margin-bottom: calc(var(--gp-sides) * 2); } /* Block 50/50 + image */ .block-img-5050 { padding: 4.5rem var(--gp-sides) 12rem var(--gp-sides); } .block-img-5050.narrow-img .cols__col, .block-img-5050.narrow-img .cols__col:has(.img-wrapper) { width: 100%; } .block-img-5050.img-right.narrow-img .cols { flex-direction: row; } /* Text steps block */ .block-text-steps { padding: 4.2rem var(--gp-sides); } .block-text-steps .steps--step { flex-wrap: wrap; padding-bottom: 4.2rem; } .block-text-steps .steps--step .col-right { width: 100%; } .block-text-steps .steps--step .col-left { width: 100%; margin-bottom: calc(var(--gp-sides) * 2); } /* Block tag cloud */ .block-tag-cloud { padding: 4.5rem 0 12rem 0; } .block-tag-cloud .cols { padding: 4.5rem var(--gp-sides) 0 var(--gp-sides); } .block-tag-cloud .cols__col { width: 100%; } .block-tag-cloud .cols__col:first-of-type { width: 100%; margin-bottom: calc(var(--gp-sides) * 2); } .block-tag-cloud .tag-cloud { background-color: #EDF3F7; padding: 12rem 0 6rem 0; } .block-tag-cloud .cloud-wrapper { min-height: 76vh; } .cloud-wrapper .cloud-layer .tag { padding: 1.6rem 2.4rem; font-size: var(--body-5); } /* Atlas plots */ .graph-controls a { padding: 1rem 2.2rem 1rem 5.6rem; } .graph-controls a::before { left: 22px; } /* Block visit */ .block-visit .block__content { padding: 4.2rem var(--gp-sides) 4rem var(--gp-sides); } .block-visit p:last-of-type a { color: #355449; border: 1px solid #355449; border-radius: 24px; padding: 1rem var(--gp-sides) 1rem var(--gp-sides); } .block-visit p:last-of-type a::after { background-image: none; } .footer-menu { grid-template-columns: repeat(1, 1fr); padding-bottom: 6rem; } .footer-small-details { grid-template-columns: repeat(1, 1fr); justify-content: end; } /* Investor pages */ .ir .page-content { display: block; } .ir .ir-content { border-left: none; } .ir .ir-sidebar { position: absolute; height: 100%; top: 0; background-color: #fff; left: -100%; border-right: 0.5px solid #DCDCDC; z-index: 100; transition: left 0.25s cubic-bezier(0.83, 0, 0.17, 1); max-width: calc(100% - 6.4rem); padding-top: 13.5rem; } .ir .ir-sidebar .logo { display: none; } .ir .ir-sidebar.open { left: 0; transition: left 0.25s cubic-bezier(0.83, 0, 0.17, 1); } .ir-mobile-nav-toggle { display: block; } .ir .logo--mobile { display: block; z-index: 1000; position: relative; } .ir-content .block-title { padding: 3rem var(--gp-sides) 2.4rem var(--gp-sides); } /* Article listing */ .ir .article-listing { padding: 7.2rem 0; grid-template-columns: repeat(2, 1fr); grid-gap: 10rem 2.4rem; } } @media only screen and (max-width : 520px) { /* Block management */ .block-management .people-wrapper { grid-template-columns: repeat(1, 1fr); grid-gap: 7.2rem 2.4rem; } /* Benefits grid block */ .block-benefits .benefits { grid-template-columns: repeat(1, 1fr); } /* News article */ .article-header .article-data { text-align: center; } .article-header .article-data__category { margin-right: 1rem; margin-left: 1rem; } /* Remote Health Check & Product Explainer animations */ .pe-animation .txt-body, .rhc-animation .txt-body { padding: 1rem var(--gp-sides) 12rem var(--gp-sides); } .pe-animation .risk-lvl-btns { padding: 3.5rem var(--gp-sides) 5rem var(--gp-sides); } /* Article listing */ .ir .article-listing { padding: 4.2rem 0; grid-template-columns: repeat(1, 1fr); grid-gap: 6.6rem 0; } /* Biomarkers block */ .block-biomarkers .txt-wrapper .cta { padding: 1.1rem 2.5rem 1.1rem 2.5rem; } .block-biomarkers .txt-wrapper .cta::after { display: none; } .block-biomarkers .wrapper--plain .cta::after { display: none; } } @media only screen and (max-height : 1100px) { /* Remote Health Check & Product Explainer animations */ .rhc-animation { /*border: 5px solid blue;*/ } .rhc-animation .top-part { height: 70vh; height: 70svh; } .pe-animation .txt-body, .rhc-animation .txt-body { top: -28vh; } .pe-animation .txt-body { padding-bottom: 12rem; top: 0; } } @media only screen and (max-height : 1000px) { /* Remote Health Check & Product Explainer animations */ .rhc-animation { /*border: 5px solid red;*/ } .rhc-animation .animation-line { top: -38vh; } .pe-animation .txt-body, .rhc-animation .txt-body { top: -26vh; } .pe-animation .txt-body { top: 0; } } @media only screen and (max-height : 900px) { /* Remote Health Check & Product Explainer animations */ .rhc-animation { /*border: 5px solid red;*/ } .rhc-animation .animation-line { top: -34vh; } .rhc-animation .top-part { height: 66vh; height: 66svh; } .pe-animation .txt-body, .rhc-animation .txt-body { top: -24vh; } .pe-animation .txt-body { top: 0; } } @media only screen and (max-height : 800px) { /* Remote Health Check & Product Explainer animations */ .rhc-animation { /*border: 5px solid red;*/ } .rhc-animation .mobile { display: block; } .rhc-animation .desktop { display: none; } .rhc-animation .animation-canvas { top: 0rem; } .rhc-animation.dbs .animation-canvas { top: 0rem; } .rhc-animation .animation-line { top: -120vh; } .pe-animation .txt-body, .rhc-animation .txt-body { top: -23vh; } .pe-animation .txt-body { padding-bottom: 12rem; top: 0; } } @media only screen and (max-height : 740px) { /* Remote Health Check & Product Explainer animations */ .rhc-animation { /*border: 5px solid red;*/ } .rhc-animation .animation-line { top: -118vh; top: -118svh; } .rhc-animation .top-part { height: 66vh; height: 66svh; } .rhc-animation .top-part .line { height: calc(100% - 68px); bottom: 68px; } .rhc-animation .top-part .icon-wrapper { width: 68px; height: 68px; left: calc(50% - 34px); } .cards-wrapper .skeleton.m-no-show { display: none; } .cards-wrapper .skeleton.btm-margin { margin-bottom: 0; } .pe-animation .txt-body, .rhc-animation .txt-body { top: -20vh; } .pe-animation .txt-body { top: 0; } } @media only screen and (max-height : 660px) { /* Remote Health Check & Product Explainer animations */ .rhc-animation { /*border: 5px solid red;*/ } .rhc-animation .animation-line { top: -118vh; top: -118svh; } .rhc-animation .top-part { height: 63vh; height: 63svh; } .rhc-animation .top-part .line { height: calc(100% - 60px); bottom: 60px; } .rhc-animation .top-part .icon-wrapper { width: 60px; height: 60px; left: calc(50% - 30px); } .cards-overflow-wrapper { padding: 3rem 0 5rem 0; } } @media only screen and (max-height : 560px) { /* Remote Health Check & Product Explainer animations */ .rhc-animation { /*border: 5px solid red;*/ } .rhc-animation .animation-line { top: -118vh; top: -118svh; } .rhc-animation .top-part { height: 65vh; height: 65svh; } .rhc-animation .top-part .line { height: calc(100% - 54px); bottom: 54px; } .rhc-animation .top-part .icon-wrapper { width: 54px; height: 54px; left: calc(50% - 27px); } .cards-overflow-wrapper { padding: 1.5rem 0 5rem 0; } .report-card .sm-no-show { display: none; } .pe-animation .heading, .rhc-animation .heading { padding-top: 1rem; } .pe-animation .txt-body, .rhc-animation .txt-body { top: -16vh; } .pe-animation .txt-body { top: 0; } } /* COOKIE BOT -------------------------------------------------------------- */ #CybotCookiebotDialog { line-height: 1.5; font-family: var(--ff-body) !important; color: var(--c-main); padding: var(--gp-sides) !important; } #CybotCookiebotDialogHeader { display: none !important; } #CybotCookiebotDialogContentWrapper { margin: 0 !important; padding: 0 !important; } #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper { max-width: 100% !important; } #CybotCookiebotDialogTabContent { margin-left: 0 !important; } #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { background-color: var(--c-violet) !important; border-color: var(--c-violet) !important; } #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a, #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink, #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a, #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, #CybotCookiebotDialogDetailBodyContentTextAbout a { color: var(--c-main) !important; border-bottom: 1px solid var(--c-violet) !important; font-weight: normal !important; } #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a:hover, #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink:hover, #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a:hover, #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a:hover, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a:hover, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink:hover, #CybotCookiebotDialogDetailBodyContentTextAbout a:hover { color: var(--c-violet) !important; } #CybotCookiebotDialog h2 { font-family: "riforma-bold" !important; font-weight: normal !important; } .CybotCookiebotDialogBodyLevelButtonWrapper strong { font-family: "riforma-medium" !important; font-weight: normal !important; } #CybotCookiebotDialogBodyEdgeMoreDetailsLink { color: var(--c-violet) !important; font-family: "riforma-medium" !important; font-weight: normal !important; } #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive { border-bottom-color: var(--c-violet) !important; color: var(--c-violet) !important; } /* ----------------------------------------------------------- ANIMATIONS ----------------------------------------------------------- */ @view-transition { navigation: auto; } /* Lenis base CSS https://unpkg.com/lenis@1.1.9/dist/lenis.css */ html.lenis, html.lenis body { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto !important; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-stopped { overflow: hidden; } .lenis.lenis-smooth iframe { pointer-events: none; } /* 60fps scrolling: http://www.thecssninja.com/javascript/pointer-events-60fps ----------------------------------------------------------- */ .disable-hover, .disable-hover * { pointer-events: none !important; } /* Remove all animations and transitions for people who prefer not to see them. ----------------------------------------------------------- */ @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }