'); --svg-cancel-search: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-small-search: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-cross: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-external-link: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-chevron-left: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-facebook: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-instagram: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-linkedin: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-x: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-youtube: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-email: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-quote-marks: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-maximise: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-tick: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-filter: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-apple-button: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-google-button: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-time: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-location: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-briefcase: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-i: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-button-arrow: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-spinner: url('data:image/svg+xml,'); } *, ::after, ::before { box-sizing: inherit; } ::selection { background: var(--focus-highlight); color: var(--neutral-light); } html { box-sizing: border-box; scroll-behavior: smooth; } body { font-size: var(--step-0); overflow-x: hidden; -webkit-font-smoothing: antialiased; } @media (max-width: 1149px) { body.js-disable-scroll { overflow: hidden; } } .noscript { background: 0px 0px; display: block; padding: 15px; position: absolute; text-align: center; text-decoration: none; width: 100%; z-index: 99999; } .site { position: relative; } :root { --font-normal: 400; --font-bold: 700; } html { font-family: Roboto, sans-serif; font-size: 100%; font-weight: var(--font-normal); line-height: 1.5; } body, button, input, select, textarea { color: var(--neutral-dark); font-size: 1rem; } strong { font-weight: var(--font-bold); } h1, h2, h3, h4, h5, h6 { color: var(--neutral-dark); font-style: normal; font-weight: var(--font-bold); } h1 { line-height: 1.1; margin-bottom: 0px; margin-top: 0px; width: 100%; } h2, h3, h4, h5, h6 { margin-bottom: 0px; margin-top: 0px; line-height: 1.2; } .heading-4 { font-size: var(--step-4); letter-spacing: -0.02em; } .heading-3 { font-size: var(--step-3); letter-spacing: -0.02em; } .heading-2 { font-size: var(--step-2); letter-spacing: -0.02em; } .heading-1 { font-size: var(--step-1); letter-spacing: -0.02em; } .heading-0 { font-size: var(--step-0); } .heading--1 { font-size: var(--step--1); } p { font-size: var(--step-0); margin-bottom: 1em; margin-top: 1em; } ol, ul { font-size: var(--step-0); margin-bottom: var(--space-m); margin-top: var(--space-m); padding-left: 1em; } ol li, ul li { margin-bottom: 1em; margin-top: 1em; padding-left: 0.45em; } ol li::marker, ul li::marker { color: var(--brand-blue); } ol li::marker { font-weight: 600; } a { color: inherit; display: inline-block; font-weight: 400; text-decoration: underline 0.05em rgba(60, 60, 60, 0.5); text-underline-offset: 2px; transition: color 0.25s ease 0s, text-decoration-color 0.25s ease 0s; } a:active, a:hover { text-decoration-color: rgb(60, 60, 60); } :root { --neutral-light: #FFFFFF; --neutral-light-mod-1: #EAEBEC; --neutral-light-mod-2: #C0C3C6; --neutral-dark: #2E3640; --neutral-dark-mod-1: #434A53; --neutral-dark-mod-2: #6D7279; --brand-primary-green: #ABC902; --brand-primary-green-shade: #677901; --brand-primary-green-tint: #F7FAE6; --brand-primary-blue: #09F; --brand-primary-blue-shade: #005c99; --brand-primary-blue-tint: #E6F5FF; --brand-primary-orange: #F90; --brand-primary-orange-shade: #995C00; --brand-primary-orange-tint: #FFF5E6; --brand-primary-purple: #BA5B9E; --brand-primary-purple-shade: #70375F; --brand-primary-purple-tint: #F8EFF5; --brand-primary-pink: #ed6d7e; --brand-primary-teal: #009cb4; --brand-primary-indigo: #262063; --brand-primary-fuchsia: #e5005c; --utility-red: #F04150; --utility-red-tint: #FDECEE; --focus-highlight: #F90; } .has-white-background-color { background-color: var(--neutral-light); } .has-green-tint-background-color { background-color: var(--brand-primary-green-tint); } .screen-reader-text { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .screen-reader-text:focus { background-color: rgb(241, 241, 241); border-radius: var(--rounded); clip-path: none; color: rgb(0, 0, 0); display: block; font-size: 14px; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; clip: auto !important; } #content[tabindex="-1"]:focus { outline: 0px; } .dropdown-toggle:focus, a:focus, button:focus, div[tabindex="0"]:focus, input:focus, textarea:focus { outline: 2px solid var(--focus-highlight); } body:not(.accessibility) .dropdown-toggle:focus, body:not(.accessibility) a:focus, body:not(.accessibility) button:focus, body:not(.accessibility) div[tabindex="0"]:focus, body:not(.accessibility) input:focus, body:not(.accessibility) textarea:focus { outline: 0px !important; } @media screen and (max-width: 782px) { .admin-bar .site-header { top: 46px; } } @media screen and (min-width: 783px) { .admin-bar .site-header { top: 32px; } } .site-header { display: flex; flex-wrap: wrap; position: sticky; width: 100%; z-index: 21; top: 0px; } @media screen and (min-width: 900px) { .site-header { max-height: 80px; } } .site-header::before { background-color: var(--neutral-dark); content: ""; inset: 0px; position: absolute; z-index: 23; } .site-header__inner { display: flex; gap: 10px; margin: 0px auto; max-width: var(--width-xl); padding-left: var(--space-s-l); padding-right: var(--space-s-l); width: 100%; } @media screen and (min-width: 900px) { .site-header__inner { -webkit-box-align: center; align-items: center; position: relative; } } .site-logo { margin-left: -10px; padding: 10px; position: relative; z-index: 102; } .site-logo__link { display: block; border-radius: 50%; } .site-logo__image { display: block; height: 40px; width: 40px; } @media screen and (min-width: 900px) { .site-logo__image { height: 60px; width: 60px; } } @media screen and (max-width: 899px) { .site-navigation.toggled-on .site-navigation__toggle-button .site-navigation__toggle-line:nth-of-type(1) { left: 8.5px; top: 19px; transform: rotate(45deg); transition: transform 0.25s ease 0.25s, left 0.25s ease 0s, top 0.25s ease 0s, width 0.25s ease 0s, background-color 0.5s ease 0s, -webkit-transform 0.25s ease 0.25s; width: 24px; } .site-navigation.toggled-on .site-navigation__toggle-button .site-navigation__toggle-line:nth-of-type(2) { opacity: 0; transition: opacity 0s ease 0.25s, width 0.25s ease 0s, background-color 0.5s ease 0s; } .site-navigation.toggled-on .site-navigation__toggle-button .site-navigation__toggle-line:nth-of-type(3) { left: 8.5px; top: 19px; transform: rotate(-45deg); transition: transform 0.25s ease 0.25s, left 0.25s ease 0s, top 0.25s ease 0s, width 0.25s ease 0s, background-color 0.5s ease 0s, -webkit-transform 0.25s ease 0.25s; width: 24px; } .site-navigation.toggled-on .site-navigation__inner { transition: transform 0.6s cubic-bezier(0.6, 0.02, 0, 1) 0s, visibility 0s ease 0s, -webkit-transform 0.6s cubic-bezier(0.6, 0.02, 0, 1) 0s; transform: translateY(0px); visibility: visible; } .site-navigation__toggle-button { appearance: none; background: 0px 0px; border: 0px; box-shadow: none; cursor: pointer; display: block; font-size: 1rem; font-weight: var(--font-weight--medium); height: 40px; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; position: absolute; right: calc(var(--space-s-l) - 7px); text-transform: uppercase; top: 10px; transition: background 0.6s ease 0s; white-space: nowrap; width: 40px; z-index: 102; } .site-navigation__toggle-line { background-color: var(--brand-primary-green); border-radius: 1px; display: block; height: 2px; left: 9px; position: absolute; width: 24px; } .site-navigation__toggle-line:nth-of-type(1) { top: 11px; transition: transform 0.25s ease 0s, left 0.25s ease 0.25s, top 0.25s ease 0.25s, width 0.25s ease 0.25s, background-color 0.5s ease 0s, -webkit-transform 0.25s ease 0s; } .site-navigation__toggle-line:nth-of-type(2) { opacity: 1; top: 19px; transition: opacity 0s ease 0.25s, width 0.25s ease 0s, background-color 0.5s ease 0s; } .site-navigation__toggle-line:nth-of-type(3) { top: 27px; transition: transform 0.25s ease 0s, left 0.25s ease 0.25s, top 0.25s ease 0.25s, width 0.25s ease 0.25s, background-color 0.5s ease 0s, -webkit-transform 0.25s ease 0s; } .site-navigation__toggle-text { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .site-navigation__inner { -webkit-box-align: start; align-items: flex-start; background-color: var(--neutral-light); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100vh; left: 0px; margin: 0px; overflow-y: scroll; padding-top: 60px; position: absolute; transition: transform 0.6s cubic-bezier(0.6, 0.02, 0, 1) 0s, visibility 0s ease 0.6s, box-shadow 0.6s ease 0s, -webkit-transform 0.6s cubic-bezier(0.6, 0.02, 0, 1) 0s, -webkit-box-shadow 0.6s ease 0s; top: 0px; width: 100%; visibility: hidden; z-index: 22; transform: translateY(-100%); } .site-navigation__menu { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; list-style: none; margin: 0px; padding: 0px; width: 100%; } .site-navigation__menu > .menu-item { width: 100%; } .site-navigation .menu-item { border-bottom: 1px solid var(--neutral-light-mod-1); display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; margin: 0px; padding: 0px; } .site-navigation .menu-item.current-menu-item > .menu-link { color: var(--brand-primary-green-shade); } .site-navigation .menu-item.menu-item-news .sub-menu { column-gap: 10px; grid-template-columns: repeat(2, 1fr); } .site-navigation .menu-item.menu-item-news .sub-menu.is-active { display: grid; } .site-navigation .menu-link { font-size: var(--step--1); font-weight: 600; margin-left: var(--space-3xs); padding: .911em var(--space-xs); text-decoration: none; } .site-navigation .sub-menu-button { -webkit-box-align: center; align-items: center; appearance: none; background-color: transparent; border: none; border-radius: var(--rounded); cursor: pointer; display: flex; height: 50px; -webkit-box-pack: center; justify-content: center; margin-right: 0.7em; width: 50px; } .site-navigation .sub-menu-button[aria-expanded="true"] .sub-menu-button__icon { transform: rotate(-90deg); } .site-navigation .sub-menu-button__icon { background-color: var(--brand-primary-green); display: block; height: 12px; mask-image: var(--svg-arrow-head); mask-repeat: no-repeat; mask-position: center center; mask-size: 7px 12px; min-height: 12px; min-width: 12px; transition: background-color 0.35s ease 0s, transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s; transform: rotate(90deg); transform-origin: center center; width: 12px; } .site-navigation .sub-menu-button__text { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .site-navigation .sub-menu { background-color: var(--brand-primary-green-tint); border-top: 1px solid var(--neutral-light-mod-1); display: none; flex-wrap: wrap; list-style-type: none; padding: var(--space-xs) var(--space-2xs); position: relative; margin: 0px; width: 100%; } .site-navigation .sub-menu.is-active { display: block; } .site-navigation .sub-menu .link-container { border: none; } .site-navigation .sub-menu .menu-item { border: none; position: relative; } .site-navigation .sub-menu .menu-item.current-menu-item > .menu-link { text-decoration: underline; } .site-navigation .sub-menu .menu-link { display: inline-block; font-size: var(--step--1); font-weight: 400; margin-left: 0px; padding: .48em var(--space-xs); transition: color 0.25s ease 0s; } } @media screen and (min-width: 900px) { .site-navigation { margin: 0px; } .site-navigation .site-navigation__inner { height: auto !important; } .site-navigation__toggle-button { display: none; } .site-navigation__menu { display: flex; column-gap: var(--space-3xs); list-style-type: none; margin: 0px; padding-left: 0px; position: relative; } .site-navigation__menu > .menu-item { -webkit-box-align: center; align-items: center; display: flex; margin: 0px; padding-left: 12px; padding-right: 12px; position: relative; } .site-navigation__menu > .menu-item:active::after, .site-navigation__menu > .menu-item:hover::after { transform: scaleY(1); } .site-navigation__menu > .menu-item:active .sub-menu-button__icon, .site-navigation__menu > .menu-item:hover .sub-menu-button__icon { transform: rotate(-90deg); } .site-navigation__menu > .menu-item:active .sub-menu, .site-navigation__menu > .menu-item:hover .sub-menu { opacity: 1; transform: translateY(0px) scale(1); transition: transform 0.35s ease 0s, visibility 0.35s ease 0s, -webkit-transform 0.35s ease 0s; visibility: visible; } .site-navigation__menu > .menu-item.menu-item-news > .sub-menu { column-gap: 10px; display: grid; grid-template-columns: repeat(2, 1fr); min-width: 360px; } .site-navigation__menu > .menu-item.menu-item-news > .sub-menu::before { border-bottom: 1px solid var(--neutral-light-mod-2); content: "Categories"; font-size: var(--step--1); font-weight: 700; grid-column: span 2; margin-bottom: var(--space-2xs); padding-bottom: var(--space-2xs); width: 100%; } .site-navigation__menu > .menu-item::after { background-color: var(--neutral-light); bottom: 0px; content: ""; pointer-events: none; height: 4px; left: 0px; position: absolute; transform: scaleY(0); transform-origin: center bottom; transition: transform 250ms ease 0s, -webkit-transform 250ms ease 0s; width: 100%; z-index: 27; } .site-navigation__menu > .menu-item.current-menu-item::after { transform: scaleY(1); } .site-navigation__menu > .menu-item.current-menu-item > .menu-link { color: var(--brand-primary-green); } .site-navigation__menu > .menu-item.current-menu-parent::after { transform: scaleY(1); } .site-navigation__menu > .menu-item.current-menu-parent > .menu-link { color: var(--brand-primary-green); } .site-navigation__menu > .menu-item > .menu-link { z-index: 25; } .site-navigation__menu > .menu-item-has-children { padding-right: 0px; } .site-navigation__menu .menu-link { border-radius: var(--rounded); color: var(--neutral-light); font-size: var(--step--1); font-weight: var(--font-bold); line-height: 1.2; padding: 1.9225em 0.1em; text-decoration: none; } .site-navigation__menu .menu-link:active, .site-navigation__menu .menu-link:hover { color: var(--brand-primary-green); } .site-navigation .sub-menu-button { -webkit-box-align: center; align-items: center; appearance: none; background-color: transparent; border: none; border-radius: var(--rounded); cursor: pointer; display: flex; -webkit-box-pack: center; justify-content: center; height: 80px; margin-right: 7px; width: 24px; z-index: 26; } .site-navigation .sub-menu-button[aria-expanded="true"] .sub-menu-button__icon { transform: rotate(-90deg); } .site-navigation .sub-menu-button__icon { background-color: var(--neutral-light); display: block; height: 10px; mask-image: var(--svg-arrow-head); mask-position: center center; mask-repeat: no-repeat; mask-size: 10px 10px; transition: background-color 0.35s ease 0s, transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s; transform-origin: center center; transform: rotate(90deg); width: 10px; } .site-navigation .sub-menu-button__text { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .site-navigation .sub-menu { left: 0px; background-color: var(--neutral-light); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px 0px; list-style-type: none; margin: 0px auto; padding: var(--space-m); position: absolute; top: 100%; transition: transform 0.35s ease 0s, opacity 0.35s ease 0s, visibility 0s ease 0.35s, -webkit-transform 0.35s ease 0s; transform: translateY(-16px); transform-origin: center top; opacity: 0; visibility: hidden; z-index: 22; } .site-navigation .sub-menu.is-active { opacity: 1; transform: translateY(0px) scale(1); transition: transform 0.35s ease 0s, visibility 0.35s ease 0s, -webkit-transform 0.35s ease 0s; visibility: visible; } .site-navigation .sub-menu .menu-item { margin: 0px; padding-left: 0px; position: relative; } .site-navigation .sub-menu .menu-item.current-menu-item .menu-link { color: var(--brand-primary-green-shade); } .site-navigation .sub-menu .menu-link { color: var(--neutral-dark); font-size: var(--step--1); font-weight: var(--font-normal); padding: 0.65em 0px; transition: color 0.25s ease 0s; white-space: nowrap; } .site-navigation .sub-menu .menu-link:active, .site-navigation .sub-menu .menu-link:hover { color: var(--brand-primary-green-shade); } } @media screen and (max-width: 899px) { .site-search { display: none; } } @media screen and (min-width: 900px) { .site-search { margin-left: auto; margin-right: -14px; } .site-search__button { -webkit-box-align: center; align-items: center; appearance: none; background-color: transparent; border: none; border-radius: var(--rounded); cursor: pointer; display: flex; height: 50px; -webkit-box-pack: center; justify-content: center; padding: 0px; position: relative; width: 50px; z-index: 27; } .site-search__button[aria-expanded="true"] .site-search__search-icon { opacity: 0; visibility: hidden; transform: scale(0.5); transition: opacity 250ms ease 0s, transform 250ms ease 0s, visibility 0s ease 250ms, -webkit-transform 250ms ease 0s; } .site-search__button[aria-expanded="true"] .site-search__close-icon { opacity: 1; visibility: visible; transform: scale(1); transition: opacity 250ms ease 0s, transform 250ms ease 0s, visibility 0s ease 0s, -webkit-transform 250ms ease 0s; } .site-search__search-icon { background-color: var(--neutral-light); display: block; height: 24px; mask-image: var(--svg-search); mask-position: center center; mask-repeat: no-repeat; mask-size: 24px 24px; opacity: 1; position: absolute; transform: scale(1); transition: opacity 250ms ease 0s, transform 250ms ease 0s, visibility 0s ease 0s, -webkit-transform 250ms ease 0s; width: 24px; } .site-search__close-icon { background-color: var(--neutral-light); display: block; height: 24px; mask-image: var(--svg-cross); mask-position: center center; mask-repeat: no-repeat; mask-size: 24px 24px; opacity: 0; position: absolute; transform: scale(0.5); transition: opacity 250ms ease 0s, transform 250ms ease 0s, visibility 0s ease 250ms, -webkit-transform 250ms ease 0s; visibility: hidden; width: 24px; } .site-search__title { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } } .site-search-bar-container { width: 100%; } .site-search-bar { background-color: var(--neutral-light-mod-1); border-bottom: 1px solid var(--neutral-light-mod-2); display: flex; opacity: 0; padding-bottom: var(--space-s); padding-top: var(--space-s); position: absolute; transform: translateY(-100%); transition: opacity 0.35s ease 0s, transform 0.35s ease 0s, visibility 0s ease 0.35s, -webkit-transform 0.35s ease 0s; visibility: hidden; width: 100%; } .site-search-bar.is-open { opacity: 1; transform: translateY(0px); visibility: visible; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s, visibility 0s ease 0s, -webkit-transform 0.35s ease 0s; } .site-search-bar__inner { display: flex; -webkit-box-pack: center; justify-content: center; margin: 0px auto; max-width: 920px; width: calc(100% - var(--space-s-l) * 2); } .inner { margin: 0px auto; max-width: var(--width-xl); width: calc(100% - var(--space-s-3xl) * 2); } .wrapper { display: grid; grid-template-columns: 1fr minmax(0,var(--width-xl)) 1fr; width: 100%; } @media (min-width: 1280px) { .wrapper { grid-template-columns: minmax(150px,1fr) minmax(0,var(--width-xl)) minmax(150px,1fr); } } .middle { display: grid; max-width: var(--width-xl); position: relative; width: 100%; } .site-main { display: grid; gap: var(--space-s-l); max-width: var(--width-xl); padding: calc(var(--space-s-l) - 3px) calc(var(--space-s-l) - 3px) calc(var(--space-2xl) - 3px) calc(var(--space-s-l) - 3px); width: 100%; } .site-main.site-main--col-1-narrow .primary { margin-left: auto; margin-right: auto; max-width: 920px; width: 100%; } .site-main.site-main--col-1-full .text { max-width: 920px; } @media screen and (min-width: 1000px) { .site-main.site-main--col-2 { -webkit-box-align: start; align-items: flex-start; column-gap: var(--space-s-l); display: grid; grid-template-columns: repeat(12, 1fr); row-gap: var(--space-s); } } .site-main.site-main--col-2 .primary { grid-column: 1 / 13; } @media screen and (min-width: 1000px) { .site-main.site-main--col-2 .primary { grid-column: 1 / 9; } } .site-main.site-main--col-2 .secondary { grid-column: 1 / 13; } @media screen and (max-width: 999px) { .site-main.site-main--col-2 .secondary { column-gap: var(--space-s-l); display: grid; grid-template-columns: repeat(6, 1fr); row-gap: var(--space-s); } } @media screen and (min-width: 1000px) { .site-main.site-main--col-2 .secondary { grid-column: 9 / 13; } } .site-main.site-main--col-2 .secondary .ad-feature { grid-column: 1 / 7; } @media screen and (min-width: 700px) and (max-width: 999px) { .site-main.site-main--col-2 .secondary .ad-feature { grid-column: 1 / 4; } } .site-main.site-main--col-2 .secondary .featured-issue { grid-column: 1 / 7; } @media screen and (min-width: 700px) and (max-width: 999px) { .site-main.site-main--col-2 .secondary .featured-issue { grid-column: 4 / 7; } } .site-main > article { overflow: hidden; } .primary { overflow: hidden; padding: 3px; } .secondary { display: grid; gap: var(--space-s); padding: 3px; } @media screen and (min-width: 900px) { .secondary { position: sticky; top: calc(80px + var(--space-s-l)); } } @media screen and (min-width: 900px) { .admin-bar .secondary { position: sticky; top: calc(113px + var(--space-s-l)); } } .side { display: grid; gap: var(--space-s); width: 100%; } @media screen and (max-width: 999px) { .side { grid-template-columns: repeat(2, minmax(0px, 1fr)); padding: var(--space-s-l); } } @media screen and (min-width: 1000px) { .side { padding: var(--space-s-l) var(--space-s-l) var(--space-s-l) 0; } } .top { display: flex; background-color: var(--neutral-dark-mod-1); -webkit-box-pack: center; justify-content: center; padding-bottom: var(--space-10-20); padding-left: 10px; padding-right: 10px; padding-top: var(--space-10-20); position: relative; z-index: 25; } @media screen and (max-width: 599px) and (orientation: landscape) { .top { display: none; } } .left { background-color: var(--neutral-light-mod-2); display: flex; -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-pack: end; justify-content: flex-end; position: relative; } .left__inner { inset: 0px; margin-left: auto; max-width: 200px; min-width: 150px; position: absolute; } @media (max-width: 1279px) { .left__inner { display: none; } } .right { background-color: var(--neutral-light-mod-2); display: flex; -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-pack: start; justify-content: flex-start; position: relative; } .right__inner { inset: 0px; position: absolute; max-width: 200px; min-width: 150px; } @media (max-width: 1279px) { .right__inner { display: none; } } .entry-content { width: 100%; } .entry-content > :first-child { margin-top: 0px !important; } .entry-content > :last-child { margin-bottom: 0px !important; } .margin-top-0 { margin-top: 0px; } .margin-top-1 { margin-top: var(--space-xl-2xl); } .margin-top-2 { margin-top: var(--space-xl-3xl); } .margin-bottom-0 { margin-bottom: 0px; } .margin-bottom-1 { margin-bottom: var(--space-xl-2xl); } .margin-bottom-2 { margin-bottom: var(--space-xl-3xl); } .padding-top-0 { padding-top: 0px; } .padding-top-1 { padding-top: var(--space-xl-2xl); } .padding-top-2 { padding-top: var(--space-xl-3xl); } .padding-bottom-0 { padding-bottom: 0px; } .padding-bottom-1 { padding-bottom: var(--space-xl-2xl); } .padding-bottom-2 { padding-bottom: var(--space-xl-3xl); } .site-footer { background-color: var(--neutral-dark); color: var(--neutral-light); display: grid; gap: var(--space-l); margin: 0px auto; max-width: var(--width-xl); padding: var(--space-xl) var(--space-s-l) var(--space-l) var(--space-s-l); width: 100%; } @media screen and (min-width: 680px) { .site-footer { gap: var(--space-2xl); } } @media screen and (min-width: 850px) { .site-footer { padding: var(--space-xl) var(--space-s-l) var(--space-s-l) var(--space-s-l); } } .site-info__columns { column-gap: var(--space-s-l); display: grid; grid-template-columns: repeat(12, 1fr); margin: 0px; row-gap: var(--space-m); } @media screen and (min-width: 400px) { .site-info__columns { row-gap: var(--space-l); } } .site-info__column.column-1 { grid-column: span 12; } @media screen and (min-width: 680px) { .site-info__column.column-1 { grid-column: span 6; } } @media screen and (min-width: 960px) { .site-info__column.column-1 { grid-column: span 4; } } .site-info__column.column-2 { grid-column: span 12; } @media screen and (min-width: 400px) { .site-info__column.column-2 { grid-column: span 6; } } @media screen and (min-width: 680px) { .site-info__column.column-2 { grid-column: span 3; } } @media screen and (min-width: 960px) { .site-info__column.column-2 { grid-column: span 2; } } .site-info__column.column-3 { grid-column: span 12; } @media screen and (min-width: 400px) { .site-info__column.column-3 { grid-column: span 6; } } @media screen and (min-width: 680px) { .site-info__column.column-3 { grid-column: span 3; } } @media screen and (min-width: 960px) { .site-info__column.column-3 { grid-column: span 2; margin-right: calc(-1 * var(--space-m)); } } .site-info__column.column-4 { grid-column: span 12; } @media screen and (max-width: 399px) { .site-info__column.column-4 .site-info__heading { display: none; } } @media screen and (min-width: 680px) { .site-info__column.column-4 { grid-column: 7 / 13; } } @media screen and (min-width: 960px) { .site-info__column.column-4 { grid-column: span 4; margin-left: auto; -webkit-box-pack: end; justify-content: flex-end; text-align: right; } } .site-info__image { height: 60px; margin-bottom: var(--space-s-m); width: 60px; } .site-info__cta-heading { color: var(--neutral-light); font-size: var(--step-1); max-width: 300px; text-wrap: balance; } .site-info__link-button.link-button.link-button--light { margin-top: var(--space-s); } .site-info__link-button.link-button.link-button--light::before { box-shadow: inset 0 0 0 1px var(--neutral-light); } .site-info__heading { color: var(--neutral-light); font-size: var(--step-0); margin-bottom: var(--space-xs); } .site-info__address { display: grid; font-style: normal; } .site-info__list { font-size: var(--step--1); margin: 0px; padding-left: 0px; } .site-info__list.list--websites { margin-top: var(--space-m); } .site-info__list .menu-item { list-style-type: none; margin-bottom: var(--space-2xs); margin-top: var(--space-2xs); padding-left: 0px; } .site-info__list a { color: var(--neutral-light-mod-2); text-decoration-color: var(--neutral-light-mod-2); } .site-info__list a:active, .site-info__list a:hover { color: var(--neutral-light); text-decoration-color: var(--neutral-light); } .site-info__list-item { list-style-type: none; margin-bottom: var(--space-2xs); margin-top: var(--space-2xs); padding-left: 0px; } .site-info__link { color: var(--neutral-light-mod-2); text-decoration-color: var(--neutral-light-mod-2); } .site-info__link:active, .site-info__link:hover { color: var(--neutral-light); text-decoration-color: var(--neutral-light); } .site-info__social-list { display: flex; gap: var(--space-2xs); list-style-type: none; margin: 0px -5px 0px 0px; padding-left: 0px; } .site-info__social-list-item { margin: 0px; padding-left: 0px; } .site-info__social-link { display: block; height: 34px; padding: 5px; width: 34px; } .site-info__social-link:active .site-info__social-icon, .site-info__social-link:hover .site-info__social-icon { background-color: var(--neutral-light); } .site-info__social-text { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .site-info__social-icon { background-color: var(--neutral-light-mod-2); display: block; height: 24px; mask-position: center center; mask-repeat: no-repeat; mask-size: 24px 24px; transition: background-color 0.25s ease 0s; width: 24px; } .site-info__social-icon.has-linkedin-icon { mask-image: var(--svg-linkedin); } .site-info__social-icon.has-instagram-icon { mask-image: var(--svg-instagram); } .site-info__social-icon.has-facebook-icon { mask-image: var(--svg-facebook); } .site-info__social-icon.has-x-icon { mask-image: var(--svg-x); } .site-info__social-icon.has-youtube-icon { mask-image: var(--svg-youtube); } .site-base { color: var(--neutral-light-mod-2); } .site-base__columns { display: grid; column-gap: var(--space-s-l); grid-template-columns: repeat(12, 1fr); margin: 0px; row-gap: var(--space-m); } @media screen and (min-width: 560px) { .site-base__columns { row-gap: var(--space-s); } } .site-base__column.column-1 { grid-column: span 12; } @media screen and (max-width: 849px) { .site-base__column.column-1 { -webkit-box-ordinal-group: 3; order: 2; } } @media screen and (min-width: 850px) { .site-base__column.column-1 { grid-column: span 4; } } .site-base__column.column-2 { column-gap: var(--space-m); display: grid; grid-column: span 12; } @media screen and (max-width: 849px) { .site-base__column.column-2 { -webkit-box-ordinal-group: 2; order: 1; row-gap: var(--space-m); } } @media screen and (min-width: 850px) { .site-base__column.column-2 { display: flex; flex-wrap: wrap; grid-column: span 8; } } .site-base__list { column-gap: var(--space-m); display: flex; font-size: var(--step--1); margin-bottom: 0px; margin-top: 0px; padding-left: 0px; row-gap: var(--space-2xs); } @media screen and (max-width: 559px) { .site-base__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } @media screen and (min-width: 560px) { .site-base__list { flex-wrap: wrap; } } .site-base__list .menu-item { list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } .site-base__list a { color: var(--neutral-light-mod-2); text-decoration-color: var(--neutral-light-mod-2); } .site-base__list a:active, .site-base__list a:hover { color: var(--neutral-light); text-decoration-color: var(--neutral-light); } .site-base__copyright { font-size: var(--step--1); } .site-base__link { color: var(--neutral-light-mod-2); text-decoration-color: var(--neutral-light-mod-2); } .site-base__link:active, .site-base__link:hover { color: var(--neutral-light); text-decoration-color: var(--neutral-light); } .ad { position: relative; width: 100%; } .ad__link { display: block; height: 100%; width: 100%; } .ad__image { display: block; height: 100%; object-fit: cover; width: 100%; } [data-ad-slot] { opacity: 0; pointer-events: none; position: absolute; visibility: hidden; transition: opacity 0.6s ease 0s, visibility 0.6s ease 0s; } [data-ad-slot].visible { opacity: 1; pointer-events: auto; visibility: visible; } .ad-top { aspect-ratio: 400 / 250; max-width: 580px; } @media screen and (min-width: 600px) { .ad-top { aspect-ratio: 970 / 250; max-width: 970px; } } .features__columns { column-gap: var(--space-s-l); display: grid; grid-template-columns: repeat(12, 1fr); row-gap: var(--space-s); } .features__column.column--1 { display: flex; grid-column: 1 / 13; } @media screen and (min-width: 900px) { .features__column.column--1 { grid-column: 1 / 9; } } .features__column.column--2 { display: grid; gap: var(--space-s); grid-column: 1 / 13; } @media screen and (max-width: 899px) { .features__column.column--2 { column-gap: var(--space-s); display: grid; grid-template-columns: repeat(12, 1fr); } } @media screen and (min-width: 900px) { .features__column.column--2 { -webkit-box-align: start; align-items: start; grid-column: 9 / 13; } } .featured-post { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; width: 100%; } .featured-post__link { -webkit-box-align: end; align-items: flex-end; border-radius: var(--rounded-s); display: flex; flex-wrap: wrap; text-decoration: none; overflow: hidden; position: relative; width: 100%; } @media screen and (min-width: 600px) { .featured-post__link { aspect-ratio: 920 / 560; } } .featured-post__link:active .featured-post__image, .featured-post__link:hover .featured-post__image { transform: scale(1.06); } .featured-post__image-container { background-color: rgb(204, 204, 204); width: 100%; } @media screen and (max-width: 599px) { .featured-post__image-container { aspect-ratio: 920 / 560; position: relative; } } @media screen and (min-width: 600px) { .featured-post__image-container { inset: 0px; position: absolute; } } .featured-post__image { height: 100%; object-fit: cover; position: absolute; transition: transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s; width: 100%; } .featured-post__text-container { padding: var(--space-xs) 0 0 0; position: relative; width: 100%; } @media screen and (min-width: 600px) { .featured-post__text-container { padding: var(--space-m); } .featured-post__text-container::before { background: linear-gradient(rgba(0, 0, 0, 0) 0px, rgb(0, 0, 0) 100%); content: ""; inset: -50% 0px 0px; position: absolute; } } .featured-post__text-container > :first-child { margin-top: 0px; } .featured-post__text-container > :last-child { margin-bottom: 0px; } .featured-post__heading { font-size: var(--step-2); position: relative; } @media screen and (min-width: 600px) { .featured-post__heading { color: var(--neutral-light); } } .featured-post__paragraph { font-size: var(--step--1); position: relative; } @media screen and (max-width: 599px) { .featured-post__paragraph { margin-top: var(--space-3xs); } } @media screen and (min-width: 600px) { .featured-post__paragraph { color: var(--neutral-light); } } .featured-issue { border-left: 4px solid var(--brand-primary-green); display: flex; -webkit-box-flex: 1; flex: 1 1 0%; width: 100%; } @media screen and (max-width: 599px) { .featured-issue { grid-column: 1 / 13; } } @media screen and (min-width: 600px) and (max-width: 899px) { .featured-issue { grid-column: 7 / 13; } } .featured-issue__link { background-color: var(--brand-primary-green-tint); display: flex; padding: var(--space-s-m); text-decoration: none; width: 100%; } .featured-issue__columns { -webkit-box-align: center; align-items: center; display: flex; gap: var(--space-s-m); width: 100%; } .featured-issue__column.column--2 { -webkit-box-align: start; align-items: flex-start; -webkit-box-flex: 1; flex: 1 1 0%; } .featured-issue__image-container { aspect-ratio: 141 / 200; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 20px 0px; height: auto; max-width: 141px; width: 100%; } .featured-issue__image { display: block; height: 100%; object-fit: cover; width: 100%; } .featured-issue__heading { font-size: var(--step-2); } .featured-issue__date { font-size: var(--step--1); } .featured-issue__link-button { margin-top: var(--space-2xs); white-space: nowrap; } .post-navigation { width: 100%; } .post-navigation__form { -webkit-box-align: center; align-items: center; display: flex; gap: var(--space-xs); } .post-navigation__prev-link { -webkit-box-align: center; align-items: center; aspect-ratio: 1 / 1; border: 1px solid var(--neutral-light-mod-2); border-radius: 50%; display: flex; height: 54px; -webkit-box-pack: center; justify-content: center; width: 54px; } .post-navigation__prev-link::before { background-color: var(--neutral-dark); content: ""; display: block; height: 24px; mask-image: var(--svg-chevron-left); mask-repeat: no-repeat; mask-position: center center; mask-size: 24px 24px; width: 24px; } .post-navigation__input { appearance: none; -webkit-box-align: center; align-items: center; aspect-ratio: 1 / 1; border: 1px solid var(--neutral-light-mod-2); border-radius: var(--rounded-s); display: flex; height: 54px; -webkit-box-pack: center; justify-content: center; padding-right: 4px; padding-left: 4px; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 54px; } .post-navigation__input:active, .post-navigation__input:focus { border: 1px solid var(--neutral-dark-mod-2); } .post-navigation__input[type="number"]::-webkit-inner-spin-button, .post-navigation__input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0px; } .post-navigation__input[type="number"] { } .post-navigation__description { font-size: var(--step--1); } .post-navigation__next-link { background-color: var(--neutral-dark); border-radius: 50px; color: var(--neutral-light); font-size: var(--step--1); padding: var(--space-xs) var(--space-m); position: relative; transition: background-color 250ms ease 0s, color 250ms ease 0s; text-decoration: none; } .post-navigation__next-link::before { border-radius: 50px; box-shadow: inset 0 0 0 1px var(--neutral-dark); content: ""; inset: 0px; position: absolute; } .post-navigation__next-link:active, .post-navigation__next-link:hover { background-color: var(--neutral-light); color: var(--neutral-dark); } .post-navigation__next-link.is-disabled, .post-navigation__prev-link.is-disabled { display: none; } .magazine .entry-title, .news .entry-title { font-size: var(--step-3); } .magazine .entry-content, .news .entry-content { margin: 0px auto; max-width: var(--width-xs); } .magazine .entry-meta, .news .entry-meta { display: grid; gap: var(--space-2xs); margin-bottom: var(--space-l); margin-top: var(--space-l); } .magazine .byline, .magazine .posted-on, .news .byline, .news .posted-on { color: var(--neutral-dark-mod-2); display: inline-block; line-height: 1.2; } .magazine .byline a, .magazine .posted-on a, .news .byline a, .news .posted-on a { color: var(--neutral-dark-mod-2); text-decoration: none; } .magazine .byline a:active, .magazine .byline a:hover, .magazine .posted-on a:active, .magazine .posted-on a:hover, .news .byline a:active, .news .byline a:hover, .news .posted-on a:active, .news .posted-on a:hover { color: var(--neutral-dark); } .magazine .updated:not(.published), .news .updated:not(.published) { display: none; } article.type-news .cta-box { background-color: var(--brand-primary-blue-tint); } article.type-news .text .pretext { color: var(--brand-primary-blue-shade); } article.type-news .text blockquote { border-left: 5px solid var(--brand-primary-blue); } article.type-news .quote::before { background-color: var(--brand-primary-blue); } article.type-news .table__figure { border-bottom: 4px solid var(--brand-primary-blue); } article.type-magazine .cta-box { background-color: var(--brand-primary-green-tint); } article.type-magazine .text .pretext { color: var(--brand-primary-green-shade); } article.type-magazine .text blockquote { border-left: 5px solid var(--brand-primary-green); } article.type-magazine .quote::before { background-color: var(--brand-primary-green); } article.type-magazine .table__figure { border-bottom: 4px solid var(--brand-primary-green); } .related-posts { border-top-left-radius: var(--rounded-s); border-top-right-radius: var(--rounded-s); margin-bottom: var(--space-m); margin-left: 0px; margin-right: 0px; margin-top: var(--space-m); } .related-posts__list { display: grid; gap: var(--space-s-l); grid-template-columns: repeat(12, 1fr); padding-left: 0px; } .related-post { display: grid; list-style-type: none; grid-column: span 12; margin: 0px; padding-left: 0px; } @media screen and (min-width: 600px) { .related-post { grid-column: span 4; } } .related-post__link { border-top-left-radius: var(--rounded-s); border-top-right-radius: var(--rounded-s); border-bottom: 3px solid var(--neutral-light-mod-2); padding-bottom: var(--space-m); text-decoration: none; width: 100%; } .related-post__image-container { -webkit-box-align: end; align-items: flex-end; aspect-ratio: 320 / 220; border-top-left-radius: var(--rounded-s); border-top-right-radius: var(--rounded-s); border-bottom-right-radius: var(--rounded-s); display: flex; overflow: hidden; position: relative; width: 100%; } .related-post__image { display: block; height: 100%; object-fit: cover; position: absolute; width: 100%; } .related-post__category { background-color: var(--neutral-light); bottom: -1px; color: var(--brand-primary-blue-shade); display: inline-block; font-size: var(--step--1); left: -1px; padding: var(--space-3xs) var(--space-2xs) var(--space-3xs) 1px; position: relative; } .related-post__heading { font-size: var(--step-0); margin-top: var(--space-xs); } @media screen and (max-width: 899px) { .site-categories { display: none; } } @media screen and (min-width: 900px) { .site-categories { border-bottom: 1px solid var(--neutral-light-mod-2); position: relative; width: 100%; } .site-categories__menu { display: flex; flex-wrap: wrap; gap: 2px; overflow: hidden; padding-left: var(--space-s-l); padding-right: var(--space-s-l); max-height: clamp(2.9375rem, 2.74344rem + 0.345vw, 3.0625rem); margin: 0px auto; max-width: var(--width-xl); } .site-categories__menu .menu-item { list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding: 4px; position: relative; } .site-categories__menu .menu-item.current-menu-item a { font-weight: 600; } .site-categories__menu .menu-item.current-menu-item::after { background-color: var(--brand-primary-blue); bottom: 0px; content: ""; display: block; height: 3px; left: 0px; pointer-events: none; position: absolute; right: 0px; } .site-categories__menu .menu-item a { font-size: var(--step--1); line-height: 1.2; padding: calc(var(--space-xs) - 4px); text-decoration: none; transition: color 250ms ease 0s; } .site-categories__menu .menu-item a:active, .site-categories__menu .menu-item a:hover { color: var(--brand-primary-blue-shade); } } .entry-header.entry-header--job { column-gap: var(--space-s); display: flex; row-gap: var(--space-xs); } @media screen and (max-width: 599px) { .entry-header.entry-header--job { flex-wrap: wrap; } } @media screen and (min-width: 600px) { .entry-header.entry-header--job { -webkit-box-align: center; align-items: center; } } .entry-header.entry-header--job .entry-header__image-container { -webkit-box-align: center; align-items: center; border-radius: var(--rounded-s); border: 1px solid var(--neutral-light-mod-2); display: flex; -webkit-box-pack: center; justify-content: center; height: 78px; min-width: 98px; padding: var(--space-2xs); width: 98px; } .entry-header.entry-header--job .entry-header__image { display: block; height: auto; width: 100%; } .entry-meta__list { column-gap: var(--space-s-m); display: flex; flex-wrap: wrap; padding-left: 0px; row-gap: var(--space-2xs); width: 100%; } .entry-meta__list-item { -webkit-box-align: center; align-items: center; column-gap: var(--space-2xs); display: flex; list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } .entry-meta__list-item.list-item--fullwdth { width: 100%; } .entry-meta__icon { background-color: var(--neutral-dark); display: block; height: 20px; mask-position: center center; mask-repeat: no-repeat; mask-size: 20px 20px; width: 20px; } .entry-meta__icon.has-company-icon { mask-image: var(--svg-briefcase); } .entry-meta__icon.has-location-icon { mask-image: var(--svg-location); } .entry-meta__icon.has-time-icon { mask-image: var(--svg-time); } .entry-meta__title.title--bold { font-weight: 600; } .entry-footer { margin-top: var(--space-m); } .header { margin-bottom: var(--space-s-l); position: relative; width: 100%; } .header.header--homepage { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; column-gap: var(--space-s); } .header.header--homepage::before { background-color: var(--neutral-light-mod-1); bottom: 0px; content: ""; display: block; height: 4px; position: absolute; width: 100%; } .header.header--homepage .header__column { padding-bottom: calc(var(--space-xs) + 4px); position: relative; } .header.header--homepage .header__column.column--1 { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; max-width: 485px; } .header.header--homepage .header__column.column--1::after { background-color: var(--brand-primary-green); bottom: 0px; content: ""; display: block; height: 4px; position: absolute; width: 100%; } .header.header--homepage .title { align-self: center; } .header .page-title { font-size: var(--step-3); margin-top: 0.1em; } .title { font-size: var(--step-1); position: relative; text-wrap: balance; } .lsi-logo-40th { display: block; height: clamp(2.3125rem, 1.9159rem + 1.983vw, 3.75rem); width: clamp(3rem, 2.4828rem + 2.586vw, 4.875rem); } .posts { display: grid; gap: var(--space-s-l); grid-template-columns: repeat(12, 1fr); margin: var(--space-s-l) 0; padding-left: 0px; } .post { list-style-type: none; grid-column: span 12; margin: 0px; padding-left: 0px; } @media screen and (min-width: 400px) { .post { grid-column: span 6; } } @media screen and (min-width: 900px) { .post { grid-column: span 3; } } .post.post--magazine-alt, .post.post--news { display: flex; } .post.post--magazine-alt .post__link, .post.post--news .post__link { border-bottom: 3px solid var(--neutral-light-mod-2); border-top-left-radius: var(--rounded-s); border-top-right-radius: var(--rounded-s); padding-bottom: var(--space-m); text-decoration: none; width: 100%; } .post.post--magazine-alt .post__link:active .post__image, .post.post--magazine-alt .post__link:hover .post__image, .post.post--news .post__link:active .post__image, .post.post--news .post__link:hover .post__image { transform: scale(1.1); } .post.post--magazine-alt .post__image-container, .post.post--news .post__image-container { -webkit-box-align: end; align-items: flex-end; aspect-ratio: 320 / 220; border-radius: var(--rounded-s); display: flex; overflow: hidden; position: relative; width: 100%; } .post.post--magazine-alt .post__image, .post.post--news .post__image { display: block; height: 100%; object-fit: cover; position: absolute; transition: transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s; width: 100%; } .post.post--magazine-alt .post__category, .post.post--news .post__category { background-color: var(--neutral-light); bottom: -1px; color: var(--brand-primary-blue-shade); display: inline-block; left: -1px; padding: var(--space-3xs) var(--space-2xs) var(--space-3xs) 1px; position: relative; } .post.post--magazine-alt .post__heading, .post.post--news .post__heading { font-size: var(--step-1); margin-top: var(--space-xs); word-break: break-word; } .post.post--magazine-alt .post__link { border-bottom: 3px solid var(--brand-primary-green); } .post.post--magazine-alt .post__date { color: var(--neutral-dark-mod-2); display: block; font-size: var(--step--1); margin-top: var(--space-xs); } .post.post--magazine-alt .post__heading { font-size: var(--step-0); margin-top: var(--space-2xs); } .post.post--magazine { display: flex; } .post.post--magazine .post__link { -webkit-box-align: end; align-items: flex-end; aspect-ratio: 4 / 3; background-color: rgb(204, 204, 204); border-radius: var(--rounded-s); display: flex; overflow: hidden; position: relative; text-decoration: none; width: 100%; } .post.post--magazine .post__link:active .post__image, .post.post--magazine .post__link:hover .post__image { transform: scale(1.1); } .post.post--magazine .post__image-container { position: absolute; inset: 0px; } .post.post--magazine .post__image { display: block; height: 100%; object-fit: cover; position: absolute; transition: transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s; width: 100%; } .post.post--magazine .post__text-container { padding: var(--space-s); position: relative; width: 100%; } .post.post--magazine .post__text-container::before { background: linear-gradient(rgba(0, 0, 0, 0) 0px, rgb(0, 0, 0) 100%); content: ""; inset: -50% 0px 0px; position: absolute; } .post.post--magazine .post__heading { color: var(--neutral-light); font-size: var(--step-1); margin-top: var(--space-xs); position: relative; word-break: break-word; } .post.post--magazine .post__category { color: var(--brand-primary-green); position: relative; } .post__category { font-size: var(--step--1); line-height: 1.2; } .no-posts-notice { font-weight: 600; margin-bottom: 0px; } .job-posts { display: grid; gap: var(--space-s-m); margin: var(--space-s-l) 0; padding-left: 0px; } .job-posts .job-post { list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; width: 100%; } .job-posts .job-post__link { display: grid; border-radius: var(--rounded-m); border: 1px solid var(--neutral-light-mod-2); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px 0px; column-gap: var(--space-m); -webkit-box-pack: justify; justify-content: space-between; padding: var(--space-m); row-gap: var(--space-s); text-decoration: none; width: 100%; } @media screen and (min-width: 600px) { .job-posts .job-post__link { display: flex; } } .job-posts .job-post__text-container { -webkit-box-flex: 1; flex: 1 1 0%; } @media screen and (max-width: 599px) { .job-posts .job-post__text-container { -webkit-box-ordinal-group: 3; order: 2; } } .job-posts .job-post__heading { font-size: var(--step-1); text-wrap: balance; } .job-posts .job-post__meta { display: grid; -webkit-box-flex: 1; flex: 1 1 0%; gap: var(--space-3xs); margin-top: var(--space-xs); width: 100%; } .job-posts .job-post__text { display: block; } .job-posts .job-post__text.text--bold { font-weight: 600; } .job-posts .job-post__image-container { -webkit-box-align: center; align-items: center; border-radius: var(--rounded-s); border: 1px solid var(--neutral-light-mod-2); display: flex; -webkit-box-pack: center; justify-content: center; height: 78px; min-width: 98px; padding: var(--space-2xs); width: 98px; } @media screen and (max-width: 599px) { .job-posts .job-post__image-container { -webkit-box-ordinal-group: 2; order: 1; } } .job-posts .job-post__image { display: block; height: auto; width: 100%; } .ad-banner { aspect-ratio: 400 / 250; display: block; margin: calc(var(--space-m) + var(--space-s)) auto; position: relative; width: 100%; } @media screen and (min-width: 600px) { .ad-banner { aspect-ratio: 728 / 90; margin: var(--space-s-l) auto; max-width: 728px; } } .sponsored { background-color: var(--neutral-dark); border-radius: var(--rounded-m); margin: var(--space-s-l) 0; padding: var(--space-s-l); } .sponsored__columns { display: grid; gap: var(--space-s-l); } @media screen and (min-width: 900px) { .sponsored__columns { grid-template-columns: repeat(12, 1fr); } } @media screen and (min-width: 900px) { .sponsored__column.column-1 { border-bottom: 3px solid var(--neutral-light); grid-column: span 2; } } @media screen and (min-width: 900px) { .sponsored__column.column-2 { grid-column: span 10; } } .sponsored__heading { color: var(--neutral-light); font-size: var(--step--1); } @media screen and (min-width: 900px) { .sponsored__heading { border-top: 10px solid var(--neutral-light); padding-top: var(--space-2xs); } } .sponsored__posts { display: grid; column-gap: var(--space-s); margin: 0px; padding-left: 0px; row-gap: var(--space-m); width: 100%; } @media screen and (min-width: 700px) { .sponsored__posts { grid-template-columns: repeat(3, 1fr); } } .sponsored__post { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 0px; padding-left: 0px; padding-bottom: var(--space-3xs); } @media screen and (min-width: 700px) { .sponsored__post { border-bottom: 3px solid var(--neutral-dark-mod-1); padding-bottom: var(--space-l); } } .sponsored__link { text-decoration: none; } .sponsored__image-container { aspect-ratio: 3 / 2; border-radius: var(--rounded-s); overflow: hidden; position: relative; width: 100%; } .sponsored__image { display: block; height: 100%; object-fit: cover; position: absolute; width: 100%; } .sponsored__video-container { aspect-ratio: 3 / 2; border-radius: var(--rounded-s); overflow: hidden; position: relative; width: 100%; } .sponsored__video-container iframe { display: block; height: 100%; object-fit: cover; position: absolute; width: 100%; } .sponsored__play-button { appearance: none; aspect-ratio: 3 / 2; background-color: transparent; border: none; border-radius: var(--rounded-s); cursor: pointer; overflow: hidden; padding: 0px; position: relative; width: 100%; } .sponsored__play-icon { -webkit-box-align: center; align-items: center; background-color: rgb(255, 255, 255); border-radius: 50%; bottom: var(--space-s); display: flex; height: 64px; -webkit-box-pack: center; justify-content: center; position: absolute; right: var(--space-s); width: 64px; } .sponsored__play-icon::before { content: ""; border-style: solid; border-color: transparent transparent transparent var(--neutral-dark); border-width: 10px 0px 10px 18px; height: 0px; margin-left: 3px; transition: border-color 250ms ease 0s; width: 0px; } .sponsored__play-icon:active::before, .sponsored__play-icon:hover::before { border-color: transparent transparent transparent var(--brand-primary-green); } .sponsored__text-container { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-top: var(--space-xs); } .sponsored__title { color: var(--neutral-light); font-size: var(--step-1); margin-bottom: var(--space-2xs); word-break: break-word; } .sponsored__excerpt { color: var(--neutral-light); font-size: var(--step--1); line-height: 1.2; margin-bottom: var(--space-m); margin-top: 0px; } .sponsored__link-button { -webkit-box-align: center; align-items: center; display: flex; gap: 10px; margin-top: auto; } .sponsored__link-button:active .sponsored__link-title, .sponsored__link-button:hover .sponsored__link-title { color: var(--brand-primary-green); } .sponsored__link-title { color: var(--neutral-light); text-decoration: underline 0.05em; text-underline-offset: 5px; transition: color 250ms ease 0s; } .sponsored__external-icon { background-color: var(--brand-primary-green); display: block; height: 24px; mask-image: var(--svg-external-link); mask-repeat: no-repeat; mask-position: center center; mask-size: 24px 24px; min-height: 24px; min-width: 24px; transition: background-color 0.35s ease 0s; width: 24px; } .link-button { background-color: var(--neutral-dark); border-radius: 50px; color: var(--neutral-light); display: flex; font-size: var(--step--1); font-weight: 600; -webkit-box-pack: center; justify-content: center; line-height: 1.2; padding: var(--space-xs) var(--space-m); position: relative; text-align: center; text-decoration: none; transition: background-color 250ms ease 0s, color 250ms ease 0s; width: fit-content; } .link-button::before { border-radius: 50px; content: ""; inset: 0px; position: absolute; } .link-button.link-button--small { padding: var(--space-2xs) var(--space-s); } .link-button.link-button--dark { background-color: var(--neutral-dark); color: var(--neutral-light); } .link-button.link-button--dark::before { box-shadow: inset 0 0 0 1px var(--neutral-dark); } .link-button.link-button--dark:active, .link-button.link-button--dark:hover { background-color: var(--neutral-light); color: var(--neutral-dark); } .link-button.link-button--light { background-color: var(--neutral-light); color: var(--neutral-dark); } .link-button.link-button--light::before { box-shadow: inset 0 0 0 1px var(--neutral-dark); } .link-button.link-button--light:active, .link-button.link-button--light:hover { background-color: var(--neutral-dark); color: var(--neutral-light); } .link-button.link-button--grey { background-color: var(--neutral-light-mod-1); color: var(--neutral-dark); } .link-button.link-button--grey::before { box-shadow: inset 0 0 0 1px var(--neutral-light-mod-1); } .link-button.link-button--grey:active, .link-button.link-button--grey:hover { background-color: var(--neutral-light); color: var(--neutral-dark); } .cta-box { -webkit-box-align: center; align-items: center; border-radius: var(--rounded-m); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: var(--space-m); margin-left: auto; margin-right: auto; margin-top: var(--space-m); padding: var(--space-m); text-align: center; text-wrap: pretty; } .cta-box.has-normal-width { max-width: var(--width-xs); } .cta-box.has-full-width { max-width: var(--width-xl); } .cta-box.has-2-column-width .cta-box__columns { -webkit-box-align: center; align-items: center; column-gap: var(--space-m); display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; max-width: var(--width-xl); row-gap: var(--space-xs); width: 100%; } .cta-box.has-2-column-width .cta-box__column.column-1 { text-align: left; } .cta-box.has-2-column-width .cta-box__paragraph { margin-bottom: 0px; } .cta-box.has-green-tint-background-color { background-color: var(--brand-primary-green-tint); } .cta-box.has-blue-tint-background-color { background-color: var(--brand-primary-blue-tint); } .cta-box h2 { font-size: var(--step-1); } .cta-box p { margin-bottom: 1em; margin-top: 0.65em; } .cta-job-box { background-color: var(--brand-primary-blue-tint); border-radius: var(--rounded-m); padding: var(--space-m); } .cta-job-box__columns { -webkit-box-align: end; align-items: flex-end; column-gap: var(--space-m); display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; row-gap: var(--space-xs); } .cta-job-box h2 { font-size: var(--step-2); } .cta-job-box p:first-of-type { margin-top: 0.4em; } .cta-job-box p:last-of-type { margin-bottom: 0px; } .quote { margin-bottom: calc(var(--space-m) + var(--space-s)); margin-left: 0px; margin-right: 0px; margin-top: calc(var(--space-m) + var(--space-s)); } .quote::before { content: ""; background-color: var(--brand-primary-blue); display: block; height: 32px; margin-bottom: var(--space-xs); mask-image: var(--svg-quote-marks); mask-position: center center; mask-repeat: no-repeat; mask-size: 50px 32px; width: 50px; } .quote__blockquote { margin: 0px; } .quote__blockquote p { font-size: var(--step-1); font-weight: 700; line-height: 1.2; text-wrap: pretty; } .quote__blockquote p:first-of-type { margin-top: var(--space-xs); } .quote__blockquote p:last-of-type { margin-bottom: var(--space-xs); } .quote__figcaption { font-size: var(--step--1); line-height: 1.2; } .term-list { border-bottom: 3px solid var(--neutral-light-mod-2); border-top: 1px solid var(--neutral-light-mod-2); display: flex; gap: var(--space-2xs); flex-wrap: wrap; padding-bottom: var(--space-s); padding-left: 0px; padding-top: var(--space-s); margin-bottom: var(--space-m) !important; margin-top: var(--space-m) !important; } .term-list-item { list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } .image-gallery { display: grid; gap: var(--space-s-l); grid-template-columns: repeat(1, 1fr); margin-bottom: var(--space-m); margin-top: var(--space-m); padding-left: 0px; } .image-gallery--overflow { background-color: var(--neutral-light-mod-1); border-radius: var(--rounded-s); gap: var(--space-s); padding: var(--space-s); } @media screen and (min-width: 600px) { .image-gallery.has-1-max-columns { grid-template-columns: repeat(1, 1fr); } } @media screen and (min-width: 600px) { .image-gallery.has-2-max-columns { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 600px) { .image-gallery.has-3-max-columns { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 900px) { .image-gallery.has-3-max-columns { grid-template-columns: repeat(3, 1fr); } } .image-gallery__list-item { list-style-type: none; margin: 0px; padding-left: 0px; } .image-gallery__link { border-radius: var(--rounded-s); display: block; text-decoration: none; width: 100%; } .image-gallery__figure { margin: 0px; } .image-gallery__image-container { aspect-ratio: 3 / 2; border-radius: var(--rounded-s); overflow: hidden; position: relative; } .image-gallery__image { display: block; height: 100%; object-fit: cover; width: 100%; } .image-gallery__counter-container { -webkit-box-align: center; align-items: center; aspect-ratio: 3 / 2; border-radius: var(--rounded-s); background-color: var(--neutral-light-mod-2); display: flex; -webkit-box-pack: center; justify-content: center; position: relative; } .image-gallery__counter { color: var(--neutral-dark); font-size: var(--step-0); font-weight: 700; } .image-gallery__enlarge-button { -webkit-box-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.8); border-radius: var(--rounded-s); display: flex; height: 34px; -webkit-box-pack: center; justify-content: center; position: absolute; right: 10px; top: 10px; transition: background-color 250ms ease 0s; width: 34px; } .image-gallery__enlarge-button:active, .image-gallery__enlarge-button:hover { background-color: rgb(0, 0, 0); } .image-gallery__enlarge-button::before { background-color: var(--neutral-light); content: ""; display: block; height: 24px; mask-image: var(--svg-maximise); mask-position: center center; mask-repeat: no-repeat; mask-size: 24px 24px; width: 24px; } .image-gallery__enlarge-button-title { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .image-gallery__credit { background-color: var(--neutral-dark); bottom: 0px; color: var(--neutral-light); font-size: 0.75rem; left: 0px; padding: 3px 6px; position: absolute; } .image-gallery__figcaption { color: var(--neutral-dark-mod-2); font-size: var(--step--1); line-height: 1.2; margin-top: var(--space-2xs); } .image-gallery__title { -webkit-box-align: center; align-items: center; aspect-ratio: 3 / 2; background-color: var(--neutral-light-mod-2); border-radius: var(--rounded-s); display: flex; font-size: var(--step-0); font-weight: 600; -webkit-box-pack: center; justify-content: center; overflow: hidden; position: relative; } .error404 .site-main { display: block; padding-bottom: var(--space-3xl); padding-top: var(--space-3xl); } .error404 .page-content, .error404 .page-header { -webkit-box-align: center; align-items: center; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center; text-wrap: balance; } .error404 .page-title { font-size: var(--step-3); margin-bottom: var(--space-2xs); } .error404 .link-button { margin-top: var(--space-2xs); } .text h2, .text h3, .text h4, .text h5, .text h6 { margin-bottom: var(--space-s); margin-top: var(--space-m); } .text h2 { font-size: var(--step-2); } .text h3 { font-size: var(--step-1); } .text h4 { font-size: var(--step-0); } .text h5, .text h6 { font-size: var(--step--1); } .text .pretext { color: var(--brand-primary-blue-shade); font-weight: 600; } .text p { color: var(--neutral-dark-mod-1); margin-bottom: var(--space-s); margin-top: var(--space-s); } .text p img { border-radius: var(--rounded-s); display: block; height: auto; width: 100%; } .text ol, .text ul { color: var(--neutral-dark-mod-1); margin-bottom: var(--space-s); margin-top: var(--space-s); } .text blockquote { border-left: 5px solid var(--brand-primary-blue); font-size: var(--step-0); font-weight: 700; margin-bottom: var(--space-m); margin-left: 0px; margin-right: 0px; margin-top: var(--space-m); padding: var(--space-m); } .text blockquote p { line-height: 1.3; margin-bottom: 0px; margin-top: 0px; } .text a { color: var(--brand-primary-green-shade); text-decoration-color: var(--brand-primary-green-shade); } .text a:active, .text a:hover { text-decoration-color: var(--brand-primary-green-shade); } .full-image { margin: var(--space-l) 0 calc(var(--space-l) + .25em); width: 100%; } .full-image__container { border-radius: var(--rounded-s); overflow: hidden; position: relative; width: 100%; } .full-image__image { display: block; height: auto; width: 100%; } .full-image__credit { background-color: rgb(0, 0, 0); bottom: 0px; color: var(--neutral-light); font-size: 0.75rem; left: 0px; padding: 3px 6px; position: absolute; } .full-image__figcaption { color: var(--neutral-dark-mod-2); font-size: var(--step--1); line-height: 1.2; margin-top: var(--space-2xs); } .video { margin: var(--space-m) 0; width: 100%; } .video__container { aspect-ratio: 16 / 9; border-radius: var(--rounded-s); overflow: hidden; position: relative; width: 100%; } .video__container iframe { height: 100%; position: absolute; width: 100%; } .video__figcaption { color: var(--neutral-dark-mod-2); font-size: var(--step--1); line-height: 1.2; margin-top: var(--space-2xs); } .links { display: flex; flex-wrap: wrap; gap: var(--space-2xs); margin: var(--space-m) 0; padding-left: 0px; width: 100%; } .links__list-item { list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } .ad-feature { aspect-ratio: 440 / 290; display: flex; position: relative; width: 100%; } @media screen and (max-width: 599px) { .ad-feature { grid-column: 1 / 13; margin-bottom: var(--space-m); margin-top: var(--space-m); } } @media screen and (min-width: 600px) and (max-width: 899px) { .ad-feature { grid-column: 1 / 7; } } .ad-left { aspect-ratio: 200 / 1050; max-width: 200px; min-width: 150px; position: sticky; top: 80px; } .ad-right { aspect-ratio: 200 / 1050; max-width: 200px; min-width: 150px; position: sticky; top: 80px; } .team-members__heading { font-size: var(--step-1); } .team-members__list { padding-left: 0px; } .team-members__list-item { background-color: var(--neutral-light); border: 1px solid var(--neutral-light-mod-2); border-radius: var(--rounded-m); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px 0px; display: flex; flex-wrap: wrap; gap: var(--space-m); padding: var(--space-m-l); position: relative; } .team-members__list-item.accent-color-green .team-members__image-container::before { background-color: var(--brand-primary-green); } .team-members__list-item.accent-color-green .team-members__contact-link { color: var(--brand-primary-green-shade); } .team-members__list-item.accent-color-blue .team-members__image-container::before { background-color: var(--brand-primary-blue); } .team-members__list-item.accent-color-blue .team-members__contact-link { color: var(--brand-primary-blue-shade); } .team-members__list-item.accent-color-orange .team-members__image-container::before { background-color: var(--brand-primary-orange); } .team-members__list-item.accent-color-orange .team-members__contact-link { color: var(--brand-primary-orange-shade); } .team-members__list-item.accent-color-purple .team-members__image-container::before { background-color: var(--brand-primary-purple); } .team-members__list-item.accent-color-purple .team-members__contact-link { color: var(--brand-primary-purple-shade); } .team-members__social-link { display: block; height: 24px; position: absolute; right: var(--space-m-l); top: var(--space-m-l); width: 24px; } .team-members__social-icon { background-color: rgb(0, 114, 177); display: block; height: 24px; mask-position: center center; mask-repeat: no-repeat; mask-size: 24px 24px; transition: background-color 0.25s ease 0s; width: 24px; } .team-members__social-icon.has-linkedin-icon { mask-image: var(--svg-linkedin); } .team-members__social-text { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } @media screen and (max-width: 599px) { .team-members__column { width: 100%; } } .team-members__column.column-2 { -webkit-box-flex: 1; flex: 1 1 0%; } .team-members__image-container { aspect-ratio: 1 / 1; border-radius: 50%; position: relative; width: clamp(10.5rem, 9.638rem + 4.31vw, 13.625rem); } .team-members__image-container::before { aspect-ratio: 1 / 1; background-color: var(--brand-primary-green); bottom: 0px; content: ""; display: block; left: 0px; position: absolute; width: 50%; } .team-members__image { border-radius: 50%; display: block; height: 100%; object-fit: cover; position: relative; width: 100%; } .team-members__name { font-size: var(--step-1); } .team-members__role { display: block; font-size: var(--step--1); font-weight: var(--font-bold); line-height: 1.2; margin-top: var(--space-3xs); } .team-members__contact-list { column-gap: var(--space-s); display: flex; flex-wrap: wrap; margin-bottom: var(--space-2xs); margin-top: var(--space-2xs); padding-left: 0px; } .team-members__contact-list-item { list-style-type: none; margin: 0px; padding-left: 0px; } .team-members__contact-link { text-decoration-color: inherit; } .team-members__text-container { max-height: 4.3em; overflow: hidden; position: relative; transition: max-height 0.4s ease 0s; } .team-members__text-container > :first-child { margin-top: 0px; } .team-members__text-container > :last-child { margin-bottom: 0px; } .team-members__text-container::after { background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); bottom: 0px; content: ""; height: 2.6em; left: 0px; right: 0px; pointer-events: none; position: absolute; transition: opacity 0.3s ease 0s; } .team-members__text-container--expanded { max-height: 1000px; } .team-members__text-container--expanded::after { opacity: 0; } .team-members__link-button { appearance: none; border: none; cursor: pointer; -webkit-box-pack: center; justify-content: center; margin-top: var(--space-s); min-width: 141px; } .advertise__list { display: grid; gap: var(--space-s-l); grid-template-columns: repeat(12, 1fr); margin-bottom: var(--space-s-l); margin-top: var(--space-s-l); padding-left: 0px; } .advertise__list-item { border-radius: var(--rounded-m); border: 1px solid; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px 0px; grid-column: span 12; list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding: var(--space-m-l); text-align: center; } @media screen and (min-width: 700px) { .advertise__list-item { grid-column: span 6; } } .advertise__list-item.has-white-background-color { border-color: var(--neutral-light-mod-2); } .advertise__list-item.has-green-tint-background-color { border-color: var(--brand-primary-green); } .advertise__image { display: block; margin: 0 auto var(--space-s) auto; max-width: 70px; width: 100%; } .advertise__heading { font-size: var(--step-2); } .advertise__paragraph { color: var(--neutral-dark-mod-1); } .advertise__link-button { justify-self: center; margin-top: var(--space-m); margin-left: auto; margin-right: auto; } .advertise__subheading { border-top: 1px solid var(--neutral-light-mod-2); font-size: var(--step-0); margin-top: var(--space-m-l); padding-top: var(--space-m); text-align: left; width: 100%; } .advertise__points { margin-bottom: 0px; padding-left: 34px; text-align: left; } .advertise__point { color: var(--neutral-dark-mod-1); display: flex; list-style-type: none; margin-bottom: 0.7em; margin-top: 0.7em; padding-left: 0px; position: relative; } .advertise__point:last-of-type { margin-bottom: 0px; } .advertise__point::before { border-radius: 50%; background-color: var(--brand-primary-green); content: ""; display: block; height: 24px; left: -34px; mask-image: var(--svg-tick); mask-position: center center; mask-repeat: no-repeat; mask-size: 24px 24px; position: absolute; top: 0.1em; width: 24px; } .notices__list { display: grid; gap: var(--space-s-l); grid-template-columns: repeat(12, 1fr); margin-bottom: var(--space-s-l); margin-top: var(--space-m-l); padding-left: 0px; } .notices__list-item { background-color: var(--brand-primary-green-tint); border-left: 5px solid var(--brand-primary-green); grid-column: span 12; list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding: var(--space-m-l); } @media screen and (min-width: 700px) { .notices__list-item { grid-column: span 6; } } .notices__list-item.has-icon .notices__column.column-1 { width: 100%; } @media screen and (min-width: 1000px) { .notices__list-item.has-icon .notices__column.column-1 { width: 83%; } } .notices__list-item.has-icon .notices__column.column-2 { width: 100%; } @media screen and (min-width: 1000px) { .notices__list-item.has-icon .notices__column.column-2 { -webkit-box-align: start; align-items: flex-start; display: flex; -webkit-box-pack: end; justify-content: flex-end; width: 17%; } } .notices__list-item.has-icon .notices__image { max-width: 100px; } .notices__list-item.has-image .notices__column.column-1 { width: 100%; } @media screen and (min-width: 1000px) { .notices__list-item.has-image .notices__column.column-1 { width: 60%; } } .notices__list-item.has-image .notices__column.column-2 { width: 100%; } @media screen and (min-width: 1000px) { .notices__list-item.has-image .notices__column.column-2 { width: 40%; } } .notices__list-item.has-image .notices__image { box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 20px 0px; } .notices__columns { column-gap: var(--space-m-l); display: flex; flex-wrap: wrap; row-gap: var(--space-m); } .notices__column.column-1 { -webkit-box-flex: 1; flex: 1 1 0%; } .notices__column.column-1 > :first-child { margin-top: 0px; } .notices__column.column-1 > :last-child { margin-bottom: 0px; } .notices__column.column-1 a { color: var(--brand-primary-green-shade); text-decoration-color: var(--brand-primary-green-shade); } .notices__heading { font-size: var(--step-1); margin-bottom: var(--space-s); } .notices__subheading { font-size: var(--step-0); } .notices__contact-list { margin-bottom: var(--space-s); margin-top: var(--space-s); padding-left: 0px; } .notices__contact-list-item { list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } .notices__link { color: var(--brand-primary-green-shade); } .notices__image { display: block; } @media screen and (min-width: 1000px) { .notices__image { height: auto; width: 100%; } } .subscribe { border-radius: var(--rounded-m); border: 1px solid; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px 0px; margin-bottom: var(--space-s-l); margin-top: var(--space-s-l); padding: var(--space-m-l); } .subscribe.has-white-background-color { background-color: var(--neutral-light); border-color: var(--neutral-light-mod-2); } .subscribe.has-green-tint-background-color { background-color: var(--brand-primary-green-tint); border-color: var(--brand-primary-green); } .subscribe__image { box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 20px 0px; display: block; height: auto; max-width: clamp(6.9375rem, 6.4203rem + 2.586vw, 8.8125rem); width: 100%; } .subscribe__columns { gap: var(--space-m-l); display: flex; flex-wrap: wrap; } @media screen and (max-width: 599px) { .subscribe__column { -webkit-box-align: center; align-items: center; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center; width: 100%; } } @media screen and (min-width: 600px) { .subscribe__column.column-2 { -webkit-box-flex: 1; flex: 1 1 0%; } } .subscribe__heading { font-size: var(--step-1); } @media screen and (min-width: 600px) { .subscribe__heading { margin-top: var(--space-2xs); } } .subscribe__paragraph { margin-bottom: var(--space-xs); margin-top: var(--space-xs); } .subscribe__controls { -webkit-box-align: center; align-items: center; display: flex; flex-wrap: wrap; gap: var(--space-s-l); -webkit-box-pack: justify; justify-content: space-between; margin-top: var(--space-m-l); } @media screen and (max-width: 599px) { .subscribe__controls { -webkit-box-pack: center; justify-content: center; text-align: center; } } @media screen and (min-width: 600px) { .subscribe__controls { border-top: 1px solid var(--neutral-light-mod-2); padding-top: var(--space-m-l); } } .subscribe__controls .subscribe__list { margin: 0px; } .subscribe__subheading { font-size: var(--step-0); } @media screen and (max-width: 599px) { .subscribe__subheading { text-align: center; } } .subscribe__list { display: flex; gap: var(--space-2xs); margin: var(--space-s) 0 0 0; padding-left: 0px; } @media screen and (max-width: 599px) { .subscribe__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-top: var(--space-2xs); width: 100%; } } @media screen and (min-width: 600px) { .subscribe__list { -webkit-box-align: center; align-items: center; } } .subscribe__list-item { list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } @media screen and (max-width: 599px) { .subscribe__list-item:nth-child(1) { -webkit-box-ordinal-group: 3; order: 2; } } @media screen and (max-width: 599px) { .subscribe__list-item:nth-child(2) { -webkit-box-ordinal-group: 2; order: 1; } } .subscribe__link { color: var(--brand-primary-green-shade); text-decoration-color: var(--brand-primary-green-shade); text-decoration-thickness: 0.07em; text-underline-offset: 4px; } .subscribe__link:active, .subscribe__link:hover { text-decoration-color: var(--brand-primary-green-shade); } @media screen and (min-width: 600px) { .subscribe__link { margin-right: var(--space-2xs); } } @media screen and (max-width: 599px) { .subscribe__link-button { margin-left: auto; margin-right: auto; max-width: 260px; width: 100%; } } .download-app { border-bottom: 1px solid var(--neutral-light-mod-2); border-top: 3px solid var(--neutral-light-mod-2); margin-bottom: var(--space-s-l); margin-top: var(--space-s-l); padding-bottom: var(--space-s-l); padding-top: var(--space-s-l); } .download-app__columns { display: flex; flex-wrap: wrap; } @media screen and (min-width: 600px) { .download-app__columns { -webkit-box-align: center; align-items: center; gap: var(--space-l); } } @media screen and (min-width: 600px) { .download-app__column.column-2 { align-self: flex-end; -webkit-box-flex: 1; flex: 1 1 0%; } } @media screen and (max-width: 599px) { .download-app__image { display: none; } } @media screen and (min-width: 600px) { .download-app__image { aspect-ratio: 1 / 1; display: block; height: auto; max-width: 184px; width: 100%; } } .download-app__heading { font-size: var(--step-1); margin-bottom: var(--space-s); } .download-app__paragraph { margin-bottom: var(--space-xs); margin-top: var(--space-xs); } .download-app__list { display: flex; gap: var(--space-xs); margin-bottom: 0px; margin-top: var(--space-s); padding-left: 0px; } .download-app__list-item { list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } .download-app__button { border-radius: 6px; box-shadow: rgb(204, 204, 204) 0px 0px 0px 0px; display: block; height: 40px; overflow: hidden; transition: box-shadow 250ms ease 0s, -webkit-box-shadow 250ms ease 0s; } .download-app__button:active, .download-app__button:hover { box-shadow: rgb(204, 204, 204) 0px 0px 0px 3px; } .download-app__button-image { display: block; height: 40px; width: auto; } .download-app__button-title { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .regulars__heading { text-align: center; margin-bottom: var(--space-m-xl); } .regulars-slider { border-radius: var(--rounded-m); border: 1px solid var(--neutral-light-mod-2); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px 0px; padding: var(--space-l); position: relative; width: 100%; } @media screen and (min-width: 1100px) { .regulars-slider { padding: var(--space-l) 0; } } .regulars-slider__swiper { overflow: hidden; width: calc(100% - clamp(3.125rem, 0.8836rem + 11.207vw, 11.25rem)); } @media screen and (min-width: 1100px) { .regulars-slider__swiper.swiper { padding-left: 100px; padding-right: 100px; width: 100%; } .regulars-slider__swiper.swiper::before { content: ""; display: block; height: 100%; width: 96px; background-color: rgb(255, 255, 255); opacity: 0.9; pointer-events: none; position: absolute; left: 0px; top: 0px; z-index: 19; } .regulars-slider__swiper.swiper::after { content: ""; display: block; height: 100%; width: 96px; background-color: rgb(255, 255, 255); opacity: 0.9; pointer-events: none; position: absolute; right: 0px; top: 0px; z-index: 20; } } .regulars-slider__swiper-slide.accent-color-green .regulars-slider__image-container::before { background-color: var(--brand-primary-green); } .regulars-slider__swiper-slide.accent-color-green .regulars-slider__blockquote::before { background-color: var(--brand-primary-green); } .regulars-slider__swiper-slide.accent-color-blue .regulars-slider__image-container::before { background-color: var(--brand-primary-blue); } .regulars-slider__swiper-slide.accent-color-blue .regulars-slider__blockquote::before { background-color: var(--brand-primary-blue); } .regulars-slider__swiper-slide.accent-color-orange .regulars-slider__image-container::before { background-color: var(--brand-primary-orange); } .regulars-slider__swiper-slide.accent-color-orange .regulars-slider__blockquote::before { background-color: var(--brand-primary-orange); } .regulars-slider__swiper-slide.accent-color-purple .regulars-slider__image-container::before { background-color: var(--brand-primary-purple); } .regulars-slider__swiper-slide.accent-color-purple .regulars-slider__blockquote::before { background-color: var(--brand-primary-purple); } .regulars-slider__link { text-align: center; text-decoration: none; } .regulars-slider__link::selection { background: 0px 0px; color: inherit; } .regulars-slider__image-container { aspect-ratio: 1 / 1; border-radius: 50%; position: relative; width: clamp(5.625rem, 5.4526rem + 0.862vw, 6.25rem); margin-bottom: var(--space-s); margin-left: auto; margin-right: auto; } .regulars-slider__image-container::before { aspect-ratio: 1 / 1; background-color: var(--brand-primary-green); bottom: 0px; content: ""; display: block; left: 0px; position: absolute; width: 50%; } .regulars-slider__image { border-radius: 50%; display: block; height: 100%; object-fit: cover; position: relative; width: 100%; } .regulars-slider__image::selection { background: 0px 0px; color: inherit; } .regulars-slider__heading { font-size: var(--step-0); margin-bottom: var(--space-3xs); word-break: break-word; } .regulars-slider__heading::selection { background: 0px 0px; color: var(--neutral-dark); } .regulars-slider__title { font-size: var(--step--1); margin-bottom: var(--space-xs); word-break: break-word; } .regulars-slider__title::selection { background: 0px 0px; color: var(--neutral-dark); } .regulars-slider__blockquote { margin: 0px; } .regulars-slider__blockquote::before { background-color: var(--brand-primary-green); content: ""; display: block; height: 20px; margin-left: auto; margin-right: auto; margin-top: 0px; mask-image: var(--svg-quote-marks); mask-position: center center; mask-repeat: no-repeat; mask-size: 50px 20px; width: 50px; } .regulars-slider__paragraph { font-size: var(--step--1); word-break: break-word; } .regulars-slider__paragraph::selection { background: 0px 0px; color: var(--neutral-dark); } .regulars-slider__paragraph:first-child { margin-top: var(--space-2xs); } .post-job__heading { border-top: 1px solid var(--neutral-light-mod-2); padding-top: var(--space-m); width: 100%; } .advertise-job { border-bottom: 1px solid var(--neutral-light-mod-2); margin-bottom: var(--space-m-l); } .advertise-job__list { display: grid; gap: var(--space-s-l); grid-template-columns: repeat(12, 1fr); margin-bottom: var(--space-s-l); margin-top: var(--space-s-l); padding-left: 0px; } .advertise-job__list-item { border-radius: var(--rounded-m); border: 1px solid; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px 0px; grid-column: span 12; list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding: var(--space-m-l); text-align: center; } @media screen and (min-width: 700px) { .advertise-job__list-item { grid-column: span 6; } } .advertise-job__list-item.has-white-background-color { border-color: var(--neutral-light-mod-2); } .advertise-job__list-item.has-green-tint-background-color { border-color: var(--brand-primary-green); } .advertise-job__heading { font-size: var(--step-2); } .advertise-job__heading span { font-size: var(--step--1); font-weight: 400; } .advertise-job__price { display: block; font-size: var(--step-4); font-weight: 600; margin-top: var(--space-s); } .advertise-job__paragraph { color: var(--neutral-dark-mod-1); margin-bottom: 0.7em; margin-top: 0.7em; text-align: left; } .advertise-job__link-button { justify-self: center; margin-top: 0.2em; } .advertise-job__subheading { border-top: 1px solid var(--neutral-light-mod-2); font-size: var(--step-0); margin-bottom: var(--space-m); margin-top: var(--space-m-l); padding-top: var(--space-m); text-align: center; width: 100%; } .advertise-job__points { margin-bottom: 0px; margin-top: var(--sapce-s); padding-left: 34px; text-align: left; } .advertise-job__point { color: var(--neutral-dark-mod-1); display: flex; list-style-type: none; margin-bottom: 0.7em; margin-top: 0.7em; padding-left: 0px; position: relative; } .advertise-job__point:last-of-type { margin-bottom: 0px; } .advertise-job__point::before { border-radius: 50%; background-color: var(--brand-primary-green); content: ""; display: block; height: 24px; left: -34px; mask-image: var(--svg-tick); mask-position: center center; mask-repeat: no-repeat; mask-size: 24px 24px; position: absolute; top: 0.1em; width: 24px; } .contact { border-bottom: 1px solid var(--neutral-light-mod-2); margin-bottom: var(--space-m-l); } .contact__columns { display: grid; gap: var(--space-s-l); grid-template-columns: repeat(12, 1fr); margin-bottom: var(--space-s-l); margin-top: var(--space-s-l); padding-left: 0px; } .contact__column { grid-column: span 12; list-style-type: none; } @media screen and (min-width: 700px) { .contact__column { grid-column: span 6; } } .contact__heading { font-size: var(--step-1); } .contact__address { display: grid; margin-bottom: var(--space-xs); margin-top: var(--space-xs); font-style: normal; } .contact__address-line { color: var(--neutral-dark-mod-1); font-size: var(--step-0); } .contact__legal { color: var(--neutral-dark-mod-1); display: block; font-size: var(--step--1); } .contact__list { margin-bottom: var(--space-xs); margin-top: var(--space-xs); padding-left: 0px; } .contact__list-item { list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } .contact__link { color: var(--brand-primary-green-shade); text-decoration-color: var(--brand-primary-green-shade); text-decoration-thickness: 0.07em; text-underline-offset: 4px; } .contact__link:active, .contact__link:hover { text-decoration-color: var(--brand-primary-green-shade); } .contact__link-button { margin-top: var(--space-m-l); } .app-promotion { background-color: rgb(234, 235, 236); border-radius: var(--rounded-m); margin-bottom: var(--space-s-l); margin-top: var(--space-s-l); padding: var(--space-m-xl) var(--space-m-xl) 0 var(--space-m-xl); } .app-promotion__columns { display: grid; grid-template-columns: repeat(6, 1fr); } @media screen and (min-width: 700px) { .app-promotion__columns { gap: var(--space-xl); grid-template-columns: repeat(6, 1fr); } } @media screen and (min-width: 700px) { .app-promotion__column { grid-column: span 6; } } .app-promotion__column.column-1 { align-self: center; grid-column: span 6; } @media screen and (min-width: 700px) { .app-promotion__column.column-1 { grid-column: span 4; margin-bottom: var(--space-xl); } } .app-promotion__column.column-2 { -webkit-box-align: end; align-items: flex-end; display: flex; } @media screen and (max-width: 699px) { .app-promotion__column.column-2 { padding-top: var(--space-l); grid-column: 1 / 7; } } @media screen and (min-width: 700px) { .app-promotion__column.column-2 { grid-column: span 2; } } .app-promotion__heading { font-size: var(--step-2); margin-bottom: var(--rounded-m); } .app-promotion__points { margin-bottom: 0px; padding-left: 34px; text-align: left; } .app-promotion__point { color: var(--neutral-dark-mod-1); display: flex; list-style-type: none; margin-bottom: 0.7em; margin-top: 0.7em; padding-left: 0px; position: relative; } .app-promotion__point:last-of-type { margin-bottom: 0px; } .app-promotion__point::before { border-radius: 50%; background-color: var(--brand-primary-green); content: ""; display: block; height: 24px; left: -34px; mask-image: var(--svg-tick); mask-position: center center; mask-repeat: no-repeat; mask-size: 24px 24px; position: absolute; top: 0.1em; width: 24px; } .app-promotion__image-container { width: 100%; } .app-promotion__image { display: block; height: auto; width: 100%; } .app-images { border-radius: var(--rounded-m); margin-bottom: var(--space-s-l); margin-top: var(--space-s-l); } @media screen and (min-width: 700px) { .app-images { background-color: var(--brand-primary-green-tint); padding: var(--space-m-l) var(--space-xl) 0 var(--space-xl); } } .app-images__columns { display: grid; gap: var(--space-s-l); } @media screen and (min-width: 700px) { .app-images__columns { gap: var(--space-2xl); grid-template-columns: repeat(3, 1fr); } } .app-images__column { grid-column: span 12; list-style-type: none; text-align: center; } @media screen and (max-width: 699px) { .app-images__column { background-color: var(--brand-primary-green-tint); border-radius: var(--rounded-m); padding: var(--space-m-l) var(--space-m-l) 0 var(--space-m-l); } } @media screen and (min-width: 700px) { .app-images__column { grid-column: span 1; } } .app-images__heading { font-size: var(--step--1); margin-bottom: var(--rounded-s); } .app-images__paragraph { color: var(--neutral-dark-mod-1); font-size: var(--step--1); } .app-images__paragraph:first-of-type { margin-top: 0px; } .app-images__paragraph:last-of-type { margin-bottom: 0px; } .app-images__image-container { padding-top: var(--space-s-m); width: 100%; } .app-images__image { display: block; height: auto; width: 100%; } .magazine-links { display: grid; gap: var(--space-s-l); grid-template-columns: repeat(12, 1fr); margin: var(--space-s-l) 0; padding-left: 0px; } @media screen and (min-width: 500px) { .magazine-links.max-columns-3 .magazine-link { grid-column: span 4; } } @media screen and (min-width: 500px) { .magazine-links.max-columns-4 .magazine-link { grid-column: span 6; } } @media screen and (min-width: 800px) { .magazine-links.max-columns-4 .magazine-link { grid-column: span 3; } } .magazine-link { list-style-type: none; display: grid; grid-column: span 12; margin: 0px; padding-left: 0px; } .magazine-link.accent-color-green .magazine-link__link::after { background-color: var(--brand-primary-green); } .magazine-link.accent-color-pink .magazine-link__link::after { background-color: var(--brand-primary-pink); } .magazine-link.accent-color-teal .magazine-link__link::after { background-color: var(--brand-primary-teal); } .magazine-link.accent-color-purple .magazine-link__link::after { background-color: var(--brand-primary-purple); } .magazine-link.accent-color-orange .magazine-link__link::after { background-color: var(--brand-primary-orange); } .magazine-link.accent-color-blue .magazine-link__link::after { background-color: var(--brand-primary-blue); } .magazine-link.accent-color-indigo .magazine-link__link::after { background-color: var(--brand-primary-indigo); } .magazine-link.accent-color-fuchsia .magazine-link__link::after { background-color: var(--brand-primary-fuchsia); } .magazine-link__link { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-decoration: none; width: 100%; } .magazine-link__link:active .magazine-link__image, .magazine-link__link:hover .magazine-link__image { transform: scale(1.1); } .magazine-link__link::after { content: ""; display: block; height: 3px; margin-top: auto; width: 100%; } .magazine-link__image-container { -webkit-box-align: end; align-items: flex-end; aspect-ratio: 320 / 220; border-radius: var(--rounded-s); display: flex; overflow: hidden; position: relative; width: 100%; } .magazine-link__image { display: block; height: 100%; object-fit: cover; position: absolute; transition: transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s; width: 100%; } .magazine-link__heading { font-size: var(--step-0); margin-bottom: var(--space-3xs); margin-top: var(--space-xs); } .magazine-link__paragraph { font-size: var(--step--1); } .magazine-link__paragraph:first-of-type { margin-top: 0px; } .magazine-link__paragraph:last-of-type { margin-bottom: var(--space-s); } .cta-outline-boxes { display: grid; gap: var(--space-s-m); grid-template-columns: repeat(12, 1fr); margin-bottom: var(--space-s-l); margin-top: var(--space-s-l); padding-left: 0px; } .cta-outline-box { border: 1px solid var(--neutral-light-mod-2); border-radius: var(--rounded-m); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: var(--space-xs); grid-column: span 12; list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding: var(--space-m); } @media screen and (min-width: 700px) { .cta-outline-box { grid-column: span 6; } } .cta-outline-box__heading { font-size: var(--step-1); text-wrap: balance; } .cta-outline-box__paragraph { color: var(--neutral-dark-mod-1); line-height: 1.2; margin-bottom: 0px; margin-top: 0px; } .cta-outline-box__notice { -webkit-box-align: center; align-items: center; display: flex; gap: var(--space-3xs); } .cta-outline-box__notice-icon { background-color: var(--neutral-dark); display: block; height: 22px; mask-image: var(--svg-i); mask-position: center center; mask-repeat: no-repeat; mask-size: 22px 22px; min-width: 22px; width: 22px; } .cta-outline-box__notice-text { color: var(--neutral-dark-mod-1); font-size: 15.5px; line-height: 1.4; } .cta-outline-box__link-button { margin-top: auto; } .magazine-archive { margin-bottom: var(--space-m-l); margin-top: var(--space-m-l); } .magazine-archive.is-hidden { display: none; } .magazine-archive__list { display: grid; gap: var(--space-s-l); grid-template-columns: repeat(1, 1fr); margin-bottom: 0px; margin-top: var(--space-s-l); padding-left: 0px; } @media screen and (min-width: 350px) { .magazine-archive__list { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 500px) { .magazine-archive__list { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 650px) { .magazine-archive__list { grid-template-columns: repeat(4, 1fr); } } .magazine-archive__list-item { display: flex; list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } .magazine-archive__link { -webkit-box-align: center; align-items: center; border: 1px solid var(--neutral-light-mod-1); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: var(--space-s-m); text-decoration: none; width: 100%; } .magazine-archive__image-container { aspect-ratio: 141 / 200; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 20px 0px; margin-left: auto; margin-right: auto; max-width: 141px; width: 100%; } .magazine-archive__image { display: block; height: 100%; width: 100%; } .magazine-archive__heading { font-size: var(--step--1); margin-top: var(--space-xs); text-align: center; } .magazine-archive__no-results { text-align: center; } .magazine-archive .is-hidden { display: none !important; } .magazine-controls { border-bottom: 1px solid var(--neutral-light-mod-2); border-top: 3px solid var(--neutral-light-mod-2); margin-top: var(--space-s-l); padding-bottom: var(--space-s); padding-top: var(--space-s); } @media screen and (min-width: 650px) { .magazine-controls { padding-bottom: 0px; } } .magazine-controls__columns { display: flex; gap: 15px; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; } @media screen and (min-width: 650px) { .magazine-controls__columns { padding-bottom: var(--space-s); } } @media screen and (max-width: 649px) { .magazine-controls__column.column-1 { display: flex; -webkit-box-pack: justify; justify-content: space-between; width: 100%; } } @media screen and (max-width: 649px) { .magazine-controls__column.column-2 { position: relative; width: 100%; } } .magazine-search__button { -webkit-box-align: center; align-items: center; appearance: none; background-color: transparent; border: none; border-radius: var(--rounded-s); cursor: pointer; display: flex; gap: var(--space-2xs); padding: 0px; } .magazine-search__button.is-active .magazine-search__icon, .magazine-search__button:active .magazine-search__icon, .magazine-search__button:hover .magazine-search__icon { background-color: var(--neutral-dark); } .magazine-search__button.is-active .magazine-search__icon::before, .magazine-search__button:active .magazine-search__icon::before, .magazine-search__button:hover .magazine-search__icon::before { background-color: var(--neutral-light); } .magazine-search__icon { -webkit-box-align: center; align-items: center; background-color: var(--neutral-light-mod-1); border-radius: 50%; display: flex; height: var(--space-44-49); -webkit-box-pack: center; justify-content: center; min-width: var(--space-44-49); transition: background-color 250ms ease 0s; width: var(--space-44-49); } .magazine-search__icon::before { background-color: var(--neutral-dark); content: ""; height: 24px; mask-image: var(--svg-small-search); mask-position: center center; mask-repeat: no-repeat; mask-size: 24px 24px; position: absolute; transition: background-color 250ms ease 0s; width: 24px; } @media screen and (max-width: 649px) { .magazine-search__title { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } } @media screen and (min-width: 650px) { .magazine-search__title { font-size: var(--step--1); font-weight: 600; } } @media screen and (max-width: 649px) { .magazine-filter__button { -webkit-box-align: center; align-items: center; appearance: none; background-color: var(--neutral-light-mod-1); border: none; border-radius: 100px; cursor: pointer; display: flex; gap: var(--space-2xs); padding: 0 var(--space-s); transition: background-color 250ms ease 0s; } .magazine-filter__button.is-active, .magazine-filter__button:active, .magazine-filter__button:hover { background-color: var(--neutral-dark); } .magazine-filter__button.is-active .magazine-filter__icon, .magazine-filter__button:active .magazine-filter__icon, .magazine-filter__button:hover .magazine-filter__icon { background-color: var(--neutral-light); } .magazine-filter__button.is-active .magazine-filter__title, .magazine-filter__button:active .magazine-filter__title, .magazine-filter__button:hover .magazine-filter__title { color: var(--neutral-light); } } @media screen and (min-width: 650px) { .magazine-filter__button { display: none; } } @media screen and (max-width: 649px) { .magazine-filter__icon { background-color: var(--neutral-dark); content: ""; height: 22px; mask-image: var(--svg-filter); mask-position: center center; mask-repeat: no-repeat; mask-size: 22px 22px; position: relative; transition: background-color 250ms ease 0s; width: 22px; } } @media screen and (max-width: 649px) { .magazine-filter__title { font-size: var(--step--1); font-weight: 600; transition: color 250ms ease 0s; } } .magazine-filters { display: flex; } @media screen and (max-width: 649px) { .magazine-filters { flex-wrap: wrap; gap: var(--space-xs); max-height: 0px; opacity: 0; display: none; } .magazine-filters.is-visible { margin-top: var(--space-s); max-height: 1000px; opacity: 1; display: flex; } } @media screen and (min-width: 650px) { .magazine-filters { -webkit-box-align: center; align-items: center; gap: var(--space-s); } } @media screen and (max-width: 649px) { .magazine-filters__heading { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } } @media screen and (min-width: 650px) { .magazine-filters__heading { font-size: var(--step--1); } } .magazine-filters__label { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .magazine-filters__select { appearance: none; border: 1px solid var(--neutral-dark-mod-2); border-radius: var(--rounded-s); background-image: var(--svg-button-arrow); background-size: 24px 24px; background-position: right 10px center; background-repeat: no-repeat; color: var(--neutral-dark-mod-2); font-size: var(--step-0); line-height: 1.2; } @media screen and (max-width: 649px) { .magazine-filters__select { padding: .7875rem 46px .7875rem var(--space-xs); width: 100%; } } @media screen and (min-width: 650px) { .magazine-filters__select { padding: calc(var(--space-2xs) + .08em) calc(var(--space-2xs) + 40px) calc(var(--space-2xs) + .08em) var(--space-xs); } } @media screen and (min-width: 1200px) { .magazine-filters__select { min-width: 200px; } } .magazine-filters__select:focus { outline: 2px solid var(--focus-highlight); } .magazine-search { position: relative; width: 100%; } .magazine-search__bar { max-height: 0px; opacity: 0; visibility: hidden; } @media screen and (min-width: 650px) { .magazine-search__bar { background-color: var(--neutral-light-mod-1); border-bottom: 1px solid var(--neutral-light-mod-2); transition: opacity 0.35s ease 0s, transform 0.35s ease 0s, max-height 0.35s ease 0s, visibility 0s ease 0.35s, -webkit-transform 0.35s ease 0s; } } .magazine-search__bar.is-visible { opacity: 1; visibility: visible; max-height: 1000px; } @media screen and (min-width: 650px) { .magazine-search__bar.is-visible { transition: opacity 0.35s ease 0s, transform 0.35s ease 0s, max-height 0.35s ease 0s, visibility 0s ease 0s, -webkit-transform 0.35s ease 0s; } } @media screen and (max-width: 649px) { .magazine-search__bar.is-visible .magazine-search__form { margin-top: var(--space-s); } } .magazine-search__form { display: flex; flex-wrap: wrap; gap: var(--space-2xs); padding: 0px; } @media screen and (max-width: 649px) { .magazine-search__form { -webkit-box-align: center; align-items: center; border: 1px solid var(--neutral-dark-mod-2); border-radius: var(--rounded-s); } } @media screen and (min-width: 650px) { .magazine-search__form { padding: var(--space-s); border-top: 1px solid var(--neutral-light-mod-2); } } .magazine-search__input { border: none; border-radius: var(--rounded-s); -webkit-box-flex: 1; flex: 1 1 0%; font-size: var(--step-0); padding: .7875rem var(--space-xs); } @media screen and (min-width: 650px) { .magazine-search__input { background-color: var(--neutral-light); background-image: var(--svg-small-search); background-position: left 18px center; background-repeat: no-repeat; background-size: 24px 24px; border: 1px solid var(--neutral-light-mod-2); border-radius: 100px; padding: var(--space-2xs) var(--space-s) var(--space-2xs) calc(var(--space-s) + 30px); } } .magazine-search__submit { -webkit-box-align: center; align-items: center; border: none; cursor: pointer; } @media screen and (max-width: 649px) { .magazine-search__submit.link-button--dark { background-color: transparent; border-radius: var(--rounded-s); display: flex; height: var(--space-44-49); margin-right: 1px; padding: 0px; width: var(--space-44-49); } .magazine-search__submit.link-button--dark::before { background-color: var(--neutral-light); background-image: var(--svg-small-search); background-position: center center; background-repeat: no-repeat; background-size: 24px 24px; border-radius: 0px; box-shadow: none; height: 24px; position: relative; width: 24px; } } @media screen and (max-width: 649px) { .magazine-search__submit-title { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } } .magazine-results { margin-bottom: var(--space-m); margin-top: var(--space-m); } .magazine-results.is-hidden { display: none; } .magazine-results__list { margin: 0px; padding-left: 0px; } .magazine-results__list-item { list-style-type: none; padding-left: 0px; } .magazine-results__notice { text-align: center; width: 100%; } .magazine-results__notice.notice--error { color: var(--utility-red); } .magazine-results__spinner { display: none; width: 100%; } .magazine-results__spinner-image { background-image: var(--svg-spinner); background-position: center center; background-repeat: no-repeat; background-size: 32px 32px; display: block; height: 32px; margin-left: auto; margin-right: auto; width: 32px; } .magazine-results__header { font-size: var(--step-1); font-weight: 500; margin-bottom: var(--space-s); } .magazine-results__row { border-top: 1px solid var(--neutral-light-mod-2); margin-bottom: var(--space-s-m); padding-top: var(--space-s-m); } .magazine-results__row:last-of-type { margin-bottom: 0px; } @media screen and (max-width: 599px) { .magazine-results__columns { display: grid; row-gap: var(--space-xs); } } @media screen and (min-width: 600px) { .magazine-results__columns { -webkit-box-align: start; align-items: flex-start; column-gap: var(--space-m); display: flex; } } .magazine-results__column.column-2 { display: grid; -webkit-box-flex: 1; flex: 1 1 0%; row-gap: var(--space-s); } .magazine-results__cover-link { display: block; } .magazine-results__cover { display: block; } .magazine-results__link { color: var(--neutral-dark); font-size: var(--step--1); font-weight: 600; margin-right: var(--space-3xs); } .magazine-results__paragraph { color: var(--neutral-dark-mod-1); font-size: var(--step--1); margin: 0px; } .contact-form { border-radius: var(--rounded-m); border: 1px solid var(--neutral-light-mod-2); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px 0px; margin-bottom: var(--space-m); margin-top: var(--space-m); padding: var(--space-s-2xl); position: relative; } .contact-form .gform_wrapper .gform_title { font-size: var(--step-2); margin-bottom: var(--space-m); } .contact-form .gform_wrapper .gform_required_legend { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .contact-form .gform_wrapper .gform_validation_errors { background-color: var(--utility-red-tint); border: 1px solid var(--utility-red); border-radius: var(--rounded-m); margin-bottom: var(--space-l); padding: var(--space-l) var(--space-s-l); text-align: center; text-wrap: balance; } .contact-form .gform_wrapper .gform_validation_errors .validation_error__heading { font-size: var(--step-2); font-weight: 600; } .contact-form .gform_wrapper .gform_validation_errors .validation_error__paragraph { font-size: var(--step-0); margin-bottom: var(--space-2xs); margin-top: var(--space-2xs); } .contact-form .gform_wrapper .gform_validation_errors .validation_error__paragraph:last-of-type { margin-bottom: 0px; } .contact-form .gform_wrapper .gform_submission_error { font-size: var(--step-0); line-height: 1.5; } .contact-form .gform_wrapper .gform_confirmation_wrapper { background-color: var(--brand-primary-green-tint); border: 1px solid var(--brand-primary-green); border-radius: var(--rounded-m); margin-bottom: var(--space-l); padding: var(--space-l) var(--space-s-l); text-align: center; text-wrap: balance; } .contact-form .gform_wrapper .gform_confirmation_message { font-size: var(--step-0); line-height: 1.5; } .contact-form .gform_wrapper .gform_drop_area { -webkit-box-align: center; align-items: center; background-color: var(--brand-light-blue-tint); border: 1px dashed var(--brand-light-blue); border-radius: var(--rounded); display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; padding: var(--space-m); text-align: center; width: 100%; } .contact-form .gform_wrapper .gform_drop_area::before { background-color: var(--brand-blue); content: ""; display: block; height: 20px; margin-bottom: 2px; mask-image: var(--svg-upload); mask-repeat: no-repeat; mask-position: center center; mask-size: 100% 100%; pointer-events: none; width: 24px; } .contact-form .gform_wrapper .gform_drop_instructions { display: block; margin-bottom: var(--space-2xs); text-align: center; width: 100%; } .contact-form .gform_wrapper .gform_footer { -webkit-box-align: center; align-items: center; display: flex; gap: 8px; } .contact-form .gform_wrapper .gform_ajax_spinner { height: 24px; width: 24px; } .contact-form .gform_wrapper .gfield { margin-bottom: var(--space-l); } .contact-form .gform_wrapper .gfield_label { display: inline-block; font-size: var(--step-0); font-weight: 600; line-height: 1.2; margin-bottom: var(--space-xs); } .contact-form .gform_wrapper .gfield_required { color: var(--utility-red); margin-left: 0.1em; } .contact-form .gform_wrapper .gfield_description { font-size: var(--step--1); margin-top: var(--space-3xs); } .contact-form .gform_wrapper .gfield_description.validation_message { color: var(--utility-red); } .contact-form .gform_wrapper .gfield_description.gform_fileupload_rules { display: inline-block; } .contact-form .gform_wrapper .gfield_checkbox { display: grid; gap: var(--space-xs); } .contact-form .gform_wrapper .gfield_checkbox .gchoice { display: flex; gap: var(--space-xs); } .contact-form .gform_wrapper .gfield_checkbox .gchoice .gform-field-label { font-size: var(--step-0); } .contact-form .gform_wrapper .gfield_checkbox .gchoice .gfield-choice-input { margin-top: 0.25em; } .contact-form .gform_wrapper .gfield--type-html { margin-bottom: var(--space-s); } .contact-form .gform_wrapper .gfield--type-consent legend { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .contact-form .gform_wrapper .gfield--type-consent .gform-field-label { font-size: var(--step-0); } .contact-form .gform_wrapper .gfield--type-section:not(.gfield--type-section-no-line) { border-top: 1px solid var(--neutral-light-mod-2); margin-bottom: var(--space-m); padding-top: var(--space-m); } .contact-form .gform_wrapper .gfield--type-section:not(.gfield--type-section-no-line) .gsection_title { font-size: var(--step-1); } .contact-form .gform_wrapper .gfield--type-section:not(.gfield--type-section-no-line) .gsection_description { font-size: var(--step-0); margin-top: var(--space-2xs); } .contact-form .gform_wrapper .gfield--type-section-no-line { margin-bottom: var(--space-m); } .contact-form .gform_wrapper .gfield--type-section-no-line .gsection_title { font-size: var(--step-1); } .contact-form .gform_wrapper .gfield--type-section-no-line .gsection_description { font-size: var(--step-0); margin-top: var(--space-2xs); } .contact-form .gform_wrapper .gfield--title-hr .gfield_label { border-top: 1px solid var(--neutral-light-mod-2); font-size: var(--step-1); margin-bottom: var(--space-m); padding-top: var(--space-m); width: 100%; } .contact-form .gform_wrapper .gfield_radio { display: flex; flex-wrap: wrap; row-gap: var(--space-xs); column-gap: var(--space-m-l); } .contact-form .gform_wrapper .gfield_radio .gchoice { -webkit-box-align: center; align-items: center; display: flex; gap: var(--space-xs); } .contact-form .gform_wrapper .gfield_radio .gform-field-label { font-size: var(--step-0); } .contact-form .gform_wrapper .gfield-choice-input { width: auto; } .contact-form .gform_wrapper .gfield--grid .gfield_checkbox { display: grid; gap: var(--space-s); grid-template-columns: repeat(1, 1fr); } @media screen and (min-width: 800px) { .contact-form .gform_wrapper .gfield--grid .gfield_checkbox { grid-template-columns: repeat(2, 1fr); } } .contact-form .gform_wrapper .gfield--grid .gfield_checkbox .gchoice { -webkit-box-align: center; align-items: center; background-color: var(--neutral-light-mod-1); display: flex; gap: var(--space-xs); padding: var(--space-s); } .contact-form .gform_wrapper .gfield--grid .gfield_checkbox .gchoice .gform-field-label { font-size: var(--step-0); } .contact-form .gform_wrapper .gfield--grid .gfield_checkbox .gchoice .gfield-choice-input { margin-top: 0px; } .contact-form .gform_wrapper .gfield--hidden-label .gfield_label { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .contact-form .gform_wrapper .gfield.hidden_label .gfield_label { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .contact-form .gform_wrapper fieldset { border: none; margin: 0px; padding: 0px; } .contact-form .gform_wrapper .ginput_container input:not([type="checkbox"]):not([type="radio"]) { border: 1px solid var(--neutral-dark-mod-2); border-radius: var(--rounded-s); font-size: var(--step-0); line-height: 1.2; padding: var(--space-s); transition: border 0.25s ease 0s; width: 100%; } .contact-form .gform_wrapper .ginput_container input:not([type="checkbox"]):not([type="radio"]):focus { border-color: var(--brand-primary-green); } .contact-form .gform_wrapper .ginput_container input[type="checkbox"] { appearance: none; accent-color: var(--brand-primary-green); background-color: var(--neutral-light); border: 1px solid var(--neutral-dark-mod-2); border-radius: var(--rounded-s); cursor: pointer; height: 20px; min-width: 20px; width: 20px; } .contact-form .gform_wrapper .ginput_container input[type="checkbox"]:checked { background-color: var(--neutral-dark); background-image: var(--svg-tick); background-position: center center; background-repeat: no-repeat; background-size: 16px 16px; border: 1px solid var(--neutral-dark); } .contact-form .gform_wrapper .ginput_container input[type="radio"] { accent-color: var(--neutral-dark); border: 1px solid var(--neutral-dark-mod-2); height: 20px; min-width: 20px; width: 20px; } .contact-form .gform_wrapper .ginput_container input[type="radio"]:checked { background-color: var(--neutral-dark); border: 1px solid var(--neutral-dark); } .contact-form .gform_wrapper .ginput_container select { appearance: none; background-image: var(--svg-button-arrow); background-size: 24px 24px; background-position: center right var(--space-xs); background-repeat: no-repeat; border: 1px solid var(--neutral-dark-mod-2); border-radius: var(--rounded-s); font-size: var(--step-0); line-height: 1.2; padding: var(--space-s); transition: border 0.25s ease 0s; width: 100%; } .contact-form .gform_wrapper .ginput_container select:focus { border: 1px solid var(--brand-primary-green); outline: 0px; } .contact-form .gform_wrapper .ginput_container textarea { border-radius: var(--rounded-s); border: 1px solid var(--neutral-dark-mod-2); display: block; font-size: var(--step-0); line-height: 1.5; height: 7.8em; padding: var(--space-xs) var(--space-xs); transition: border 0.25s ease 0s; width: 100%; } .contact-form .gform_wrapper .ginput_container textarea:focus { border-color: var(--brand-primary-green); } .contact-form .gform_wrapper .ginput_container_consent { display: flex; gap: var(--space-xs); } .contact-form .gform_wrapper .ginput_container_consent input[type="checkbox"] { margin-top: 0.25em; } .contact-form .gform_wrapper .ginput_container_fileupload ul { margin: var(--space-2xs) 0 0 0; } .contact-form .gform_wrapper .ginput_container_date input { width: 115px !important; } .contact-form .gform_wrapper .ginput_complex { display: flex; flex-wrap: wrap; gap: 10px; } .contact-form .gform_wrapper button[type="submit"] { -webkit-box-align: center; align-items: center; appearance: none; background-color: var(--neutral-dark); border: none; border-radius: 100px; color: var(--neutral-light); cursor: pointer; display: flex; font-size: var(--step--1); font-weight: 600; line-height: 1.2; -webkit-box-pack: center; justify-content: center; padding: var(--space-xs) var(--space-m); position: relative; text-decoration: none; transition: background-color 0.25s ease 0s; width: fit-content; } .contact-form .gform_wrapper button[type="submit"]::before { border-radius: 50px; box-shadow: inset 0 0 0 1px var(--neutral-dark); content: ""; inset: 0px; position: absolute; } .contact-form .gform_wrapper button[type="submit"]:active, .contact-form .gform_wrapper button[type="submit"]:hover { background-color: var(--neutral-light); color: var(--neutral-dark); } .step__tab { background-color: var(--brand-primary-green-tint); border-radius: 100px; font-size: var(--step--1); font-weight: 600; padding: var(--space-2xs) var(--space-s); width: fit-content; } .step__heading { font-size: var(--step-2); margin-top: var(--space-s-l); } .step.step--hard-rule { border-top: 3px solid var(--neutral-dark-mod-2); margin-top: var(--space-m-xl); padding-top: var(--space-m-xl); } .search-form { -webkit-box-align: center; align-items: center; display: flex; flex-wrap: wrap; gap: 10px; width: 100%; } .search-form__label { -webkit-box-flex: 1; flex: 1 1 0%; } .search-form__input { background-color: var(--neutral-light); background-image: var(--svg-search); background-repeat: no-repeat; background-position: left var(--space-s) center; background-size: 24px 24px; border: none; border-radius: 100px; box-shadow: inset 0 0 0 1px var(--neutral-light-mod-2); font-size: var(--step-0); line-height: 1.2; padding: .7875rem 9px .7875rem calc(var(--space-m) + 26px); width: 100%; } .search-form__filters { display: grid; gap: 10px; margin-bottom: 15px; width: 100%; } @media screen and (min-width: 540px) { .search-form__filters { grid-template-columns: repeat(3, 1fr); } } .search-form__filter { appearance: none; background-image: var(--svg-button-arrow); background-size: 24px 24px; background-position: center right var(--space-2xs); background-repeat: no-repeat; border: 1px solid var(--neutral-light-mod-2); border-radius: var(--rounded-s); line-height: 1.2; padding: .85em var(--space-xs); transition: border 0.25s ease 0s; width: 100%; } .search-form__filter:focus { outline: 0px; } .search-form__submit { appearance: none; border: none; cursor: pointer; } input[type="search"]::-webkit-search-cancel-button { appearance: none; border-radius: 50em; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: contain; height: 24px; opacity: 0; pointer-events: none; width: 24px; } input[type="search"]:focus::-webkit-search-cancel-button { cursor: pointer; opacity: 1; pointer-events: all; } .search-count { font-size: var(--step-0); margin-bottom: 0px; margin-top: var(--space-s-l); } .search-results.no-results { padding: var(--space-s-l) 0; text-align: center; } .search-results__list { margin-top: 0px; padding-left: 0px; } .search-results__list-item { border-bottom: 1px solid var(--neutral-light-mod-2); list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding: var(--space-s-l) 0; } .search-results__article { margin-top: -0.25em; } .search-results__entry-header { display: grid; gap: var(--space-3xs); } .search-results__entry-title { font-size: var(--step-1); } .search-results__link { font-weight: 600; text-decoration-color: rgba(60, 60, 60, 0); } .search-results__entry-meta .posted-on { color: var(--neutral-dark-mod-2); display: inline-block; font-size: var(--step--1); line-height: 1.2; } .search-results__entry-meta .updated:not(.published) { display: none; } .search-results__entry-summary p { margin-top: var(--space-2xs); } .search-results__entry-summary > :last-child { margin-bottom: 0px; } .search-results .term-list { border: none; padding-bottom: 0px; padding-top: 0px; margin-bottom: 0px !important; } @media screen and (max-width: 899px) { .mobile-search-form { -webkit-box-align: center; align-items: center; background-color: var(--neutral-light-mod-1); display: flex; gap: 10px; padding: var(--space-s); width: 100%; } .mobile-search-form__label { position: relative; width: 100%; } .mobile-search-form__input { background-color: var(--neutral-light); border: none; border-radius: var(--rounded-s); box-shadow: inset 0 0 0 1px var(--neutral-light-mod-2); font-size: var(--step-0); line-height: 1.2; padding: .7875rem 46px .7875rem var(--space-s); width: 100%; } .mobile-search-form__submit { -webkit-box-align: center; align-items: center; appearance: none; background-color: var(--neutral-light); border: none; cursor: pointer; display: flex; height: 40px; -webkit-box-pack: center; justify-content: center; min-width: 40px; position: absolute; right: 0.2em; top: 0.2em; width: 40px; } .mobile-search-form__submit::before { background-image: var(--svg-search); background-repeat: no-repeat; background-position: center center; background-size: 24px 24px; content: ""; display: block; height: 24px; pointer-events: none; position: absolute; width: 24px; } .mobile-search-form__title { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } } @media screen and (min-width: 900px) { .mobile-search-form { display: none; } } .no-results .page-content, .no-results .page-header { -webkit-box-align: center; align-items: center; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center; } .message-box { background-color: var(--brand-primary-green-tint); border: 1px solid var(--brand-primary-green); border-radius: var(--rounded-m); margin-bottom: var(--space-s-l); margin-top: var(--space-s-l); padding: var(--space-s-xl) var(--space-s-2xl); text-wrap: pretty; } .message-box > :first-child { margin-top: 0px; } .message-box > :last-child { margin-bottom: 0px; } .message-box__heading { font-size: var(--step-2); font-weight: 600; } .table { border-top: 1px solid var(--neutral-dark); border-collapse: collapse; min-width: 600px; padding-bottom: var(--space-2xs); padding-top: var(--space-2xs); text-align: left; width: 100%; } .table__figure { border-bottom: 4px solid var(--brand-primary-green); border-top: 4px solid var(--neutral-dark); margin: var(--space-s-l) 0; } .table__wrapper { width: 100%; overflow-x: auto; } .table__wrapper.is-dragging { cursor: grabbing; user-select: none; } .table__caption { font-size: var(--step-1); font-weight: 600; margin-bottom: var(--space-xs); margin-top: var(--space-xs); text-align: left; } .table thead tr { border-bottom: 1px solid var(--neutral-light-mod-2); } .table thead th { font-weight: 600; padding: var(--space-xs); } .table thead th:first-of-type { padding-left: 0px; } .table thead th:last-of-type { padding-right: 0px; } .table tbody td { padding: var(--space-xs); } .table tbody td:first-of-type { padding-left: 0px; } .table tbody td:last-of-type { padding-right: 0px; } .table tr { vertical-align: top; } .table td { padding: 0px; } .ads { border-bottom: 3px solid var(--neutral-light-mod-2); border-top: 1px solid var(--neutral-light-mod-2); margin-bottom: var(--space-m); margin-top: var(--space-m); padding-bottom: var(--space-m); padding-left: var(--space-s); padding-right: var(--space-s); padding-top: var(--space-m); width: 100%; } .ads__columns { display: grid; width: 100%; gap: var(--space-l); } @media screen and (min-width: 400px) { .ads__columns { grid-template-columns: repeat(2, 1fr); } } .ads .ad { aspect-ratio: 300 / 250; } .share-buttons__list { display: flex; flex-wrap: wrap; gap: var(--space-3xs); list-style-type: none; margin: var(--space-xs) 0 var(--space-xs) -2px; padding-left: 0px; } .share-buttons__list-item { margin: 0px; padding-left: 0px; } .share-buttons__link { -webkit-box-align: center; align-items: center; background-color: var(--neutral-light-mod-1); border-radius: 50%; border: 2px solid var(--neutral-light); display: flex; height: 34px; -webkit-box-pack: center; justify-content: center; outline-offset: -2px; overflow: hidden; position: relative; width: 34px; } .share-buttons__link::before { background-color: rgba(0, 0, 0, 0.06); content: ""; display: block; inset: 0px; opacity: 0; position: absolute; transition: opacity 0.25s ease 0s; } .share-buttons__link:active::before, .share-buttons__link:hover::before { opacity: 1; } .share-buttons__icon { background-color: var(--neutral-dark); display: block; height: 20px; mask-position: center center; mask-repeat: no-repeat; mask-size: 20px 20px; transition: background-color 0.25s ease 0s; width: 20px; } .share-buttons__icon.has-email-icon { mask-image: var(--svg-email); } .share-buttons__icon.has-facebook-icon { mask-image: var(--svg-facebook); } .share-buttons__icon.has-x-icon { height: 18px; mask-image: var(--svg-x); mask-size: 18px 18px; width: 18px; } .share-buttons__icon.has-linkedin-icon { height: 18px; mask-image: var(--svg-linkedin); mask-size: 18px 18px; width: 18px; } .share-buttons__title { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } :root { --swiper-theme-color: #007aff; --swiper-navigation-sides-offset: var(--space-s); } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform, -webkit-transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform, -webkit-transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; align-items: flex-start; transition-property: transform, height, -webkit-transform; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0px); backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; -webkit-box-ordinal-group: 10000; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50% center; box-sizing: border-box; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 50%; border-top-color: transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } :root { --swiper-navigation-size: clamp(1.5rem, 0.9828rem + 2.586vw, 3.375rem); --swiper-navigation-color: var(--neutral-light); } .swiper-button-next, .swiper-button-prev { position: absolute; width: var(--swiper-navigation-size); height: var(--swiper-navigation-size); z-index: 10; cursor: pointer; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next svg, .swiper-button-prev svg { display: none; } .swiper-button-next::before, .swiper-button-prev::before { background-color: var(--neutral-dark); border-radius: 50%; content: ""; position: absolute; inset: 0px; } .swiper-button-next::after, .swiper-button-prev::after { background-color: var(--neutral-light); mask-image: var(--svg-chevron-left); mask-position: center center; mask-repeat: no-repeat; mask-size: var(--space-16-24) var(--space-16-24); content: ""; display: block; height: var(--space-16-24); position: absolute; width: var(--space-16-24); } .swiper-button-lock { display: none; } .swiper-button-next, .swiper-button-prev { top: var(--swiper-navigation-top-offset,50%); margin-top: calc(0px - var(--swiper-navigation-size)/ 2); } .swiper-button-prev { left: var(--swiper-navigation-sides-offset,4px); right: auto; } .swiper-button-prev .swiper-navigation-icon { transform: rotate(180deg); } .swiper-button-next { right: var(--swiper-navigation-sides-offset,4px); left: auto; } .swiper-button-next::after { transform: rotate(180deg); } .swiper-horizontal .swiper-button-next, .swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev { top: var(--swiper-navigation-top-offset,50%); margin-top: calc(0px - var(--swiper-navigation-size)/ 2); margin-left: 0px; } .swiper-horizontal .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev { left: var(--swiper-navigation-sides-offset,4px); right: auto; } .swiper-horizontal .swiper-button-next, .swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next { right: var(--swiper-navigation-sides-offset,4px); left: auto; } .swiper-horizontal .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon, .swiper-horizontal ~ .swiper-button-prev .swiper-navigation-icon { transform: rotate(180deg); } .swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon { transform: rotate(0deg); } .swiper-vertical .swiper-button-next, .swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-next, .swiper-vertical ~ .swiper-button-prev { left: var(--swiper-navigation-top-offset,50%); right: auto; margin-left: calc(0px - var(--swiper-navigation-size)/ 2); margin-top: 0px; } .swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev { top: var(--swiper-navigation-sides-offset,4px); bottom: auto; } .swiper-vertical .swiper-button-prev .swiper-navigation-icon, .swiper-vertical ~ .swiper-button-prev .swiper-navigation-icon { transform: rotate(-90deg); } .swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next { bottom: var(--swiper-navigation-sides-offset,4px); top: auto; } .swiper-vertical .swiper-button-next .swiper-navigation-icon, .swiper-vertical ~ .swiper-button-next .swiper-navigation-icon { transform: rotate(90deg); } :root { --swiper-pagination-top: var(--space-xs); --swiper-pagination-bullet-border-radius: 3px; --swiper-pagination-bullet-height: 6px; --swiper-pagination-bullet-width: 6px; --swiper-pagination-bullet-horizontal-gap: 2.5px; --swiper-pagination-color: var(--neutral-dark); --swiper-pagination-bullet-inactive-opacity: 0.15; } @media screen and (min-width: 700px) { .swiper-pagination { display: none; } } .swiper-pagination { position: relative; text-align: center; transition: opacity 0.3s ease 0s; transform: translate3d(0px, 0px, 0px); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom,8px); top: var(--swiper-pagination-top,auto); left: 0px; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.5); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.5); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius,50%); background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity,.2); } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity,1); background: var(--swiper-pagination-color,var(--swiper-theme-color)); width: 10px; } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right,8px); left: var(--swiper-pagination-left,auto); top: 50%; transform: translate3d(0px, -50%, 0px); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s ease 0s, top 0.2s ease 0s, -webkit-transform 0.2s ease 0s; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s ease 0s, left 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.2s ease 0s; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s ease 0s, right 0.2s ease 0s, -webkit-transform 0.2s ease 0s; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color,inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size,4px); left: 0px; top: 0px; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size,4px); height: 100%; left: 0px; top: 0px; } .swiper-pagination-lock { display: none; } :root { --f-button-width: 40px; --f-button-height: 40px; --f-button-border: 0; --f-button-border-radius: 0; --f-button-color: #374151; --f-button-bg: #f8f8f8; --f-button-shadow: none; --f-button-transition: all .15s ease; --f-button-transform: none; --f-button-outline-width: 1px; --f-button-outline-color: rgba(0, 0, 0, .7); --f-button-svg-width: 20px; --f-button-svg-height: 20px; --f-button-svg-stroke-width: 1.5; --f-button-svg-fill: none; --f-button-svg-filter: none; --f-button-svg-opacity: 1; --f-button-svg-disabled-opacity: .5; --f-button-svg-transition: opacity .15s ease; --f-button-svg-transform: none; } .f-button { width: var(--f-button-width); height: var(--f-button-height); border: var(--f-button-border); border-radius: var(--f-button-border-radius); color: var(--f-button-color); background: var(--f-button-bg); box-shadow: var(--f-button-shadow); transform: var(--f-button-transform); transition: var(--f-button-transition); backdrop-filter: var(--f-button-backdrop-filter); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; box-sizing: content-box; position: relative; margin: 0px; padding: 0px; pointer-events: all; cursor: pointer; overflow: hidden; } @media (hover: hover) { .f-button:hover:not([aria-disabled]) { color: var(--f-button-hover-color,var(--f-button-color)); background-color: var(--f-button-hover-bg,var(--f-button-bg)); } } .f-button:active:not([aria-disabled]) { color: var(--f-button-active-color,var(--f-button-hover-color,var(--f-button-color))); background-color: var(--f-button-active-bg,var(--f-button-hover-bg,var(--f-button-bg))); } .f-button:focus { outline: 0px; } .f-button:focus-visible { outline: var(--f-button-outline-width) solid var(--f-button-outline-color); outline-offset: var(--f-button-outline-offset); position: relative; z-index: 1; } .f-button svg { width: var(--f-button-svg-width); height: var(--f-button-svg-height); transform: var(--f-button-svg-transform); fill: var(--f-button-svg-fill); filter: var(--f-button-svg-filter); opacity: var(--f-button-svg-opacity,1); transition: var(--f-button-svg-transition); stroke: currentcolor; stroke-width: var(--f-button-svg-stroke-width); stroke-linecap: round; stroke-linejoin: round; pointer-events: none; } .f-button[aria-disabled] { cursor: default; } .f-button[aria-disabled] svg { opacity: var(--f-button-svg-disabled-opacity); } :root { --f-spinner-color-1: rgba(0, 0, 0, .1); --f-spinner-color-2: rgba(17, 24, 28, .8); --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-border-radius: 50%; --f-spinner-border-width: 4px; } .f-spinner { position: absolute; top: 50%; left: 50%; margin: calc(var(--f-spinner-width) * -.5) 0 0 calc(var(--f-spinner-height) * -.5); padding: 0px; width: var(--f-spinner-width); height: var(--f-spinner-height); border-radius: var(--f-spinner-border-radius); border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: var(--f-spinner-color-2); animation: 0.75s linear 0s infinite normal none running f-spinner, 0.2s ease 0.2s 1 normal both running f-fadeIn; } @-webkit-keyframes f-spinner { 100% { transform: rotate(360deg); } } @keyframes f-spinner { 100% { transform: rotate(360deg); } } .f-panzoom, .f-zoomable { position: relative; overflow: hidden; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .f-panzoom::after, .f-panzoom::before, .f-zoomable::after, .f-zoomable::before { display: block; content: ""; } .f-panzoom:not(.has-controls)::before, .f-zoomable:not(.has-controls)::before { margin-bottom: auto; } .f-panzoom::after, .f-zoomable::after { margin-top: auto; } .f-panzoom__wrapper { position: relative; min-width: 0px; min-height: 0px; max-width: 100%; max-height: 100%; } .f-panzoom__wrapper.will-zoom-out { cursor: zoom-out; } .f-panzoom__wrapper.can-drag { cursor: grab; } .f-panzoom__wrapper.will-zoom-in { cursor: zoom-in; } .f-panzoom__wrapper.is-dragging { cursor: grabbing; } .f-panzoom__wrapper.has-error { display: none; } .f-panzoom__content { display: block; min-width: 0px; min-height: 0px; max-width: 100%; max-height: 100%; } .f-panzoom__content.has-lazyerror, .f-panzoom__content.is-lazyloading { visibility: hidden; } img.f-panzoom__content { width: auto; height: auto; vertical-align: top; object-fit: contain; transition: none 0s ease 0s; user-select: none; } .f-panzoom__wrapper > .f-panzoom__content { visibility: hidden; } .f-panzoom__viewport { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; } .f-panzoom__viewport > .f-panzoom__content { width: 100%; height: 100%; object-fit: fill; } picture.f-panzoom__content img { vertical-align: top; width: 100%; height: auto; max-height: 100%; object-fit: contain; transition: none 0s ease 0s; user-select: none; } .f-panzoom__protected { position: absolute; inset: 0px; z-index: 1; user-select: none; } .f-fadeIn { animation: var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeIn; z-index: 2; } .f-fadeOut { animation: var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeOut; z-index: 1; } @-webkit-keyframes f-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes f-fadeOut { 100% { opacity: 0; } } @keyframes f-fadeOut { 100% { opacity: 0; } } .f-crossfadeIn { animation: var(--f-transition-duration,.2s) ease both f-crossfadeIn; z-index: 2; } .f-crossfadeOut { animation: calc(var(--f-transition-duration,.2s) * .2) ease calc(var(--f-transition-duration,.2s) * .8) both f-crossfadeOut; z-index: 1; } @-webkit-keyframes f-crossfadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-crossfadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes f-crossfadeOut { 100% { opacity: 0; } } @keyframes f-crossfadeOut { 100% { opacity: 0; } } .is-horizontal .f-slideIn.from-next { animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNextX; } .is-horizontal .f-slideIn.from-prev { animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX; } .is-horizontal .f-slideOut.to-next { animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX; } .is-horizontal .f-slideOut.to-prev { animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX; } @-webkit-keyframes f-slideInPrevX { 0% { transform: translate(calc(100% + var(--f-carousel-gap,0))); } 100% { transform: translateZ(0px); } } @keyframes f-slideInPrevX { 0% { transform: translate(calc(100% + var(--f-carousel-gap,0))); } 100% { transform: translateZ(0px); } } @-webkit-keyframes f-slideInNextX { 0% { transform: translate(calc(-100% - var(--f-carousel-gap,0))); } 100% { transform: translateZ(0px); } } @keyframes f-slideInNextX { 0% { transform: translate(calc(-100% - var(--f-carousel-gap,0))); } 100% { transform: translateZ(0px); } } @-webkit-keyframes f-slideOutNextX { 100% { transform: translate(calc(-100% - var(--f-carousel-gap,0))); } } @keyframes f-slideOutNextX { 100% { transform: translate(calc(-100% - var(--f-carousel-gap,0))); } } @-webkit-keyframes f-slideOutPrevX { 100% { transform: translate(calc(100% + var(--f-carousel-gap,0))); } } @keyframes f-slideOutPrevX { 100% { transform: translate(calc(100% + var(--f-carousel-gap,0))); } } .is-vertical .f-slideIn.from-next { animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNextY; } .is-vertical .f-slideIn.from-prev { animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY; } .is-vertical .f-slideOut.to-next { animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY; } .is-vertical .f-slideOut.to-prev { animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY; } @-webkit-keyframes f-slideInPrevY { 0% { transform: translateY(calc(100% + var(--f-carousel-gap,0))); } 100% { transform: translateZ(0px); } } @keyframes f-slideInPrevY { 0% { transform: translateY(calc(100% + var(--f-carousel-gap,0))); } 100% { transform: translateZ(0px); } } @-webkit-keyframes f-slideInNextY { 0% { transform: translateY(calc(-100% - var(--f-carousel-gap,0))); } 100% { transform: translateZ(0px); } } @keyframes f-slideInNextY { 0% { transform: translateY(calc(-100% - var(--f-carousel-gap,0))); } 100% { transform: translateZ(0px); } } @-webkit-keyframes f-slideOutNextY { 100% { transform: translateY(calc(-100% - var(--f-carousel-gap,0))); } } @keyframes f-slideOutNextY { 100% { transform: translateY(calc(-100% - var(--f-carousel-gap,0))); } } @-webkit-keyframes f-slideOutPrevY { 100% { transform: translateY(calc(100% + var(--f-carousel-gap,0))); } } @keyframes f-slideOutPrevY { 100% { transform: translateY(calc(100% + var(--f-carousel-gap,0))); } } .f-zoomInUp { animation: var(--f-transition-duration,.3s) ease both f-zoomInUp; } .f-zoomOutDown { animation: var(--f-transition-duration,.3s) ease both f-zoomOutDown; } @-webkit-keyframes f-zoomInUp { 0% { transform: scale(var(--f-zoomInUp-scale,.975)) translate3d(var(--f-zoomInUp-x,0),var(--f-zoomInUp-y,16px),0); opacity: var(--f-zoomInUp-opacity,0); } 100% { transform: scale(1) translateZ(0px); opacity: 1; } } @keyframes f-zoomInUp { 0% { transform: scale(var(--f-zoomInUp-scale,.975)) translate3d(var(--f-zoomInUp-x,0),var(--f-zoomInUp-y,16px),0); opacity: var(--f-zoomInUp-opacity,0); } 100% { transform: scale(1) translateZ(0px); opacity: 1; } } @-webkit-keyframes f-zoomOutDown { 100% { transform: scale(var(--f-zoomOutDown-scale,.975)) translate3d(var(--f-zoomOutDown-x,0),var(--f-zoomOutDown-y,16px),0); opacity: 0; } } @keyframes f-zoomOutDown { 100% { transform: scale(var(--f-zoomOutDown-scale,.975)) translate3d(var(--f-zoomOutDown-x,0),var(--f-zoomOutDown-y,16px),0); opacity: 0; } } .f-throwOutUp { animation: var(--f-throwOutUp-duration,.2s) ease-out both f-throwOutUp; } .f-throwOutDown { animation: var(--f-throwOutDown-duration,.2s) ease-out both f-throwOutDown; } @-webkit-keyframes f-throwOutUp { 100% { transform: translate3d(0,calc(var(--f-throwOutUp-y,150px) * -1),0); opacity: 0; } } @keyframes f-throwOutUp { 100% { transform: translate3d(0,calc(var(--f-throwOutUp-y,150px) * -1),0); opacity: 0; } } @-webkit-keyframes f-throwOutDown { 100% { transform: translate3d(0,var(--f-throwOutDown-y,150px),0); opacity: 0; } } @keyframes f-throwOutDown { 100% { transform: translate3d(0,var(--f-throwOutDown-y,150px),0); opacity: 0; } } .has-gmap .f-html, .has-iframe .f-html, .has-pdf .f-html { width: 100%; height: 100%; min-height: 1px; overflow: visible; } .has-gmap .f-html, .has-pdf .f-html { padding: 0px; } .f-html { position: relative; box-sizing: border-box; margin: var(--f-html-margin,0); padding: var(--f-html-padding,2rem); color: var(--f-html-color,currentColor); background: var(--f-html-bg); } .f-html.is-error { text-align: center; } .f-iframe { display: block; margin: 0px; border: 0px; height: 100%; width: 100%; } .f-caption { align-self: center; flex-shrink: 0; margin: var(--f-caption-margin); padding: var(--f-caption-padding,16px 8px); max-width: 100%; max-height: calc(-100px + 80vh); overflow: auto; overflow-wrap: anywhere; color: var(--f-caption-color); background: var(--f-caption-bg); font: var(--f-caption-font); } .has-html5video .f-html, .has-vimeo .f-html, .has-youtube .f-html { padding: 0px; width: 100%; height: 100%; min-height: 1px; overflow: visible; max-width: var(--f-video-width,960px); max-height: var(--f-video-height,540px); aspect-ratio: var(--f-video-aspect-ratio); background: var(--f-video-bg,rgba(0,0,0,.9)); } .f-html5video { border: 0px; display: block; height: 100%; width: 100%; background: 0px 0px; } .f-button.is-arrow { --f-button-width: var(--f-arrow-width, 46px); --f-button-height: var(--f-arrow-height, 46px); --f-button-svg-width: var(--f-arrow-svg-width, 24px); --f-button-svg-height: var(--f-arrow-svg-height, 24px); --f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75); --f-button-border-radius: var(--f-arrow-border-radius, unset); --f-button-bg: var(--f-arrow-bg, transparent); --f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg)); --f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg)); --f-button-shadow: var(--f-arrow-shadow); --f-button-color: var(--f-arrow-color); --f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color)); --f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) ); overflow: visible; } .f-button.is-arrow.is-next, .f-button.is-arrow.is-prev { position: absolute; transform: translate(0px); z-index: 20; } .is-horizontal .f-button.is-arrow.is-next, .is-horizontal .f-button.is-arrow.is-prev { inset: 50% auto auto; transform: translateY(-50%); } .is-horizontal.is-ltr .f-button.is-arrow.is-prev { left: var(--f-arrow-pos,0); } .is-horizontal.is-ltr .f-button.is-arrow.is-next { right: var(--f-arrow-pos,0); } .is-horizontal.is-rtl .f-button.is-arrow.is-prev { right: var(--f-arrow-pos,0); transform: translateY(-50%) rotateY(180deg); } .is-horizontal.is-rtl .f-button.is-arrow.is-next { left: var(--f-arrow-pos,0); transform: translateY(-50%) rotateY(180deg); } .is-vertical.is-ltr .f-button.is-arrow.is-prev, .is-vertical.is-rtl .f-button.is-arrow.is-prev { top: var(--f-arrow-pos,0); right: auto; bottom: auto; left: 50%; transform: translate(-50%); } .is-vertical.is-ltr .f-button.is-arrow.is-next, .is-vertical.is-rtl .f-button.is-arrow.is-next { top: auto; right: auto; bottom: var(--f-arrow-pos,0); left: 50%; transform: translate(-50%); } .is-vertical .f-button.is-arrow.is-next svg, .is-vertical .f-button.is-arrow.is-prev svg { transform: rotate(90deg); } .f-carousel__toolbar { display: grid; grid-template-columns: 1fr auto 1fr; margin: var(--f-toolbar-margin,0); padding: var(--f-toolbar-padding,8px); line-height: var(--f-toolbar-line-height); background: var(--f-toolbar-bg,none); box-shadow: var(--f-toolbar-shadow,none); backdrop-filter: var(--f-toolbar-backdrop-filter); position: relative; z-index: 20; color: var(--f-toolbar-color,currentColor); font-size: var(--f-toolbar-font-size,17px); font-weight: var(--f-toolbar-font-weight,inherit); font-family: var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif); text-shadow: var(--f-toolbar-text-shadow); text-align: center; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased; white-space: nowrap; pointer-events: none; } .f-carousel__toolbar.is-absolute { position: absolute; top: 0px; left: 0px; right: 0px; } .f-carousel__toolbar__column { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; align-content: flex-start; gap: var(--f-toolbar-gap,0); pointer-events: none; } .f-carousel__toolbar__column.is-left { justify-self: flex-start; -webkit-box-pack: start; justify-content: flex-start; } .f-carousel__toolbar__column.is-middle { -webkit-box-pack: center; justify-content: center; } .f-carousel__toolbar__column.is-right { justify-self: flex-end; -webkit-box-pack: end; justify-content: flex-end; flex-flow: row; } .f-carousel__toolbar__column > * { pointer-events: all; } .f-carousel:has(.f-carousel__slide.is-fullsize) [data-panzoom-action="toggleFull"] g { display: none; } [data-autoplay-action="toggle"] svg g:first-child { display: flex; } [data-autoplay-action="toggle"] svg g:last-child { display: none; } .has-autoplay [data-autoplay-action="toggle"] svg g:first-child { display: none; } .has-autoplay [data-autoplay-action="toggle"] svg g:last-child { display: flex; } :-webkit-full-screen [data-fullscreen-action="toggle"] svg [data-fullscreen-action="toggle"] svg g:first-child { display: none; } :fullscreen [data-fullscreen-action="toggle"] svg [data-fullscreen-action="toggle"] svg g:first-child { display: none; } :-webkit-full-screen [data-fullscreen-action="toggle"] svg [data-fullscreen-action="toggle"] svg g:last-child { display: flex; } :fullscreen [data-fullscreen-action="toggle"] svg [data-fullscreen-action="toggle"] svg g:last-child { display: flex; } .f-counter { position: relative; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; cursor: default; user-select: none; margin: var(--f-counter-margin,0); padding: var(--f-counter-padding,4px); line-height: var(--f-counter-line-height); background: var(--f-counter-bg); border-radius: var(--f-counter-border-radius); } .f-counter span { padding: 0 var(--f-counter-gap,4px); } :root { --f-thumbs-gap: 8px; --f-thumbs-margin: 0; --f-thumbs-padding-x: 8px; --f-thumbs-padding-y: 8px; --f-thumbs-z-index: 1; --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-clip-width: 46px; --f-thumb-extra-gap: 16px; --f-thumb-fit: cover; --f-thumb-opacity: 1; --f-thumb-transition: opacity .3s ease,transform .15s ease; --f-thumb-border: none; --f-thumb-border-radius: 4px; --f-thumb-transfors: none; --f-thumb-shadow: none; --f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05)); --f-thumb-focus-shadow: inset 0 0 0 .8px #222,inset 0 0 0 2.25px #fff; --f-thumb-selected-shadow: inset 0 0 0 .8px #222,inset 0 0 0 2.25px #fff; } .f-thumbs { flex-shrink: 0; margin: var(--f-thumbs-margin); padding: 0px; background: var(--f-thumbs-bg); -webkit-tap-highlight-color: transparent; user-select: none; transition: max-height 0.3s ease 0s, max-width 0.3s ease 0s; position: relative; overflow: hidden; z-index: var(--f-thumbs-z-index); } .f-thumbs.is-horizontal { max-height: calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2 + var(--f-thumbs-gap) * 2); } .f-thumbs.is-vertical { max-width: calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-gap) * 2); } .f-thumbs.is-ltr { direction: ltr; } .f-thumbs.is-rtl { direction: rtl; } .f-thumbs__viewport { margin: var(--f-thumbs-padding-y) var(--f-thumbs-padding-x); overflow: visible; display: grid; } .f-thumbs.is-vertical .f-thumbs__viewport { height: calc(100% - var(--f-thumbs-padding-y) * 2); } .f-thumbs__slide { position: relative; box-sizing: border-box; grid-area: 1 / 1; width: var(--f-carousel-slide-width); height: var(--f-carousel-slide-height); margin: 0px; padding: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; cursor: pointer; overflow: visible; } .f-thumbs__slide:hover button { opacity: var(--f-thumb-hover-opacity,1); transform: var(--f-thumb-hover-transform,none); } .f-thumbs__slide:hover button::after { border: var(--f-thumb-hover-border,none); box-shadow: var(--f-thumb-hover-shadow,var(--f-thumb-shadow)); } .f-thumbs__slide button { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: relative; position-anchor: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; inset-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: var(--f-thumb-bg); background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: var(--f-thumb-border-radius); border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: 100%; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: auto; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: var(--f-thumb-opacity); order: unset; orphans: unset; outline: 0px; outline-offset: unset; overflow-anchor: unset; overflow-clip-margin: unset; overflow-wrap: unset; overflow: visible; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: 0px; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; quotes: unset; r: unset; resize: unset; rotate: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-size-adjust: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; white-space: unset; timeline-scope: unset; touch-action: unset; transform: var(--f-thumb-transform); transform-box: unset; transform-origin: unset; transform-style: unset; transition: var(--f-thumb-transition); translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-print-color-adjust: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; width: 100%; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; } .f-thumbs__slide button::after { content: ""; position: absolute; inset: 0px; z-index: 1; transition: none 0s ease 0s; border-radius: inherit; border: var(--f-thumb-border); box-shadow: var(--f-thumb-shadow); } .f-thumbs__slide button:focus-within { opacity: var(--f-thumb-focus-opacity,1); transform: var(--f-thumb-focus-transform,none); } .f-thumbs__slide button:focus-within::after { border: var(--f-thumb-focus-border,none); box-shadow: var(--f-thumb-focus-shadow,var(--f-thumb-shadow)); } .f-thumbs__slide:active { opacity: var(--f-thumb-active-opacity,1); transform: var(--f-thumb-active-transform,none); } .f-thumbs__slide:active::after { border: var(--f-thumb-active-border,none); box-shadow: var(--f-thumb-active-shadow,var(--f-thumb-shadow)); } .f-thumbs__slide.is-selected { z-index: 2; } .f-thumbs__slide.is-selected button { opacity: var(--f-thumb-selected-opacity,1); transform: var(--f-thumb-selected-transform,none); } .f-thumbs__slide.is-selected button::after { border: var(--f-thumb-selected-border,none); box-shadow: var(--f-thumb-selected-shadow,var(--f-thumb-shadow)); } .f-thumbs__slide img { display: block; width: 100%; height: 100%; object-fit: var(--f-thumb-fit); border-radius: inherit; pointer-events: none; } .f-thumbs__slide img.has-lazyerror { display: none; } .f-thumbs.is-classic { --f-carousel-slide-width: var(--f-thumb-width); --f-carousel-slide-height: var(--f-thumb-height); --f-carousel-gap: var(--f-thumbs-gap); } .f-thumbs.is-modern { --f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) ); --f-carousel-slide-height: var(--f-thumb-height); --f-carousel-gap: 0; --width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width))); } .f-thumbs.is-modern .f-thumbs__viewport { width: calc(100% + var(--f-carousel-slide-width) * 2); margin-inline: calc(var(--f-carousel-slide-width) * -1); } .f-thumbs.is-modern .f-thumbs__slide { --clip-shift: calc((var(--width-diff) * .5) * var(--progress)); --clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) ); padding: 0px; overflow: visible; left: var(--shift,0); will-change: left; transition: left var(--f-transition-duration) var(--f-transition-easing); } .f-thumbs.is-modern .f-thumbs__slide button { display: block; margin-inline: 50%; width: var(--f-thumb-width); clip-path: var(--clip-path); border: none; box-shadow: none; transition: clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration,.2s) var(--f-thumb-transition-easing,ease); } .f-thumbs.is-modern .f-thumbs__slide button::after { display: none; } .f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible) { outline: 0px; } .f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button::before { content: ""; position: absolute; z-index: 1; top: 0px; left: var(--clip-shift); bottom: 0px; right: var(--clip-shift); transition: border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing),-webkit-box-shadow var(--f-transition-duration) var(--f-transition-easing); border-radius: inherit; border: var(--f-thumb-focus-border,none); box-shadow: var(--f-thumb-focus-shadow,none); } .f-thumbs.is-modern { --f-transition-duration: .25s; --f-transition-easing: ease-out; } .f-thumbs.is-modern.is-syncing { --f-transition-duration: 0s; } :root { --f-progressbar-height: 3px; --f-progressbar-color: var(--f-carousel-theme-color, #575ad6); --f-progressbar-opacity: 1; --f-progressbar-z-index: 30; } .f-progressbar { position: absolute; top: 0px; left: 0px; right: 0px; z-index: var(--f-progressbar-z-index); height: var(--f-progressbar-height); transform: scaleX(0); transform-origin: 0px center; opacity: var(--f-progressbar-opacity); background: var(--f-progressbar-color); user-select: none; pointer-events: none; animation-name: f-progressbar; animation-play-state: running; animation-timing-function: linear; } button > .f-progressbar { --f-progressbar-height: 100%; --f-progressbar-opacity: .2; } @-webkit-keyframes f-progressbar { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } @keyframes f-progressbar { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } [data-fullscreen-action="toggle"] svg g:first-child { display: flex; } [data-fullscreen-action="toggle"] svg g:last-child { display: none; } :-webkit-full-screen [data-fullscreen-action="toggle"] svg g:first-child { display: none; } :fullscreen [data-fullscreen-action="toggle"] svg g:first-child { display: none; } :-webkit-full-screen [data-fullscreen-action="toggle"] svg g:last-child { display: flex; } :fullscreen [data-fullscreen-action="toggle"] svg g:last-child { display: flex; } .in-fullscreen-mode > .f-carousel { -webkit-box-flex: 1; flex: 1 1 0%; min-width: 0px !important; min-height: 0px !important; } html.with-fancybox { width: auto; overflow: visible; scroll-behavior: auto; } html.with-fancybox body.hide-scrollbar { width: auto; margin-right: calc(var(--f-body-margin,0px) + var(--f-scrollbar-compensate,0px)); overscroll-behavior-y: none; overflow: hidden !important; } .fancybox__dialog { width: 100%; height: 100vh; max-height: unset; max-width: unset; padding: 0px; margin: 0px; border: 0px; overflow: hidden; background: 0px 0px; touch-action: none; } .fancybox__dialog:focus { outline: 0px; } .fancybox__dialog::backdrop { opacity: 0; } @supports (height:100dvh) { .fancybox__dialog { height: 100dvh; } } div.fancybox__dialog { position: fixed; inset: 0px; z-index: 1050; } .fancybox__container { --fancybox-color: #dbdbdb; --fancybox-backdrop-bg: rgba(24, 24, 27, .95); --f-toolbar-margin: 0; --f-toolbar-padding: 8px; --f-toolbar-gap: 0; --f-toolbar-color: #ddd; --f-toolbar-font-size: 16px; --f-toolbar-font-weight: 500; --f-toolbar-font: -apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif; --f-toolbar-line-height: var(--f-button-height); --f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75); --f-toolbar-shadow: none; --f-toolbar-bg: none; --f-counter-margin: 0; --f-counter-padding: 0px 10px; --f-counter-gap: 4px; --f-counter-line-height: var(--f-button-height); --f-carousel-gap: 17px; --f-carousel-slide-width: 100%; --f-carousel-slide-height: 100%; --f-carousel-slide-padding: 0; --f-carousel-slide-bg: unset; --f-html-color: #222; --f-html-bg: #fff; --f-error-color: #fff; --f-error-bg: #333; --f-caption-margin: 0; --f-caption-padding: 16px 8px; --f-caption-color: var(--fancybox-color, #dbdbdb); --f-caption-bg: transparent; --f-caption-font: inherit; --f-caption-line-height: 1.375; --f-spinner-color-1: rgba(255, 255, 255, .2); --f-spinner-color-2: rgba(255, 255, 255, .8); --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-border-radius: 50%; --f-spinner-border-width: 4px; --f-progressbar-color: rgba(255, 255, 255); --f-button-width: 46px; --f-button-height: 46px; --f-button-color: #ddd; --f-button-hover-color: #fff; --f-button-outline-width: 1px; --f-button-outline-color: rgba(255, 255, 255, .75); --f-button-outline-offset: 0px; --f-button-bg: rgba(54, 54, 54, .75); --f-button-border: 0; --f-button-border-radius: 0; --f-button-shadow: none; --f-button-transition: all .2s ease; --f-button-transform: none; --f-button-svg-width: 24px; --f-button-svg-height: 24px; --f-button-svg-stroke-width: 1.75; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)),drop-shadow(1px 2px 1px rgba(24, 24, 27, .05)); --f-button-svg-fill: none; --f-button-svg-disabled-opacity: .5; --f-arrow-pos: 32px; --f-arrow-width: 50px; --f-arrow-height: 50px; --f-arrow-svg-width: 24px; --f-arrow-svg-height: 24px; --f-arrow-svg-stroke-width: 2; --f-arrow-border-radius: 50%; --f-arrow-bg: rgba(54, 54, 54, .65); --f-arrow-color: #ddd; --f-arrow-hover-color: #fff; --f-thumbs-margin: 0px; --f-thumbs-padding-x: 8px; --f-thumbs-padding-y: 8px; --f-thumbs-bg: none; --f-thumb-transition: all .2s ease; --f-thumb-width: 94px; --f-thumb-height: 76px; --f-thumb-opacity: 1; --f-thumb-border: none; --f-thumb-shadow: none; --f-thumb-transform: none; --f-thumb-focus-opacity: 1; --f-thumb-focus-border: none; --f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65); --f-thumb-focus-transform: none; --f-thumb-hover-opacity: 1; --f-thumb-hover-border: none; --f-thumb-hover-transform: none; --f-thumb-active-opacity: var(--f-thumb-hover-opacity); --f-thumb-active-border: var(--f-thumb-hover-border); --f-thumb-active-transform: var(--f-thumb-hover-transform); --f-thumb-selected-opacity: 1; --f-thumb-selected-border: none; --f-thumb-selected-shadow: inset 0 0 0 2px #fff; --f-thumb-selected-transform: none; position: absolute; inset: 0px; overflow: hidden; outline: 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .fancybox__container[theme="light"] { --fancybox-color: #222; --fancybox-backdrop-bg: rgba(255, 255, 255, .97); --f-toolbar-color: var(--fancybox-color, #222); --f-toolbar-text-shadow: none; --f-toolbar-font-weight: 400; --f-html-color: var(--fancybox-color, #222); --f-html-bg: #fff; --f-error-color: #555; --f-error-bg: #fff; --f-video-bg: #fff; --f-caption-color: #333; --f-spinner-color-1: rgba(0, 0, 0, .2); --f-spinner-color-2: rgba(0, 0, 0, .8); --f-spinner-border-width: 3.5px; --f-progressbar-color: rgba(111, 111, 116); --f-button-color: #333; --f-button-hover-color: #000; --f-button-outline-color: rgba(0, 0, 0, .85); --f-button-bg: rgba(255, 255, 255, .85); --f-button-svg-stroke-width: 1.3; --f-button-svg-filter: none; --f-arrow-bg: rgba(255, 255, 255, .85); --f-arrow-color: #333; --f-arrow-hover-color: #000; --f-arrow-svg-stroke-width: 1.3; --f-close-button-color: #555; --f-close-button-hover-color: #000; --f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0); --f-thumb-focus-shadow: 0 0 0 1.8px #fff,0px 0px 0px 2.25px #888; --f-thumb-selected-shadow: 0 0 0 1.8px #fff,0px 0px 0px 2.25px #000; } .fancybox__container::backdrop { background-color: transparent; } .fancybox__container.has-vertical-thumbs { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } .fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport { overflow: clip visible; } .fancybox__container .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > :not(.f-html, .f-panzoom__wrapper, .f-spinner), .fancybox__container .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected), .fancybox__container .fancybox__carousel > :not(.fancybox__viewport), .fancybox__container > :not(.fancybox__carousel) { opacity: var(--f-drag-opacity,1); } .fancybox__container:not(.is-ready, .is-hiding) { visibility: hidden; } .fancybox__container.is-revealing .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > :not(.f-html, .f-panzoom__wrapper, .f-spinner), .fancybox__container.is-revealing .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected), .fancybox__container.is-revealing .fancybox__carousel > :not(.fancybox__viewport), .fancybox__container.is-revealing > :not(.fancybox__carousel) { animation: var(--f-interface-enter-duration,.35s) ease none f-fadeIn; } .fancybox__container.is-hiding .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > :not(.f-html, .f-panzoom__wrapper), .fancybox__container.is-hiding .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected), .fancybox__container.is-hiding .fancybox__carousel > :not(.fancybox__viewport), .fancybox__container.is-hiding > :not(.fancybox__carousel) { animation: var(--f-interface-exit-duration,.35s) ease forwards f-fadeOut; } .fancybox__container.is-idle .f-carousel__toolbar { pointer-events: none; opacity: 0; } .fancybox__container.is-idle .f-button.is-arrow { opacity: 0; } .fancybox__container.is-idle.is-ready .f-carousel__toolbar { pointer-events: none; animation: 0.15s ease-out 0s 1 normal both running f-fadeOut; } .fancybox__container.is-idle.is-ready .f-button.is-arrow { animation: 0.15s ease-out 0s 1 normal both running f-fadeOut; } .fancybox__backdrop { position: fixed; inset: 0px; z-index: -1; background: var(--fancybox-backdrop-bg); } .fancybox__carousel { -webkit-box-flex: 1; flex: 1 1 0%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-height: 0px; min-width: 0px; position: relative; z-index: 10; overflow: clip visible; } .fancybox__carousel.is-vertical { --f-carousel-slide-height: 100%; } .fancybox__carousel.is-ltr { direction: ltr; } .fancybox__carousel.is-rtl { direction: rtl; } .fancybox__carousel > .f-button.is-arrow::before { position: absolute; content: ""; inset: -30px; z-index: 1; } .fancybox__viewport { display: grid; -webkit-box-flex: 1; flex: 1 1 0%; min-height: 0px; min-width: 0px; position: relative; overflow: visible; transform: translate3d(0,var(--f-drag-offset,0),0); } .fancybox__viewport.is-draggable { cursor: grab; } .fancybox__viewport.is-dragging { cursor: grabbing; } .fancybox__viewport [contenteditable], .fancybox__viewport [data-selectable] { cursor: auto; } .fancybox__slide { box-sizing: border-box; position: relative; grid-area: 1 / 1; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: var(--f-carousel-slide-width); height: var(--f-carousel-slide-height); min-width: 0px; min-height: 0px; max-width: 100%; margin: 0px; padding: var(--f-carousel-slide-padding); background: var(--f-carousel-slide-bg); backface-visibility: hidden; transform: translateZ(0px); will-change: transform; } .fancybox__slide::after, .fancybox__slide::before { display: block; content: ""; } .fancybox__slide::before { margin-bottom: auto; } .fancybox__slide::after { margin-top: auto; } .fancybox__slide.is-selected { z-index: 1; } .fancybox__slide.f-zoomable { overflow: visible; } .fancybox__slide.has-error { --f-html-color: var(--f-error-color, --f-html-color); --f-html-bg: var(--f-error-bg, --f-html-bg); } .fancybox__slide.has-html { overflow: auto; padding: 8px; } .fancybox__slide.has-close-btn { padding-top: 34px; } .fancybox__slide .f-button[data-fancybox-close] { --f-button-width: var(--f-close-button-width, 34px); --f-button-height: var(--f-close-button-height, 34px); --f-button-border-radius: var(--f-close-border-radius, 4px); --f-button-color: var(--f-close-button-color, #fff); --f-button-hover-color: var(--f-close-button-hover-color, #fff); --f-button-bg: var(--f-close-button-bg, transparent); --f-button-hover-bg: var(--f-close-button-hover-bg, transparent); --f-button-active-bg: var(--f-close-button-active-bg, transparent); --f-button-svg-width: var(--f-close-button-svg-width, 22px); --f-button-svg-height: var(--f-close-button-svg-height, 22px); position: absolute; top: calc(var(--f-button-height) * -1); right: 0px; z-index: 40; } .fancybox__slide .f-spinner { cursor: pointer; } .fancybox__container.is-closing .f-caption, .fancybox__slide.is-loading .f-caption { visibility: hidden; } .fancybox__container.is-closing .fancybox__carousel { overflow: visible; } '); --svg-cancel-search: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-small-search: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-cross: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-external-link: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-chevron-left: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-facebook: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-instagram: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-linkedin: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-x: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-youtube: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-email: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-quote-marks: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-maximise: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-tick: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-filter: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-apple-button: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-google-button: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-time: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-location: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-briefcase: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-i: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-button-arrow: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>'); --svg-spinner: url('data:image/svg+xml,'); } *, ::after, ::before { box-sizing: inherit; } ::selection { background: var(--focus-highlight); color: var(--neutral-light); } html { box-sizing: border-box; scroll-behavior: smooth; } body { font-size: var(--step-0); overflow-x: hidden; -webkit-font-smoothing: antialiased; } @media (max-width: 1149px) { body.js-disable-scroll { overflow: hidden; } } .noscript { background: 0px 0px; display: block; padding: 15px; position: absolute; text-align: center; text-decoration: none; width: 100%; z-index: 99999; } .site { position: relative; } :root { --font-normal: 400; --font-bold: 700; } html { font-family: Roboto, sans-serif; font-size: 100%; font-weight: var(--font-normal); line-height: 1.5; } body, button, input, select, textarea { color: var(--neutral-dark); font-size: 1rem; } strong { font-weight: var(--font-bold); } h1, h2, h3, h4, h5, h6 { color: var(--neutral-dark); font-style: normal; font-weight: var(--font-bold); } h1 { line-height: 1.1; margin-bottom: 0px; margin-top: 0px; width: 100%; } h2, h3, h4, h5, h6 { margin-bottom: 0px; margin-top: 0px; line-height: 1.2; } .heading-4 { font-size: var(--step-4); letter-spacing: -0.02em; } .heading-3 { font-size: var(--step-3); letter-spacing: -0.02em; } .heading-2 { font-size: var(--step-2); letter-spacing: -0.02em; } .heading-1 { font-size: var(--step-1); letter-spacing: -0.02em; } .heading-0 { font-size: var(--step-0); } .heading--1 { font-size: var(--step--1); } p { font-size: var(--step-0); margin-bottom: 1em; margin-top: 1em; } ol, ul { font-size: var(--step-0); margin-bottom: var(--space-m); margin-top: var(--space-m); padding-left: 1em; } ol li, ul li { margin-bottom: 1em; margin-top: 1em; padding-left: 0.45em; } ol li::marker, ul li::marker { color: var(--brand-blue); } ol li::marker { font-weight: 600; } a { color: inherit; display: inline-block; font-weight: 400; text-decoration: underline 0.05em rgba(60, 60, 60, 0.5); text-underline-offset: 2px; transition: color 0.25s ease 0s, text-decoration-color 0.25s ease 0s; } a:active, a:hover { text-decoration-color: rgb(60, 60, 60); } :root { --neutral-light: #FFFFFF; --neutral-light-mod-1: #EAEBEC; --neutral-light-mod-2: #C0C3C6; --neutral-dark: #2E3640; --neutral-dark-mod-1: #434A53; --neutral-dark-mod-2: #6D7279; --brand-primary-green: #ABC902; --brand-primary-green-shade: #677901; --brand-primary-green-tint: #F7FAE6; --brand-primary-blue: #09F; --brand-primary-blue-shade: #005c99; --brand-primary-blue-tint: #E6F5FF; --brand-primary-orange: #F90; --brand-primary-orange-shade: #995C00; --brand-primary-orange-tint: #FFF5E6; --brand-primary-purple: #BA5B9E; --brand-primary-purple-shade: #70375F; --brand-primary-purple-tint: #F8EFF5; --brand-primary-pink: #ed6d7e; --brand-primary-teal: #009cb4; --brand-primary-indigo: #262063; --brand-primary-fuchsia: #e5005c; --utility-red: #F04150; --utility-red-tint: #FDECEE; --focus-highlight: #F90; } .has-white-background-color { background-color: var(--neutral-light); } .has-green-tint-background-color { background-color: var(--brand-primary-green-tint); } .screen-reader-text { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .screen-reader-text:focus { background-color: rgb(241, 241, 241); border-radius: var(--rounded); clip-path: none; color: rgb(0, 0, 0); display: block; font-size: 14px; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; clip: auto !important; } #content[tabindex="-1"]:focus { outline: 0px; } .dropdown-toggle:focus, a:focus, button:focus, div[tabindex="0"]:focus, input:focus, textarea:focus { outline: 2px solid var(--focus-highlight); } body:not(.accessibility) .dropdown-toggle:focus, body:not(.accessibility) a:focus, body:not(.accessibility) button:focus, body:not(.accessibility) div[tabindex="0"]:focus, body:not(.accessibility) input:focus, body:not(.accessibility) textarea:focus { outline: 0px !important; } @media screen and (max-width: 782px) { .admin-bar .site-header { top: 46px; } } @media screen and (min-width: 783px) { .admin-bar .site-header { top: 32px; } } .site-header { display: flex; flex-wrap: wrap; position: sticky; width: 100%; z-index: 21; top: 0px; } @media screen and (min-width: 900px) { .site-header { max-height: 80px; } } .site-header::before { background-color: var(--neutral-dark); content: ""; inset: 0px; position: absolute; z-index: 23; } .site-header__inner { display: flex; gap: 10px; margin: 0px auto; max-width: var(--width-xl); padding-left: var(--space-s-l); padding-right: var(--space-s-l); width: 100%; } @media screen and (min-width: 900px) { .site-header__inner { -webkit-box-align: center; align-items: center; position: relative; } } .site-logo { margin-left: -10px; padding: 10px; position: relative; z-index: 102; } .site-logo__link { display: block; border-radius: 50%; } .site-logo__image { display: block; height: 40px; width: 40px; } @media screen and (min-width: 900px) { .site-logo__image { height: 60px; width: 60px; } } @media screen and (max-width: 899px) { .site-navigation.toggled-on .site-navigation__toggle-button .site-navigation__toggle-line:nth-of-type(1) { left: 8.5px; top: 19px; transform: rotate(45deg); transition: transform 0.25s ease 0.25s, left 0.25s ease 0s, top 0.25s ease 0s, width 0.25s ease 0s, background-color 0.5s ease 0s, -webkit-transform 0.25s ease 0.25s; width: 24px; } .site-navigation.toggled-on .site-navigation__toggle-button .site-navigation__toggle-line:nth-of-type(2) { opacity: 0; transition: opacity 0s ease 0.25s, width 0.25s ease 0s, background-color 0.5s ease 0s; } .site-navigation.toggled-on .site-navigation__toggle-button .site-navigation__toggle-line:nth-of-type(3) { left: 8.5px; top: 19px; transform: rotate(-45deg); transition: transform 0.25s ease 0.25s, left 0.25s ease 0s, top 0.25s ease 0s, width 0.25s ease 0s, background-color 0.5s ease 0s, -webkit-transform 0.25s ease 0.25s; width: 24px; } .site-navigation.toggled-on .site-navigation__inner { transition: transform 0.6s cubic-bezier(0.6, 0.02, 0, 1) 0s, visibility 0s ease 0s, -webkit-transform 0.6s cubic-bezier(0.6, 0.02, 0, 1) 0s; transform: translateY(0px); visibility: visible; } .site-navigation__toggle-button { appearance: none; background: 0px 0px; border: 0px; box-shadow: none; cursor: pointer; display: block; font-size: 1rem; font-weight: var(--font-weight--medium); height: 40px; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; position: absolute; right: calc(var(--space-s-l) - 7px); text-transform: uppercase; top: 10px; transition: background 0.6s ease 0s; white-space: nowrap; width: 40px; z-index: 102; } .site-navigation__toggle-line { background-color: var(--brand-primary-green); border-radius: 1px; display: block; height: 2px; left: 9px; position: absolute; width: 24px; } .site-navigation__toggle-line:nth-of-type(1) { top: 11px; transition: transform 0.25s ease 0s, left 0.25s ease 0.25s, top 0.25s ease 0.25s, width 0.25s ease 0.25s, background-color 0.5s ease 0s, -webkit-transform 0.25s ease 0s; } .site-navigation__toggle-line:nth-of-type(2) { opacity: 1; top: 19px; transition: opacity 0s ease 0.25s, width 0.25s ease 0s, background-color 0.5s ease 0s; } .site-navigation__toggle-line:nth-of-type(3) { top: 27px; transition: transform 0.25s ease 0s, left 0.25s ease 0.25s, top 0.25s ease 0.25s, width 0.25s ease 0.25s, background-color 0.5s ease 0s, -webkit-transform 0.25s ease 0s; } .site-navigation__toggle-text { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .site-navigation__inner { -webkit-box-align: start; align-items: flex-start; background-color: var(--neutral-light); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100vh; left: 0px; margin: 0px; overflow-y: scroll; padding-top: 60px; position: absolute; transition: transform 0.6s cubic-bezier(0.6, 0.02, 0, 1) 0s, visibility 0s ease 0.6s, box-shadow 0.6s ease 0s, -webkit-transform 0.6s cubic-bezier(0.6, 0.02, 0, 1) 0s, -webkit-box-shadow 0.6s ease 0s; top: 0px; width: 100%; visibility: hidden; z-index: 22; transform: translateY(-100%); } .site-navigation__menu { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; list-style: none; margin: 0px; padding: 0px; width: 100%; } .site-navigation__menu > .menu-item { width: 100%; } .site-navigation .menu-item { border-bottom: 1px solid var(--neutral-light-mod-1); display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; margin: 0px; padding: 0px; } .site-navigation .menu-item.current-menu-item > .menu-link { color: var(--brand-primary-green-shade); } .site-navigation .menu-item.menu-item-news .sub-menu { column-gap: 10px; grid-template-columns: repeat(2, 1fr); } .site-navigation .menu-item.menu-item-news .sub-menu.is-active { display: grid; } .site-navigation .menu-link { font-size: var(--step--1); font-weight: 600; margin-left: var(--space-3xs); padding: .911em var(--space-xs); text-decoration: none; } .site-navigation .sub-menu-button { -webkit-box-align: center; align-items: center; appearance: none; background-color: transparent; border: none; border-radius: var(--rounded); cursor: pointer; display: flex; height: 50px; -webkit-box-pack: center; justify-content: center; margin-right: 0.7em; width: 50px; } .site-navigation .sub-menu-button[aria-expanded="true"] .sub-menu-button__icon { transform: rotate(-90deg); } .site-navigation .sub-menu-button__icon { background-color: var(--brand-primary-green); display: block; height: 12px; mask-image: var(--svg-arrow-head); mask-repeat: no-repeat; mask-position: center center; mask-size: 7px 12px; min-height: 12px; min-width: 12px; transition: background-color 0.35s ease 0s, transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s; transform: rotate(90deg); transform-origin: center center; width: 12px; } .site-navigation .sub-menu-button__text { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .site-navigation .sub-menu { background-color: var(--brand-primary-green-tint); border-top: 1px solid var(--neutral-light-mod-1); display: none; flex-wrap: wrap; list-style-type: none; padding: var(--space-xs) var(--space-2xs); position: relative; margin: 0px; width: 100%; } .site-navigation .sub-menu.is-active { display: block; } .site-navigation .sub-menu .link-container { border: none; } .site-navigation .sub-menu .menu-item { border: none; position: relative; } .site-navigation .sub-menu .menu-item.current-menu-item > .menu-link { text-decoration: underline; } .site-navigation .sub-menu .menu-link { display: inline-block; font-size: var(--step--1); font-weight: 400; margin-left: 0px; padding: .48em var(--space-xs); transition: color 0.25s ease 0s; } } @media screen and (min-width: 900px) { .site-navigation { margin: 0px; } .site-navigation .site-navigation__inner { height: auto !important; } .site-navigation__toggle-button { display: none; } .site-navigation__menu { display: flex; column-gap: var(--space-3xs); list-style-type: none; margin: 0px; padding-left: 0px; position: relative; } .site-navigation__menu > .menu-item { -webkit-box-align: center; align-items: center; display: flex; margin: 0px; padding-left: 12px; padding-right: 12px; position: relative; } .site-navigation__menu > .menu-item:active::after, .site-navigation__menu > .menu-item:hover::after { transform: scaleY(1); } .site-navigation__menu > .menu-item:active .sub-menu-button__icon, .site-navigation__menu > .menu-item:hover .sub-menu-button__icon { transform: rotate(-90deg); } .site-navigation__menu > .menu-item:active .sub-menu, .site-navigation__menu > .menu-item:hover .sub-menu { opacity: 1; transform: translateY(0px) scale(1); transition: transform 0.35s ease 0s, visibility 0.35s ease 0s, -webkit-transform 0.35s ease 0s; visibility: visible; } .site-navigation__menu > .menu-item.menu-item-news > .sub-menu { column-gap: 10px; display: grid; grid-template-columns: repeat(2, 1fr); min-width: 360px; } .site-navigation__menu > .menu-item.menu-item-news > .sub-menu::before { border-bottom: 1px solid var(--neutral-light-mod-2); content: "Categories"; font-size: var(--step--1); font-weight: 700; grid-column: span 2; margin-bottom: var(--space-2xs); padding-bottom: var(--space-2xs); width: 100%; } .site-navigation__menu > .menu-item::after { background-color: var(--neutral-light); bottom: 0px; content: ""; pointer-events: none; height: 4px; left: 0px; position: absolute; transform: scaleY(0); transform-origin: center bottom; transition: transform 250ms ease 0s, -webkit-transform 250ms ease 0s; width: 100%; z-index: 27; } .site-navigation__menu > .menu-item.current-menu-item::after { transform: scaleY(1); } .site-navigation__menu > .menu-item.current-menu-item > .menu-link { color: var(--brand-primary-green); } .site-navigation__menu > .menu-item.current-menu-parent::after { transform: scaleY(1); } .site-navigation__menu > .menu-item.current-menu-parent > .menu-link { color: var(--brand-primary-green); } .site-navigation__menu > .menu-item > .menu-link { z-index: 25; } .site-navigation__menu > .menu-item-has-children { padding-right: 0px; } .site-navigation__menu .menu-link { border-radius: var(--rounded); color: var(--neutral-light); font-size: var(--step--1); font-weight: var(--font-bold); line-height: 1.2; padding: 1.9225em 0.1em; text-decoration: none; } .site-navigation__menu .menu-link:active, .site-navigation__menu .menu-link:hover { color: var(--brand-primary-green); } .site-navigation .sub-menu-button { -webkit-box-align: center; align-items: center; appearance: none; background-color: transparent; border: none; border-radius: var(--rounded); cursor: pointer; display: flex; -webkit-box-pack: center; justify-content: center; height: 80px; margin-right: 7px; width: 24px; z-index: 26; } .site-navigation .sub-menu-button[aria-expanded="true"] .sub-menu-button__icon { transform: rotate(-90deg); } .site-navigation .sub-menu-button__icon { background-color: var(--neutral-light); display: block; height: 10px; mask-image: var(--svg-arrow-head); mask-position: center center; mask-repeat: no-repeat; mask-size: 10px 10px; transition: background-color 0.35s ease 0s, transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s; transform-origin: center center; transform: rotate(90deg); width: 10px; } .site-navigation .sub-menu-button__text { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .site-navigation .sub-menu { left: 0px; background-color: var(--neutral-light); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px 0px; list-style-type: none; margin: 0px auto; padding: var(--space-m); position: absolute; top: 100%; transition: transform 0.35s ease 0s, opacity 0.35s ease 0s, visibility 0s ease 0.35s, -webkit-transform 0.35s ease 0s; transform: translateY(-16px); transform-origin: center top; opacity: 0; visibility: hidden; z-index: 22; } .site-navigation .sub-menu.is-active { opacity: 1; transform: translateY(0px) scale(1); transition: transform 0.35s ease 0s, visibility 0.35s ease 0s, -webkit-transform 0.35s ease 0s; visibility: visible; } .site-navigation .sub-menu .menu-item { margin: 0px; padding-left: 0px; position: relative; } .site-navigation .sub-menu .menu-item.current-menu-item .menu-link { color: var(--brand-primary-green-shade); } .site-navigation .sub-menu .menu-link { color: var(--neutral-dark); font-size: var(--step--1); font-weight: var(--font-normal); padding: 0.65em 0px; transition: color 0.25s ease 0s; white-space: nowrap; } .site-navigation .sub-menu .menu-link:active, .site-navigation .sub-menu .menu-link:hover { color: var(--brand-primary-green-shade); } } @media screen and (max-width: 899px) { .site-search { display: none; } } @media screen and (min-width: 900px) { .site-search { margin-left: auto; margin-right: -14px; } .site-search__button { -webkit-box-align: center; align-items: center; appearance: none; background-color: transparent; border: none; border-radius: var(--rounded); cursor: pointer; display: flex; height: 50px; -webkit-box-pack: center; justify-content: center; padding: 0px; position: relative; width: 50px; z-index: 27; } .site-search__button[aria-expanded="true"] .site-search__search-icon { opacity: 0; visibility: hidden; transform: scale(0.5); transition: opacity 250ms ease 0s, transform 250ms ease 0s, visibility 0s ease 250ms, -webkit-transform 250ms ease 0s; } .site-search__button[aria-expanded="true"] .site-search__close-icon { opacity: 1; visibility: visible; transform: scale(1); transition: opacity 250ms ease 0s, transform 250ms ease 0s, visibility 0s ease 0s, -webkit-transform 250ms ease 0s; } .site-search__search-icon { background-color: var(--neutral-light); display: block; height: 24px; mask-image: var(--svg-search); mask-position: center center; mask-repeat: no-repeat; mask-size: 24px 24px; opacity: 1; position: absolute; transform: scale(1); transition: opacity 250ms ease 0s, transform 250ms ease 0s, visibility 0s ease 0s, -webkit-transform 250ms ease 0s; width: 24px; } .site-search__close-icon { background-color: var(--neutral-light); display: block; height: 24px; mask-image: var(--svg-cross); mask-position: center center; mask-repeat: no-repeat; mask-size: 24px 24px; opacity: 0; position: absolute; transform: scale(0.5); transition: opacity 250ms ease 0s, transform 250ms ease 0s, visibility 0s ease 250ms, -webkit-transform 250ms ease 0s; visibility: hidden; width: 24px; } .site-search__title { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } } .site-search-bar-container { width: 100%; } .site-search-bar { background-color: var(--neutral-light-mod-1); border-bottom: 1px solid var(--neutral-light-mod-2); display: flex; opacity: 0; padding-bottom: var(--space-s); padding-top: var(--space-s); position: absolute; transform: translateY(-100%); transition: opacity 0.35s ease 0s, transform 0.35s ease 0s, visibility 0s ease 0.35s, -webkit-transform 0.35s ease 0s; visibility: hidden; width: 100%; } .site-search-bar.is-open { opacity: 1; transform: translateY(0px); visibility: visible; transition: opacity 0.35s ease 0s, transform 0.35s ease 0s, visibility 0s ease 0s, -webkit-transform 0.35s ease 0s; } .site-search-bar__inner { display: flex; -webkit-box-pack: center; justify-content: center; margin: 0px auto; max-width: 920px; width: calc(100% - var(--space-s-l) * 2); } .inner { margin: 0px auto; max-width: var(--width-xl); width: calc(100% - var(--space-s-3xl) * 2); } .wrapper { display: grid; grid-template-columns: 1fr minmax(0,var(--width-xl)) 1fr; width: 100%; } @media (min-width: 1280px) { .wrapper { grid-template-columns: minmax(150px,1fr) minmax(0,var(--width-xl)) minmax(150px,1fr); } } .middle { display: grid; max-width: var(--width-xl); position: relative; width: 100%; } .site-main { display: grid; gap: var(--space-s-l); max-width: var(--width-xl); padding: calc(var(--space-s-l) - 3px) calc(var(--space-s-l) - 3px) calc(var(--space-2xl) - 3px) calc(var(--space-s-l) - 3px); width: 100%; } .site-main.site-main--col-1-narrow .primary { margin-left: auto; margin-right: auto; max-width: 920px; width: 100%; } .site-main.site-main--col-1-full .text { max-width: 920px; } @media screen and (min-width: 1000px) { .site-main.site-main--col-2 { -webkit-box-align: start; align-items: flex-start; column-gap: var(--space-s-l); display: grid; grid-template-columns: repeat(12, 1fr); row-gap: var(--space-s); } } .site-main.site-main--col-2 .primary { grid-column: 1 / 13; } @media screen and (min-width: 1000px) { .site-main.site-main--col-2 .primary { grid-column: 1 / 9; } } .site-main.site-main--col-2 .secondary { grid-column: 1 / 13; } @media screen and (max-width: 999px) { .site-main.site-main--col-2 .secondary { column-gap: var(--space-s-l); display: grid; grid-template-columns: repeat(6, 1fr); row-gap: var(--space-s); } } @media screen and (min-width: 1000px) { .site-main.site-main--col-2 .secondary { grid-column: 9 / 13; } } .site-main.site-main--col-2 .secondary .ad-feature { grid-column: 1 / 7; } @media screen and (min-width: 700px) and (max-width: 999px) { .site-main.site-main--col-2 .secondary .ad-feature { grid-column: 1 / 4; } } .site-main.site-main--col-2 .secondary .featured-issue { grid-column: 1 / 7; } @media screen and (min-width: 700px) and (max-width: 999px) { .site-main.site-main--col-2 .secondary .featured-issue { grid-column: 4 / 7; } } .site-main > article { overflow: hidden; } .primary { overflow: hidden; padding: 3px; } .secondary { display: grid; gap: var(--space-s); padding: 3px; } @media screen and (min-width: 900px) { .secondary { position: sticky; top: calc(80px + var(--space-s-l)); } } @media screen and (min-width: 900px) { .admin-bar .secondary { position: sticky; top: calc(113px + var(--space-s-l)); } } .side { display: grid; gap: var(--space-s); width: 100%; } @media screen and (max-width: 999px) { .side { grid-template-columns: repeat(2, minmax(0px, 1fr)); padding: var(--space-s-l); } } @media screen and (min-width: 1000px) { .side { padding: var(--space-s-l) var(--space-s-l) var(--space-s-l) 0; } } .top { display: flex; background-color: var(--neutral-dark-mod-1); -webkit-box-pack: center; justify-content: center; padding-bottom: var(--space-10-20); padding-left: 10px; padding-right: 10px; padding-top: var(--space-10-20); position: relative; z-index: 25; } @media screen and (max-width: 599px) and (orientation: landscape) { .top { display: none; } } .left { background-color: var(--neutral-light-mod-2); display: flex; -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-pack: end; justify-content: flex-end; position: relative; } .left__inner { inset: 0px; margin-left: auto; max-width: 200px; min-width: 150px; position: absolute; } @media (max-width: 1279px) { .left__inner { display: none; } } .right { background-color: var(--neutral-light-mod-2); display: flex; -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-pack: start; justify-content: flex-start; position: relative; } .right__inner { inset: 0px; position: absolute; max-width: 200px; min-width: 150px; } @media (max-width: 1279px) { .right__inner { display: none; } } .entry-content { width: 100%; } .entry-content > :first-child { margin-top: 0px !important; } .entry-content > :last-child { margin-bottom: 0px !important; } .margin-top-0 { margin-top: 0px; } .margin-top-1 { margin-top: var(--space-xl-2xl); } .margin-top-2 { margin-top: var(--space-xl-3xl); } .margin-bottom-0 { margin-bottom: 0px; } .margin-bottom-1 { margin-bottom: var(--space-xl-2xl); } .margin-bottom-2 { margin-bottom: var(--space-xl-3xl); } .padding-top-0 { padding-top: 0px; } .padding-top-1 { padding-top: var(--space-xl-2xl); } .padding-top-2 { padding-top: var(--space-xl-3xl); } .padding-bottom-0 { padding-bottom: 0px; } .padding-bottom-1 { padding-bottom: var(--space-xl-2xl); } .padding-bottom-2 { padding-bottom: var(--space-xl-3xl); } .site-footer { background-color: var(--neutral-dark); color: var(--neutral-light); display: grid; gap: var(--space-l); margin: 0px auto; max-width: var(--width-xl); padding: var(--space-xl) var(--space-s-l) var(--space-l) var(--space-s-l); width: 100%; } @media screen and (min-width: 680px) { .site-footer { gap: var(--space-2xl); } } @media screen and (min-width: 850px) { .site-footer { padding: var(--space-xl) var(--space-s-l) var(--space-s-l) var(--space-s-l); } } .site-info__columns { column-gap: var(--space-s-l); display: grid; grid-template-columns: repeat(12, 1fr); margin: 0px; row-gap: var(--space-m); } @media screen and (min-width: 400px) { .site-info__columns { row-gap: var(--space-l); } } .site-info__column.column-1 { grid-column: span 12; } @media screen and (min-width: 680px) { .site-info__column.column-1 { grid-column: span 6; } } @media screen and (min-width: 960px) { .site-info__column.column-1 { grid-column: span 4; } } .site-info__column.column-2 { grid-column: span 12; } @media screen and (min-width: 400px) { .site-info__column.column-2 { grid-column: span 6; } } @media screen and (min-width: 680px) { .site-info__column.column-2 { grid-column: span 3; } } @media screen and (min-width: 960px) { .site-info__column.column-2 { grid-column: span 2; } } .site-info__column.column-3 { grid-column: span 12; } @media screen and (min-width: 400px) { .site-info__column.column-3 { grid-column: span 6; } } @media screen and (min-width: 680px) { .site-info__column.column-3 { grid-column: span 3; } } @media screen and (min-width: 960px) { .site-info__column.column-3 { grid-column: span 2; margin-right: calc(-1 * var(--space-m)); } } .site-info__column.column-4 { grid-column: span 12; } @media screen and (max-width: 399px) { .site-info__column.column-4 .site-info__heading { display: none; } } @media screen and (min-width: 680px) { .site-info__column.column-4 { grid-column: 7 / 13; } } @media screen and (min-width: 960px) { .site-info__column.column-4 { grid-column: span 4; margin-left: auto; -webkit-box-pack: end; justify-content: flex-end; text-align: right; } } .site-info__image { height: 60px; margin-bottom: var(--space-s-m); width: 60px; } .site-info__cta-heading { color: var(--neutral-light); font-size: var(--step-1); max-width: 300px; text-wrap: balance; } .site-info__link-button.link-button.link-button--light { margin-top: var(--space-s); } .site-info__link-button.link-button.link-button--light::before { box-shadow: inset 0 0 0 1px var(--neutral-light); } .site-info__heading { color: var(--neutral-light); font-size: var(--step-0); margin-bottom: var(--space-xs); } .site-info__address { display: grid; font-style: normal; } .site-info__list { font-size: var(--step--1); margin: 0px; padding-left: 0px; } .site-info__list.list--websites { margin-top: var(--space-m); } .site-info__list .menu-item { list-style-type: none; margin-bottom: var(--space-2xs); margin-top: var(--space-2xs); padding-left: 0px; } .site-info__list a { color: var(--neutral-light-mod-2); text-decoration-color: var(--neutral-light-mod-2); } .site-info__list a:active, .site-info__list a:hover { color: var(--neutral-light); text-decoration-color: var(--neutral-light); } .site-info__list-item { list-style-type: none; margin-bottom: var(--space-2xs); margin-top: var(--space-2xs); padding-left: 0px; } .site-info__link { color: var(--neutral-light-mod-2); text-decoration-color: var(--neutral-light-mod-2); } .site-info__link:active, .site-info__link:hover { color: var(--neutral-light); text-decoration-color: var(--neutral-light); } .site-info__social-list { display: flex; gap: var(--space-2xs); list-style-type: none; margin: 0px -5px 0px 0px; padding-left: 0px; } .site-info__social-list-item { margin: 0px; padding-left: 0px; } .site-info__social-link { display: block; height: 34px; padding: 5px; width: 34px; } .site-info__social-link:active .site-info__social-icon, .site-info__social-link:hover .site-info__social-icon { background-color: var(--neutral-light); } .site-info__social-text { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .site-info__social-icon { background-color: var(--neutral-light-mod-2); display: block; height: 24px; mask-position: center center; mask-repeat: no-repeat; mask-size: 24px 24px; transition: background-color 0.25s ease 0s; width: 24px; } .site-info__social-icon.has-linkedin-icon { mask-image: var(--svg-linkedin); } .site-info__social-icon.has-instagram-icon { mask-image: var(--svg-instagram); } .site-info__social-icon.has-facebook-icon { mask-image: var(--svg-facebook); } .site-info__social-icon.has-x-icon { mask-image: var(--svg-x); } .site-info__social-icon.has-youtube-icon { mask-image: var(--svg-youtube); } .site-base { color: var(--neutral-light-mod-2); } .site-base__columns { display: grid; column-gap: var(--space-s-l); grid-template-columns: repeat(12, 1fr); margin: 0px; row-gap: var(--space-m); } @media screen and (min-width: 560px) { .site-base__columns { row-gap: var(--space-s); } } .site-base__column.column-1 { grid-column: span 12; } @media screen and (max-width: 849px) { .site-base__column.column-1 { -webkit-box-ordinal-group: 3; order: 2; } } @media screen and (min-width: 850px) { .site-base__column.column-1 { grid-column: span 4; } } .site-base__column.column-2 { column-gap: var(--space-m); display: grid; grid-column: span 12; } @media screen and (max-width: 849px) { .site-base__column.column-2 { -webkit-box-ordinal-group: 2; order: 1; row-gap: var(--space-m); } } @media screen and (min-width: 850px) { .site-base__column.column-2 { display: flex; flex-wrap: wrap; grid-column: span 8; } } .site-base__list { column-gap: var(--space-m); display: flex; font-size: var(--step--1); margin-bottom: 0px; margin-top: 0px; padding-left: 0px; row-gap: var(--space-2xs); } @media screen and (max-width: 559px) { .site-base__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } @media screen and (min-width: 560px) { .site-base__list { flex-wrap: wrap; } } .site-base__list .menu-item { list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } .site-base__list a { color: var(--neutral-light-mod-2); text-decoration-color: var(--neutral-light-mod-2); } .site-base__list a:active, .site-base__list a:hover { color: var(--neutral-light); text-decoration-color: var(--neutral-light); } .site-base__copyright { font-size: var(--step--1); } .site-base__link { color: var(--neutral-light-mod-2); text-decoration-color: var(--neutral-light-mod-2); } .site-base__link:active, .site-base__link:hover { color: var(--neutral-light); text-decoration-color: var(--neutral-light); } .ad { position: relative; width: 100%; } .ad__link { display: block; height: 100%; width: 100%; } .ad__image { display: block; height: 100%; object-fit: cover; width: 100%; } [data-ad-slot] { opacity: 0; pointer-events: none; position: absolute; visibility: hidden; transition: opacity 0.6s ease 0s, visibility 0.6s ease 0s; } [data-ad-slot].visible { opacity: 1; pointer-events: auto; visibility: visible; } .ad-top { aspect-ratio: 400 / 250; max-width: 580px; } @media screen and (min-width: 600px) { .ad-top { aspect-ratio: 970 / 250; max-width: 970px; } } .features__columns { column-gap: var(--space-s-l); display: grid; grid-template-columns: repeat(12, 1fr); row-gap: var(--space-s); } .features__column.column--1 { display: flex; grid-column: 1 / 13; } @media screen and (min-width: 900px) { .features__column.column--1 { grid-column: 1 / 9; } } .features__column.column--2 { display: grid; gap: var(--space-s); grid-column: 1 / 13; } @media screen and (max-width: 899px) { .features__column.column--2 { column-gap: var(--space-s); display: grid; grid-template-columns: repeat(12, 1fr); } } @media screen and (min-width: 900px) { .features__column.column--2 { -webkit-box-align: start; align-items: start; grid-column: 9 / 13; } } .featured-post { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; width: 100%; } .featured-post__link { -webkit-box-align: end; align-items: flex-end; border-radius: var(--rounded-s); display: flex; flex-wrap: wrap; text-decoration: none; overflow: hidden; position: relative; width: 100%; } @media screen and (min-width: 600px) { .featured-post__link { aspect-ratio: 920 / 560; } } .featured-post__link:active .featured-post__image, .featured-post__link:hover .featured-post__image { transform: scale(1.06); } .featured-post__image-container { background-color: rgb(204, 204, 204); width: 100%; } @media screen and (max-width: 599px) { .featured-post__image-container { aspect-ratio: 920 / 560; position: relative; } } @media screen and (min-width: 600px) { .featured-post__image-container { inset: 0px; position: absolute; } } .featured-post__image { height: 100%; object-fit: cover; position: absolute; transition: transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s; width: 100%; } .featured-post__text-container { padding: var(--space-xs) 0 0 0; position: relative; width: 100%; } @media screen and (min-width: 600px) { .featured-post__text-container { padding: var(--space-m); } .featured-post__text-container::before { background: linear-gradient(rgba(0, 0, 0, 0) 0px, rgb(0, 0, 0) 100%); content: ""; inset: -50% 0px 0px; position: absolute; } } .featured-post__text-container > :first-child { margin-top: 0px; } .featured-post__text-container > :last-child { margin-bottom: 0px; } .featured-post__heading { font-size: var(--step-2); position: relative; } @media screen and (min-width: 600px) { .featured-post__heading { color: var(--neutral-light); } } .featured-post__paragraph { font-size: var(--step--1); position: relative; } @media screen and (max-width: 599px) { .featured-post__paragraph { margin-top: var(--space-3xs); } } @media screen and (min-width: 600px) { .featured-post__paragraph { color: var(--neutral-light); } } .featured-issue { border-left: 4px solid var(--brand-primary-green); display: flex; -webkit-box-flex: 1; flex: 1 1 0%; width: 100%; } @media screen and (max-width: 599px) { .featured-issue { grid-column: 1 / 13; } } @media screen and (min-width: 600px) and (max-width: 899px) { .featured-issue { grid-column: 7 / 13; } } .featured-issue__link { background-color: var(--brand-primary-green-tint); display: flex; padding: var(--space-s-m); text-decoration: none; width: 100%; } .featured-issue__columns { -webkit-box-align: center; align-items: center; display: flex; gap: var(--space-s-m); width: 100%; } .featured-issue__column.column--2 { -webkit-box-align: start; align-items: flex-start; -webkit-box-flex: 1; flex: 1 1 0%; } .featured-issue__image-container { aspect-ratio: 141 / 200; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 20px 0px; height: auto; max-width: 141px; width: 100%; } .featured-issue__image { display: block; height: 100%; object-fit: cover; width: 100%; } .featured-issue__heading { font-size: var(--step-2); } .featured-issue__date { font-size: var(--step--1); } .featured-issue__link-button { margin-top: var(--space-2xs); white-space: nowrap; } .post-navigation { width: 100%; } .post-navigation__form { -webkit-box-align: center; align-items: center; display: flex; gap: var(--space-xs); } .post-navigation__prev-link { -webkit-box-align: center; align-items: center; aspect-ratio: 1 / 1; border: 1px solid var(--neutral-light-mod-2); border-radius: 50%; display: flex; height: 54px; -webkit-box-pack: center; justify-content: center; width: 54px; } .post-navigation__prev-link::before { background-color: var(--neutral-dark); content: ""; display: block; height: 24px; mask-image: var(--svg-chevron-left); mask-repeat: no-repeat; mask-position: center center; mask-size: 24px 24px; width: 24px; } .post-navigation__input { appearance: none; -webkit-box-align: center; align-items: center; aspect-ratio: 1 / 1; border: 1px solid var(--neutral-light-mod-2); border-radius: var(--rounded-s); display: flex; height: 54px; -webkit-box-pack: center; justify-content: center; padding-right: 4px; padding-left: 4px; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 54px; } .post-navigation__input:active, .post-navigation__input:focus { border: 1px solid var(--neutral-dark-mod-2); } .post-navigation__input[type="number"]::-webkit-inner-spin-button, .post-navigation__input[type="number"]::-webkit-outer-spin-button { appearance: none; margin: 0px; } .post-navigation__input[type="number"] { } .post-navigation__description { font-size: var(--step--1); } .post-navigation__next-link { background-color: var(--neutral-dark); border-radius: 50px; color: var(--neutral-light); font-size: var(--step--1); padding: var(--space-xs) var(--space-m); position: relative; transition: background-color 250ms ease 0s, color 250ms ease 0s; text-decoration: none; } .post-navigation__next-link::before { border-radius: 50px; box-shadow: inset 0 0 0 1px var(--neutral-dark); content: ""; inset: 0px; position: absolute; } .post-navigation__next-link:active, .post-navigation__next-link:hover { background-color: var(--neutral-light); color: var(--neutral-dark); } .post-navigation__next-link.is-disabled, .post-navigation__prev-link.is-disabled { display: none; } .magazine .entry-title, .news .entry-title { font-size: var(--step-3); } .magazine .entry-content, .news .entry-content { margin: 0px auto; max-width: var(--width-xs); } .magazine .entry-meta, .news .entry-meta { display: grid; gap: var(--space-2xs); margin-bottom: var(--space-l); margin-top: var(--space-l); } .magazine .byline, .magazine .posted-on, .news .byline, .news .posted-on { color: var(--neutral-dark-mod-2); display: inline-block; line-height: 1.2; } .magazine .byline a, .magazine .posted-on a, .news .byline a, .news .posted-on a { color: var(--neutral-dark-mod-2); text-decoration: none; } .magazine .byline a:active, .magazine .byline a:hover, .magazine .posted-on a:active, .magazine .posted-on a:hover, .news .byline a:active, .news .byline a:hover, .news .posted-on a:active, .news .posted-on a:hover { color: var(--neutral-dark); } .magazine .updated:not(.published), .news .updated:not(.published) { display: none; } article.type-news .cta-box { background-color: var(--brand-primary-blue-tint); } article.type-news .text .pretext { color: var(--brand-primary-blue-shade); } article.type-news .text blockquote { border-left: 5px solid var(--brand-primary-blue); } article.type-news .quote::before { background-color: var(--brand-primary-blue); } article.type-news .table__figure { border-bottom: 4px solid var(--brand-primary-blue); } article.type-magazine .cta-box { background-color: var(--brand-primary-green-tint); } article.type-magazine .text .pretext { color: var(--brand-primary-green-shade); } article.type-magazine .text blockquote { border-left: 5px solid var(--brand-primary-green); } article.type-magazine .quote::before { background-color: var(--brand-primary-green); } article.type-magazine .table__figure { border-bottom: 4px solid var(--brand-primary-green); } .related-posts { border-top-left-radius: var(--rounded-s); border-top-right-radius: var(--rounded-s); margin-bottom: var(--space-m); margin-left: 0px; margin-right: 0px; margin-top: var(--space-m); } .related-posts__list { display: grid; gap: var(--space-s-l); grid-template-columns: repeat(12, 1fr); padding-left: 0px; } .related-post { display: grid; list-style-type: none; grid-column: span 12; margin: 0px; padding-left: 0px; } @media screen and (min-width: 600px) { .related-post { grid-column: span 4; } } .related-post__link { border-top-left-radius: var(--rounded-s); border-top-right-radius: var(--rounded-s); border-bottom: 3px solid var(--neutral-light-mod-2); padding-bottom: var(--space-m); text-decoration: none; width: 100%; } .related-post__image-container { -webkit-box-align: end; align-items: flex-end; aspect-ratio: 320 / 220; border-top-left-radius: var(--rounded-s); border-top-right-radius: var(--rounded-s); border-bottom-right-radius: var(--rounded-s); display: flex; overflow: hidden; position: relative; width: 100%; } .related-post__image { display: block; height: 100%; object-fit: cover; position: absolute; width: 100%; } .related-post__category { background-color: var(--neutral-light); bottom: -1px; color: var(--brand-primary-blue-shade); display: inline-block; font-size: var(--step--1); left: -1px; padding: var(--space-3xs) var(--space-2xs) var(--space-3xs) 1px; position: relative; } .related-post__heading { font-size: var(--step-0); margin-top: var(--space-xs); } @media screen and (max-width: 899px) { .site-categories { display: none; } } @media screen and (min-width: 900px) { .site-categories { border-bottom: 1px solid var(--neutral-light-mod-2); position: relative; width: 100%; } .site-categories__menu { display: flex; flex-wrap: wrap; gap: 2px; overflow: hidden; padding-left: var(--space-s-l); padding-right: var(--space-s-l); max-height: clamp(2.9375rem, 2.74344rem + 0.345vw, 3.0625rem); margin: 0px auto; max-width: var(--width-xl); } .site-categories__menu .menu-item { list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding: 4px; position: relative; } .site-categories__menu .menu-item.current-menu-item a { font-weight: 600; } .site-categories__menu .menu-item.current-menu-item::after { background-color: var(--brand-primary-blue); bottom: 0px; content: ""; display: block; height: 3px; left: 0px; pointer-events: none; position: absolute; right: 0px; } .site-categories__menu .menu-item a { font-size: var(--step--1); line-height: 1.2; padding: calc(var(--space-xs) - 4px); text-decoration: none; transition: color 250ms ease 0s; } .site-categories__menu .menu-item a:active, .site-categories__menu .menu-item a:hover { color: var(--brand-primary-blue-shade); } } .entry-header.entry-header--job { column-gap: var(--space-s); display: flex; row-gap: var(--space-xs); } @media screen and (max-width: 599px) { .entry-header.entry-header--job { flex-wrap: wrap; } } @media screen and (min-width: 600px) { .entry-header.entry-header--job { -webkit-box-align: center; align-items: center; } } .entry-header.entry-header--job .entry-header__image-container { -webkit-box-align: center; align-items: center; border-radius: var(--rounded-s); border: 1px solid var(--neutral-light-mod-2); display: flex; -webkit-box-pack: center; justify-content: center; height: 78px; min-width: 98px; padding: var(--space-2xs); width: 98px; } .entry-header.entry-header--job .entry-header__image { display: block; height: auto; width: 100%; } .entry-meta__list { column-gap: var(--space-s-m); display: flex; flex-wrap: wrap; padding-left: 0px; row-gap: var(--space-2xs); width: 100%; } .entry-meta__list-item { -webkit-box-align: center; align-items: center; column-gap: var(--space-2xs); display: flex; list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } .entry-meta__list-item.list-item--fullwdth { width: 100%; } .entry-meta__icon { background-color: var(--neutral-dark); display: block; height: 20px; mask-position: center center; mask-repeat: no-repeat; mask-size: 20px 20px; width: 20px; } .entry-meta__icon.has-company-icon { mask-image: var(--svg-briefcase); } .entry-meta__icon.has-location-icon { mask-image: var(--svg-location); } .entry-meta__icon.has-time-icon { mask-image: var(--svg-time); } .entry-meta__title.title--bold { font-weight: 600; } .entry-footer { margin-top: var(--space-m); } .header { margin-bottom: var(--space-s-l); position: relative; width: 100%; } .header.header--homepage { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; column-gap: var(--space-s); } .header.header--homepage::before { background-color: var(--neutral-light-mod-1); bottom: 0px; content: ""; display: block; height: 4px; position: absolute; width: 100%; } .header.header--homepage .header__column { padding-bottom: calc(var(--space-xs) + 4px); position: relative; } .header.header--homepage .header__column.column--1 { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; max-width: 485px; } .header.header--homepage .header__column.column--1::after { background-color: var(--brand-primary-green); bottom: 0px; content: ""; display: block; height: 4px; position: absolute; width: 100%; } .header.header--homepage .title { align-self: center; } .header .page-title { font-size: var(--step-3); margin-top: 0.1em; } .title { font-size: var(--step-1); position: relative; text-wrap: balance; } .lsi-logo-40th { display: block; height: clamp(2.3125rem, 1.9159rem + 1.983vw, 3.75rem); width: clamp(3rem, 2.4828rem + 2.586vw, 4.875rem); } .posts { display: grid; gap: var(--space-s-l); grid-template-columns: repeat(12, 1fr); margin: var(--space-s-l) 0; padding-left: 0px; } .post { list-style-type: none; grid-column: span 12; margin: 0px; padding-left: 0px; } @media screen and (min-width: 400px) { .post { grid-column: span 6; } } @media screen and (min-width: 900px) { .post { grid-column: span 3; } } .post.post--magazine-alt, .post.post--news { display: flex; } .post.post--magazine-alt .post__link, .post.post--news .post__link { border-bottom: 3px solid var(--neutral-light-mod-2); border-top-left-radius: var(--rounded-s); border-top-right-radius: var(--rounded-s); padding-bottom: var(--space-m); text-decoration: none; width: 100%; } .post.post--magazine-alt .post__link:active .post__image, .post.post--magazine-alt .post__link:hover .post__image, .post.post--news .post__link:active .post__image, .post.post--news .post__link:hover .post__image { transform: scale(1.1); } .post.post--magazine-alt .post__image-container, .post.post--news .post__image-container { -webkit-box-align: end; align-items: flex-end; aspect-ratio: 320 / 220; border-radius: var(--rounded-s); display: flex; overflow: hidden; position: relative; width: 100%; } .post.post--magazine-alt .post__image, .post.post--news .post__image { display: block; height: 100%; object-fit: cover; position: absolute; transition: transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s; width: 100%; } .post.post--magazine-alt .post__category, .post.post--news .post__category { background-color: var(--neutral-light); bottom: -1px; color: var(--brand-primary-blue-shade); display: inline-block; left: -1px; padding: var(--space-3xs) var(--space-2xs) var(--space-3xs) 1px; position: relative; } .post.post--magazine-alt .post__heading, .post.post--news .post__heading { font-size: var(--step-1); margin-top: var(--space-xs); word-break: break-word; } .post.post--magazine-alt .post__link { border-bottom: 3px solid var(--brand-primary-green); } .post.post--magazine-alt .post__date { color: var(--neutral-dark-mod-2); display: block; font-size: var(--step--1); margin-top: var(--space-xs); } .post.post--magazine-alt .post__heading { font-size: var(--step-0); margin-top: var(--space-2xs); } .post.post--magazine { display: flex; } .post.post--magazine .post__link { -webkit-box-align: end; align-items: flex-end; aspect-ratio: 4 / 3; background-color: rgb(204, 204, 204); border-radius: var(--rounded-s); display: flex; overflow: hidden; position: relative; text-decoration: none; width: 100%; } .post.post--magazine .post__link:active .post__image, .post.post--magazine .post__link:hover .post__image { transform: scale(1.1); } .post.post--magazine .post__image-container { position: absolute; inset: 0px; } .post.post--magazine .post__image { display: block; height: 100%; object-fit: cover; position: absolute; transition: transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s; width: 100%; } .post.post--magazine .post__text-container { padding: var(--space-s); position: relative; width: 100%; } .post.post--magazine .post__text-container::before { background: linear-gradient(rgba(0, 0, 0, 0) 0px, rgb(0, 0, 0) 100%); content: ""; inset: -50% 0px 0px; position: absolute; } .post.post--magazine .post__heading { color: var(--neutral-light); font-size: var(--step-1); margin-top: var(--space-xs); position: relative; word-break: break-word; } .post.post--magazine .post__category { color: var(--brand-primary-green); position: relative; } .post__category { font-size: var(--step--1); line-height: 1.2; } .no-posts-notice { font-weight: 600; margin-bottom: 0px; } .job-posts { display: grid; gap: var(--space-s-m); margin: var(--space-s-l) 0; padding-left: 0px; } .job-posts .job-post { list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; width: 100%; } .job-posts .job-post__link { display: grid; border-radius: var(--rounded-m); border: 1px solid var(--neutral-light-mod-2); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px 0px; column-gap: var(--space-m); -webkit-box-pack: justify; justify-content: space-between; padding: var(--space-m); row-gap: var(--space-s); text-decoration: none; width: 100%; } @media screen and (min-width: 600px) { .job-posts .job-post__link { display: flex; } } .job-posts .job-post__text-container { -webkit-box-flex: 1; flex: 1 1 0%; } @media screen and (max-width: 599px) { .job-posts .job-post__text-container { -webkit-box-ordinal-group: 3; order: 2; } } .job-posts .job-post__heading { font-size: var(--step-1); text-wrap: balance; } .job-posts .job-post__meta { display: grid; -webkit-box-flex: 1; flex: 1 1 0%; gap: var(--space-3xs); margin-top: var(--space-xs); width: 100%; } .job-posts .job-post__text { display: block; } .job-posts .job-post__text.text--bold { font-weight: 600; } .job-posts .job-post__image-container { -webkit-box-align: center; align-items: center; border-radius: var(--rounded-s); border: 1px solid var(--neutral-light-mod-2); display: flex; -webkit-box-pack: center; justify-content: center; height: 78px; min-width: 98px; padding: var(--space-2xs); width: 98px; } @media screen and (max-width: 599px) { .job-posts .job-post__image-container { -webkit-box-ordinal-group: 2; order: 1; } } .job-posts .job-post__image { display: block; height: auto; width: 100%; } .ad-banner { aspect-ratio: 400 / 250; display: block; margin: calc(var(--space-m) + var(--space-s)) auto; position: relative; width: 100%; } @media screen and (min-width: 600px) { .ad-banner { aspect-ratio: 728 / 90; margin: var(--space-s-l) auto; max-width: 728px; } } .sponsored { background-color: var(--neutral-dark); border-radius: var(--rounded-m); margin: var(--space-s-l) 0; padding: var(--space-s-l); } .sponsored__columns { display: grid; gap: var(--space-s-l); } @media screen and (min-width: 900px) { .sponsored__columns { grid-template-columns: repeat(12, 1fr); } } @media screen and (min-width: 900px) { .sponsored__column.column-1 { border-bottom: 3px solid var(--neutral-light); grid-column: span 2; } } @media screen and (min-width: 900px) { .sponsored__column.column-2 { grid-column: span 10; } } .sponsored__heading { color: var(--neutral-light); font-size: var(--step--1); } @media screen and (min-width: 900px) { .sponsored__heading { border-top: 10px solid var(--neutral-light); padding-top: var(--space-2xs); } } .sponsored__posts { display: grid; column-gap: var(--space-s); margin: 0px; padding-left: 0px; row-gap: var(--space-m); width: 100%; } @media screen and (min-width: 700px) { .sponsored__posts { grid-template-columns: repeat(3, 1fr); } } .sponsored__post { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 0px; padding-left: 0px; padding-bottom: var(--space-3xs); } @media screen and (min-width: 700px) { .sponsored__post { border-bottom: 3px solid var(--neutral-dark-mod-1); padding-bottom: var(--space-l); } } .sponsored__link { text-decoration: none; } .sponsored__image-container { aspect-ratio: 3 / 2; border-radius: var(--rounded-s); overflow: hidden; position: relative; width: 100%; } .sponsored__image { display: block; height: 100%; object-fit: cover; position: absolute; width: 100%; } .sponsored__video-container { aspect-ratio: 3 / 2; border-radius: var(--rounded-s); overflow: hidden; position: relative; width: 100%; } .sponsored__video-container iframe { display: block; height: 100%; object-fit: cover; position: absolute; width: 100%; } .sponsored__play-button { appearance: none; aspect-ratio: 3 / 2; background-color: transparent; border: none; border-radius: var(--rounded-s); cursor: pointer; overflow: hidden; padding: 0px; position: relative; width: 100%; } .sponsored__play-icon { -webkit-box-align: center; align-items: center; background-color: rgb(255, 255, 255); border-radius: 50%; bottom: var(--space-s); display: flex; height: 64px; -webkit-box-pack: center; justify-content: center; position: absolute; right: var(--space-s); width: 64px; } .sponsored__play-icon::before { content: ""; border-style: solid; border-color: transparent transparent transparent var(--neutral-dark); border-width: 10px 0px 10px 18px; height: 0px; margin-left: 3px; transition: border-color 250ms ease 0s; width: 0px; } .sponsored__play-icon:active::before, .sponsored__play-icon:hover::before { border-color: transparent transparent transparent var(--brand-primary-green); } .sponsored__text-container { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-top: var(--space-xs); } .sponsored__title { color: var(--neutral-light); font-size: var(--step-1); margin-bottom: var(--space-2xs); word-break: break-word; } .sponsored__excerpt { color: var(--neutral-light); font-size: var(--step--1); line-height: 1.2; margin-bottom: var(--space-m); margin-top: 0px; } .sponsored__link-button { -webkit-box-align: center; align-items: center; display: flex; gap: 10px; margin-top: auto; } .sponsored__link-button:active .sponsored__link-title, .sponsored__link-button:hover .sponsored__link-title { color: var(--brand-primary-green); } .sponsored__link-title { color: var(--neutral-light); text-decoration: underline 0.05em; text-underline-offset: 5px; transition: color 250ms ease 0s; } .sponsored__external-icon { background-color: var(--brand-primary-green); display: block; height: 24px; mask-image: var(--svg-external-link); mask-repeat: no-repeat; mask-position: center center; mask-size: 24px 24px; min-height: 24px; min-width: 24px; transition: background-color 0.35s ease 0s; width: 24px; } .link-button { background-color: var(--neutral-dark); border-radius: 50px; color: var(--neutral-light); display: flex; font-size: var(--step--1); font-weight: 600; -webkit-box-pack: center; justify-content: center; line-height: 1.2; padding: var(--space-xs) var(--space-m); position: relative; text-align: center; text-decoration: none; transition: background-color 250ms ease 0s, color 250ms ease 0s; width: fit-content; } .link-button::before { border-radius: 50px; content: ""; inset: 0px; position: absolute; } .link-button.link-button--small { padding: var(--space-2xs) var(--space-s); } .link-button.link-button--dark { background-color: var(--neutral-dark); color: var(--neutral-light); } .link-button.link-button--dark::before { box-shadow: inset 0 0 0 1px var(--neutral-dark); } .link-button.link-button--dark:active, .link-button.link-button--dark:hover { background-color: var(--neutral-light); color: var(--neutral-dark); } .link-button.link-button--light { background-color: var(--neutral-light); color: var(--neutral-dark); } .link-button.link-button--light::before { box-shadow: inset 0 0 0 1px var(--neutral-dark); } .link-button.link-button--light:active, .link-button.link-button--light:hover { background-color: var(--neutral-dark); color: var(--neutral-light); } .link-button.link-button--grey { background-color: var(--neutral-light-mod-1); color: var(--neutral-dark); } .link-button.link-button--grey::before { box-shadow: inset 0 0 0 1px var(--neutral-light-mod-1); } .link-button.link-button--grey:active, .link-button.link-button--grey:hover { background-color: var(--neutral-light); color: var(--neutral-dark); } .cta-box { -webkit-box-align: center; align-items: center; border-radius: var(--rounded-m); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: var(--space-m); margin-left: auto; margin-right: auto; margin-top: var(--space-m); padding: var(--space-m); text-align: center; text-wrap: pretty; } .cta-box.has-normal-width { max-width: var(--width-xs); } .cta-box.has-full-width { max-width: var(--width-xl); } .cta-box.has-2-column-width .cta-box__columns { -webkit-box-align: center; align-items: center; column-gap: var(--space-m); display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; max-width: var(--width-xl); row-gap: var(--space-xs); width: 100%; } .cta-box.has-2-column-width .cta-box__column.column-1 { text-align: left; } .cta-box.has-2-column-width .cta-box__paragraph { margin-bottom: 0px; } .cta-box.has-green-tint-background-color { background-color: var(--brand-primary-green-tint); } .cta-box.has-blue-tint-background-color { background-color: var(--brand-primary-blue-tint); } .cta-box h2 { font-size: var(--step-1); } .cta-box p { margin-bottom: 1em; margin-top: 0.65em; } .cta-job-box { background-color: var(--brand-primary-blue-tint); border-radius: var(--rounded-m); padding: var(--space-m); } .cta-job-box__columns { -webkit-box-align: end; align-items: flex-end; column-gap: var(--space-m); display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; row-gap: var(--space-xs); } .cta-job-box h2 { font-size: var(--step-2); } .cta-job-box p:first-of-type { margin-top: 0.4em; } .cta-job-box p:last-of-type { margin-bottom: 0px; } .quote { margin-bottom: calc(var(--space-m) + var(--space-s)); margin-left: 0px; margin-right: 0px; margin-top: calc(var(--space-m) + var(--space-s)); } .quote::before { content: ""; background-color: var(--brand-primary-blue); display: block; height: 32px; margin-bottom: var(--space-xs); mask-image: var(--svg-quote-marks); mask-position: center center; mask-repeat: no-repeat; mask-size: 50px 32px; width: 50px; } .quote__blockquote { margin: 0px; } .quote__blockquote p { font-size: var(--step-1); font-weight: 700; line-height: 1.2; text-wrap: pretty; } .quote__blockquote p:first-of-type { margin-top: var(--space-xs); } .quote__blockquote p:last-of-type { margin-bottom: var(--space-xs); } .quote__figcaption { font-size: var(--step--1); line-height: 1.2; } .term-list { border-bottom: 3px solid var(--neutral-light-mod-2); border-top: 1px solid var(--neutral-light-mod-2); display: flex; gap: var(--space-2xs); flex-wrap: wrap; padding-bottom: var(--space-s); padding-left: 0px; padding-top: var(--space-s); margin-bottom: var(--space-m) !important; margin-top: var(--space-m) !important; } .term-list-item { list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } .image-gallery { display: grid; gap: var(--space-s-l); grid-template-columns: repeat(1, 1fr); margin-bottom: var(--space-m); margin-top: var(--space-m); padding-left: 0px; } .image-gallery--overflow { background-color: var(--neutral-light-mod-1); border-radius: var(--rounded-s); gap: var(--space-s); padding: var(--space-s); } @media screen and (min-width: 600px) { .image-gallery.has-1-max-columns { grid-template-columns: repeat(1, 1fr); } } @media screen and (min-width: 600px) { .image-gallery.has-2-max-columns { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 600px) { .image-gallery.has-3-max-columns { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 900px) { .image-gallery.has-3-max-columns { grid-template-columns: repeat(3, 1fr); } } .image-gallery__list-item { list-style-type: none; margin: 0px; padding-left: 0px; } .image-gallery__link { border-radius: var(--rounded-s); display: block; text-decoration: none; width: 100%; } .image-gallery__figure { margin: 0px; } .image-gallery__image-container { aspect-ratio: 3 / 2; border-radius: var(--rounded-s); overflow: hidden; position: relative; } .image-gallery__image { display: block; height: 100%; object-fit: cover; width: 100%; } .image-gallery__counter-container { -webkit-box-align: center; align-items: center; aspect-ratio: 3 / 2; border-radius: var(--rounded-s); background-color: var(--neutral-light-mod-2); display: flex; -webkit-box-pack: center; justify-content: center; position: relative; } .image-gallery__counter { color: var(--neutral-dark); font-size: var(--step-0); font-weight: 700; } .image-gallery__enlarge-button { -webkit-box-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.8); border-radius: var(--rounded-s); display: flex; height: 34px; -webkit-box-pack: center; justify-content: center; position: absolute; right: 10px; top: 10px; transition: background-color 250ms ease 0s; width: 34px; } .image-gallery__enlarge-button:active, .image-gallery__enlarge-button:hover { background-color: rgb(0, 0, 0); } .image-gallery__enlarge-button::before { background-color: var(--neutral-light); content: ""; display: block; height: 24px; mask-image: var(--svg-maximise); mask-position: center center; mask-repeat: no-repeat; mask-size: 24px 24px; width: 24px; } .image-gallery__enlarge-button-title { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .image-gallery__credit { background-color: var(--neutral-dark); bottom: 0px; color: var(--neutral-light); font-size: 0.75rem; left: 0px; padding: 3px 6px; position: absolute; } .image-gallery__figcaption { color: var(--neutral-dark-mod-2); font-size: var(--step--1); line-height: 1.2; margin-top: var(--space-2xs); } .image-gallery__title { -webkit-box-align: center; align-items: center; aspect-ratio: 3 / 2; background-color: var(--neutral-light-mod-2); border-radius: var(--rounded-s); display: flex; font-size: var(--step-0); font-weight: 600; -webkit-box-pack: center; justify-content: center; overflow: hidden; position: relative; } .error404 .site-main { display: block; padding-bottom: var(--space-3xl); padding-top: var(--space-3xl); } .error404 .page-content, .error404 .page-header { -webkit-box-align: center; align-items: center; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center; text-wrap: balance; } .error404 .page-title { font-size: var(--step-3); margin-bottom: var(--space-2xs); } .error404 .link-button { margin-top: var(--space-2xs); } .text h2, .text h3, .text h4, .text h5, .text h6 { margin-bottom: var(--space-s); margin-top: var(--space-m); } .text h2 { font-size: var(--step-2); } .text h3 { font-size: var(--step-1); } .text h4 { font-size: var(--step-0); } .text h5, .text h6 { font-size: var(--step--1); } .text .pretext { color: var(--brand-primary-blue-shade); font-weight: 600; } .text p { color: var(--neutral-dark-mod-1); margin-bottom: var(--space-s); margin-top: var(--space-s); } .text p img { border-radius: var(--rounded-s); display: block; height: auto; width: 100%; } .text ol, .text ul { color: var(--neutral-dark-mod-1); margin-bottom: var(--space-s); margin-top: var(--space-s); } .text blockquote { border-left: 5px solid var(--brand-primary-blue); font-size: var(--step-0); font-weight: 700; margin-bottom: var(--space-m); margin-left: 0px; margin-right: 0px; margin-top: var(--space-m); padding: var(--space-m); } .text blockquote p { line-height: 1.3; margin-bottom: 0px; margin-top: 0px; } .text a { color: var(--brand-primary-green-shade); text-decoration-color: var(--brand-primary-green-shade); } .text a:active, .text a:hover { text-decoration-color: var(--brand-primary-green-shade); } .full-image { margin: var(--space-l) 0 calc(var(--space-l) + .25em); width: 100%; } .full-image__container { border-radius: var(--rounded-s); overflow: hidden; position: relative; width: 100%; } .full-image__image { display: block; height: auto; width: 100%; } .full-image__credit { background-color: rgb(0, 0, 0); bottom: 0px; color: var(--neutral-light); font-size: 0.75rem; left: 0px; padding: 3px 6px; position: absolute; } .full-image__figcaption { color: var(--neutral-dark-mod-2); font-size: var(--step--1); line-height: 1.2; margin-top: var(--space-2xs); } .video { margin: var(--space-m) 0; width: 100%; } .video__container { aspect-ratio: 16 / 9; border-radius: var(--rounded-s); overflow: hidden; position: relative; width: 100%; } .video__container iframe { height: 100%; position: absolute; width: 100%; } .video__figcaption { color: var(--neutral-dark-mod-2); font-size: var(--step--1); line-height: 1.2; margin-top: var(--space-2xs); } .links { display: flex; flex-wrap: wrap; gap: var(--space-2xs); margin: var(--space-m) 0; padding-left: 0px; width: 100%; } .links__list-item { list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } .ad-feature { aspect-ratio: 440 / 290; display: flex; position: relative; width: 100%; } @media screen and (max-width: 599px) { .ad-feature { grid-column: 1 / 13; margin-bottom: var(--space-m); margin-top: var(--space-m); } } @media screen and (min-width: 600px) and (max-width: 899px) { .ad-feature { grid-column: 1 / 7; } } .ad-left { aspect-ratio: 200 / 1050; max-width: 200px; min-width: 150px; position: sticky; top: 80px; } .ad-right { aspect-ratio: 200 / 1050; max-width: 200px; min-width: 150px; position: sticky; top: 80px; } .team-members__heading { font-size: var(--step-1); } .team-members__list { padding-left: 0px; } .team-members__list-item { background-color: var(--neutral-light); border: 1px solid var(--neutral-light-mod-2); border-radius: var(--rounded-m); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px 0px; display: flex; flex-wrap: wrap; gap: var(--space-m); padding: var(--space-m-l); position: relative; } .team-members__list-item.accent-color-green .team-members__image-container::before { background-color: var(--brand-primary-green); } .team-members__list-item.accent-color-green .team-members__contact-link { color: var(--brand-primary-green-shade); } .team-members__list-item.accent-color-blue .team-members__image-container::before { background-color: var(--brand-primary-blue); } .team-members__list-item.accent-color-blue .team-members__contact-link { color: var(--brand-primary-blue-shade); } .team-members__list-item.accent-color-orange .team-members__image-container::before { background-color: var(--brand-primary-orange); } .team-members__list-item.accent-color-orange .team-members__contact-link { color: var(--brand-primary-orange-shade); } .team-members__list-item.accent-color-purple .team-members__image-container::before { background-color: var(--brand-primary-purple); } .team-members__list-item.accent-color-purple .team-members__contact-link { color: var(--brand-primary-purple-shade); } .team-members__social-link { display: block; height: 24px; position: absolute; right: var(--space-m-l); top: var(--space-m-l); width: 24px; } .team-members__social-icon { background-color: rgb(0, 114, 177); display: block; height: 24px; mask-position: center center; mask-repeat: no-repeat; mask-size: 24px 24px; transition: background-color 0.25s ease 0s; width: 24px; } .team-members__social-icon.has-linkedin-icon { mask-image: var(--svg-linkedin); } .team-members__social-text { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } @media screen and (max-width: 599px) { .team-members__column { width: 100%; } } .team-members__column.column-2 { -webkit-box-flex: 1; flex: 1 1 0%; } .team-members__image-container { aspect-ratio: 1 / 1; border-radius: 50%; position: relative; width: clamp(10.5rem, 9.638rem + 4.31vw, 13.625rem); } .team-members__image-container::before { aspect-ratio: 1 / 1; background-color: var(--brand-primary-green); bottom: 0px; content: ""; display: block; left: 0px; position: absolute; width: 50%; } .team-members__image { border-radius: 50%; display: block; height: 100%; object-fit: cover; position: relative; width: 100%; } .team-members__name { font-size: var(--step-1); } .team-members__role { display: block; font-size: var(--step--1); font-weight: var(--font-bold); line-height: 1.2; margin-top: var(--space-3xs); } .team-members__contact-list { column-gap: var(--space-s); display: flex; flex-wrap: wrap; margin-bottom: var(--space-2xs); margin-top: var(--space-2xs); padding-left: 0px; } .team-members__contact-list-item { list-style-type: none; margin: 0px; padding-left: 0px; } .team-members__contact-link { text-decoration-color: inherit; } .team-members__text-container { max-height: 4.3em; overflow: hidden; position: relative; transition: max-height 0.4s ease 0s; } .team-members__text-container > :first-child { margin-top: 0px; } .team-members__text-container > :last-child { margin-bottom: 0px; } .team-members__text-container::after { background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); bottom: 0px; content: ""; height: 2.6em; left: 0px; right: 0px; pointer-events: none; position: absolute; transition: opacity 0.3s ease 0s; } .team-members__text-container--expanded { max-height: 1000px; } .team-members__text-container--expanded::after { opacity: 0; } .team-members__link-button { appearance: none; border: none; cursor: pointer; -webkit-box-pack: center; justify-content: center; margin-top: var(--space-s); min-width: 141px; } .advertise__list { display: grid; gap: var(--space-s-l); grid-template-columns: repeat(12, 1fr); margin-bottom: var(--space-s-l); margin-top: var(--space-s-l); padding-left: 0px; } .advertise__list-item { border-radius: var(--rounded-m); border: 1px solid; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px 0px; grid-column: span 12; list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding: var(--space-m-l); text-align: center; } @media screen and (min-width: 700px) { .advertise__list-item { grid-column: span 6; } } .advertise__list-item.has-white-background-color { border-color: var(--neutral-light-mod-2); } .advertise__list-item.has-green-tint-background-color { border-color: var(--brand-primary-green); } .advertise__image { display: block; margin: 0 auto var(--space-s) auto; max-width: 70px; width: 100%; } .advertise__heading { font-size: var(--step-2); } .advertise__paragraph { color: var(--neutral-dark-mod-1); } .advertise__link-button { justify-self: center; margin-top: var(--space-m); margin-left: auto; margin-right: auto; } .advertise__subheading { border-top: 1px solid var(--neutral-light-mod-2); font-size: var(--step-0); margin-top: var(--space-m-l); padding-top: var(--space-m); text-align: left; width: 100%; } .advertise__points { margin-bottom: 0px; padding-left: 34px; text-align: left; } .advertise__point { color: var(--neutral-dark-mod-1); display: flex; list-style-type: none; margin-bottom: 0.7em; margin-top: 0.7em; padding-left: 0px; position: relative; } .advertise__point:last-of-type { margin-bottom: 0px; } .advertise__point::before { border-radius: 50%; background-color: var(--brand-primary-green); content: ""; display: block; height: 24px; left: -34px; mask-image: var(--svg-tick); mask-position: center center; mask-repeat: no-repeat; mask-size: 24px 24px; position: absolute; top: 0.1em; width: 24px; } .notices__list { display: grid; gap: var(--space-s-l); grid-template-columns: repeat(12, 1fr); margin-bottom: var(--space-s-l); margin-top: var(--space-m-l); padding-left: 0px; } .notices__list-item { background-color: var(--brand-primary-green-tint); border-left: 5px solid var(--brand-primary-green); grid-column: span 12; list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding: var(--space-m-l); } @media screen and (min-width: 700px) { .notices__list-item { grid-column: span 6; } } .notices__list-item.has-icon .notices__column.column-1 { width: 100%; } @media screen and (min-width: 1000px) { .notices__list-item.has-icon .notices__column.column-1 { width: 83%; } } .notices__list-item.has-icon .notices__column.column-2 { width: 100%; } @media screen and (min-width: 1000px) { .notices__list-item.has-icon .notices__column.column-2 { -webkit-box-align: start; align-items: flex-start; display: flex; -webkit-box-pack: end; justify-content: flex-end; width: 17%; } } .notices__list-item.has-icon .notices__image { max-width: 100px; } .notices__list-item.has-image .notices__column.column-1 { width: 100%; } @media screen and (min-width: 1000px) { .notices__list-item.has-image .notices__column.column-1 { width: 60%; } } .notices__list-item.has-image .notices__column.column-2 { width: 100%; } @media screen and (min-width: 1000px) { .notices__list-item.has-image .notices__column.column-2 { width: 40%; } } .notices__list-item.has-image .notices__image { box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 20px 0px; } .notices__columns { column-gap: var(--space-m-l); display: flex; flex-wrap: wrap; row-gap: var(--space-m); } .notices__column.column-1 { -webkit-box-flex: 1; flex: 1 1 0%; } .notices__column.column-1 > :first-child { margin-top: 0px; } .notices__column.column-1 > :last-child { margin-bottom: 0px; } .notices__column.column-1 a { color: var(--brand-primary-green-shade); text-decoration-color: var(--brand-primary-green-shade); } .notices__heading { font-size: var(--step-1); margin-bottom: var(--space-s); } .notices__subheading { font-size: var(--step-0); } .notices__contact-list { margin-bottom: var(--space-s); margin-top: var(--space-s); padding-left: 0px; } .notices__contact-list-item { list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } .notices__link { color: var(--brand-primary-green-shade); } .notices__image { display: block; } @media screen and (min-width: 1000px) { .notices__image { height: auto; width: 100%; } } .subscribe { border-radius: var(--rounded-m); border: 1px solid; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px 0px; margin-bottom: var(--space-s-l); margin-top: var(--space-s-l); padding: var(--space-m-l); } .subscribe.has-white-background-color { background-color: var(--neutral-light); border-color: var(--neutral-light-mod-2); } .subscribe.has-green-tint-background-color { background-color: var(--brand-primary-green-tint); border-color: var(--brand-primary-green); } .subscribe__image { box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 20px 0px; display: block; height: auto; max-width: clamp(6.9375rem, 6.4203rem + 2.586vw, 8.8125rem); width: 100%; } .subscribe__columns { gap: var(--space-m-l); display: flex; flex-wrap: wrap; } @media screen and (max-width: 599px) { .subscribe__column { -webkit-box-align: center; align-items: center; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center; width: 100%; } } @media screen and (min-width: 600px) { .subscribe__column.column-2 { -webkit-box-flex: 1; flex: 1 1 0%; } } .subscribe__heading { font-size: var(--step-1); } @media screen and (min-width: 600px) { .subscribe__heading { margin-top: var(--space-2xs); } } .subscribe__paragraph { margin-bottom: var(--space-xs); margin-top: var(--space-xs); } .subscribe__controls { -webkit-box-align: center; align-items: center; display: flex; flex-wrap: wrap; gap: var(--space-s-l); -webkit-box-pack: justify; justify-content: space-between; margin-top: var(--space-m-l); } @media screen and (max-width: 599px) { .subscribe__controls { -webkit-box-pack: center; justify-content: center; text-align: center; } } @media screen and (min-width: 600px) { .subscribe__controls { border-top: 1px solid var(--neutral-light-mod-2); padding-top: var(--space-m-l); } } .subscribe__controls .subscribe__list { margin: 0px; } .subscribe__subheading { font-size: var(--step-0); } @media screen and (max-width: 599px) { .subscribe__subheading { text-align: center; } } .subscribe__list { display: flex; gap: var(--space-2xs); margin: var(--space-s) 0 0 0; padding-left: 0px; } @media screen and (max-width: 599px) { .subscribe__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-top: var(--space-2xs); width: 100%; } } @media screen and (min-width: 600px) { .subscribe__list { -webkit-box-align: center; align-items: center; } } .subscribe__list-item { list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } @media screen and (max-width: 599px) { .subscribe__list-item:nth-child(1) { -webkit-box-ordinal-group: 3; order: 2; } } @media screen and (max-width: 599px) { .subscribe__list-item:nth-child(2) { -webkit-box-ordinal-group: 2; order: 1; } } .subscribe__link { color: var(--brand-primary-green-shade); text-decoration-color: var(--brand-primary-green-shade); text-decoration-thickness: 0.07em; text-underline-offset: 4px; } .subscribe__link:active, .subscribe__link:hover { text-decoration-color: var(--brand-primary-green-shade); } @media screen and (min-width: 600px) { .subscribe__link { margin-right: var(--space-2xs); } } @media screen and (max-width: 599px) { .subscribe__link-button { margin-left: auto; margin-right: auto; max-width: 260px; width: 100%; } } .download-app { border-bottom: 1px solid var(--neutral-light-mod-2); border-top: 3px solid var(--neutral-light-mod-2); margin-bottom: var(--space-s-l); margin-top: var(--space-s-l); padding-bottom: var(--space-s-l); padding-top: var(--space-s-l); } .download-app__columns { display: flex; flex-wrap: wrap; } @media screen and (min-width: 600px) { .download-app__columns { -webkit-box-align: center; align-items: center; gap: var(--space-l); } } @media screen and (min-width: 600px) { .download-app__column.column-2 { align-self: flex-end; -webkit-box-flex: 1; flex: 1 1 0%; } } @media screen and (max-width: 599px) { .download-app__image { display: none; } } @media screen and (min-width: 600px) { .download-app__image { aspect-ratio: 1 / 1; display: block; height: auto; max-width: 184px; width: 100%; } } .download-app__heading { font-size: var(--step-1); margin-bottom: var(--space-s); } .download-app__paragraph { margin-bottom: var(--space-xs); margin-top: var(--space-xs); } .download-app__list { display: flex; gap: var(--space-xs); margin-bottom: 0px; margin-top: var(--space-s); padding-left: 0px; } .download-app__list-item { list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } .download-app__button { border-radius: 6px; box-shadow: rgb(204, 204, 204) 0px 0px 0px 0px; display: block; height: 40px; overflow: hidden; transition: box-shadow 250ms ease 0s, -webkit-box-shadow 250ms ease 0s; } .download-app__button:active, .download-app__button:hover { box-shadow: rgb(204, 204, 204) 0px 0px 0px 3px; } .download-app__button-image { display: block; height: 40px; width: auto; } .download-app__button-title { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .regulars__heading { text-align: center; margin-bottom: var(--space-m-xl); } .regulars-slider { border-radius: var(--rounded-m); border: 1px solid var(--neutral-light-mod-2); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px 0px; padding: var(--space-l); position: relative; width: 100%; } @media screen and (min-width: 1100px) { .regulars-slider { padding: var(--space-l) 0; } } .regulars-slider__swiper { overflow: hidden; width: calc(100% - clamp(3.125rem, 0.8836rem + 11.207vw, 11.25rem)); } @media screen and (min-width: 1100px) { .regulars-slider__swiper.swiper { padding-left: 100px; padding-right: 100px; width: 100%; } .regulars-slider__swiper.swiper::before { content: ""; display: block; height: 100%; width: 96px; background-color: rgb(255, 255, 255); opacity: 0.9; pointer-events: none; position: absolute; left: 0px; top: 0px; z-index: 19; } .regulars-slider__swiper.swiper::after { content: ""; display: block; height: 100%; width: 96px; background-color: rgb(255, 255, 255); opacity: 0.9; pointer-events: none; position: absolute; right: 0px; top: 0px; z-index: 20; } } .regulars-slider__swiper-slide.accent-color-green .regulars-slider__image-container::before { background-color: var(--brand-primary-green); } .regulars-slider__swiper-slide.accent-color-green .regulars-slider__blockquote::before { background-color: var(--brand-primary-green); } .regulars-slider__swiper-slide.accent-color-blue .regulars-slider__image-container::before { background-color: var(--brand-primary-blue); } .regulars-slider__swiper-slide.accent-color-blue .regulars-slider__blockquote::before { background-color: var(--brand-primary-blue); } .regulars-slider__swiper-slide.accent-color-orange .regulars-slider__image-container::before { background-color: var(--brand-primary-orange); } .regulars-slider__swiper-slide.accent-color-orange .regulars-slider__blockquote::before { background-color: var(--brand-primary-orange); } .regulars-slider__swiper-slide.accent-color-purple .regulars-slider__image-container::before { background-color: var(--brand-primary-purple); } .regulars-slider__swiper-slide.accent-color-purple .regulars-slider__blockquote::before { background-color: var(--brand-primary-purple); } .regulars-slider__link { text-align: center; text-decoration: none; } .regulars-slider__link::selection { background: 0px 0px; color: inherit; } .regulars-slider__image-container { aspect-ratio: 1 / 1; border-radius: 50%; position: relative; width: clamp(5.625rem, 5.4526rem + 0.862vw, 6.25rem); margin-bottom: var(--space-s); margin-left: auto; margin-right: auto; } .regulars-slider__image-container::before { aspect-ratio: 1 / 1; background-color: var(--brand-primary-green); bottom: 0px; content: ""; display: block; left: 0px; position: absolute; width: 50%; } .regulars-slider__image { border-radius: 50%; display: block; height: 100%; object-fit: cover; position: relative; width: 100%; } .regulars-slider__image::selection { background: 0px 0px; color: inherit; } .regulars-slider__heading { font-size: var(--step-0); margin-bottom: var(--space-3xs); word-break: break-word; } .regulars-slider__heading::selection { background: 0px 0px; color: var(--neutral-dark); } .regulars-slider__title { font-size: var(--step--1); margin-bottom: var(--space-xs); word-break: break-word; } .regulars-slider__title::selection { background: 0px 0px; color: var(--neutral-dark); } .regulars-slider__blockquote { margin: 0px; } .regulars-slider__blockquote::before { background-color: var(--brand-primary-green); content: ""; display: block; height: 20px; margin-left: auto; margin-right: auto; margin-top: 0px; mask-image: var(--svg-quote-marks); mask-position: center center; mask-repeat: no-repeat; mask-size: 50px 20px; width: 50px; } .regulars-slider__paragraph { font-size: var(--step--1); word-break: break-word; } .regulars-slider__paragraph::selection { background: 0px 0px; color: var(--neutral-dark); } .regulars-slider__paragraph:first-child { margin-top: var(--space-2xs); } .post-job__heading { border-top: 1px solid var(--neutral-light-mod-2); padding-top: var(--space-m); width: 100%; } .advertise-job { border-bottom: 1px solid var(--neutral-light-mod-2); margin-bottom: var(--space-m-l); } .advertise-job__list { display: grid; gap: var(--space-s-l); grid-template-columns: repeat(12, 1fr); margin-bottom: var(--space-s-l); margin-top: var(--space-s-l); padding-left: 0px; } .advertise-job__list-item { border-radius: var(--rounded-m); border: 1px solid; box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px 0px; grid-column: span 12; list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding: var(--space-m-l); text-align: center; } @media screen and (min-width: 700px) { .advertise-job__list-item { grid-column: span 6; } } .advertise-job__list-item.has-white-background-color { border-color: var(--neutral-light-mod-2); } .advertise-job__list-item.has-green-tint-background-color { border-color: var(--brand-primary-green); } .advertise-job__heading { font-size: var(--step-2); } .advertise-job__heading span { font-size: var(--step--1); font-weight: 400; } .advertise-job__price { display: block; font-size: var(--step-4); font-weight: 600; margin-top: var(--space-s); } .advertise-job__paragraph { color: var(--neutral-dark-mod-1); margin-bottom: 0.7em; margin-top: 0.7em; text-align: left; } .advertise-job__link-button { justify-self: center; margin-top: 0.2em; } .advertise-job__subheading { border-top: 1px solid var(--neutral-light-mod-2); font-size: var(--step-0); margin-bottom: var(--space-m); margin-top: var(--space-m-l); padding-top: var(--space-m); text-align: center; width: 100%; } .advertise-job__points { margin-bottom: 0px; margin-top: var(--sapce-s); padding-left: 34px; text-align: left; } .advertise-job__point { color: var(--neutral-dark-mod-1); display: flex; list-style-type: none; margin-bottom: 0.7em; margin-top: 0.7em; padding-left: 0px; position: relative; } .advertise-job__point:last-of-type { margin-bottom: 0px; } .advertise-job__point::before { border-radius: 50%; background-color: var(--brand-primary-green); content: ""; display: block; height: 24px; left: -34px; mask-image: var(--svg-tick); mask-position: center center; mask-repeat: no-repeat; mask-size: 24px 24px; position: absolute; top: 0.1em; width: 24px; } .contact { border-bottom: 1px solid var(--neutral-light-mod-2); margin-bottom: var(--space-m-l); } .contact__columns { display: grid; gap: var(--space-s-l); grid-template-columns: repeat(12, 1fr); margin-bottom: var(--space-s-l); margin-top: var(--space-s-l); padding-left: 0px; } .contact__column { grid-column: span 12; list-style-type: none; } @media screen and (min-width: 700px) { .contact__column { grid-column: span 6; } } .contact__heading { font-size: var(--step-1); } .contact__address { display: grid; margin-bottom: var(--space-xs); margin-top: var(--space-xs); font-style: normal; } .contact__address-line { color: var(--neutral-dark-mod-1); font-size: var(--step-0); } .contact__legal { color: var(--neutral-dark-mod-1); display: block; font-size: var(--step--1); } .contact__list { margin-bottom: var(--space-xs); margin-top: var(--space-xs); padding-left: 0px; } .contact__list-item { list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } .contact__link { color: var(--brand-primary-green-shade); text-decoration-color: var(--brand-primary-green-shade); text-decoration-thickness: 0.07em; text-underline-offset: 4px; } .contact__link:active, .contact__link:hover { text-decoration-color: var(--brand-primary-green-shade); } .contact__link-button { margin-top: var(--space-m-l); } .app-promotion { background-color: rgb(234, 235, 236); border-radius: var(--rounded-m); margin-bottom: var(--space-s-l); margin-top: var(--space-s-l); padding: var(--space-m-xl) var(--space-m-xl) 0 var(--space-m-xl); } .app-promotion__columns { display: grid; grid-template-columns: repeat(6, 1fr); } @media screen and (min-width: 700px) { .app-promotion__columns { gap: var(--space-xl); grid-template-columns: repeat(6, 1fr); } } @media screen and (min-width: 700px) { .app-promotion__column { grid-column: span 6; } } .app-promotion__column.column-1 { align-self: center; grid-column: span 6; } @media screen and (min-width: 700px) { .app-promotion__column.column-1 { grid-column: span 4; margin-bottom: var(--space-xl); } } .app-promotion__column.column-2 { -webkit-box-align: end; align-items: flex-end; display: flex; } @media screen and (max-width: 699px) { .app-promotion__column.column-2 { padding-top: var(--space-l); grid-column: 1 / 7; } } @media screen and (min-width: 700px) { .app-promotion__column.column-2 { grid-column: span 2; } } .app-promotion__heading { font-size: var(--step-2); margin-bottom: var(--rounded-m); } .app-promotion__points { margin-bottom: 0px; padding-left: 34px; text-align: left; } .app-promotion__point { color: var(--neutral-dark-mod-1); display: flex; list-style-type: none; margin-bottom: 0.7em; margin-top: 0.7em; padding-left: 0px; position: relative; } .app-promotion__point:last-of-type { margin-bottom: 0px; } .app-promotion__point::before { border-radius: 50%; background-color: var(--brand-primary-green); content: ""; display: block; height: 24px; left: -34px; mask-image: var(--svg-tick); mask-position: center center; mask-repeat: no-repeat; mask-size: 24px 24px; position: absolute; top: 0.1em; width: 24px; } .app-promotion__image-container { width: 100%; } .app-promotion__image { display: block; height: auto; width: 100%; } .app-images { border-radius: var(--rounded-m); margin-bottom: var(--space-s-l); margin-top: var(--space-s-l); } @media screen and (min-width: 700px) { .app-images { background-color: var(--brand-primary-green-tint); padding: var(--space-m-l) var(--space-xl) 0 var(--space-xl); } } .app-images__columns { display: grid; gap: var(--space-s-l); } @media screen and (min-width: 700px) { .app-images__columns { gap: var(--space-2xl); grid-template-columns: repeat(3, 1fr); } } .app-images__column { grid-column: span 12; list-style-type: none; text-align: center; } @media screen and (max-width: 699px) { .app-images__column { background-color: var(--brand-primary-green-tint); border-radius: var(--rounded-m); padding: var(--space-m-l) var(--space-m-l) 0 var(--space-m-l); } } @media screen and (min-width: 700px) { .app-images__column { grid-column: span 1; } } .app-images__heading { font-size: var(--step--1); margin-bottom: var(--rounded-s); } .app-images__paragraph { color: var(--neutral-dark-mod-1); font-size: var(--step--1); } .app-images__paragraph:first-of-type { margin-top: 0px; } .app-images__paragraph:last-of-type { margin-bottom: 0px; } .app-images__image-container { padding-top: var(--space-s-m); width: 100%; } .app-images__image { display: block; height: auto; width: 100%; } .magazine-links { display: grid; gap: var(--space-s-l); grid-template-columns: repeat(12, 1fr); margin: var(--space-s-l) 0; padding-left: 0px; } @media screen and (min-width: 500px) { .magazine-links.max-columns-3 .magazine-link { grid-column: span 4; } } @media screen and (min-width: 500px) { .magazine-links.max-columns-4 .magazine-link { grid-column: span 6; } } @media screen and (min-width: 800px) { .magazine-links.max-columns-4 .magazine-link { grid-column: span 3; } } .magazine-link { list-style-type: none; display: grid; grid-column: span 12; margin: 0px; padding-left: 0px; } .magazine-link.accent-color-green .magazine-link__link::after { background-color: var(--brand-primary-green); } .magazine-link.accent-color-pink .magazine-link__link::after { background-color: var(--brand-primary-pink); } .magazine-link.accent-color-teal .magazine-link__link::after { background-color: var(--brand-primary-teal); } .magazine-link.accent-color-purple .magazine-link__link::after { background-color: var(--brand-primary-purple); } .magazine-link.accent-color-orange .magazine-link__link::after { background-color: var(--brand-primary-orange); } .magazine-link.accent-color-blue .magazine-link__link::after { background-color: var(--brand-primary-blue); } .magazine-link.accent-color-indigo .magazine-link__link::after { background-color: var(--brand-primary-indigo); } .magazine-link.accent-color-fuchsia .magazine-link__link::after { background-color: var(--brand-primary-fuchsia); } .magazine-link__link { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-decoration: none; width: 100%; } .magazine-link__link:active .magazine-link__image, .magazine-link__link:hover .magazine-link__image { transform: scale(1.1); } .magazine-link__link::after { content: ""; display: block; height: 3px; margin-top: auto; width: 100%; } .magazine-link__image-container { -webkit-box-align: end; align-items: flex-end; aspect-ratio: 320 / 220; border-radius: var(--rounded-s); display: flex; overflow: hidden; position: relative; width: 100%; } .magazine-link__image { display: block; height: 100%; object-fit: cover; position: absolute; transition: transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s; width: 100%; } .magazine-link__heading { font-size: var(--step-0); margin-bottom: var(--space-3xs); margin-top: var(--space-xs); } .magazine-link__paragraph { font-size: var(--step--1); } .magazine-link__paragraph:first-of-type { margin-top: 0px; } .magazine-link__paragraph:last-of-type { margin-bottom: var(--space-s); } .cta-outline-boxes { display: grid; gap: var(--space-s-m); grid-template-columns: repeat(12, 1fr); margin-bottom: var(--space-s-l); margin-top: var(--space-s-l); padding-left: 0px; } .cta-outline-box { border: 1px solid var(--neutral-light-mod-2); border-radius: var(--rounded-m); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: var(--space-xs); grid-column: span 12; list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding: var(--space-m); } @media screen and (min-width: 700px) { .cta-outline-box { grid-column: span 6; } } .cta-outline-box__heading { font-size: var(--step-1); text-wrap: balance; } .cta-outline-box__paragraph { color: var(--neutral-dark-mod-1); line-height: 1.2; margin-bottom: 0px; margin-top: 0px; } .cta-outline-box__notice { -webkit-box-align: center; align-items: center; display: flex; gap: var(--space-3xs); } .cta-outline-box__notice-icon { background-color: var(--neutral-dark); display: block; height: 22px; mask-image: var(--svg-i); mask-position: center center; mask-repeat: no-repeat; mask-size: 22px 22px; min-width: 22px; width: 22px; } .cta-outline-box__notice-text { color: var(--neutral-dark-mod-1); font-size: 15.5px; line-height: 1.4; } .cta-outline-box__link-button { margin-top: auto; } .magazine-archive { margin-bottom: var(--space-m-l); margin-top: var(--space-m-l); } .magazine-archive.is-hidden { display: none; } .magazine-archive__list { display: grid; gap: var(--space-s-l); grid-template-columns: repeat(1, 1fr); margin-bottom: 0px; margin-top: var(--space-s-l); padding-left: 0px; } @media screen and (min-width: 350px) { .magazine-archive__list { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 500px) { .magazine-archive__list { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 650px) { .magazine-archive__list { grid-template-columns: repeat(4, 1fr); } } .magazine-archive__list-item { display: flex; list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } .magazine-archive__link { -webkit-box-align: center; align-items: center; border: 1px solid var(--neutral-light-mod-1); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: var(--space-s-m); text-decoration: none; width: 100%; } .magazine-archive__image-container { aspect-ratio: 141 / 200; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 20px 0px; margin-left: auto; margin-right: auto; max-width: 141px; width: 100%; } .magazine-archive__image { display: block; height: 100%; width: 100%; } .magazine-archive__heading { font-size: var(--step--1); margin-top: var(--space-xs); text-align: center; } .magazine-archive__no-results { text-align: center; } .magazine-archive .is-hidden { display: none !important; } .magazine-controls { border-bottom: 1px solid var(--neutral-light-mod-2); border-top: 3px solid var(--neutral-light-mod-2); margin-top: var(--space-s-l); padding-bottom: var(--space-s); padding-top: var(--space-s); } @media screen and (min-width: 650px) { .magazine-controls { padding-bottom: 0px; } } .magazine-controls__columns { display: flex; gap: 15px; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; } @media screen and (min-width: 650px) { .magazine-controls__columns { padding-bottom: var(--space-s); } } @media screen and (max-width: 649px) { .magazine-controls__column.column-1 { display: flex; -webkit-box-pack: justify; justify-content: space-between; width: 100%; } } @media screen and (max-width: 649px) { .magazine-controls__column.column-2 { position: relative; width: 100%; } } .magazine-search__button { -webkit-box-align: center; align-items: center; appearance: none; background-color: transparent; border: none; border-radius: var(--rounded-s); cursor: pointer; display: flex; gap: var(--space-2xs); padding: 0px; } .magazine-search__button.is-active .magazine-search__icon, .magazine-search__button:active .magazine-search__icon, .magazine-search__button:hover .magazine-search__icon { background-color: var(--neutral-dark); } .magazine-search__button.is-active .magazine-search__icon::before, .magazine-search__button:active .magazine-search__icon::before, .magazine-search__button:hover .magazine-search__icon::before { background-color: var(--neutral-light); } .magazine-search__icon { -webkit-box-align: center; align-items: center; background-color: var(--neutral-light-mod-1); border-radius: 50%; display: flex; height: var(--space-44-49); -webkit-box-pack: center; justify-content: center; min-width: var(--space-44-49); transition: background-color 250ms ease 0s; width: var(--space-44-49); } .magazine-search__icon::before { background-color: var(--neutral-dark); content: ""; height: 24px; mask-image: var(--svg-small-search); mask-position: center center; mask-repeat: no-repeat; mask-size: 24px 24px; position: absolute; transition: background-color 250ms ease 0s; width: 24px; } @media screen and (max-width: 649px) { .magazine-search__title { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } } @media screen and (min-width: 650px) { .magazine-search__title { font-size: var(--step--1); font-weight: 600; } } @media screen and (max-width: 649px) { .magazine-filter__button { -webkit-box-align: center; align-items: center; appearance: none; background-color: var(--neutral-light-mod-1); border: none; border-radius: 100px; cursor: pointer; display: flex; gap: var(--space-2xs); padding: 0 var(--space-s); transition: background-color 250ms ease 0s; } .magazine-filter__button.is-active, .magazine-filter__button:active, .magazine-filter__button:hover { background-color: var(--neutral-dark); } .magazine-filter__button.is-active .magazine-filter__icon, .magazine-filter__button:active .magazine-filter__icon, .magazine-filter__button:hover .magazine-filter__icon { background-color: var(--neutral-light); } .magazine-filter__button.is-active .magazine-filter__title, .magazine-filter__button:active .magazine-filter__title, .magazine-filter__button:hover .magazine-filter__title { color: var(--neutral-light); } } @media screen and (min-width: 650px) { .magazine-filter__button { display: none; } } @media screen and (max-width: 649px) { .magazine-filter__icon { background-color: var(--neutral-dark); content: ""; height: 22px; mask-image: var(--svg-filter); mask-position: center center; mask-repeat: no-repeat; mask-size: 22px 22px; position: relative; transition: background-color 250ms ease 0s; width: 22px; } } @media screen and (max-width: 649px) { .magazine-filter__title { font-size: var(--step--1); font-weight: 600; transition: color 250ms ease 0s; } } .magazine-filters { display: flex; } @media screen and (max-width: 649px) { .magazine-filters { flex-wrap: wrap; gap: var(--space-xs); max-height: 0px; opacity: 0; display: none; } .magazine-filters.is-visible { margin-top: var(--space-s); max-height: 1000px; opacity: 1; display: flex; } } @media screen and (min-width: 650px) { .magazine-filters { -webkit-box-align: center; align-items: center; gap: var(--space-s); } } @media screen and (max-width: 649px) { .magazine-filters__heading { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } } @media screen and (min-width: 650px) { .magazine-filters__heading { font-size: var(--step--1); } } .magazine-filters__label { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .magazine-filters__select { appearance: none; border: 1px solid var(--neutral-dark-mod-2); border-radius: var(--rounded-s); background-image: var(--svg-button-arrow); background-size: 24px 24px; background-position: right 10px center; background-repeat: no-repeat; color: var(--neutral-dark-mod-2); font-size: var(--step-0); line-height: 1.2; } @media screen and (max-width: 649px) { .magazine-filters__select { padding: .7875rem 46px .7875rem var(--space-xs); width: 100%; } } @media screen and (min-width: 650px) { .magazine-filters__select { padding: calc(var(--space-2xs) + .08em) calc(var(--space-2xs) + 40px) calc(var(--space-2xs) + .08em) var(--space-xs); } } @media screen and (min-width: 1200px) { .magazine-filters__select { min-width: 200px; } } .magazine-filters__select:focus { outline: 2px solid var(--focus-highlight); } .magazine-search { position: relative; width: 100%; } .magazine-search__bar { max-height: 0px; opacity: 0; visibility: hidden; } @media screen and (min-width: 650px) { .magazine-search__bar { background-color: var(--neutral-light-mod-1); border-bottom: 1px solid var(--neutral-light-mod-2); transition: opacity 0.35s ease 0s, transform 0.35s ease 0s, max-height 0.35s ease 0s, visibility 0s ease 0.35s, -webkit-transform 0.35s ease 0s; } } .magazine-search__bar.is-visible { opacity: 1; visibility: visible; max-height: 1000px; } @media screen and (min-width: 650px) { .magazine-search__bar.is-visible { transition: opacity 0.35s ease 0s, transform 0.35s ease 0s, max-height 0.35s ease 0s, visibility 0s ease 0s, -webkit-transform 0.35s ease 0s; } } @media screen and (max-width: 649px) { .magazine-search__bar.is-visible .magazine-search__form { margin-top: var(--space-s); } } .magazine-search__form { display: flex; flex-wrap: wrap; gap: var(--space-2xs); padding: 0px; } @media screen and (max-width: 649px) { .magazine-search__form { -webkit-box-align: center; align-items: center; border: 1px solid var(--neutral-dark-mod-2); border-radius: var(--rounded-s); } } @media screen and (min-width: 650px) { .magazine-search__form { padding: var(--space-s); border-top: 1px solid var(--neutral-light-mod-2); } } .magazine-search__input { border: none; border-radius: var(--rounded-s); -webkit-box-flex: 1; flex: 1 1 0%; font-size: var(--step-0); padding: .7875rem var(--space-xs); } @media screen and (min-width: 650px) { .magazine-search__input { background-color: var(--neutral-light); background-image: var(--svg-small-search); background-position: left 18px center; background-repeat: no-repeat; background-size: 24px 24px; border: 1px solid var(--neutral-light-mod-2); border-radius: 100px; padding: var(--space-2xs) var(--space-s) var(--space-2xs) calc(var(--space-s) + 30px); } } .magazine-search__submit { -webkit-box-align: center; align-items: center; border: none; cursor: pointer; } @media screen and (max-width: 649px) { .magazine-search__submit.link-button--dark { background-color: transparent; border-radius: var(--rounded-s); display: flex; height: var(--space-44-49); margin-right: 1px; padding: 0px; width: var(--space-44-49); } .magazine-search__submit.link-button--dark::before { background-color: var(--neutral-light); background-image: var(--svg-small-search); background-position: center center; background-repeat: no-repeat; background-size: 24px 24px; border-radius: 0px; box-shadow: none; height: 24px; position: relative; width: 24px; } } @media screen and (max-width: 649px) { .magazine-search__submit-title { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } } .magazine-results { margin-bottom: var(--space-m); margin-top: var(--space-m); } .magazine-results.is-hidden { display: none; } .magazine-results__list { margin: 0px; padding-left: 0px; } .magazine-results__list-item { list-style-type: none; padding-left: 0px; } .magazine-results__notice { text-align: center; width: 100%; } .magazine-results__notice.notice--error { color: var(--utility-red); } .magazine-results__spinner { display: none; width: 100%; } .magazine-results__spinner-image { background-image: var(--svg-spinner); background-position: center center; background-repeat: no-repeat; background-size: 32px 32px; display: block; height: 32px; margin-left: auto; margin-right: auto; width: 32px; } .magazine-results__header { font-size: var(--step-1); font-weight: 500; margin-bottom: var(--space-s); } .magazine-results__row { border-top: 1px solid var(--neutral-light-mod-2); margin-bottom: var(--space-s-m); padding-top: var(--space-s-m); } .magazine-results__row:last-of-type { margin-bottom: 0px; } @media screen and (max-width: 599px) { .magazine-results__columns { display: grid; row-gap: var(--space-xs); } } @media screen and (min-width: 600px) { .magazine-results__columns { -webkit-box-align: start; align-items: flex-start; column-gap: var(--space-m); display: flex; } } .magazine-results__column.column-2 { display: grid; -webkit-box-flex: 1; flex: 1 1 0%; row-gap: var(--space-s); } .magazine-results__cover-link { display: block; } .magazine-results__cover { display: block; } .magazine-results__link { color: var(--neutral-dark); font-size: var(--step--1); font-weight: 600; margin-right: var(--space-3xs); } .magazine-results__paragraph { color: var(--neutral-dark-mod-1); font-size: var(--step--1); margin: 0px; } .contact-form { border-radius: var(--rounded-m); border: 1px solid var(--neutral-light-mod-2); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px 0px; margin-bottom: var(--space-m); margin-top: var(--space-m); padding: var(--space-s-2xl); position: relative; } .contact-form .gform_wrapper .gform_title { font-size: var(--step-2); margin-bottom: var(--space-m); } .contact-form .gform_wrapper .gform_required_legend { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .contact-form .gform_wrapper .gform_validation_errors { background-color: var(--utility-red-tint); border: 1px solid var(--utility-red); border-radius: var(--rounded-m); margin-bottom: var(--space-l); padding: var(--space-l) var(--space-s-l); text-align: center; text-wrap: balance; } .contact-form .gform_wrapper .gform_validation_errors .validation_error__heading { font-size: var(--step-2); font-weight: 600; } .contact-form .gform_wrapper .gform_validation_errors .validation_error__paragraph { font-size: var(--step-0); margin-bottom: var(--space-2xs); margin-top: var(--space-2xs); } .contact-form .gform_wrapper .gform_validation_errors .validation_error__paragraph:last-of-type { margin-bottom: 0px; } .contact-form .gform_wrapper .gform_submission_error { font-size: var(--step-0); line-height: 1.5; } .contact-form .gform_wrapper .gform_confirmation_wrapper { background-color: var(--brand-primary-green-tint); border: 1px solid var(--brand-primary-green); border-radius: var(--rounded-m); margin-bottom: var(--space-l); padding: var(--space-l) var(--space-s-l); text-align: center; text-wrap: balance; } .contact-form .gform_wrapper .gform_confirmation_message { font-size: var(--step-0); line-height: 1.5; } .contact-form .gform_wrapper .gform_drop_area { -webkit-box-align: center; align-items: center; background-color: var(--brand-light-blue-tint); border: 1px dashed var(--brand-light-blue); border-radius: var(--rounded); display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; padding: var(--space-m); text-align: center; width: 100%; } .contact-form .gform_wrapper .gform_drop_area::before { background-color: var(--brand-blue); content: ""; display: block; height: 20px; margin-bottom: 2px; mask-image: var(--svg-upload); mask-repeat: no-repeat; mask-position: center center; mask-size: 100% 100%; pointer-events: none; width: 24px; } .contact-form .gform_wrapper .gform_drop_instructions { display: block; margin-bottom: var(--space-2xs); text-align: center; width: 100%; } .contact-form .gform_wrapper .gform_footer { -webkit-box-align: center; align-items: center; display: flex; gap: 8px; } .contact-form .gform_wrapper .gform_ajax_spinner { height: 24px; width: 24px; } .contact-form .gform_wrapper .gfield { margin-bottom: var(--space-l); } .contact-form .gform_wrapper .gfield_label { display: inline-block; font-size: var(--step-0); font-weight: 600; line-height: 1.2; margin-bottom: var(--space-xs); } .contact-form .gform_wrapper .gfield_required { color: var(--utility-red); margin-left: 0.1em; } .contact-form .gform_wrapper .gfield_description { font-size: var(--step--1); margin-top: var(--space-3xs); } .contact-form .gform_wrapper .gfield_description.validation_message { color: var(--utility-red); } .contact-form .gform_wrapper .gfield_description.gform_fileupload_rules { display: inline-block; } .contact-form .gform_wrapper .gfield_checkbox { display: grid; gap: var(--space-xs); } .contact-form .gform_wrapper .gfield_checkbox .gchoice { display: flex; gap: var(--space-xs); } .contact-form .gform_wrapper .gfield_checkbox .gchoice .gform-field-label { font-size: var(--step-0); } .contact-form .gform_wrapper .gfield_checkbox .gchoice .gfield-choice-input { margin-top: 0.25em; } .contact-form .gform_wrapper .gfield--type-html { margin-bottom: var(--space-s); } .contact-form .gform_wrapper .gfield--type-consent legend { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .contact-form .gform_wrapper .gfield--type-consent .gform-field-label { font-size: var(--step-0); } .contact-form .gform_wrapper .gfield--type-section:not(.gfield--type-section-no-line) { border-top: 1px solid var(--neutral-light-mod-2); margin-bottom: var(--space-m); padding-top: var(--space-m); } .contact-form .gform_wrapper .gfield--type-section:not(.gfield--type-section-no-line) .gsection_title { font-size: var(--step-1); } .contact-form .gform_wrapper .gfield--type-section:not(.gfield--type-section-no-line) .gsection_description { font-size: var(--step-0); margin-top: var(--space-2xs); } .contact-form .gform_wrapper .gfield--type-section-no-line { margin-bottom: var(--space-m); } .contact-form .gform_wrapper .gfield--type-section-no-line .gsection_title { font-size: var(--step-1); } .contact-form .gform_wrapper .gfield--type-section-no-line .gsection_description { font-size: var(--step-0); margin-top: var(--space-2xs); } .contact-form .gform_wrapper .gfield--title-hr .gfield_label { border-top: 1px solid var(--neutral-light-mod-2); font-size: var(--step-1); margin-bottom: var(--space-m); padding-top: var(--space-m); width: 100%; } .contact-form .gform_wrapper .gfield_radio { display: flex; flex-wrap: wrap; row-gap: var(--space-xs); column-gap: var(--space-m-l); } .contact-form .gform_wrapper .gfield_radio .gchoice { -webkit-box-align: center; align-items: center; display: flex; gap: var(--space-xs); } .contact-form .gform_wrapper .gfield_radio .gform-field-label { font-size: var(--step-0); } .contact-form .gform_wrapper .gfield-choice-input { width: auto; } .contact-form .gform_wrapper .gfield--grid .gfield_checkbox { display: grid; gap: var(--space-s); grid-template-columns: repeat(1, 1fr); } @media screen and (min-width: 800px) { .contact-form .gform_wrapper .gfield--grid .gfield_checkbox { grid-template-columns: repeat(2, 1fr); } } .contact-form .gform_wrapper .gfield--grid .gfield_checkbox .gchoice { -webkit-box-align: center; align-items: center; background-color: var(--neutral-light-mod-1); display: flex; gap: var(--space-xs); padding: var(--space-s); } .contact-form .gform_wrapper .gfield--grid .gfield_checkbox .gchoice .gform-field-label { font-size: var(--step-0); } .contact-form .gform_wrapper .gfield--grid .gfield_checkbox .gchoice .gfield-choice-input { margin-top: 0px; } .contact-form .gform_wrapper .gfield--hidden-label .gfield_label { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .contact-form .gform_wrapper .gfield.hidden_label .gfield_label { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } .contact-form .gform_wrapper fieldset { border: none; margin: 0px; padding: 0px; } .contact-form .gform_wrapper .ginput_container input:not([type="checkbox"]):not([type="radio"]) { border: 1px solid var(--neutral-dark-mod-2); border-radius: var(--rounded-s); font-size: var(--step-0); line-height: 1.2; padding: var(--space-s); transition: border 0.25s ease 0s; width: 100%; } .contact-form .gform_wrapper .ginput_container input:not([type="checkbox"]):not([type="radio"]):focus { border-color: var(--brand-primary-green); } .contact-form .gform_wrapper .ginput_container input[type="checkbox"] { appearance: none; accent-color: var(--brand-primary-green); background-color: var(--neutral-light); border: 1px solid var(--neutral-dark-mod-2); border-radius: var(--rounded-s); cursor: pointer; height: 20px; min-width: 20px; width: 20px; } .contact-form .gform_wrapper .ginput_container input[type="checkbox"]:checked { background-color: var(--neutral-dark); background-image: var(--svg-tick); background-position: center center; background-repeat: no-repeat; background-size: 16px 16px; border: 1px solid var(--neutral-dark); } .contact-form .gform_wrapper .ginput_container input[type="radio"] { accent-color: var(--neutral-dark); border: 1px solid var(--neutral-dark-mod-2); height: 20px; min-width: 20px; width: 20px; } .contact-form .gform_wrapper .ginput_container input[type="radio"]:checked { background-color: var(--neutral-dark); border: 1px solid var(--neutral-dark); } .contact-form .gform_wrapper .ginput_container select { appearance: none; background-image: var(--svg-button-arrow); background-size: 24px 24px; background-position: center right var(--space-xs); background-repeat: no-repeat; border: 1px solid var(--neutral-dark-mod-2); border-radius: var(--rounded-s); font-size: var(--step-0); line-height: 1.2; padding: var(--space-s); transition: border 0.25s ease 0s; width: 100%; } .contact-form .gform_wrapper .ginput_container select:focus { border: 1px solid var(--brand-primary-green); outline: 0px; } .contact-form .gform_wrapper .ginput_container textarea { border-radius: var(--rounded-s); border: 1px solid var(--neutral-dark-mod-2); display: block; font-size: var(--step-0); line-height: 1.5; height: 7.8em; padding: var(--space-xs) var(--space-xs); transition: border 0.25s ease 0s; width: 100%; } .contact-form .gform_wrapper .ginput_container textarea:focus { border-color: var(--brand-primary-green); } .contact-form .gform_wrapper .ginput_container_consent { display: flex; gap: var(--space-xs); } .contact-form .gform_wrapper .ginput_container_consent input[type="checkbox"] { margin-top: 0.25em; } .contact-form .gform_wrapper .ginput_container_fileupload ul { margin: var(--space-2xs) 0 0 0; } .contact-form .gform_wrapper .ginput_container_date input { width: 115px !important; } .contact-form .gform_wrapper .ginput_complex { display: flex; flex-wrap: wrap; gap: 10px; } .contact-form .gform_wrapper button[type="submit"] { -webkit-box-align: center; align-items: center; appearance: none; background-color: var(--neutral-dark); border: none; border-radius: 100px; color: var(--neutral-light); cursor: pointer; display: flex; font-size: var(--step--1); font-weight: 600; line-height: 1.2; -webkit-box-pack: center; justify-content: center; padding: var(--space-xs) var(--space-m); position: relative; text-decoration: none; transition: background-color 0.25s ease 0s; width: fit-content; } .contact-form .gform_wrapper button[type="submit"]::before { border-radius: 50px; box-shadow: inset 0 0 0 1px var(--neutral-dark); content: ""; inset: 0px; position: absolute; } .contact-form .gform_wrapper button[type="submit"]:active, .contact-form .gform_wrapper button[type="submit"]:hover { background-color: var(--neutral-light); color: var(--neutral-dark); } .step__tab { background-color: var(--brand-primary-green-tint); border-radius: 100px; font-size: var(--step--1); font-weight: 600; padding: var(--space-2xs) var(--space-s); width: fit-content; } .step__heading { font-size: var(--step-2); margin-top: var(--space-s-l); } .step.step--hard-rule { border-top: 3px solid var(--neutral-dark-mod-2); margin-top: var(--space-m-xl); padding-top: var(--space-m-xl); } .search-form { -webkit-box-align: center; align-items: center; display: flex; flex-wrap: wrap; gap: 10px; width: 100%; } .search-form__label { -webkit-box-flex: 1; flex: 1 1 0%; } .search-form__input { background-color: var(--neutral-light); background-image: var(--svg-search); background-repeat: no-repeat; background-position: left var(--space-s) center; background-size: 24px 24px; border: none; border-radius: 100px; box-shadow: inset 0 0 0 1px var(--neutral-light-mod-2); font-size: var(--step-0); line-height: 1.2; padding: .7875rem 9px .7875rem calc(var(--space-m) + 26px); width: 100%; } .search-form__filters { display: grid; gap: 10px; margin-bottom: 15px; width: 100%; } @media screen and (min-width: 540px) { .search-form__filters { grid-template-columns: repeat(3, 1fr); } } .search-form__filter { appearance: none; background-image: var(--svg-button-arrow); background-size: 24px 24px; background-position: center right var(--space-2xs); background-repeat: no-repeat; border: 1px solid var(--neutral-light-mod-2); border-radius: var(--rounded-s); line-height: 1.2; padding: .85em var(--space-xs); transition: border 0.25s ease 0s; width: 100%; } .search-form__filter:focus { outline: 0px; } .search-form__submit { appearance: none; border: none; cursor: pointer; } input[type="search"]::-webkit-search-cancel-button { appearance: none; border-radius: 50em; background-size: contain; height: 24px; opacity: 0; pointer-events: none; width: 24px; } input[type="search"]:focus::-webkit-search-cancel-button { cursor: pointer; opacity: 1; pointer-events: all; } .search-count { font-size: var(--step-0); margin-bottom: 0px; margin-top: var(--space-s-l); } .search-results.no-results { padding: var(--space-s-l) 0; text-align: center; } .search-results__list { margin-top: 0px; padding-left: 0px; } .search-results__list-item { border-bottom: 1px solid var(--neutral-light-mod-2); list-style-type: none; margin-bottom: 0px; margin-top: 0px; padding: var(--space-s-l) 0; } .search-results__article { margin-top: -0.25em; } .search-results__entry-header { display: grid; gap: var(--space-3xs); } .search-results__entry-title { font-size: var(--step-1); } .search-results__link { font-weight: 600; text-decoration-color: rgba(60, 60, 60, 0); } .search-results__entry-meta .posted-on { color: var(--neutral-dark-mod-2); display: inline-block; font-size: var(--step--1); line-height: 1.2; } .search-results__entry-meta .updated:not(.published) { display: none; } .search-results__entry-summary p { margin-top: var(--space-2xs); } .search-results__entry-summary > :last-child { margin-bottom: 0px; } .search-results .term-list { border: none; padding-bottom: 0px; padding-top: 0px; margin-bottom: 0px !important; } @media screen and (max-width: 899px) { .mobile-search-form { -webkit-box-align: center; align-items: center; background-color: var(--neutral-light-mod-1); display: flex; gap: 10px; padding: var(--space-s); width: 100%; } .mobile-search-form__label { position: relative; width: 100%; } .mobile-search-form__input { background-color: var(--neutral-light); border: none; border-radius: var(--rounded-s); box-shadow: inset 0 0 0 1px var(--neutral-light-mod-2); font-size: var(--step-0); line-height: 1.2; padding: .7875rem 46px .7875rem var(--space-s); width: 100%; } .mobile-search-form__submit { -webkit-box-align: center; align-items: center; appearance: none; background-color: var(--neutral-light); border: none; cursor: pointer; display: flex; height: 40px; -webkit-box-pack: center; justify-content: center; min-width: 40px; position: absolute; right: 0.2em; top: 0.2em; width: 40px; } .mobile-search-form__submit::before { background-image: var(--svg-search); background-repeat: no-repeat; background-position: center center; background-size: 24px 24px; content: ""; display: block; height: 24px; pointer-events: none; position: absolute; width: 24px; } .mobile-search-form__title { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } } @media screen and (min-width: 900px) { .mobile-search-form { display: none; } } .no-results .page-content, .no-results .page-header { -webkit-box-align: center; align-items: center; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; text-align: center; } .message-box { background-color: var(--brand-primary-green-tint); border: 1px solid var(--brand-primary-green); border-radius: var(--rounded-m); margin-bottom: var(--space-s-l); margin-top: var(--space-s-l); padding: var(--space-s-xl) var(--space-s-2xl); text-wrap: pretty; } .message-box > :first-child { margin-top: 0px; } .message-box > :last-child { margin-bottom: 0px; } .message-box__heading { font-size: var(--step-2); font-weight: 600; } .table { border-top: 1px solid var(--neutral-dark); border-collapse: collapse; min-width: 600px; padding-bottom: var(--space-2xs); padding-top: var(--space-2xs); text-align: left; width: 100%; } .table__figure { border-bottom: 4px solid var(--brand-primary-green); border-top: 4px solid var(--neutral-dark); margin: var(--space-s-l) 0; } .table__wrapper { width: 100%; overflow-x: auto; } .table__wrapper.is-dragging { cursor: grabbing; user-select: none; } .table__caption { font-size: var(--step-1); font-weight: 600; margin-bottom: var(--space-xs); margin-top: var(--space-xs); text-align: left; } .table thead tr { border-bottom: 1px solid var(--neutral-light-mod-2); } .table thead th { font-weight: 600; padding: var(--space-xs); } .table thead th:first-of-type { padding-left: 0px; } .table thead th:last-of-type { padding-right: 0px; } .table tbody td { padding: var(--space-xs); } .table tbody td:first-of-type { padding-left: 0px; } .table tbody td:last-of-type { padding-right: 0px; } .table tr { vertical-align: top; } .table td { padding: 0px; } .ads { border-bottom: 3px solid var(--neutral-light-mod-2); border-top: 1px solid var(--neutral-light-mod-2); margin-bottom: var(--space-m); margin-top: var(--space-m); padding-bottom: var(--space-m); padding-left: var(--space-s); padding-right: var(--space-s); padding-top: var(--space-m); width: 100%; } .ads__columns { display: grid; width: 100%; gap: var(--space-l); } @media screen and (min-width: 400px) { .ads__columns { grid-template-columns: repeat(2, 1fr); } } .ads .ad { aspect-ratio: 300 / 250; } .share-buttons__list { display: flex; flex-wrap: wrap; gap: var(--space-3xs); list-style-type: none; margin: var(--space-xs) 0 var(--space-xs) -2px; padding-left: 0px; } .share-buttons__list-item { margin: 0px; padding-left: 0px; } .share-buttons__link { -webkit-box-align: center; align-items: center; background-color: var(--neutral-light-mod-1); border-radius: 50%; border: 2px solid var(--neutral-light); display: flex; height: 34px; -webkit-box-pack: center; justify-content: center; outline-offset: -2px; overflow: hidden; position: relative; width: 34px; } .share-buttons__link::before { background-color: rgba(0, 0, 0, 0.06); content: ""; display: block; inset: 0px; opacity: 0; position: absolute; transition: opacity 0.25s ease 0s; } .share-buttons__link:active::before, .share-buttons__link:hover::before { opacity: 1; } .share-buttons__icon { background-color: var(--neutral-dark); display: block; height: 20px; mask-position: center center; mask-repeat: no-repeat; mask-size: 20px 20px; transition: background-color 0.25s ease 0s; width: 20px; } .share-buttons__icon.has-email-icon { mask-image: var(--svg-email); } .share-buttons__icon.has-facebook-icon { mask-image: var(--svg-facebook); } .share-buttons__icon.has-x-icon { height: 18px; mask-image: var(--svg-x); mask-size: 18px 18px; width: 18px; } .share-buttons__icon.has-linkedin-icon { height: 18px; mask-image: var(--svg-linkedin); mask-size: 18px 18px; width: 18px; } .share-buttons__title { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; } :root { --swiper-theme-color: #007aff; --swiper-navigation-sides-offset: var(--space-s); } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform, -webkit-transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform, -webkit-transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; align-items: flex-start; transition-property: transform, height, -webkit-transform; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0px); backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; -webkit-box-ordinal-group: 10000; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50% center; box-sizing: border-box; border-radius: 50%; border-top-color: transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } :root { --swiper-navigation-size: clamp(1.5rem, 0.9828rem + 2.586vw, 3.375rem); --swiper-navigation-color: var(--neutral-light); } .swiper-button-next, .swiper-button-prev { position: absolute; width: var(--swiper-navigation-size); height: var(--swiper-navigation-size); z-index: 10; cursor: pointer; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next svg, .swiper-button-prev svg { display: none; } .swiper-button-next::before, .swiper-button-prev::before { background-color: var(--neutral-dark); border-radius: 50%; content: ""; position: absolute; inset: 0px; } .swiper-button-next::after, .swiper-button-prev::after { background-color: var(--neutral-light); mask-image: var(--svg-chevron-left); mask-position: center center; mask-repeat: no-repeat; mask-size: var(--space-16-24) var(--space-16-24); content: ""; display: block; height: var(--space-16-24); position: absolute; width: var(--space-16-24); } .swiper-button-lock { display: none; } .swiper-button-next, .swiper-button-prev { top: var(--swiper-navigation-top-offset,50%); margin-top: calc(0px - var(--swiper-navigation-size)/ 2); } .swiper-button-prev { left: var(--swiper-navigation-sides-offset,4px); right: auto; } .swiper-button-prev .swiper-navigation-icon { transform: rotate(180deg); } .swiper-button-next { right: var(--swiper-navigation-sides-offset,4px); left: auto; } .swiper-button-next::after { transform: rotate(180deg); } .swiper-horizontal .swiper-button-next, .swiper-horizontal .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev { top: var(--swiper-navigation-top-offset,50%); margin-top: calc(0px - var(--swiper-navigation-size)/ 2); margin-left: 0px; } .swiper-horizontal .swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev { left: var(--swiper-navigation-sides-offset,4px); right: auto; } .swiper-horizontal .swiper-button-next, .swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next { right: var(--swiper-navigation-sides-offset,4px); left: auto; } .swiper-horizontal .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon, .swiper-horizontal ~ .swiper-button-prev .swiper-navigation-icon { transform: rotate(180deg); } .swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon { transform: rotate(0deg); } .swiper-vertical .swiper-button-next, .swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-next, .swiper-vertical ~ .swiper-button-prev { left: var(--swiper-navigation-top-offset,50%); right: auto; margin-left: calc(0px - var(--swiper-navigation-size)/ 2); margin-top: 0px; } .swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev { top: var(--swiper-navigation-sides-offset,4px); bottom: auto; } .swiper-vertical .swiper-button-prev .swiper-navigation-icon, .swiper-vertical ~ .swiper-button-prev .swiper-navigation-icon { transform: rotate(-90deg); } .swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next { bottom: var(--swiper-navigation-sides-offset,4px); top: auto; } .swiper-vertical .swiper-button-next .swiper-navigation-icon, .swiper-vertical ~ .swiper-button-next .swiper-navigation-icon { transform: rotate(90deg); } :root { --swiper-pagination-top: var(--space-xs); --swiper-pagination-bullet-border-radius: 3px; --swiper-pagination-bullet-height: 6px; --swiper-pagination-bullet-width: 6px; --swiper-pagination-bullet-horizontal-gap: 2.5px; --swiper-pagination-color: var(--neutral-dark); --swiper-pagination-bullet-inactive-opacity: 0.15; } @media screen and (min-width: 700px) { .swiper-pagination { display: none; } } .swiper-pagination { position: relative; text-align: center; transition: opacity 0.3s ease 0s; transform: translate3d(0px, 0px, 0px); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom,8px); top: var(--swiper-pagination-top,auto); left: 0px; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.5); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.5); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius,50%); background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity,.2); } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity,1); background: var(--swiper-pagination-color,var(--swiper-theme-color)); width: 10px; } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right,8px); left: var(--swiper-pagination-left,auto); top: 50%; transform: translate3d(0px, -50%, 0px); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s ease 0s, top 0.2s ease 0s, -webkit-transform 0.2s ease 0s; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s ease 0s, left 0.2s ease 0s, width 0.2s ease 0s, -webkit-transform 0.2s ease 0s; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s ease 0s, right 0.2s ease 0s, -webkit-transform 0.2s ease 0s; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color,inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color,var(--swiper-theme-color)); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size,4px); left: 0px; top: 0px; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size,4px); height: 100%; left: 0px; top: 0px; } .swiper-pagination-lock { display: none; } :root { --f-button-width: 40px; --f-button-height: 40px; --f-button-border: 0; --f-button-border-radius: 0; --f-button-color: #374151; --f-button-bg: #f8f8f8; --f-button-shadow: none; --f-button-transition: all .15s ease; --f-button-transform: none; --f-button-outline-width: 1px; --f-button-outline-color: rgba(0, 0, 0, .7); --f-button-svg-width: 20px; --f-button-svg-height: 20px; --f-button-svg-stroke-width: 1.5; --f-button-svg-fill: none; --f-button-svg-filter: none; --f-button-svg-opacity: 1; --f-button-svg-disabled-opacity: .5; --f-button-svg-transition: opacity .15s ease; --f-button-svg-transform: none; } .f-button { width: var(--f-button-width); height: var(--f-button-height); border: var(--f-button-border); border-radius: var(--f-button-border-radius); color: var(--f-button-color); background: var(--f-button-bg); box-shadow: var(--f-button-shadow); transform: var(--f-button-transform); transition: var(--f-button-transition); backdrop-filter: var(--f-button-backdrop-filter); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; box-sizing: content-box; position: relative; margin: 0px; padding: 0px; pointer-events: all; cursor: pointer; overflow: hidden; } @media (hover: hover) { .f-button:hover:not([aria-disabled]) { color: var(--f-button-hover-color,var(--f-button-color)); background-color: var(--f-button-hover-bg,var(--f-button-bg)); } } .f-button:active:not([aria-disabled]) { color: var(--f-button-active-color,var(--f-button-hover-color,var(--f-button-color))); background-color: var(--f-button-active-bg,var(--f-button-hover-bg,var(--f-button-bg))); } .f-button:focus { outline: 0px; } .f-button:focus-visible { outline: var(--f-button-outline-width) solid var(--f-button-outline-color); outline-offset: var(--f-button-outline-offset); position: relative; z-index: 1; } .f-button svg { width: var(--f-button-svg-width); height: var(--f-button-svg-height); transform: var(--f-button-svg-transform); fill: var(--f-button-svg-fill); filter: var(--f-button-svg-filter); opacity: var(--f-button-svg-opacity,1); transition: var(--f-button-svg-transition); stroke: currentcolor; stroke-width: var(--f-button-svg-stroke-width); stroke-linecap: round; stroke-linejoin: round; pointer-events: none; } .f-button[aria-disabled] { cursor: default; } .f-button[aria-disabled] svg { opacity: var(--f-button-svg-disabled-opacity); } :root { --f-spinner-color-1: rgba(0, 0, 0, .1); --f-spinner-color-2: rgba(17, 24, 28, .8); --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-border-radius: 50%; --f-spinner-border-width: 4px; } .f-spinner { position: absolute; top: 50%; left: 50%; margin: calc(var(--f-spinner-width) * -.5) 0 0 calc(var(--f-spinner-height) * -.5); padding: 0px; width: var(--f-spinner-width); height: var(--f-spinner-height); border-radius: var(--f-spinner-border-radius); border-top-color: var(--f-spinner-color-2); animation: 0.75s linear 0s infinite normal none running f-spinner, 0.2s ease 0.2s 1 normal both running f-fadeIn; } @-webkit-keyframes f-spinner { 100% { transform: rotate(360deg); } } @keyframes f-spinner { 100% { transform: rotate(360deg); } } .f-panzoom, .f-zoomable { position: relative; overflow: hidden; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .f-panzoom::after, .f-panzoom::before, .f-zoomable::after, .f-zoomable::before { display: block; content: ""; } .f-panzoom:not(.has-controls)::before, .f-zoomable:not(.has-controls)::before { margin-bottom: auto; } .f-panzoom::after, .f-zoomable::after { margin-top: auto; } .f-panzoom__wrapper { position: relative; min-width: 0px; min-height: 0px; max-width: 100%; max-height: 100%; } .f-panzoom__wrapper.will-zoom-out { cursor: zoom-out; } .f-panzoom__wrapper.can-drag { cursor: grab; } .f-panzoom__wrapper.will-zoom-in { cursor: zoom-in; } .f-panzoom__wrapper.is-dragging { cursor: grabbing; } .f-panzoom__wrapper.has-error { display: none; } .f-panzoom__content { display: block; min-width: 0px; min-height: 0px; max-width: 100%; max-height: 100%; } .f-panzoom__content.has-lazyerror, .f-panzoom__content.is-lazyloading { visibility: hidden; } img.f-panzoom__content { width: auto; height: auto; vertical-align: top; object-fit: contain; transition: none 0s ease 0s; user-select: none; } .f-panzoom__wrapper > .f-panzoom__content { visibility: hidden; } .f-panzoom__viewport { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; } .f-panzoom__viewport > .f-panzoom__content { width: 100%; height: 100%; object-fit: fill; } picture.f-panzoom__content img { vertical-align: top; width: 100%; height: auto; max-height: 100%; object-fit: contain; transition: none 0s ease 0s; user-select: none; } .f-panzoom__protected { position: absolute; inset: 0px; z-index: 1; user-select: none; } .f-fadeIn { animation: var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeIn; z-index: 2; } .f-fadeOut { animation: var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeOut; z-index: 1; } @-webkit-keyframes f-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes f-fadeOut { 100% { opacity: 0; } } @keyframes f-fadeOut { 100% { opacity: 0; } } .f-crossfadeIn { animation: var(--f-transition-duration,.2s) ease both f-crossfadeIn; z-index: 2; } .f-crossfadeOut { animation: calc(var(--f-transition-duration,.2s) * .2) ease calc(var(--f-transition-duration,.2s) * .8) both f-crossfadeOut; z-index: 1; } @-webkit-keyframes f-crossfadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-crossfadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes f-crossfadeOut { 100% { opacity: 0; } } @keyframes f-crossfadeOut { 100% { opacity: 0; } } .is-horizontal .f-slideIn.from-next { animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNextX; } .is-horizontal .f-slideIn.from-prev { animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX; } .is-horizontal .f-slideOut.to-next { animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX; } .is-horizontal .f-slideOut.to-prev { animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX; } @-webkit-keyframes f-slideInPrevX { 0% { transform: translate(calc(100% + var(--f-carousel-gap,0))); } 100% { transform: translateZ(0px); } } @keyframes f-slideInPrevX { 0% { transform: translate(calc(100% + var(--f-carousel-gap,0))); } 100% { transform: translateZ(0px); } } @-webkit-keyframes f-slideInNextX { 0% { transform: translate(calc(-100% - var(--f-carousel-gap,0))); } 100% { transform: translateZ(0px); } } @keyframes f-slideInNextX { 0% { transform: translate(calc(-100% - var(--f-carousel-gap,0))); } 100% { transform: translateZ(0px); } } @-webkit-keyframes f-slideOutNextX { 100% { transform: translate(calc(-100% - var(--f-carousel-gap,0))); } } @keyframes f-slideOutNextX { 100% { transform: translate(calc(-100% - var(--f-carousel-gap,0))); } } @-webkit-keyframes f-slideOutPrevX { 100% { transform: translate(calc(100% + var(--f-carousel-gap,0))); } } @keyframes f-slideOutPrevX { 100% { transform: translate(calc(100% + var(--f-carousel-gap,0))); } } .is-vertical .f-slideIn.from-next { animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNextY; } .is-vertical .f-slideIn.from-prev { animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY; } .is-vertical .f-slideOut.to-next { animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY; } .is-vertical .f-slideOut.to-prev { animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY; } @-webkit-keyframes f-slideInPrevY { 0% { transform: translateY(calc(100% + var(--f-carousel-gap,0))); } 100% { transform: translateZ(0px); } } @keyframes f-slideInPrevY { 0% { transform: translateY(calc(100% + var(--f-carousel-gap,0))); } 100% { transform: translateZ(0px); } } @-webkit-keyframes f-slideInNextY { 0% { transform: translateY(calc(-100% - var(--f-carousel-gap,0))); } 100% { transform: translateZ(0px); } } @keyframes f-slideInNextY { 0% { transform: translateY(calc(-100% - var(--f-carousel-gap,0))); } 100% { transform: translateZ(0px); } } @-webkit-keyframes f-slideOutNextY { 100% { transform: translateY(calc(-100% - var(--f-carousel-gap,0))); } } @keyframes f-slideOutNextY { 100% { transform: translateY(calc(-100% - var(--f-carousel-gap,0))); } } @-webkit-keyframes f-slideOutPrevY { 100% { transform: translateY(calc(100% + var(--f-carousel-gap,0))); } } @keyframes f-slideOutPrevY { 100% { transform: translateY(calc(100% + var(--f-carousel-gap,0))); } } .f-zoomInUp { animation: var(--f-transition-duration,.3s) ease both f-zoomInUp; } .f-zoomOutDown { animation: var(--f-transition-duration,.3s) ease both f-zoomOutDown; } @-webkit-keyframes f-zoomInUp { 0% { transform: scale(var(--f-zoomInUp-scale,.975)) translate3d(var(--f-zoomInUp-x,0),var(--f-zoomInUp-y,16px),0); opacity: var(--f-zoomInUp-opacity,0); } 100% { transform: scale(1) translateZ(0px); opacity: 1; } } @keyframes f-zoomInUp { 0% { transform: scale(var(--f-zoomInUp-scale,.975)) translate3d(var(--f-zoomInUp-x,0),var(--f-zoomInUp-y,16px),0); opacity: var(--f-zoomInUp-opacity,0); } 100% { transform: scale(1) translateZ(0px); opacity: 1; } } @-webkit-keyframes f-zoomOutDown { 100% { transform: scale(var(--f-zoomOutDown-scale,.975)) translate3d(var(--f-zoomOutDown-x,0),var(--f-zoomOutDown-y,16px),0); opacity: 0; } } @keyframes f-zoomOutDown { 100% { transform: scale(var(--f-zoomOutDown-scale,.975)) translate3d(var(--f-zoomOutDown-x,0),var(--f-zoomOutDown-y,16px),0); opacity: 0; } } .f-throwOutUp { animation: var(--f-throwOutUp-duration,.2s) ease-out both f-throwOutUp; } .f-throwOutDown { animation: var(--f-throwOutDown-duration,.2s) ease-out both f-throwOutDown; } @-webkit-keyframes f-throwOutUp { 100% { transform: translate3d(0,calc(var(--f-throwOutUp-y,150px) * -1),0); opacity: 0; } } @keyframes f-throwOutUp { 100% { transform: translate3d(0,calc(var(--f-throwOutUp-y,150px) * -1),0); opacity: 0; } } @-webkit-keyframes f-throwOutDown { 100% { transform: translate3d(0,var(--f-throwOutDown-y,150px),0); opacity: 0; } } @keyframes f-throwOutDown { 100% { transform: translate3d(0,var(--f-throwOutDown-y,150px),0); opacity: 0; } } .has-gmap .f-html, .has-iframe .f-html, .has-pdf .f-html { width: 100%; height: 100%; min-height: 1px; overflow: visible; } .has-gmap .f-html, .has-pdf .f-html { padding: 0px; } .f-html { position: relative; box-sizing: border-box; margin: var(--f-html-margin,0); padding: var(--f-html-padding,2rem); color: var(--f-html-color,currentColor); background: var(--f-html-bg); } .f-html.is-error { text-align: center; } .f-iframe { display: block; margin: 0px; border: 0px; height: 100%; width: 100%; } .f-caption { align-self: center; flex-shrink: 0; margin: var(--f-caption-margin); padding: var(--f-caption-padding,16px 8px); max-width: 100%; max-height: calc(-100px + 80vh); overflow: auto; overflow-wrap: anywhere; color: var(--f-caption-color); background: var(--f-caption-bg); font: var(--f-caption-font); } .has-html5video .f-html, .has-vimeo .f-html, .has-youtube .f-html { padding: 0px; width: 100%; height: 100%; min-height: 1px; overflow: visible; max-width: var(--f-video-width,960px); max-height: var(--f-video-height,540px); aspect-ratio: var(--f-video-aspect-ratio); background: var(--f-video-bg,rgba(0,0,0,.9)); } .f-html5video { border: 0px; display: block; height: 100%; width: 100%; background: 0px 0px; } .f-button.is-arrow { --f-button-width: var(--f-arrow-width, 46px); --f-button-height: var(--f-arrow-height, 46px); --f-button-svg-width: var(--f-arrow-svg-width, 24px); --f-button-svg-height: var(--f-arrow-svg-height, 24px); --f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75); --f-button-border-radius: var(--f-arrow-border-radius, unset); --f-button-bg: var(--f-arrow-bg, transparent); --f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg)); --f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg)); --f-button-shadow: var(--f-arrow-shadow); --f-button-color: var(--f-arrow-color); --f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color)); --f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) ); overflow: visible; } .f-button.is-arrow.is-next, .f-button.is-arrow.is-prev { position: absolute; transform: translate(0px); z-index: 20; } .is-horizontal .f-button.is-arrow.is-next, .is-horizontal .f-button.is-arrow.is-prev { inset: 50% auto auto; transform: translateY(-50%); } .is-horizontal.is-ltr .f-button.is-arrow.is-prev { left: var(--f-arrow-pos,0); } .is-horizontal.is-ltr .f-button.is-arrow.is-next { right: var(--f-arrow-pos,0); } .is-horizontal.is-rtl .f-button.is-arrow.is-prev { right: var(--f-arrow-pos,0); transform: translateY(-50%) rotateY(180deg); } .is-horizontal.is-rtl .f-button.is-arrow.is-next { left: var(--f-arrow-pos,0); transform: translateY(-50%) rotateY(180deg); } .is-vertical.is-ltr .f-button.is-arrow.is-prev, .is-vertical.is-rtl .f-button.is-arrow.is-prev { top: var(--f-arrow-pos,0); right: auto; bottom: auto; left: 50%; transform: translate(-50%); } .is-vertical.is-ltr .f-button.is-arrow.is-next, .is-vertical.is-rtl .f-button.is-arrow.is-next { top: auto; right: auto; bottom: var(--f-arrow-pos,0); left: 50%; transform: translate(-50%); } .is-vertical .f-button.is-arrow.is-next svg, .is-vertical .f-button.is-arrow.is-prev svg { transform: rotate(90deg); } .f-carousel__toolbar { display: grid; grid-template-columns: 1fr auto 1fr; margin: var(--f-toolbar-margin,0); padding: var(--f-toolbar-padding,8px); line-height: var(--f-toolbar-line-height); background: var(--f-toolbar-bg,none); box-shadow: var(--f-toolbar-shadow,none); backdrop-filter: var(--f-toolbar-backdrop-filter); position: relative; z-index: 20; color: var(--f-toolbar-color,currentColor); font-size: var(--f-toolbar-font-size,17px); font-weight: var(--f-toolbar-font-weight,inherit); font-family: var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif); text-shadow: var(--f-toolbar-text-shadow); text-align: center; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased; white-space: nowrap; pointer-events: none; } .f-carousel__toolbar.is-absolute { position: absolute; top: 0px; left: 0px; right: 0px; } .f-carousel__toolbar__column { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; align-content: flex-start; gap: var(--f-toolbar-gap,0); pointer-events: none; } .f-carousel__toolbar__column.is-left { justify-self: flex-start; -webkit-box-pack: start; justify-content: flex-start; } .f-carousel__toolbar__column.is-middle { -webkit-box-pack: center; justify-content: center; } .f-carousel__toolbar__column.is-right { justify-self: flex-end; -webkit-box-pack: end; justify-content: flex-end; flex-flow: row; } .f-carousel__toolbar__column > * { pointer-events: all; } .f-carousel:has(.f-carousel__slide.is-fullsize) [data-panzoom-action="toggleFull"] g { display: none; } [data-autoplay-action="toggle"] svg g:first-child { display: flex; } [data-autoplay-action="toggle"] svg g:last-child { display: none; } .has-autoplay [data-autoplay-action="toggle"] svg g:first-child { display: none; } .has-autoplay [data-autoplay-action="toggle"] svg g:last-child { display: flex; } :-webkit-full-screen [data-fullscreen-action="toggle"] svg [data-fullscreen-action="toggle"] svg g:first-child { display: none; } :fullscreen [data-fullscreen-action="toggle"] svg [data-fullscreen-action="toggle"] svg g:first-child { display: none; } :-webkit-full-screen [data-fullscreen-action="toggle"] svg [data-fullscreen-action="toggle"] svg g:last-child { display: flex; } :fullscreen [data-fullscreen-action="toggle"] svg [data-fullscreen-action="toggle"] svg g:last-child { display: flex; } .f-counter { position: relative; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; cursor: default; user-select: none; margin: var(--f-counter-margin,0); padding: var(--f-counter-padding,4px); line-height: var(--f-counter-line-height); background: var(--f-counter-bg); border-radius: var(--f-counter-border-radius); } .f-counter span { padding: 0 var(--f-counter-gap,4px); } :root { --f-thumbs-gap: 8px; --f-thumbs-margin: 0; --f-thumbs-padding-x: 8px; --f-thumbs-padding-y: 8px; --f-thumbs-z-index: 1; --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-clip-width: 46px; --f-thumb-extra-gap: 16px; --f-thumb-fit: cover; --f-thumb-opacity: 1; --f-thumb-transition: opacity .3s ease,transform .15s ease; --f-thumb-border: none; --f-thumb-border-radius: 4px; --f-thumb-transfors: none; --f-thumb-shadow: none; --f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05)); --f-thumb-focus-shadow: inset 0 0 0 .8px #222,inset 0 0 0 2.25px #fff; --f-thumb-selected-shadow: inset 0 0 0 .8px #222,inset 0 0 0 2.25px #fff; } .f-thumbs { flex-shrink: 0; margin: var(--f-thumbs-margin); padding: 0px; background: var(--f-thumbs-bg); -webkit-tap-highlight-color: transparent; user-select: none; transition: max-height 0.3s ease 0s, max-width 0.3s ease 0s; position: relative; overflow: hidden; z-index: var(--f-thumbs-z-index); } .f-thumbs.is-horizontal { max-height: calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2 + var(--f-thumbs-gap) * 2); } .f-thumbs.is-vertical { max-width: calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-gap) * 2); } .f-thumbs.is-ltr { direction: ltr; } .f-thumbs.is-rtl { direction: rtl; } .f-thumbs__viewport { margin: var(--f-thumbs-padding-y) var(--f-thumbs-padding-x); overflow: visible; display: grid; } .f-thumbs.is-vertical .f-thumbs__viewport { height: calc(100% - var(--f-thumbs-padding-y) * 2); } .f-thumbs__slide { position: relative; box-sizing: border-box; grid-area: 1 / 1; width: var(--f-carousel-slide-width); height: var(--f-carousel-slide-height); margin: 0px; padding: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; cursor: pointer; overflow: visible; } .f-thumbs__slide:hover button { opacity: var(--f-thumb-hover-opacity,1); transform: var(--f-thumb-hover-transform,none); } .f-thumbs__slide:hover button::after { border: var(--f-thumb-hover-border,none); box-shadow: var(--f-thumb-hover-shadow,var(--f-thumb-shadow)); } .f-thumbs__slide button { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: relative; position-anchor: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; inset-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: var(--f-thumb-bg); background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: var(--f-thumb-border-radius); border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: 100%; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: auto; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: var(--f-thumb-opacity); order: unset; orphans: unset; outline: 0px; outline-offset: unset; overflow-anchor: unset; overflow-clip-margin: unset; overflow-wrap: unset; overflow: visible; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: 0px; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; quotes: unset; r: unset; resize: unset; rotate: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-size-adjust: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; white-space: unset; timeline-scope: unset; touch-action: unset; transform: var(--f-thumb-transform); transform-box: unset; transform-origin: unset; transform-style: unset; transition: var(--f-thumb-transition); translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-print-color-adjust: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; widows: unset; width: 100%; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; } .f-thumbs__slide button::after { content: ""; position: absolute; inset: 0px; z-index: 1; transition: none 0s ease 0s; border-radius: inherit; border: var(--f-thumb-border); box-shadow: var(--f-thumb-shadow); } .f-thumbs__slide button:focus-within { opacity: var(--f-thumb-focus-opacity,1); transform: var(--f-thumb-focus-transform,none); } .f-thumbs__slide button:focus-within::after { border: var(--f-thumb-focus-border,none); box-shadow: var(--f-thumb-focus-shadow,var(--f-thumb-shadow)); } .f-thumbs__slide:active { opacity: var(--f-thumb-active-opacity,1); transform: var(--f-thumb-active-transform,none); } .f-thumbs__slide:active::after { border: var(--f-thumb-active-border,none); box-shadow: var(--f-thumb-active-shadow,var(--f-thumb-shadow)); } .f-thumbs__slide.is-selected { z-index: 2; } .f-thumbs__slide.is-selected button { opacity: var(--f-thumb-selected-opacity,1); transform: var(--f-thumb-selected-transform,none); } .f-thumbs__slide.is-selected button::after { border: var(--f-thumb-selected-border,none); box-shadow: var(--f-thumb-selected-shadow,var(--f-thumb-shadow)); } .f-thumbs__slide img { display: block; width: 100%; height: 100%; object-fit: var(--f-thumb-fit); border-radius: inherit; pointer-events: none; } .f-thumbs__slide img.has-lazyerror { display: none; } .f-thumbs.is-classic { --f-carousel-slide-width: var(--f-thumb-width); --f-carousel-slide-height: var(--f-thumb-height); --f-carousel-gap: var(--f-thumbs-gap); } .f-thumbs.is-modern { --f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) ); --f-carousel-slide-height: var(--f-thumb-height); --f-carousel-gap: 0; --width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width))); } .f-thumbs.is-modern .f-thumbs__viewport { width: calc(100% + var(--f-carousel-slide-width) * 2); margin-inline: calc(var(--f-carousel-slide-width) * -1); } .f-thumbs.is-modern .f-thumbs__slide { --clip-shift: calc((var(--width-diff) * .5) * var(--progress)); --clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) ); padding: 0px; overflow: visible; left: var(--shift,0); will-change: left; transition: left var(--f-transition-duration) var(--f-transition-easing); } .f-thumbs.is-modern .f-thumbs__slide button { display: block; margin-inline: 50%; width: var(--f-thumb-width); clip-path: var(--clip-path); border: none; box-shadow: none; transition: clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration,.2s) var(--f-thumb-transition-easing,ease); } .f-thumbs.is-modern .f-thumbs__slide button::after { display: none; } .f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible) { outline: 0px; } .f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button::before { content: ""; position: absolute; z-index: 1; top: 0px; left: var(--clip-shift); bottom: 0px; right: var(--clip-shift); transition: border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing),-webkit-box-shadow var(--f-transition-duration) var(--f-transition-easing); border-radius: inherit; border: var(--f-thumb-focus-border,none); box-shadow: var(--f-thumb-focus-shadow,none); } .f-thumbs.is-modern { --f-transition-duration: .25s; --f-transition-easing: ease-out; } .f-thumbs.is-modern.is-syncing { --f-transition-duration: 0s; } :root { --f-progressbar-height: 3px; --f-progressbar-color: var(--f-carousel-theme-color, #575ad6); --f-progressbar-opacity: 1; --f-progressbar-z-index: 30; } .f-progressbar { position: absolute; top: 0px; left: 0px; right: 0px; z-index: var(--f-progressbar-z-index); height: var(--f-progressbar-height); transform: scaleX(0); transform-origin: 0px center; opacity: var(--f-progressbar-opacity); background: var(--f-progressbar-color); user-select: none; pointer-events: none; animation-name: f-progressbar; animation-play-state: running; animation-timing-function: linear; } button > .f-progressbar { --f-progressbar-height: 100%; --f-progressbar-opacity: .2; } @-webkit-keyframes f-progressbar { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } @keyframes f-progressbar { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } [data-fullscreen-action="toggle"] svg g:first-child { display: flex; } [data-fullscreen-action="toggle"] svg g:last-child { display: none; } :-webkit-full-screen [data-fullscreen-action="toggle"] svg g:first-child { display: none; } :fullscreen [data-fullscreen-action="toggle"] svg g:first-child { display: none; } :-webkit-full-screen [data-fullscreen-action="toggle"] svg g:last-child { display: flex; } :fullscreen [data-fullscreen-action="toggle"] svg g:last-child { display: flex; } .in-fullscreen-mode > .f-carousel { -webkit-box-flex: 1; flex: 1 1 0%; min-width: 0px !important; min-height: 0px !important; } html.with-fancybox { width: auto; overflow: visible; scroll-behavior: auto; } html.with-fancybox body.hide-scrollbar { width: auto; margin-right: calc(var(--f-body-margin,0px) + var(--f-scrollbar-compensate,0px)); overscroll-behavior-y: none; overflow: hidden !important; } .fancybox__dialog { width: 100%; height: 100vh; max-height: unset; max-width: unset; padding: 0px; margin: 0px; border: 0px; overflow: hidden; background: 0px 0px; touch-action: none; } .fancybox__dialog:focus { outline: 0px; } .fancybox__dialog::backdrop { opacity: 0; } @supports (height:100dvh) { .fancybox__dialog { height: 100dvh; } } div.fancybox__dialog { position: fixed; inset: 0px; z-index: 1050; } .fancybox__container { --fancybox-color: #dbdbdb; --fancybox-backdrop-bg: rgba(24, 24, 27, .95); --f-toolbar-margin: 0; --f-toolbar-padding: 8px; --f-toolbar-gap: 0; --f-toolbar-color: #ddd; --f-toolbar-font-size: 16px; --f-toolbar-font-weight: 500; --f-toolbar-font: -apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif; --f-toolbar-line-height: var(--f-button-height); --f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75); --f-toolbar-shadow: none; --f-toolbar-bg: none; --f-counter-margin: 0; --f-counter-padding: 0px 10px; --f-counter-gap: 4px; --f-counter-line-height: var(--f-button-height); --f-carousel-gap: 17px; --f-carousel-slide-width: 100%; --f-carousel-slide-height: 100%; --f-carousel-slide-padding: 0; --f-carousel-slide-bg: unset; --f-html-color: #222; --f-html-bg: #fff; --f-error-color: #fff; --f-error-bg: #333; --f-caption-margin: 0; --f-caption-padding: 16px 8px; --f-caption-color: var(--fancybox-color, #dbdbdb); --f-caption-bg: transparent; --f-caption-font: inherit; --f-caption-line-height: 1.375; --f-spinner-color-1: rgba(255, 255, 255, .2); --f-spinner-color-2: rgba(255, 255, 255, .8); --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-border-radius: 50%; --f-spinner-border-width: 4px; --f-progressbar-color: rgba(255, 255, 255); --f-button-width: 46px; --f-button-height: 46px; --f-button-color: #ddd; --f-button-hover-color: #fff; --f-button-outline-width: 1px; --f-button-outline-color: rgba(255, 255, 255, .75); --f-button-outline-offset: 0px; --f-button-bg: rgba(54, 54, 54, .75); --f-button-border: 0; --f-button-border-radius: 0; --f-button-shadow: none; --f-button-transition: all .2s ease; --f-button-transform: none; --f-button-svg-width: 24px; --f-button-svg-height: 24px; --f-button-svg-stroke-width: 1.75; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)),drop-shadow(1px 2px 1px rgba(24, 24, 27, .05)); --f-button-svg-fill: none; --f-button-svg-disabled-opacity: .5; --f-arrow-pos: 32px; --f-arrow-width: 50px; --f-arrow-height: 50px; --f-arrow-svg-width: 24px; --f-arrow-svg-height: 24px; --f-arrow-svg-stroke-width: 2; --f-arrow-border-radius: 50%; --f-arrow-bg: rgba(54, 54, 54, .65); --f-arrow-color: #ddd; --f-arrow-hover-color: #fff; --f-thumbs-margin: 0px; --f-thumbs-padding-x: 8px; --f-thumbs-padding-y: 8px; --f-thumbs-bg: none; --f-thumb-transition: all .2s ease; --f-thumb-width: 94px; --f-thumb-height: 76px; --f-thumb-opacity: 1; --f-thumb-border: none; --f-thumb-shadow: none; --f-thumb-transform: none; --f-thumb-focus-opacity: 1; --f-thumb-focus-border: none; --f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65); --f-thumb-focus-transform: none; --f-thumb-hover-opacity: 1; --f-thumb-hover-border: none; --f-thumb-hover-transform: none; --f-thumb-active-opacity: var(--f-thumb-hover-opacity); --f-thumb-active-border: var(--f-thumb-hover-border); --f-thumb-active-transform: var(--f-thumb-hover-transform); --f-thumb-selected-opacity: 1; --f-thumb-selected-border: none; --f-thumb-selected-shadow: inset 0 0 0 2px #fff; --f-thumb-selected-transform: none; position: absolute; inset: 0px; overflow: hidden; outline: 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .fancybox__container[theme="light"] { --fancybox-color: #222; --fancybox-backdrop-bg: rgba(255, 255, 255, .97); --f-toolbar-color: var(--fancybox-color, #222); --f-toolbar-text-shadow: none; --f-toolbar-font-weight: 400; --f-html-color: var(--fancybox-color, #222); --f-html-bg: #fff; --f-error-color: #555; --f-error-bg: #fff; --f-video-bg: #fff; --f-caption-color: #333; --f-spinner-color-1: rgba(0, 0, 0, .2); --f-spinner-color-2: rgba(0, 0, 0, .8); --f-spinner-border-width: 3.5px; --f-progressbar-color: rgba(111, 111, 116); --f-button-color: #333; --f-button-hover-color: #000; --f-button-outline-color: rgba(0, 0, 0, .85); --f-button-bg: rgba(255, 255, 255, .85); --f-button-svg-stroke-width: 1.3; --f-button-svg-filter: none; --f-arrow-bg: rgba(255, 255, 255, .85); --f-arrow-color: #333; --f-arrow-hover-color: #000; --f-arrow-svg-stroke-width: 1.3; --f-close-button-color: #555; --f-close-button-hover-color: #000; --f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0); --f-thumb-focus-shadow: 0 0 0 1.8px #fff,0px 0px 0px 2.25px #888; --f-thumb-selected-shadow: 0 0 0 1.8px #fff,0px 0px 0px 2.25px #000; } .fancybox__container::backdrop { background-color: transparent; } .fancybox__container.has-vertical-thumbs { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } .fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport { overflow: clip visible; } .fancybox__container .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > :not(.f-html, .f-panzoom__wrapper, .f-spinner), .fancybox__container .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected), .fancybox__container .fancybox__carousel > :not(.fancybox__viewport), .fancybox__container > :not(.fancybox__carousel) { opacity: var(--f-drag-opacity,1); } .fancybox__container:not(.is-ready, .is-hiding) { visibility: hidden; } .fancybox__container.is-revealing .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > :not(.f-html, .f-panzoom__wrapper, .f-spinner), .fancybox__container.is-revealing .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected), .fancybox__container.is-revealing .fancybox__carousel > :not(.fancybox__viewport), .fancybox__container.is-revealing > :not(.fancybox__carousel) { animation: var(--f-interface-enter-duration,.35s) ease none f-fadeIn; } .fancybox__container.is-hiding .fancybox__carousel > .fancybox__viewport > .fancybox__slide.is-selected > :not(.f-html, .f-panzoom__wrapper), .fancybox__container.is-hiding .fancybox__carousel > .fancybox__viewport > .fancybox__slide:not(.is-selected), .fancybox__container.is-hiding .fancybox__carousel > :not(.fancybox__viewport), .fancybox__container.is-hiding > :not(.fancybox__carousel) { animation: var(--f-interface-exit-duration,.35s) ease forwards f-fadeOut; } .fancybox__container.is-idle .f-carousel__toolbar { pointer-events: none; opacity: 0; } .fancybox__container.is-idle .f-button.is-arrow { opacity: 0; } .fancybox__container.is-idle.is-ready .f-carousel__toolbar { pointer-events: none; animation: 0.15s ease-out 0s 1 normal both running f-fadeOut; } .fancybox__container.is-idle.is-ready .f-button.is-arrow { animation: 0.15s ease-out 0s 1 normal both running f-fadeOut; } .fancybox__backdrop { position: fixed; inset: 0px; z-index: -1; background: var(--fancybox-backdrop-bg); } .fancybox__carousel { -webkit-box-flex: 1; flex: 1 1 0%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-height: 0px; min-width: 0px; position: relative; z-index: 10; overflow: clip visible; } .fancybox__carousel.is-vertical { --f-carousel-slide-height: 100%; } .fancybox__carousel.is-ltr { direction: ltr; } .fancybox__carousel.is-rtl { direction: rtl; } .fancybox__carousel > .f-button.is-arrow::before { position: absolute; content: ""; inset: -30px; z-index: 1; } .fancybox__viewport { display: grid; -webkit-box-flex: 1; flex: 1 1 0%; min-height: 0px; min-width: 0px; position: relative; overflow: visible; transform: translate3d(0,var(--f-drag-offset,0),0); } .fancybox__viewport.is-draggable { cursor: grab; } .fancybox__viewport.is-dragging { cursor: grabbing; } .fancybox__viewport [contenteditable], .fancybox__viewport [data-selectable] { cursor: auto; } .fancybox__slide { box-sizing: border-box; position: relative; grid-area: 1 / 1; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: var(--f-carousel-slide-width); height: var(--f-carousel-slide-height); min-width: 0px; min-height: 0px; max-width: 100%; margin: 0px; padding: var(--f-carousel-slide-padding); background: var(--f-carousel-slide-bg); backface-visibility: hidden; transform: translateZ(0px); will-change: transform; } .fancybox__slide::after, .fancybox__slide::before { display: block; content: ""; } .fancybox__slide::before { margin-bottom: auto; } .fancybox__slide::after { margin-top: auto; } .fancybox__slide.is-selected { z-index: 1; } .fancybox__slide.f-zoomable { overflow: visible; } .fancybox__slide.has-error { --f-html-color: var(--f-error-color, --f-html-color); --f-html-bg: var(--f-error-bg, --f-html-bg); } .fancybox__slide.has-html { overflow: auto; padding: 8px; } .fancybox__slide.has-close-btn { padding-top: 34px; } .fancybox__slide .f-button[data-fancybox-close] { --f-button-width: var(--f-close-button-width, 34px); --f-button-height: var(--f-close-button-height, 34px); --f-button-border-radius: var(--f-close-border-radius, 4px); --f-button-color: var(--f-close-button-color, #fff); --f-button-hover-color: var(--f-close-button-hover-color, #fff); --f-button-bg: var(--f-close-button-bg, transparent); --f-button-hover-bg: var(--f-close-button-hover-bg, transparent); --f-button-active-bg: var(--f-close-button-active-bg, transparent); --f-button-svg-width: var(--f-close-button-svg-width, 22px); --f-button-svg-height: var(--f-close-button-svg-height, 22px); position: absolute; top: calc(var(--f-button-height) * -1); right: 0px; z-index: 40; } .fancybox__slide .f-spinner { cursor: pointer; } .fancybox__container.is-closing .f-caption, .fancybox__slide.is-loading .f-caption { visibility: hidden; } .fancybox__container.is-closing .fancybox__carousel { overflow: visible; } :root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0); --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0); } :where(.is-layout-flex) { gap: 0.5em; } :where(.is-layout-grid) { gap: 0.5em; } body .is-layout-flex { display: flex; } .is-layout-flex { flex-wrap: wrap; align-items: center; } .is-layout-flex > :is(*, div) { margin: 0px; } body .is-layout-grid { display: grid; } .is-layout-grid > :is(*, div) { margin: 0px; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], ad-slot, ad-triple-box, dfp-ad, [class^="adDisplay-module"], [class^="amp-ad-"], [class^="div-gpt-ad"], [data-ad-cls], [data-ad-manager-id], [data-ad-module], [data-ad-width], [data-adblockkey], [data-adbridg-ad-class], [data-adshim], [data-advadstrackid], [data-block-type="ad"], [data-css-class="dfp-inarticle"], [data-d-ad-id], [data-desktop-ad-id], [data-dynamic-ads], [data-ez-name], [data-freestar-ad][id], [data-id^="div-gpt-ad"], [data-m-ad-id], [data-mobile-ad-id], [data-name="adaptiveConstructorAd"], [data-rc-widget], [data-revive-zoneid] > iframe, [data-role="tile-ads-module"], [data-template-type="nativead"], [data-testid="adBanner-wrapper"], [data-testid="ad_testID"], [data-type="ad-vertical"], [data-wpas-zoneid], [id^="ad-wrap-"], [id^="ad_sky"], [id^="ad_slider"], [id^="section-ad-banner"], [name^="google_ads_iframe"], [onclick^="location.href='https://1337x.vpnonly.site/"], a-ad, a[data-href^="http://ads.trafficjunky.net/"], a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], ad-shield-ads, ad-slot, app-ad, app-advertisement, app-large-ad, ark-top-ad, aside[id^="adrotate_widgets-"], atf-ad-slot, bottomadblock, display-ad-component, display-ads, div[class^="Adstyled__AdWrapper-"], div[class^="Display_displayAd"], div[class^="kiwi-ad-wrapper"], div[class^="native-ad-"], div[data-ad-placeholder], div[data-ad-wrapper], div[data-adname], div[data-adunit-path], div[data-adunit], div[data-adzone], div[data-alias="300x250 Ad 1"], div[data-alias="300x250 Ad 2"], div[data-contentexchange-widget], div[data-dfp-id], div[data-id-advertdfpconf], div[data-native-ad], div[id^="ad-div-"], div[id^="ad-position-"], div[id^="adngin-"], div[id^="adrotate_widgets-"], div[id^="adspot-"], div[id^="crt-"][style], div[id^="div-ads-"], div[id^="google_dfp_"], div[id^="gpt_ad_"], div[id^="lazyad-"], div[id^="optidigital-adslot"], div[id^="pa_sticky_ad_box_middle_"], div[id^="rc-widget-"], div[id^="sticky_ad_"], div[id^="vuukle-ad-"], gpt-ad, guj-ad, hl-adsense, img[src^="https://images.purevpnaffiliates.com"], ps-connatix-module, span[data-ez-ph-id], span[id^="ezoic-pub-ad-placeholder-"], topadblock, zeus-ad, [class^="tile-picker__CitrusBannerContainer-sc-"], citrus-ad-wrapper, [class^="s2nPlayer"], div[id*="MarketGid"], div[id*="ScriptRoot"], [onclick*="content.ad/"], amp-ad, amp-ad, amp-ad-custom, amp-connatix-player, amp-fx-flying-carpet, a[data-obtrack^="http://paid.outbrain.com/network/redir?"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[data-url^="http://paid.outbrain.com/network/redir?"] + .author, a[data-widget-outbrain-redirect^="http://paid.outbrain.com/network/redir?"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[target="_blank"][onmousedown="this.href^='http://paid.outbrain.com/network/redir?"], amp-embed[type="taboola"], div[id^="taboola-stream-"], div[id^="zergnet-widget"] { display: none !important; } [data-ad-name], [id^="div-gpt-ad"], div[aria-label="Ads"], div[data-ad-targeting], div[data-native_ad], div[id^="ad_position_"], div[id^="dfp-ad-"], div[id^="div-gpt-"], div[id^="ezoic-pub-ad-"], div[id^="yandex_ad"], ins.adsbygoogle[data-ad-slot], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] { display: none !important; } .top.ad, .ad-top, .ad.addon, .ad.bottomrect, .ad.box, .ad.brandboard, .ad.card, .ad.center, .ad.contentboard, .ad.desktop-970x250, .ad.element, .ad.floater-link, .ad.gallery, .ad.halfpage, .ad.inner, .ad.item, .ad.leaderboard, .ad.maxiboard, .ad.maxisky, .ad.middlerect, .ad.module, .ad.monsterboard, .ad.netboard, .ad.post-area, .ad.promotion, .ad.rectangle, .ad.rectangle_2, .ad.rectangle_3, .ad.rectangle_home_1, .ad.section, .ad.sidebar-module, .ad.size-300x250, .ad.skybridgeleft, .ad.small-mpu, .ad.small-teaser, .ad.super, .ad.wideboard_tablet, .ad.widget, .ad.reform-top, .ad__image, .ad-right, a[href^="https://m.do.co/c/"] > img, a[href^="http://cam4com.go2cloud.org/aff_c?"], a[href^="https://cam4com.go2cloud.org/"], [href="https://ourgoldguy.com/contact/"] img, a[href^="https://tour.mrskin.com/"], a[href^="https://paid.outbrain.com/network/redir?"], a[href^="https://datingoffers30.info/"] { display: none !important; } .termly-styles-root-f9c495 { background: var(--termly-theme-mask-background); position: fixed; overflow: auto; width: 100%; height: 100%; top: 0px; left: 0px; z-index: var(--termly-z-index); } .termly-styles-preventBodyScroll-caaa62 { overflow: hidden; } .termly-styles-modal-md-d8dcf1, .termly-styles-modal-xl-e30570 { max-width: 461px; width: 95%; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px; opacity: 0; margin-top: -100px; box-sizing: border-box; background: var(--termly-theme-background-color); } .termly-styles-modal-md-d8dcf1 { max-width: 645px; } .termly-styles-modal-xl-e30570 { max-width: 940px; width: 95%; padding: 50px 52px; } @media only screen and (max-width: 576px) { .termly-styles-modal-xl-e30570 { padding: 0px 0px 25px; } } .termly-styles-consent-banner-fa199d { left: 50%; top: 50%; transform: translate(-50%, -50%); position: fixed; opacity: 0; } .termly-styles-root-b0aebb { box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 35px 0px; padding: 2.5em 2.86em; box-sizing: border-box; max-height: 75vh; border-radius: 5px; } .termly-styles-root-b0aebb.termly-styles-modal-f41b40 { width: 45.7em; } .termly-styles-root-b0aebb.termly-styles-compact-af2a7f { padding: 1.5em; } .termly-styles-root-b0aebb.termly-styles-compact-af2a7f.termly-styles-modal-f41b40, .termly-styles-root-b0aebb.termly-styles-compact-af2a7f.termly-styles-tooltip-d3b548 { max-width: 392px; width: calc(-40px + 100vw); } @media screen and (max-width: 36.5em) { .termly-styles-root-b0aebb { overflow-y: auto; padding-bottom: 0px; } } .termly-styles-message-e9e76f { line-height: 1.75; } .termly-styles-buttons-bb7ad2 { display: flex; justify-items: center; justify-content: center; gap: 12px; flex-direction: row; } @media screen and (max-width: 58em) { .termly-styles-buttons-bb7ad2 { flex-direction: row; } } @media screen and (max-width: 36.5em) { .termly-styles-buttons-bb7ad2 { flex-direction: column-reverse; width: 100%; position: sticky; bottom: 0px; box-sizing: border-box; border-top: 1px solid rgb(237, 237, 239); padding: 2.5em 0px; } .termly-styles-buttons-bb7ad2 > * { justify-content: center; } .termly-styles-buttons-bb7ad2.termly-styles-compact-af2a7f { border: none; flex-direction: row; padding: 0px; } } @media screen and (max-width: 36.5em) and (max-width: 36.5em) { .termly-styles-buttons-bb7ad2.termly-styles-compact-af2a7f { flex-direction: column-reverse; } } .termly-styles-tcfButtons-d6865a { display: flex; justify-items: center; justify-content: center; gap: 12px; flex-direction: column-reverse; width: initial; } @media screen and (max-width: 58em) { .termly-styles-tcfButtons-d6865a { flex-direction: row; } } @media screen and (max-width: 36.5em) { .termly-styles-tcfButtons-d6865a { flex-direction: column-reverse; width: 100%; position: sticky; bottom: 0px; box-sizing: border-box; border-top: 1px solid rgb(237, 237, 239); padding: 2.5em 0px; } .termly-styles-tcfButtons-d6865a > * { justify-content: center; } .termly-styles-tcfButtons-d6865a.termly-styles-compact-af2a7f { border: none; flex-direction: row; padding: 0px; } } @media screen and (max-width: 36.5em) and (max-width: 36.5em) { .termly-styles-tcfButtons-d6865a.termly-styles-compact-af2a7f { flex-direction: column-reverse; } } .termly-styles-button-a4543c { width: 12.86em; max-width: 16em; } .termly-styles-button-a4543c.termly-styles-compact-af2a7f { width: 8.28em; height: 2.34em; padding: 0px; } .termly-styles-button-a4543c.termly-styles-compact-af2a7f.termly-styles-modal-f41b40, .termly-styles-button-a4543c.termly-styles-compact-af2a7f.termly-styles-tooltip-d3b548 { width: 32%; } @media screen and (max-width: 36.5em) { .termly-styles-button-a4543c { min-width: 100%; } } .termly-styles-main-bf5ef8 { max-width: 122.5em; margin: auto; } .termly-styles-logo-cc6217 { display: flex; margin-bottom: 15px; justify-content: center; } .termly-styles-main-ae8c4f { border-radius: 5px; border-width: 0px; max-width: 90vw; } .termly-styles-main-ae8c4f .termly-styles-message-a323da { margin-bottom: 1.5em; } .termly-styles-root-d5f974 { font: inherit; color: inherit; cursor: pointer; text-decoration: underline; } (cache)On Tour : Dua Lipa - LSi Online

On Tour : Dua Lipa

Ian Cullen reports on Dua Lipa’s electrifying global Radical Optimism tour and meets the harmonious crew bringing her ambitious creative visions to life . . .

Radical Optimism team at wembley

Dua Lipa’s Radical Optimism tour has just wrapped up the European leg of its global journey. Following a run of 10 shows in Australia/New Zealand, and a series of 16 dates across Europe, this latest leg culminated with spectacular sold-out stadium performances: two nights at Wembley, two at Anfield, and one at Dublin’s Aviva Stadium.

The tour’s success begins with an extraordinarily talented artist, backed by world-class performers and production team. It’s a story defined by theatrical vision, exemplary technical delivery, and a huge degree of heart and audience connection. And as you’ll read, this is also a story of expert organisation, shared positivity, and a forward-thinking approach to crew welfare.

Don’t miss an issue

Subscribe to the magazine and digital edition now!

Become a subscriber

At the heart of the story is tour director Pete Abbott, whose role bridges both creative and organisational disciplines, and whose work with Dua Lipa began before she ever performed a show. “I’ve been with her since day one of her career,” he says. “I’m very proud to work with Dua, and to have watched her grow into the incredible artist she is today.”

The groundwork for the Radical Optimism tour was laid in 2023. Last year, the campaign’s public rollout kicked off with Dua’s acclaimed performance at Glastonbury, followed by a series of hybrid arena shows that reached audiences in regions not included in the previous Future Nostalgia tour. In November 2024, the creative vision for the current tour truly took shape, with set fabrication and production ramping up through January and February. The tour officially launched with its opening night in Melbourne, Australia, on 17 March 2025.

Production Design & Process

The tour’s production designer, Matt Pitman of Pixelmappers, begins the story of the Radical Optimism production design process. “At the end of 2019, Pete approached me about working with Dua, as she was planning a big year in 2020,” he recalls. The pandemic changed those plans, but it led to Dua’s record-breaking Studio 2054 livestream – a pioneering project which saw Abbott, Pitman and musical director William Bowerman collaborate together for the first time for its conception and delivery. “It became the most-viewed livestream of all time, effectively replacing the year of touring we had planned.”

“Dua’s team is multifaceted, with many collaborators,” Pitman explains. “For Radical Optimism, Pete was the driving creative force behind the show’s vision. He conceived the scenic elements with set designer Jason Ardizzone-West and his New York studio – they designed the scenic wave riser. Then Dua, Pete and David Black, the campaign’s creative director, developed the themes and overall concept. Pete, together with Pixelmappers, shaped the show’s physicality and flow.”

Once the riser was designed, Pixelmappers helped define the lighting, staging, video surfaces, pyrotechnics, lasers, special effects, and all other production elements. “Dua isn’t about 100 million strobes,” Pitman notes. “She’s about her performance and the incredible troupe around her.” This is reflected in the show’s staging, which prioritises performance space and audience connection. The thrust, B-stage, and elevated C-stage riser create multiple zones for dynamic choreography, while still allowing for intimacy.

Pitman credits Abbott’s deep understanding of Dua’s music and persona: “Pete understands Dua’s music on a granular level – focusing on every minute of the show. He’s an excellent communicator and a trusted collaborator.”

“I don’t really know why, but Dua and I are very aligned on things,” Abbott says. “We talk openly about music and creativity. Much of my concept work starts by asking the artist what they want people to feel as they leave the show – what they felt leaving shows they loved. Having been around music my whole life helps; music was my degree, live music is my passion, and I have clear visions for it.”

Mood boards, rough timelines, and loose narratives form the scaffolding of the show’s concept. “It’s not a strict timeline, but a sense of development – an emotional flow that gives structure, allowing other departments to build around it,” Abbott continues.

From Pitman’s perspective, this leads to a lot of interpretational work: “Everything comes down to what’s achievable within the timeframes, available technology, and even regulations – like flames near scissor lifts or lots of pyro near video screens. We have to keep Dua and her dancers well-lit across a large performance space, among many other challenges.”

Loose renders were developed between Abbott’s and Pitman’s teams, together with the video content team lead by Charli Davis at Luke Halls Studio, forming a deck to propose looks for each song to Dua.

The process is highly iterative, with ideas constantly workshopped through rehearsals. “Nobody thinks you can preconceive an entire show and just deliver it. It would be futile, and it wouldn’t involve everybody,” Abbott states. “A lot of what we do is be in a room together – Dua, Charm La’Donna (choreographer), William Bowerman (musical director), Matt and I – and have fun, going, ‘Oh, that’s a good idea, wait, what if we did . . .?’”

The team’s trust in each other is key. “Because we know each other so well, there’s a belief we can do these things, and an understanding that everyone’s input is valuable. Nobody rejects ideas because everyone has contributed a killer idea at some point. It’s worth listening to everybody.”

When designing for both arena and stadium shows, the team found a middle ground – something big and present in an arena, and equally imposing in a stadium. Pitman is keen to credit master carpenter and head of set Pete Geary for making this stadium transition possible. He also credits Tom Snell and Oliver Hynds from Pixelmappers for their tireless work in drawing, rendering, and iterating to shape everyone’s hopes and dreams into something that fits the show’s parameters.

Pitman says, for him, the timeline between concept and defining the actual technology to deploy is almost concurrent. “I’m living a career where I see something one day and spec it the next,” he says. “I’m grateful to be approached by suppliers with exciting new products. We discuss, visit, and assess what’s possible – sometimes storing ideas for years, sometimes integrating them immediately.”

Is there a risk in adopting new products so quickly? “I do think about it, but I feel our industry is mature enough to solve issues quickly if a technology isn’t fully optimised. To mitigate, I rarely specify anything from suppliers I don’t trust.”

Rehearsal and Precision

The production’s reputation for technical excellence also stems from exhaustive rehearsal processes. “We rehearse a lot,” Pitman explains. The team spent seven weeks at the Fly by Nite rehearsal facility.

“We rehearse, we record rehearsals, we cue scripts for every event in the show, and we have embraced the use of LiveEdit software to run in real-time alongside the rehearsals, so that all departments know when cues they weren’t expecting are coming up.”

With multiple teams contributing, LiveEdit runs to timecode and sends ‘go’ signals to everyone who is logged in and watching. “It almost becomes a DSM in a theatrical sense,” says Pitman. “And we use its playback to pre-programme when everyone’s gone home. There are a couple of people on the payroll who look after LiveEdit during rehearsals, and it pays dividends. The choreography team can watch everything, then come to me and say: ‘In that song, in cue 39, Matt, did that light change actually happen?’”

Pitman continues: “Initially we rehearse without Dua, who is busy working with the band and dancers on the performance. The dance captain, Sammi Lee Jayne, stands in. We get to a point where we essentially have a framework of a finished production, and then Dua arrives with everything she has been working on in choreo and band rehearsals and we run it many times with her.”

Don’t miss an issue

Subscribe to the magazine and digital edition now!

Become a subscriber

Dua’s own approach is described with admiration. “She is an absolute machine. When Dua has decided she’s going to do something, she’s going to get it right, and keep doing it until it’s perfect,” says Pitman. “She’s a wondrous person to work with, incredibly professional, and therefore so is the rehearsal process.”

This meticulous preparation paid dividends not only on this tour, but during high-profile shows like Glastonbury, where the technical precision and performance was so flawless that some questioned whether it was pre-recorded. “We rehearsed the f**k out of it,” Pitman states emphatically. “Dua likes to get it right. We like to get it right.”

Sound

Pitman emphasises the show is ultimately about Dua’s live performance. “She is a live vocalist. She sings her show – you can hear it. She dances so hard you’re aware she’s breathing, moving, and giving her all. Sound is an incredibly important part of our show.” The audio head of department is James Covill, with Will Nicholson (FOH engineer), Alex Cerutti (monitors), and Giorgio Chiosso (system engineer). All audio equipment was supplied by Britannia Row.

William Bowerman is musical director, and Matty Carroll is band leader and bassist. The live band further comprises Georgie Ward (keys), Alex Lanyon (guitar, BVs), Adam Wade (drums), Sophie Galpin (percussion, guitar, BVs), Ciara O’Connor (BVs), Naomi Scarlett (BVs). Carl Lewis heads the backline tech department, supporting guitar and bass, together with Steven Cowley (playback), Stacey Edwards (MIDI), Jonny Hall (backline) and TJ Thuluxton (drums).

FOH engineer Will Nicholson has worked with Dua since her early touring days. Reflecting on his approach, he says: “I wanted to create an exciting, dynamic experience that stays true to the arrangements, songwriting, and band’s performance.”

The process is highly collaborative, with input from the musical director, creative team and management. “With that foundation, I can then focus on the show’s dynamics, build the core musical elements, and create space for emotional moments. And it needs to be fun!”

With multiple stages, full band moves, costume changes, aerial stunts, and guest appearances, rehearsals were thorough. The team used existing Brit Row packages to move quickly from detailed band rehearsals to full production rehearsals at Fly By Nite. “That’s where I hear the mix in the context of the full production,” Nicholson explains. “I can step back and consider the show’s dynamics, loudness, tonal shifts, and the PA’s role.”

Modern technology continues to blur the lines between studio and live sound. “We can now accurately reproduce so much of what we hear on records and use techniques that were once studio-only,” he says. Nicholson’s approach is to blend the familiarity of the record with the power of live performance. “I don’t want to lose the dynamics or sense of space. If we build on a solid foundation, we can highlight the nuances fans love.” For example, a consistent kick drum sound “anchors the rhythm section and lets me move people without worrying about tonal shifts.”

When showtime arrives, Nicholson’s first focus is how the audience has affected the space. “The biggest change from soundcheck to show is the presence of the crowd. I listen for how it affects the room response, ambient conditions, and overall level – sometimes the audience absorbs frequencies that were problematic at soundcheck, or they raise the noise floor.” Temperature and humidity can shift indoors, while outdoor conditions can change rapidly. “Some spaces tighten up perfectly at showtime, while others never quite settle, and the first ten minutes are spent adapting.”

The most important part of the signal chain is Dua herself. I’m lucky to mix such an outstanding performer . . .

Will Nicholson

What about the five minutes before the show? “They’re good! I enjoy my job. I have a decaf espresso and start the PA debate with the audio crew at FOH – what will the temperature be, is the crowd extra excited, where will we need to focus?”

The tour’s PA is an L-Acoustics K1 system, scaled for venue size. In arenas, each side typically features 12 K1 and four K2 mains, eight KS28 flown subs, eight K1/4 K2 sides, eight K3 rears, six K2 delays, and 16 KS28 ground subs. Stadiums expand to 18 K1 (including K1SB) and two K2 mains, 16 KS28 flown subs, 18 K1/2 K2 sides, 12 K3 rears, 12 K1/4 K2 delays, and 24 KS28 ground subs.

Nicholson aims to keep his mix consistent regardless of venue: “I try not to change my mix just because I’m in a different space. Instead, system design and deployment are the main levers. In stadiums or outdoor spaces, there are fewer reflections, which gives us a real opportunity for coherency at a controlled SPL.”

System engineer Giorgio Chiosso, working from Josh Lloyd’s Brit Row design, uses L-Acoustics software for venue-specific predictions. “He really understands what I need for my mix to translate, and has great taste,” Nicholson says. Once the hangs are up, Giorgio aligns and EQs the system via DirectOut Prodigy and L-Acoustics P1, with the FOH engineer joining to finesse EQ and discuss options. “This conversation continues right up to showtime. It’s so important to play to the strengths of the team – it’s much more rewarding.” Nicholson also credits Lez Dwight at Brit Row for his “excellent support and advice”.

FOH is mixed on a DiGiCo Q852 with four SD-Racks (one for inserts, all 32-bit cards) and an Orange Box (HMA and Dante DMI). “It’s a big console, perfect for a modern, creative pop show in terms of IO, redundancy, and onboard processing. The continual updates to Macro functionality and Mustard processing have been a huge benefit, saving me time and extra equipment.”

Plug-in processing is handled by a Fourier Audio transform.engine, with a blend of classics (Softube CL1B, Shadow Hills Mastering Compressor), modern staples (Fabfilter, Valhalla, SSL), and outliers (Magic Death Eye). Outboard includes Neve 5045s on all six vocal mics, a Neve Shelford channel on main vocal, Crane Song STC8 for vocal sum, Empirical Labs FATSO on guitars, Overstayer M-A-S for kick/snare, Bricasti for reverbs, and Neve MBT on band sum. Final mix EQ is via GML 8200, with a Sonic Farm Creamliner for saturation and Neve MBC for limiting.

Nicholson was involved at the road-testing stage of the Shure KSM11 cardioid condenser capsule used for Dua’s vocal. “Shure have always been supportive, and we were able to work with them early in the KSM11’s life. It’s been excellent for this show – pleasing lift in the upper registers, minimal proximity effect, tight pattern, and low handling noise. Combined with the linearity of a condenser, I know the vocal chain starts off right and isn’t coloured by the mic.”

The processing chain is designed to capture all the nuances of Dua’s voice, while accommodating the show’s physical demands – dancing, flying, and performing in front of the PA. “I use serial compression for clarity and dynamic control without raising the noise floor or distorting the gain structure. I want the processing to be musical and exciting, so the emotion isn’t lost – it’s not about brute level, but colour and gain staging. I use some of the same gear as on the records, partly by design, partly by chance. But the most important part of the signal chain is Dua herself. I’m lucky to mix such an outstanding performer.”

Monitors

“My main aim is always to get the best possible musical performance from the musicians I work with,” says monitor engineer Alex Cerutti. “Ideally, they’re so comfortable with their mix that they can forget I’m even there.”

The monitoring system is built around a DiGiCo Q852 console, with three SD-Racks, an SD-MiNi Rack, and a Nano Rack. The IEM system is Shure PSM1000 with P10 plus, and wireless mics are Shure Axient with KSM 11 capsules. Outboard includes four Bricasti M7s – two for main and spare vocals, one for snare reverb, and one for other instrument reverbs. Backing vocals are processed through three Rupert Neve 5045s. Waves SuperRack and servers are used, and the IEMs are JH Audio Roxannes. The current console setup is 168 channel paths, 50 aux busses, 22 group busses, 44 matrix inputs, and 36 matrix outputs, with 96 musical channels and 52 for shout mics, comms, and infrastructure.

Monitor mixes are dialed in during music rehearsals. “At this point I can ascertain what certain band members prefer as far as timing, pitching, or general musical likes and dislikes; what they musically gel with and gives them confidence to play well. This could be anything from the amount of reverb on their voice, to everything being mono except the hi-hat panned hard left! All requests are valid, however strange they may seem.”

In-ear ambience is managed with audience mics, based on artist preference, with Cerutti hands-on with level control. “My approach is to attempt to replicate what they’d hear without IEMs – crowd interaction, call and response, etc. This doesn’t mean they’re always on, more that I adjust levels to create a steady sonic signature.”

Collaboration with Will Nicholson started early, from selecting microphones and processing to planning for guest artists. “Will and I start before rehearsals, speaking to the artist, musical director, and management about the band line-up, instrumentation, and the show’s musical direction.”

He adds: “When it comes to shows, what makes my life easiest is a well-designed and executed PA. The biggest change in what my clients hear – especially on shows where much of the stage is in front of the main PA hangs – is the PA. Thankfully, both Will and Giorgio do a fantastic job at this!”

RF

Specialist Lucy Mackinnon is responsible for all the RF management on the tour – both vital and extensive. “I’m providing around 90 radio channels of mics, guitar packs, IEMs for Dua and the two support acts,” she explains. “The show takes place on top of this huge metal stage structure, with an even bigger metal structure below the stage, a B-stage and, for the stadium shows, a C-stage – so it’s a pretty complex set-up to manage.”

The RF environment is much more challenging in the outdoor stadiums. “Without the protection of an arena’s walls and roof, you’re exposed to all the RF in the outside world. Here in Liverpool, I’ve got maybe four usable TV channels, which isn’t ideal for 90 frequencies! But here we are, and I’ve squeezed them all in!”

Don’t miss an issue

Subscribe to the magazine and digital edition now!

Become a subscriber

The sophisticated technical design is built around Shure and Wisycom systems. “I’ve been able to design the system myself – with trust from my crew and advice from experts at Brit Row – which I’ve really enjoyed,” she says.

Antenna placement was a vital discussion. “I’m fortunate to have ended up with my own flown antenna rigging point,” she explains. “This helped solve lots of challenges, not least because this stage is so tall. Our discussion included whether the point could be rigged in the same position at every show, and of course that position couldn’t be in front of a video wall or lighting. At the same time, I wanted to minimise cable runs to avoid RF loss. This solution has worked brilliantly.”

The flown point is used for TX, featuring four Sennheiser A5000-CP Transmit Helical Antennas – one for Dua and the dancers, another for the band, a third for all techs, and a fourth with some spares, whilst also acting as a redundant spare itself. “I use a 90/10 coupler from the main out of the Dua/dancers’ combiner, with the 90% going to one of the flown helicals and the 10% going into an SR20 amp and antenna to give solid coverage when Dua and the dancers are moving underneath the stage.”

In addition, there are three pairs of RX antennas. “My Shure Axient AD4Ds all go into a Wisycom MAT 288 Matrix. This is very flexible and allows me up to eight pairs of antennae instead of just one without the matrix. I have one omni and one directional antenna at the B-stage/end of the thrust, another pair for the main stage, and another to cover the top of the band risers.”

For the additional challenge of the C-stage for the stadium run, 100m away from the RF racks, Mackinnon turned to a Wisycom RF-over-fibre solution, which she describes as a “game-changing success”.

“The RF loss over running copper cables to this stage would be too great,” she explains. “The Wisycom MFL was the perfect solution, as it could do two transmits – for Dua’s main and spare in-ears – as well as a pair of receives for her handheld, over only one core of fibre.”

“The system is robust, the team is fantastic, and seeing it all come together each night is incredibly rewarding,” she concludes. “It’s high-stakes, but I absolutely love it!”

Lighting and SFX

The lighting crew chief is Alex Peters. “Alex just made everything feel so easy,” says Pitman. “His team had a really positive attitude; excited to be doing the work.” The lighting programmer and associate LD is Olly Martin, and Aaron Veness is lighting director. Lighting supply was from Lights Control Rigging (LCR).

SFX is provided by ER Productions, with Jason Scrivener as SFX crew chief, Cameron Dominey as laser operator, and Jasper Sharp as pyro operator.

For pre-vis, Pitman’s team uses Vectorworks extensively, outputting MVR files into Depence 4 for visualisation. All control is via MA3.

“The arena show uses a huge amount of key light from overhead trusses and followspot positions – possible in arenas but not in stadiums,” describes Pitman. “So, we had to reimagine all the key and effects lighting for stadiums, whilst keeping the same visual language.”

The team took design ideas from the arena and supersized them. The lighting rig expanded from 300 to 800 fixtures for stadium shows. “Everything basically just got a multiplier added. And they still made it happen,” Pitman says, praising LCR and account handler Steve Bliss.

A double run of strobes was added for stadiums: “I needed some weaponry to counteract daylight – something mad like 260 Chauvet Color Strikes just in that header.” Additional fixtures were placed around the floor, B-stage, and C-stage, so from above it all looks cohesive.

Fixture highlights for Pitman included Robe iForte LTX Spots: “We had lots as the main backlight and followspots. I love these lights.” Ayrton’s Veloce Spots served as “lovely toplight/keylight fixtures,” while Ayrton Rivale on the delay towers did “important audience work,” extending energy deep into the stadium. For sweeping, sky-tracking moments, Ayrton Mamba fixtures brought “the mega sky-tracking beam light look.” The Chauvet Color Strikes provided saturated washes and strobe effects, and Acme Pixel Line IPs – “superb linear strobes” – framed the stage and delay towers, giving the production its bold, architectural edge.

Followspots were all Robe iForte LTX fixtures using RoboSpot. “These were mounted on the delay towers, mostly pointing at Dua, with a bit of guest and choreo coverage, all expertly choreographed by Aaron Veness,” says Pitman.

At Wembley, the team interfaced with the stadium’s LED floodlights via Stadium FX’s installed Apollo system. “When the lightning elements took place, we strobed the entire pitch,” describes Pitman. “For guest Charli XCX, there are three camera flash sound effects in 360 Party Girl. Each time, we did flashes from different sides in the stadium with the pitch lights. It was a lot of fun.”

Video

Video content is used both as a scene setter and a live element, with much of the screen time dedicated to live camera feeds. Video content was created by Luke Halls Studio. The video team, led by head of department Matt Canter, includes Robin Senoner (video director), Phil Woodhead (camera director), Harry Watkinson (lead engineer), Sam James (lead LED) and Sam Lammond (camera supervisor). All equipment was supplied by Creative Technology London.

“From a design point of view, the show is all about Dua and achieving the highest level of quality and clarity possible,” says Canter. “The video system was specified and built from scratch for this tour, with every decision measured against the need for maximum image quality.”

During the arena run, the LED inventory included 454 ROE Black Quartz 6 panels for the upstage centre wall, 144 ROE Black Quartz 4 panels for IMAGs, and 84 ROE Black Quartz 3 for the on-stage set, all controlled via 11 Megapixel Helios LED processors.

“Megapixel gives us huge flexibility in how we configure the screens, and with Simplex SFPs helps keeps our fibre counts low,” details Canter. “I always describe ROE as ‘the Rolls-Royce of LED’ and the Black Quartz range serves us well with its built-in wind-bracing ladder system and ability to be maintained efficiently in the air.”

For stadiums, the main changes were moving the IMAGs to BQ6 and increasing the surface sizes, with IMAGs growing by 500%. The BQ6 inventory for stadia totalled 1,140 panels. “This increase brought the canvas size to a perfect 2160px high, allowing us to achieve perfect 1:1 signal from cameras to LED, with no scaling,” says Canter. “The clarity was phenomenal.”

The system’s backbone included four Disguise GX3 servers, 12 Adderlink XDIP units, three Ereca Stage Racer 2, four Ereca Topas 4K, and three Barco ImagePro-4K. Routing and switching were handled by a Lightware MX2 24×24, a Blackmagic Videohub 12G 40×40, and Cisco Business 250 and 350 switches. The Ross Ultrix Carbonite and Carbonite Ultra, with
a TouchDrive control panel, managed live mixing, and 12 throwdown monitors (including TSL panels) provided monitoring at key positions.

The camera package was chosen for clarity and cinematic flexibility. “All camera outputs were set to 3840 x 2160 @ 25p, and the main push was for incredible clarity everywhere,” Canter continues. The system included four Panasonic UC4000s with Canon X122 lenses, four Panasonic PLV100s with Canon CN10 and CN8 lenses, four Sony FR7 PTZs with Sony E-mount 28-135mm and 16-35mm lenses, a Panasonic BGH1 with Leica 10-25mm, five Marshall mini-cams, a Luna Remote 10m Towercam, three Polecam AutoPod Plus robotic telescopic systems, a Waterbird MS XL robotic track and dolly, and two additional track and dolly systems.

“The Panasonic PLV100s have PL cinematic lenses, offering an incredible shallow depth of field. The shots look amazing either on the track and dolly or handheld in the pit,” he says. “We also used a Luna Remote Towercam at the C-stage lift, which created some iconic shots of one of the show’s biggest moments.”

Signal management for PTZs was streamlined: “We used Ereca’s Topas 4K PTZ SMPTE system, allowing a single SMPTE to each PTZ for huge flexibility and a really clean look, rather than the usual mess of PTZ looms. Like everything from Ereca, they’ve been absolutely bulletproof!”

“We had a total of 17 people in the video team at the stadia shows, they all deserve credit,” concludes Canter. “And Creative Technology have made the whole process easy for us – any technical issues have been well supported, and we’re now moving around 1TB of video signals per second without any issues.”

Camera Direction

According to Pitman, camera director Phil Woodhead “has brought a fantastic level of quality to the show.” Woodhead, who joined at the start of this tour, brings extensive experience with concert touring bands and says he’s relishing this production. “It’s the largest pop act artist I’ve done, and a completely different discipline to rock‘n’roll bands,” he explains.

With the multiple screens – the large upstage and two IMAGs – Woodhead creates dynamic double cuts. “We might have a close-up of Dua on the upstage screen and feature more of the dance routines on the side screens, or vice versa. We try to frame shots to include as many dancers as possible, since they’re integral to the show. We mix and match, and it’s been
a great discipline to learn, getting to know the songs and choreography, and collaborating with Sharon Mangoendinomo, the associate choreographer.”

The show’s transition to the B-stage for more band-led music and sometimes guest artists provides the opportunity for alternative looks. Even without a guest, Dua often sings in the local language, which the audience loves. “It’s a clever part of the show and enjoyable for us, too, because we can use more rock‘n’roll style shots and I like the opportunity to truly showcase the band,” says Woodhead.

There are 10 manned cameras in the stadium, plus four robotic cameras. “We have a tracking dolly system around the B-stage for dynamic movement, and a tower cam on the C-stage that goes up to 8m high, capturing truly beautiful shots when the artist rises on the platform,” he describes.

Woodhead doesn’t use any timecode: “I have my set notes, but they’re more like guidelines. I like to give camera operators freedom to use their creative instincts,” he says. “There’s no point forcing someone to shoot a certain way if it’s not their style. Even though the show is similar every night, we have room for creativity. If you’re just doing the same thing every night, you may as well use a computer to cut the show. We evolve the camera work with every show, finding new shots and in turn making it better each time.”

Comms

For Abbott and Maynard, a sophisticated intercomm system to support team communication across the production was non-negotiable. The comms system is designed and managed by Autumn Eve, whom Maynard calls “an absolute wizard!”.

“We never want to hear anyone shouting across a rehearsal room,” explains Abbott. “The minute someone raises their voice, even to say ‘I love you,’ the tone changes everything.”

The system has evolved throughout the tour, adapting to new needs as they arise. “It’s not the biggest comms rig I’ve ever built, but it’s by far the largest I’ve done on a tour,” begins Eve. “Most tours might run half this many packs, but few have this level of automation or SFX, which brings extra safety requirements. We’ve got 42 people on wireless packs roaming the venue, plus about 10 on base stations at front-of-house and other key spots.”

The system is a Riedel Artist-128 frame, interfacing with a Dante network for video and comms, analogue lines for the monitor system and IEMs, four Motorola base transceivers for handheld portables, and a two-wire system for spot operators. There are 48 Bolero wireless beltpacks and multiple digital Riedel SmartPanels for fixed operators like the LD, showcaller, and video director, all interconnected by various fibre links.

Each department has its own channel for coordination without cross-talk, plus multiple global conferences to bring teams together. “The stage managers love it – they can be anywhere and still get things done, without chasing people or wondering if a message got through,” Eve adds. “It just lets everyone get on with their job.”

“Autumn has produced a system that is absolutely sublime,” says Abbott. “In rehearsals, I can chat to Dua and the band leader, the choreographers are on comms. And if I need to talk to those same people during the show, I can. Not that I’ve ever had to, but we can.”

“We’ve built in safety measures,” confirms Eve. “You can’t just press it and talk into a performer’s ears by mistake mid-show. There’s a physical release latch, like in a missile silo!”

Equally important, Maynard explains, is the system’s impact on team welfare. “On load-in days, when everyone’s tired and the schedule’s tight, bad comms add stress. With this system, everyone can communicate calmly and efficiently, with clear messaging to do their job. It’s probably the best value for money element on the tour.”

Eve also praises Brit Row: “They always provide such well-packaged, well-maintained tour equipment, which helps keep things running when it gets busy!”

Moments of Connection

Despite the show’s technological complexity, the team’s focus remains on creating authentic moments of connection between artist and audience.

Pitman describes a standout moment during Break My Heart, where Dua walks from the main stage all the way down the thrust to the B-stage. “We do a thing where she holds her microphone down, and Will Nicholson turns up her microphone gain and you hear the click of her heels all the way down the thrust – she absolutely owns it. She strikes
a pose, and then as the beat of the third chorus kicks in, a confetti hit goes off and it’s loads of red hearts and it becomes playful again. It’s all departments coming together to accentuate Dua’s performance, creating a specific moment for the audience.”

The C-stage rise moment is probably the main Instagram moment from the stadium show. “We have this amazing backlight on her that just gives her this godlike look, with the correct amount of environmental support – smoke and ambient light. Knowing how to push a remote moment into feeling as epic as that is something I love finding out about,” he says. “On the main stage, you’ve got all the support of screens, but you have to come up with some really good concepts when you go and stand out in the middle of the audience.”

On the main stage, you’ve got all the support of screens, but you have to come up with some really good concepts when you go and stand out in the middle of the audience . . .

Matt Pitman

Abbott shares his perspective: “Dua as an artist, and most pop artists, are not creating concept albums about physical spaces with a narrative where there are characters that are specific. What they’re doing is creating pieces of work that evoke the mood of experiences that a human might have in their life. Our job is to try and relate those one way or another. It is broadly a show about emotions, to which the audience can relate. When it’s intimate, it’s incredibly intimate. When it’s big, it’s incredibly big.”

Welfare & Operations

Operationally, the tour is as precise and slick on its back-end as it is on-stage. “We make great use of systems, planning, and databases,” says Abbott. “Our finances, budgeting, and accounting are up-to-the-minute accurate at all times. That lets us make better decisions on the road and deliver a financially successful tour for all stakeholders.”

Central to the touring team is Abbott’s commitment to crew welfare, with a dedicated welfare officer, Sascha Heeney, on the road. Abbott worked with Tamsin Embleton at the Music Industry Therapist Collective to define this role. “Having a welfare officer is a strong visible symbol that welfare matters to us and a strong practical solution when anyone needs support. It also stops production staff feeling obliged to act as counsellors, something often outside their skillset.”

Heeney, a qualified psychiatric nurse with music industry experience and a background in adventure travel, is ideal for the role: “She’s compassionate, empathetic, and logical. Sascha attends production meetings to address welfare issues like working hours and team coherence.”

Abbott also collaborated with the Music Industry Therapist Collective on best practices. “They’ve been fantastic, and their book of essays is brilliant. It helped me reflect on things I’ve seen on the road – why are they happening?” The book explores issues like institutionalization and infantilization, and the need to empower crew: “We need to provide information so people can do their jobs, but we don’t need to spoon-feed them. You hire self-starters because it makes them happier and gives them scope to work,” he says. “And I’m adamant about encouraging people to learn and grow into their roles, rather than fearing losing their job over minor mistakes.”

The show looks and sounds better because we have a welfare officer. That’s absolutely, unequivocally true.

Pete Abbott

Abbott’s approach is preventative, not reactive: “Prevention is the key thing.” Heeney organises activities like yoga, tennis and running clubs, curates city guides, and facilitates group outings, helping the team engage in social interactions beyond work. This is crucial when people are away from home, fostering friendships outside job roles. She also creates WhatsApp groups for music, reading, and podcasts, and keeps them active.

Abbott shares further examples: “No matter the location or situation, Sascha has been invaluable in giving practical advice and allowing the team to come together and express support for one another. Of course, when someone does need mental health support, Sascha is an excellent counsellor, who can assess the situation, and help people find the help they need.”

For Abbott, this focus on wellbeing is both a moral and practical imperative, and he is emphatic: “The show looks and sounds better because we have a welfare officer. That’s absolutely true, unequivocally true.”

Conclusion

In addition to those already mentioned above, the team are eager to credit the work of every individual, including all the tech crews working on PA, LX, SFX and video, Sam Jackson (head of automation), George Davies (automation operator), Steve Belfield (head rigger), Lorraine Jones (head of wardrobe), and Vicki Lee (head of catering). They also thank additional suppliers not previously mentioned: Tait (staging/set), Cucumber Productions (integrated LED set), Motor Stage (automation), Sarah’s Kitchen (catering), Radio Tek (radios), OX Events House (miscellaneous), Freight Minds (international freight), Transam (trucking), and Phoenix/Beat the Street (bussing).

Finally, what does success look like personally? For Maynard: “We’ve done some tricky logistical moves in the past 18 months and so far there have been no disasters! It’s the team building, the camaraderie, the end result. All these things make me step back and think, well done everyone!”

For Abbott: “Dua enjoys doing the show every night, so that’s a good measure! The fans have a great time. The team are amazing. Watching everyone be brilliant is incredibly rewarding. It’s about providing that environment, and seeing the faith everyone has in each other. Dua has faith in everybody and that radiates outwards.”

By combining creative vision, operational rigour, positivity, and a real commitment to well-being, the team may have set a new standard for what a modern tour can be – one where radical optimism is a lived reality for everyone involved.

Categories and Tags:

Weekly News Headlines

Get weekly headlines straight to your inbox!

Subscribe now