h1, h2, h3, h4, h5, h6, p, blockquote, pre, html, body, div, span, applet, object, iframe, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } button { background: none; border: 0; cursor: pointer; font: inherit; outline: 0; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="search"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } picture { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } img { height: auto; -o-object-fit: cover; object-fit: cover; } picture, img { max-width: 100%; } picture img { height: 100%; width: 100%; } input[type="number"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input:-webkit-autofill { -webkit-background-clip: text !important; } :root { --focus: #028356; --color-spruce: #00373b; --color-jade: #028356; --color-shamrock: #38b270; --color-lime: #3eec78; --color-orchid: #8f33ff; --color-disabled: #9aa7a8; --color-grey-1: #edeeee; --color-grey-2: #d2d6d8; --color-grey-3: #4d6069; --color-coal: #001821; --color-smoke: #f4f4f4; --color-white: #fff; --gradient-dark-green: linear-gradient(227.76deg, #38b270 -46.3%, #00373b 108.63%); --gradient-light-green: linear-gradient(248.2deg, #38b270 18.82%, #028356 92.09%); --gradient-bright-green: linear-gradient(248.2deg, #e8fff0 18.82%, #f8fffd 92.09%); --gradient-grey: linear-gradient(248.2deg, #edeeee 18.82%, #f4f4f4 92.09%); --gradient-darker-green: linear-gradient(248.2deg, #00373b 18.82%, #032325 91.09%); --gradient-brighter-green: linear-gradient(241.74deg, #38b270 20.56%, #3eec78 85.44%); --color-light-success: #13871f; --color-light-error: #b50200; --color-light-warning: #b36200; --color-dark-success: #1ed631; --color-dark-error: #ff6564; --color-dark-warning: #ff9d28; --color-text-100: #032325; --color-text-80: #354f51; --color-text-60: #687b7c; --color-text-40: #9aa7a8; --color-text-20: #cdd3d3; --color-text-0: #fff; --shape-spruce: linear-gradient(right, #00373b 18.82%, #00373b 92.09%); --shape-lime-shamrock: linear-gradient(right, #38b270 20.56%, #3eec78 85.44%); --shape-lime-light: linear-gradient(right, #e8fff0 18.82%, #f8fffd 92.09%); --color-table-background-subheading: #c5f9d7; --color-menu-link-hover-bg: #ecfdf2; } :root { --block-vertical-spacing: 40px; --container-max-width: 88.4615vw; --grid-column-width: 11.5384vw; --grid-gutter-width: 3.8461vw; --grid-columns: 6; --max-page-width: 100vw; --cardrow-gutter: 60px; --sticky-header-height: 80px; } @media (min-width: 48em) { :root { --block-vertical-spacing: 60px; --container-max-width: 700px; --grid-column-width: 40px; --grid-gutter-width: 20px; --grid-columns: 12; } } @media (min-width: 64em) { :root { --container-max-width: 940px; --grid-column-width: 60px; --sticky-header-height: 100px; } } @media (min-width: 80em) { :root { --block-vertical-spacing: 70px; --container-max-width: 1180px; --grid-column-width: 80px; } } @media (min-width: 120em) { :root { --container-max-width: 1420px; --grid-column-width: 100px; --max-page-width: 1920px; } } :root { --shadow: 0 2px 8px -1px rgba(0, 0, 0, 0.75); --shadow-light: 0 0 4px 0 rgba(0, 0, 0, 0.3); --shadow-light-white: 0 0 4px 0 rgba(255, 255, 255, 0.3); } :root { --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1); --ease-in-out-expo: cubic-bezier(1, 0, 0, 1); } :root { --margin-block-sm: 0 15px; --margin-block-lg: 0 30px; } .testimonials, .columns-sublayout__main .rss-row .rss-row__container, .rss-row .rss-row__container, .page-intro__content, .marketo-form, .jumplinks, .full-width-row .full-width-row__container, .footer, .content-with-media-row .content-with-media-row__container, .columns-sublayout, .columns-sublayout__main .call-to-action-row .call-to-action-row__container, .call-to-action-row .call-to-action-row__container, .accordion .accordion__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--grid-gutter-width); margin: 0; max-inline-size: var(--container-max-width); padding: 0; position: relative; } .testimonials:last-child, .rss-row .rss-row__container:last-child, .page-intro__content:last-child, .marketo-form:last-child, .jumplinks:last-child, .full-width-row .full-width-row__container:last-child, .footer:last-child, .content-with-media-row .content-with-media-row__container:last-child, .columns-sublayout:last-child, .call-to-action-row .call-to-action-row__container:last-child, .accordion .accordion__row:last-child { -webkit-margin-after: 0 !important; margin-block-end: 0 !important; } .swiper-wrapper .sc-empty-placeholder { block-size: 200px !important; inline-size: 100% !important; } .sr-only { block-size: 1px; border: 0; clip: rect(0, 0, 0, 0); inline-size: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; } :root { --swiper-navigation-size: 44px; } .swiper-button-prev, .swiper-button-next { -webkit-box-align: center; -ms-flex-align: center; align-items: center; block-size: var(--swiper-navigation-size); color: var(--swiper-navigation-color, var(--swiper-theme-color)); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: calc(var(--swiper-navigation-size) / 44 * 27); inset-block-start: 50%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-margin-before: calc(0px - var(--swiper-navigation-size) / 2); margin-block-start: calc(0px - var(--swiper-navigation-size) / 2); position: absolute; z-index: 10; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { cursor: auto; opacity: 0.35; pointer-events: none; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); font-variant: initial; letter-spacing: 0; line-height: 1; text-transform: none !important; text-transform: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { inset-inline: 10px auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { inset-inline: auto 10px; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: "next"; } .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white { --swiper-navigation-color: #fff; } .swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transform: translate3d(0, 0, 0); transform: translateZ(0); -webkit-transition: 0.3s opacity; transition: 0.3s opacity; z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-container-horizontal > .swiper-pagination-custom { inline-size: 100%; inset-block-end: 10px; inset-inline-start: 0; } .swiper-pagination-bullets-dynamic { font-size: 0; overflow: hidden; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position: relative; -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { background: #000; block-size: 8px; border-radius: 50%; display: inline-block; inline-size: 8px; opacity: 0.2; } button.swiper-pagination-bullet { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0 solid; -webkit-box-shadow: none; box-shadow: none; margin: 0; padding: 0; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { background: var(--swiper-pagination-color, var(--swiper-theme-color)); opacity: 1; } .swiper-container-vertical > .swiper-pagination-bullets { inset-block-start: 50%; inset-inline-end: 10px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin-block: 6px; margin-inline: 0; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { inline-size: 8px; inset-block-start: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 0.2s inset-block-start, 0.2s -webkit-transform; transition: 0.2s inset-block-start, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s inset-block-start; transition: 0.2s transform, 0.2s inset-block-start, 0.2s -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-container-horizontal > .swiper-pagination-custom .swiper-pagination-bullet { margin-block: 0; margin-inline: 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { inset-inline-start: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s inset-inline-start, 0.2s -webkit-transform; transition: 0.2s inset-inline-start, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s inset-inline-start; transition: 0.2s transform, 0.2s inset-inline-start, 0.2s -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s inset-inline-end, 0.2s -webkit-transform; transition: 0.2s inset-inline-end, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s inset-inline-end; transition: 0.2s transform, 0.2s inset-inline-end, 0.2s -webkit-transform; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); block-size: 100%; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { block-size: 4px; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { block-size: 100%; inline-size: 4px; inset-block-start: 0; inset-inline-start: 0; } .swiper-pagination-white { --swiper-pagination-color: #fff; } .swiper-pagination-black { --swiper-pagination-color: #000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { background: rgba(0, 0, 0, 0.1); border-radius: 10px; position: relative; } .swiper-container-horizontal > .swiper-scrollbar { block-size: 5px; inline-size: 98%; inset-block-end: 3px; inset-inline-start: 1%; position: absolute; z-index: 50; } .swiper-container-vertical > .swiper-scrollbar { block-size: 98%; inline-size: 5px; inset-block-start: 1%; inset-inline-end: 3px; position: absolute; z-index: 50; } .swiper-scrollbar-drag { background: rgba(0, 0, 0, 0.5); block-size: 100%; border-radius: 10px; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: relative; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; block-size: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-block-size: 100%; max-inline-size: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; block-size: 42px; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-block-start-color: #0000; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; inline-size: 42px; inset-block-start: 50%; inset-inline-start: 50%; -webkit-margin-before: -21px; margin-block-start: -21px; -webkit-margin-start: -21px; margin-inline-start: -21px; position: absolute; -webkit-transform-origin: 50%; transform-origin: 50%; z-index: 10; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .swiper-container .swiper-notification { inset-block-start: 0; inset-inline-start: 0; opacity: 0; pointer-events: none; position: absolute; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; block-size: 100%; inline-size: 100%; pointer-events: none; -webkit-transform-origin: 0 0; transform-origin: 0 0; visibility: hidden; z-index: 1; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 0; } .swiper-container-cube .swiper-cube-shadow { block-size: 100%; inline-size: 100%; inset-block-end: 0; inset-inline-start: 0; opacity: 0.6; position: absolute; z-index: 0; } .swiper-container-cube .swiper-cube-shadow:before { background: #000; content: ""; -webkit-filter: blur(50px); filter: blur(50px); inset: 0; position: absolute; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 0; } @font-face { font-family: swiper-icons; font-style: normal; font-weight: 400; src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff"); } :root { --swiper-theme-color: #007aff; } .swiper-container { list-style: none; margin-inline: auto; overflow: hidden; padding: 0; position: relative; z-index: 1; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { block-size: 100%; -webkit-box-sizing: content-box; box-sizing: content-box; display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; z-index: 1; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translateZ(0); } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { margin-block: 0; margin-inline: auto; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-pointer-events { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-pointer-events.swiper-container-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { block-size: 100%; -ms-flex-negative: 0; flex-shrink: 0; inline-size: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { block-size: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: block-size, -webkit-transform; transition-property: block-size, -webkit-transform; transition-property: transform, block-size; transition-property: transform, block-size, -webkit-transform; } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { block-size: 100%; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; pointer-events: none; position: absolute; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .masthead { position: relative; background-color: #fff; } .masthead--background-media .masthead__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 173px; } @media (min-width: 48em) { .masthead--background-media .masthead__inner { min-height: 650px; padding-bottom: 95px; padding-top: 95px; } } @media (min-width: 48em) { .masthead--left-media .masthead__inner, .masthead--right-media .masthead__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } } .masthead--right-media .masthead__inner { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .masthead__inner--position-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .masthead__inner--position-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .masthead__inner--position-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .masthead__inner--text-position-center { text-align: center; } .masthead__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; z-index: 1; } .masthead--background-media .masthead__content { background-color: #fff; border: solid 1px #e5e5e5; padding: 30px; } @media (min-width: 48em) { .masthead--background-media .masthead__content { max-width: 750px; padding: 50px; } } .masthead--left-media .masthead__content, .masthead--right-media .masthead__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 20px; padding-top: 20px; } @media (min-width: 48em) { .masthead--left-media .masthead__content, .masthead--right-media .masthead__content { padding-bottom: 85px; padding-top: 85px; } } .masthead__subheading { color: #1e3f36; font-family: Barlow Condensed, sans-serif; font-size: 21px; line-height: 1.19; margin: 0 0 5px; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } @media (min-width: 48em) { .masthead__subheading { font-size: 24px; line-height: 1.33; } } .masthead__heading { font-family: Barlow Condensed, sans-serif; color: #06847b; font-size: 30px; font-weight: 700; line-height: 1.19; } @media (min-width: 48em) { .masthead__heading { margin-bottom: 20px; font-size: 48px; line-height: 1.33; } } .masthead__copy { margin: 5px 0 0; font-family: Barlow Condensed, sans-serif; color: #4a4a4a; font-size: 14px; line-height: 1.71; letter-spacing: normal; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .masthead__actions { margin: 20px -10px -10px; } @media (min-width: 48em) { .masthead__actions { margin: 20px -20px -20px; } } .masthead__actions .btn, .masthead__actions .link { margin: 10px; } @media (min-width: 48em) { .masthead__actions .btn, .masthead__actions .link { margin: 20px; } } .masthead--background-media .masthead__media { height: 260px; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } @media (min-width: 48em) { .masthead--background-media .masthead__media { height: 100%; } } .masthead--background-media .masthead__media picture, .masthead--background-media .masthead__media img, .masthead--background-media .masthead__media .video { height: 100%; padding: 0; width: 100%; } .masthead--left-media .masthead__media, .masthead--right-media .masthead__media { margin: 0 -20px; } @media (min-width: 48em) { .masthead--left-media .masthead__media, .masthead--right-media .masthead__media { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; margin: 0; width: calc(50% - 40px); } } .masthead--left-media .masthead__media picture, .masthead--left-media .masthead__media img, .masthead--right-media .masthead__media picture, .masthead--right-media .masthead__media img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } @media (min-width: 48em) { .masthead--left-media .masthead__media { margin-right: 40px; } } @media (min-width: 48em) { .masthead--right-media .masthead__media { margin-left: 40px; } } .masthead__media div { width: 100%; height: 100%; } .masthead--simple { padding: 30px 0; } .btn { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 18px; font-weight: 600; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 200px; padding: 12px 24px 14px; text-align: center; text-decoration: none; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out; } .btn svg { height: 30px; margin-right: 17px; -webkit-transition: fill 0.2s ease-in-out; transition: fill 0.2s ease-in-out; width: 30px; } .btn.btn--primary { background-color: #06847b; color: #fff; } .btn.btn--primary svg { fill: #fff; } .btn.btn--primary:hover, .btn.btn--primary:focus { background-color: #1e3f36; } .btn.btn--primary.btn--outline { background-color: #0000; border: solid 1px #06847b; color: #06847b; } .btn.btn--primary.btn--outline svg { fill: #06847b; } .btn.btn--primary.btn--outline:hover, .btn.btn--primary.btn--outline:focus { background-color: #1e3f36; border: solid 1px #1e3f36; color: #fff; } .btn.btn--primary.btn--outline:hover svg, .btn.btn--primary.btn--outline:focus svg { fill: #fff; } .btn.btn--primary:disabled, .btn.btn--primary.btn--disabled { background-color: #06847b33; color: #6f8f89; pointer-events: none; } .btn.btn--secondary { background-color: #fff; color: #06847b; } .btn.btn--secondary svg { fill: #06847b; } .btn.btn--secondary:hover, .btn.btn--secondary:focus { background-color: #06847b; color: #fff; } .btn.btn--secondary:hover svg, .btn.btn--secondary:focus svg { fill: #fff; } .btn.btn--secondary.btn--outline { background-color: #0000; border: solid 1px #fff; color: #fff; } .btn.btn--secondary.btn--outline svg { fill: #fff; } .btn.btn--secondary.btn--outline:hover, .btn.btn--secondary.btn--outline:focus { background-color: #fff; color: #1e3f36; } .btn.btn--secondary.btn--outline:hover svg, .btn.btn--secondary.btn--outline:focus svg { fill: #1e3f36; } .btn.btn--secondary:disabled, .btn.btn--secondary.btn--disabled { background-color: #0000; border: solid 1px #6f8f89; color: #6f8f89; pointer-events: none; } .btn.btn--small { font-size: 14px; min-width: 100px; padding: 5px 20px; } .video { cursor: pointer; height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; width: 100%; } .video:hover svg { fill: #000; } .video video, .video iframe { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100%; } .video svg { bottom: 20px; fill: #fff; height: 30px; position: absolute; right: 20px; -webkit-transition: fill 0.2s ease-in-out; transition: fill 0.2s ease-in-out; width: 30px; z-index: 1; } @media (min-width: 80em) { .video svg { bottom: 30px; right: 30px; } } .video.video--playing svg { display: none; } .video__background { left: 0; padding-bottom: 56.25%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .full-background-video iframe { pointer-events: none; } .video__poster picture, .video__poster img { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100%; } .link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 18px; text-decoration: none; } .link:hover, .link:focus { text-decoration: underline; } .link.link--small { font-size: 14px; } .link.link--primary { color: #06847b; } .link.link--primary .link__icon { fill: #06847b; } .link.link--secondary { color: #fff; } .link.link--secondary .link__icon { fill: #fff; } .link .link__icon { height: 10px; margin-left: 12px; width: 6px; } .link .link__icon--left { margin-right: 12px; } .link .link__icon--right { margin-left: 12px; } .accordion { margin-bottom: 10px; margin-top: 10px; } @media (min-width: 80em) { .accordion { margin-bottom: 10px; margin-top: 10px; } } .accordion__header { margin-bottom: 29px; } @media (min-width: 80em) { .accordion__header { margin-bottom: 60px; } } .accordion__title { font-family: Questrial, sans-serif; font-size: 30px; font-weight: 700; line-height: 1.13; margin: 0 0 10px; } @media (min-width: 80em) { .accordion__title { font-size: 40px; line-height: 1.09; } } @media (min-width: 120em) { .accordion__title { font-size: 44px; } } @media (min-width: 80em) { .accordion__description { max-width: calc(66% - 51px); } } .accordion__item { border: solid 1px #000; } .accordion__item + .accordion__item { margin-top: 20px; } @media (min-width: 80em) { .accordion__item + .accordion__item { margin-top: 30px; } } .accordion__item-trigger { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #0000; border: 0; border-radius: 0; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 60px; padding: 9px 20px; text-align: left; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; width: 100%; } @media (min-width: 80em) { .accordion__item-trigger { height: 50px; padding: 0 25px; } } @media (any-hover: hover) { .accordion__item-trigger:hover, .accordion__item-trigger:focus { background-color: #000; color: #fff; } .accordion__item-trigger:hover .accordion__item-icon-plus, .accordion__item-trigger:hover .accordion__item-icon-minus, .accordion__item-trigger:focus .accordion__item-icon-plus, .accordion__item-trigger:focus .accordion__item-icon-minus { fill: #fff; } } .accordion__item-trigger[aria-expanded="true"] .accordion__item-icon-plus { display: none; } .accordion__item-trigger[aria-expanded="true"] .accordion__item-icon-minus { display: block; } .accordion__item-title { font-family: Questrial, sans-serif; font-size: 18px; font-weight: 600; line-height: 1.78; margin: 0; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .accordion__item-icon { -ms-flex-negative: 0; flex-shrink: 0; height: 14px; position: relative; width: 14px; } .accordion__item-icon-plus, .accordion__item-icon-minus { fill: #000; height: 14px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: fill 0.2s ease-in-out; transition: fill 0.2s ease-in-out; width: 14px; } .accordion__item-icon-minus { display: none; } .accordion__item-panel { height: 0; overflow: hidden; visibility: hidden; -webkit-transition: height 0.25s ease; transition: height 0.25s ease; } .accordion__item-panel video, .accordion__item-panel picture, .accordion__item-panel img, .accordion__item-panel iframe { width: 100%; } .accordion__item-content { font-size: 18px; line-height: 1.78; padding: 2px 20px 20px; } @media (min-width: 80em) { .accordion__item-content { padding: 28px 100px 45px; } } .accordion__item-content * + video, .accordion__item-content * + picture, .accordion__item-content * + img, .accordion__item-content * + iframe, .accordion__item-content * + .buttons-row { margin-top: 20px; } @media (min-width: 80em) { .accordion__item-content * + video, .accordion__item-content * + picture, .accordion__item-content * + img, .accordion__item-content * + iframe, .accordion__item-content * + .buttons-row { margin-top: 60px; } } .accordion__item-content .buttons-row { margin-left: -10px; margin-right: -10px; } .accordion__item-content .buttons-row .btn { margin: 10px; } .accordion__item-description h4 { font-family: Questrial, sans-serif; font-size: 21px; font-weight: 700; line-height: 1.19; margin: 0 0 10px; } @media (min-width: 80em) { .accordion__item-description h4 { font-size: 19px; line-height: 1.33; } } @media (min-width: 120em) { .accordion__item-description h4 { font-size: 24px; } } .accordion__video iframe { margin-top: 10px; } .cta-row { margin: 60px auto; } @media (min-width: 80em) { .cta-row { margin: 150px auto; } } .cta-row__title { font-family: Questrial, sans-serif; font-size: 30px; font-weight: 700; line-height: 1.13; margin: 0 0 10px; } .cta-row__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; position: relative; padding: 20px; z-index: 0; border: 1px solid #ddd; } @media (min-width: 64em) { .cta-row__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 64em) { .cta-row__inner { padding: 20px 20px 20px 59px; } } .cta-row--with-background .cta-row__inner { border: 0; } .cta-row--with-image.cta-row--with-background .cta-row__inner { padding-top: 0; } @media (min-width: 64em) { .cta-row--with-image.cta-row--with-background .cta-row__inner { padding-top: 20px; } } .cta-row__inner .btn { margin-top: 10px; } @media (min-width: 64em) { .cta-row__inner .btn { margin-top: 20px; } } .cta-row__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .cta-row__image { margin-bottom: 20px; padding-bottom: 73.5%; position: relative; width: 100%; } @media (min-width: 64em) { .cta-row__image { -ms-flex-negative: 0; flex-shrink: 0; height: 280px; margin-bottom: 0; margin-left: 52px; padding: 0; width: 380px; } } .cta-row__image img { height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; width: 100%; } .cta-row__background { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } @media (min-width: 64em) { .cta-row__background { height: 100%; top: 0; } } .cta-row--with-image .cta-row__background { height: calc(100% - 60px); top: 60px; } @media (min-width: 64em) { .cta-row--with-image .cta-row__background { height: 100%; top: 0; } } .cta-row__background img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; width: 100%; } .full-width-image { margin-bottom: 10px; margin-top: 10px; } @media (min-width: 80em) { .full-width-image { margin-bottom: 10px; margin-top: 10px; } } .full-width-image__header { font-family: Questrial, sans-serif; font-size: 30px; font-weight: 700; line-height: 1.13; margin: 0 0 10px; color: #06847b; } @media (min-width: 80em) { .full-width-image__header { font-size: 40px; line-height: 1.09; } } @media (min-width: 120em) { .full-width-image__header { font-size: 44px; } } @media (min-width: 80em) { .full-width-image__figure { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px #0000001a; } } .full-width-image__image { display: block; width: 100%; } .full-width-image__caption { line-height: 1.75; padding: 16px 28px 22px; } @media (min-width: 80em) { .full-width-image__caption { display: block; } } .full-width-video { margin: 0; } @media (max-width: 79.99em) { .full-width-video { margin-left: -1.5rem; margin-right: -1.5rem; } } .full-width-video .video_svg { display: none; } .full-width-video__wrapper { position: relative; } .full-width-video__wrapper:after { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.8))); background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.8) 100%); content: ""; inset: 0; position: absolute; } [data-hide-gradient="true"] .full-width-video__wrapper:after { display: none; } .full-width-video__overlay { overflow: hidden; position: absolute; width: 100%; } .full-width-video__overlay { -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: 0; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1.5rem 1.25rem; z-index: 1; } @media (min-width: 80em) { .full-width-video__overlay { padding: 2.75rem 2.5rem; } } .full-width-video__heading { color: #fff; font-size: 2.25rem; font-style: italic; line-height: 1; margin-bottom: 0; margin-top: 0; -webkit-transform: translateY(3px); transform: translateY(3px); } .rte .full-width-video__heading { margin-bottom: 0; margin-top: 0; } @media (min-width: 80em) { .full-width-video__heading { -webkit-transform: translateY(5px); transform: translateY(5px); } } .full-width-video__caption.full-width-video__caption { font-size: 1rem; line-height: 1.6; margin-bottom: 0; margin-top: 0.75rem; } @media (max-width: 79.99em) { .full-width-video__caption.full-width-video__caption { margin-left: 1.5rem; margin-right: 1.5rem; } } @media (min-width: 80em) { .full-width-video__caption.full-width-video__caption { font-size: 18px; margin-top: 1.25rem; } } .full-width-video__play-button { -webkit-transition: 0.3s cubic-bezier(0.87, 0, 0.13, 1); transition: 0.3s cubic-bezier(0.87, 0, 0.13, 1); background-color: #0000; border: 0; border-radius: 50%; color: #fff; height: 60px; margin-right: 18px; min-width: 55px; padding: 0; position: relative; width: 60px; } .full-width-video__play-button:focus { -webkit-box-shadow: 0 0 0 3px #06847b; box-shadow: 0 0 0 3px #06847b; outline: none; z-index: 10; } @media (min-width: 80em) { .full-width-video__play-button { height: 60px; margin-right: 1.5rem; width: 60px; } } .full-width-video__play-button:before { -webkit-transition: 0.3s cubic-bezier(0.87, 0, 0.13, 1); transition: 0.3s cubic-bezier(0.87, 0, 0.13, 1); background-color: "transparent"; border-radius: 50%; content: ""; inset: 2px; position: absolute; z-index: -1; } .full-width-video__play-button:hover:before, .full-width-video__play-button:focus:before { background-color: #06847b; } .full-width-video__play-button:focus { -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px #06847b; box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px #06847b; outline: none; z-index: 10; } .full-width-video__play-button svg { height: 100%; width: 100%; } .page-intro { margin-bottom: 60px; margin-top: 60px; } @media (min-width: 80em) { .page-intro { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 150px; margin-top: 150px; } } .page-intro__heading { color: #06847b; font-size: 30px; font-weight: 500; line-height: 1.2; margin: 0 0 10px; } @media (min-width: 80em) { .page-intro__heading { -ms-flex-negative: 0; flex-shrink: 0; font-size: 48px; line-height: 1.13; width: calc(50% - 12px); } } .page-intro__lead-in { font-size: 18px; line-height: 1.78; } @media (min-width: 80em) { .page-intro__lead-in { -ms-flex-negative: 0; flex-shrink: 0; width: calc(50% - 12px); } } :root { --cols1: calc(var(--grid-column-width) * 1); --cols2: calc(var(--grid-column-width) * 2 + var(--grid-gutter-width) * (2 - 1)); --cols3: calc(var(--grid-column-width) * 3 + var(--grid-gutter-width) * (3 - 1)); --cols4: calc(var(--grid-column-width) * 4 + var(--grid-gutter-width) * (4 - 1)); --cols5: calc(var(--grid-column-width) * 5 + var(--grid-gutter-width) * (5 - 1)); --cols6: calc(var(--grid-column-width) * 6 + var(--grid-gutter-width) * (6 - 1)); --cols7: calc(var(--grid-column-width) * 7 + var(--grid-gutter-width) * (7 - 1)); --cols8: calc(var(--grid-column-width) * 8 + var(--grid-gutter-width) * (8 - 1)); --cols9: calc(var(--grid-column-width) * 9 + var(--grid-gutter-width) * (9 - 1)); --cols10: calc(var(--grid-column-width) * 10 + var(--grid-gutter-width) * (10 - 1)); --cols11: calc(var(--grid-column-width) * 11 + var(--grid-gutter-width) * (11 - 1)); --cols12: 100%; --page-margin: calc((var(--max-page-width) - var(--container-max-width)) / 2); } @media (max-width: 47.99em) { :root { --page-margin: 5.76925vw; } } .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--grid-gutter-width); margin-block: 0; margin-inline: auto; max-inline-size: var(--container-max-width); padding: 0; position: relative; } .container.container-fluid { max-inline-size: 100%; } .container.container-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } main .container { padding-block: var(--block-vertical-spacing); padding-inline: 0; } main { background: var(--color-white); max-inline-size: 100%; } body { background: var(--color-washed-white); -webkit-box-shadow: 0 53px 20px rgba(69, 72, 74, 0.4); box-shadow: 0 53px 20px #45484a66; margin-block: 0 !important; margin-inline: auto !important; max-inline-size: var(--max-page-width); min-block-size: 100vh; overflow-y: scroll; } main > * { max-inline-size: 100% !important; padding-inline: var(--page-margin) !important; } @media (max-width: 47.99em) { main > * { padding-inline: 5.76925vw !important; } } @media (min-width: 48em) and (max-width: 63.99em) { main > * { padding-inline: calc((100vw - 700px) / 2) !important; } } main > *:last-child:not(.coveo-search-results__main-wrapper) { -webkit-margin-after: 30px !important; margin-block-end: 30px !important; } @font-face { font-family: degular; src: url(/Areas/Billtrust/fonts/degular-semibold.woff2) format("woff2"), url(/Areas/Billtrust/fonts/degular-semibold.woff) format("woff"); font-display: auto; font-style: normal; font-weight: 600; font-stretch: normal; } @font-face { font-family: degular-display; src: url(/Areas/Billtrust/fonts/degular_display-semibold.woff2) format("woff2"), url(/Areas/Billtrust/fonts/degular_display-semibold.woff) format("woff"); font-display: auto; font-style: normal; font-weight: 600; font-stretch: normal; } @font-face { font-family: indivisible; src: url(/Areas/Billtrust/fonts/IndivisibleWebThin.eot); src: url(/Areas/Billtrust/fonts/IndivisibleWebThin.eot?#iefix) format("embedded-opentype"), url(/Areas/Billtrust/fonts/IndivisibleWebThin.woff2) format("woff2"), url(/Areas/Billtrust/fonts/IndivisibleWebThin.woff) format("woff"); font-display: auto; font-style: normal; font-weight: 200; font-stretch: normal; } @font-face { font-family: indivisible; src: url(/Areas/Billtrust/fonts/IndivisibleWebThin.eot); src: url(/Areas/Billtrust/fonts/IndivisibleWebThin.eot?#iefix) format("embedded-opentype"), url(/Areas/Billtrust/fonts/IndivisibleWebThin.woff2) format("woff2"), url(/Areas/Billtrust/fonts/IndivisibleWebThin.woff) format("woff"); font-display: auto; font-style: italic; font-weight: 200; font-stretch: normal; } @font-face { font-family: indivisible; src: url(/Areas/Billtrust/fonts/IndivisibleWebLight.eot); src: url(/Areas/Billtrust/fonts/IndivisibleWebLight.eot?#iefix) format("embedded-opentype"), url(/Areas/Billtrust/fonts/IndivisibleWebLight.woff2) format("woff2"), url(/Areas/Billtrust/fonts/IndivisibleWebLight.woff) format("woff"); font-display: auto; font-style: normal; font-weight: 300; font-stretch: normal; } @font-face { font-family: indivisible; src: url(/Areas/Billtrust/fonts/IndivisibleWebLight.eot); src: url(/Areas/Billtrust/fonts/IndivisibleWebLight.eot?#iefix) format("embedded-opentype"), url(/Areas/Billtrust/fonts/IndivisibleWebLight.woff2) format("woff2"), url(/Areas/Billtrust/fonts/IndivisibleWebLight.woff) format("woff"); font-display: auto; font-style: italic; font-weight: 300; font-stretch: normal; } @font-face { font-family: indivisible; src: url(/Areas/Billtrust/fonts/IndivisibleWebRegular.eot); src: url(/Areas/Billtrust/fonts/IndivisibleWebRegular.eot?#iefix) format("embedded-opentype"), url(/Areas/Billtrust/fonts/IndivisibleWebRegular.woff2) format("woff2"), url(/Areas/Billtrust/fonts/IndivisibleWebRegular.woff) format("woff"); font-display: auto; font-style: normal; font-weight: 400; font-stretch: normal; } @font-face { font-family: indivisible; src: url(/Areas/Billtrust/fonts/IndivisibleWebRegularItalic.eot); src: url(/Areas/Billtrust/fonts/IndivisibleWebRegularItalic.eot?#iefix) format("embedded-opentype"), url(/Areas/Billtrust/fonts/IndivisibleWebRegularItalic.woff2) format("woff2"), url(/Areas/Billtrust/fonts/IndivisibleWebRegularItalic.woff) format("woff"); font-display: auto; font-style: italic; font-weight: 400; font-stretch: normal; } @font-face { font-family: indivisible; src: url(/Areas/Billtrust/fonts/IndivisibleWebMedium.eot); src: url(/Areas/Billtrust/fonts/IndivisibleWebMedium.eot?#iefix) format("embedded-opentype"), url(/Areas/Billtrust/fonts/IndivisibleWebMedium.woff2) format("woff2"), url(/Areas/Billtrust/fonts/IndivisibleWebMedium.woff) format("woff"); font-display: auto; font-style: normal; font-weight: 500; font-stretch: normal; } @font-face { font-family: indivisible; src: url(/Areas/Billtrust/fonts/IndivisibleWebMediumItalic.eot); src: url(/Areas/Billtrust/fonts/IndivisibleWebMediumItalic.eot?#iefix) format("embedded-opentype"), url(/Areas/Billtrust/fonts/IndivisibleWebMediumItalic.woff2) format("woff2"), url(/Areas/Billtrust/fonts/IndivisibleWebMediumItalic.woff) format("woff"); font-display: auto; font-style: italic; font-weight: 500; font-stretch: normal; } @font-face { font-family: indivisible; src: url(/Areas/Billtrust/fonts/IndivisibleWebSemiBold.eot); src: url(/Areas/Billtrust/fonts/IndivisibleWebSemiBold.eot?#iefix) format("embedded-opentype"), url(/Areas/Billtrust/fonts/IndivisibleWebSemiBold.woff2) format("woff2"), url(/Areas/Billtrust/fonts/IndivisibleWebSemiBold.woff) format("woff"); font-display: auto; font-style: normal; font-weight: 600; font-stretch: normal; } @font-face { font-family: indivisible; src: url(/Areas/Billtrust/fonts/IndivisibleWebSemiBold.eot); src: url(/Areas/Billtrust/fonts/IndivisibleWebSemiBold.eot?#iefix) format("embedded-opentype"), url(/Areas/Billtrust/fonts/IndivisibleWebSemiBold.woff2) format("woff2"), url(/Areas/Billtrust/fonts/IndivisibleWebSemiBold.woff) format("woff"); font-display: auto; font-style: italic; font-weight: 600; font-stretch: normal; } @font-face { font-family: indivisible; src: url(/Areas/Billtrust/fonts/IndivisibleWebBold.eot); src: url(/Areas/Billtrust/fonts/IndivisibleWebBold.eot?#iefix) format("embedded-opentype"), url(/Areas/Billtrust/fonts/IndivisibleWebBold.woff2) format("woff2"), url(/Areas/Billtrust/fonts/IndivisibleWebBold.woff) format("woff"); font-display: auto; font-style: normal; font-weight: 700; font-stretch: normal; } @font-face { font-family: indivisible; src: url(/Areas/Billtrust/fonts/IndivisibleWebBold.eot); src: url(/Areas/Billtrust/fonts/IndivisibleWebBold.eot?#iefix) format("embedded-opentype"), url(/Areas/Billtrust/fonts/IndivisibleWebBold.woff2) format("woff2"), url(/Areas/Billtrust/fonts/IndivisibleWebBold.woff) format("woff"); font-display: auto; font-style: italic; font-weight: 700; font-stretch: normal; } @font-face { font-family: indivisible; src: url(/Areas/Billtrust/fonts/IndivisibleWebBlack.eot); src: url(/Areas/Billtrust/fonts/IndivisibleWebBlack.eot?#iefix) format("embedded-opentype"), url(/Areas/Billtrust/fonts/IndivisibleWebBlack.woff2) format("woff2"), url(/Areas/Billtrust/fonts/IndivisibleWebBlack.woff) format("woff"); font-display: auto; font-style: normal; font-weight: 900; font-stretch: normal; } @font-face { font-family: indivisible; src: url(/Areas/Billtrust/fonts/IndivisibleWebBlack.eot); src: url(/Areas/Billtrust/fonts/IndivisibleWebBlack.eot?#iefix) format("embedded-opentype"), url(/Areas/Billtrust/fonts/IndivisibleWebBlack.woff2) format("woff2"), url(/Areas/Billtrust/fonts/IndivisibleWebBlack.woff) format("woff"); font-display: auto; font-style: italic; font-weight: 900; font-stretch: normal; } :root { --primary-font: "indivisible", sans-serif; --secondary-font: "degular-display", sans-serif; --tertiary-font: "degular", sans-serif; --base-font-size: 16px; } html, body { color: var(--color-text-100); font: 400 16px/140% var(--primary-font); } .media-contacts-row__contact-title, .coveo-search-results__query-summary, .coveo-search-results__pager span, .coveo-search-results__facet-value, .location-card__address-line, .card-content__copy, p { font-family: var(--primary-font); font-size: 1rem; -webkit-margin-after: 0; margin-block-end: 0; } @media (min-width: 80em) { .body-copy-large { font-family: var(--primary-font); font-size: 1.5rem; letter-spacing: 0.02em; line-height: 160%; } .body-copy-large p { font-size: 1.5rem; letter-spacing: 0.02em; line-height: 160%; } } .share__caption, .copy-link .copy-link__feedback-msg, .caption { font-family: var(--primary-font); font-size: 14px; font-weight: 400; letter-spacing: 0.02em; line-height: 140%; } .webinar-event-masthead__subheading, .rss-row .rss-row__subheading, .masthead-video-resource__subheading, .masthead-simple__subheading, .masthead-shape__subheading, .masthead-media__subheading, .masthead-home__subheading, .masthead-bpn__subheading, .masthead-bio-detail__subheading, .masthead-article__subheading, .coveo-search-results__featured-result__subtitle, .content-with-media-row .content-with-media-row__subheading, .bpn-row .swiper-slide .btn-row__subheading, .card-content__eyebrow { font-family: var(--primary-font); font-size: 14px; letter-spacing: 0.02em; line-height: 190%; text-transform: uppercase; } @media (min-width: 64em) { .webinar-event-masthead__subheading, .rss-row .rss-row__subheading, .masthead-video-resource__subheading, .masthead-simple__subheading, .masthead-shape__subheading, .masthead-media__subheading, .masthead-home__subheading, .masthead-bpn__subheading, .masthead-bio-detail__subheading, .masthead-article__subheading, .coveo-search-results__featured-result__subtitle, .content-with-media-row .content-with-media-row__subheading, .bpn-row .swiper-slide .btn-row__subheading, .card-content__eyebrow { font-size: 16px; } } label { font-size: 14px; font-weight: 400; line-height: 190%; } .columns-sublayout__main .rss-row .rss-row__subheading, .columns-sublayout__main .rss-row .rss-row__heading, .rss-row .rss-row__heading, .content-with-media-row .content-with-media-row__heading, .columns-sublayout__main .call-to-action-row .call-to-action-row__subheading, .columns-sublayout__main .call-to-action-row .call-to-action-row__heading, .call-to-action-row .call-to-action-row__subheading, .call-to-action-row .call-to-action-row__heading, .accordion .accordion__title, h1 { font: 600 36px/110% var(--secondary-font); letter-spacing: 0.02em; -webkit-margin-after: 0.5em; margin-block-end: 0.5em; } @media (min-width: 48em) { .columns-sublayout__main .rss-row .rss-row__subheading, .columns-sublayout__main .rss-row .rss-row__heading, .rss-row .rss-row__heading, .content-with-media-row .content-with-media-row__heading, .columns-sublayout__main .call-to-action-row .call-to-action-row__subheading, .columns-sublayout__main .call-to-action-row .call-to-action-row__heading, .call-to-action-row .call-to-action-row__subheading, .call-to-action-row .call-to-action-row__heading, .accordion .accordion__title, h1 { font-size: 46px; } } @media (min-width: 80em) { .columns-sublayout__main .rss-row .rss-row__subheading, .columns-sublayout__main .rss-row .rss-row__heading, .rss-row .rss-row__heading, .content-with-media-row .content-with-media-row__heading, .columns-sublayout__main .call-to-action-row .call-to-action-row__subheading, .columns-sublayout__main .call-to-action-row .call-to-action-row__heading, .call-to-action-row .call-to-action-row__subheading, .call-to-action-row .call-to-action-row__heading, .accordion .accordion__title, h1 { font-size: 3.5rem; line-height: 100%; } } .logo-swiper-row .logo-swiper__heading, .full-width-row .full-width-row__heading, .featured-event-row .featured-event-row__heading, h2 { font: 600 28px/110% var(--secondary-font); letter-spacing: 0.02em; -webkit-margin-after: 0.5em; margin-block-end: 0.5em; } @media (min-width: 48em) { .logo-swiper-row .logo-swiper__heading, .full-width-row .full-width-row__heading, .featured-event-row .featured-event-row__heading, h2 { font-size: 32px; } } @media (min-width: 80em) { .logo-swiper-row .logo-swiper__heading, .full-width-row .full-width-row__heading, .featured-event-row .featured-event-row__heading, h2 { font-size: 36px; } } h3 { font: 600 22px/110% var(--secondary-font); letter-spacing: 0.02em; -webkit-margin-after: 0.5em; margin-block-end: 0.5em; } @media (min-width: 48em) { h3 { font-size: 28px; } } @media (min-width: 80em) { h3 { font-size: 32px; } } .bpn-row .bpn-media .bpn-media-caption-text, .location-card__heading, .card-content__heading, h4 { font: 600 20px/110% var(--tertiary-font); letter-spacing: 0.02em; -webkit-margin-after: 0.5em; margin-block-end: 0.5em; } @media (min-width: 48em) { .bpn-row .bpn-media .bpn-media-caption-text, .location-card__heading, .card-content__heading, h4 { font-size: 22px; } } @media (min-width: 80em) { .bpn-row .bpn-media .bpn-media-caption-text, .location-card__heading, .card-content__heading, h4 { font-size: 24px; } } .masthead-background-image .masthead__subheading-text, .facet-breadcrumbs__heading, .accordion__item-trigger, .icon-card__heading, h5 { font: 600 14px/110% var(--tertiary-font); letter-spacing: 0.02em; -webkit-margin-after: 0.5em; margin-block-end: 0.5em; } @media (min-width: 48em) { .masthead-background-image .masthead__subheading-text, .facet-breadcrumbs__heading, .accordion__item-trigger, .icon-card__heading, h5 { font-size: 16px; } } @media (min-width: 80em) { .masthead-background-image .masthead__subheading-text, .facet-breadcrumbs__heading, .accordion__item-trigger, .icon-card__heading, h5 { font-size: 18px; } } h6 { font: 600 14px/110% var(--tertiary-font); letter-spacing: 0.02em; -webkit-margin-after: 0.5em; margin-block-end: 0.5em; } @media (min-width: 48em) { h6 { font-size: 16px; } } @media (min-width: 80em) { h6 { font-size: 18px; } } .rtf p { -webkit-margin-after: 30px; margin-block-end: 30px; } .rtf p:last-child { -webkit-margin-after: 0; margin-block-end: 0; } .rtf strong { font-weight: 600; } .rtf i, .rtf em { font-style: italic; } .rtf u { text-decoration: underline; } [lang="de-DE"] .columns-sublayout__main .rss-row .rss-row__subheading, .columns-sublayout__main .rss-row [lang="de-DE"] .rss-row__subheading, [lang="de-DE"] .rss-row .rss-row__heading, .rss-row [lang="de-DE"] .rss-row__heading, [lang="de-DE"] .content-with-media-row .content-with-media-row__heading, .content-with-media-row [lang="de-DE"] .content-with-media-row__heading, [lang="de-DE"] .call-to-action-row .call-to-action-row__subheading, .call-to-action-row [lang="de-DE"] .call-to-action-row__subheading, [lang="de-DE"] .call-to-action-row .call-to-action-row__heading, .call-to-action-row [lang="de-DE"] .call-to-action-row__heading, [lang="de-DE"] .accordion .accordion__title, .accordion [lang="de-DE"] .accordion__title, [lang="de-DE"] h1, [lang="de-DE"] .logo-swiper-row .logo-swiper__heading, .logo-swiper-row [lang="de-DE"] .logo-swiper__heading, [lang="de-DE"] .full-width-row .full-width-row__heading, .full-width-row [lang="de-DE"] .full-width-row__heading, [lang="de-DE"] .featured-event-row .featured-event-row__heading, .featured-event-row [lang="de-DE"] .featured-event-row__heading, [lang="de-DE"] h2, [lang="de-DE"] h3, [lang="de-DE"] .bpn-row .bpn-media .bpn-media-caption-text, .bpn-row .bpn-media [lang="de-DE"] .bpn-media-caption-text, [lang="de-DE"] .location-card__heading, [lang="de-DE"] .card-content__heading, [lang="de-DE"] h4, [lang="de-DE"] .masthead-background-image .masthead__subheading-text, .masthead-background-image [lang="de-DE"] .masthead__subheading-text, [lang="de-DE"] .facet-breadcrumbs__heading, [lang="de-DE"] .accordion__item-trigger, [lang="de-DE"] .icon-card__heading, [lang="de-DE"] h5, [lang="de-DE"] h6, [lang="de-DE"] .btn, [lang="de-DE"] button, [lang="de-DE"] a, [lang="de-DE"] p, [lang="nl-NL"] .columns-sublayout__main .rss-row .rss-row__subheading, .columns-sublayout__main .rss-row [lang="nl-NL"] .rss-row__subheading, [lang="nl-NL"] .rss-row .rss-row__heading, .rss-row [lang="nl-NL"] .rss-row__heading, [lang="nl-NL"] .content-with-media-row .content-with-media-row__heading, .content-with-media-row [lang="nl-NL"] .content-with-media-row__heading, [lang="nl-NL"] .call-to-action-row .call-to-action-row__subheading, .call-to-action-row [lang="nl-NL"] .call-to-action-row__subheading, [lang="nl-NL"] .call-to-action-row .call-to-action-row__heading, .call-to-action-row [lang="nl-NL"] .call-to-action-row__heading, [lang="nl-NL"] .accordion .accordion__title, .accordion [lang="nl-NL"] .accordion__title, [lang="nl-NL"] h1, [lang="nl-NL"] .logo-swiper-row .logo-swiper__heading, .logo-swiper-row [lang="nl-NL"] .logo-swiper__heading, [lang="nl-NL"] .full-width-row .full-width-row__heading, .full-width-row [lang="nl-NL"] .full-width-row__heading, [lang="nl-NL"] .featured-event-row .featured-event-row__heading, .featured-event-row [lang="nl-NL"] .featured-event-row__heading, [lang="nl-NL"] h2, [lang="nl-NL"] h3, [lang="nl-NL"] .bpn-row .bpn-media .bpn-media-caption-text, .bpn-row .bpn-media [lang="nl-NL"] .bpn-media-caption-text, [lang="nl-NL"] .location-card__heading, [lang="nl-NL"] .card-content__heading, [lang="nl-NL"] h4, [lang="nl-NL"] .masthead-background-image .masthead__subheading-text, .masthead-background-image [lang="nl-NL"] .masthead__subheading-text, [lang="nl-NL"] .facet-breadcrumbs__heading, [lang="nl-NL"] .accordion__item-trigger, [lang="nl-NL"] .icon-card__heading, [lang="nl-NL"] h5, [lang="nl-NL"] h6, [lang="nl-NL"] .btn, [lang="nl-NL"] button, [lang="nl-NL"] a, [lang="nl-NL"] p { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-break: break-word; } html { scroll-behavior: smooth; scroll-padding-top: 950px; } @media (min-width: 64em) { html { scroll-padding-top: 180px; } } .container { margin-block: 0; margin-inline: auto; max-inline-size: var(--container-max-width); } *:focus:not(.focus-visible), *:focus:not(.focus-visible) { outline: none; } .focus-visible { outline: solid 2px var(--focus); } .focus-visible:-moz-focusring { outline: solid 2px var(--focus); } .wrapper-gray { background-color: var(--color-gray-one); } @-webkit-keyframes grow { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 80% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes grow { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 80% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } to { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes grow-hover { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes grow-hover { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } to { -webkit-transform: scale(1); transform: scale(1); } } svg.video_svg { fill: var(--color-text-0); } .video:hover svg { fill: var(--color-lime); } @media (max-width: 63.99em) { .desktop-only { display: none !important; } } @media (min-width: 64em) { .mobile-only { display: none !important; } } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L6 6L1 1' stroke='%2300373B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-position: calc(100% - 10px) center; background-repeat: no-repeat; position: relative; } [id] { scroll-margin-block-start: var(--sticky-header-height); } @media (max-width: 63.99em) { main:has(#table-of-contents-dropdown) [id] { scroll-margin-block-start: calc(var(--sticky-header-height) + 60px); } } main:has(.jumplinks-section) [id] { scroll-margin-block-start: calc(var(--sticky-header-height) + 60px); } @media (max-width: 63.99em) { main:has(.jumplinks-section) [id] { scroll-margin-block-start: calc(var(--sticky-header-height) + 30px); } } main section:first-child:last-child { -webkit-padding-after: var(--block-vertical-spacing); padding-block-end: var(--block-vertical-spacing); } .sticky-sidebar { inset-block-start: var(--sticky-header-height); position: sticky; } :root { --shape-bump: url("data:image/svg+xml;utf8,"); --shape-oval: url("data:image/svg+xml;utf8,"); --shape-simple: url("data:image/svg+xml;utf8,"); --shape-footer: url("data:image/svg+xml;utf8,"); --shape-gap: 120px; --shape-gap-footer: 82px; } @media (min-width: 32em) { :root { --shape-bump: url("data:image/svg+xml;utf8,"); --shape-oval: url("data:image/svg+xml;utf8,"); --shape-simple: url("data:image/svg+xml;utf8,"); --shape-footer: url("data:image/svg+xml;utf8,"); --shape-gap: 150px; --shape-gap-footer: 102px; } } @media (min-width: 48em) { :root { --shape-bump: url("data:image/svg+xml;utf8,"); --shape-oval: url("data:image/svg+xml;utf8,"); --shape-simple: url("data:image/svg+xml;utf8,"); --shape-footer: url("data:image/svg+xml;utf8,"); --shape-gap: 180px; --shape-gap-footer: 123px; } } @media (min-width: 64em) { :root { --shape-bump: url("data:image/svg+xml;utf8,"); --shape-oval: url("data:image/svg+xml;utf8,"); --shape-simple: url("data:image/svg+xml;utf8,"); --shape-footer: url("data:image/svg+xml;utf8,"); --shape-gap: 320px; --shape-gap-footer: 123px; } } @media (min-width: 80em) { :root { --shape-bump: url("data:image/svg+xml;utf8,"); --shape-oval: url("data:image/svg+xml;utf8,"); --shape-simple: url("data:image/svg+xml;utf8,"); --shape-footer: url("data:image/svg+xml;utf8,"); --shape-gap: 440px; --shape-gap-footer: 250px; } } .shape__container[data-theme="light-green"] > .component { background: -webkit-gradient(linear, right top, left top, color-stop(20.56%, #38b270), color-stop(85.44%, #3eec78)); background: linear-gradient(right, #38b270 20.56%, #3eec78 85.44%); color: var(--color-text-100); } .shape__container[data-theme="light-green"] > .component:first-child { background: -webkit-gradient(linear, right top, left top, color-stop(20.56%, #38b270), color-stop(85.44%, #3eec78)) no-repeat 0 25px; background: linear-gradient(right, #38b270 20.56%, #3eec78 85.44%) no-repeat 0 25px; } .shape__container[data-theme="light-green"] > .component:last-child { background: -webkit-gradient(linear, right top, left top, color-stop(20.56%, #38b270), color-stop(85.44%, #3eec78)) no-repeat 0 0; background: linear-gradient(right, #38b270 20.56%, #3eec78 85.44%) no-repeat 0 0; background-size: 100% calc(100% - 315px); } .shape__container[data-theme="light-green"] > .component:before { background: -webkit-gradient(linear, left top, right top, color-stop(85.44%, #3eec78), color-stop(20.56%, #38b270)); background: linear-gradient(left, #3eec78 85.44%, #38b270 20.56%); } .shape__container[data-theme="light-green"] > .component:after { background: -webkit-gradient(linear, right top, left top, color-stop(20.56%, #38b270), color-stop(85.44%, #3eec78)); background: linear-gradient(right, #38b270 20.56%, #3eec78 85.44%); } .shape__container[data-theme="light-green"][data-alignment="right"] > .component:before { background: -webkit-gradient(linear, right top, left top, color-stop(20.56%, #38b270), color-stop(85.44%, #3eec78)); background: linear-gradient(right, #38b270 20.56%, #3eec78 85.44%); } .shape__container[data-theme="light-green"][data-alignment="right"] > .component:after { background: -webkit-gradient(linear, left top, right top, color-stop(85.44%, #3eec78), color-stop(20.56%, #38b270)); background: linear-gradient(left, #3eec78 85.44%, #38b270 20.56%); } .shape__container[data-theme="light-grey"] > .component { background: -webkit-gradient(linear, right top, left top, color-stop(18.82%, #e8fff0), color-stop(92.09%, #f8fffd)); background: linear-gradient(right, #e8fff0 18.82%, #f8fffd 92.09%); color: var(--color-text-100); } .shape__container[data-theme="light-grey"] > .component:first-child { background: -webkit-gradient(linear, right top, left top, color-stop(18.82%, #e8fff0), color-stop(92.09%, #f8fffd)) no-repeat 0 299px; background: linear-gradient(right, #e8fff0 18.82%, #f8fffd 92.09%) no-repeat 0 299px; -webkit-padding-before: 100px; padding-block-start: 100px; } .shape__container[data-theme="light-grey"] > .component:last-child { background: -webkit-gradient(linear, right top, left top, color-stop(18.82%, #e8fff0), color-stop(92.09%, #f8fffd)) no-repeat 0 0; background: linear-gradient(right, #e8fff0 18.82%, #f8fffd 92.09%) no-repeat 0 0; background-size: 100% calc(100% - 148px); } .shape__container[data-theme="light-grey"] > .component:before { background: -webkit-gradient(linear, right top, left top, color-stop(18.82%, #f8fffd), color-stop(92.09%, #e8fff0)); background: linear-gradient(right, #f8fffd 18.82%, #e8fff0 92.09%); } .shape__container[data-theme="light-grey"] > .component:after { background: -webkit-gradient(linear, right top, left top, color-stop(18.82%, #e8fff0), color-stop(92.09%, #f8fffd)); background: linear-gradient(right, #e8fff0 18.82%, #f8fffd 92.09%); } .shape__container[data-theme="light-grey"][data-alignment="right"] > .component:before { background: -webkit-gradient(linear, right top, left top, color-stop(18.82%, #e8fff0), color-stop(92.09%, #f8fffd)); background: linear-gradient(right, #e8fff0 18.82%, #f8fffd 92.09%); } .shape__container[data-theme="light-grey"][data-alignment="right"] > .component:after { background: -webkit-gradient(linear, right top, left top, color-stop(18.82%, #f8fffd), color-stop(92.09%, #e8fff0)); background: linear-gradient(right, #f8fffd 18.82%, #e8fff0 92.09%); } .shape__container[data-theme="dark-green"] > .component { background: -webkit-gradient(linear, right top, left top, color-stop(18.82%, #00373b), color-stop(92.09%, #00373b)); background: linear-gradient(right, #00373b 18.82%, #00373b 92.09%); color: var(--color-text-0); } .shape__container[data-theme="dark-green"] > .component:first-child { background: -webkit-gradient(linear, right top, left top, color-stop(18.82%, #00373b), color-stop(92.09%, #00373b)) no-repeat 0 299px; background: linear-gradient(right, #00373b 18.82%, #00373b 92.09%) no-repeat 0 299px; } .shape__container[data-theme="dark-green"] > .component:last-child { background: -webkit-gradient(linear, right top, left top, color-stop(18.82%, #00373b), color-stop(92.09%, #00373b)) no-repeat 0 0; background: linear-gradient(right, #00373b 18.82%, #00373b 92.09%) no-repeat 0 0; background-size: 100% calc(100% - 299px); } .shape__container[data-theme="dark-green"] > .component:before, .shape__container[data-theme="dark-green"] > .component:after { background: -webkit-gradient(linear, right top, left top, color-stop(18.82%, #00373b), color-stop(92.09%, #00373b)); background: linear-gradient(right, #00373b 18.82%, #00373b 92.09%); } .shape__container[data-theme="dark-green"][data-alignment="right"] > .component:before, .shape__container[data-theme="dark-green"][data-alignment="right"] > .component:after { background: -webkit-gradient(linear, right top, left top, color-stop(18.82%, #00373b), color-stop(92.09%, #00373b)); background: linear-gradient(right, #00373b 18.82%, #00373b 92.09%); } .shape__container[data-theme="orchid"] > .component { background: -webkit-gradient(linear, right top, left top, color-stop(18.82%, #8f33ff), color-stop(92.09%, #8f33ff)); background: linear-gradient(right, #8f33ff 18.82%, #8f33ff 92.09%); color: var(--color-text-0); } .shape__container[data-theme="orchid"] > .component:first-child { background: -webkit-gradient(linear, right top, left top, color-stop(18.82%, #8f33ff), color-stop(92.09%, #8f33ff)) no-repeat 0 299px; background: linear-gradient(right, #8f33ff 18.82%, #8f33ff 92.09%) no-repeat 0 299px; } .shape__container[data-theme="orchid"] > .component:last-child { background: -webkit-gradient(linear, right top, left top, color-stop(18.82%, #8f33ff), color-stop(92.09%, #8f33ff)) no-repeat 0 0; background: linear-gradient(right, #8f33ff 18.82%, #8f33ff 92.09%) no-repeat 0 0; background-size: 100% calc(100% - 299px); } .shape__container[data-theme="orchid"] > .component:before, .shape__container[data-theme="orchid"] > .component:after { background: -webkit-gradient(linear, right top, left top, color-stop(18.82%, #8f33ff), color-stop(92.09%, #8f33ff)); background: linear-gradient(right, #8f33ff 18.82%, #8f33ff 92.09%); } .shape__container[data-theme="orchid"][data-alignment="right"] > .component:before, .shape__container[data-theme="orchid"][data-alignment="right"] > .component:after { background: -webkit-gradient(linear, right top, left top, color-stop(18.82%, #8f33ff), color-stop(92.09%, #8f33ff)); background: linear-gradient(right, #8f33ff 18.82%, #8f33ff 92.09%); } .shape__container[data-alignment="left"] > .component:first-child:before { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .shape__container[data-alignment="left"] > .component:last-child:after { -webkit-transform: scaleX(1) scaleY(-1); transform: scaleX(1) scaleY(-1); } .shape__container[data-alignment="right"] > .component:first-child:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .shape__container[data-alignment="right"] > .component:last-child:after { -webkit-transform: scaleX(-1) scaleY(-1); transform: scaleX(-1) scaleY(-1); } .shape__container { display: block; isolation: isolate; padding: 0 !important; position: relative; } .shape__container > .component { background: rgba(0, 0, 0, 0); color: var(--color-text-100); } .shape__container > .component:first-child { background: rgba(0, 0, 0, 0); } .shape__container > .component:first-child:before { block-size: 0; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; -webkit-mask-position: top; mask-position: top; position: absolute; z-index: -1; } .shape__container > .component:last-child { background: rgba(0, 0, 0, 0); background-size: 100% 100%; } .shape__container > .component:last-child:after { block-size: 0; content: ""; display: block; inline-size: 100%; inset-block-end: 0; inset-inline-start: 0; -webkit-mask-position: top; mask-position: top; min-inline-size: 100%; position: absolute; z-index: -1; } .shape__container[data-type="bump"] > .component:first-child { background-position: 0 var(--shape-gap); -webkit-padding-before: calc((var(--shape-gap) - 15px) / 2); padding-block-start: calc((var(--shape-gap) - 15px) / 2); } @media (min-width: 48em) and (max-width: 63.99em) { .shape__container[data-type="bump"] > .component:first-child { -webkit-padding-before: calc(var(--shape-gap) - 15px); padding-block-start: calc(var(--shape-gap) - 15px); } } .shape__container[data-type=bump]>.component: first-child:before { block-size: calc(var(--shape-gap) + 1px); -webkit-mask-image: var(--shape-bump); mask-image: var(--shape-bump); } .shape__container[data-type="bump"] > .component:last-child { background-size: 100% calc(100% - var(--shape-gap)); -webkit-padding-after: calc((var(--shape-gap) - 15px) / 2); padding-block-end: calc((var(--shape-gap) - 15px) / 2); } .shape__container[data-type=bump]>.component: last-child:after { block-size: calc(var(--shape-gap) + 1px); -webkit-mask-image: var(--shape-bump); mask-image: var(--shape-bump); } .shape__container[data-type="bump"] > .component:last-child:first-child { background-position: 0 var(--shape-gap); background-size: 100% calc(100% - var(--shape-gap) * 2); } @media (min-width: 48em) and (max-width: 63.99em) { .shape__container[data-type="bump"] > .component:last-child:first-child { -webkit-padding-after: calc(var(--shape-gap) - 15px); padding-block-end: calc(var(--shape-gap) - 15px); -webkit-padding-before: calc(var(--shape-gap) - 15px); padding-block-start: calc(var(--shape-gap) - 15px); } } @media (min-width: 80em) { .shape__container[data-type="bump"] > .component:only-child { min-block-size: 350px !important; } } @media (min-width: 80em) { .shape__container[data-type="bump"] > .component:not(:only-child):first-child { min-block-size: 310px !important; } } .shape__container[data-type="footer"] > .component:first-child { background-position: 0 var(--shape-gap-footer); -webkit-padding-before: calc((var(--shape-gap-footer) - 15px) / 2); padding-block-start: calc((var(--shape-gap-footer) - 15px) / 2); } @media (min-width: 48em) and (max-width: 63.99em) { .shape__container[data-type="footer"] > .component:first-child { -webkit-padding-before: calc(var(--shape-gap-footer) - 15px); padding-block-start: calc(var(--shape-gap-footer) - 15px); } } .shape__container[data-type=footer]>.component: first-child:before { block-size: calc(var(--shape-gap-footer) + 1px); -webkit-mask-image: var(--shape-footer); mask-image: var(--shape-footer); } .shape__container[data-type="footer"] > .component:last-child { background-size: 100% calc(100% - var(--shape-gap-footer)); -webkit-padding-after: calc((var(--shape-gap-footer) - 15px) / 2); padding-block-end: calc((var(--shape-gap-footer) - 15px) / 2); } .shape__container[data-type=footer]>.component: last-child:after { block-size: calc(var(--shape-gap-footer) + 1px); -webkit-mask-image: var(--shape-footer); mask-image: var(--shape-footer); } .shape__container[data-type="footer"] > .component:last-child:first-child { background-position: 0 var(--shape-gap-footer); background-size: 100% calc(100% - var(--shape-gap-footer) * 2); } @media (min-width: 48em) and (max-width: 63.99em) { .shape__container[data-type="footer"] > .component:last-child:first-child { -webkit-padding-after: calc(var(--shape-gap-footer) - 15px); padding-block-end: calc(var(--shape-gap-footer) - 15px); -webkit-padding-before: calc(var(--shape-gap-footer) - 15px); padding-block-start: calc(var(--shape-gap-footer) - 15px); } } .shape__container[data-type=flat-bottom]>.component: first-child { background-position: 0 var(--shape-gap); -webkit-padding-before: calc((var(--shape-gap) - 15px) / 2); padding-block-start: calc((var(--shape-gap) - 15px) / 2); } @media (min-width: 48em) and (max-width: 63.99em) { .shape__container[data-type="flat-bottom"] > .component:first-child { -webkit-padding-before: calc(var(--shape-gap) - 15px); padding-block-start: calc(var(--shape-gap) - 15px); } } .shape__container[data-type=flat-bottom]>.component: first-child:before { block-size: calc(var(--shape-gap) + 1px); -webkit-mask-image: var(--shape-bump); mask-image: var(--shape-bump); } .shape__container[data-type="flat-bottom"] > .component:last-child { background-size: 100% calc(100% - var(--shape-gap)); -webkit-padding-after: calc((var(--shape-gap) - 120px) / 2); padding-block-end: calc((var(--shape-gap) - 120px) / 2); } .shape__container[data-type=flat-bottom]>.component: last-child:after { block-size: calc(var(--shape-gap) + 1px); -webkit-mask-image: var(--shape-bump); mask-image: var(--shape-bump); -webkit-mask-position: bottom; mask-position: bottom; -webkit-transform: scaleX(1); transform: scaleX(1); } .shape__container[data-type="flat-bottom"] > .component:last-child:first-child { background-position: 0 var(--shape-gap); background-size: 100% calc(100% - var(--shape-gap) * 2); } main > .shape__container:last-child { -webkit-margin-after: 0 !important; margin-block-end: 0 !important; } @media (min-width: 24.375em) { main > .shape__container:last-child[data-type="bump"] .component:last-child:first-child { min-block-size: 200px !important; } } @media (min-width: 80em) { main > .shape__container:last-child[data-type="bump"] .component:last-child:first-child { min-block-size: 350px !important; } } main > .shape__container:last-child .component:last-child { background-position: 0 !important; background-size: 100% !important; -webkit-padding-after: calc(var(--block-vertical-spacing) / 2) !important; padding-block-end: calc(var(--block-vertical-spacing) / 2) !important; } main>.shape__container: last-child .component:last-child:after { display: none; } main > .shape__container:last-child .component:last-child:first-child { background-position: 0 var(--shape-gap) !important; background-size: 100% calc(100% - var(--shape-gap)) !important; } main > .shape__container:last-child[data-type="footer"] .component:last-child { background-position: 0 !important; background-size: 100% !important; -webkit-padding-after: calc(var(--block-vertical-spacing) / 2) !important; padding-block-end: calc(var(--block-vertical-spacing) / 2) !important; } main>.shape__container: last-child[data-type=footer] .component:last-child:after { display: none; } main > .shape__container:last-child[data-type="footer"] .component:last-child:first-child { background-position: 0 var(--shape-gap-footer) !important; background-size: 100% calc(100% - var(--shape-gap-footer)) !important; } .columns-sublayout__main { --shape-bump: url("data:image/svg+xml;utf8,"); --shape-oval: url("data:image/svg+xml;utf8,"); --shape-simple: url("data:image/svg+xml;utf8,"); --shape-footer: url("data:image/svg+xml;utf8,"); --shape-gap: 120px; --shape-gap-footer: 82px; } @media (min-width: 32em) { .columns-sublayout__main { --shape-bump: url("data:image/svg+xml;utf8,"); --shape-oval: url("data:image/svg+xml;utf8,"); --shape-simple: url("data:image/svg+xml;utf8,"); --shape-footer: url("data:image/svg+xml;utf8,"); --shape-gap: 150px; --shape-gap-footer: 102px; } } @media (min-width: 48em) { .columns-sublayout__main { --shape-bump: url("data:image/svg+xml;utf8,"); --shape-oval: url("data:image/svg+xml;utf8,"); --shape-simple: url("data:image/svg+xml;utf8,"); --shape-footer: url("data:image/svg+xml;utf8,"); --shape-gap: 180px; --shape-gap-footer: 123px; } } @media (max-width: 63.99em) { .columns-sublayout__main [data-type="bump"] { inline-size: 100vw; inset-inline-end: var(--page-margin); position: relative; } } .columns-sublayout__main [data-type="bump"] > .component { padding-inline: var(--grid-gutter-width); } @media (max-width: 63.99em) { .columns-sublayout__main [data-type="bump"] > .component { padding-inline: var(--page-margin); } } .columns-sublayout__main [data-type="bump"] > .component:first-child { background-position: 0 var(--shape-gap); -webkit-padding-before: calc((var(--shape-gap) - 15px) / 2); padding-block-start: calc((var(--shape-gap) - 15px) / 2); } @media (min-width: 48em) and (max-width: 63.99em) { .columns-sublayout__main [data-type="bump"] > .component:first-child { -webkit-padding-before: calc(var(--shape-gap) - 15px); padding-block-start: calc(var(--shape-gap) - 15px); } } .columns-sublayout__main [data-type=bump]>.component: first-child:before { block-size: calc(var(--shape-gap) + 31px); -webkit-mask-image: var(--shape-bump); mask-image: var(--shape-bump); } .columns-sublayout__main [data-type="bump"] > .component:last-child { background-size: 100% calc(100% - var(--shape-gap)); -webkit-padding-after: calc((var(--shape-gap) - 15px) / 2); padding-block-end: calc((var(--shape-gap) - 15px) / 2); } .columns-sublayout__main [data-type=bump]>.component: last-child:after { block-size: calc(var(--shape-gap) + 31px); -webkit-mask-image: var(--shape-bump); mask-image: var(--shape-bump); } .columns-sublayout__main [data-type="bump"] > .component:last-child:first-child { background-position: 0 var(--shape-gap); background-size: 100% calc(100% - var(--shape-gap) * 2); } @media (min-width: 48em) and (max-width: 63.99em) { .columns-sublayout__main [data-type="bump"] > .component:last-child:first-child { -webkit-padding-after: calc(var(--shape-gap) - 15px); padding-block-end: calc(var(--shape-gap) - 15px); -webkit-padding-before: calc(var(--shape-gap) - 15px); padding-block-start: calc(var(--shape-gap) - 15px); } } .btn.btn--primary, .mktoButton, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.mktoButton, .form [type="submit"], .form button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--color-jade); block-size: auto; border: 2px solid var(--color-jade); border-radius: 100px; color: var(--color-text-0); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font: 500 1rem/1.3 var(--primary-font); gap: 10px; inline-size: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; min-block-size: 45px; min-inline-size: 0; padding-block: 0; padding-inline: 25px; position: relative; -webkit-transition: all 0.18s ease-out; transition: all 0.18s ease-out; -webkit-transition-property: background, color, inline-size; transition-property: background, color, inline-size; } @media (max-width: 47.99em) { .btn.btn--primary:before, .mktoButton:before, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.mktoButton:before, .form [type="submit"]:before, .form button:before { background: rgba(0, 0, 0, 0); block-size: 45px; content: ""; inline-size: 100%; inset-block-start: 50%; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .btn.btn--primary:disabled, .btn.btn--primary.btn--disabled, .mktoButton:disabled, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.mktoButton:disabled, .form [type="submit"]:disabled, .form button:disabled, .btn--disabled.mktoButton, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--disabled.mktoButton, .form .btn--disabled[type="submit"], .form button.btn--disabled { background: rgba(0, 0, 0, 0); border: 2px solid var(--color-text-20); -webkit-box-shadow: none; box-shadow: none; color: var(--color-text-20); } .btn.btn--primary svg, .mktoButton svg, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.mktoButton svg, .form [type="submit"] svg, .form button svg { margin: 0; max-block-size: 15px; max-inline-size: 15px; } .btn.btn--primary.btn--icon-right, .btn--icon-right.mktoButton, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--icon-right.mktoButton, .form .btn--icon-right[type="submit"], .form button.btn--icon-right { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .btn.btn--primary.btn--outline, .btn--outline.mktoButton, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--outline.mktoButton, .form .btn--outline[type="submit"], .form button.btn--outline { background: rgba(0, 0, 0, 0); border: 2px solid var(--color-jade); color: var(--color-text-100); } .btn.btn--primary.btn--small, .btn--small.mktoButton, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--small.mktoButton, .form .btn--small[type="submit"], .form button.btn--small { font-size: 12px; min-block-size: 29px; padding-block: 6px; padding-inline: 18px; } .btn.btn--primary.btn--small:before, .btn--small.mktoButton:before, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--small.mktoButton:before, .form .btn--small[type="submit"]:before, .form button.btn--small:before { background: rgba(0, 0, 0, 0); block-size: 45px; content: ""; inline-size: 100%; inset-block-start: 50%; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .btn.btn--primary.btn--expandable, .btn--expandable.mktoButton, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--expandable.mktoButton, .form .btn--expandable[type="submit"], .form button.btn--expandable { gap: 0; } .btn.btn--primary.btn--expandable svg, .btn--expandable.mktoButton svg, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--expandable.mktoButton svg, .form .btn--expandable[type="submit"] svg, .form button.btn--expandable svg { block-size: 12px; color: #0000; fill: #0000; inline-size: 0; -webkit-transition: all 0.18s linear; transition: all 0.18s linear; -webkit-transition-property: color, inline-size; transition-property: color, inline-size; } .btn.btn--primary.btn--expandable:hover, .btn.btn--primary.btn--expandable:focus, .btn--expandable.mktoButton:hover, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--expandable.mktoButton:hover, .form .btn--expandable[type="submit"]:hover, .form button.btn--expandable:hover, .btn--expandable.mktoButton:focus, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--expandable.mktoButton:focus, .form .btn--expandable[type="submit"]:focus, .form button.btn--expandable:focus { gap: 10px; } .btn.btn--primary.btn--expandable:hover svg, .btn.btn--primary.btn--expandable:focus svg, .btn--expandable.mktoButton:hover svg, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--expandable.mktoButton:hover svg, .form .btn--expandable[type="submit"]:hover svg, .form button.btn--expandable:hover svg, .btn--expandable.mktoButton:focus svg, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--expandable.mktoButton:focus svg, .form .btn--expandable[type="submit"]:focus svg, .form button.btn--expandable:focus svg { color: inherit; inline-size: 8px; } .btn.btn--primary.btn--expandable.btn--small:hover svg, .btn.btn--primary.btn--expandable.btn--small:focus svg, .btn--expandable.btn--small.mktoButton:hover svg, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--expandable.btn--small.mktoButton:hover svg, .form .btn--expandable.btn--small[type="submit"]:hover svg, .form button.btn--expandable.btn--small:hover svg, .btn--expandable.btn--small.mktoButton:focus svg, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--expandable.btn--small.mktoButton:focus svg, .form .btn--expandable.btn--small[type="submit"]:focus svg, .form button.btn--expandable.btn--small:focus svg { inline-size: 7px; } .btn.btn--primary.btn--expandable.btn--expandable-reverse, .btn--expandable.btn--expandable-reverse.mktoButton, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--expandable.btn--expandable-reverse.mktoButton, .form .btn--expandable.btn--expandable-reverse[type="submit"], .form button.btn--expandable.btn--expandable-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .btn.btn--primary.btn--expandable.btn--expandable-reverse svg, .btn--expandable.btn--expandable-reverse.mktoButton svg, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--expandable.btn--expandable-reverse.mktoButton svg, .form .btn--expandable.btn--expandable-reverse[type="submit"] svg, .form button.btn--expandable.btn--expandable-reverse svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .btn.btn--primary:hover, .btn.btn--primary.btn--hover, .mktoButton:hover, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.mktoButton:hover, .form [type="submit"]:hover, .form button:hover, .btn--hover.mktoButton, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--hover.mktoButton, .form .btn--hover[type="submit"], .form button.btn--hover { background: var(--color-orchid) !important; border: 2px solid var(--color-orchid) !important; color: var(--color-text-0) !important; } .btn.btn--primary:focus, .mktoButton:focus, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.mktoButton:focus, .form [type="submit"]:focus, .form button:focus { background: var(--color-white) !important; -webkit-box-shadow: 0 0 4px 1px var(--color-jade) !important; box-shadow: 0 0 4px 1px var(--color-jade) !important; color: var(--color-text-100) !important; } .btn.btn--primary.btn--light, .btn--light.mktoButton, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--light.mktoButton, .form .btn--light[type="submit"], .form button.btn--light { background: rgba(0, 0, 0, 0); border: 2px solid var(--color-jade); } .btn.btn--primary.btn--light:hover, .btn.btn--primary.btn--light:focus, .btn--light.mktoButton:hover, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--light.mktoButton:hover, .form .btn--light[type="submit"]:hover, .form button.btn--light:hover, .btn--light.mktoButton:focus, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--light.mktoButton:focus, .form .btn--light[type="submit"]:focus, .form button.btn--light:focus { background: rgba(0, 0, 0, 0); color: var(--color-text-100); inset-inline-start: 0; } .btn.btn--primary.btn--light:hover svg, .btn.btn--primary.btn--light:focus svg, .btn--light.mktoButton:hover svg, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--light.mktoButton:hover svg, .form .btn--light[type="submit"]:hover svg, .form button.btn--light:hover svg, .btn--light.mktoButton:focus svg, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--light.mktoButton:focus svg, .form .btn--light[type="submit"]:focus svg, .form button.btn--light:focus svg { color: inherit; fill: var(--color-text-100); } .btn.btn--primary.btn--light.btn--disabled, .btn.btn--primary.btn--light[disabled], .btn--light.btn--disabled.mktoButton, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--light.btn--disabled.mktoButton, .form .btn--light.btn--disabled[type="submit"], .form button.btn--light.btn--disabled, .btn--light[disabled].mktoButton, .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.btn--light[disabled].mktoButton, .form .btn--light[disabled][type="submit"], .form button.btn--light[disabled] { background: rgba(0, 0, 0, 0); border-color: var(--color-text-20); color: var(--color-text-20); } .card-content { -webkit-border-before: 2px solid var(--color-grey-2); border-block-start: 2px solid var(--color-grey-2); color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; inline-size: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; max-inline-size: var(--container-max-width); padding-block: 30px 25px; padding-inline: 0; position: relative; text-decoration: none; } .card-content.card-content-cta { padding-block: 20px; } .card-content:before { background-color: var(--color-lime); block-size: 6px; content: ""; display: block; inline-size: 0; inset-block-start: -4px; inset-inline-start: 0; position: absolute; -webkit-transition: inline-size 0.3s ease-out; transition: inline-size 0.3s ease-out; } .card-content[href] .card-content__heading svg { display: inline-block; } .card-content[href]:focus:before, .card-content[href]:hover:before { inline-size: 100%; } .card-content[href]:focus .card-content__heading, .card-content[href]:hover .card-content__heading { text-decoration: underline; } .card-content[href]:focus svg, .card-content[href]:hover svg { -webkit-transform: translateX(4px); transform: translate(4px); } .card-content__content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-content__image { max-inline-size: 66.6%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .card-content__image img { aspect-ratio: 1/1; border-radius: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .card-content__icon { block-size: 50px; inline-size: auto; -webkit-margin-after: 15px; margin-block-end: 15px; max-block-size: 50px; max-inline-size: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: left; object-position: left; -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; } .card-content__heading { letter-spacing: 0; -webkit-margin-after: 15px; margin-block-end: 15px; } .card-content__heading svg { block-size: 12px; display: none; inline-size: 12px; -webkit-margin-start: 4px; margin-inline-start: 4px; -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; } .card-content__eyebrow { font-weight: 400; letter-spacing: 0.02em; line-height: 130%; -webkit-margin-after: 4px; margin-block-end: 4px; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .card-content__copy { letter-spacing: 0.01em; line-height: 160%; -webkit-margin-after: 0; margin-block-end: 0; } .card-content__copy *:last-child { -webkit-margin-after: 0; margin-block-end: 0; } .card-content__image { display: block; -webkit-margin-after: 15px; margin-block-end: 15px; } .card-content__image img { block-size: auto; inline-size: auto; } [data-theme="light-green"] .card-content { -webkit-border-before: 2px solid var(--color-jade); border-block-start: 2px solid var(--color-jade); } [data-theme=light-green] .card-content: before { background-color: var(--color-orchid); } .icon-card__icon { block-size: 50px; inline-size: 50px; max-block-size: 50px; max-inline-size: 50px; -o-object-fit: contain; object-fit: contain; } .card-row .card-content__image { inline-size: 100%; max-inline-size: 175px; } .card-row .card-content__image img { inline-size: 100%; } .btn.card-content__button { inline-size: 100%; margin-block: 0 25px; } .copy-link { position: relative; } .copy-link .copy-link__feedback-msg { background: var(--color-text-100); border-radius: 20px; color: var(--color-text-0); display: inline-block; font-size: 12px; inset-block-start: 120%; inset-inline-end: 0; line-height: 1; opacity: 0; padding-block: 6px; padding-inline: 10px; pointer-events: none; position: absolute; -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; white-space: nowrap; } .copy-link.copy-link--copied .copy-link__feedback-msg { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-name: grow; animation-name: grow; opacity: 1; } .icon-card { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-border-before: 2px solid var(--color-grey-2); border-block-start: 2px solid var(--color-grey-2); display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; inline-size: var(--cols3); padding-block: 20px; position: relative; text-decoration: none; } .icon-card[href] .icon-card__link-icon { opacity: 1; } .icon-card[href]:focus .icon-card__link-icon, .icon-card[href]:hover .icon-card__link-icon { -webkit-transform: translateX(4px); transform: translate(4px); } .icon-card[href]:focus .icon-card__heading, .icon-card[href]:hover .icon-card__heading { text-decoration: underline; } .icon-card__link-icon { block-size: 12px; inline-size: 8px; -webkit-margin-start: 5px; margin-inline-start: 5px; opacity: 0; -webkit-transition: -webkit-transform 0.25s linear; transition: -webkit-transform 0.25s linear; transition: transform 0.25s linear; transition: transform 0.25s linear, -webkit-transform 0.25s linear; } .icon-card__heading { -webkit-margin-after: 10px; margin-block-end: 10px; -webkit-transition: -webkit-text-decoration 0.25s linear; transition: -webkit-text-decoration 0.25s linear; transition: text-decoration 0.25s linear; transition: text-decoration 0.25s linear, -webkit-text-decoration 0.25s linear; } @media (max-width: 63.99em) { .icon-card { inline-size: 100%; } .icon-card__heading { font-size: 18px; } } p > a, .link.link--primary, .link { color: var(--color-grey-3); font-size: 15px; font-weight: 400; gap: 11px; line-height: 1; } p > a .link__icon, .link.link--primary .link__icon, .link .link__icon { block-size: 12px; inline-size: 8px; margin: 0; -webkit-transition: -webkit-transform 0.2s linear; transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear; } p > a:hover .link__icon.link__icon--right, p > a:focus .link__icon.link__icon--right, .link.link--primary:hover .link__icon.link__icon--right, .link.link--primary:focus .link__icon.link__icon--right, .link:hover .link__icon.link__icon--right, .link:focus .link__icon.link__icon--right { -webkit-transform: translateX(2px); transform: translate(2px); } p > a:hover .link__icon.link__icon--left, p > a:focus .link__icon.link__icon--left, .link.link--primary:hover .link__icon.link__icon--left, .link.link--primary:focus .link__icon.link__icon--left, .link:hover .link__icon.link__icon--left, .link:focus .link__icon.link__icon--left { -webkit-transform: translateX(-2px); transform: translate(-2px); } p > a:focus, .link.link--primary:focus, .link:focus { outline: solid; } p > a.link--small, .link.link--primary.link--small, .link.link--small { font-size: 12px; gap: 9px; line-height: 17.4px; } p > a.link--small .link__icon, .link.link--primary.link--small .link__icon, .link.link--small .link__icon { block-size: 9px; inline-size: 6px; } p > a.link--light, .link.link--primary.link--light, .link.link--light { color: var(--color-white); } p > a.link--disabled, .link.link--primary.link--disabled, .link.link--disabled { color: var(--color-text-40); pointer-events: none; } p > a { font-size: inherit; } a:-moz-any-link { color: inherit; } a:any-link { color: inherit; } @media (max-width: 63.99em) { .location-card-row .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: var(--grid-gutter-width); } .location-card-row .swiper-slide { -ms-flex-negative: 1; flex-shrink: 1; } } .location-card-row .card-row__intro { line-height: 160%; } .location-card { -webkit-border-before: 2px solid var(--color-grey-2); border-block-start: 2px solid var(--color-grey-2); color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; inline-size: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; max-inline-size: var(--container-max-width); padding-block: 30px 25px; padding-inline: 0; position: relative; text-decoration: none; } .location-card:before { background-color: var(--color-lime); block-size: 6px; content: ""; display: block; inline-size: 0; inset-block-start: -4px; inset-inline-start: 0; position: absolute; -webkit-transition: inline-size 0.3s ease-out; transition: inline-size 0.3s ease-out; } .location-card:focus:before, .location-card:hover:before { inline-size: 100%; } .location-card__image { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .location-card__image img { aspect-ratio: 1/1; border-radius: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; } .location-card__heading { font-size: 22px; letter-spacing: 0; line-height: 135%; -webkit-margin-after: 15px; margin-block-end: 15px; -webkit-margin-before: 30px; margin-block-start: 30px; } @media (min-width: 48em) { .location-card__heading { font-size: 32px; } } .location-card__heading svg { block-size: 12px; display: inline-block; inline-size: 12px; -webkit-margin-start: 4px; margin-inline-start: 4px; -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; } .location-card__address-line { font-size: 16px; letter-spacing: 0.01em; line-height: 140%; -webkit-margin-after: 0; margin-block-end: 0; } @media (min-width: 48em) { .location-card__address-line { line-height: 160%; } } .location-card__address-line:first-of-type { -webkit-margin-after: 0; margin-block-end: 0; } .location-card__image { display: block; } .location-card__image img { block-size: auto; inline-size: auto; } @media (min-width: 48em) { .location-card__image img { max-block-size: 350px; } } .location-card__link { font-size: 16px !important; font-weight: 500 !important; inline-size: -webkit-fit-content; inline-size: -moz-fit-content; inline-size: fit-content; line-height: 140% !important; -webkit-margin-before: 24px; margin-block-start: 24px; } .location-card__phone-link { color: var(--color-text-100) !important; font-size: 16px !important; inline-size: -webkit-fit-content; inline-size: -moz-fit-content; inline-size: fit-content; line-height: 140% !important; -webkit-margin-before: 24px; margin-block-start: 24px; text-decoration: underline; } [data-theme="light-green"] .location-card { -webkit-border-before: 2px solid var(--color-jade); border-block-start: 2px solid var(--color-jade); } [data-theme=light-green] .location-card: before { background-color: var(--color-orchid); } main .container.masthead--background-media { padding-inline: calc((100% - var(--container-max-width)) / 2); } .masthead__subheading-text { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .masthead__actions { margin-block: -10px -20px; margin-inline: -20px; } .masthead--background-media .masthead__media { z-index: -2; } .masthead--background-media .masthead__content { background: rgba(248, 248, 249, 0.9); border-radius: 8px; max-inline-size: 584px; padding-block: 30px; padding-inline: 25px; position: relative; z-index: unset; } .masthead--background-media .masthead__content:before { background: var(--color-yellow-gradient); block-size: 117px; border-radius: 8px; content: ""; inline-size: 117px; inset-block-start: -20px; inset-inline-start: -20px; position: absolute; z-index: -1; } @media (min-width: 48em) { .masthead--background-media .masthead__inner { min-block-size: 610px; padding-block: 40px; } } .masthead__inner { isolation: isolate; } .pager { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-block: 44px 0; } .pager__arrow { -webkit-box-align: center; -ms-flex-align: center; align-items: center; block-size: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: 12px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pager__page { -webkit-transition: opacity 0.25s linear; transition: opacity 0.25s linear; } .pager__page--next .pager__button, .pager__page--prev .pager__button, .pager__page--first .pager__button, .pager__page--last .pager__button { color: var(--color-jade); } .pager__button { -webkit-transition: all 0.25s linear; transition: all 0.25s linear; -webkit-transition-property: border, color; transition-property: border, color; } .pager__button:focus, .pager__button:hover { -webkit-border-after: 1px solid var(--color-jade); border-block-end: 1px solid var(--color-jade); color: var(--color-jade); } .pager__page--next .pager__button, .pager__page--prev .pager__button { -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; block-size: 27px; border: 1px solid var(--color-jade); border-radius: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: 27px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.25s ease-in; transition: all 0.25s ease-in; -webkit-transition-property: background, color; transition-property: background, color; } .pager__page--next .pager__button:focus, .pager__page--next .pager__button:hover, .pager__page--prev .pager__button:focus, .pager__page--prev .pager__button:hover { background: var(--color-blue-gradient); border: 0; color: var(--color-white); } .pager__page--prev { -webkit-margin-end: 10px; margin-inline-end: 10px; } .pager__page--prev .pager__arrow { inset-inline-start: -1px; position: relative; } .pager__page--next { -webkit-margin-start: 10px; margin-inline-start: 10px; } .pager__page--next .pager__arrow { inset-inline-start: 1px; position: relative; } .pager__page--current .pager__button { -webkit-border-after: 1px solid var(--color-jade); border-block-end: 1px solid var(--color-jade); color: var(--color-jade); } .pager__page--disabled { opacity: 0.5; pointer-events: none; } .pager__page--current { pointer-events: none; } @media (max-width: 63.99em) { .pager { gap: 5; -webkit-padding-after: 0; padding-block-end: 0; position: relative; } .pager__button { min-block-size: 44px; min-inline-size: 44px; } } @media (max-width: 47.99em) { .pager { gap: 5; -webkit-padding-after: 70px; padding-block-end: 70px; position: relative; } .pager__button { min-block-size: 44px; min-inline-size: 44px; } .pager__page--prev { inset-block-end: 0; inset-inline-start: 30%; margin: 0; position: absolute; } .pager__page--next { inset-block-end: 0; inset-inline-end: 30%; margin: 0; position: absolute; } } .swiper-button-prev, .swiper-button-next { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(0, 0, 0, 0); block-size: 15px !important; border: 0; color: var(--color-spruce); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; inline-size: auto !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transition-property: background, border, color, opacity; transition-property: background, border, color, opacity; } .swiper-button-prev svg, .swiper-button-next svg { block-size: 15px; fill: #0000; inline-size: 24px; } .swiper-button-prev:after, .swiper-button-next:after { display: none; } .swiper-button-prev:hover, .swiper-button-next:hover { background: rgba(0, 0, 0, 0); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { background: rgba(0, 0, 0, 0); color: var(--color-grey-2); opacity: 1; } .swiper-button-prev svg { inset-inline-start: -2px; position: relative; } .swiper-pagination-bullets, .swiper-pagination-custom { block-size: 14px !important; gap: 8px; inline-size: auto !important; } .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-custom .swiper-pagination-bullet { background: rgba(0, 0, 0, 0); block-size: 14px !important; border: 2px solid var(--color-spruce); border-radius: 14px; inline-size: 14px !important; opacity: 1; } .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination-custom .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--color-spruce); } [data-theme="dark-green"] .swiper-button-prev, [data-theme="dark-green"] .swiper-button-next { border: 0; color: var(--color-white); } [data-theme="dark-green"] .swiper-button-prev:hover, [data-theme="dark-green"] .swiper-button-next:hover { background: rgba(0, 0, 0, 0); color: var(--color-lime); } [data-theme="dark-green"] .swiper-button-prev.swiper-button-disabled, [data-theme="dark-green"] .swiper-button-next.swiper-button-disabled { background: var(--color-gray-two); color: var(--color-grey-3); } [data-theme="dark-green"] .swiper-pagination-bullets .swiper-pagination-bullet, [data-theme="dark-green"] .swiper-pagination-custom .swiper-pagination-bullet { border: 2px solid var(--color-grey-2); } [data-theme="dark-green"] .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, [data-theme="dark-green"] .swiper-pagination-custom .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--color-lime); border-color: var(--color-lime); } .share { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-block: 20px 35px; } @media (min-width: 64em) { .share { padding-block: 20px; } } .share__caption { line-height: 25px; margin: 0; } .share__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-text-100); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .share__link:focus, .share__link:hover { color: var(--color-jade); } [data-theme="spruce"] .share__link:focus, [data-theme="spruce"] .share__link:hover { color: var(--color-lime); } .share__icon-list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; } .share__icon-list li:first-child { -webkit-margin-start: -10px; margin-inline-start: -10px; } @media (min-width: 64em) { .share__icon-list li:first-child { -webkit-margin-start: 0; margin-inline-start: 0; } } .share__svg { block-size: 25px; color: inherit; inline-size: 25px; -webkit-transition: color 0.2s ease-out; transition: color 0.2s ease-out; } @media (max-width: 63.99em) { .share { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; } .share__caption { font-size: 14px; line-height: 140%; } .share__link { min-block-size: 44px; min-inline-size: 44px; } .share__icon-list { gap: 0; } } .columns-sublayout__sidebar { position: relative; } .columns-sublayout__sidebar .share { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; inset-block-start: 30px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: sticky; } .skip-to-content-control { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #3eec78; border: 2px solid #028356; -webkit-border-start: 0; border-inline-start: 0; border-radius: 0 90px 90px 0; -webkit-box-shadow: 0 0 5px 2px rgba(3, 35, 37, 0.25); box-shadow: 0 0 5px 2px #03232540; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 10px; inset-block-start: 105px; inset-inline-start: -1000px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-block: 10px 12px; padding-inline: 20px 25px; position: absolute; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; z-index: 99999; } .skip-to-content-control:focus-visible { -webkit-transform: translateX(1000px); transform: translate(1000px); } .taglist { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6px; } .taglist .btn--small { border-radius: 23px !important; -webkit-filter: drop-shadow(0 0 6px rgba(69, 72, 74, 0.1)); filter: drop-shadow(0 0 6px rgba(69, 72, 74, 0.1)); min-block-size: 36px !important; min-inline-size: 44px; padding-block: 8px !important; padding-inline: 12px !important; } .video svg { block-size: 48px; fill: none; inline-size: 48px; z-index: 2; } @media (max-width: 47.99em) { .video svg { block-size: 35px; inline-size: 35px; } } .video .hidden { display: none; pointer-events: none; visibility: hidden; } .accordion { padding-block: 30px; margin: 0; } .accordion.accordion__dark { background-color: var(--color-spruce); color: var(--color-white); } .accordion.accordion__dark .accordion__item, .accordion.accordion__dark .accordion__item-trigger { background: rgba(0, 0, 0, 0) !important; color: inherit; } .accordion.accordion__dark .accordion__item-trigger[aria-expanded="true"], .accordion.accordion__dark .accordion__item-content { background: #385e61 !important; color: inherit; } .accordion.accordion__dark .accordion__item-icon { background: rgba(0, 0, 0, 0) !important; border: 1px solid var(--color-lime) !important; } .accordion.accordion__dark .accordion__item-icon svg { fill: var(--color-lime) !important; } .accordion.accordion__dark .accordion__item-trigger:hover .accordion__item-icon { background: var(--color-lime) !important; border: 1px solid var(--color-lime) !important; } .accordion.accordion__dark .accordion__item-trigger:hover .accordion__item-icon svg { fill: var(--color-spruce) !important; } .accordion .accordion__row { margin-inline: auto; } @media (min-width: 48em) { .accordion .accordion__row { padding-inline: var(--cols1); } } .accordion .accordion__header { -webkit-margin-after: 0; margin-block-end: 0; } @media (min-width: 48em) { .accordion .accordion__header { -webkit-margin-after: 24px; margin-block-end: 24px; } } .accordion .accordion__title { font-weight: 600; font-size: 28px; line-height: 110%; -webkit-margin-end: 15px; margin-inline-end: 15px; color: inherit; } @media (min-width: 48em) { .accordion .accordion__title { font-size: 28px; } } .accordion .accordion__description { color: inherit; } .accordion .accordion__item-trigger { font-weight: 600; font-size: 20px; line-height: 120%; } .accordion .accordion__item { background-color: var(--color-white); -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid var(--color-grey-2); border-radius: 0; } .accordion .accordion__item-trigger[aria-expanded="true"] { background-color: var(--color-grey-1); } .accordion .accordion__item-icon { background: var(--color-white) !important; border: 1px solid var(--color-spruce) !important; } .accordion .accordion__item-icon svg { fill: var(--color-spruce) !important; } .accordion .accordion__item-trigger:hover .accordion__item-icon { background: var(--color-spruce) !important; border: 1px solid var(--color-white) !important; } .accordion .accordion__item-trigger:hover .accordion__item-icon svg { fill: var(--color-white) !important; } .accordion .accordion__item-content { background-color: var(--color-grey-1); } [data-theme="dark-green"] .accordion { background-color: var(--color-spruce); color: var(--color-white); } [data-theme="dark-green"] .accordion__item, [data-theme="dark-green"] .accordion__item-trigger { background: rgba(0, 0, 0, 0) !important; color: inherit; } [data-theme="dark-green"] .accordion__item-trigger[aria-expanded="true"], [data-theme="dark-green"] .accordion__item-content { background: #385e61 !important; color: inherit; } [data-theme="dark-green"] .accordion__item-icon { background: rgba(0, 0, 0, 0) !important; border: 1px solid var(--color-lime) !important; } [data-theme="dark-green"] .accordion__item-icon svg { fill: var(--color-lime) !important; } [data-theme="dark-green"] .accordion__item-trigger:hover .accordion__item-icon { background: var(--color-lime) !important; border: 1px solid var(--color-lime) !important; } [data-theme="dark-green"] .accordion__item-trigger:hover .accordion__item-icon svg { fill: var(--color-spruce) !important; } [data-theme] .accordion:first-child .accordion__row { -webkit-padding-before: 50px; padding-block-start: 50px; } .accordion:last-child .accordion__row { -webkit-padding-after: 80px; padding-block-end: 80px; } .accordion__item { background: var(--color-white); border: unset; border-radius: 8px; -webkit-box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 0 12px 4px #0000001f; -webkit-margin-before: 0 !important; margin-block-start: 0 !important; overflow: hidden; position: relative; } .accordion__item-content { padding-block: 0 10px; padding-inline: 20px; } .accordion__item + .accordion__item { -webkit-margin-before: 10px; margin-block-start: 10px; } .accordion__item-title-text { margin: 0; } .accordion__item-trigger { block-size: auto; color: var(--color-text-100); font-weight: 300; margin: 0; min-block-size: 70px; padding: 20px; } .accordion__item-trigger:before { background: var(--color-yellow-gradient); block-size: 0; content: ""; display: block; inline-size: 8px; inset-block-start: 0; inset-inline-start: 0; opacity: 0; position: absolute; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -webkit-transition-property: block-size, opacity; transition-property: block-size, opacity; } .accordion__item-trigger .accordion__item-icon { background: linear-gradient(283.53deg, #007ac5 5.68%, #005eac 85.52%); block-size: 30px; border-radius: 100px; inline-size: 30px; } .accordion__item-trigger .accordion__item-icon svg { block-size: 11px; inline-size: 11px; } .accordion__item-trigger .accordion__item-icon-minus, .accordion__item-trigger .accordion__item-icon-plus { fill: var(--color-white); } .accordion__item-trigger:focus, .accordion__item-trigger:hover, .accordion__item-trigger[aria-expanded="true"] { background-color: var(--color-white); color: inherit; } .accordion__item-trigger:focus:before, .accordion__item-trigger:hover:before, .accordion__item-trigger[aria-expanded="true"]:before { block-size: 100%; opacity: 1; } .accordion__item-trigger:focus .accordion__item-icon-minus, .accordion__item-trigger:focus .accordion__item-icon-plus, .accordion__item-trigger:hover .accordion__item-icon-minus, .accordion__item-trigger:hover .accordion__item-icon-plus, .accordion__item-trigger[aria-expanded="true"] .accordion__item-icon-minus, .accordion__item-trigger[aria-expanded="true"] .accordion__item-icon-plus { fill: var(--color-white); } .accordion__item-trigger:focus .accordion__item-icon, .accordion__item-trigger:hover .accordion__item-icon { background: var(--color-white); border: 1px solid var(--color-jade); } .accordion__item-trigger:focus .accordion__item-icon-minus, .accordion__item-trigger:focus .accordion__item-icon-plus, .accordion__item-trigger:hover .accordion__item-icon-minus, .accordion__item-trigger:hover .accordion__item-icon-plus { fill: var(--color-jade); } .accordion__item-trigger:focus-visible { outline: 2px solid var(--color-jade); outline-offset: -2px; } .article-share-column { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .article-share-column > * { padding-block: 0 !important; } .article-share-column .share { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-block-size: 36px; min-inline-size: calc(var(--grid-column-width) * 3.53 + var(--grid-gutter-width) * (3.53 - 1)); } @media (min-width: 64em) { .article-share-column .share { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 63.99em) { .article-share-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } } @media (max-width: 63.99em) and (min-width: 64em) { .article-share-column .share__icon-list li:first-child { -webkit-margin-start: 0; margin-inline-start: 0; } } :root { --start: 0; } .bpn-row .bpn-row-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 100px; max-inline-size: 100%; margin-block: 0 !important; padding-block: var(--block-vertical-spacing) !important; } @media (min-width: 64em) { .bpn-row .bpn-row-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .bpn-row .bpn-media { inset-block-start: 0; inline-size: var(--cols6); inset-inline-start: var(--page-margin); padding: 0; pointer-events: none; position: absolute; z-index: 100; } @media (min-width: 48em) { .bpn-row .bpn-media { inline-size: calc(80% - 2 * var(--page-margin)); inset-block-start: 10px; inset-inline-start: 50%; -webkit-transform: translateX(-50%); transform: translate(-50%); } } @media (min-width: 64em) { .bpn-row .bpn-media { display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: calc(var(--cols6) - var(--grid-gutter-width)); inset-inline: auto var(--page-margin); inset-block-start: 70px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px calc(var(--cols1) * 0.75); -webkit-transform: unset; transform: unset; } } .bpn-row .bpn-media .bpn-media-image { block-size: auto; inline-size: 100%; max-inline-size: 100%; } .bpn-row .bpn-media .bpn-media-content { block-size: -webkit-fit-content; block-size: -moz-fit-content; block-size: fit-content; inline-size: 100%; -webkit-margin-before: 10px; margin-block-start: 10px; opacity: 0; position: relative; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } @media (min-width: 64em) { .bpn-row .bpn-media .bpn-media-content { inline-size: -webkit-fit-content; inline-size: -moz-fit-content; inline-size: fit-content; } } .bpn-row .bpn-media .bpn-media-content .bpn-media-caption, .bpn-row .bpn-media .bpn-media-content img { display: none; } .bpn-row .bpn-media .bpn-media-content .bpn-media-caption, .bpn-row .bpn-media .bpn-media-content video { display: none; } .bpn-row .bpn-media .bpn-media-content.active { opacity: 1; display: block; } .bpn-row .bpn-media .bpn-media-content.active .bpn-media-caption, .bpn-row .bpn-media .bpn-media-content.active img { display: -webkit-box; display: -ms-flexbox; display: flex; } .bpn-row .bpn-media .bpn-media-content.active .bpn-media-caption, .bpn-row .bpn-media .bpn-media-content.active video { display: -webkit-box; display: -ms-flexbox; display: flex; max-inline-size: 100%; } .bpn-row .bpn-media .bpn-media-caption { -webkit-box-align: center; -ms-flex-align: center; align-items: center; block-size: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; } .bpn-row .bpn-media .bpn-media-caption-text { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-white); font-size: 64px; font-weight: 600; letter-spacing: -0.02em; line-height: 120%; text-align: center; } .bpn-row .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 40px; -webkit-padding-after: 0; padding-block-end: 0; } @media (min-width: 64em) { .bpn-row .swiper-slide { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 50px; } } .bpn-row .swiper-slide .swiper-slide__content { inline-size: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-block: 0 20px; } @media (min-width: 64em) { .bpn-row .swiper-slide .swiper-slide__content { inline-size: 50%; padding-block: 0; } } .bpn-row .swiper-slide .swiper-slide__image { inline-size: 100%; opacity: 0; visibility: hidden; } .bpn-row .swiper-slide .swiper-slide__image img { width: 100%; height: auto; } .bpn-row .swiper-slide .swiper-slide__image video { width: 100%; height: auto; } @media (min-width: 64em) { .bpn-row .swiper-slide .swiper-slide__image { inline-size: 50%; padding-inline: calc(var(--cols1) * 0.75); } } .bpn-row .swiper-slide .btn-row__subheading { color: inherit; font-family: var(--primary-font); font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0.02em; line-height: 120%; } .bpn-row .swiper-slide .btn-row__heading { color: inherit; font-size: 28px; font-weight: 600; letter-spacing: -0.01em; line-height: 135%; -webkit-margin-after: 47px; margin-block-end: 47px; } @media (min-width: 64em) { .bpn-row .swiper-slide .btn-row__heading { font-size: 36px; -webkit-margin-after: 10px; margin-block-end: 10px; } } .bpn-row .swiper-slide .btn-row__copy, .bpn-row .swiper-slide .btn-row__copy p { color: inherit; font-size: 18px; line-height: 130%; letter-spacing: 0.02em; } @media (min-width: 64em) { .bpn-row .swiper-slide .btn-row__copy, .bpn-row .swiper-slide .btn-row__copy p { font-size: 24px; line-height: 160%; } } .bpn-row .swiper-slide .btn { color: inherit; -webkit-margin-before: 30px; margin-block-start: 30px; } .bpn-swiper { inline-size: 100%; margin: 0; -webkit-padding-after: 30px; padding-block-end: 30px; -webkit-padding-before: 50px; padding-block-start: 50px; -webkit-margin-after: 20px; margin-block-end: 20px; position: relative; } .bpn-swiper .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; position: relative; } .bpn-swiper .swiper-slide { block-size: auto; -webkit-box-flex: 1 !important; -ms-flex: 1 0 1 !important; flex: 1 0 1 !important; font-size: 18px; -webkit-padding-before: 10px; padding-block-start: 10px; padding-inline: calc(var(--page-margin) + var(--cols1)); } @media (max-width: 47.99em) { .bpn-swiper .swiper-slide { padding-inline: 17.30765vw; } } @media (min-width: 48em) and (max-width: 63.99em) { .bpn-swiper .swiper-slide { padding-inline: calc((100vw - 700px) / 2 + 11.5384vw); } } @media (min-width: 64em) { .bpn-swiper .swiper-slide { padding-inline: calc(var(--page-margin) + var(--cols1)); } } .bpn-swiper .bpn-swiper-pagination { -webkit-box-align: center; -ms-flex-align: center; align-items: center; block-size: 100% !important; cursor: pointer; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; inset-block: auto 0; inset-inline: var(--page-margin) auto; padding-block: 35px; position: absolute; } @media (max-width: 47.99em) { .bpn-swiper .bpn-swiper-pagination { inset-inline: 5.76925vw auto; } } @media (min-width: 48em) and (max-width: 63.99em) { .bpn-swiper .bpn-swiper-pagination { inset-inline: calc((100vw - 700px) / 2) auto; } } @media (min-width: 64em) { .bpn-swiper .bpn-swiper-pagination { inset-inline-start: calc(50% + 10px); inline-size: -webkit-fit-content !important; inline-size: -moz-fit-content !important; inline-size: fit-content !important; padding-block: 35px 45px; } } .bpn-swiper .swiper-pagination-bullet { background: var(--color-jade) !important; block-size: 8px !important; border: 0; inline-size: 4px !important; z-index: 10; } .bpn-swiper .swiper-pagination-bullet:first-child { -webkit-margin-before: 10px; margin-block-start: 10px; } .bpn-swiper .swiper-pagination-bullet-active { background: var(--color-lime) !important; block-size: 100% !important; border: 0; border-radius: 4px !important; inline-size: 6px !important; margin-block: 10px; opacity: 1 !important; } .bpn-swiper .swiper-slide { -webkit-padding-before: 20px; padding-block-start: 20px; visibility: hidden; } .bpn-swiper .swiper-slide.swiper-slide-active { visibility: visible; } .bpn-swiper .swiper-button-next, .bpn-swiper .swiper-button-prev { block-size: 25px !important; display: -webkit-box; display: -ms-flexbox; display: flex; inset-inline: calc(var(--page-margin) - 11px) auto; inline-size: 32px !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; position: absolute; z-index: 100000; } @media (min-width: 64em) { .bpn-swiper .swiper-button-next, .bpn-swiper .swiper-button-prev { inset-inline: calc(50% - 2px); } } .bpn-swiper .swiper-button-next svg, .bpn-swiper .swiper-button-prev svg { inline-size: 32px !important; block-size: 25px !important; } .bpn-swiper .swiper-button-next:disabled, .bpn-swiper .swiper-button-prev:disabled { display: none; } .bpn-swiper .swiper-button-prev { inset-block: var(--start); inset-inline: calc(var(--page-margin) - 9px) auto; } @media (min-width: 64em) { .bpn-swiper .swiper-button-prev { inset-block-start: 22px; inset-inline: calc(50% + 1px); } } .bpn-swiper .swiper-button-next { inset-block-start: calc(100% - 2px); } .shape__container[data-theme="light-green"] .bpn-row .bpn-media { background-color: var(--color-lime); } .shape__container[data-theme="dark-green"] .bpn-row .bpn-media { background-color: var(--color-spruce); } .shape__container[data-theme="orchid"] .bpn-row .bpn-media { background-color: var(--color-orchid); } .breadcrumbs { margin-inline: auto; padding-block: 30px; padding-inline: var(--page-margin); } .breadcrumbs .link.link--primary: focus { outline: solid; } .breadcrumbs .link.link--disabled { color: var(--color-jade); } .breadcrumbs__list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 13px; } @media (max-width: 47.99em) { .breadcrumbs__list-item { display: none; visibility: hidden; } .breadcrumbs__list-item:nth-last-child(2) { display: block; visibility: visible; } .breadcrumbs__list-item:nth-last-child(2) a { color: var(--color-jade); -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .breadcrumbs__list-item:nth-last-child(2) svg { -webkit-transform: scaleX(-1); transform: scaleX(-1); } } .breadcrumbs__list-item:last-child a:hover { text-decoration: none; } .call-to-action-row { isolation: isolate; padding-block: 30px; } .call-to-action-row .call-to-action-row__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; margin-inline: auto; } @media (min-width: 48em) { .call-to-action-row .call-to-action-row__container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-inline: 8.33%; } } @media (min-width: 48em) { .call-to-action-row .call-to-action-row__container { gap: 40px; } } .call-to-action-row .call-to-action-row__container.call-to-action-row__container-right-aligned { gap: 15px; } @media (min-width: 48em) { .call-to-action-row .call-to-action-row__container.call-to-action-row__container-right-aligned { gap: 40px; } } .call-to-action-row .call-to-action-row__container.call-to-action-row__container-right-aligned:not(.call-to-action-row__container-with-image) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 48em) { .call-to-action-row .call-to-action-row__container.call-to-action-row__container-right-aligned:not(.call-to-action-row__container-with-image) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .call-to-action-row .call-to-action-row__container.call-to-action-row__container-right-aligned:not(.call-to-action-row__container-with-image) .call-to-action-row__content-wrapper { inline-size: 100%; position: relative; } @media (min-width: 48em) { .call-to-action-row .call-to-action-row__container.call-to-action-row__container-right-aligned:not(.call-to-action-row__container-with-image) .call-to-action-row__content-wrapper { inline-size: 63%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-padding-start: 25%; padding-inline-start: 25%; -webkit-padding-end: 0; padding-inline-end: 0; overflow: hidden; } .call-to-action-row .call-to-action-row__container.call-to-action-row__container-right-aligned:not(.call-to-action-row__container-with-image) .call-to-action-row__content-wrapper:after { content: ""; -webkit-border-after: 5px solid var(--color-lime); border-block-end: 5px solid var(--color-lime); block-size: 5px; inline-size: 25%; inset-block-start: 20px; position: absolute; left: 0; z-index: -1; } } .call-to-action-row .call-to-action-row__container.call-to-action-row__container-right-aligned:not(.call-to-action-row__container-with-image) .call-to-action-row__cta-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .call-to-action-row .call-to-action-row__container.call-to-action-row__container-right-aligned:not(.call-to-action-row__container-with-image) .call-to-action-row__cta-wrapper .btn { block-size: -webkit-fit-content; block-size: -moz-fit-content; block-size: fit-content; } .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image.call-to-action-row__container-right-aligned { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image.call-to-action-row__container-right-aligned .call-to-action-row__content-wrapper { inline-size: 100%; margin-top: 5%; position: relative; } @media (min-width: 48em) { .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image.call-to-action-row__container-right-aligned .call-to-action-row__content-wrapper { inline-size: 63%; -webkit-padding-end: 25%; padding-inline-end: 25%; -webkit-padding-start: 0; padding-inline-start: 0; } .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image.call-to-action-row__container-right-aligned .call-to-action-row__content-wrapper:after { content: ""; -webkit-border-after: 5px solid var(--color-lime); border-block-end: 5px solid var(--color-lime); block-size: 5px; inline-size: 30%; inset-block-start: 20px; inset-inline-end: 0; position: absolute; left: auto; z-index: -1; } } .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image .call-to-action-row__image-wrapper { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; display: none; max-inline-size: 30%; } @media (min-width: 48em) { .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image .call-to-action-row__image-wrapper { display: block; } } .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image .call-to-action-row__content-wrapper { inline-size: 100%; position: relative; margin-top: 5%; } @media (min-width: 48em) { .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image .call-to-action-row__content-wrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; inline-size: 63%; -webkit-padding-start: 25%; padding-inline-start: 25%; -webkit-padding-end: 0; padding-inline-end: 0; } .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image .call-to-action-row__content-wrapper:after { content: ""; -webkit-border-after: 5px solid var(--color-lime); border-block-end: 5px solid var(--color-lime); block-size: 5px; inline-size: 30%; inset-block-start: 20px; position: absolute; left: 0; z-index: -1; } } .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image .call-to-action-row__cta-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-margin-before: 25px; margin-block-start: 25px; } .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image .call-to-action-row__cta-wrapper .btn { block-size: -webkit-fit-content; block-size: -moz-fit-content; block-size: fit-content; } .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image .call-to-action-row__content-image-mobile { display: block; inline-size: 100%; -webkit-margin-after: 16px; margin-block-end: 16px; } @media (min-width: 48em) { .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image .call-to-action-row__content-image-mobile { display: none; } } .call-to-action-row .call-to-action-row__headding-wrapper { inline-size: 50%; -webkit-margin-after: 81px; margin-block-end: 81px; position: relative; } @media (min-width: 48em) { .call-to-action-row .call-to-action-row__headding-wrapper { inline-size: 33%; } } .call-to-action-row .call-to-action-row__content-wrapper { inline-size: 100%; position: relative; } @media (min-width: 48em) { .call-to-action-row .call-to-action-row__content-wrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; inline-size: 63%; -webkit-padding-end: 23%; padding-inline-end: 23%; } .call-to-action-row .call-to-action-row__content-wrapper:after { block-size: 5px; -webkit-border-after: 5px solid var(--color-lime); border-block-end: 5px solid var(--color-lime); content: ""; inline-size: 25%; inset-block-start: 20px; inset-inline-end: 0; position: absolute; z-index: -1; } } .call-to-action-row .call-to-action-row__heading { font-size: 28px; line-height: 110%; } @media (min-width: 48em) { .call-to-action-row .call-to-action-row__heading { font-size: 36px; } } .call-to-action-row .call-to-action-row__subheading { font-size: 16px; font-weight: 400; letter-spacing: 0.02em; line-height: 120%; -webkit-margin-after: 4px; margin-block-end: 4px; text-transform: uppercase; } .call-to-action-row .call-to-action-row__cta-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } @media (min-width: 48em) { .call-to-action-row .call-to-action-row__cta-wrapper { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } } .call-to-action-row .call-to-action-row__cta-wrapper .btn { block-size: -webkit-fit-content; block-size: -moz-fit-content; block-size: fit-content; } .call-to-action-row .call-to-action-row__copy { -webkit-border-start: 5px solid var(--color-lime); border-inline-start: 5px solid var(--color-lime); -webkit-margin-after: 10px; margin-block-end: 10px; -webkit-margin-before: 24px; margin-block-start: 24px; -webkit-margin-end: 15px; margin-inline-end: 15px; -webkit-margin-start: 25px; margin-inline-start: 25px; -webkit-padding-after: 20px; padding-block-end: 20px; -webkit-padding-start: 25px; padding-inline-start: 25px; } @media (min-width: 48em) { .call-to-action-row .call-to-action-row__copy { -webkit-border-start: 0; border-inline-start: 0; -webkit-margin-after: 0; margin-block-end: 0; -webkit-margin-before: 0; margin-block-start: 0; -webkit-margin-end: 0; margin-inline-end: 0; -webkit-margin-start: 0; margin-inline-start: 0; -webkit-padding-start: 0; padding-inline-start: 0; } } .call-to-action-row .call-to-action-row__cta-wrapper .btn { inline-size: 100%; } @media (min-width: 48em) { .call-to-action-row .call-to-action-row__cta-wrapper .btn { inline-size: -webkit-fit-content; inline-size: -moz-fit-content; inline-size: fit-content; } } .columns-sublayout__main .call-to-action-row { padding-block: 30px; isolation: isolate; } .columns-sublayout__main .call-to-action-row .call-to-action-row__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 40px; margin-inline: auto; } @media (min-width: 48em) { .columns-sublayout__main .call-to-action-row .call-to-action-row__container { padding-inline: 8.33%; } } .columns-sublayout__main .call-to-action-row .call-to-action-row__container.call-to-action-row__container-right-aligned { gap: 40px; } .columns-sublayout__main .call-to-action-row .call-to-action-row__container.call-to-action-row__container-right-aligned:not(.call-to-action-row__container-with-image) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .columns-sublayout__main .call-to-action-row .call-to-action-row__container.call-to-action-row__container-right-aligned:not(.call-to-action-row__container-with-image) .call-to-action-row__content-wrapper { position: relative; } @media (min-width: 48em) { .columns-sublayout__main .call-to-action-row .call-to-action-row__container.call-to-action-row__container-right-aligned:not(.call-to-action-row__container-with-image) .call-to-action-row__content-wrapper { inline-size: 63%; -webkit-padding-start: 25%; padding-inline-start: 25%; -webkit-padding-end: 0; padding-inline-end: 0; } .columns-sublayout__main .call-to-action-row .call-to-action-row__container.call-to-action-row__container-right-aligned:not(.call-to-action-row__container-with-image) .call-to-action-row__content-wrapper:after { content: ""; -webkit-border-after: 5px solid var(--color-lime); border-block-end: 5px solid var(--color-lime); block-size: 5px; inline-size: 25%; inset-block-start: 20px; position: absolute; inset-inline-start: 7px; z-index: -1; } } .columns-sublayout__main .call-to-action-row .call-to-action-row__container.call-to-action-row__container-right-aligned:not(.call-to-action-row__container-with-image) .call-to-action-row__cta-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .columns-sublayout__main .call-to-action-row .call-to-action-row__container.call-to-action-row__container-right-aligned:not(.call-to-action-row__container-with-image) .call-to-action-row__cta-wrapper .btn { block-size: -webkit-fit-content; block-size: -moz-fit-content; block-size: fit-content; } .columns-sublayout__main .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image.call-to-action-row__container-right-aligned { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .columns-sublayout__main .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image.call-to-action-row__container-right-aligned .call-to-action-row__content-wrapper { margin-top: 5%; position: relative; } @media (min-width: 48em) { .columns-sublayout__main .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image.call-to-action-row__container-right-aligned .call-to-action-row__content-wrapper { inline-size: 63%; -webkit-padding-end: 25%; padding-inline-end: 25%; -webkit-padding-start: 0; padding-inline-start: 0; } .columns-sublayout__main .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image.call-to-action-row__container-right-aligned .call-to-action-row__content-wrapper:after { content: ""; -webkit-border-after: 5px solid var(--color-lime); border-block-end: 5px solid var(--color-lime); block-size: 5px; inline-size: 30%; inset-block-start: 20px; inset-inline-end: 0; position: absolute; left: auto; z-index: -1; } } .columns-sublayout__main .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image .call-to-action-row__image-wrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: none; } @media (min-width: 48em) { .columns-sublayout__main .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image .call-to-action-row__image-wrapper { display: block; } } .columns-sublayout__main .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image .call-to-action-row__content-wrapper { position: relative; margin-top: 5%; } @media (min-width: 48em) { .columns-sublayout__main .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image .call-to-action-row__content-wrapper { inline-size: 63%; -webkit-padding-start: 25%; padding-inline-start: 25%; -webkit-padding-end: 0; padding-inline-end: 0; } .columns-sublayout__main .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image .call-to-action-row__content-wrapper:after { content: ""; -webkit-border-after: 5px solid var(--color-lime); border-block-end: 5px solid var(--color-lime); block-size: 5px; inline-size: 30%; inset-block-start: 20px; position: absolute; left: 0; z-index: -1; } } .columns-sublayout__main .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image .call-to-action-row__cta-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-margin-before: 28px; margin-block-start: 28px; } .columns-sublayout__main .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image .call-to-action-row__cta-wrapper .btn { block-size: -webkit-fit-content; block-size: -moz-fit-content; block-size: fit-content; } .columns-sublayout__main .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image .call-to-action-row__content-image-mobile { display: block; inline-size: 100%; -webkit-margin-after: 16px; margin-block-end: 16px; } @media (min-width: 48em) { .columns-sublayout__main .call-to-action-row .call-to-action-row__container.call-to-action-row__container-with-image .call-to-action-row__content-image-mobile { display: none; } } .columns-sublayout__main .call-to-action-row .call-to-action-row__headding-wrapper { inline-size: 50%; -webkit-margin-after: 81px; margin-block-end: 81px; position: relative; } @media (min-width: 48em) { .columns-sublayout__main .call-to-action-row .call-to-action-row__headding-wrapper { inline-size: 33%; } } .columns-sublayout__main .call-to-action-row .call-to-action-row__content-wrapper { inline-size: 100%; position: relative; } @media (min-width: 48em) { .columns-sublayout__main .call-to-action-row .call-to-action-row__content-wrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; inline-size: 63%; } .columns-sublayout__main .call-to-action-row .call-to-action-row__content-wrapper:after { block-size: 5px; -webkit-border-after: 5px solid var(--color-lime); border-block-end: 5px solid var(--color-lime); content: ""; inset-block-start: 20px; inset-inline-end: 0; position: absolute; z-index: -1; } } .columns-sublayout__main .call-to-action-row .call-to-action-row__heading { font-size: 28px; line-height: 110%; } @media (min-width: 48em) { .columns-sublayout__main .call-to-action-row .call-to-action-row__heading { font-size: 36px; } } .columns-sublayout__main .call-to-action-row .call-to-action-row__subheading { font-size: 16px; font-weight: 400; letter-spacing: 0.02em; line-height: 120%; -webkit-margin-after: 4px; margin-block-end: 4px; text-transform: uppercase; } .columns-sublayout__main .call-to-action-row .call-to-action-row__cta-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 48em) { .columns-sublayout__main .call-to-action-row .call-to-action-row__cta-wrapper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-flex: unset; -ms-flex: unset; flex: unset; } } .columns-sublayout__main .call-to-action-row .call-to-action-row__cta-wrapper .btn { block-size: -webkit-fit-content; block-size: -moz-fit-content; block-size: fit-content; } .columns-sublayout__main .call-to-action-row .call-to-action-row__copy { -webkit-border-start: 5px solid var(--color-lime); border-inline-start: 5px solid var(--color-lime); -webkit-margin-start: 25px; margin-inline-start: 25px; -webkit-padding-start: 25px; padding-inline-start: 25px; } @media (min-width: 48em) { .columns-sublayout__main .call-to-action-row .call-to-action-row__copy { -webkit-border-start: 0; border-inline-start: 0; -webkit-margin-start: 0; margin-inline-start: 0; -webkit-padding-start: 0; padding-inline-start: 0; } } .columns-sublayout__main .call-to-action-row .call-to-action-row__cta-wrapper .btn { inline-size: 100%; } @media (min-width: 48em) { .columns-sublayout__main .call-to-action-row .call-to-action-row__cta-wrapper .btn { inline-size: -webkit-fit-content; inline-size: -moz-fit-content; inline-size: fit-content; } } [data-type="narrow"] .columns-sublayout__main .call-to-action-row__container { margin-inline: auto; padding-inline: 0; } [data-theme="dark-green"] .call-to-action-row__cta-wrapper .btn--primary.btn--outline { color: var(--color-text-00); } [data-theme="light-green"] .call-to-action-row__cta-wrapper:after { -webkit-border-after: 5px solid var(--color-spruce) !important; border-block-end: 5px solid var(--color-spruce) !important; } [data-theme] .call-to-action-row: first-child .call-to-action-row__container { -webkit-padding-before: 50px; padding-block-start: 50px; } [data-theme] .call-to-action-row:last-child .call-to-action-row__container { -webkit-padding-after: 80px; padding-block-end: 80px; } .card-row { max-inline-size: 100%; padding-inline: var(--page-margin); position: relative; } @media (max-width: 47.99em) { .card-row { padding-inline: 5.76925vw; } } @media (min-width: 48em) and (max-width: 63.99em) { .card-row { padding-inline: calc((100vw - 700px) / 2); } } .card-row .card-row__container { margin-inline: auto; max-inline-size: var(--container-max-width); overflow: hidden; padding-block: 20px; } @media (min-width: 48em) { .card-row .card-row__container { padding-block: 30px; } } .card-row .swiper-container { margin-block: 0; margin-inline: auto; overflow: visible; } @media (min-width: 24.375em) { .card-row .swiper-wrapper { block-size: auto; margin-block: 0; margin-inline: auto; min-block-size: 100%; } .card-row .swiper-slide { block-size: unset; block-size: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-block-size: 100%; } } @media (min-width: 64em) { .card-row .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--cardrow-gutter); grid-template-columns: unset; inline-size: var(--container-max-width); margin-block: 0; margin-inline: auto; max-inline-size: 100%; } .card-row .swiper-slide { -ms-flex-negative: 1; flex-shrink: 1; } .card-row[row-length="1"] .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-row[row-length="1"] .swiper-slide { inline-size: 100%; } } @media (min-width: 64em) and (min-width: 64em) { .card-row[row-length="1"] .swiper-slide .card-content__image { max-inline-size: 202px; } } @media (min-width: 64em) { .card-row[row-length="2"] .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-row[row-length="2"] .swiper-slide { inline-size: calc(50% - var(--cardrow-gutter) / 2); } } @media (min-width: 64em) and (min-width: 64em) { .card-row[row-length="2"] .swiper-slide .card-content__image { max-inline-size: 202px; } } @media (min-width: 64em) { .card-row[row-length="3"] .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-row[row-length="3"] .swiper-slide { inline-size: calc(33% - var(--cardrow-gutter) * 2 / 3); } } @media (min-width: 64em) and (min-width: 64em) { .card-row[row-length="3"] .swiper-slide .card-content__image { max-inline-size: 175px; } } @media (min-width: 64em) { .card-row[row-length="4"] .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-row[row-length="4"] .swiper-slide { inline-size: calc(25% - var(--cardrow-gutter) * 3 / 4); } } @media (min-width: 64em) and (min-width: 64em) { .card-row[row-length="4"] .swiper-slide .card-content__image { max-inline-size: 145px; } } .card-row__pagination { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-margin-before: 20px; margin-block-start: 20px; min-block-size: 44px; } @media (min-width: 64em) { .card-row__pagination { display: none; } } .card-row__pagination .swiper-pagination { block-size: auto !important; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; position: static; } .card-row__pagination .swiper-pagination.swiper-pagination-bullets-dynamic { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; min-inline-size: 220px !important; white-space: nowrap; } .card-row__pagination .swiper-pagination .swiper-pagination-bullet { background: rgba(0, 0, 0, 0) !important; border: 0 !important; block-size: 44px !important; border-radius: 44px; display: inline-block; inline-size: 44px !important; margin: 0 !important; position: relative; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .card-row__pagination .swiper-pagination .swiper-pagination-bullet span { background-color: #0000; block-size: 14px; border: 2px solid var(--color-spruce); border-radius: 50%; display: block; inline-size: 14px; inset-block-start: 50%; inset-inline-start: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; -webkit-transform: background-color 0.3s ease-in-out; transform: background-color 0.3s ease-in-out; } .card-row__pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span { background-color: var(--color-spruce); } .card-row__pagination .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.7); transform: scale(0.7); } .card-row__pagination .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); } .card-row__pagination .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-prev, .card-row__pagination .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-next { -webkit-transform: scale(0.9); transform: scale(0.9); } .card-row__pagination .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-prev-prev, .card-row__pagination .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.8); transform: scale(0.8); } .card-row__pagination .swiper-pagination-bullet + .swiper-pagination-bullet { -webkit-margin-start: 4px; margin-inline-start: 4px; } .card-row__pagination .swiper-button-prev, .card-row__pagination .swiper-button-next { -webkit-box-align: center; -ms-flex-align: center; align-items: center; block-size: 10px; border-radius: 999px; display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-margin-before: 0; margin-block-start: 0; position: static; } .card-row__heading, .card-row__intro { max-inline-size: var(--cols6); } @media (min-width: 64em) { .card-row__heading, .card-row__intro { max-inline-size: var(--cols5); } } .card-row__heading { -webkit-margin-after: 4px; margin-block-end: 4px; } @media (min-width: 64em) { .card-row__heading { -webkit-margin-after: 15px; margin-block-end: 15px; } } .card-row .swiper-container { -webkit-margin-before: 30px; margin-block-start: 30px; } .swiper-container .card-row__pagination { display: none; } @media (max-width: 63.99em) { .swiper-container.swiper-initialized .card-row__pagination { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .swiper-initialized .swiper-slide { opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; visibility: hidden; } .swiper-initialized .swiper-slide.swiper-slide-active { opacity: 1; visibility: visible; } } [data-theme="dark-green"] .card-row__pagination .swiper-pagination-bullet span { border-color: var(--color-white); } [data-theme="dark-green"] .card-row__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span { background-color: var(--color-white); } .columns-sublayout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-inline: auto; } .columns-sublayout .component { max-inline-size: 100%; padding-inline: 0; } .columns-sublayout__main > *, .columns-sublayout__sidebar > * { margin: 0; padding-block: 30px !important; } .columns-sublayout__main > *:last-child, .columns-sublayout__sidebar > *:last-child { -webkit-padding-after: var(--block-vertical-spacing) !important; padding-block-end: var(--block-vertical-spacing) !important; } .columns-sublayout__main { inline-size: var(--cols9); max-inline-size: var(--cols9); } .columns-sublayout__sidebar { inline-size: var(--cols3); } [data-type="narrow"] { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } [data-type="narrow"] .columns-sublayout__main { inline-size: var(--cols7); max-inline-size: var(--cols7); } [data-type="narrow"] .columns-sublayout__sidebar { inline-size: var(--cols4); } @media (max-width: 63.99em) { .columns-sublayout { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .columns-sublayout.columns-sublayout__reverse { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .columns-sublayout__main > *, .columns-sublayout__sidebar > * { margin: 0; padding-block: 15px !important; } .columns-sublayout__main > *:last-child, .columns-sublayout__sidebar > *:last-child { -webkit-padding-after: 0 !important; padding-block-end: 0 !important; } .columns-sublayout__main { inline-size: var(--cols6); max-inline-size: var(--cols6); } .columns-sublayout__sidebar { inline-size: var(--cols6); } [data-type="narrow"] .columns-sublayout__main { inline-size: var(--cols6); max-inline-size: var(--cols6); } [data-type="narrow"] .columns-sublayout__sidebar { inline-size: var(--cols6); } } @media (max-width: 63.99em) { .columns-sublayout__sidebar .share { display: none; } .columns-sublayout__main { inline-size: var(--cols12); max-inline-size: var(--cols12); } .columns-sublayout__sidebar { inline-size: var(--cols12); } [data-type="narrow"] .columns-sublayout__main { inline-size: var(--cols12); max-inline-size: var(--cols12); } [data-type="narrow"] .columns-sublayout__sidebar { inline-size: var(--cols12); } } .content-with-media-row { padding-block: 30px; } .content-with-media-row .content-with-media-row__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px; margin-inline: auto; } @media (min-width: 64em) { .content-with-media-row .content-with-media-row__container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .content-with-media-row .content-with-media-row__container.content-with-media-row__container-right-aligned { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media (min-width: 48em) { .content-with-media-row .content-with-media-row__container.content-with-media-row__container-right-aligned .content-with-media-row__headding-wrapper { inline-size: var(--cols4); -webkit-padding-end: 0; padding-inline-end: 0; -webkit-padding-start: 0; padding-inline-start: 0; } } @media (min-width: 48em) { .content-with-media-row .content-with-media-row__container.content-with-media-row__container-right-aligned .content-with-media-row__content-wrapper { inline-size: var(--cols8); -webkit-padding-start: 0; padding-inline-start: 0; -webkit-padding-end: var(--cols1); padding-inline-end: var(--cols1); } } .content-with-media-row .content-with-media-row__container.content-with-media-row__container-right-aligned .content-with-media-row__content-wrapper: after { -webkit-border-after: 5px solid var(--color-lime); border-block-end: 5px solid var(--color-lime); content: ""; inset-inline-start: -22px; position: absolute; inset-block-start: 53px; inline-size: 100vw; z-index: -1; } @media (min-width: 48em) { .content-with-media-row .content-with-media-row__container.content-with-media-row__container-right-aligned .content-with-media-row__content-wrapper:after { inset-inline-start: -40px; inset-block-start: 76px; inline-size: 100%; } } .content-with-media-row .content-with-media-row__headding-wrapper { inline-size: var(--cols6); -webkit-margin-after: 0; margin-block-end: 0; position: relative; } @media (min-width: 48em) { .content-with-media-row .content-with-media-row__headding-wrapper { inline-size: var(--cols4); -webkit-padding-end: 0; padding-inline-end: 0; } } .content-with-media-row .content-with-media-row__content-wrapper { inline-size: var(--cols6); isolation: isolate; position: relative; } @media (min-width: 48em) { .content-with-media-row .content-with-media-row__content-wrapper { inline-size: var(--cols8); -webkit-margin-before: 40px; margin-block-start: 40px; -webkit-padding-start: var(--cols1); padding-inline-start: var(--cols1); } } .content-with-media-row .content-with-media-row__content-wrapper: after { block-size: 5px; -webkit-border-after: 5px solid var(--color-lime); border-block-end: 5px solid var(--color-lime); content: ""; inline-size: 100vw; inset-block-start: 53px; inset-inline-start: -22px; position: absolute; z-index: -1; } @media (min-width: 48em) { .content-with-media-row .content-with-media-row__content-wrapper:after { inline-size: 100%; inset-block-start: 76px; inset-inline-start: calc(var(--cols1) - 40px); } } .content-with-media-row .content-with-media-row__video-wrapper, .content-with-media-row .content-with-media-row__content-image { -webkit-margin-after: 24px; margin-block-end: 24px; max-inline-size: 60%; } @media (min-width: 48em) { .content-with-media-row .content-with-media-row__video-wrapper, .content-with-media-row .content-with-media-row__content-image { -webkit-margin-after: 36px; margin-block-end: 36px; max-inline-size: 40%; } } .content-with-media-row .content-with-media-row__heading { font-size: 28px; line-height: 110%; } @media (min-width: 48em) { .content-with-media-row .content-with-media-row__heading { font-size: 36px; } } @media (min-width: 48em) { .content-with-media-row .content-with-media-row__heading:first-child { -webkit-margin-before: 30px; margin-block-start: 30px; } } .content-with-media-row .content-with-media-row__subheading { font-family: var(--primary-font); font-size: 16px; font-weight: 400; letter-spacing: 0.02em; line-height: 120%; -webkit-margin-after: 4px; margin-block-end: 4px; text-transform: uppercase; } .content-with-media-row .content-with-media-row__cta-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -webkit-margin-before: 40px; margin-block-start: 40px; } @media (min-width: 48em) { .content-with-media-row .content-with-media-row__cta-wrapper { -webkit-margin-before: 50px; margin-block-start: 50px; } } [data-theme="dark-green"] .content-with-media-row__cta-wrapper .btn--primary.btn--outline { color: var(--color-text-00); } [data-theme="light-green"] .content-with-media-row__content-wrapper:after { -webkit-border-after: 5px solid var(--color-spruce) !important; border-block-end: 5px solid var(--color-spruce) !important; } [data-theme] .content-with-media-row: first-child .content-with-media-row__container { -webkit-padding-before: 50px; padding-block-start: 50px; } [data-theme] .content-with-media-row:last-child .content-with-media-row__container { -webkit-padding-after: 80px; padding-block-end: 80px; } .coveo-search-results { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-block: var(--block-vertical-spacing); } .coveo-search-results.coveo-header-search { padding: 0; } .coveo-search-results__sidebar { inline-size: var(--cols3); isolation: isolate; padding-block: 25px; padding-inline: 0 30px; position: relative; } @media (min-width: 64em) { .coveo-search-results__sidebar { inset-block-start: var(--sticky-header-height); position: sticky; } } .coveo-search-results__sidebar:before { background: linear-gradient(248.2deg, #edeeee 18.82%, #f4f4f4 92.09%); block-size: 100%; content: ""; display: block; inline-size: calc(100% + var(--page-margin)); inset-block-start: 0; inset-inline-end: 0; opacity: 0.5; position: absolute; z-index: -1; } .coveo-search-results__main { inline-size: var(--cols8); } .coveo-search-results__main-wrapper { inline-size: 100%; } .coveo-search-results__main-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-margin-after: 20px; margin-block-end: 20px; } .coveo-search-results__results-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--grid-gutter-width); } .coveo-search-results__results-list > li { inline-size: calc((100% - var(--grid-gutter-width) * 2) / 3); } .facet-breadcrumbs { -webkit-border-after: 1px solid var(--color-grey-2); border-block-end: 1px solid var(--color-grey-2); -webkit-margin-after: 30px; margin-block-end: 30px; } .facet-breadcrumbs__heading { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .facet-breadcrumbs__clear-all { color: var(--color-jade); font-size: 14px; font-weight: 500; line-height: 1; } .facet-breadcrumbs__clear-all:hover { text-decoration: underline; } .facet-breadcrumbs__breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; margin-block: 12px; padding-block: 0 12px; } @media (min-width: 64em) { .facet-breadcrumbs__breadcrumbs { gap: 20px; } } .facet-breadcrumbs__breadcrumb.btn--primary { block-size: auto; font-size: 14px; gap: 12px; min-block-size: 0; padding-block: 8px; padding-inline: 12px; } .coveo-search-results__search-box { -webkit-margin-after: 25px; margin-block-end: 25px; position: relative; } .coveo-search-results__search-box--main-column { -webkit-margin-after: 30px; margin-block-end: 30px; } @media (min-width: 64em) { .coveo-search-results__search-box--main-column { display: none; } } .coveo-search-results__search-box-input { background: rgba(0, 0, 0, 0); border: 0; -webkit-border-after: 2px solid var(--color-spruce); border-block-end: 2px solid var(--color-spruce); color: var(--color-text-100); font-size: 1rem; inline-size: 100%; letter-spacing: 0.02em; line-height: 130%; padding-block: 0 2px; padding-inline: 0 48px; } .coveo-search-results__search-box-input:focus { outline: none !important; } .coveo-search-results__search-box-input:focus + label, .coveo-search-results__search-box-input:valid + label { font-size: 12px; -webkit-transform: translateY(-24px); transform: translateY(-24px); } .coveo-search-results__search-box-label { color: var(--color-text-100); font-size: 1rem; inset-block-end: 4px; inset-inline-start: 0; line-height: 130%; pointer-events: none; position: absolute; -webkit-transition: all 0.18s ease-out; transition: all 0.18s ease-out; -webkit-transition-property: font-size transform; transition-property: font-size transform; } .coveo-search-results__search-box-clear { color: var(--color-text-100); cursor: pointer; inset-block-end: 0; inset-inline-end: 20px; opacity: 0; padding-block: 2px; padding-inline: 4px; pointer-events: none; position: absolute; -webkit-transform: translateX(25px); transform: translate(25px); -webkit-transition: all 0.18s ease-out; transition: all 0.18s ease-out; -webkit-transition-property: opacity transform; transition-property: opacity transform; } .coveo-search-results__search-box-clear:focus { color: var(--color-jade); outline: none !important; } .coveo-search-results__search-box-search { color: var(--color-text-100); cursor: pointer; inset-block-end: 0; inset-inline-end: 0; padding-block: 2px; padding-inline: 0; position: absolute; } .coveo-search-results__search-box-search svg { fill: #0000; -webkit-transform: scale(0.9); transform: scale(0.9); } .coveo-search-results__search-box-search:focus { color: var(--color-jade); outline: none !important; } .coveo-search-results__search-box-search:disabled { color: var(--color-text-60); cursor: not-allowed; } .coveo-search-results__search-box-clear--active { opacity: 1; pointer-events: all; -webkit-transform: translateX(0); transform: translate(0); } .coveo-search-results__search-box-suggestion-list { background: var(--color-white); border-radius: 10px; -webkit-box-shadow: 0 0 6px rgba(69, 72, 74, 0.1); box-shadow: 0 0 6px #45484a1a; display: block; inline-size: 100%; inset-block-start: calc(100% + 10px); inset-inline-start: 0; position: absolute; z-index: 99; } .coveo-search-results__search-box-suggestion { inline-size: 100%; padding-block: 10px; padding-inline: 15px; text-align: start; -webkit-transition: all 0.18s ease-out; transition: all 0.18s ease-out; -webkit-transition-property: background-color color; transition-property: background-color color; z-index: 1; } .coveo-search-results__search-box-suggestion:focus, .coveo-search-results__search-box-suggestion:hover { color: var(--color-jade); outline: none !important; text-decoration: underline; z-index: 2; } .coveo-search-results__search-box--header { margin: 0; } .coveo-search-results__search-box--header .coveo-search-results__search-box-label { color: var(--color-jade); font-size: 14px !important; font-weight: 500; inset-block-end: unset; inset-block-start: 5px; inset-inline-end: 24px; inset-inline-start: unset; -webkit-transform: none !important; transform: none !important; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media (max-width: 63.99em) { .coveo-search-results__search-box--header .coveo-search-results__search-box-label { display: none; } } .coveo-search-results__search-box--header .coveo-search-results__search-box-search { color: var(--color-jade); inset-block-end: -5px; } .coveo-search-results__search-box--header .coveo-search-results__search-box-search:focus { color: var(--color-spruce); outline: none !important; } .coveo-search-results__search-box--header .coveo-search-results__search-box-search:disabled { color: var(--color-jade); cursor: not-allowed; pointer-events: none; } .coveo-search-results__search-box--header .coveo-search-results__search-box-input { border-color: #0000; color: var(--color-jade); cursor: pointer; font-size: 14px; inline-size: 0; inset-block-start: 2px; opacity: 0; padding-inline: 40px; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .coveo-search-results__search-box--header .coveo-search-results__search-box-input::-webkit-input-placeholder { color: var(--color-jade); } .coveo-search-results__search-box--header .coveo-search-results__search-box-input::-moz-placeholder { color: var(--color-jade); } .coveo-search-results__search-box--header .coveo-search-results__search-box-input:-ms-input-placeholder { color: var(--color-jade); } .coveo-search-results__search-box--header .coveo-search-results__search-box-input::-ms-input-placeholder { color: var(--color-jade); } .coveo-search-results__search-box--header .coveo-search-results__search-box-input::placeholder { color: var(--color-jade); } .coveo-search-results__search-box--header .coveo-search-results__search-box-clear { color: var(--color-jade); cursor: pointer; inset-block-end: -5px; } .coveo-search-results__search-box--header .coveo-search-results__search-box-clear:focus { color: var(--color-spruce); outline: none !important; } .coveo-search-results__search-box--header:focus-within .coveo-search-results__search-box-input, .coveo-search-results__search-box--header:has(.coveo-search-results__search-box-clear--active) .coveo-search-results__search-box-input { border-color: var(--color-jade); cursor: text; inline-size: 250px; opacity: 1; padding-inline: 0 48px; } .coveo-search-results__search-box--header:focus-within .coveo-search-results__search-box-input + label, .coveo-search-results__search-box--header:has(.coveo-search-results__search-box-clear--active) .coveo-search-results__search-box-input + label { opacity: 0; } .coveo-search-results__search-box--header:has(.coveo-search-results__search-box-clear--active) .coveo-search-results__search-box-label { opacity: 0; } .coveo-search-results__search-box--header .coveo-search-results__search-box-input:valid { border-color: var(--color-jade); cursor: text; inline-size: 250px; opacity: 1; padding-inline: 0 48px; } .coveo-search-results__search-box--header .coveo-search-results__search-box-input:valid + label { opacity: 0; } @-moz-document url-prefix() { .coveo-search-results__search-box--header:focus-within .coveo-search-results__search-box-input { border-color: var(--color-jade); cursor: text; inline-size: 250px; opacity: 1; padding-inline: 0 48px; } .coveo-search-results__search-box--header:focus-within .coveo-search-results__search-box-input + label { opacity: 0; } } .coveo-header-search { position: relative; } @media (max-width: 63.99em) { .header__utility-navigation-item { display: -webkit-box; display: -ms-flexbox; display: flex; } .header__utility-navigation-item:first-child { inline-size: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .coveo-search-results__global-search-box { inline-size: 100%; } .coveo-search-results.coveo-header-search { inset-block-start: -19px; padding: 0; position: relative; } .coveo-search-results__search-box--header { inline-size: 100%; } .coveo-search-results__search-box--header .coveo-search-results__search-box-input { border-color: var(--color-text-40) !important; color: var(--color-text-40); font-size: 16px !important; inline-size: 100% !important; opacity: 1 !important; padding-inline: 0 48px !important; } .coveo-search-results__search-box--header .coveo-search-results__search-box-input::-webkit-input-placeholder { color: #0000; } .coveo-search-results__search-box--header .coveo-search-results__search-box-input::-moz-placeholder { color: #0000; } .coveo-search-results__search-box--header .coveo-search-results__search-box-input:-ms-input-placeholder { color: #0000; } .coveo-search-results__search-box--header .coveo-search-results__search-box-input::-ms-input-placeholder { color: #0000; } .coveo-search-results__search-box--header .coveo-search-results__search-box-input::placeholder { color: #0000; } .coveo-search-results__search-box--header .coveo-search-results__search-box-input:focus::-webkit-input-placeholder { color: var(--color-text-40); } .coveo-search-results__search-box--header .coveo-search-results__search-box-input:focus::-moz-placeholder { color: var(--color-text-40); } .coveo-search-results__search-box--header .coveo-search-results__search-box-input:focus:-ms-input-placeholder { color: var(--color-text-40); } .coveo-search-results__search-box--header .coveo-search-results__search-box-input:focus::-ms-input-placeholder { color: var(--color-text-40); } .coveo-search-results__search-box--header .coveo-search-results__search-box-input:focus::placeholder { color: var(--color-text-40); } .coveo-search-results__search-box--header .coveo-search-results__search-box-label { color: var(--color-text-40) !important; inset-block-start: 5px; inset-inline-end: unset; inset-inline-start: 0; } .coveo-search-results__search-box--header .coveo-search-results__search-box-clear { color: var(--color-text-40) !important; inset-inline-end: 46px; } .coveo-search-results__search-box--header .coveo-search-results__search-box-search { color: var(--color-text-40) !important; cursor: not-allowed; } .coveo-search-results__search-box--header .coveo-search-results__search-box-clear, .coveo-search-results__search-box--header .coveo-search-results__search-box-search { block-size: 44px; inline-size: 44px; inset-block-end: -13px; } } .coveo-search-results__search-box-suggestion-list { max-block-size: 600px; opacity: 1; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-property: max-block-size, opacity; transition-property: max-block-size, opacity; } .coveo-header-search { z-index: 99; } .coveo-header-search .coveo-search-results__search-box-suggestion-list { background: var(--color-white); border: 0; border-radius: 10px; -webkit-box-shadow: 0 0 6px rgba(69, 72, 74, 0.1); box-shadow: 0 0 6px #45484a1a; inset-block-start: calc(100% + 15px); padding: 0; } .coveo-header-search .coveo-search-results__search-box-suggestion { border: 0; padding-block: 10px; padding-inline: 15px; } .coveo-header-search .coveo-search-results__search-box-suggestion:focus, .coveo-header-search .coveo-search-results__search-box-suggestion:hover { color: var(--color-jade); outline: none !important; text-decoration: underline; } .coveo-search-results__search-box:not(:has(:focus)) .coveo-search-results__search-box-suggestion-list, .coveo-search-results__search-box:not(:has(.coveo-search-results__search-box-clear--active)) .coveo-search-results__search-box-suggestion-list { max-block-size: 0; opacity: 0; pointer-events: none; } .coveo-search-results__date-picker { -webkit-margin-after: 25px; margin-block-end: 25px; position: relative; } .coveo-search-results__date-picker:first-child { -webkit-margin-before: 20px; margin-block-start: 20px; } .coveo-search-results__facet-calendar-icon { fill: #0000; inset-block-start: -1px; inset-inline-start: -2px; pointer-events: none; position: absolute; } .coveo-search-results__date-picker-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: rgba(0, 0, 0, 0); border: 0; -webkit-border-after: 2px solid var(--color-spruce); border-block-end: 2px solid var(--color-spruce); color: var(--color-text-100); -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; font-family: var(--primary-font); font-size: 1rem; gap: 1px; inline-size: 100%; letter-spacing: 0.02em; line-height: 130%; padding-block: 0 14px; padding-inline: 0 10px; } .coveo-search-results__date-picker-input:focus { outline: none !important; } .coveo-search-results__date-picker-input:focus + label, .coveo-search-results__date-picker-input:valid + label { font-size: 12px; -webkit-transform: translateY(-24px); transform: translateY(-24px); } .coveo-search-results__date-picker-input::-webkit-calendar-picker-indicator { font-size: 22px; opacity: 0; } .coveo-search-results__facet-value--extra-checkbox { margin-block: -25px 0; } .coveo-search-results__date-picker-label { color: var(--color-text-100); font-size: 1rem; inset-block-end: 20px; inset-inline-start: 0; line-height: 130%; pointer-events: none; position: absolute; -webkit-transition: all 0.18s ease-out; transition: all 0.18s ease-out; -webkit-transition-property: font-size transform; transition-property: font-size transform; } .coveo-search-results__facet { -webkit-border-before: 1px solid var(--color-grey-2); border-block-start: 1px solid var(--color-grey-2); padding-block: 25px 15px; } .coveo-search-results__facet:last-child { -webkit-padding-after: 0; padding-block-end: 0; } .coveo-search-results__facet-heading { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font: 500 16px/130% var(--primary-font); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .coveo-search-results__facet-toggle { color: var(--color-text-100); cursor: pointer; -webkit-transition: color 0.18s ease-out; transition: color 0.18s ease-out; } @media (max-width: 63.99em) { .coveo-search-results__facet-toggle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; min-block-size: 44px; -webkit-padding-end: 8px; padding-inline-end: 8px; position: absolute; } } .coveo-search-results__facet-toggle:focus-visible, .coveo-search-results__facet-toggle:hover { color: var(--color-jade); outline: none !important; } .coveo-search-results__facet-toggle-icon { fill: #0000; } .coveo-search-results__facet-value-list { --coveo-facet-value-list-height: 1400px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; -webkit-margin-before: 0; margin-block-start: 0; max-block-size: 0; overflow: hidden; -webkit-padding-start: 0; padding-inline-start: 0; -webkit-transition: max-block-size 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: max-block-size 0.3s ease-in-out, opacity 0.3s ease-in-out; } .coveo-search-results__facet-value-list[data-expanded="false"] { visibility: hidden; } .coveo-search-results__facet-value-list[data-expanded="true"] { max-block-size: var(--coveo-facet-value-list-height); opacity: 1; overflow: visible; visibility: visible; } .coveo-search-results__facet-value-list[data-expanded="true"] .coveo-search-results__facet-value { opacity: 1; } .coveo-search-results__facet-value { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; color: var(--color-text-100); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; line-height: 18px; opacity: 0; -webkit-padding-before: 1px; padding-block-start: 1px; -webkit-padding-start: 26px; padding-inline-start: 26px; position: relative; -webkit-transition: color 0.18s ease-in-out, opacity 0.4s ease-in-out; transition: color 0.18s ease-in-out, opacity 0.4s ease-in-out; } .coveo-search-results__facet-value:has(:focus), .coveo-search-results__facet-value:hover { color: var(--color-jade); outline: none !important; } .coveo-search-results__facet-value-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; block-size: 18px; border: 1px solid var(--color-grey-3); inline-size: 18px; inset-block-start: 0; inset-inline-start: 0; margin: 0; position: absolute; } .coveo-search-results__facet-value-input:after { background: var(--color-jade); block-size: 10px; content: ""; display: block; inline-size: 10px; inset-block-start: 50%; inset-inline-start: 50%; opacity: 0; position: absolute; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: all 0.18s ease-out; transition: all 0.18s ease-out; -webkit-transition-property: opacity transform; transition-property: opacity transform; } .coveo-search-results__facet-value-input:checked:after { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .coveo-search-results__facet-value-list-controls { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-margin-before: 20px; margin-block-start: 20px; } .coveo-search-results__filter-toggle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: linear-gradient(248.2deg, #edeeee 18.82%, #f4f4f4 92.09%); block-size: 50px; -webkit-box-shadow: 0 0 18px 2px rgba(69, 72, 74, 0.3); box-shadow: 0 0 18px 2px #45484a4d; color: var(--color-text-100); display: -webkit-box; display: -ms-flexbox; display: flex; font: 500 16px/1 var(--primary-font); inline-size: 100vw; inset-block-start: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 50px; -webkit-margin-before: 0; margin-block-start: 0; -webkit-margin-start: calc(var(--page-margin) * -1); margin-inline-start: calc(var(--page-margin) * -1); padding-inline: var(--page-margin); position: sticky; z-index: 999; } @media (min-width: 64em) { .coveo-search-results__filter-toggle { display: none; } } .coveo-search-results__filter-toggle:before { block-size: 96%; border: 2px solid rgba(0, 0, 0, 0); content: ""; inline-size: 96%; inset-block-start: 2%; inset-inline-start: 2%; position: absolute; } .coveo-search-results__filter-toggle:focus-visible { color: var(--color-jade); } .coveo-search-results__filter-toggle:focus-visible:before { border-color: var(--color-jade); } .coveo-search-results__pager { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0; inline-size: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-margin-before: 35px; margin-block-start: 35px; } .coveo-search-results__pager button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-text-100); display: -webkit-box; display: -ms-flexbox; display: flex; font: 500 16/1 var(--primary-font); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-block-size: 44px; min-inline-size: 44px; -webkit-transition: color 0.25s ease-out; transition: color 0.25s ease-out; } .coveo-search-results__pager button:focus-visible, .coveo-search-results__pager button:hover { color: var(--color-jade); } .coveo-search-results__pager button:disabled { color: var(--color-text-40); pointer-events: none; } .coveo-search-results__pager button:disabled:not(:first-child, :last-child) { color: var(--color-jade); text-decoration: underline; } .coveo-search-results__pager span { color: var(--color-text-100); font-weight: 500; line-height: 18px; margin: 0; } .coveo-search-results__query-summary { color: var(--color-text-80); font-weight: 400; letter-spacing: 0.02em; line-height: 1; } .coveo-search-results__sort { color: var(--color-text-100); font: 500 14px/1 var(--primary-font); } .coveo-search-results__sort select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #0000; background-position-x: 100%; border: 0; color: var(--color-text-100); font: 500 14px/1 var(--primary-font); -webkit-padding-end: 18px; padding-inline-end: 18px; } .coveo-search-results__featured-result { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--gradient-brighter-green); color: var(--color-text-100); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-margin-after: 40px; margin-block-end: 40px; padding: 24px; } .coveo-search-results__featured-result__content { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; inline-size: var(--cols4); } .coveo-search-results__featured-result__image { inline-size: var(--cols3); } .coveo-search-results__featured-result__image img { aspect-ratio: 4/3; block-size: 100%; display: block; inline-size: 100%; -o-object-fit: cover; object-fit: cover; } .coveo-search-results__featured-result__subtitle { color: var(--color-text-80); font-weight: 400; line-height: 1; -webkit-margin-after: 0; margin-block-end: 0; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .coveo-search-results__featured-result__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font: 500 16px/1.3 var(--primary-font); gap: 7px; -webkit-margin-before: 32px; margin-block-start: 32px; text-decoration: none; -webkit-transition: gap 0.25s ease-out; transition: gap 0.25s ease-out; } .coveo-search-results__featured-result__link:focus-visible, .coveo-search-results__featured-result__link:hover { gap: 11px; text-decoration: underline; } .coveo-search-results__featured-result__link svg { fill: #0000; } .coveo-search-results__results.rtf { -webkit-padding-after: 2.5em; padding-block-end: 2.5em; } @media (max-width: 63.99em) { .coveo-search-results { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 0; inline-size: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-block: calc(var(--block-vertical-spacing) / 2) 0; } .coveo-search-results__filters-wrapper { -webkit-border-after: 1px rgba(0, 0, 0, 0) var(--color-grey-2); border-block-end: 1px rgba(0, 0, 0, 0) var(--color-grey-2); inset-block-start: 1px; max-block-size: 0; overflow: hidden; padding-block: 0; position: relative; -webkit-transition: max-block-size 0.3s ease-in-out, padding-block 0.3s ease-in-out; transition: max-block-size 0.3s ease-in-out, padding-block 0.3s ease-in-out; } .coveo-search-results__filters-wrapper[data-expand="false"] { visibility: hidden; } .coveo-search-results__filters-wrapper[data-expand="true"] { border-color: var(--color-grey-2); max-block-size: 400vw; padding-block: 35px; visibility: visible; } .coveo-search-results__sidebar { background: linear-gradient(248.2deg, #edeeee 18.82%, #f4f4f4 92.09%); block-size: 100vh; inline-size: 100vw; inset-block-end: 0; inset-inline-start: 0; max-block-size: 50px; overflow: scroll; overflow-x: hidden; padding-block: 0; padding-inline: var(--page-margin); position: sticky; -webkit-transition: inset 0.3s ease-in-out, max-block-size 0.3s ease-in-out, position 0.3s ease-in-out; transition: inset 0.3s ease-in-out, max-block-size 0.3s ease-in-out, position 0.3s ease-in-out; z-index: 9999999999; } .coveo-search-results__sidebar:before { display: none; } .facet-breadcrumbs__heading { font-size: 18px; } .coveo-search-results__main { inline-size: 100vw; padding-inline: var(--page-margin); } .coveo-search-results__main-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-margin-after: 35px; margin-block-end: 35px; } .coveo-search-results__results-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--grid-gutter-width); } .coveo-search-results__results-list > li { inline-size: 100%; } .coveo-search-results__results-list .card-content { gap: 20px; padding-block: 20px 0; } .coveo-search-results__main-header { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; -webkit-margin-after: 45px; margin-block-end: 45px; } .card-content__content-wrapper { inline-size: 90%; } .coveo-search-results__featured-result { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 28px; -webkit-margin-after: 30px; margin-block-end: 30px; } .coveo-search-results__pager { margin-block: 30px; } .coveo-search-results__featured-result__content { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; inline-size: 100%; } .coveo-search-results__featured-result__image { inline-size: 100%; } .coveo-search-results__featured-result__image img { aspect-ratio: 4/3; block-size: 100%; display: block; inline-size: 100%; -o-object-fit: cover; object-fit: cover; } .coveo-search-results__featured-result__subtitle { -webkit-margin-after: 12px; margin-block-end: 12px; } .coveo-search-results__featured-result__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font: 500 14px/1.45 var(--primary-font); gap: 7px; -webkit-margin-before: 32px; margin-block-start: 32px; } .coveo-search-results__featured-result__link svg { -webkit-transform: scale(0.9); transform: scale(0.9); } } @media (max-width: 63.99em) { .filterModalOverride { max-block-size: 100vh; max-inline-size: 100vw; overflow: hidden; } .filterModalOverride .coveo-search-results__sidebar { block-size: 100vh; max-block-size: 100%; inset-block-end: 0; overflow-x: hidden; position: fixed; -webkit-overflow-scrolling: touch; } } .coveo-search-results__facet-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-margin-after: 12px; margin-block-end: 12px; padding-inline: 0; position: relative; } .coveo-search-results__search-box-search:before, .coveo-search-results__search-box-clear:before, .coveo-search-results__facet-toggle:before { border: 1px solid rgba(0, 0, 0, 0); block-size: 30px; content: ""; position: absolute; inline-size: 30px; inset-block-start: 45%; inset-inline-start: calc(100% - 15px); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: border-color 0.25s ease-out; transition: border-color 0.25s ease-out; } @media (min-width: 64em) { .coveo-search-results__search-box-search:before, .coveo-search-results__search-box-clear:before, .coveo-search-results__facet-toggle:before { inset-block-start: 40%; inset-inline-start: 50%; } } .coveo-search-results__search-box-search:focus-visible:before, .coveo-search-results__search-box-clear:focus-visible:before, .coveo-search-results__facet-toggle:focus-visible:before { border-color: var(--color-jade); } .coveo-search-results__facet-toggle:before { block-size: 44px; inline-size: 110%; } .coveo-search-results__date-range-error { color: var(--color-light-error); -webkit-margin-after: 16px; margin-block-end: 16px; max-inline-size: 100%; } .search-results { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .search-results__facets { inline-size: var(--cols3); } .search-results__main { inline-size: var(--cols8); } .featured-content-row .featured-content-row-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 16px; } @media (min-width: 48em) { .featured-content-row .featured-content-row-container { gap: 0; padding-inline: var(--cols1); } } .featured-content-row .featured-content-row__image { inline-size: var(--cols3); } @media (min-width: 48em) { .featured-content-row .featured-content-row__image { inline-size: var(--cols4); } } .featured-content-row .featured-content-row__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-padding-after: 10px; padding-block-end: 10px; -webkit-padding-start: 20px; padding-inline-start: 20px; } @media (min-width: 48em) { .featured-content-row .featured-content-row__content { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-border-after: solid 3px var(--color-lime); border-block-end: solid 3px var(--color-lime); } } .featured-content-row .featured-content-row__content-type { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: var(--primary-font); font-size: 14px; font-weight: 400; letter-spacing: 0.02em; line-height: 120%; text-transform: uppercase; } @media (min-width: 48em) { .featured-content-row .featured-content-row__content-type { font-size: 16px; } } .featured-content-row .featured-content-row__content-link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: var(--tertiary-font); font-size: 20px; font-weight: 600; letter-spacing: 0.01em; line-height: 110%; } @media (min-width: 48em) { .featured-content-row .featured-content-row__content-link { font-size: 24px; } } .featured-content-row .featured-content-row__content-link svg { min-inline-size: 24px; } .featured-event-row { -webkit-margin-before: 30px; margin-block-start: 30px; } .featured-event-row .featured-event-row__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-inline: auto; max-inline-size: var(--container-max-width); padding-block: 32px; padding-inline: 24px; } @media (min-width: 48em) { .featured-event-row .featured-event-row__container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .featured-event-row .featured-event-row__event-heading { font-family: var(--secondary-font); font-size: 28px; font-style: normal; font-weight: 600; inline-size: var(--cols6); line-height: 110%; -webkit-margin-after: 12px; margin-block-end: 12px; -webkit-margin-before: 0; margin-block-start: 0; } @media (min-width: 48em) { .featured-event-row .featured-event-row__event-heading { font-size: 36px; inline-size: var(--cols3); -webkit-margin-after: 0; margin-block-end: 0; -webkit-margin-before: 8px; margin-block-start: 8px; } } .featured-event-row .featured-event-row__content { inline-size: var(--cols6); -webkit-margin-after: 0; margin-block-end: 0; -webkit-margin-before: 0; margin-block-start: 0; } @media (min-width: 48em) { .featured-event-row .featured-event-row__content { inline-size: var(--cols4); -webkit-margin-after: 0; margin-block-end: 0; -webkit-margin-before: 8px; margin-block-start: 8px; } } .featured-event-row .featured-event-row__date, .featured-event-row .featured-event-row__time, .featured-event-row .featured-event-row__location { font-family: var(--primary-font); font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0.02em; line-height: 160%; } .featured-event-row .link { font-weight: 500; -webkit-margin-after: 24px; margin-block-end: 24px; -webkit-margin-before: 24px; margin-block-start: 24px; } @media (min-width: 48em) { .featured-event-row .link { -webkit-margin-after: 0; margin-block-end: 0; -webkit-margin-before: 38px; margin-block-start: 38px; } } .featured-event-row .featured-event-row__image { block-size: auto; inline-size: var(--cols6); } @media (min-width: 48em) { .featured-event-row .featured-event-row__image { inline-size: var(--cols3); } } .featured-event-row[data-theme="dark-green"] .featured-event-row__container { background: -webkit-gradient(linear, right top, left top, color-stop(18.82%, #00373b), color-stop(92.09%, #00373b)); background: linear-gradient(right, #00373b 18.82%, #00373b 92.09%); color: var(--color-white); } .featured-event-row[data-theme="light-green"] .featured-event-row__container { background: -webkit-gradient(linear, right top, left top, color-stop(20.56%, #38b270), color-stop(85.44%, #3eec78)); background: linear-gradient(right, #38b270 20.56%, #3eec78 85.44%); color: var(--color-text-100); } .featured-event-row[data-theme="light-grey"] .featured-event-row__container { background: -webkit-gradient(linear, right top, left top, color-stop(18.82%, #e8fff0), color-stop(92.09%, #f8fffd)); background: linear-gradient(right, #e8fff0 18.82%, #f8fffd 92.09%); color: var(--color-text-100); } .footer-marketo-form { color: var(--text-100); position: relative; } .footer-marketo-form .form-msg--loaded { overflow: hidden; } .footer-marketo-form .mktoError { inline-size: 100% !important; pointer-events: none; } .footer-marketo-form .mktoError .mktoErrorDetail { display: inline !important; } .footer-marketo-form .mktoButtonWrap { inline-size: 100%; } .footer-marketo-form .mktoButton { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #0000; border: 2px solid var(--color-spruce); border-radius: 23px; color: var(--color-text-100); display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; padding: 10px; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .footer-marketo-form .mktoButton:hover { background-color: var(--color-orchid); border-color: var(--color-orchid); color: var(--color-text-0); } .footer-marketo-form .mktoButton:focus { background-color: var(--color-white); border-color: var(--color-lime); } .footer-marketo-form .mktoForm .mktoError .mktoErrorMsg { color: var(--color-light-error) !important; margin-top: 16px !important; max-inline-size: 100% !important; } .footer-marketo-form .marketo-form .mktoFieldWrap:has([type="radio"]) label { color: var(--text-100); line-height: 1.4; -webkit-padding-end: 30px; padding-inline-end: 30px; } .footer-marketo-form .mktoForm .mktoPlaceholder { display: none; } .footer-marketo-form .mktoRadioList.mktoHasWidth { margin: 0; inline-size: auto !important; } .footer-marketo-form .mktoFormRow--radioRow { -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-marketo-form .mktoFormRow--radioRow > .mktoFormCol { gap: 0; max-inline-size: calc((100% - 2 * var(--grid-gutter-width)) / 3); } .footer-marketo-form .mktoFormRow--radioRow > :first-child { inline-size: 100% !important; max-inline-size: 100% !important; } .footer-marketo-form .mktoFormRow--radioRow .mktoLabel { font-size: 14px !important; padding: 10px 0 !important; position: relative !important; inset-block-start: 0 !important; inset-inline-start: 0 !important; } .footer-marketo-form .mktoFormRow--radioRow .mktoFieldWrap:has(.mktoLogicalField) > .mktoLogicalField.mktoCheckboxList { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } .footer-marketo-form .mktoFormRow--radioRow .mktoFieldWrap:has(.mktoLogicalField) > .mktoLogicalField.mktoCheckboxList input { top: -1px; } .footer-marketo-form .mktoFormRow--radioRow .mktoFieldWrap:has(.mktoLogicalField) > .mktoLogicalField.mktoCheckboxList label { font-size: 14px; } @media (max-width: 63.99em) { .footer-marketo-form__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; inline-size: var(--cols6); -webkit-margin-after: 0px; margin-block-end: 0px; } .footer-marketo-form__heading, .footer-marketo-form__copy { inline-size: 100%; } } .footer-marketo-form .marketo-form { padding-bottom: 40px; } .footer { background-color: var(--color-spruce); color: var(--color-white); max-inline-size: 100%; padding-block: 21px 31px; padding-inline: var(--page-margin); } @media (max-width: 47.99em) { .footer { padding-inline: 5.76925vw; } } @media (min-width: 48em) and (max-width: 63.99em) { .footer { padding-inline: calc((100vw - 700px) / 2); } } .footer__wrapper { inline-size: 100%; } .footer__links, .footer__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-margin-after: 30px; margin-block-end: 30px; } .footer__links > :first-child, .footer__social > :first-child { inline-size: 33%; } .footer__main-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } .footer__main-nav-link { font-size: 14px; font-weight: 500; line-height: 145%; text-decoration: none; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; -webkit-transition-property: color, -webkit-text-decoration; transition-property: color, -webkit-text-decoration; transition-property: text-decoration, color; transition-property: text-decoration, color, -webkit-text-decoration; } .footer__main-nav-link:focus, .footer__main-nav-link:hover { color: var(--color-lime); text-decoration: underline; } .footer__social { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__social-linklist { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .footer__social-link { display: block; } .footer__social-link:focus, .footer__social-link:hover { color: var(--color-lime); } .footer__svg { block-size: 25px; display: block; inline-size: 25px; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; -webkit-transition-property: color, fill, stroke; transition-property: color, fill, stroke; } .footer__secondary, .footer__social-label { font-size: 12px; font-weight: 400; letter-spacing: 0.01em; line-height: 160%; } .footer__secondary { -webkit-border-before: 0.25px solid rgba(255, 255, 255, 0.25); border-block-start: 0.25px solid rgba(255, 255, 255, 0.25); -webkit-padding-before: 20px; padding-block-start: 20px; -webkit-padding-start: 33%; padding-inline-start: 33%; } .footer__utility-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 18px; -webkit-margin-after: 28px; margin-block-end: 28px; } .footer__utility-link { text-decoration: none; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; -webkit-transition-property: color, -webkit-text-decoration; transition-property: color, -webkit-text-decoration; transition-property: text-decoration, color; transition-property: text-decoration, color, -webkit-text-decoration; } .footer__utility-link:focus, .footer__utility-link:hover { color: var(--color-lime); text-decoration: underline; } @media (min-width: 64em) { .footer { padding-block: 30px; } .footer__logo { min-block-size: 30px; min-inline-size: 30px; } .footer__main { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 30px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__links, .footer__social { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 32px; -webkit-margin-after: 32px; margin-block-end: 32px; } .footer__links > :first-child, .footer__social > :first-child { inline-size: auto; } .footer__social { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; min-inline-size: 30%; } .footer__main-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-padding-before: 3px; padding-block-start: 3px; } .footer__secondary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; gap: var(--grid-gutter-width); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-padding-start: 0; padding-inline-start: 0; } .footer__utility-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-margin-after: 0; margin-block-end: 0; min-inline-size: 45%; } } .form-protected-asset { background-color: var(--color-text-0); -webkit-box-shadow: 0 0 18px 2px rgba(69, 72, 74, 0.3); box-shadow: 0 0 18px 2px #45484a4d; inline-size: 100%; margin-inline: auto; max-inline-size: var(--container-max-width); padding-block: 25px; padding-inline: 25px; } @media (max-width: 63.99em) { .columns-sublayout__sidebar .form-protected-asset { -webkit-margin-before: 30px; margin-block-start: 30px; -webkit-padding-after: 30px !important; padding-block-end: 30px !important; } } @media (min-width: 64em) { .columns-sublayout__sidebar .form-protected-asset { inset-block-start: 110px; -webkit-padding-after: 25px !important; padding-block-end: 25px !important; position: sticky; } } .form { display: block; inline-size: 100%; position: relative; } .form .Form__MainBody { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form .Form__MainBody .Form__Element { inline-size: 100%; -webkit-margin-after: 38px; margin-block-end: 38px; position: relative; } .form .Form__MainBody .Form__Element.Form__Element__Disabled { pointer-events: none; opacity: 0.5; } .form .Form__MainBody .Form__Element.FormSubmitButton { inline-size: auto; } .form .Form__MainBody .Form__Element.FormTextbox .Form__Element__Caption, .form .Form__MainBody .Form__Element.FormSelection .Form__Element__Caption { background-color: var(--color-white); color: var(--color-text-100); font: 300 15px/24px var(--primary-font); inset-block-start: 27px; inset-inline-start: 8px; line-height: 24px; padding: 0 5px; position: absolute; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; z-index: 2; } .form .Form__MainBody .Form__Element.FormTextbox .FormTextbox__Input, .form .Form__MainBody .Form__Element.FormTextbox select, .form .Form__MainBody .Form__Element.FormSelection .FormTextbox__Input, .form .Form__MainBody .Form__Element.FormSelection select { background: rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0); border-bottom-color: var(--color-grey-3); color: var(--color-text-100); display: block; font: 300 15px/24px var(--primary-font); inline-size: 100%; -webkit-margin-before: 15px; margin-block-start: 15px; padding: 25px 12px 10px; -webkit-transition: border 0.1s linear; transition: border 0.1s linear; } .form .Form__MainBody .Form__Element.FormTextbox select, .form .Form__MainBody .Form__Element.FormSelection select { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; } .form .Form__MainBody .Form__Element.FormTextbox textarea, .form .Form__MainBody .Form__Element.FormSelection textarea { resize: none; } .form .Form__MainBody .Form__Element.FormSelection:after { content: ""; display: block; position: absolute; width: 7px; height: 7px; top: 50%; right: 15px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-bottom: 1px solid var(--color-grey-3); border-right: 1px solid var(--color-grey-3); } .form .Form__MainBody .Form__Element:focus-within.FormTextbox .Form__Element__Caption, .form .Form__MainBody .Form__Element:focus-within.FormSelection .Form__Element__Caption { font-size: 13px; inset-block-start: -12px; } .form .Form__MainBody .Form__Element:focus-within.FormTextbox .FormTextbox__Input, .form .Form__MainBody .Form__Element:focus-within.FormTextbox select, .form .Form__MainBody .Form__Element:focus-within.FormSelection .FormTextbox__Input, .form .Form__MainBody .Form__Element:focus-within.FormSelection select { border-color: var(--color-grey-3); outline: 0; } .form .Form__MainBody .Form__Element.form-element__field--filled.FormTextbox .Form__Element__Caption, .form .Form__MainBody .Form__Element.form-element__field--filled.FormSelection .Form__Element__Caption { font-size: 13px; inset-block-start: -12px; } .form .Form__MainBody .Form__Element.form-element__field--filled.FormTextbox .FormTextbox__Input, .form .Form__MainBody .Form__Element.form-element__field--filled.FormTextbox select, .form .Form__MainBody .Form__Element.form-element__field--filled.FormSelection .FormTextbox__Input, .form .Form__MainBody .Form__Element.form-element__field--filled.FormSelection select { outline: 0; } .form .Form__MainBody .Form__Element:not(.form-element__field--filled).FormSelection select { color: var(--color-grey-three); } .form .Form__MainBody .Form__Element:not(.form-element__field--filled).FormSelection:after { border-bottom: 1px solid var(--color-grey-3); border-right: 1px solid var(--color-grey-3); } .form .Form__MainBody .Form__Element:not(.form-element__field--filled):not(:focus-within).FormSelection .Form__Element__Caption { color: #0000 !important; background-color: #0000; } .form .Form__MainBody .Form__Element.FormChoice label { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; color: var(--color-grey-3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 10px; line-height: 18px; } .form .Form__MainBody .Form__Element.FormChoice .FormChoice__Input--Checkbox, .form .Form__MainBody .Form__Element.FormChoice .FormChoice__Input--Radio { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: rgba(0, 0, 0, 0); block-size: 18px; display: inline-block; inline-size: 18px; margin: 0; min-inline-size: 18px; position: relative; border: 1px solid var(--color-grey-3); } .form .Form__MainBody .Form__Element.FormChoice .FormChoice__Input--Checkbox:after, .form .Form__MainBody .Form__Element.FormChoice .FormChoice__Input--Radio:after { content: ""; background: rgba(0, 0, 0, 0); inline-size: 100%; block-size: 100%; position: absolute; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transition-property: background, -webkit-transform; transition-property: background, -webkit-transform; transition-property: background, transform; transition-property: background, transform, -webkit-transform; } .form .Form__MainBody .Form__Element.FormChoice .FormChoice__Input--Checkbox:checked:after, .form .Form__MainBody .Form__Element.FormChoice .FormChoice__Input--Radio:checked:after { background: var(--color-jade); -webkit-transform: scale(0.6); transform: scale(0.6); } .form .Form__MainBody .Form__Element.FormChoice .FormChoice__Input--Checkbox:indeterminate { block-size: 4px; inset-block-start: calc(50% + 2px); } .form .Form__MainBody .Form__Element.FormChoice .FormChoice__Input--Radio { border-radius: 8px; } .form .Form__MainBody .Form__Element.FormChoice .FormChoice__Input--Radio:after { border-radius: 8px; } .form .Form__MainBody .Form__Element.form-element__error.FormTextbox .Form__Element__Caption, .form .Form__MainBody .Form__Element.form-element__error.FormSelection .Form__Element__Caption { color: var(--color-light-error); } .form .Form__MainBody .Form__Element.form-element__error.FormTextbox .FormTextbox__Input, .form .Form__MainBody .Form__Element.form-element__error.FormTextbox select, .form .Form__MainBody .Form__Element.form-element__error.FormSelection .FormTextbox__Input, .form .Form__MainBody .Form__Element.form-element__error.FormSelection select { border-bottom-color: var(--color-light-error); color: var(--color-light-error); } .form .Form__MainBody .Form__Element.form-element__error.FormSelection:after { border-bottom: 1px solid var(--color-light-error); border-right: 1px solid var(--color-light-error); } .form .Form__MainBody .Form__Element.form-element__error:focus-within.FormTextbox .FormTextbox__Input, .form .Form__MainBody .Form__Element.form-element__error:focus-within.FormTextbox select, .form .Form__MainBody .Form__Element.form-element__error:focus-within.FormSelection .FormTextbox__Input, .form .Form__MainBody .Form__Element.form-element__error:focus-within.FormSelection select { border-color: var(--color-light-error); } .form .Form__MainBody .Form__Element.form-element__error.FormChoice label { color: var(--color-light-error); } .form .Form__MainBody .Form__Element.form-element__error.FormChoice .FormChoice__Input--Checkbox, .form .Form__MainBody .Form__Element.form-element__error.FormChoice .FormChoice__Input--Radio { border: 1px solid var(--color-light-error); } .form .Form__MainBody .Form__Element.form-element__error.FormChoice .FormChoice__Input--Checkbox:checked:after, .form .Form__MainBody .Form__Element.form-element__error.FormChoice .FormChoice__Input--Radio:checked:after { background: var(--color-light-error); } .form.form--dark-mode { color: var(--color-white); } .form.form--dark-mode .Form__MainBody .Form__Element.FormTextbox .Form__Element__Caption, .form.form--dark-mode .Form__MainBody .Form__Element.FormSelection .Form__Element__Caption { background-color: #0000; color: var(--color-white); } .form.form--dark-mode .Form__MainBody .Form__Element.FormTextbox .FormTextbox__Input, .form.form--dark-mode .Form__MainBody .Form__Element.FormTextbox select, .form.form--dark-mode .Form__MainBody .Form__Element.FormSelection .FormTextbox__Input, .form.form--dark-mode .Form__MainBody .Form__Element.FormSelection select { border: 1px solid rgba(0, 0, 0, 0); border-bottom-color: var(--color-white); color: var(--color-white); } .form.form--dark-mode .Form__MainBody .Form__Element.FormSelection:after { border-bottom: 1px solid var(--color-white); border-right: 1px solid var(--color-white); } .form.form--dark-mode .Form__MainBody .Form__Element:focus-within.FormTextbox .Form__Element__Caption, .form.form--dark-mode .Form__MainBody .Form__Element:focus-within.FormSelection .Form__Element__Caption { background-color: var(--color-spruce); font-size: 13px; inset-block-start: -12px; } .form.form--dark-mode .Form__MainBody .Form__Element:focus-within.FormTextbox .FormTextbox__Input, .form.form--dark-mode .Form__MainBody .Form__Element:focus-within.FormTextbox select, .form.form--dark-mode .Form__MainBody .Form__Element:focus-within.FormSelection .FormTextbox__Input, .form.form--dark-mode .Form__MainBody .Form__Element:focus-within.FormSelection select { border-color: var(--color-white); outline: 0; } .form.form--dark-mode .Form__MainBody .Form__Element .form-element__field--filled.FormTextbox .Form__Element__Caption, .form.form--dark-mode .Form__MainBody .Form__Element .form-element__field--filled.FormSelection .Form__Element__Caption { font-size: 13px; inset-block-start: -12px; } .form.form--dark-mode .Form__MainBody .Form__Element .form-element__field--filled.FormTextbox .FormTextbox__Input, .form.form--dark-mode .Form__MainBody .Form__Element .form-element__field--filled.FormTextbox select, .form.form--dark-mode .Form__MainBody .Form__Element .form-element__field--filled.FormSelection .FormTextbox__Input, .form.form--dark-mode .Form__MainBody .Form__Element .form-element__field--filled.FormSelection select { outline: 0; } .form.form--dark-mode .Form__MainBody .Form__Element:not(.form-element__field--filled).FormSelection select { color: var(--color-white); } .form.form--dark-mode .Form__MainBody .Form__Element:not(.form-element__field--filled).FormSelection:after { border-bottom: 1px solid var(--color-white); border-right: 1px solid var(--color-white); } .form.form--dark-mode .Form__MainBody .Form__Element.FormChoice label { color: var(--color-white); } .form.form--dark-mode .Form__MainBody .Form__Element.FormChoice .FormChoice__Input--Checkbox, .form.form--dark-mode .Form__MainBody .Form__Element.FormChoice .FormChoice__Input--Radio { border: 1px solid var(--color-white); } .form.form--dark-mode .Form__MainBody .Form__Element.FormChoice .FormChoice__Input--Checkbox:checked:after, .form.form--dark-mode .Form__MainBody .Form__Element.FormChoice .FormChoice__Input--Radio:checked:after { background: var(--color-white); } .full-width-image-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; inline-size: 100%; margin: 0; padding-block: var(--block-vertical-spacing); padding-inline: var(--page-margin); } .full-width-image-row__caption { background-color: var(--color-spruce); color: var(--color-white); padding: 25px; } @media (min-width: 48em) { .full-width-image-row__fig { margin-block: 0; position: relative; } .full-width-image-row__caption { inset-block-end: 0; inset-inline-end: 0; max-inline-size: var(--cols12); position: absolute; } } @media (min-width: 80em) { .full-width-image-row__caption { max-inline-size: var(--cols3); } } .shape__container .full-width-image-row__caption { color: var(--color-text-0); } @media (max-width: 63.99em) { .full-width-image-row { inline-size: 100vw; inset-inline-end: 0; max-inline-size: 100vw !important; padding-inline: 0 !important; position: relative; } .columns-sublayout__main .full-width-image-row { inset-inline-end: var(--page-margin); } } .columns-sublayout__main .full-width-video { margin-block: 15px !important; padding: 0 !important; } .full-width-row { padding-block: 30px; } .full-width-row .full-width-row__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; margin-inline: auto; } .full-width-row .full-width-row__heading { -webkit-margin-after: 8px; margin-block-end: 8px; } @media (min-width: 48em) { .full-width-row .full-width-row__heading { -webkit-margin-after: 16px; margin-block-end: 16px; } } .full-width-video { background: rgba(0, 0, 0, 0); margin: 0; padding-inline: var(--page-margin); position: relative; } @media (min-width: 64em) { .full-width-video { margin-block: var(--block-vertical-spacing); } } .full-width-video .video .icon-play-outline { display: none; } [data-theme] .full-width-video { margin-block: 0 !important; } .full-width-video__overlay { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: #00373b; cursor: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 18px; inline-size: 100%; inset-block-end: 0; inset-inline-end: 0; min-block-size: -webkit-fit-content; min-block-size: -moz-fit-content; min-block-size: fit-content; padding-block: 24px; padding-inline: 24px; position: relative; z-index: 1; } @media (min-width: 64em) { .full-width-video__overlay { inline-size: var(--cols4); min-block-size: -webkit-fit-content; min-block-size: -moz-fit-content; min-block-size: fit-content; position: absolute; } } @media (min-width: 80em) { .full-width-video__overlay { inline-size: var(--cols3); } } .full-width-video__overlay.full-width-video__overlay-no-caption { inset-block-end: 1px; max-inline-size: -webkit-fit-content; max-inline-size: -moz-fit-content; max-inline-size: fit-content; min-block-size: -webkit-fit-content; min-block-size: -moz-fit-content; min-block-size: fit-content; padding-block: 12px; padding-inline: 12px; position: absolute; } @media (min-width: 64em) { .full-width-video__overlay.full-width-video__overlay-no-caption { inset-block-end: 0; } } .full-width-video__overlay.full-width-video__overlay-no-caption .full-width-video__play-button { -webkit-margin-end: 0; margin-inline-end: 0; } .full-width-video__overlay .full-width-video__play-button { block-size: -webkit-fit-content; block-size: -moz-fit-content; block-size: fit-content; border-radius: 0; inline-size: -webkit-fit-content; inline-size: -moz-fit-content; inline-size: fit-content; max-inline-size: 48px; -webkit-padding-before: 5px; padding-block-start: 5px; } .full-width-video__overlay .full-width-video__play-button:before { display: none !important; } .full-width-video__overlay svg { block-size: 38px; cursor: pointer; fill: none; inline-size: 38px; inset-block-end: unset; inset-inline-end: unset; position: relative; } .full-width-video__overlay .full-width-video__play-button-svg { min-inline-size: 0; } @media (max-width: 63.99em) { .full-width-video { inline-size: 100vw !important; max-inline-size: 100vw !important; padding-block: 30px; padding-inline: 0 !important; position: relative; } .columns-sublayout__main .full-width-video { inset-inline-end: var(--page-margin); } } .video video, .video iframe { -o-object-fit: unset !important; object-fit: unset !important; pointer-events: all; } .blockscroll { overflow: hidden; } .header { max-inline-size: var(--max-page-width); padding-block: 10px 11px; padding-inline: var(--page-margin); } @media (min-width: 64em) { .header { padding-block: 20px; } } .header.homepage__header { background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(95%, #ebfdf1)); background: linear-gradient(180deg, #ffffff 0%, #ebfdf1 95%); } .header.fixed { background: var(--color-white); -webkit-box-shadow: 0 0 18px 2px rgba(69, 72, 74, 0.3); box-shadow: 0 0 18px 2px #45484a4d; inline-size: 100%; inset-block-start: 0; position: fixed; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; z-index: 999999; } @media (min-width: 64em) { .header.fixed:not(.full-fixed) .header__primary-navigation-list { display: none; } } @media (min-width: 64em) { .header.fixed:not(.full-fixed) .header__utility-navigation-list .header__utility-navigation-item { display: none; } } .header.fixed:not(.full-fixed) .header__utility-navigation-list .header__utility-navigation-item:last-child { display: block; } .header.fixed.full-fixed { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .header.active { background: var(--color-spruce); block-size: 100vh; inline-size: 100vw; inset-block-start: 0; overflow-y: auto; position: fixed; z-index: 10; } @media (max-width: 47.99em) { .header.active { -webkit-padding-after: 160px; padding-block-end: 160px; } } .header.active .header__container { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header.active .header__logo-image { display: none; } .header.active .header__container > .header__logo .header__logo-image { display: none; } .header.active .header__container > .header__logo .header__logo-image-open { display: block; -webkit-margin-before: 5px; margin-block-start: 5px; } @media (min-width: 64em) { .header.active .header__container > .header__logo { display: none; } } .header.active .header__menu-toggle .header__toggle-menu-icon { display: none; } .header.active .header__menu-toggle .header__close-menu-icon { block-size: 20px; display: block; inline-size: 20px; } .header.active .header__menus { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; inline-size: 100%; position: relative; } @media (max-width: 63.99em) { .header.active .header__menus { gap: 40px; } } @media (min-width: 64em) { .header.active .header__menus { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .header.active .header__primary-navigation { inline-size: 100%; } .header.active .header__primary-navigation-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; inline-size: 100%; position: relative; } @media (min-width: 64em) { .header.active .header__primary-navigation-list { inline-size: var(--cols3); } } .header.active .header__primary-navigation-item { font-family: var(--tertiary-font); inline-size: 100%; } .header.active .header__primary-navigation-item:last-child { margin-block: 0; margin-inline: 12px; } .header.active .header__primary-navigation-button { color: var(--color-white); font-size: 22px; font-weight: 600; inline-size: 100%; line-height: 135%; padding-block: 12px; padding-inline: 0; } @media (min-width: 64em) { .header.active .header__primary-navigation-button { font-size: 32px; font-weight: 600; inline-size: var(--cols3); letter-spacing: -0.01em; line-height: 135%; } } .header.active .header__menu-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 0; top: 0; } @media (min-width: 64em) { .header.active .header__menu-toggle { display: block; top: 7px; } } .header.active .header__utility-navigation-list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 11; } @media (min-width: 64em) { .header.active .header__utility-navigation-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .header.active .header__utility-navigation-list .btn--primary, .header.active .header__utility-navigation-search-button { display: none; } @media (min-width: 64em) { .header.active .header__utility-navigation-search-button { display: block; } } .header.active .coveo-search-results .coveo-search-results__search-box-input, .header.active .coveo-search-results .coveo-search-results__search-box-label, .header.active .coveo-search-results .coveo-search-results__search-box-clear, .header.active .coveo-search-results .coveo-search-results__search-box-search { color: var(--color-disabled); } .header.active .coveo-search-results .coveo-search-results__search-box-input::-webkit-input-placeholder, .header.active .coveo-search-results .coveo-search-results__search-box-label::-webkit-input-placeholder, .header.active .coveo-search-results .coveo-search-results__search-box-clear::-webkit-input-placeholder, .header.active .coveo-search-results .coveo-search-results__search-box-search::-webkit-input-placeholder { color: var(--color-disabled); } .header.active .coveo-search-results .coveo-search-results__search-box-input::-moz-placeholder, .header.active .coveo-search-results .coveo-search-results__search-box-label::-moz-placeholder, .header.active .coveo-search-results .coveo-search-results__search-box-clear::-moz-placeholder, .header.active .coveo-search-results .coveo-search-results__search-box-search::-moz-placeholder { color: var(--color-disabled); } .header.active .coveo-search-results .coveo-search-results__search-box-input:-ms-input-placeholder, .header.active .coveo-search-results .coveo-search-results__search-box-label:-ms-input-placeholder, .header.active .coveo-search-results .coveo-search-results__search-box-clear:-ms-input-placeholder, .header.active .coveo-search-results .coveo-search-results__search-box-search:-ms-input-placeholder { color: var(--color-disabled); } .header.active .coveo-search-results .coveo-search-results__search-box-input::-ms-input-placeholder, .header.active .coveo-search-results .coveo-search-results__search-box-label::-ms-input-placeholder, .header.active .coveo-search-results .coveo-search-results__search-box-clear::-ms-input-placeholder, .header.active .coveo-search-results .coveo-search-results__search-box-search::-ms-input-placeholder { color: var(--color-disabled); } .header.active .coveo-search-results .coveo-search-results__search-box-input::placeholder, .header.active .coveo-search-results .coveo-search-results__search-box-label::placeholder, .header.active .coveo-search-results .coveo-search-results__search-box-clear::placeholder, .header.active .coveo-search-results .coveo-search-results__search-box-search::placeholder { color: var(--color-disabled); } .header.active .coveo-search-results .coveo-search-results__search-box-input { border-color: var(--color-disabled); } .header.active .header__utility-navigation-item { inline-size: 100%; } @media (min-width: 64em) { .header.active .header__utility-navigation-item { inline-size: auto; } } .header.active .dropdown-button { display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header.active .header__utility-navigation .header__logo { display: none; } @media (min-width: 64em) { .header.active .header__utility-navigation .header__logo { display: block; } } @media (min-width: 64em) { .header.active .header__utility-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-padding-end: 24px; padding-inline-end: 24px; } } .header.active .header__utility-navigation-search-icon, .header.active .header__utility-navigation-search-button, .header.active .header__utility-navigation-language-selector-icon, .header.active .dropdown-button, .header.active .header__utility-navigation-dropdown-icon { color: var(--color-text-40); } .header.active .header__primary-navigation-content.active { background-color: var(--color-white); block-size: auto; border-radius: 0 20px 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; inline-size: calc(var(--cols6) + 20px); inset-block-start: 10px; inset-inline-end: 22px; overflow-y: auto; overflow-x: visible; -webkit-padding-after: 20px; padding-block-end: 20px; -webkit-padding-before: 2px; padding-block-start: 2px; padding-inline: 20px; position: relative; z-index: 10; } @media (min-width: 48em) { .header.active .header__primary-navigation-content.active { inline-size: calc(var(--cols12) + 40px); inset-block-start: 0; inset-inline-end: 35px; } } @media (min-width: 64em) { .header.active .header__primary-navigation-content.active { block-size: calc(100vh - 61px); border-radius: 20px 0 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 40px; inline-size: calc(var(--cols9) + var(--page-margin) + 20px); inset-inline-start: var(--cols3); -webkit-padding-end: calc(var(--page-margin)); padding-inline-end: calc(var(--page-margin)); padding: 40px; position: absolute; } } .header.active .header__primary-navigation-featured-column { block-size: -webkit-min-content; block-size: -moz-min-content; block-size: min-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px; max-inline-size: var(--cols6); } @media (min-width: 48em) { .header.active .header__primary-navigation-featured-column { inline-size: var(--cols12-40px); max-inline-size: var(--cols12); } } @media (min-width: 64em) { .header.active .header__primary-navigation-featured-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-inline-size: var(--cols3); -webkit-margin-end: calc(var(--page-margin) - 40px); margin-inline-end: calc(var(--page-margin) - 40px); } } .header.active .header__primary-navigation-featured-column h3 { font-size: 18px; font-weight: 600; letter-spacing: 0.02em; line-height: 150%; } .header.active .header__primary-navigation-featured-column p { font-size: 14px; font-weight: 500; line-height: 145%; } .header.active .header__primary-navigation-featured-column img { max-inline-size: 40%; -o-object-fit: contain; object-fit: contain; } @media (min-width: 64em) { .header.active .header__primary-navigation-featured-column img { max-inline-size: 100%; } } .header.active .header__primary-navigation-column { block-size: -webkit-min-content; block-size: -moz-min-content; block-size: min-content; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .header.active .header__primary-navigation-column.collapsed ul { display: none; } @media (min-width: 64em) { .header.active .header__primary-navigation-column.collapsed ul { display: block; } } .header.active .header__primary-navigation-column.collapsed h3:after { content: ""; width: 35px; position: absolute; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='M7.967 14V7.988h5.814V6.04H7.967V0H6.005v6.04H.219v1.948h5.786V14z' style=' fill: %23028356;%0A'/%3E%3C/svg%3E"); height: 35px; border: 1px solid var(--color-jade); background-repeat: no-repeat; background-position: center; border-radius: 35px; right: 0; top: 4px; } .header.active .header__primary-navigation-column h3 { font-size: 24px; font-weight: 600; line-height: 150%; -webkit-margin-before: 15px; margin-block-start: 15px; padding-right: 50px; position: relative; } @media (min-width: 64em) { .header.active .header__primary-navigation-column h3 { -webkit-margin-before: 0; margin-block-start: 0; pointer-events: none; } } .header.active .header__primary-navigation-column h3:after { content: ""; width: 35px; position: absolute; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='2'%3E%3Cpath d='M13.781 1.988V.04H.219v1.948z' style=' fill: %23028356;%0A'/%3E%3C/svg%3E"); height: 35px; border: 1px solid var(--color-jade); background-repeat: no-repeat; background-position: center; border-radius: 35px; right: 0; top: 4px; } @media (min-width: 64em) { .header.active .header__primary-navigation-column h3:after { display: none; } } .header.active .header__primary-navigation-column li { border-bottom: 1px solid #edeeee; font-size: 16px; font-weight: 500; line-height: 130%; padding-block: 18px; padding-inline: 0; } @media (min-width: 64em) { .header.active .header__primary-navigation-column li { padding-block: 28px 18px; } } .header.active .header__primary-navigation-column .link { font-family: var(--primary-font); font-size: 14px; font-weight: 500; line-height: 145%; position: relative; padding-right: 16px; } .header.active .header__primary-navigation-column .link:after { content: ""; width: 8px; position: absolute; background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L6.5 6L1.5 11' stroke='currentColor' fill='transparent' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); height: 12px; background-repeat: no-repeat; background-position: center; right: 0; top: 4px; } @media (min-width: 48em) { .header.active .header__primary-navigation-column .link:after { display: none; } } .header.active .mobile-hidden .header__primary-navigation-button { display: none; } .header.active .mobile-hidden .header__primary-navigation-button.active { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 28px; font-weight: 600; letter-spacing: -0.01em; line-height: 135%; pointer-events: none; text-decoration: none !important; } @media (min-width: 64em) { .header.active .mobile-hidden .header__primary-navigation-button.active { color: var(--color-lime); font-size: 36px; font-weight: 600; line-height: 135%; } } @media (min-width: 64em) { .header.active .mobile-hidden .header__primary-navigation-button { display: -webkit-box; display: -ms-flexbox; display: flex; } } .header .header__container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header .header__logo .header__logo-image { display: block; max-block-size: 28px; } @media (min-width: 64em) { .header .header__logo .header__logo-image { max-block-size: 35px; } } .header .header__logo .header__logo-image-open, .header .header__menus { display: none; } @media (min-width: 64em) { .header .header__menus { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .header .header__utility-navigation .header__logo { display: none; } .header .header__utility-navigation-list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header .header__utility-navigation-language-selector-button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-jade); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: 500; line-height: 145%; padding-block: 8px; padding-inline: 13px; } .header .header__utility-navigation-language-selector-icon { block-size: 16px; color: var(--color-jade); fill: #0000; -webkit-margin-end: 4px; margin-inline-end: 4px; } .header .header__utility-navigation-dropdown-icon { block-size: 12px; color: var(--color-jade); fill: var(--color-white); -webkit-margin-start: 5px; margin-inline-start: 5px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .header .dropdown-options { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background-color: var(--color-white); border-radius: 10px; -webkit-box-shadow: 0 0 6px rgba(69, 72, 74, 0.1); box-shadow: 0 0 6px #45484a1a; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; inline-size: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-inline-size: 100%; padding-block: 15px; padding-inline: 0; position: absolute; z-index: 10; } @media (min-width: 64em) { .header .dropdown-options { inline-size: 175px; } } .header .dropdown-options.active { display: -webkit-box; display: -ms-flexbox; display: flex; inset-block-start: 100%; -webkit-margin-after: 100px; margin-block-end: 100px; position: relative; } @media (min-width: 64em) { .header .dropdown-options.active { position: absolute; } } .header .dropdown-option { inline-size: 100%; } .header .dropdown-option .link { font-size: 14px; font-weight: 500; inline-size: 100%; line-height: 23.3px; padding-block: 8px; padding-inline: 15px; } .header .dropdown-option .link .link__icon--right { min-inline-size: 8px; } .header .dropdown-button svg { pointer-events: none; } .header .dropdown-button.active .header__utility-navigation-dropdown-icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .header .header__utility-navigation-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } @media (min-width: 64em) { .header .header__utility-navigation-item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .header .header__utility-navigation-item .coveo-search-results__search-box-input { -webkit-margin-after: 4px; margin-block-end: 4px; } .header .header__utility-navigation-item .coveo-search-results__search-box-clear, .header .header__utility-navigation-item .coveo-search-results__search-box-search { inset-block-end: -2px; } .header .header__utility-navigation-item .btn--primary { -webkit-margin-start: 12px; margin-inline-start: 12px; } .header .header__primary-navigation-list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-margin-before: 5px; margin-block-start: 5px; min-block-size: 44px; } .header .header__primary-navigation-item { margin-block: 0; margin-inline: 12px; } .header .header__primary-navigation-item:last-child { -webkit-margin-end: 0; margin-inline-end: 0; } .header .header__primary-navigation-item:last-child .header__primary-navigation-button { -webkit-padding-end: 0; padding-inline-end: 0; } .header .header__primary-navigation-button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-text-100); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 500; line-height: 130%; padding-block: 8px; padding-inline: 12px; } .header .header__primary-navigation-button:hover { text-decoration: underline; } .header .header__menu-toggle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; block-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: 20px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0; } @media (max-width: 63.99em) { .header .header__menu-toggle { block-size: 44px; inline-size: 44px; } } @media (min-width: 64em) { .header .header__menu-toggle { display: none; } } .header .header__menu-toggle .header__toggle-menu-icon { block-size: 20px; display: block; inline-size: 20px; } .header .header__menu-toggle .header__close-menu-icon { display: none; } .header .header__toggle-menu-icon, .header .header__close-menu-icon { color: var(--color-jade); fill: #0000; } .header .header__primary-navigation-content { display: none; position: relative; } .header .header__primary-navigation-image { display: block; inline-size: calc(var(--cols3) + var(--page-margin)); inset-block-end: 0; inset-inline-start: calc((100% - var(--max-page-width)) / 2); max-block-size: 170px; -o-object-fit: contain; object-fit: contain; -o-object-position: bottom right; object-position: bottom right; opacity: 0; pointer-events: none; position: fixed; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; z-index: -1; } .header__primary-navigation-featured-column { text-decoration: none; } .header__primary-navigation-featured-column:focus, .header__primary-navigation-featured-column:hover { text-decoration: underline; } .header__primary-navigation-featured-column:focus svg, .header__primary-navigation-featured-column:hover svg { -webkit-transform: translateX(4px); transform: translate(4px); } .header__primary-navigation-back { color: var(--color-white); display: none; padding-block: 10px 0; padding-inline: 0; } .header__primary-navigation-back svg { block-size: 12px; color: var(--color-lime); inline-size: 8px; inset-block-start: 1px; -webkit-margin-end: 7px; margin-inline-end: 7px; position: relative; } .header__primary-navigation-item:has(.active) .header__primary-navigation-image { opacity: 1; z-index: -1; } @media (max-width: 63.99em) { .header__primary-navigation-item:has(.active) .header__primary-navigation-image { display: none; } } @media (max-width: 63.99em) { .header__primary-navigation:has(.active) .header__primary-navigation-back { display: block; } } .header__primary-navigation-featured-column > div { -webkit-padding-end: 20px; padding-inline-end: 20px; position: relative; } .header__primary-navigation-featured-column-icon { block-size: 12px; color: var(--color-text-60); inline-size: 8px; inset-block-end: 5px; inset-inline-end: 0; -webkit-margin-end: 7px; margin-inline-end: 7px; position: absolute; -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; } .header__utility-navigation-search-button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-jade); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: 500; line-height: 145%; padding-block: 8px; padding-inline: 12px; } .header__utility-navigation-search-icon { block-size: 12px; color: var(--color-jade); fill: #0000; inline-size: 12px; -webkit-margin-start: 6px; margin-inline-start: 6px; } @media (min-width: 64em) { .header__utility-navigation-list .coveo-search-results__search-box--header { -webkit-margin-end: 10px; margin-inline-end: 10px; } } .jumplinks-section { background-color: var(--color-white); inset-block-start: calc(var(--sticky-header-height) - 20px); padding-block: 30px; position: sticky; -webkit-transition: 0.4s; transition: 0.4s; z-index: 2; } @media (max-width: 63.99em) { .jumplinks-section { inset-block-start: calc(var(--sticky-header-height) - 16px); padding-block: 10px 0; } } .jumplinks-section .hidden { display: none; } .jumplinks-wrapper { block-size: 40px; margin-inline: auto; max-inline-size: var(--container-max-width); overflow-x: hidden; overflow-y: hidden; position: relative; } @media (max-width: 63.99em) { .jumplinks-wrapper { inline-size: 100vw; inset-inline-end: var(--page-margin); max-inline-size: unset; } } .jumplinks-wrapper:before { background-color: var(--color-lime); block-size: 2px; content: ""; display: block; inline-size: 100%; inset-block-start: 38px; position: relative; } .jumplinks { margin-inline: auto; -webkit-padding-before: 2px; padding-block-start: 2px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 24px; overflow-x: scroll; white-space: nowrap; scrollbar-height: none; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -ms-overflow-style: none; } .jumplinks::-webkit-scrollbar { inset-block: 0; } .jumplinks-item { -webkit-padding-after: 18px; padding-block-end: 18px; } .jumplinks-item.active:after { background-color: var(--color-lime); block-size: 4px; content: ""; display: block; inline-size: 100%; inset-block-start: 8px; position: relative; } .jumplinks-item__link:hover, .jumplinks-item__link:focus { color: #028356; text-decoration: none; } .jumplinks-item__link { color: #354f51; font-size: 16px; font-weight: 500; } .jumplinks-item:after { background-color: var(--color-lime); block-size: 4px; content: ""; display: block; inline-size: 0; inset-block-start: 8px; inset-inline-start: 0; position: relative; -webkit-transition: inline-size 0.2s ease-out; transition: inline-size 0.2s ease-out; } .jumplinks-item:hover:after { inline-size: 100%; } .jumplinks__paddle { inline-size: 2em; inset-block-end: 0; inset-block-start: 0; position: absolute; } .jumplinks__left-paddle { background-color: var(--color-white); -webkit-box-shadow: 3px 0 6px -2px rgba(3, 35, 37, 0.26); box-shadow: 3px 0 6px -2px #03232542; inset-inline-start: 0; -webkit-padding-before: 5px; padding-block-start: 5px; } .jumplinks__left-paddle .jumplinks__left-paddle__icon { block-size: 14px; fill: none; inline-size: 9px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .jumplinks__right-paddle { background-color: var(--color-white); -webkit-box-shadow: -3px 0 6px -2px rgba(3, 35, 37, 0.26); box-shadow: -3px 0 6px -2px #03232542; inset-inline-end: 0; } .jumplinks__right-paddle .jumplinks__right-paddle__icon { block-size: 14px; fill: none; inline-size: 9px; } .print { margin: auto; max-inline-size: 500px; } .print span { display: inline-block; inline-size: 100px; } @media (min-width: 48em) { .jumplinks-input { display: none; } } @media (max-width: 63.99em) { .jumplinks-section .jumplinks-input { appearance: none !important; background: var(--color-white) url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23001821' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat; background-position: calc(100% - var(--page-margin)) center !important; block-size: 100%; border: 0; -webkit-border-after: 2px solid var(--color-lime); border-block-end: 2px solid var(--color-lime); color: #354f51; cursor: pointer; font-family: inherit; font-size: 16px; font-weight: 500; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; padding-inline: var(--page-margin) calc(var(--page-margin) + 25px); position: absolute; -moz-appearance: none !important; -webkit-appearance: none !important; } } .leadership-card-row .card-content__image { max-inline-size: 145px !important; } .leadership-card-row .card-content__eyebrow { color: var(--color-text-80); line-height: 120%; text-transform: none; } .tabbed-content-row.leadership-listing-tabs { margin: 0; } .tabbed-content-row.leadership-listing-tabs .tabbed-content-row__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: rgba(0, 0, 0, 0); overflow: hidden; } @media (min-width: 64em) { .tabbed-content-row.leadership-listing-tabs .tabbed-content-row__container { background: linear-gradient(248.2deg, #e8fff0 18.82%, #f8fffd 92.09%); padding: 6px 36px 34px; } } .tabbed-content-row.leadership-listing-tabs .tabbed-content-row__tabs-wrapper { background-color: #0000; -webkit-box-shadow: none; box-shadow: none; min-inline-size: 100%; margin: 0; -webkit-padding-before: 0; padding-block-start: 0; padding-inline: 0; } .tabbed-content-row.leadership-listing-tabs .tabbed-content-row__tabs { display: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; min-inline-size: 100%; } @media (min-width: 64em) { .tabbed-content-row.leadership-listing-tabs .tabbed-content-row__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; } } .tabbed-content-row.leadership-listing-tabs .tabbed-content-row__dropdown { -webkit-margin-after: 30px; margin-block-end: 30px; } .tabbed-content-row.leadership-listing-tabs .tabbed-content-row__tab { -webkit-border-after: 0; border-block-end: 0; padding: 10px 16px; } .tabbed-content-row.leadership-listing-tabs .tabbed-content-row__tab[aria-selected="true"] { background: var(--color-spruce); color: var(--color-white); } .tabbed-content-row.leadership-listing-tabs .tabbed-content__panels { margin: 0; padding: 44px 47px; background: linear-gradient(248.2deg, #e8fff0 18.82%, #f8fffd 92.09%); } @media (min-width: 64em) { .tabbed-content-row.leadership-listing-tabs .tabbed-content__panels { padding: 19px 0 0; } } .tabbed-content-row.leadership-listing-tabs .tabbed-content__panel { width: 100%; } .tabbed-content-row.leadership-listing-tabs .leadership-card-row { padding: 0; width: 100%; } .tabbed-content-row.leadership-listing-tabs .leadership-card-row .card-row__container { padding: 0; } .tabbed-content-row.leadership-listing-tabs .leadership-card-row .swiper-container { padding: 0; margin: 0; } .tabbed-content-row.leadership-listing-tabs .leadership-card-row .swiper-wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 50px; } @media (min-width: 48em) { .tabbed-content-row.leadership-listing-tabs .leadership-card-row .swiper-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .tabbed-content-row.leadership-listing-tabs .leadership-card-row .swiper-slide { -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media (min-width: 48em) { .tabbed-content-row.leadership-listing-tabs .leadership-card-row .swiper-slide { -ms-flex-preferred-size: calc(33% - 33px); flex-basis: calc(33% - 33px); } } @media (min-width: 64em) { .tabbed-content-row.leadership-listing-tabs .leadership-card-row .swiper-slide { -ms-flex-preferred-size: calc(25% - 38px); flex-basis: calc(25% - 38px); } } .tabbed-content-row.leadership-listing-tabs .card-content { padding-block: 30px 0; } .logo-swiper-row { isolation: isolate; } .logo-swiper-row .logo-swiper__heading { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-block-size: 48px; padding-inline: 60px; position: relative; text-align: center; } .logo-swiper-row .swiper-container { inline-size: 100%; margin: 0; } .logo-swiper-row .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-timing-function: linear; transition-timing-function: linear; } .logo-swiper-row .swiper-slide { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; max-inline-size: -webkit-fit-content; max-inline-size: -moz-fit-content; max-inline-size: fit-content; min-block-size: -webkit-fit-content; min-block-size: -moz-fit-content; min-block-size: fit-content; opacity: 1; visibility: visible; } .logo-swiper-row .swiper-slide img { max-block-size: 120px; -o-object-fit: contain; object-fit: contain; } .logo-swiper:before { background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0))); background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%); block-size: 100%; content: ""; inline-size: 50px; inset-block-start: 0; inset-inline-start: 0; position: absolute; z-index: 5; } .logo-swiper:after { background: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(255, 255, 255, 0))); background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%); block-size: 100%; content: ""; inline-size: 50px; inset-block-start: 0; inset-inline-end: 0; position: absolute; z-index: 5; } .logo-swiper__control { block-size: 48px; color: var(--color-jade); inline-size: 48px; inset-inline-end: 0; margin: 0; max-block-size: 48px; max-inline-size: 48px; overflow: hidden; padding: 0; position: absolute; visibility: visible; } .logo-swiper__control svg { block-size: 48px; display: block; fill: #0000; inline-size: 48px; inset-block-start: 0; inset-inline-start: 0; margin: 0; position: absolute; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .logo-swiper__control .logo-swiper__control-pause { opacity: 1; } .logo-swiper__control .logo-swiper__control-play { opacity: 0; } .logo-swiper__control:focus, .logo-swiper__control:hover { background-color: var(--color-orchid); border-radius: 48px; color: var(--color-white); } .logo-swiper__control.logo-swiper__control--paused .logo-swiper__control-pause { opacity: 0; } .logo-swiper__control.logo-swiper__control--paused .logo-swiper__control-play { opacity: 1; } .logo-swiper-row:has(.swiper-initialized) .logo-swiper__control { visibility: visible; } .logo-swiper:not(.swiper-initialized) .swiper-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .logo-swiper:not(.swiper-initialized) .swiper-slide { margin-inline: 30px; } .marketo-form { font-family: var(--primary-font); gap: 0; margin-inline: auto; position: relative; } .marketo-form .mktoButtonRow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: var(--grid-gutter-width); } .marketo-form .mktoButtonRow .mktoButtonWrap { margin: 0 !important; padding: 0; } @media (max-width: 47.99em) { .marketo-form .mktoButtonRow .mktoButtonWrap { inline-size: 100%; padding-block: 10px; } } .marketo-form .mktoForm .mktoError { pointer-events: none !important; } .marketo-form .marketo-form__wrapper { inline-size: var(--cols6); } @media (min-width: 48em) { .marketo-form .marketo-form__wrapper { inline-size: var(--cols12); } } @media (min-width: 64em) { .marketo-form .marketo-form__wrapper { inline-size: var(--cols8); margin-inline: auto; } } .marketo-form .mktoForm { inline-size: 100% !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0px; -webkit-margin-after: 30px; margin-block-end: 30px; padding: 0; } .marketo-form .mktoForm .mktoRequiredField label.mktoLabel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; font-weight: 300; } @media (max-width: 47.99em) { .marketo-form .mktoForm .mktoButtonWrap.mktoInset button.mktoButton { inline-size: 100%; } } .marketo-form .mktoFieldDescriptor.mktoFormCol { margin: 0 0 20px !important; } .marketo-form .mktoForm .mktoFormRow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: var(--grid-gutter-width); } @media (max-width: 47.99em) { .marketo-form .mktoForm .mktoFormRow { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0; } } .marketo-form .mktoForm .mktoOffset, .marketo-form .mktoForm .mktoGutter { display: none; } .marketo-form ::-webkit-input-placeholder { color: #0000; } .marketo-form ::-moz-placeholder { color: #0000; } .marketo-form :-ms-input-placeholder { color: #0000; } .marketo-form ::-ms-input-placeholder { color: #0000; } .marketo-form ::placeholder { color: #0000; } .marketo-form .mktoFieldDescriptor.mktoFormCol { inline-size: 100%; } .marketo-form .mktoClear { display: none; } .marketo-form .mktoFormRow--radioRow .mktoFormCol { min-inline-size: 100%; } .marketo-form .mktoFormRow--radioRow .mktoFieldWrap:has(.mktoCheckboxList) { block-size: 30px; } .marketo-form .mktoFormRow--radioRow .mktoCheckboxList > label { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-transform: translate(0, -50px); transform: translateY(-50px); } .marketo-form .mktoFormRow--radioRow .mktoCheckboxList > input { inline-size: 18px !important; min-inline-size: 18px !important; min-block-size: 18px !important; max-inline-size: 18px !important; max-block-size: 18px !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .marketo-form .mktoFieldWrap { inline-size: 100%; } .marketo-form .mktoFieldWrap .mktoLabel { background-color: #0000; color: var(--color-gray-three); font: 300 15px/24px var(--primary-font); inline-size: auto !important; inset-block-start: 25px; inset-inline-start: 8px; line-height: 24px; padding: 0 5px; position: absolute; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; z-index: 2; } @media (min-width: 48em) { .marketo-form .mktoFieldWrap .mktoLabel { inset-block-start: 25px; } } .marketo-form .mktoFieldWrap:has(.mktoLogicalField) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .marketo-form .mktoFieldWrap:has(.mktoLogicalField) > .mktoLabel { background: rgba(0, 0, 0, 0); font: 300 14px/24px var(--primary-font); inset-block-start: unset; inset-inline-start: 0px; padding-inline: 0; position: relative; } .marketo-form .mktoFieldWrap:has(.mktoLogicalField).mktoRequiredField { -ms-flex-wrap: wrap; flex-wrap: wrap; } .marketo-form .mktoFieldWrap:has(.mktoLogicalField).mktoRequiredField label { line-height: 1; } .marketo-form .mktoFieldWrap:has(.mktoLogicalField).mktoRequiredField > .mktoLabel { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; min-inline-size: 100%; } .marketo-form .mktoFieldWrap:has(.mktoLogicalField).mktoRequiredField > .mktoLogicalField { min-inline-size: 100%; } .marketo-form .mktoFieldWrap:has(.mktoLogicalField) > .mktoLogicalField { float: none; position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto !important; padding-inline: 0; } .marketo-form .mktoFieldWrap:has(.mktoLogicalField) > .mktoLogicalField label { display: none; } .marketo-form .mktoFieldWrap:has(.mktoLogicalField) > .mktoLogicalField.mktoCheckboxList { margin: 0 !important; -webkit-padding-start: 4px; padding-inline-start: 4px; } .marketo-form .mktoFieldWrap:has(.mktoLogicalField) > .mktoLogicalField.mktoCheckboxList > label { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-margin-before: 0px !important; margin-block-start: 0px !important; padding-block: 5px !important; -webkit-transform: none !important; transform: none !important; } .marketo-form .mktoFieldWrap:has(.mktoLogicalField) > .mktoLogicalField.mktoCheckboxList > input { inline-size: 18px !important; inset-block-start: 0; min-inline-size: 18px !important; min-block-size: 18px !important; max-inline-size: 18px !important; max-block-size: 18px !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; float: none !important; -webkit-transform: none; transform: none; } .marketo-form .mktoFieldWrap .mktoField.mktoTextField, .marketo-form .mktoFieldWrap .mktoField.mktoEmailField, .marketo-form .mktoFieldWrap .mktoField.mktoTelField, .marketo-form .mktoFieldWrap select.mktoField, .marketo-form .mktoFieldWrap textarea.mktoField { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: rgba(0, 0, 0, 0); border: 0 solid rgba(0, 0, 0, 0); border-bottom: 1px solid var(--color-spruce); -webkit-box-shadow: none !important; box-shadow: none !important; color: var(--color-text-100); display: block; font: 400 16px/24px Indivisible; inline-size: 100% !important; -webkit-margin-before: 15px; margin-block-start: 15px; min-block-size: 0 !important; padding: 14px 12px; position: relative; -webkit-transition: border 0.1s linear; transition: border 0.1s linear; } @media (min-width: 48em) { .marketo-form .mktoFieldWrap .mktoField.mktoTextField, .marketo-form .mktoFieldWrap .mktoField.mktoEmailField, .marketo-form .mktoFieldWrap .mktoField.mktoTelField, .marketo-form .mktoFieldWrap select.mktoField, .marketo-form .mktoFieldWrap textarea.mktoField { padding: 10px 12px; } } @media (max-width: 47.99em) { .marketo-form .mktoFieldWrap .mktoField.mktoTextField, .marketo-form .mktoFieldWrap .mktoField.mktoEmailField, .marketo-form .mktoFieldWrap .mktoField.mktoTelField, .marketo-form .mktoFieldWrap select.mktoField, .marketo-form .mktoFieldWrap textarea.mktoField { block-size: 65px; } } .marketo-form .mktoFieldWrap textarea.mktoField { border-color: var(--color-spruce); resize: none; block-size: 200px; } .marketo-form .mktoFieldWrap:focus-within label.mktoLabel { font-size: 14px; inset-block-start: 3px; } .marketo-form .mktoFieldWrap:focus-within .mktoTextField, .marketo-form .mktoFieldWrap:focus-within .mktoEmailField, .marketo-form .mktoFieldWrap:focus-within .mktoTelField, .marketo-form .mktoFieldWrap:focus-within select.mktoField, .marketo-form .mktoFieldWrap:focus-within textarea.mktoField { outline: 0; } .marketo-form .mktoFieldWrap.mktoField__field--filled .mktoLabel { font-size: 13px; inset-block-start: 3px; } .marketo-form .mktoFieldWrap.mktoField__field--filled .mktoTextField, .marketo-form .mktoFieldWrap.mktoField__field--filled .mktoEmailField, .marketo-form .mktoFieldWrap.mktoField__field--filled .mktoTelField, .marketo-form .mktoFieldWrap.mktoField__field--filled select.mktoField { outline: 0; } .marketo-form .mktoFieldWrap:has(select) .mktoLabel { font-size: 13px; inset-block-start: 3px; } .marketo-form .mktoFieldWrap:has(select) .mktoTextField, .marketo-form .mktoFieldWrap:has(select) .mktoEmailField, .marketo-form .mktoFieldWrap:has(select) .mktoTelField, .marketo-form .mktoFieldWrap:has(select) select.mktoField { outline: 0; } .marketo-form .mktoFieldWrap:has(select) { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .marketo-form .mktoFieldWrap:has(select):after { content: ""; display: block; position: absolute; width: 7px; height: 7px; top: 65%; right: 15px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-bottom: 1px solid var(--color-jade); border-right: 1px solid var(--color-jade); } @media (max-width: 47.99em) { .marketo-form .mktoFieldWrap:has(select):after { top: unset; bottom: 24px; } } .marketo-form .mktoFieldWrap:has([type="checkbox"]) label, .marketo-form .mktoFieldWrap:has([type="radio"]) label { color: var(--color-gray-three); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .marketo-form .mktoFieldWrap:has([type="checkbox"]) input[type="checkbox"], .marketo-form .mktoFieldWrap:has([type="checkbox"]) input[type="radio"], .marketo-form .mktoFieldWrap:has([type="radio"]) input[type="checkbox"], .marketo-form .mktoFieldWrap:has([type="radio"]) input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: rgba(0, 0, 0, 0); block-size: 18px; display: inline-block; inline-size: 18px; margin: 0; position: relative; border: 1px solid var(--color-spruce); opacity: 1; } .marketo-form .mktoFieldWrap:has([type="checkbox"]) input[type="checkbox"]:after, .marketo-form .mktoFieldWrap:has([type="checkbox"]) input[type="radio"]:after, .marketo-form .mktoFieldWrap:has([type="radio"]) input[type="checkbox"]:after, .marketo-form .mktoFieldWrap:has([type="radio"]) input[type="radio"]:after { content: ""; background: rgba(0, 0, 0, 0); inline-size: 100%; block-size: 100%; position: absolute; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-transition-property: background, -webkit-transform; transition-property: background, -webkit-transform; transition-property: background, transform; transition-property: background, transform, -webkit-transform; } .marketo-form .mktoFieldWrap:has([type="checkbox"]) input[type="checkbox"]:checked:after, .marketo-form .mktoFieldWrap:has([type="checkbox"]) input[type="radio"]:checked:after, .marketo-form .mktoFieldWrap:has([type="radio"]) input[type="checkbox"]:checked:after, .marketo-form .mktoFieldWrap:has([type="radio"]) input[type="radio"]:checked:after { background: var(--color-jade); -webkit-transform: scale(0.6); transform: scale(0.6); } .marketo-form .mktoFieldWrap:has([type="checkbox"]) input[type="checkbox"]:indeterminate, .marketo-form .mktoFieldWrap:has([type="radio"]) input[type="checkbox"]:indeterminate { block-size: 4px; inset-block-start: calc(50% + 2px); } .marketo-form .mktoFieldWrap:has([type="checkbox"]) input[type="radio"], .marketo-form .mktoFieldWrap:has([type="radio"]) input[type="radio"] { border-radius: 8px; } .marketo-form .mktoFieldWrap:has([type="checkbox"]) input[type="radio"]:after, .marketo-form .mktoFieldWrap:has([type="radio"]) input[type="radio"]:after { border-radius: 8px; } .marketo-form .mktoFieldWrap:has(.mktoInvalid) .mktoLabel, .marketo-form .mktoFieldWrap:has(.mktoInvalid) select.mktoField, .marketo-form .mktoFieldWrap:has(.mktoInvalid) textarea.mktoField, .marketo-form .mktoFieldWrap:has(.mktoInvalid) .mktoTextField, .marketo-form .mktoFieldWrap:has(.mktoInvalid) .mktoEmailField, .marketo-form .mktoFieldWrap:has(.mktoInvalid) .mktoTelField { color: var(--color-error); } .marketo-form .mktoFieldWrap:has(.mktoInvalid) select.mktoField, .marketo-form .mktoFieldWrap:has(.mktoInvalid) textarea.mktoField, .marketo-form .mktoFieldWrap:has(.mktoInvalid) .mktoTextField, .marketo-form .mktoFieldWrap:has(.mktoInvalid) .mktoEmailField, .marketo-form .mktoFieldWrap:has(.mktoInvalid) .mktoTelField { border-bottom-color: var(--color-error); color: var(--color-error); } .marketo-form .mktoFieldWrap:has(.mktoInvalid) textarea.mktoField { border-color: var(--color-error); } .marketo-form .mktoFieldWrap:has(.mktoInvalid):has(select):after { border-bottom: 1px solid var(--color-error); border-right: 1px solid var(--color-error); } .marketo-form .mktoFieldWrap:has(.mktoInvalid):focus-within select.mktoField, .marketo-form .mktoFieldWrap:has(.mktoInvalid):focus-within textarea.mktoField, .marketo-form .mktoFieldWrap:has(.mktoInvalid):focus-within .mktoTextField, .marketo-form .mktoFieldWrap:has(.mktoInvalid):focus-within .mktoEmailField, .marketo-form .mktoFieldWrap:has(.mktoInvalid):focus-within .mktoTelField { border-color: var(--color-error); } .marketo-form .mktoFieldWrap:has(.mktoInvalid):has([type="checkbox"]) label, .marketo-form .mktoFieldWrap:has(.mktoInvalid):has([type="radio"]) label { color: var(--color-error); } .marketo-form .mktoFieldWrap:has(.mktoInvalid):has([type="checkbox"]) .FormChoice__Input--Checkbox, .marketo-form .mktoFieldWrap:has(.mktoInvalid):has([type="checkbox"]) .FormChoice__Input--Radio, .marketo-form .mktoFieldWrap:has(.mktoInvalid):has([type="radio"]) .FormChoice__Input--Checkbox, .marketo-form .mktoFieldWrap:has(.mktoInvalid):has([type="radio"]) .FormChoice__Input--Radio { border: 1px solid var(--color-error); } .marketo-form .mktoFieldWrap:has(.mktoInvalid):has([type="checkbox"]) .FormChoice__Input--Checkbox:checked:after, .marketo-form .mktoFieldWrap:has(.mktoInvalid):has([type="checkbox"]) .FormChoice__Input--Radio:checked:after, .marketo-form .mktoFieldWrap:has(.mktoInvalid):has([type="radio"]) .FormChoice__Input--Checkbox:checked:after, .marketo-form .mktoFieldWrap:has(.mktoInvalid):has([type="radio"]) .FormChoice__Input--Radio:checked:after { background: var(--color-error); } .marketo-form .form-msg--success .btn { -webkit-margin-after: 30px; margin-block-end: 30px; } @media (min-width: 64em) { .marketo-form .form-msg--success .btn { -webkit-margin-after: 0 !important; margin-block-end: 0 !important; } } .marketo-form .form-msg--success .rtf:last-child { -webkit-margin-after: 30px; margin-block-end: 30px; } @media (min-width: 64em) { .marketo-form .form-msg--success .rtf:last-child { -webkit-margin-after: 0 !important; margin-block-end: 0 !important; } } .mktoButton { background-color: #0000; border-color: var(--color-jade); color: var(--color-text-100); min-inline-size: 140px; } .mktoFormRow.mktoFormRow--radioRow { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mktoRadioList.mktoHasWidth { inline-size: 100% !important; } .mktoFormRow--radioRow .mktoLabel { font-size: 14px !important; padding: 10px 0 !important; position: relative !important; inset-block-start: 0 !important; inset-inline-start: 0 !important; } .columns-sublayout__sidebar .marketo-form { color: var(--text-100); position: relative; } .columns-sublayout__sidebar .marketo-form .mktoError { inline-size: -webkit-fit-content !important; inline-size: -moz-fit-content !important; inline-size: fit-content !important; pointer-events: none; position: relative !important; top: 8px !important; } .columns-sublayout__sidebar .marketo-form .mktoError .mktoErrorDetail { display: inline !important; } .columns-sublayout__sidebar .marketo-form .mktoButtonWrap { inline-size: 100%; } .columns-sublayout__sidebar .marketo-form .mktoButton { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid var(--color-jade); border-radius: 23px; display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; min-inline-size: 140px; padding: 10px; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .columns-sublayout__sidebar .marketo-form .mktoButton:hover { background-color: var(--color-orchid); border-color: var(--color-orchid); color: var(--color-text-0); } .columns-sublayout__sidebar .marketo-form .mktoButton:focus { background-color: var(--color-white); border-color: var(--color-lime); } .columns-sublayout__sidebar .marketo-form .mktoForm .mktoError .mktoErrorMsg { color: var(--color-light-error) !important; margin-top: 16px !important; max-inline-size: 100% !important; } .columns-sublayout__sidebar .marketo-form .marketo-form .mktoFieldWrap:has([type="radio"]) label { color: var(--text-100); line-height: 1.4; -webkit-padding-end: 30px; padding-inline-end: 30px; } .columns-sublayout__sidebar .marketo-form .mktoForm .mktoPlaceholder { display: none; } .columns-sublayout__sidebar .marketo-form .mktoRadioList.mktoHasWidth { margin: 0; inline-size: auto !important; padding-inline: 0; } .columns-sublayout__sidebar .marketo-form .mktoFormRow--radioRow { -ms-flex-wrap: wrap; flex-wrap: wrap; } .columns-sublayout__sidebar .marketo-form .mktoFormRow--radioRow .mktoFieldDescriptor.mktoFormCol { margin: 0 !important; } .columns-sublayout__sidebar .marketo-form .mktoFormRow--radioRow > .mktoFormCol { gap: 0; max-inline-size: 100%; } .columns-sublayout__sidebar .marketo-form .mktoFormRow--radioRow > :first-child { inline-size: 100% !important; max-inline-size: 100% !important; } .columns-sublayout__sidebar .marketo-form .mktoFormRow--radioRow .mktoLabel { font-size: 14px !important; padding: 10px 0 !important; position: relative !important; inset-block-start: 0 !important; inset-inline-start: 0 !important; } .columns-sublayout__sidebar .marketo-form .mktoFormRow--radioRow .mktoFieldWrap:has(.mktoLogicalField) > .mktoLogicalField.mktoCheckboxList { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } .columns-sublayout__sidebar .marketo-form .mktoFormRow--radioRow .mktoFieldWrap:has(.mktoLogicalField) > .mktoLogicalField.mktoCheckboxList input { top: -2px; } .columns-sublayout__sidebar .marketo-form .mktoFormRow--radioRow .mktoFieldWrap:has(.mktoLogicalField) > .mktoLogicalField.mktoCheckboxList label { font-size: 14px; } .columns-sublayout__sidebar .marketo-form .mktoRadioList.mktoHasWidth label { position: relative; top: 2px; } @media (max-width: 63.99em) { .columns-sublayout__sidebar .marketo-form .mktoRadioList.mktoHasWidth label { top: 1px; } } .columns-sublayout__sidebar .marketo-form mktoLogicalField.mktoCheckboxList.mktoHasWidth label, .columns-sublayout__sidebar .marketo-form .mktoRadioList.mktoHasWidth label { padding-left: 5px; padding-right: 20px; margin: 0 !important; } @media (max-width: 63.99em) { .columns-sublayout__sidebar .marketo-form mktoLogicalField.mktoCheckboxList.mktoHasWidth label, .columns-sublayout__sidebar .marketo-form .mktoRadioList.mktoHasWidth label { margin-bottom: 10px; } } .footer-marketo-form__header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-negative: 0; flex-shrink: 0; max-inline-size: var(--cols8); -webkit-margin-after: 40px; margin-block-end: 40px; margin-inline: auto; -webkit-padding-before: 20px; padding-block-start: 20px; } .footer-marketo-form__heading, .footer-marketo-form__copy { color: var(--color-text-100); inline-size: var(--cols4); margin: 0; } .footer-marketo-form__heading { line-height: 1.1; position: relative; } .footer-marketo-form__heading:before { background-color: var(--color-spruce); block-size: 2px; content: ""; inline-size: calc(var(--cols2) + var(--page-margin)); inset-block-start: 60%; inset-inline-end: calc(100% + var(--grid-gutter-width)); position: absolute; } @media (max-width: 63.99em) { .footer-marketo-form__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; inline-size: var(--cols12); -webkit-margin-after: 0px; margin-block-end: 0px; max-inline-size: var(--container-max-width); } .footer-marketo-form__heading { inline-size: 100%; } .footer-marketo-form__copy { inline-size: 100%; -webkit-margin-before: 15px; margin-block-start: 15px; } .mktoRadioList .mktoField { clear: none !important; } .marketo-form .mktoFieldWrap .mktoField.mktoTextField, .marketo-form .mktoFieldWrap .mktoField.mktoEmailField, .marketo-form .mktoFieldWrap .mktoField.mktoTelField, .marketo-form .mktoFieldWrap select.mktoField, .marketo-form .mktoFieldWrap textarea.mktoField { block-size: 44px; } } .mktoForm .mktoFormCol { min-height: 0; } .mktoFormRow--radioRow .mktoError { inline-size: -webkit-fit-content !important; inline-size: -moz-fit-content !important; inline-size: fit-content !important; position: relative !important; top: 8px !important; } .mktoForm div, .mktoForm span, .mktoForm label, .mktoForm p { text-align: left; margin: 0; padding: 0; line-height: 1.4; } .mktoFormRow--radioRow .mktoFieldDescriptor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-margin-after: 0 !important; margin-block-end: 0 !important; } .mktoFormRow--radioRow .mktoFieldDescriptor .mktoFieldWrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .mktoFormRow--radioRow .mktoFieldDescriptor .mktoFieldWrap .mktoLogicalField { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 !important; margin: 0 !important; height: 0 !important; } .mktoFormRow--radioRow .mktoFieldDescriptor .mktoFieldWrap .mktoLogicalField input, .mktoFormRow--radioRow .mktoFieldDescriptor .mktoFieldWrap .mktoLogicalField label { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 !important; margin: 0 !important; inset-block-start: 0; position: relative !important; } .mktoFormRow--radioRow .mktoFieldDescriptor .mktoFieldWrap .mktoLogicalField label { -webkit-margin-before: 105px !important; margin-block-start: 105px !important; -webkit-margin-start: 10px !important; margin-inline-start: 10px !important; } .mktoFormRow--radioRow .mktoFieldWrap:has([type="checkbox"]) input[type="radio"], .marketo-form .mktoFieldWrap:has([type="radio"]) input[type="radio"] { border-radius: 8px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-inline-size: 17px; } .mktoFormRow--radioRow .marketo-form .mktoFieldWrap:has([type="radio"]) label { color: var(--text-100); line-height: 1.4; -webkit-padding-end: 30px; padding-inline-end: 30px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .mktoFormRow--radioRow .mktoFieldWrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .mktoFormRow--radioRow .mktoFieldWrap .mktoRadioList { width: 100% !important; } @-moz-document url-prefix() { .marketo-form .mktoForm .mktoRequiredField label.mktoLabel { inset-block-start: 0; inset-inline-start: 0; font-size: 16px !important; } .mktoCheckboxList { margin-block-start: 30px !important; width: 100% !important; display: flex; align-items: center; } .mktoCheckboxList label[for^="mktoCheckbox"] { display: block; padding-block-end: 0 !important; } .mktoCheckboxList input[id^="mktoCheckbox"] { block-size: 18px !important; min-inline-size: 18px !important; max-inline-size: 18px !important; } } .masthead-article { color: var(--color-text-0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-block: 83px 0; padding-inline: var(--page-margin); position: relative; } .masthead-article:before { background-color: var(--color-spruce); block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-position: bottom; mask-position: bottom; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; position: absolute; z-index: 0; } .masthead-article .btn.btn--primary { color: inherit; -webkit-margin-before: 30px; margin-block-start: 30px; } .masthead-article[data-theme="shamrock"] { color: var(--color-text-100); } .masthead-article[data-theme="shamrock"] .masthead-article__subheading { color: var(--color-text-80); } .masthead-article[data-theme="shamrock"]:before { background: linear-gradient(241.74deg, #38b270 20.56%, #3eec78 85.44%); } .masthead-article[data-theme="shamrock"] .masthead-article__author-link { color: var(--color-spruce); } .masthead-article[data-theme="light-lime"] { color: var(--color-text-100); } .masthead-article[data-theme="light-lime"] .masthead-article__subheading { color: var(--color-text-80); } .masthead-article[data-theme="light-lime"]:before { background: linear-gradient(248.2deg, #e8fff0 18.82%, #f8fffd 92.09%); } .masthead-article[data-theme="light-lime"] .masthead-article__author-link { color: var(--color-spruce); } .masthead-article .share { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-block: 15px; } .masthead-article__content, .masthead-article__media, .masthead-article__figure { position: relative; z-index: 1; } .masthead-article__media { inline-size: var(--cols5); } .masthead-article__content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--grid-gutter-width); inline-size: var(--cols6); -webkit-margin-after: 50px; margin-block-end: 50px; -webkit-margin-start: 0; margin-inline-start: 0; } .masthead-article__copy { -webkit-margin-after: 15px; margin-block-end: 15px; -webkit-margin-before: 0; margin-block-start: 0; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } @media (min-width: 48em) { .masthead-article__copy { -webkit-margin-after: 0; margin-block-end: 0; -webkit-margin-before: 15px; margin-block-start: 15px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .masthead-article__copy.body-copy-large { margin-block: 0 30px; } .masthead-article__content-text { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .masthead-article__heading { letter-spacing: 0.01em; -webkit-margin-after: 16px; margin-block-end: 16px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .masthead-article__subheading { color: var(--color-text-40); font-family: var(--primary-font); font-weight: 400; line-height: 1; margin: 0; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .masthead-article__author { margin-block: 0 15px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .masthead-article__reading-time { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } a.masthead-article__author-link { color: var(--color-lime); font-weight: 600; text-decoration: none; } a.masthead-article__author-link:focus, a.masthead-article__author-link:hover { text-decoration: underline; } .masthead-article__content-icon { max-inline-size: 95px; } .masthead-article__content-icon img { max-inline-size: 100%; } @media (min-width: 48em) and (max-width: 63.99em) { .masthead-article { padding-block: 33px 0; } .masthead-article__content, .masthead-article__media, .masthead-article__figure { inline-size: var(--cols6); margin-inline: 0; } } @media (max-width: 47.99em) { .masthead-article { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-block: 33px 0; } .masthead-article__content, .masthead-article__media, .masthead-article__figure { inline-size: var(--cols6); margin-inline: 0; } } .masthead-background-image { background: var(--color-bg-gradient); padding-block: 0 !important; } @media (max-width: 47.99em) { .masthead-background-image .masthead__content { padding-block: 15px; padding-inline: 18px; } .masthead-background-image .masthead__content:before { block-size: 74px; inline-size: 74px; inset-block-start: -10px; inset-inline-start: -10px; } .masthead-background-image .masthead__actions { margin-block: -10px -8px; margin-inline: -10px 0; } .masthead-background-image .masthead__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; } } .masthead-background-image .masthead__inner { min-block-size: 200px; padding-block: 90px 30px; } @media (min-width: 48em) { .masthead-background-image .masthead__inner { padding-block: 120px 80px; } } @media (min-width: 80em) { .masthead-background-image .masthead__inner { padding-block: 140px 70px; } } .masthead-background-image .masthead__media:before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 10, 18, 0)), to(rgba(2, 10, 18, 0.75))); background: linear-gradient(180deg, rgba(2, 10, 18, 0) 0%, rgba(2, 10, 18, 0.75) 100%); block-size: 120px; content: ""; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; mix-blend-mode: normal; position: absolute; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); z-index: 0; } @media (min-width: 48em) { .masthead-background-image:before { block-size: 256px; } .masthead-background-image .masthead__content { max-inline-size: 381px; } } @media (min-width: 64em) { .masthead-background-image .masthead__content { max-inline-size: 461px; } } @media (min-width: 80em) { .masthead-background-image .masthead__content { max-inline-size: 580px; } } .masthead-bio-detail { color: var(--color-text-0); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-block: 83px 0; padding-inline: var(--page-margin); position: relative; } .masthead-bio-detail:before { background-color: var(--color-spruce); block-size: 25%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-position: bottom; mask-position: bottom; position: absolute; z-index: 0; } @media (min-width: 48em) { .masthead-bio-detail:before { block-size: 55%; } } .masthead-bio-detail .btn.btn--primary { color: inherit; -webkit-margin-before: 30px; margin-block-start: 30px; } .masthead-bio-detail[data-theme="shamrock"] { color: var(--color-text-100); } .masthead-bio-detail[data-theme="shamrock"] .masthead-bio-detail__subheading { color: var(--color-text-80); } .masthead-bio-detail[data-theme="shamrock"]:before { background: linear-gradient(241.74deg, #38b270 20.56%, #3eec78 85.44%); } .masthead-bio-detail[data-theme="light-lime"] { color: var(--color-text-100); } .masthead-bio-detail[data-theme="light-lime"] .masthead-bio-detail__subheading { color: var(--color-text-80); } .masthead-bio-detail[data-theme="light-lime"]:before { background: linear-gradient(248.2deg, #e8fff0 18.82%, #f8fffd 92.09%); } .masthead-bio-detail .breadcrumbs { display: block; inline-size: 100%; margin-block: 0 25px; padding-block: 0; -webkit-padding-start: 0; padding-inline-start: 0; z-index: 1; } @media (min-width: 48em) { .masthead-bio-detail .breadcrumbs { margin-block: 0 50px; } } @media (min-width: 80em) { .masthead-bio-detail .breadcrumbs { margin-block: -30px 60px; } } .masthead-bio-detail .share__link { -webkit-margin-after: 2px; margin-block-end: 2px; } @media (min-width: 48em) { .masthead-bio-detail .share__link { -webkit-margin-after: 5px; margin-block-end: 5px; } } @media (min-width: 64em) { .masthead-bio-detail .share__link { -webkit-margin-after: 14px; margin-block-end: 14px; } } .masthead-bio-detail__content, .masthead-bio-detail__media, .masthead-bio-detail__figure { position: relative; z-index: 1; } .masthead-bio-detail__media { display: none; inline-size: var(--cols5); } @media (min-width: 48em) { .masthead-bio-detail__media { display: block; } } .masthead-bio-detail__media img { border-radius: 50%; } .masthead-bio-detail__media-image-mobile { border-radius: 50%; display: block; inline-size: 50%; -webkit-margin-before: 20px; margin-block-start: 20px; margin-inline: 50% 0; } @media (min-width: 48em) { .masthead-bio-detail__media-image-mobile { display: none; } } .masthead-bio-detail__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--grid-gutter-width); inline-size: var(--cols6); -webkit-margin-after: 50px; margin-block-end: 50px; } .masthead-bio-detail__content-text { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .masthead-bio-detail__heading { font-size: 36px; letter-spacing: 0.01em; -webkit-margin-after: 7px; margin-block-end: 7px; } @media (min-width: 48em) { .masthead-bio-detail__heading { font-size: 56px; } } .masthead-bio-detail__subheading { color: var(--color-text-40); font-family: var(--secondary-font); font-size: 20px; font-weight: 600; line-height: 110%; margin: 0; -webkit-margin-before: 8px; margin-block-start: 8px; text-transform: none; } @media (min-width: 48em) { .masthead-bio-detail__subheading { font-size: 24px; } } .masthead-bio-detail__copy { -webkit-margin-before: 40px; margin-block-start: 40px; } .masthead-bio-detail__content-icon { max-inline-size: 95px; } .masthead-bio-detail__content-icon img { max-inline-size: 100%; } .masthead-bio-detail__heading-wrapper { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } @media (min-width: 48em) { .masthead-bio-detail__heading-wrapper { gap: 20px; } } @media (min-width: 48em) and (max-width: 63.99em) { .masthead-bio-detail { padding-block: 33px 0; } .masthead-bio-detail__content, .masthead-bio-detail__media, .masthead-bio-detail__figure { inline-size: var(--cols6); margin-inline: 0; } } @media (max-width: 47.99em) { .masthead-bio-detail { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-block: 33px 0; } .masthead-bio-detail__content, .masthead-bio-detail__media, .masthead-bio-detail__figure { inline-size: var(--cols6); margin-inline: 0; } } .masthead-bpn { color: var(--color-text-0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-block: 83px 0; padding-inline: var(--page-margin); position: relative; } .masthead-bpn:before { background-color: var(--color-spruce); block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-position: bottom; mask-position: bottom; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; position: absolute; -webkit-transform: scaleX(1); transform: scaleX(1); z-index: 0; } .masthead-bpn .btn.btn--primary { color: inherit; -webkit-margin-before: 30px; margin-block-start: 30px; } .masthead-bpn[data-theme="shamrock"] { color: var(--color-text-100); } .masthead-bpn[data-theme="shamrock"] .masthead-bpn__subheading { color: var(--color-text-80); } .masthead-bpn[data-theme="shamrock"]:before { background: linear-gradient(241.74deg, #38b270 20.56%, #3eec78 85.44%); } .masthead-bpn[data-theme="light-lime"] { color: var(--color-text-100); } .masthead-bpn[data-theme="light-lime"] .masthead-bpn__subheading { color: var(--color-text-80); } .masthead-bpn[data-theme="light-lime"]:before { background: linear-gradient(248.2deg, #e8fff0 18.82%, #f8fffd 92.09%); } .masthead-bpn__content, .masthead-bpn__media, .masthead-bpn__figure { position: relative; z-index: 1; } .masthead-bpn__media { inline-size: var(--cols5); } .masthead-bpn__media video { inline-size: 100%; -webkit-padding-after: 100px; padding-block-end: 100px; } @media (min-width: 48em) { .masthead-bpn__media video { -webkit-padding-after: 0; padding-block-end: 0; } } .masthead-bpn__content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--grid-gutter-width); inline-size: var(--cols5); -webkit-margin-after: 50px; margin-block-end: 50px; } @media (min-width: 48em) { .masthead-bpn__content { -webkit-padding-after: 200px; padding-block-end: 200px; } } .masthead-bpn__content-text { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .masthead-bpn__heading { letter-spacing: 0.01em; -webkit-margin-after: 16px; margin-block-end: 16px; } .masthead-bpn__subheading { color: var(--color-text-40); font-family: var(--primary-font); font-weight: 400; line-height: 1; margin: 0; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .masthead-bpn__content-icon { max-inline-size: 95px; } .masthead-bpn__content-icon img { max-inline-size: 100%; } @media (min-width: 48em) and (max-width: 63.99em) { .masthead-bpn { padding-block: 33px 0; } .masthead-bpn__content, .masthead-bpn__media, .masthead-bpn__figure { inline-size: var(--cols6); margin-inline: 0; } } @media (max-width: 47.99em) { .masthead-bpn { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-block: 33px 0; } .masthead-bpn__content, .masthead-bpn__media, .masthead-bpn__figure { inline-size: var(--cols6); margin-inline: 0; } } .form-masthead .marketo-form .mktoFormRow.mktoFormRow--radioRow { gap: 0; } .form-masthead .marketo-form .mktoFormRow.mktoFormRow--radioRow .mktoRadioList.mktoHasWidth { -webkit-margin-after: 0; margin-block-end: 0; } .form-masthead .marketo-form .mktoFormCol { min-height: 0; } .form-masthead .marketo-form .mktoFieldDescriptor.mktoFormCol { margin: 0 !important; } .form-masthead .marketo-form .mktoError .mktoErrorMsg .mktoErrorDetail { display: inline !important; } .form-masthead .marketo-form .mktoError .mktoErrorMsg { max-width: unset !important; } .form-masthead .marketo-form .mktoFormRow { margin-bottom: 0; } .form-masthead .marketo-form .mktoButton { background: rgba(0, 0, 0, 0); border: 2px solid var(--color-jade); color: var(--color-text-100); } @media (max-width: 63.99em) { .form-masthead .marketo-form .mktoButton { inline-size: 100%; } } .form-masthead .marketo-form .mktoRadioList input[type="radio"] { -webkit-margin-after: 5px; margin-block-end: 5px; clear: none; } .form-masthead .marketo-form .mktoRadioList input[type="radio"]:not(:first-child) { -webkit-margin-start: 20px; margin-inline-start: 20px; } .form-masthead .marketo-form .mktoRadioList input[type="radio"] + label { position: relative; inset-block-start: 2px; inset-inline-start: 5px; -webkit-margin-end: 20px; margin-inline-end: 20px; } @media (max-width: 63.99em) { .form-masthead { padding-block: 30px 20px; } } .masthead-home-wrapper { padding-inline: 0 !important; } .masthead-home-wrapper .masthead-home { -webkit-padding-after: 320px; padding-block-end: 320px; } .masthead-home-wrapper .shape__container { -webkit-margin-before: -320px; margin-block-start: -320px; } .masthead-home-wrapper .shape__container .component:first-child { -webkit-padding-before: 0; padding-block-start: 0; } .masthead-home-wrapper .shape__container .component:first-child .featured-content-row-container { -webkit-padding-before: 80px; padding-block-start: 80px; } @media (min-width: 64em) { .masthead-home-wrapper .shape__container .component:first-child .featured-content-row-container { -webkit-padding-before: 35px; padding-block-start: 35px; } } .masthead-home-wrapper .shape__container .full-width-row { margin-block: -1px; } .masthead-home-wrapper .shape__container .full-width-row:first-child .full-width-row__container { -webkit-padding-before: 100px; padding-block-start: 100px; } @media (min-width: 48em) { .masthead-home-wrapper .shape__container .full-width-row:first-child .full-width-row__container { -webkit-padding-before: 180px; padding-block-start: 180px; } } @media (min-width: 80em) { .masthead-home-wrapper .shape__container .full-width-row:first-child .full-width-row__container { -webkit-padding-before: 230px; padding-block-start: 230px; } } @media (min-width: 48em) { .masthead-home-wrapper .shape__container .full-width-row .full-width-row__container { padding-inline: var(--cols1); } } .masthead-home { background: -webkit-gradient(linear, left top, left bottom, from(#ebfdf1), color-stop(93.23%, #82f3a8)); background: linear-gradient(180deg, #ebfdf1 0%, #82f3a8 93.23%); color: var(--color-text-0); color: var(--color-text-100); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-block: 83px 0; padding-inline: var(--page-margin); position: relative; } @media (max-width: 47.99em) { .masthead-home { padding-inline: 5.76925vw; } } @media (min-width: 48em) and (max-width: 63.99em) { .masthead-home { padding-inline: calc((100vw - 700px) / 2); } } .masthead-home .btn.btn--primary { color: inherit; -webkit-margin-before: 30px; margin-block-start: 30px; } .masthead-home__main-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media (min-width: 48em) { .masthead-home__main-content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .masthead-home__content, .masthead-home__media, .masthead-home__figure { max-inline-size: 100%; position: relative; z-index: 1; } .masthead-home__content video, .masthead-home__media video, .masthead-home__figure video { max-inline-size: 100%; } .masthead-home__media { inline-size: var(--cols6); } @media (min-width: 48em) { .masthead-home__media { inline-size: var(--cols5); padding-inline: calc(var(--grid-column-width) * 0.8); } } .masthead-home__content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--grid-gutter-width); inline-size: var(--cols7); -webkit-margin-after: 50px; margin-block-end: 50px; } @media (min-width: 48em) { .masthead-home__content { -webkit-padding-end: calc(var(--grid-column-width) * 0.8); padding-inline-end: calc(var(--grid-column-width) * 0.8); } } .masthead-home__content-text { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .masthead-home__content-text .btn { inline-size: 100%; } @media (min-width: 48em) { .masthead-home__content-text .btn { inline-size: -webkit-fit-content; inline-size: -moz-fit-content; inline-size: fit-content; } } .masthead-home__heading { letter-spacing: 0.01em; -webkit-margin-after: 16px; margin-block-end: 16px; } .masthead-home__subheading { color: var(--color-text-80); font-family: var(--primary-font); font-weight: 400; line-height: 1; margin: 0; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .masthead-home__content-icon { max-inline-size: 95px; } .masthead-home__content-icon img { max-inline-size: 100%; } .masthead-home__solution-links { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px 20px; inline-size: 100%; padding-block: 24px; } @media (min-width: 48em) { .masthead-home__solution-links { inline-size: var(--cols12); padding-inline: calc(var(--grid-column-width) * 0.8); } } @media (min-width: 80em) { .masthead-home__solution-links { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .masthead-home__solution-links .link { font-size: 14px; max-inline-size: 250px; } .masthead-home__solution-link-featured { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-padding-end: 20px; padding-inline-end: 20px; position: relative; } @media (min-width: 48em) { .masthead-home__solution-link-featured { font-size: 14px !important; max-block-size: unset; max-inline-size: 100%; -webkit-padding-end: 40px; padding-inline-end: 40px; } } .masthead-home__solution-link-featured .masthead-home__solution-link-featured-description { display: none; font-size: 14px !important; } @media (min-width: 48em) { .masthead-home__solution-link-featured .masthead-home__solution-link-featured-description { display: block; } } .masthead-home__solution-link-featured .masthead-home__solution-link-featured-title { display: block; font-size: 14px; font-weight: 600; position: relative; } @media (min-width: 48em) { .masthead-home__solution-link-featured .masthead-home__solution-link-featured-title { font-size: 18px; } } .masthead-home__solution-link-featured .link__icon { block-size: 16px; color: #8f33ff; fill: #0000; inline-size: 9px; inset-block-start: calc(50% - 9px); inset-inline-end: 0; position: absolute; } @media (min-width: 48em) { .masthead-home__solution-link-featured .link__icon { block-size: 33px; inline-size: 19px; inset-block-start: calc(50% - 16px); } } @media (min-width: 48em) and (max-width: 63.99em) { .masthead-home { padding-block: 33px 0; } .masthead-home__content, .masthead-home__media, .masthead-home__figure { inline-size: var(--cols6); margin-inline: 0; } } @media (max-width: 47.99em) { .masthead-home { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-block: 33px 0; } .masthead-home__content, .masthead-home__media, .masthead-home__figure { inline-size: var(--cols6); margin-inline: 0; } } .masthead-home__solution-links-header { min-inline-size: 100%; } @media (min-width: 64em) { .masthead-home__solution-links-header { min-inline-size: unset; } } .masthead-media { color: var(--color-text-0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-block: 83px 0; padding-inline: var(--page-margin); position: relative; } .masthead-media:before { background-color: var(--color-spruce); block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-position: bottom; mask-position: bottom; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; position: absolute; z-index: 0; } .masthead-media .btn.btn--primary { color: inherit; inline-size: 100%; -webkit-margin-after: 30px; margin-block-end: 30px; -webkit-margin-before: 30px; margin-block-start: 30px; } @media (min-width: 48em) { .masthead-media .btn.btn--primary { inline-size: auto; } } .masthead-media[data-theme="shamrock"] { color: var(--color-text-100); } .masthead-media[data-theme="shamrock"] .masthead-media__subheading { color: var(--color-text-80); } .masthead-media[data-theme="shamrock"]:before { background: linear-gradient(241.74deg, #38b270 20.56%, #3eec78 85.44%); } .masthead-media[data-theme="light-lime"] { color: var(--color-text-100); } .masthead-media[data-theme="light-lime"] .masthead-media__subheading { color: var(--color-text-80); } .masthead-media[data-theme="light-lime"]:before { background: linear-gradient(248.2deg, #e8fff0 18.82%, #f8fffd 92.09%); } .masthead-media__content, .masthead-media__media, .masthead-media__figure { position: relative; z-index: 1; } .masthead-media__media { inline-size: var(--cols5); } .masthead-media__content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--grid-gutter-width); inline-size: var(--cols5); -webkit-margin-after: 50px; margin-block-end: 50px; } .masthead-media__content-text { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .masthead-media__heading { letter-spacing: 0.01em; -webkit-margin-after: 16px; margin-block-end: 16px; } .masthead-media__subheading { color: var(--color-text-40); font-family: var(--primary-font); font-weight: 400; line-height: 1; margin: 0; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .masthead-media__content-icon { max-inline-size: 95px; } .masthead-media__content-icon img { max-inline-size: 100%; } @media (min-width: 48em) and (max-width: 63.99em) { .masthead-media { padding-block: 33px 0; } .masthead-media__content, .masthead-media__media, .masthead-media__figure { inline-size: var(--cols6); margin-inline: 0; } } @media (max-width: 47.99em) { .masthead-media { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-block: 33px 0; } .masthead-media__content, .masthead-media__media, .masthead-media__figure { inline-size: var(--cols6); margin-inline: 0; } } .masthead-news-detail { position: relative; } .masthead-shape { color: var(--color-text-0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-block: 83px 0; padding-inline: var(--page-margin); position: relative; } .masthead-shape:before { background-color: var(--color-spruce); block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-position: bottom; mask-position: bottom; position: absolute; z-index: 0; } .masthead-shape__content, .masthead-shape__figure { position: relative; z-index: 1; } .masthead-shape__content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--grid-gutter-width); inline-size: var(--cols6); } .masthead-shape__content-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .masthead-shape__subheading { color: var(--color-text-40); -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .masthead-shape__figure { inline-size: var(--cols4); } .masthead-shape__content-icon { max-inline-size: 95px; } .masthead-shape__content-icon img { max-inline-size: 100%; } .masthead-simple { color: var(--color-text-100); display: -webkit-box; display: -ms-flexbox; display: flex; isolation: isolate; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; padding-block: 140px 0; padding-inline: var(--page-margin); position: relative; } .masthead-simple:before { background-color: #0000; block-size: 100%; content: ""; display: none; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-position: 40% bottom; mask-position: 40% bottom; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; position: absolute; z-index: -1; } @media (min-width: 64em) { .masthead-simple:before { display: block; } } .masthead-simple.masthead-simple--right:before { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .masthead-simple .btn.btn--primary { color: inherit; } .masthead-simple__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; inline-size: var(--cols5); -webkit-padding-after: 40px; padding-block-end: 40px; position: relative; } @media (min-width: 48em) { .masthead-simple__header { -webkit-margin-after: 80px; margin-block-end: 80px; -webkit-padding-after: 80px; padding-block-end: 80px; } } @media (min-width: 64em) { .masthead-simple__header { -webkit-margin-after: 200px; margin-block-end: 200px; -webkit-padding-after: 0; padding-block-end: 0; } } .masthead-simple__header:before { background-color: #0000; block-size: 100%; block-size: calc(100% + 75px); content: ""; display: block; inline-size: calc(100% + 44px); inset-block-start: 0; inset-block-start: -75px; inset-inline-start: 0; inset-inline-start: -22px; -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-position: 22% bottom; mask-position: 22% bottom; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; position: absolute; z-index: -1; } @media (min-width: 48em) { .masthead-simple__header:before { block-size: calc(100% + 115px); inline-size: calc(100% + 120px); inset-inline-start: -60px; -webkit-mask-position: 0% bottom; mask-position: 0% bottom; } } @media (min-width: 64em) { .masthead-simple__header:before { display: none; } } .masthead-simple__heading { max-inline-size: 70%; } @media (min-width: 64em) { .masthead-simple__heading { max-inline-size: 100%; } } .masthead-simple__subheading { font-family: var(--primary-font); font-size: 16px; font-weight: 400; letter-spacing: 0.02em; line-height: 120%; margin-block: 0 8px; margin-inline: 0; max-inline-size: 80%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } @media (min-width: 64em) { .masthead-simple__subheading { max-inline-size: 100%; } } .masthead-simple__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; inline-size: var(--cols4); } .masthead-simple--right .masthead-simple__content { -webkit-margin-end: var(--cols1); margin-inline-end: var(--cols1); -webkit-margin-start: 0; margin-inline-start: 0; } .masthead-simple__content-text { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .masthead-simple__heading { -webkit-margin-after: 16px; margin-block-end: 16px; } .masthead-simple__content-icon { max-inline-size: 95px; } .masthead-simple__content-icon img { max-inline-size: 100%; } [data-theme="spruce"] .masthead-simple__header { color: var(--color-text-0); } [data-theme="spruce"]:before { background-color: var(--color-spruce); } [data-theme="spruce"] .masthead-simple__header:before { background-color: var(--color-spruce); } [data-theme="shamrock"] { color: var(--color-text-100); } [data-theme="shamrock"]:before { background: linear-gradient(241.74deg, #38b270 20.56%, #3eec78 85.44%); } [data-theme="shamrock"] .masthead-simple__header:before { background: linear-gradient(241.74deg, #38b270 20.56%, #3eec78 85.44%); } [data-theme="light-lime"] { color: var(--color-text-100); } [data-theme="light-lime"]:before { background: linear-gradient(248.2deg, #e8fff0 18.82%, #f8fffd 92.09%); } [data-theme="light-lime"] .masthead-simple__header:before { background: linear-gradient(248.2deg, #e8fff0 18.82%, #f8fffd 92.09%); } @media (max-width: 63.99em) { .masthead-simple { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-block: 75px 0; } .masthead-simple__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; inline-size: var(--cols8); min-block-size: 28vh; } .masthead-simple__subheading { font-size: 14px; font-weight: 400; letter-spacing: 0.02em; line-height: 190%; margin-block: 0; margin-inline: 0; } .masthead-simple__content { inline-size: var(--cols6); -webkit-margin-start: var(--cols6); margin-inline-start: var(--cols6); } } @media (max-width: 63.99em) { .masthead-simple .btn.btn--primary { inline-size: 100%; } .masthead-simple__content { inline-size: 100%; -webkit-margin-start: 0; margin-inline-start: 0; } .masthead-simple__header { inline-size: 100%; } } .masthead-video-resource { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .masthead-video-resource .full-width-video { margin-block: 30px; margin-inline: 0; padding: 0; } @media (min-width: 64em) { .masthead-video-resource .full-width-video { margin-block: 60px; } } @media (max-width: 63.99em) { .masthead-video-resource .full-width-video { -webkit-margin-start: calc(var(--page-margin) * -1); margin-inline-start: calc(var(--page-margin) * -1); } } .masthead-video-resource__heading { margin-block: 0; } .masthead-video-resource__subheading { color: var(--color-text-100); font-family: var(--primary-font); font-size: 16px; font-weight: 400; margin-block: 0 4px; margin-inline: 0; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .masthead-video-resource .share { padding: 0; } .media-contacts-row { inline-size: 100%; max-inline-size: var(--container-max-width); padding-block: var(--block-vertical-spacing); } .media-contacts-row__heading { -webkit-margin-after: 30px; margin-block-end: 30px; } .media-contacts-row__contacts { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background: linear-gradient(248.2deg, #e8fff0 18.82%, #f8fffd 92.09%); display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; inline-size: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; max-inline-size: var(--container-max-width); padding: 40px; } .media-contacts-row__contact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; inline-size: calc((100% - 30px) / 2); } .media-contacts-row__contact-name { margin: 0; } .media-contacts-row__contact-title { color: var(--color-text-80); font-weight: 400; letter-spacing: 0.02em; line-height: 160%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } a.media-contacts-row__contact-email { color: var(--color-jade); -webkit-margin-before: 15px; margin-block-start: 15px; text-decoration: none; word-break: break-all; } a.media-contacts-row__contact-email:focus, a.media-contacts-row__contact-email:hover { color: var(--color-spruce); text-decoration: underline; } @media (max-width: 63.99em) { .media-contacts-row__contacts { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; padding: 20px; } .media-contacts-row__contact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; inline-size: 100%; } } .body-fixed, .blockscroll { overflow: hidden; } @media (max-width: 63.99em) { .blockscroll .coveo-search-results__sidebar { z-index: 0; } } .header__wrapper { max-block-size: 80px; } @media (min-width: 64em) { .header__wrapper { max-block-size: 96px; } } .header[data-module="new-menu"] { max-inline-size: var(--max-page-width); inset-block-start: 0; padding-block: 0; padding-inline: var(--page-margin); position: relative; z-index: 100000; } @media (min-width: 64em) { .header[data-module="new-menu"] { padding-block: 0; } } .header[data-module="new-menu"].header__wrapper-menu--open { background: var(--color-text-0); } .header[data-module="new-menu"].fixed { background: var(--color-white); -webkit-box-shadow: 0 0 18px 2px rgba(69, 72, 74, 0.3); box-shadow: 0 0 18px 2px #45484a4d; inline-size: 100%; inset-block-start: 0; position: fixed; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; z-index: 999999; } @media (min-width: 64em) { .header[data-module="new-menu"].fixed { block-size: 93px; } } @media (min-width: 64em) { .header[data-module="new-menu"].fixed:not(.full-fixed) .header__primary-navigation-list { display: none; } } @media (min-width: 64em) { .header[data-module="new-menu"].fixed:not(.full-fixed) .header__utility-navigation-list .header__utility-navigation-item { display: none; } } .header[data-module="new-menu"].fixed:not(.full-fixed) .header__utility-navigation-list .header__utility-navigation-item:last-child { display: block; } .header[data-module="new-menu"].fixed.full-fixed { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } @media (min-width: 64em) { .header[data-module="new-menu"].fixed .header__mega-menu { inset-block-start: 100%; } } .header[data-module="new-menu"]:not(.fixed) { top: 0 !important; } .header[data-module="new-menu"] > .header__container { position: unset; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; min-block-size: 80px; } @media (min-width: 64em) { .header[data-module="new-menu"] > .header__container { block-size: 96px; max-block-size: 96px; } } .header[data-module="new-menu"] .header__logo { -webkit-margin-after: 10px; margin-block-end: 10px; } .header[data-module="new-menu"] .header__logo .header__logo-image { display: block; max-block-size: 28px; } @media (min-width: 64em) { .header[data-module="new-menu"] .header__logo .header__logo-image { max-block-size: 40px; } } .header[data-module="new-menu"] .header__logo .header__logo-image-open { display: none; } .header[data-module="new-menu"] .header-nav-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; inline-size: 100%; } .header[data-module="new-menu"] .header__primary-nav { block-size: 100%; display: none; opacity: 0; overflow: auto; -webkit-padding-after: 30px; padding-block-end: 30px; visibility: hidden; } @media (min-width: 80em) { .header[data-module="new-menu"] .header__primary-nav { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; -webkit-padding-after: 0; padding-block-end: 0; -webkit-transition: opacity 1s; transition: opacity 1s; visibility: visible; } .header[data-module="new-menu"] .header__primary-nav .header__primary-nav-item { opacity: 1; -webkit-transition: opacity 4000; transition: opacity 4000; } } .header[data-module="new-menu"] .header__primary-nav.hidden { display: none; } .header[data-module="new-menu"] .header__primary-nav.hidden .header__primary-nav-item { opacity: 0; -webkit-transition: opacity 4000; transition: opacity 4000; } .header[data-module="new-menu"] .header__primary-nav-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; block-size: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-margin-end: 12px; margin-inline-end: 12px; } .header[data-module="new-menu"] .header__magamenu-wrapper-item { block-size: 100%; } .header[data-module="new-menu"] .header__magamenu-wrapper-item:hover .header__magamenu-wrapper-item-link, .header[data-module="new-menu"] .header__magamenu-wrapper-item:focus .header__magamenu-wrapper-item-link { -webkit-border-after: 3px solid var(--color-jade); border-block-end: 3px solid var(--color-jade); color: var(--color-jade); font-weight: 600; } .header[data-module="new-menu"] .header__magamenu-wrapper-item:hover .header__magamenu-wrapper-item-link svg, .header[data-module="new-menu"] .header__magamenu-wrapper-item:focus .header__magamenu-wrapper-item-link svg { color: var(--color-jade); } .header[data-module="new-menu"] .header__mega-menu { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background: linear-gradient(90deg, var(--color-text-0) calc(100% - var(--page-margin) - 260px), rgba(244, 244, 244, 0.99) 30%); border-radius: 0; inline-size: 100vw; inset-block-start: calc(100% - 3px); inset-inline-start: 0; margin-block: 0 !important; margin-inline: auto !important; max-inline-size: var(--max-page-width); opacity: 0; overflow: auto; position: absolute; visibility: visible; pointer-events: none; -webkit-transition: opacity 0.3s ease-in-out, max-height 1.4s cubic-bezier(0.165, 0.84, 0.46, 1), height 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: opacity 0.3s ease-in-out, max-height 1.4s cubic-bezier(0.165, 0.84, 0.46, 1), height 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .header[data-module="new-menu"] .header__mega-menu.no-featured { background: linear-gradient(90deg, var(--color-text-0) calc(100% - var(--page-margin) - 237px), var(--color-text-0) 30%); } @media (min-width: 48em) { .header[data-module="new-menu"] .header__mega-menu { max-height: 0 !important; } } @media (min-width: 80em) { .header[data-module="new-menu"] .header__mega-menu { inline-size: 100%; max-height: 0 !important; } } @media (min-width: 64em) { .header[data-module="new-menu"] .header__mega-menu { max-block-size: -webkit-fit-content; max-block-size: -moz-fit-content; max-block-size: fit-content; } } @media (min-width: 80em) { .header[data-module="new-menu"] .header__mega-menu { max-height: 0 !important; } } .header[data-module="new-menu"] .header__primary-nav-item-toggle--open > .header__mega-menu { opacity: 1; overflow: hidden; visibility: visible; z-index: 10; -webkit-border-before: solid 1px var(--color-grey-2); border-block-start: solid 1px var(--color-grey-2); -webkit-box-shadow: 0 4px 6px rgba(69, 72, 74, 0.2); box-shadow: 0 4px 6px #45484a33; -webkit-transform: translateY(0); transform: translateY(0); pointer-events: all; max-height: calc(100vh - 70px) !important; } .header[data-module="new-menu"] .header__mega-menu .header__container { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-margin-after: 55px; margin-block-end: 55px; position: relative; overflow: auto; opacity: 1; -webkit-transition: opacity 0.6s linear; transition: opacity 0.6s linear; } .header[data-module="new-menu"] .header__mega-menu .header__container.hidden { opacity: 0.3; } .header[data-module="new-menu"] .header__mega-menu-sub-nav { background-color: var(--color-text-0); block-size: 100%; inline-size: 50%; max-inline-size: 240px; -webkit-margin-before: 50px; margin-block-start: 50px; } .header[data-module="new-menu"] .header__magamenu-wrapper-item-link { -webkit-border-after: 3px solid rgba(0, 0, 0, 0); border-block-end: 3px solid rgba(0, 0, 0, 0); color: var(--text-100); font-family: var(--primary-font); font-size: 16px; font-style: normal; font-weight: 500; line-height: 100%; padding-block: 32px 29px; block-size: 74px; } @media (min-width: 64em) { .header[data-module="new-menu"] .header__magamenu-wrapper-item-link { block-size: 89px; } } .header[data-module="new-menu"] .header__magamenu-wrapper-item-link svg { block-size: 10px; color: var(--color-text-100); fill: var(--color-white); -webkit-margin-start: 3px; margin-inline-start: 3px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .header[data-module="new-menu"] .header__primary-nav-item-toggle--open .header__magamenu-wrapper-item-link { -webkit-border-after: 3px solid var(--color-jade); border-block-end: 3px solid var(--color-jade); color: var(--color-jade); font-weight: 600; } .header[data-module="new-menu"] .header__primary-nav-item-toggle--open .header__magamenu-wrapper-item-link svg { color: var(--color-jade); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .header[data-module="new-menu"] .header__container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .header[data-module="new-menu"] .header__mega-menu-nav-item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .header[data-module="new-menu"] .header__mega-menu-nav-sub-item { inline-size: 100%; } .header[data-module="new-menu"] .header__mega-menu-nav-sub-item-back, .header[data-module="new-menu"] .header__mega-menu-nav-link-item-back { display: none; } .header[data-module="new-menu"] .header__magamenu-wrapper-subitem-link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 5px; color: var(--text-100); display: -webkit-box; display: -ms-flexbox; display: flex; font-family: var(--primary-font); font-size: 16px; font-style: normal; font-weight: 500; inline-size: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 100%; padding-block: 15px; padding-inline: 20px 10px; text-align: left; } .header[data-module="new-menu"] .header__magamenu-wrapper-subitem-link .header__utility-navigation-dropdown-icon { color: var(--color-jade); -webkit-transform: rotate(180deg) !important; transform: rotate(180deg) !important; -webkit-transition: -webkit-transform 0.3s linear; transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; } .header[data-module="new-menu"] .header__magamenu-wrapper-subitem-link.header__magamenu-wrapper-subitem-link--active, .header[data-module="new-menu"] .header__magamenu-wrapper-subitem-link:hover, .header[data-module="new-menu"] .header__magamenu-wrapper-subitem-link:focus { background: var(--color-menu-link-hover-bg); font-weight: 600; } .header[data-module="new-menu"] .header__magamenu-wrapper-subitem-link:hover .header__utility-navigation-dropdown-icon, .header[data-module="new-menu"] .header__magamenu-wrapper-subitem-link:focus .header__utility-navigation-dropdown-icon { -webkit-transform: rotate(180deg) translateX(-2px) !important; transform: rotate(180deg) translate(-2px) !important; -webkit-transition: -webkit-transform 0.3s linear; transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; } .header[data-module="new-menu"] .header__mega-menu-nav-sub-item-content-item { display: none; } .header[data-module="new-menu"] .header__mega-menu-nav-sub-item-content-item:only-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .header[data-module="new-menu"] .header__mega-menu-nav-sub-item-content-item.header__mega-menu-nav-sub-item--active { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; inline-size: calc(100% - 240px - 2 * var(----page-margin)); inset-inline-start: 260px; inset-block-start: 0; } .header[data-module="new-menu"] .header__mega-menu-sub-item-links { display: -webkit-box; display: -ms-flexbox; display: flex; } .header[data-module="new-menu"] .header__mega-menu-link { border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; padding: 20px; text-decoration: none !important; } .header[data-module="new-menu"] .header__mega-menu-link:hover, .header[data-module="new-menu"] .header__mega-menu-link:focus { background: var(--color-menu-link-hover-bg); } .header[data-module="new-menu"] .header__mega-menu-link-icon { inline-size: 20px; block-size: 20px; -o-object-fit: contain; object-fit: contain; -webkit-margin-end: 10px; margin-inline-end: 10px; } .header[data-module="new-menu"] .header__mega-menu-link-header-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header[data-module="new-menu"] .header__mega-menu-link-title { color: var(--text-100); font-family: var(--primary-font); font-size: 15px; font-style: normal; font-weight: 600; line-height: 100%; text-decoration: none !important; } .header[data-module="new-menu"] .header__mega-menu-link-description { color: var(--text-100); font-family: var(--primary-font); font-size: 13px; font-style: normal; font-weight: 400; line-height: 115%; text-decoration: none !important; -webkit-margin-before: 8px; margin-block-start: 8px; } .header[data-module="new-menu"] .header-featured-row-wrapper { -ms-flex-line-pack: start; align-content: flex-start; background-color: #f4f4f4fc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; inline-size: 50%; -webkit-margin-start: 20px; margin-inline-start: 20px; max-inline-size: 237px; -webkit-margin-before: 50px; margin-block-start: 50px; overflow: auto; padding-inline: 20px; -webkit-padding-after: 10px; padding-block-end: 10px; } .header[data-module="new-menu"] .header-featured-row { background-color: var(--color-text-0); block-size: -webkit-min-content; block-size: -moz-min-content; block-size: min-content; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-filter: drop-shadow(-2px 2px 5px rgba(0, 0, 0, 0.1)); filter: drop-shadow(-2px 2px 5px rgba(0, 0, 0, 0.1)); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; inline-size: 95%; max-inline-size: 95%; min-inline-size: 95%; } .header[data-module="new-menu"] .header-featured-row-title { color: var(--text-100); font-family: var(--primary-font); font-size: 15px; font-style: normal; font-weight: 600; line-height: 120%; -webkit-margin-after: 0; margin-block-end: 0; } .header[data-module="new-menu"] .header-featured-row-description { color: var(--text-100); font-family: var(--primary-font); font-size: 13px; font-style: normal; font-weight: 400; line-height: 125%; -webkit-margin-before: 5px; margin-block-start: 5px; } .header[data-module="new-menu"] .header-featured-row-img { border-radius: 5px 5px 0 0; max-inline-size: 40%; -o-object-fit: contain; object-fit: contain; } @media (min-width: 64em) { .header[data-module="new-menu"] .header-featured-row-img { max-inline-size: 100%; } } .header[data-module="new-menu"] .header-featured-row-info { padding-block: 10px 18px; padding-inline: 17px; } .header[data-module="new-menu"] .header-featured-link { color: var(--text-100); display: block; font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 600; inline-size: -webkit-fit-content; inline-size: -moz-fit-content; inline-size: fit-content; line-height: 100%; -webkit-margin-before: 8px; margin-block-start: 8px; -webkit-padding-end: 15px; padding-inline-end: 15px; position: relative; text-decoration: none; } .header[data-module="new-menu"] .header-featured-link:hover, .header[data-module="new-menu"] .header-featured-link:focus { text-decoration: underline; } .header[data-module="new-menu"] .header-featured-link:hover .header__primary-navigation-featured-column-icon, .header[data-module="new-menu"] .header-featured-link:focus .header__primary-navigation-featured-column-icon { -webkit-transform: translateX(2px) !important; transform: translate(2px) !important; -webkit-transition: -webkit-transform 0.3s linear; transition: -webkit-transform 0.3s linear; transition: transform 0.3s linear; transition: transform 0.3s linear, -webkit-transform 0.3s linear; } .header[data-module="new-menu"] .header-featured-link .header__primary-navigation-featured-column-icon { block-size: 8px; color: var(--color-text-100); inline-size: 8px; inset-block-end: 4px; inset-inline-end: 0; -webkit-margin-end: 4px; margin-inline-end: 4px; position: absolute; -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; } .header[data-module="new-menu"] .header__mega-menu-sub-item-links-only-wrapper { display: block; inline-size: 100%; } .header[data-module="new-menu"] .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-links-group { inline-size: 100%; } .header[data-module="new-menu"] .header__mega-menu-links-group { -ms-flex-line-pack: start; align-content: flex-start; background-color: var(--color-text-0); block-size: -webkit-fit-content; block-size: -moz-fit-content; block-size: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; inline-size: 100vw; -webkit-margin-before: 50px; margin-block-start: 50px; max-inline-size: calc(100vw - 2 * var(--page-margin) - 520px); overflow: auto; } @media (min-width: 120em) { .header[data-module="new-menu"] .header__mega-menu-links-group { max-inline-size: 900px; } } .header[data-module="new-menu"] .header__mega-menu-links-group:only-child { max-inline-size: calc(100vw - 2 * var(--page-margin) - 260px); } @media (min-width: 120em) { .header[data-module="new-menu"] .header__mega-menu-links-group:only-child { max-inline-size: 1160px; } } .header[data-module="new-menu"] .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-links-group { max-inline-size: calc(100vw - 2 * var(--page-margin) - 265px); } @media (min-width: 120em) { .header[data-module="new-menu"] .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-links-group { max-inline-size: 1155px !important; } } .header[data-module="new-menu"] .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-links-group:only-child { max-inline-size: 100%; } .header[data-module="new-menu"] .header__mega-menu-links-item { max-inline-size: calc(50% - 20px); inline-size: 100%; } .header[data-module="new-menu"] .header__mega-menu-bottom-links { background-color: var(--color-text-0); -webkit-border-before: 1px solid var(--color-grey-2); border-block-start: 1px solid var(--color-grey-2); } .header[data-module="new-menu"] .header__mega-menu-bottom-links-container { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-block: 10px; } .header[data-module="new-menu"] .header__mega-menu-bottom-link { color: var(--text-80); font-family: var(--primary-font); font-size: 13px; font-style: normal; font-weight: 600; line-height: 100%; padding-block: 10px; padding-inline: 20px; position: relative; text-decoration: none; } .header[data-module="new-menu"] .header__mega-menu-bottom-link:hover, .header[data-module="new-menu"] .header__mega-menu-bottom-link:focus { text-decoration: underline; } .header[data-module="new-menu"] .header__mega-menu-bottom-link:not(:last-child):after { block-size: 15px; -webkit-border-end: solid 1px var(--color-grey-2); border-inline-end: solid 1px var(--color-grey-2); content: ""; inset-block-start: calc(50% - 8px); inset-inline-end: 0; position: absolute; } .header[data-module="new-menu"] .header__mega-menu-close-btn { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Ccircle cx='17.3115' cy='17.5189' r='16.036' stroke='%234D6069' stroke-width='1.5'/%3E%3Cpath d='M11.2608 11.4683L23.362 23.5694' stroke='%234D6069' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.3622 11.4683L11.261 23.5694' stroke='%234D6069' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); block-size: 35px; cursor: pointer; display: block; inline-size: 35px; inset-inline-end: 13px; inset-block-start: 12px; position: absolute; -webkit-transition: background-image 0.2s ease-in-out; transition: background-image 0.2s ease-in-out; } .header[data-module="new-menu"] .header__mega-menu-close-btn:hover, .header[data-module="new-menu"] .header__mega-menu-close-btn:active { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Ccircle cx='17.3115' cy='17.5189' r='16.036' stroke='%23001821' stroke-width='1.5'/%3E%3Cpath d='M11.2608 11.4683L23.362 23.5694' stroke='%23001821' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23.3622 11.4683L11.261 23.5694' stroke='%23001821' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); -webkit-transition: background-image 0.2s ease-in-out; transition: background-image 0.2s ease-in-out; } .header[data-module="new-menu"] .header-navs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; inline-size: 100%; } @media (min-width: 80em) { .header[data-module="new-menu"] .header-navs { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .header[data-module="new-menu"] .header__utility-nav { display: none; } @media (min-width: 64em) { .header[data-module="new-menu"] .header__utility-nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; inline-size: auto; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .header[data-module="new-menu"] .header__utility-nav.wide { inline-size: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header[data-module="new-menu"] .header .dropdown-button svg, .header[data-module="new-menu"] .header .dropdown-button span { pointer-events: none; } .header[data-module="new-menu"] .dropdown-button.active { text-decoration: underline; } .header[data-module="new-menu"] .header__utility-navigation-language-selector-button { color: var(--text-100); } .header[data-module="new-menu"] .header__utility-navigation-language-selector-button svg { color: var(--text-100); } .header[data-module="new-menu"] .coveo-search-results__search-box-input { background-color: #f4f4f4fc; border: 0; color: var(--color-text-100); padding: 10px 12px; } .header[data-module="new-menu"] .coveo-search-results__search-box-input.focus-visible { inline-size: calc(100vw - 2 * var(--page-margin) - 500px); } .header[data-module="new-menu"] .coveo-search-results__search-box-input.focus-visible:valid { inline-size: calc(100vw - 2 * var(--page-margin) - 500px); } .header[data-module="new-menu"] .coveo-search-results__search-box-input:valid { inline-size: 0; } .header[data-module="new-menu"] .coveo-search-results__search-box-input::-webkit-input-placeholder { color: var(--color-grey-3); } .header[data-module="new-menu"] .coveo-search-results__search-box-input::-moz-placeholder { color: var(--color-grey-3); } .header[data-module="new-menu"] .coveo-search-results__search-box-input:-ms-input-placeholder { color: var(--color-grey-3); } .header[data-module="new-menu"] .coveo-search-results__search-box-input::-ms-input-placeholder { color: var(--color-grey-3); } .header[data-module="new-menu"] .coveo-search-results__search-box-input::placeholder { color: var(--color-grey-3); } .header[data-module="new-menu"] .header__utility-navigation-item .btn--outline, .header[data-module="new-menu"] .btn-book-call-mobile { background: var(--color-orchid); border: 2px solid var(--color-orchid); color: var(--color-text-0); min-block-size: 33px; line-height: 1.25; padding-inline: 10px; font-size: 14px; } .header[data-module="new-menu"] .header__utility-navigation-item .btn--outline:hover, .header[data-module="new-menu"] .header__utility-navigation-item .btn--outline:focus, .header[data-module="new-menu"] .btn-book-call-mobile:hover, .header[data-module="new-menu"] .btn-book-call-mobile:focus { background-color: var(--color-jade) !important; border: 2px solid var(--color-jade) !important; color: var(--color-text-0) !important; } .header[data-module="new-menu"] .header__utility-navigation-item .btn--outline.btn-book-call__orchid, .header[data-module="new-menu"] .btn-book-call-mobile.btn-book-call__orchid { background: var(--color-orchid); border: 2px solid var(--color-orchid); } .header[data-module="new-menu"] .header__utility-navigation-item .btn--outline.btn-book-call__jade, .header[data-module="new-menu"] .btn-book-call-mobile.btn-book-call__jade { background: var(--color-jade); border: 2px solid var(--color-jade); } .header[data-module="new-menu"] .header__utility-navigation-item .btn--outline.btn-book-call__jade:hover, .header[data-module="new-menu"] .header__utility-navigation-item .btn--outline.btn-book-call__jade:focus, .header[data-module="new-menu"] .btn-book-call-mobile.btn-book-call__jade:hover, .header[data-module="new-menu"] .btn-book-call-mobile.btn-book-call__jade:focus { background-color: var(--color-orchid) !important; border: 2px solid var(--color-orchid) !important; color: var(--color-text-0) !important; } .header[data-module="new-menu"] .header__utility-navigation-item .btn--outline.btn-book-call__spruce, .header[data-module="new-menu"] .btn-book-call-mobile.btn-book-call__spruce { background: var(--color-spruce); border: 2px solid var(--color-spruce); } .header[data-module="new-menu"] .coveo-search-results__search-box-clear { display: none; -webkit-margin-end: -8px; margin-inline-end: -8px; -webkit-margin-after: 8px; margin-block-end: 8px; padding: 0; opacity: 1; pointer-events: all; -webkit-transform: translateX(0); transform: translate(0); } @media (min-width: 64em) { .header[data-module="new-menu"] .coveo-search-results__search-box-clear { display: block; -webkit-margin-end: 15px; margin-inline-end: 15px; } } .header[data-module="new-menu"] .coveo-search-results__search-box-clear svg { color: var(--color-text-100); padding-top: 3px; -webkit-transform: scale(1.5); transform: scale(1.5); } @media (min-width: 64em) { .header[data-module="new-menu"] .coveo-search-results__search-box-clear svg { padding-top: 0; } } .header[data-module="new-menu"] .coveo-search-results__search-box-clear:hover svg, .header[data-module="new-menu"] .coveo-search-results__search-box-clear:active svg { color: var(--color-jade); } .header[data-module="new-menu"] .coveo-search-results__search-box-search { -webkit-margin-after: 5px; margin-block-end: 5px; -webkit-margin-end: 10px; margin-inline-end: 10px; } .header[data-module="new-menu"] .coveo-search-results__search-box-search svg { color: var(--color-text-100); } .header[data-module="new-menu"] .coveo-search-results__search-box-search:hover svg, .header[data-module="new-menu"] .coveo-search-results__search-box-search:active svg { color: var(--color-jade); } .header[data-module="new-menu"] .header__menu-toggle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; block-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: 20px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0; } @media (max-width: 79.99em) { .header[data-module="new-menu"] .header__menu-toggle { block-size: 44px; inline-size: 44px; } } @media (min-width: 80em) { .header[data-module="new-menu"] .header__menu-toggle { display: none; } } .header[data-module="new-menu"] .header__menu-toggle .header__toggle-menu-icon { block-size: 20px; display: block; inline-size: 20px; } .header[data-module="new-menu"] .header__menu-toggle .header__close-menu-icon { display: none; } .header[data-module="new-menu"] .btn-book-call-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 64em) { .header[data-module="new-menu"] .btn-book-call-mobile { display: none; } } .header[data-module="new-menu"] .header-nav-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .header[data-module="new-menu"] .header-nav-wrapper .header-navs { display: none; } @media (min-width: 64em) { .header[data-module="new-menu"] .header-nav-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .header[data-module="new-menu"] .header-nav-wrapper .header-navs { display: -webkit-box; display: -ms-flexbox; display: flex; } } .header[data-module="new-menu"] .header__utility-navigation-signin-selector-text-mobile, .header[data-module="new-menu"] .header__utility-navigation-language-selector-button-text-mobile { display: none; } .header[data-module="new-menu"] .header__utility-navigation-signin-selector-text-desktop, .header[data-module="new-menu"] .header__utility-navigation-language-selector-button-text-desktop { display: open; } .header[data-module="new-menu"] .header__utility-navigation-signin-selector-text-desktop svg, .header[data-module="new-menu"] .header__utility-navigation-language-selector-button-text-desktop svg { -webkit-margin-before: 8px; margin-block-start: 8px; } .header[data-module="new-menu"] .dropdown-btn__back { display: block; } @media (min-width: 64em) { .header[data-module="new-menu"] .dropdown-btn__back { display: none; } } .header[data-module="new-menu"].header__mobile-menu--open { background: var(--color-text-0); block-size: 100vh; inline-size: 100vw; inset-block-start: 0 !important; overflow-y: auto; position: fixed; z-index: 9999999999; } .header[data-module="new-menu"].header__mobile-menu--open .header__menu-toggle .header__toggle-menu-icon { display: none; } .header[data-module="new-menu"].header__mobile-menu--open .header__menu-toggle .header__close-menu-icon { display: block; } .header[data-module="new-menu"].header__mobile-menu--open > .header__container { position: relative; } .header[data-module="new-menu"].header__mobile-menu--open .header-navs { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; } @media (min-width: 64em) { .header[data-module="new-menu"].header__mobile-menu--open .header-navs { position: relative; } } .header[data-module="new-menu"].header__mobile-menu--open .header__primary-nav { block-size: calc(100vh - 296px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; inline-size: 100vw; inset-block-start: 80px; inset-inline-start: 0; opacity: 1; position: fixed; visibility: visible; } @media (min-width: 64em) { .header[data-module="new-menu"].header__mobile-menu--open .header__primary-nav { block-size: calc(100vh - 80px); } } .header[data-module="new-menu"].header__mobile-menu--open .header__primary-nav-item { block-size: -webkit-fit-content; block-size: -moz-fit-content; block-size: fit-content; -webkit-border-after: solid 1px var(--color-grey-2); border-block-end: solid 1px var(--color-grey-2); inline-size: 100%; margin: 0; padding-inline: var(--page-margin); } .header[data-module=new-menu].header__mobile-menu--open .header__primary-nav-item: first-child { -webkit-border-before: solid 1px var(--color-grey-2); border-block-start: solid 1px var(--color-grey-2); } .header[data-module="new-menu"].header__mobile-menu--open .header__magamenu-wrapper-item-link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-border-after: 1px solid rgba(0, 0, 0, 0) !important; border-block-end: 1px solid rgba(0, 0, 0, 0) !important; color: var(--text-100) !important; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 500; font-style: normal; inline-size: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 100%; padding-block: 20px; } .header[data-module="new-menu"].header__mobile-menu--open .header__magamenu-wrapper-item-link svg { -webkit-transform: rotate(0deg); transform: rotate(0); color: var(--text-100) !important; } .header[data-module="new-menu"].header__mobile-menu--open .header__magamenu-wrapper-item-link:hover, .header[data-module="new-menu"].header__mobile-menu--open .header__magamenu-wrapper-item-link:focus { -webkit-border-after: solid 3px rgba(0, 0, 0, 0); border-block-end: solid 3px rgba(0, 0, 0, 0); color: var(--text-100); } .header[data-module="new-menu"].header__mobile-menu--open .header__magamenu-wrapper-item-link:hover svg, .header[data-module="new-menu"].header__mobile-menu--open .header__magamenu-wrapper-item-link:focus svg { color: var(--text-100); } .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu { block-size: calc(100vh - 80px); pointer-events: none; display: -webkit-box; display: -ms-flexbox; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; inline-size: 100vw !important; inset-block-start: 80px; inset-inline-start: 0; display: none; position: fixed; visibility: visible; background: var(--color-text-0); opacity: 1; display: flex; pointer-events: all; -webkit-transform: translateX(100vw); transform: translate(100vw); -webkit-transition: opacity 0.1s, -webkit-transform 0.4s; transition: opacity 0.1s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s; } .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu .header__mega-menu-bottom-links-container { display: none; } .header[data-module="new-menu"].header__mobile-menu--open .header__primary-nav-item-toggle--open .header__mega-menu { display: block; -webkit-transform: translateX(0vw); transform: translate(0); } .header[data-module="new-menu"].header__mobile-menu--open .header__primary-nav-item-toggle--open .header__mega-menu > .header__container { inline-size: 100%; block-size: 100%; } .header[data-module="new-menu"].header__mobile-menu--open .header__primary-nav-item-toggle--open .header__mega-menu > .header__container .header__mega-menu-sub-nav { inline-size: 100%; inset-inline-start: 0; max-block-size: calc(100vh - 296px); min-inline-size: 100%; position: fixed; -webkit-margin-before: 0; margin-block-start: 0; overflow: auto; } @media (min-width: 64em) { .header[data-module="new-menu"].header__mobile-menu--open .header__primary-nav-item-toggle--open .header__mega-menu > .header__container .header__mega-menu-sub-nav { max-block-size: calc(100vh - 80px); } } .header[data-module="new-menu"].header__mobile-menu--open .header__primary-nav-item-toggle--open .header__mega-menu > .header__container .header__mega-menu-nav-sub-item, .header[data-module="new-menu"].header__mobile-menu--open .header__primary-nav-item-toggle--open .header__mega-menu > .header__container .header__mega-menu-nav-sub-item-back { block-size: -webkit-fit-content; block-size: -moz-fit-content; block-size: fit-content; -webkit-border-after: solid 1px var(--color-grey-2); border-block-end: solid 1px var(--color-grey-2); display: block; inline-size: 100%; margin: 0; padding-inline: var(--page-margin); } .header[data-module=new-menu].header__mobile-menu--open .header__primary-nav-item-toggle--open .header__mega-menu>.header__container .header__mega-menu-nav-sub-item: first-child,.header[data-module=new-menu].header__mobile-menu--open .header__primary-nav-item-toggle--open .header__mega-menu>.header__container .header__mega-menu-nav-sub-item-back:first-child { background-color: var(--color-menu-link-hover-bg); -webkit-border-before: solid 1px var(--color-grey-2); border-block-start: solid 1px var(--color-grey-2); } .header[data-module="new-menu"].header__mobile-menu--open .header__primary-nav-item-toggle--open .header__mega-menu > .header__container .header__mega-menu-nav-sub-item-back .header__magamenu-wrapper-subitem-link-back { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--color-menu-link-hover-bg); border-bottom: none; color: var(--text-100); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 500; font-style: normal; gap: 5px; inline-size: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; line-height: 100%; padding-block: 20px; padding-inline: 0; } .header[data-module="new-menu"].header__mobile-menu--open .header__primary-nav-item-toggle--open .header__mega-menu > .header__container .header__mega-menu-nav-sub-item-back .header__magamenu-wrapper-subitem-link-back svg { color: var(--text-100); -webkit-transform: rotate(0deg); transform: rotate(0); -webkit-margin-after: 4px; margin-block-end: 4px; } .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-close-btn { display: none; } .header[data-module="new-menu"].header__mobile-menu--open .header__magamenu-wrapper-subitem-link, .header[data-module="new-menu"].header__mobile-menu--open .header__magamenu-wrapper-subitem-link--active { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--color-text-0); border-bottom: none; color: var(--text-100); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 500; font-style: normal; inline-size: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 100%; padding-block: 20px; padding-inline: 0; } .header[data-module="new-menu"].header__mobile-menu--open .header__magamenu-wrapper-subitem-link svg, .header[data-module="new-menu"].header__mobile-menu--open .header__magamenu-wrapper-subitem-link--active svg { color: var(--text-100); } .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item-content-item { display: block; opacity: 0; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: fixed; -webkit-transform: translateX(100vw); transform: translate(100vw); -webkit-transition: opacity 0.1s, -webkit-transform 0.4s; transition: opacity 0.1s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s; } .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper { display: block; opacity: 1; -webkit-transform: translateX(0); transform: translate(0); } @media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) { .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper { inset-block-start: 0px; } } .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active .header__mega-menu-sub-item-links, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-sub-item-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-block-size: calc(100vh - 380px); overflow: auto; } @media (min-width: 64em) { .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active .header__mega-menu-sub-item-links, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-sub-item-links { max-block-size: calc(100vh - 80px); } } .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active .header__mega-menu-links-group, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-links-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-inline-size: 100%; -webkit-margin-before: 0; margin-block-start: 0; overflow: unset; } .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active .header__mega-menu-links-item, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active .header__mega-menu-nav-link-item-back, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-links-item, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-nav-link-item-back { max-inline-size: 100%; block-size: -webkit-fit-content; block-size: -moz-fit-content; block-size: fit-content; -webkit-border-after: solid 1px var(--color-grey-2); border-block-end: solid 1px var(--color-grey-2); display: block; margin: 0; padding-inline: var(--page-margin); inline-size: 100%; } .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active .header__mega-menu-links-item:first-child, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active .header__mega-menu-nav-link-item-back:first-child, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-links-item:first-child, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-nav-link-item-back:first-child { -webkit-border-before: solid 1px var(--color-grey-2); border-block-start: solid 1px var(--color-grey-2); } .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active .header__mega-menu-links-item .header__mega-menu-link, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active .header__mega-menu-nav-link-item-back .header__mega-menu-link, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-links-item .header__mega-menu-link, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-nav-link-item-back .header__mega-menu-link { background-color: var(--color-text-0); padding-inline: 0; position: relative; z-index: 100; } .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active .header__mega-menu-links-item .header__mega-menu-link-icon, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active .header__mega-menu-links-item .header__mega-menu-link-description, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active .header__mega-menu-nav-link-item-back .header__mega-menu-link-icon, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active .header__mega-menu-nav-link-item-back .header__mega-menu-link-description, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-links-item .header__mega-menu-link-icon, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-links-item .header__mega-menu-link-description, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-nav-link-item-back .header__mega-menu-link-icon, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-nav-link-item-back .header__mega-menu-link-description { display: none; } .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active .header__mega-menu-links-item .header__mega-menu-link-title, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active .header__mega-menu-nav-link-item-back .header__mega-menu-link-title, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-links-item .header__mega-menu-link-title, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-nav-link-item-back .header__mega-menu-link-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--text-100); font-size: 16px; font-weight: 500; font-style: normal; inline-size: 100%; line-height: 100%; } .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active .header__mega-menu-links-item button, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active .header__mega-menu-nav-link-item-back button, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-links-item button, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-nav-link-item-back button { background-color: var(--color-menu-link-hover-bg); color: var(--text-100); font-size: 16px; font-weight: 500; font-style: normal; inline-size: 100%; line-height: 100%; padding-block: 20px; padding-inline: 0; position: relative; text-align: left; z-index: 100; } .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active .header__mega-menu-links-item button svg, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active .header__mega-menu-nav-link-item-back button svg, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-links-item button svg, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-nav-link-item-back button svg { color: var(--text-100); -webkit-transform: rotate(0deg); transform: rotate(0); -webkit-margin-after: 0; margin-block-end: 0; } .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-nav-sub-item--active .header__mega-menu-nav-link-item-back, .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-nav-link-item-back { background-color: var(--color-menu-link-hover-bg); } .header[data-module="new-menu"].header__mobile-menu--open .header-featured-row-wrapper { background-color: var(--color-text-0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 0; inline-size: 100%; -webkit-margin-before: 0; margin-block-start: 0; margin-inline: 0; max-inline-size: 100%; padding-block: 0; padding-inline: 0px; overflow: unset; } .header[data-module="new-menu"].header__mobile-menu--open .header-featured-row { -webkit-border-after: solid 1px var(--color-grey-2); border-block-end: solid 1px var(--color-grey-2); border-radius: 0; padding: 0; -webkit-filter: unset; filter: unset; inline-size: 100%; min-inline-size: 100%; padding-inline: var(--page-margin); } .header[data-module="new-menu"].header__mobile-menu--open .header-featured-row .header-featured-row-img, .header[data-module="new-menu"].header__mobile-menu--open .header-featured-row .header-featured-row-title, .header[data-module="new-menu"].header__mobile-menu--open .header-featured-row .header-featured-row-description { display: none; } .header[data-module="new-menu"].header__mobile-menu--open .header-featured-row .header-featured-row-info { padding: 0; } .header[data-module="new-menu"].header__mobile-menu--open .header-featured-row .header-featured-link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--text-100); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-style: normal; font-weight: 500; gap: 5px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; inline-size: 100%; line-height: 100%; -webkit-margin-before: 0; margin-block-start: 0; padding: 20px 0; } .header[data-module="new-menu"].header__mobile-menu--open .header-featured-row .header-featured-link:after { display: block; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M9.84766 5.11243L1.43409 5.11243' stroke='%23028758' stroke-width='1.45693' stroke-linecap='round'/%3E%3Cpath d='M7.15814 1.61583L10.9556 4.98296L7.15814 8.3501' stroke='%23028758' stroke-width='1.45693' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); block-size: 10px; inline-size: 12px; } .header[data-module="new-menu"].header__mobile-menu--open .header-featured-row .header-featured-link svg { display: none; } .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper { display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: fixed; } .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-sub-item-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header[data-module="new-menu"].header__mobile-menu--open .header__mega-menu-sub-item-links-only-wrapper .header__mega-menu-links-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-inline-size: 100%; -webkit-margin-before: 0; margin-block-start: 0; } @media (max-width: 63.99em) { .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav { background-color: car(--color-text-0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; inline-size: 100%; inset-block-end: 0; inset-inline-start: 0; position: fixed; gap: 1px; } .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .header__utility-navigation-item { background-color: var(--color-spruce); inline-size: 100%; margin: 0; padding-inline: var(--page-margin); } .header[data-module=new-menu].header__mobile-menu--open .header__utility-nav .header__utility-navigation-item: first-child { background-color: var(--color-text-0); } .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .header__utility-navigation-item:last-child { display: none; } .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .dropdown-button { color: var(--color-text-0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-block: 20px; padding-inline: 6px; position: relative; } .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .dropdown-button:after { background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L6.5 6L1.5 11' stroke='%23fff' fill='transparent' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); content: ""; inline-size: 8px; block-size: 12px; inset-inline-end: 6px; margin-top: 2px; position: absolute; } .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .header__utility-navigation-signin-selector-text-mobile, .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .header__utility-navigation-language-selector-button-text-mobile { display: block; } .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .header__utility-navigation-signin-selector-text-desktop, .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .header__utility-navigation-language-selector-button-text-desktop { display: none; } .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .coveo-header-search { inset-block-start: 0; margin-block: 20px; } .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .coveo-search-results__search-box-input { background: var(--neutrals-smoke, rgba(244, 244, 244, 0.99)); padding: 14px 15px !important; } .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .coveo-search-results__search-box-clear { inline-size: 27px; block-size: 27px; -webkit-margin-after: 15px; margin-block-end: 15px; } .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .coveo-search-results__search-box-search { background-color: var(--color-jade); border-radius: 100%; inline-size: 28px; block-size: 28px; -webkit-margin-after: 15px; margin-block-end: 15px; -webkit-margin-end: 8px; margin-inline-end: 8px; padding: 4px 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .coveo-search-results__search-box-search svg { color: var(--color-text-0); inset-inline-start: 6px; inset-block-start: 6px; position: absolute; } .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .dropdown-options.active { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; block-size: calc(100vh - 80px); inline-size: 100vw; inset-block-start: 80px; inset-inline-start: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow: auto; position: fixed; z-index: 1000; } .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .dropdown-option__back, .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .dropdown-option { block-size: -webkit-fit-content; block-size: -moz-fit-content; block-size: fit-content; -webkit-border-after: solid 1px var(--color-grey-2); border-block-end: solid 1px var(--color-grey-2); display: block; inline-size: 100%; margin: 0; padding-inline: var(--page-margin); } .header[data-module=new-menu].header__mobile-menu--open .header__utility-nav .dropdown-option__back: first-child,.header[data-module=new-menu].header__mobile-menu--open .header__utility-nav .dropdown-option:first-child { background-color: var(--color-menu-link-hover-bg); -webkit-border-before: solid 1px var(--color-grey-2); border-block-start: solid 1px var(--color-grey-2); } .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .dropdown-option__back button, .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .dropdown-option button { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--color-menu-link-hover-bg); border-bottom: none; color: var(--text-100); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 500; font-style: normal; gap: 5px; inline-size: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; line-height: 100%; padding-block: 20px; padding-inline: 0; } .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .dropdown-option__back button svg, .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .dropdown-option button svg { color: var(--text-100); -webkit-transform: rotate(0deg); transform: rotate(0); -webkit-margin-after: 4px; margin-block-end: 4px; } .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .dropdown-option__back a, .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .dropdown-option a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: none; color: var(--text-100); display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 500; font-style: normal; gap: 5px; inline-size: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; line-height: 100%; padding-block: 20px; padding-inline: 0; position: relative; } .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .dropdown-option__back a svg, .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .dropdown-option a svg { display: none; } .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .dropdown-option__back a.link--disabled, .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .dropdown-option a.link--disabled { color: var(--color-disabled); } .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .dropdown-option__back a.link--selected:after, .header[data-module="new-menu"].header__mobile-menu--open .header__utility-nav .dropdown-option a.link--selected:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='13' viewBox='0 0 16 13' fill='none'%3E%3Cpath d='M13.8698 2.06757L5.86176 10.7312L1.91211 6.78155' stroke='%23028758' stroke-width='2.65923' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); block-size: 13px; content: ""; display: block; inline-size: 16px; inset-inline-end: 0; position: absolute; } } .header[data-module="new-menu"].header__mobile-menu--open .mobile-not-visible, .header[data-module="new-menu"].header__mobile-menu--open .mobile-not-visible svg { display: none; } .header[data-module="new-menu"] .dropdown-option { inline-size: 100%; } .header[data-module="new-menu"] .dropdown-option .link { font-size: 14px; font-weight: 500; inline-size: 100%; line-height: 1.25; padding-block: 8px; padding-inline: 15px; } .header[data-module="new-menu"] .dropdown-option .link .link__icon--right { min-inline-size: 8px; } .header[data-module="new-menu"] .dropdown-option .link.link--selected { font-weight: 600; } .header[data-module="new-menu"] .dropdown-option .link.link--selected:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='13' viewBox='0 0 16 13' fill='none'%3E%3Cpath d='M13.8698 2.06757L5.86176 10.7312L1.91211 6.78155' stroke='%23028758' stroke-width='2.65923' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); block-size: 13px; content: ""; display: block; inline-size: 16px; inset-inline-end: 16px; -webkit-transform: scale(0.8); transform: scale(0.8); position: absolute; } .homepage__header .coveo-search-results__search-box-input { background-color: var(--color-text-0) !important; } .homepage__header.fixed .coveo-search-results__search-box-input, .homepage__header.header__mobile-menu--open .coveo-search-results__search-box-input { background-color: #f4f4f4fc !important; } main.blur { position: relative; -webkit-filter: blur(2px); filter: blur(2px); } main.blur:after { background: var(--color-coal); block-size: 100vh; content: ""; inline-size: 100%; inset-inline-start: 0; inset-block-start: 0; position: absolute; opacity: 0.25; } @media (min-width: 64em) { .header[data-module="new-menu"] :not(.focus-visible).coveo-search-results__search-box-input--blured, .header[data-module="new-menu"] :not([data-focus-visible-added]).coveo-search-results__search-box-input--blured { background-color: #0000 !important; cursor: pointer; } .header[data-module="new-menu"] .coveo-search-results__search-box-input[data-focus-visible-added] { inline-size: calc(100vw - 2 * var(--page-margin) - 500px) !important; } } @media (min-width: 64em) and (min-width: 120em) { .header[data-module="new-menu"] .coveo-search-results__search-box-input[data-focus-visible-added] { max-inline-size: 920px !important; } } @media (min-width: 64em) { .header[data-module="new-menu"] .coveo-search-results__search-box-clear--blured { display: none; } } @media (min-width: 64em) { .header[data-module="new-menu"] .absolute { position: absolute; inline-size: 146px; } } @media (min-width: 64em) { .header[data-module="new-menu"] .padded { -webkit-padding-start: 170px; padding-inline-start: 170px; } } @media (min-width: 64em) { .header[data-module="new-menu"] .header-navs.right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .header[data-module="new-menu"] .coveo-search-results__search-box-search svg { -webkit-transform: scale(1.2); transform: scale(1.2); } .page-intro__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; inline-size: calc(var(--grid-column-width) * 6 + var(--grid-gutter-width) * (6 - 1)); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-block: 0; margin-inline: auto; } @media (min-width: 48em) { .page-intro__content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; inline-size: calc(var(--grid-column-width) * 12 + var(--grid-gutter-width) * (12 - 1)); } } @media (min-width: 80em) { .page-intro__content { inline-size: calc(var(--grid-column-width) * 10 + var(--grid-gutter-width) * (10 - 1)); } } .page-intro__heading-text { inline-size: calc(var(--grid-column-width) * 6 + var(--grid-gutter-width) * (6 - 1)); -webkit-margin-after: 0; margin-block-end: 0; max-inline-size: 100%; } @media (min-width: 48em) { .page-intro__heading-text { inline-size: calc(var(--grid-column-width) * 5 + var(--grid-gutter-width) * (5 - 1)); } } @media (min-width: 80em) { .page-intro__heading-text { inline-size: calc(var(--grid-column-width) * 4 + var(--grid-gutter-width) * (4 - 1)); } } .page-intro__lead-in { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: calc(var(--grid-column-width) * 6 + var(--grid-gutter-width) * (6 - 1)); max-inline-size: 100%; -webkit-padding-before: var(--grid-gutter-width); padding-block-start: var(--grid-gutter-width); } @media (min-width: 48em) { .page-intro__lead-in { inline-size: calc(var(--grid-column-width) * 7 + var(--grid-gutter-width) * (7 - 1)); -webkit-padding-before: 0; padding-block-start: 0; -webkit-padding-start: calc(var(--grid-column-width) * 1.2 + var(--grid-gutter-width) * (1.2 - 1)); padding-inline-start: calc(var(--grid-column-width) * 1.2 + var(--grid-gutter-width) * (1.2 - 1)); } } @media (min-width: 80em) { .page-intro__lead-in { inline-size: calc(var(--grid-column-width) * 5.8 + var(--grid-gutter-width) * (5.8 - 1)); -webkit-padding-start: calc(var(--grid-column-width) * 0.5); padding-inline-start: calc(var(--grid-column-width) * 0.5); } } .page-intro__lead-in>*: last-child { -webkit-margin-after: 0; margin-block-end: 0; } .page-intro--dark { background: var(--color-bg-gradient); color: var(--color-white); } @media (max-width: 47.99em) { .page-intro--dark .page-intro__lead-in { -webkit-border-before: 1px solid var(--color-white); border-block-start: 1px solid var(--color-white); } } @media (min-width: 48em) { .page-intro--dark .page-intro__lead-in { -webkit-border-start: 1px solid var(--color-white); border-inline-start: 1px solid var(--color-white); } } .page-intro--light { background: var(--color-white); color: var(--color-coal); } @media (max-width: 47.99em) { .page-intro--light .page-intro__lead-in { -webkit-border-before: 1px solid var(--color-gray-one); border-block-start: 1px solid var(--color-gray-one); } } @media (min-width: 48em) { .page-intro--light .page-intro__lead-in { -webkit-border-start: 1px solid var(--color-gray-one); border-inline-start: 1px solid var(--color-gray-one); } } .proof-point-card-row { color: var(--color-text-100); display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: 100%; margin: 0; padding-block: var(--block-vertical-spacing); padding-inline: var(--page-margin); } .proof-point-card-row__content { inline-size: var(--cols6); -webkit-padding-before: 70px; padding-block-start: 70px; padding-inline: var(--cols1); } .proof-point-card__heading { color: var(--color-text-100); font-size: 24px; font-weight: 600; letter-spacing: 0.01em; line-height: 110%; } .proof-point-card-row__supporting-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 33px; -webkit-margin-before: 135px; margin-block-start: 135px; -webkit-padding-start: var(--cols1); padding-inline-start: var(--cols1); } .proof-point-card-row__supporting-content-item-title { -webkit-margin-after: 4px; margin-block-end: 4px; } .proof-point-card-row__supporting-content-item-content { margin: 0; } .proof-point-card-row__card-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-item-align: start; align-self: start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; inline-size: var(--cols6); -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; justify-self: end; } .proof-point-card-row__supporting-content-item { position: relative; } .proof-point-card-row__supporting-content-item:before { background-color: var(--color-lime); block-size: 4px; content: ""; display: block; inline-size: 100vw; inset-block-start: 10px; inset-inline-end: calc(100% + var(--grid-gutter-width)); position: absolute; } .proof-point-card { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--color-white); block-size: calc(var(--grid-column-width) * 2.66 + var(--grid-gutter-width) * (2.66 - 1)); -webkit-box-shadow: 0 0 6px rgba(69, 72, 74, 0.1); box-shadow: 0 0 6px #45484a1a; color: var(--color-text-100); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; inline-size: var(--cols2); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-block-size: calc(var(--grid-column-width) * 2.66 + var(--grid-gutter-width) * (2.66 - 1)); overflow: auto; padding: 15px; text-align: center; text-decoration: none; } .proof-point-card > * { margin: 0; max-inline-size: 100%; } .proof-point-card[href]:focus, .proof-point-card[href]:hover { text-decoration: underline; } .proof-point-card img { max-inline-size: 66.6%; } .proof-point-card__copy, .proof-point-card__copy p { color: var(--color-text-80); font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0.02em; line-height: 140%; } @media (min-width: 64em) { .proof-point-card:nth-child(3n + 2):not(:last-child), .proof-point-card:nth-last-child(2):nth-child(3n-2) { -webkit-transform: translateY(47%); transform: translateY(47%); } .proof-point-card:nth-last-child(2):nth-child(3n-2), .proof-point-card:nth-last-child(2):nth-child(3n + 2) { -webkit-margin-after: 120px; margin-block-end: 120px; } } [theme="spruce"] .proof-point-card-row, [data-theme="dark-green"] .proof-point-card-row { color: var(--color-text-0); } [theme="shamrock"] .proof-point-card-row__supporting-content-item:before, [data-theme="light-green"] .proof-point-card-row__supporting-content-item:before { background-color: var(--color-spruce); } @media (max-width: 47.99em) { .proof-point-card-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 40px; } .proof-point-card-row__content { inline-size: var(--cols6); -webkit-padding-before: 0; padding-block-start: 0; padding-inline: 0; } .proof-point-card__heading { font-size: 22px; letter-spacing: -0.01em; line-height: 110%; } .proof-point-card-row__card-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-item-align: start; align-self: start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: var(--grid-gutter-width); inline-size: var(--cols6); -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; justify-self: end; } .proof-point-card-row__supporting-content { gap: 32px; -webkit-margin-before: 40px; margin-block-start: 40px; -webkit-padding-start: var(--grid-gutter-width); padding-inline-start: var(--grid-gutter-width); } .proof-point-card-row__supporting-content-item { position: relative; } .proof-point-card-row__supporting-content-item:before { block-size: 3px; inset-block-start: 8px; } .proof-point-card { block-size: calc(var(--grid-column-width) * 4.23 + var(--grid-gutter-width) * (4.23 - 1)); inline-size: var(--cols3); max-block-size: calc(var(--grid-column-width) * 4.23 + var(--grid-gutter-width) * (4.23 - 1)); } .proof-point-card:nth-child(2n) { -webkit-transform: translateY(42px); transform: translateY(42px); } .proof-point-card:nth-child(2n):last-child { -webkit-margin-after: 42px; margin-block-end: 42px; } } @media (min-width: 48em) and (max-width: 63.99em) { .proof-point-card { block-size: calc(var(--grid-column-width) * 4.55 + var(--grid-gutter-width) * (4.55 - 1)); inline-size: var(--cols3); max-block-size: calc(var(--grid-column-width) * 4.55 + var(--grid-gutter-width) * (4.55 - 1)); } .proof-point-card:nth-child(2n + 1):not(:last-child) { -webkit-transform: translateY(42px); transform: translateY(42px); } .proof-point-card:nth-child(2n + 1):nth-last-child(2) { -webkit-margin-after: 42px; margin-block-end: 42px; } } .rss-row { isolation: isolate; padding-block: 30px; } .rss-row .rss-row__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px; margin-inline: auto; } @media (min-width: 64em) { .rss-row .rss-row__container { padding-inline: var(--cols1); } } .rss-row .rss-row__container.rss-row__container-right-aligned { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .rss-row .rss-row__container.rss-row__container-right-aligned .rss-row__content-wrapper { inline-size: var(--cols6); position: relative; } @media (min-width: 48em) { .rss-row .rss-row__container.rss-row__container-right-aligned .rss-row__content-wrapper { inline-size: var(--cols12); } } @media (min-width: 64em) { .rss-row .rss-row__container.rss-row__container-right-aligned .rss-row__content-wrapper { inline-size: var(--cols8); -webkit-padding-start: var(--cols1); padding-inline-start: var(--cols1); -webkit-padding-end: 0; padding-inline-end: 0; } .rss-row .rss-row__container.rss-row__container-right-aligned .rss-row__content-wrapper:after { content: ""; -webkit-border-after: 5px solid var(--color-white); border-block-end: 5px solid var(--color-white); block-size: 5px; inline-size: calc(var(--cols1) - 30px); inset-block-start: 20px; position: absolute; left: -15px; z-index: -1; } } .rss-row .rss-row__container.rss-row__container-right-aligned .rss-row__cta-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .rss-row .rss-row__container.rss-row__container-right-aligned .rss-row__cta-wrapper .btn { block-size: -webkit-fit-content; block-size: -moz-fit-content; block-size: fit-content; } .rss-row .rss-row__headding-wrapper { inline-size: var(--cols6); -webkit-margin-after: 81px; margin-block-end: 81px; position: relative; } @media (min-width: 64em) { .rss-row .rss-row__headding-wrapper { inline-size: var(--cols4); } } .rss-row .rss-row__content-wrapper { inline-size: var(--cols6); position: relative; } @media (min-width: 48em) { .rss-row .rss-row__content-wrapper { inline-size: var(--cols12); } } @media (min-width: 64em) { .rss-row .rss-row__content-wrapper { inline-size: var(--cols8); -webkit-padding-end: var(--cols1); padding-inline-end: var(--cols1); } .rss-row .rss-row__content-wrapper: after { block-size: 5px; -webkit-border-after: 5px solid var(--color-white); border-block-end: 5px solid var(--color-white); content: ""; inline-size: calc(var(--cols1) - 30px); inset-block-start: 20px; inset-inline-end: 0; position: absolute; z-index: -1; } } .rss-row .rss-row__heading { font-size: 28px; line-height: 110%; } @media (min-width: 64em) { .rss-row .rss-row__heading { font-size: 36px; } } .rss-row .rss-row__subheading { font-family: var(--primary-font); font-size: 16px; font-weight: 400; letter-spacing: 0.02em; line-height: 120%; -webkit-margin-after: 4px; margin-block-end: 4px; text-transform: uppercase; } .rss-row .rss-row__cta-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } @media (min-width: 64em) { .rss-row .rss-row__cta-wrapper { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } } .rss-row .rss-row__cta-wrapper .btn { block-size: -webkit-fit-content; block-size: -moz-fit-content; block-size: fit-content; } .rss-row .rss-row__copy { -webkit-border-start: 5px solid var(--color-white); border-inline-start: 5px solid var(--color-white); -webkit-margin-after: 10px; margin-block-end: 10px; -webkit-margin-before: 24px; margin-block-start: 24px; -webkit-margin-start: 25px; margin-inline-start: 25px; -webkit-padding-after: 20px; padding-block-end: 20px; -webkit-padding-start: 25px; padding-inline-start: 25px; } @media (min-width: 64em) { .rss-row .rss-row__copy { -webkit-border-start: 0; border-inline-start: 0; -webkit-margin-after: 0; margin-block-end: 0; -webkit-margin-before: 0; margin-block-start: 0; -webkit-margin-start: 0; margin-inline-start: 0; -webkit-padding-start: 0; padding-inline-start: 0; } } .rss-row .rss-row__cta-wrapper .btn { inline-size: 100%; } @media (min-width: 64em) { .rss-row .rss-row__cta-wrapper .btn { inline-size: -webkit-fit-content; inline-size: -moz-fit-content; inline-size: fit-content; } } .columns-sublayout__main .rss-row { padding-block: 30px; isolation: isolate; } .columns-sublayout__main .rss-row .rss-row__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 20px; margin-inline: auto; } @media (min-width: 64em) { .columns-sublayout__main .rss-row .rss-row__container { padding-inline: var(--cols1); } } .columns-sublayout__main .rss-row .rss-row__container.rss-row__container-right-aligned { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .columns-sublayout__main .rss-row .rss-row__container.rss-row__container-right-aligned .rss-row__content-wrapper { inline-size: var(--cols6); position: relative; } @media (min-width: 64em) { .columns-sublayout__main .rss-row .rss-row__container.rss-row__container-right-aligned .rss-row__content-wrapper { inline-size: var(--cols8); -webkit-padding-start: var(--cols1); padding-inline-start: var(--cols1); -webkit-padding-end: 0; padding-inline-end: 0; } .columns-sublayout__main .rss-row .rss-row__container.rss-row__container-right-aligned .rss-row__content-wrapper:after { content: ""; -webkit-border-after: 5px solid var(--color-white); border-block-end: 5px solid var(--color-white); block-size: 5px; inline-size: calc(var(--cols1) - 30px); inset-block-start: 20px; position: absolute; left: -15px; z-index: -1; } } .columns-sublayout__main .rss-row .rss-row__container.rss-row__container-right-aligned .rss-row__cta-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .columns-sublayout__main .rss-row .rss-row__container.rss-row__container-right-aligned .rss-row__cta-wrapper .btn { block-size: -webkit-fit-content; block-size: -moz-fit-content; block-size: fit-content; } .columns-sublayout__main .rss-row .rss-row__headding-wrapper { inline-size: var(--cols6); -webkit-margin-after: 81px; margin-block-end: 81px; position: relative; } @media (min-width: 64em) { .columns-sublayout__main .rss-row .rss-row__headding-wrapper { inline-size: var(--cols4); } } .columns-sublayout__main .rss-row .rss-row__content-wrapper { inline-size: var(--cols6); position: relative; } @media (min-width: 64em) { .columns-sublayout__main .rss-row .rss-row__content-wrapper { inline-size: var(--cols5); -webkit-padding-end: var(--cols1); padding-inline-end: var(--cols1); } .columns-sublayout__main .rss-row .rss-row__content-wrapper: after { block-size: 5px; -webkit-border-after: 5px solid var(--color-white); border-block-end: 5px solid var(--color-white); content: ""; inline-size: calc(var(--cols1) - var(--grid-gutter-width)); inset-block-start: 20px; inset-inline-end: 0; position: absolute; z-index: -1; } } .columns-sublayout__main .rss-row .rss-row__heading { font-size: 28px; line-height: 110%; } @media (min-width: 64em) { .columns-sublayout__main .rss-row .rss-row__heading { font-size: 36px; } } .columns-sublayout__main .rss-row .rss-row__subheading { font-size: 16px; font-weight: 400; letter-spacing: 0.02em; line-height: 120%; -webkit-margin-after: 4px; margin-block-end: 4px; text-transform: uppercase; } .columns-sublayout__main .rss-row .rss-row__cta-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } @media (min-width: 64em) { .columns-sublayout__main .rss-row .rss-row__cta-wrapper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } } .columns-sublayout__main .rss-row .rss-row__cta-wrapper .btn { block-size: -webkit-fit-content; block-size: -moz-fit-content; block-size: fit-content; } .columns-sublayout__main .rss-row .rss-row__copy { -webkit-border-start: 5px solid var(--color-white); border-inline-start: 5px solid var(--color-white); -webkit-margin-start: 25px; margin-inline-start: 25px; -webkit-padding-start: 25px; padding-inline-start: 25px; } @media (min-width: 64em) { .columns-sublayout__main .rss-row .rss-row__copy { -webkit-border-start: 0; border-inline-start: 0; -webkit-margin-start: 0; margin-inline-start: 0; -webkit-padding-start: 0; padding-inline-start: 0; } } .columns-sublayout__main .rss-row .rss-row__cta-wrapper .btn { inline-size: 100%; } @media (min-width: 64em) { .columns-sublayout__main .rss-row .rss-row__cta-wrapper .btn { inline-size: -webkit-fit-content; inline-size: -moz-fit-content; inline-size: fit-content; } } [data-type="narrow"] .columns-sublayout__main .rss-row__container { inline-size: calc(var(--grid-column-width) * 6.5 + var(--grid-gutter-width) * (6.5 - 1)); margin-inline: auto; padding-inline: 0; } [data-theme="dark-green"] .rss-row__cta-wrapper .btn--primary.btn--outline { color: var(--color-text-00); } [data-theme="light-green"] .rss-row__cta-wrapper:after { -webkit-border-after: 5px solid var(--color-spruce) !important; border-block-end: 5px solid var(--color-spruce) !important; } [data-theme] .rss-row: first-child .rss-row__container { -webkit-padding-before: 50px; padding-block-start: 50px; } [data-theme] .rss-row:last-child .rss-row__container { -webkit-padding-after: 80px; padding-block-end: 80px; } .shape__container[data-theme="orchid"] .rss-row .btn { border-color: var(--color-white); color: var(--color-white); } .shape__container[data-theme="orchid"] .rss-row .btn:hover, .shape__container[data-theme="orchid"] .rss-row .btn:focus { border-color: var(--color-lime) !important; } .rtf { gap: 0; } .rtf .secondary { font-size: 13px; } .rtf .image-row h2 { -webkit-margin-before: auto; margin-block-start: auto; } .rtf em, .rtf i { font-style: italic; } .rtf ul:not([style]) { -webkit-margin-after: 1em; margin-block-end: 1em; -webkit-margin-start: calc(var(--cols1) * 0.5); margin-inline-start: calc(var(--cols1) * 0.5); } @media (min-width: 64em) { .rtf ul:not([style]) { -webkit-margin-before: -0.5em; margin-block-start: -0.5em; -webkit-margin-start: calc(var(--cols1) * 0.35); margin-inline-start: calc(var(--cols1) * 0.35); } } .rtf ul: not([style]) li { -webkit-margin-start: 1em; margin-inline-start: 1em; } .rtf ul:not([style]) > li:before { color: inherit; content: "\25cf"; display: inline-block; font-size: 1.1em; font-weight: 700; inline-size: -webkit-fit-content; inline-size: -moz-fit-content; inline-size: fit-content; -webkit-margin-before: 1em; margin-block-start: 1em; -webkit-margin-end: 0.75em; margin-inline-end: 0.75em; -webkit-margin-start: -1.5em; margin-inline-start: -1.5em; } .rtf li ul:not([style]) { list-style: none; -webkit-margin-after: 0; margin-block-end: 0; } .rtf li ul:not([style]) > li:before { color: inherit; content: "\25cb"; } .rtf ol:not([style]) { counter-reset: li; list-style: none; -webkit-margin-after: 1em; margin-block-end: 1em; -webkit-margin-start: calc(var(--cols1) * 0.5); margin-inline-start: calc(var(--cols1) * 0.5); } @media (min-width: 64em) { .rtf ol:not([style]) { -webkit-margin-start: calc(var(--cols1) * 0.35); margin-inline-start: calc(var(--cols1) * 0.35); } } .rtf ol: not([style])>li { counter-increment: li; -webkit-margin-before: 1em; margin-block-start: 1em; -webkit-margin-start: 1em; margin-inline-start: 1em; position: relative; } .rtf ol:not([style]) > li:before { color: inherit; content: counters(li, ".") ". "; display: inline-block; inline-size: -webkit-fit-content; inline-size: -moz-fit-content; inline-size: fit-content; inset-block-start: 0; inset-inline-end: calc(100% + 2px); -webkit-margin-end: 0.75em; margin-inline-end: 0.75em; -webkit-margin-start: 0; margin-inline-start: 0; position: absolute; } .rtf ol:not([style]) > li li:before { -webkit-margin-start: 0; margin-inline-start: 0; } .rtf li ol { -webkit-margin-after: 0; margin-block-end: 0; } .rtf li ol > li:before { inline-size: 2.5em; -webkit-margin-start: -2.5em; margin-inline-start: -2.5em; } .rtf table { border-spacing: 0; width: 100%; table-layout: fixed; } .rtf table thead tr th { background-color: var(--color-lime); text-align: left; text-transform: uppercase; font-weight: 700; letter-spacing: 0.05em; padding: 5px 20px 5px 10px; font-size: 0.9em; } .rtf table tbody tr th { background-color: var(--color-table-background-subheading); font-weight: 700; text-transform: unset; letter-spacing: unset; font-size: unset; padding: 10px 20px 10px 10px; text-align: left; } .rtf table tbody tr td { padding: 10px 20px 10px 10px; border-bottom: 1px solid var(--color-lime); } .rtf blockquote { -webkit-margin-after: 30px; margin-block-end: 30px; max-inline-size: 100%; position: relative; padding-left: 70px; } @media (min-width: 48em) { .rtf blockquote { max-inline-size: 580px; } } .rtf blockquote p { font-family: var(--secondary-font); font-style: normal; font-weight: 600; font-size: 20px; line-height: 110%; -webkit-margin-after: 10px; margin-block-end: 10px; } @media (min-width: 48em) { .rtf blockquote p { font-size: 24px; -webkit-margin-after: 20px; margin-block-end: 20px; } } .rtf blockquote span { font-family: var(--primary-font); font-style: normal; font-weight: 400; font-size: 16px; line-height: 120%; letter-spacing: 0.02em; text-transform: uppercase; } @media (min-width: 48em) { .rtf blockquote span { font-size: 14px; } } .rtf blockquote:before { content: ""; height: 32px; width: 50px; left: 0; top: 0; background: var(--color-white) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2249%22%20height%3D%2232%22%20viewBox%3D%220%200%2049%2032%22%20fill%3D%22none%22%3E %3Cpath%20d%3D%22M16.6466%2032H0L14.0959%200H24.8356L16.6466%2032ZM40.811%2032H24.1644L38.2603%200H49L40.811%2032Z%22%20fill%3D%22%233EEC78%22%2F%3E %3C%2Fsvg%3E") no-repeat; position: absolute; } .rtf ul[style], .rtf ol[style] { -webkit-margin-after: 1em; margin-block-end: 1em; -webkit-margin-start: calc(var(--cols1) * 0.5); margin-inline-start: calc(var(--cols1) * 0.5); } @media (min-width: 64em) { .rtf ul[style], .rtf ol[style] { -webkit-margin-before: -0.5em; margin-block-start: -0.5em; -webkit-margin-start: calc(var(--cols1) * 0.35); margin-inline-start: calc(var(--cols1) * 0.35); } } .rtf ul[style] li, .rtf ol[style] li { -webkit-margin-before: 1em; margin-block-start: 1em; -webkit-padding-start: 1em; padding-inline-start: 1em; } .rtf ul[style] ul, .rtf ul[style] ol, .rtf ol[style] ul, .rtf ol[style] ol { -webkit-margin-start: 1em !important; margin-inline-start: 1em !important; } .rtf ul[style] ul:not([style]) li, .rtf ul[style] ol:not([style]) li, .rtf ol[style] ul:not([style]) li, .rtf ol[style] ol:not([style]) li { -webkit-margin-before: 0; margin-block-start: 0; -webkit-margin-start: 0; margin-inline-start: 0; -webkit-padding-start: 0; padding-inline-start: 0; } .solution-icon-grid-row { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-block: var(--block-vertical-spacing); padding-inline: var(--page-margin); position: relative; } @media (max-width: 47.99em) { .solution-icon-grid-row { padding-inline: 5.76925vw; } } @media (min-width: 48em) and (max-width: 63.99em) { .solution-icon-grid-row { padding-inline: calc((100vw - 700px) / 2); } } @media (min-width: 64em) { .solution-icon-grid-row .icon-card__heading { font-size: 22px; } } @media (min-width: 64em) { [data-theme="dark-green"] .solution-icon-grid-row:first-child { -webkit-padding-before: 220px !important; padding-block-start: 220px !important; } } [data-theme="dark-green"] .solution-icon-grid-row__cta { color: var(--color-0) !important; } .solution-icon-grid-row__header { inline-size: var(--cols4); } .solution-icon-grid-row__copy:not(:last-child) { -webkit-margin-after: 40px; margin-block-end: 40px; } .solution-icon-grid-row__icon-card-list { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; inline-size: var(--cols7); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-inline-size: 100%; -webkit-padding-before: 60px; padding-block-start: 60px; row-gap: 20px; } .solution-icon-grid-row__icon-card-list-item { position: relative; } .solution-icon-grid-row__icon-card-list-item:nth-child(2n) { inset-block-start: -60px; } @media (max-width: 63.99em) { .solution-icon-grid-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; } .solution-icon-grid-row__header { inline-size: 100%; } .solution-icon-grid-row__cta { inline-size: 100% !important; } .solution-icon-grid-row__icon-card-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .solution-icon-grid-row__icon-card-list-item:nth-child(2n) { inset-block-start: 0; } } @media (max-width: 47.99em) { .solution-icon-grid-row__icon-card-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; inline-size: var(--cols6); } .solution-icon-grid-row__icon-card-list-item { inline-size: var(--cols6); } } @media (min-width: 48em) and (max-width: 63.99em) { .solution-icon-grid-row__icon-card-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; inline-size: var(--cols12); } .solution-icon-grid-row__icon-card-list-item { inline-size: calc(var(--cols6) - 10px); } } .statistics-row { color: var(--color-text-100); inline-size: 100%; margin: 0; padding-block: var(--block-vertical-spacing); padding-inline: var(--page-margin); } .statistics-row__card { inline-size: 100%; } .statistics-row__card img { max-inline-size: 100px; } .statistics-row__card[href] { text-decoration: none; } .statistics-row__card[href]:focus .statistics-row__card-heading, .statistics-row__card[href]:hover .statistics-row__card-heading { text-decoration: underline; } .statistics-row__card[href] .statistics-row__card-heading { inline-size: -webkit-fit-content; inline-size: -moz-fit-content; inline-size: fit-content; -webkit-padding-end: 23px; padding-inline-end: 23px; position: relative; } .statistics-row__card[href] .statistics-row__card-heading:after { background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L6.5 6L1.5 11' stroke='%23032325' fill='transparent' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; block-size: 14px; content: ""; inline-size: 8px; inset-block-start: calc(50% - 3px); inset-inline-end: 5px; position: absolute; } .statistics-row__card[href] .statistics-row__card-heading:focus, .statistics-row__card[href] .statistics-row__card-heading:hover { -webkit-padding-end: 25px; padding-inline-end: 25px; } .statistics-row__upper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--grid-gutter-width); -webkit-margin-after: 80px; margin-block-end: 80px; } .statistics-row__image-wrapper { inline-size: var(--cols4); } .statistics-row__image-wrapper picture { aspect-ratio: 3/2; margin-inline: auto; max-inline-size: calc(var(--grid-column-width) * 3.33 + var(--grid-gutter-width) * (3.33 - 1)); } .statistics-row__header { inline-size: var(--cols5); } .statistics-row__heading, .statistics-row__link.link, .statistics-row__intro, .statistics-row__card-heading, .statistics-row__card-intro { color: inherit; } .statistics-row__heading { -webkit-margin-after: 15px; margin-block-end: 15px; } .statistics-row__intro { -webkit-margin-after: 32px; margin-block-end: 32px; } .statistics-row__intro *:last-child { -webkit-margin-after: 0; margin-block-end: 0; } .statistics-row__lower { display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: var(--cols12); -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; max-inline-size: 100%; } .statistics-row__card-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; gap: calc(var(--grid-gutter-width) * 2); max-inline-size: var(--cols8); } [theme="spruce"] .statistics-row, [data-theme="dark-green"] .statistics-row { color: var(--color-text-0); } [theme="spruce"] .statistics-row__card-heading:after, [data-theme="dark-green"] .statistics-row__card-heading:after { background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L6.5 6L1.5 11' stroke='%23FFF' fill='transparent' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important; } @media (max-width: 47.99em) { .statistics-row { gap: 0; } .statistics-row__upper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; -webkit-margin-after: 0; margin-block-end: 0; } .statistics-row__image-wrapper { inline-size: calc(var(--grid-column-width) * 5.5 + var(--grid-gutter-width) * (5.5 - 1)); } .statistics-row__image-wrapper picture { max-inline-size: 100%; } .statistics-row__header { inline-size: var(--cols6); } .statistics-row__heading { inline-size: calc(var(--grid-column-width) * 4.5 + var(--grid-gutter-width) * (4.5 - 1)); -webkit-margin-after: 10px; margin-block-end: 10px; } .statistics-row__link { -webkit-margin-after: 34px; margin-block-end: 34px; } .statistics-row__lower { display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: var(--cols6); -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .statistics-row__card-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 22px; max-inline-size: var(--cols4); } } @media (min-width: 48em) and (max-width: 63.99em) { .statistics-row__upper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--grid-gutter-width); -webkit-margin-after: 40px; margin-block-end: 40px; } .statistics-row__image-wrapper { inline-size: var(--cols6); } .statistics-row__image-wrapper picture { max-inline-size: calc(var(--grid-column-width) * 5.33 + var(--grid-gutter-width) * (5.33 - 1)); } .statistics-row__header { inline-size: var(--cols6); } .statistics-row__lower { display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: var(--cols12); -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .statistics-row__card-wrapper { max-inline-size: var(--cols10); } } .tabbed-content-row .tabbed-content-row__container { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-inline: auto; max-inline-size: var(--container-max-width); padding-block: 24px; } @media (min-width: 64em) { .tabbed-content-row .tabbed-content-row__container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-inline: 0; } } .tabbed-content-row .tabbed-content-row__tabs-wrapper { inline-size: 100%; -webkit-margin-after: 39px; margin-block-end: 39px; } @media (min-width: 64em) { .tabbed-content-row .tabbed-content-row__tabs-wrapper { background-color: var(--color-white); -webkit-box-shadow: 0 0 25px 4px rgba(69, 72, 74, 0.25); box-shadow: 0 0 25px 4px #45484a40; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-margin-after: 0; margin-block-end: 0; -webkit-margin-end: 72px; margin-inline-end: 72px; max-inline-size: 330px; min-inline-size: 330px; -webkit-padding-after: 35px; padding-block-end: 35px; -webkit-padding-before: 21px; padding-block-start: 21px; padding-inline: 30px; } } .tabbed-content-row .tabbed-content-row__heading { color: var(--color-text-100); font-family: var(--secondary-font); font-size: 36px; font-style: normal; font-weight: 600; line-height: 100%; -webkit-margin-after: 22px; margin-block-end: 22px; } @media (min-width: 64em) { .tabbed-content-row .tabbed-content-row__heading { -webkit-margin-after: 0; margin-block-end: 0; } } .tabbed-content-row .tabbed-content-row__dropdown-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 64em) { .tabbed-content-row .tabbed-content-row__dropdown-wrapper { display: none; } } .tabbed-content-row .tabbed-content-row__dropdown { background-color: var(--color-white); border-color: var(--color-grey-2); color: var(--color-text-100); font-size: 17px; padding-block: 18px; padding-inline: 10px; } .tabbed-content-row .tabbed-content-row__dropdown-label { font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0.02em; line-height: 190%; -webkit-margin-after: 10px; margin-block-end: 10px; text-transform: uppercase; } .tabbed-content-row .tabbed-content-row__tabs { display: none; } @media (min-width: 64em) { .tabbed-content-row .tabbed-content-row__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .tabbed-content-row .tabbed-content-row__tab { -webkit-border-after: 1px solid var(--color-grey-2); border-block-end: 1px solid var(--color-grey-2); color: var(--color-text-80); display: block; -webkit-margin-before: 28px; margin-block-start: 28px; padding: 0; text-align: start; } .tabbed-content-row .tabbed-content-row__tab-name { color: var(--color-text-100); display: block; font-family: var(--primary-font); font-size: 16px; font-style: normal; font-weight: 500; line-height: 130%; -webkit-margin-after: 18px; margin-block-end: 18px; } .tabbed-content-row .tabbed-content-row__tab-teaser { color: var(--color-text-100); display: none; font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; -webkit-padding-end: 20px; padding-inline-end: 20px; position: relative; } .tabbed-content-row .tabbed-content-row__tab-teaser-svg { inline-size: 5px; inset-block-end: 5px; inset-inline-end: 0; position: absolute; } .tabbed-content-row [aria-selected="true"] { -webkit-border-after: 1px solid var(--color-orchid); border-block-end: 1px solid var(--color-orchid); } .tabbed-content-row [aria-selected="true"] .tabbed-content-row__tab-teaser { display: block; -webkit-margin-after: 20px; margin-block-end: 20px; } .tabbed-content-row .tabbed-content__panels { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .tabbed-content-row .tabbed-content__panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 64em) { .tabbed-content-row .tabbed-content__panel { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 50px; } } .tabbed-content-row .tabbed-content__panel[aria-hidden="true"] { display: none; } .tabbed-content-row .tabbed-content__panel .link { display: inline-block; font-size: 18px; -webkit-margin-before: 33px; margin-block-start: 33px; } .tabbed-content-row .tabbed-content__panel-subhead { color: inherit; font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: 0.02em; line-height: 120%; -webkit-margin-after: 0; margin-block-end: 0; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; text-transform: uppercase; } @media (min-width: 48em) { .tabbed-content-row .tabbed-content__panel-subhead { font-size: 16px; } } .tabbed-content-row .tabbed-content__panel-heading { color: inherit; font-family: var(--tertiary-font); font-size: 26px; font-style: normal; font-weight: 600; letter-spacing: -0.01em; line-height: 100%; -webkit-margin-after: 14px; margin-block-end: 14px; } @media (min-width: 48em) { .tabbed-content-row .tabbed-content__panel-heading { font-size: 32px; -webkit-margin-after: 16px; margin-block-end: 16px; } } .tabbed-content-row .tabbed-content__panel-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tabbed-content-row .tabbed-content__panel-image, .tabbed-content-row .tabbed-content__panel-video-wrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-margin-before: 33px; margin-block-start: 33px; } @media (min-width: 48em) { .tabbed-content-row .tabbed-content__panel-image, .tabbed-content-row .tabbed-content__panel-video-wrapper { block-size: -webkit-fit-content; block-size: -moz-fit-content; block-size: fit-content; -ms-flex-preferred-size: 100%; flex-basis: 100%; } } @media (min-width: 64em) { .tabbed-content-row .tabbed-content__panel-image, .tabbed-content-row .tabbed-content__panel-video-wrapper { block-size: -webkit-fit-content; block-size: -moz-fit-content; block-size: fit-content; -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-margin-before: 0; margin-block-start: 0; max-inline-size: 50%; -o-object-fit: contain; object-fit: contain; -o-object-position: top; object-position: top; } } .shape__container .tabbed-content-row:first-child { -webkit-padding-before: 85px !important; padding-block-start: 85px !important; } @media (min-width: 64em) { .shape__container .tabbed-content-row:first-child:last-child { min-block-size: 620px; } } .shape__container .tabbed-content-row:first-child:last-child { -webkit-padding-after: 85px !important; padding-block-end: 85px !important; } .shape__container[data-theme="dark-green"] .tabbed-content-row__heading { color: var(--color-text-00); } @media (min-width: 64em) { .shape__container[data-theme="dark-green"] .tabbed-content-row__heading { color: var(--color-text-100); } } .toc__list-item-link { color: #354f51; display: block; font-size: 16px; font-weight: 500; padding-block: 15px; -webkit-padding-start: 15px; padding-inline-start: 15px; text-decoration: none; } .toc__list-item-link:focus, .toc__list-item-link:hover { color: var(--color-jade); } .toc__list-item-link:before { background-color: #0000; block-size: 100%; content: ""; display: block; inline-size: 0; inset-block-start: 0; inset-inline-start: 0; position: absolute; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transition-property: background inline-size; transition-property: background inline-size; } .toc__list-item-link.toc__list-item-link--active { color: var(--color-jade); } .toc__list-item-link.toc__list-item-link--active:before { background-color: var(--color-lime); inline-size: 4px; } .toc__li { position: relative; } .toc__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none; -webkit-margin-after: 0; margin-block-end: 0; -webkit-margin-before: 0; margin-block-start: 0; -webkit-margin-end: 0; margin-inline-end: 0; -webkit-margin-start: 0; margin-inline-start: 0; -webkit-padding-start: 0; padding-inline-start: 0; } .toc__list-item { -webkit-border-start: 2px solid var(--color-lime); border-inline-start: 2px solid var(--color-lime); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; } #table-of-contents-dropdown { display: none; } @media (max-width: 63.99em) { .toc__list { display: none; } .columns-sublayout__sidebar:has(#table-of-contents-dropdown) { position: sticky; inset-block-start: 60px; z-index: 99; } #table-of-contents-dropdown { appearance: none !important; background: var(--color-white) url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23001821' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat; background-position: calc(100% - var(--page-margin)) center !important; block-size: 60px; border: 0; -webkit-border-after: 2px solid var(--color-lime); border-block-end: 2px solid var(--color-lime); color: #354f51; cursor: pointer; display: block; font-family: inherit; font-size: 16px; font-weight: 500; inline-size: 100vw; inset-block-start: 0; inset-inline-start: calc(var(--page-margin) * -1); padding-inline: var(--page-margin) calc(var(--page-margin) + 26px); -moz-appearance: none !important; -webkit-appearance: none !important; } } .testimonials { inline-size: calc(var(--grid-column-width) * 10 + var(--grid-gutter-width) * (10 - 1)); margin-block: var(--block-vertical-spacing) !important; margin-inline: auto; overflow: visible; } @media (min-width: 48em) { .testimonials { -webkit-margin-start: calc(var(--grid-column-width) * 2 + var(--grid-gutter-width) * (2 - 1)); margin-inline-start: calc(var(--grid-column-width) * 2 + var(--grid-gutter-width) * (2 - 1)); } } .testimonials__slider { inline-size: 100%; max-inline-size: var(--container-max-width); } .testimonials-card { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--color-amwell-stark-white); border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; inline-size: calc(var(--grid-column-width) * 10 + var(--grid-gutter-width) * (10 - 1)); -webkit-margin-before: 0; margin-block-start: 0; max-inline-size: 100%; } @media (min-width: 48em) { .testimonials-card { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .testimonials-card .link { color: var(--color-text-100); font-size: 16px; -webkit-margin-before: 38px; margin-block-start: 38px; } .testimonials__container { max-inline-size: calc(var(--grid-column-width) * 10 + var(--grid-gutter-width) * (10 - 1)); } .testimonials__container .swiper-slide { block-size: auto; isolation: isolate; opacity: 0; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; visibility: hidden; } .testimonials__container .swiper-slide.swiper-slide-active { opacity: 1; visibility: visible; } .testimonials .testimonials__pagination { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 25px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-margin-after: 15px; margin-block-end: 15px; -webkit-margin-before: 24px; margin-block-start: 24px; } @media (min-width: 48em) { .testimonials .testimonials__pagination { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-margin-before: 36px; margin-block-start: 36px; } } .testimonials .testimonials__pagination .swiper-pagination { position: relative; } .testimonials .testimonials__pagination .swiper-pagination-bullet { margin-inline: 4px; } .testimonials .testimonials__pagination button { padding: 0; position: relative; } .testimonials-card__photo { block-size: auto; inline-size: 193px; -webkit-margin-before: -60px; margin-block-start: -60px; position: relative; } @media (min-width: 48em) { .testimonials-card__photo { -webkit-margin-before: 0; margin-block-start: 0; -webkit-margin-start: -60px; margin-inline-start: -60px; position: relative; } } .testimonials-card__quote { color: var(--color-text-100); font-family: var(--primary-font); font-size: 24px; font-style: normal; font-weight: 400; letter-spacing: 0.02em; line-height: 160%; } .testimonials-card__details-bar { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 47.99em) { .testimonials-card__details-bar { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 25px; } } .testimonials-card__details { text-align: start; } .testimonials-card__name-text { color: var(--color-text-100); font-family: var(--secondary-font); font-size: 22px; font-style: normal; font-weight: 600; letter-spacing: 0.01em; line-height: 150%; -webkit-margin-after: 0; margin-block-end: 0; -webkit-margin-before: 30px; margin-block-start: 30px; } @media (min-width: 48em) { .testimonials-card__name-text { font-size: 24px; } } .testimonials__heading-text { color: inherit; font-family: var(--secondary-font); font-size: 28px; font-style: normal; font-weight: 600; line-height: 110%; -webkit-margin-after: 36px; margin-block-end: 36px; } @media (min-width: 48em) { .testimonials__heading-text { font-size: 36px; -webkit-margin-after: 25px; margin-block-end: 25px; } } @media (max-width: 47.99em) { .testimonials .swiper-button-prev, .testimonials .swiper-button-next { -webkit-transform: scale(0.7144); transform: scale(0.7144); } .testimonials .swiper-button-prev:after, .testimonials .swiper-button-next:after { block-size: 62px; content: ""; display: block; inline-size: 62px; inset-block-start: -10px; inset-inline-start: -10px; position: absolute; } } .swiper-button-hidden { display: none; visibility: hidden; } .testimonials-card__job-title-text { color: var(--color-text-80); font-family: var(--primary-font); font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0.02em; line-height: 120%; -webkit-margin-after: 0; margin-block-end: 0; -webkit-margin-before: 8px; margin-block-start: 8px; } .testimonials-card--with-image .testimonials-card__content { padding-block: 36px 94px !important; padding-inline: 36px !important; } @media (min-width: 48em) { .testimonials-card--with-image .testimonials-card__content { padding-block: 56px !important; padding-inline: 56px 92px !important; } } .testimonials-card__content { background: var(--gradient-brighter-green); border-radius: 8px; padding: 36px; } @media (min-width: 48em) { .testimonials-card__content { inline-size: calc(var(--grid-column-width) * 7 + var(--grid-gutter-width) * (7 - 1)); padding: 56px; } } .shape__container .testimonials { inline-size: unset !important; -webkit-margin-after: 0 !important; margin-block-end: 0 !important; -webkit-margin-before: 0 !important; margin-block-start: 0 !important; margin-inline: 0 !important; max-inline-size: unset !important; -webkit-padding-after: var(--block-vertical-spacing) !important; padding-block-end: var(--block-vertical-spacing) !important; padding-inline: var(--page-margin); } @media (min-width: 48em) { .shape__container .testimonials { padding-inline: calc(var(--cols2) + var(--page-margin)) 0; } } .shape__container .testimonials:not(:first-child) { padding-block: var(--block-vertical-spacing) !important; } .testimonials__pagination { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-margin-before: 20px; margin-block-start: 20px; min-block-size: 44px; } .testimonials__pagination .swiper-pagination { block-size: auto !important; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; position: static; } .testimonials__pagination .swiper-pagination.swiper-pagination-bullets-dynamic { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; min-inline-size: 220px !important; white-space: nowrap; } .testimonials__pagination .swiper-pagination .swiper-pagination-bullet { background: rgba(0, 0, 0, 0) !important; border: 0 !important; block-size: 44px !important; border-radius: 44px; display: inline-block; inline-size: 44px !important; margin: 0 !important; position: relative; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .testimonials__pagination .swiper-pagination .swiper-pagination-bullet span { background-color: #0000; block-size: 14px; border: 2px solid var(--color-spruce); border-radius: 50%; display: block; inline-size: 14px; inset-block-start: 50%; inset-inline-start: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; -webkit-transform: background-color 0.3s ease-in-out; transform: background-color 0.3s ease-in-out; } .testimonials__pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span { background-color: var(--color-spruce); } .testimonials__pagination .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.7); transform: scale(0.7); } .testimonials__pagination .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); } .testimonials__pagination .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-prev, .testimonials__pagination .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-next { -webkit-transform: scale(0.9); transform: scale(0.9); } .testimonials__pagination .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-prev-prev, .testimonials__pagination .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.8); transform: scale(0.8); } .testimonials__pagination .swiper-pagination-bullet + .swiper-pagination-bullet { -webkit-margin-start: 4px; margin-inline-start: 4px; } .testimonials__pagination .swiper-button-prev, .testimonials__pagination .swiper-button-next { -webkit-box-align: center; -ms-flex-align: center; align-items: center; block-size: 10px; border-radius: 999px; display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-margin-before: 0; margin-block-start: 0; position: static; } [data-theme="dark-green"] .testimonials__pagination .swiper-pagination-bullet span { border-color: var(--color-white); } [data-theme="dark-green"] .testimonials__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span { background-color: var(--color-white); } .modal { background-color: var(--color-white); block-size: 100%; display: none; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; overflow: auto; position: fixed; z-index: 100; } .modal.modal__open { display: block; } .modal .modal__content { border-radius: 8px; -webkit-box-shadow: 0 0 6px rgba(69, 72, 74, 0.1); box-shadow: 0 0 6px #45484a1a; -webkit-box-shadow: 0 0 10px 3px rgba(69, 72, 74, 0.2); box-shadow: 0 0 10px 3px #45484a33; max-block-size: 90%; overflow: auto; padding-block: 56px; padding-inline: 12px; position: relative; } .modal .modal__wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; block-size: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .modal .modal__close { cursor: pointer; inset-block-start: 14px; inset-inline-end: 16px; position: absolute; z-index: 1; } @media (min-width: 48em) { .modal .modal__close { inset-block-start: 26px; inset-inline-end: 26px; } } .modal .modal__close { inset-block-start: 15px; inset-inline-end: 15px; position: absolute; z-index: 9; } .modal .video { inline-size: 90vw; max-inline-size: 600px; } section:has(.modal__open) { z-index: 100; } .webinar-event-masthead { color: var(--color-text-0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-block: 83px 0; padding-inline: var(--page-margin); position: relative; } .webinar-event-masthead:before { background-color: var(--color-spruce); block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-position: bottom; mask-position: bottom; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: cover; mask-size: cover; position: absolute; z-index: 0; } .webinar-event-masthead .btn.btn--primary { color: inherit; -webkit-margin-before: 30px; margin-block-start: 30px; } .webinar-event-masthead[data-theme="shamrock"] { color: var(--color-text-100); } .webinar-event-masthead[data-theme="shamrock"] .webinar-event-masthead__subheading { color: var(--color-text-80); } .webinar-event-masthead[data-theme="shamrock"]:before { background: linear-gradient(241.74deg, #38b270 20.56%, #3eec78 85.44%); } .webinar-event-masthead[data-theme="light-lime"] { color: var(--color-text-100); } .webinar-event-masthead[data-theme="light-lime"] .webinar-event-masthead__subheading { color: var(--color-text-80); } .webinar-event-masthead[data-theme="light-lime"]:before { background: linear-gradient(248.2deg, #e8fff0 18.82%, #f8fffd 92.09%); } .webinar-event-masthead__content, .webinar-event-masthead__media, .webinar-event-masthead__figure { position: relative; z-index: 1; } .webinar-event-masthead__media { inline-size: var(--cols5); } .webinar-event-masthead__content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--grid-gutter-width); inline-size: var(--cols5); -webkit-margin-after: 50px; margin-block-end: 50px; } .webinar-event-masthead__content-text { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .webinar-event-masthead__heading { letter-spacing: 0.01em; -webkit-margin-after: 16px; margin-block-end: 16px; } .webinar-event-masthead__subheading { color: var(--color-text-40); font-family: var(--primary-font); font-weight: 400; line-height: 1; margin: 0; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .webinar-event-masthead__content-icon { max-inline-size: 95px; } .webinar-event-masthead__content-icon img { max-inline-size: 100%; } .webinar-event-masthead__info { -webkit-border-after: solid 2px var(--color-grey-2); border-block-end: solid 2px var(--color-grey-2); inline-size: 100%; -webkit-padding-after: 16px; padding-block-end: 16px; } .webinar-event-masthead__info-item { -webkit-margin-after: 5px; margin-block-end: 5px; } .webinar-event-masthead__content-text .link { -webkit-margin-before: 20px; margin-block-start: 20px; } .webinar-event-masthead__content-text strong { font-weight: 600; } @media (min-width: 48em) and (max-width: 63.99em) { .webinar-event-masthead { padding-block: 33px 0; } .webinar-event-masthead__content, .webinar-event-masthead__media, .webinar-event-masthead__figure { inline-size: var(--cols6); margin-inline: 0; } } @media (max-width: 47.99em) { .webinar-event-masthead { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-block: 33px 0; } .webinar-event-masthead__content, .webinar-event-masthead__media, .webinar-event-masthead__figure { inline-size: var(--cols6); margin-inline: 0; } } .webinar-event-speaker-row .webinar-event-speaker-row__container { -webkit-border-before: 2px solid var(--color-lime); border-block-start: 2px solid var(--color-lime); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-inline: auto; max-inline-size: var(--container-max-width); padding-block: 40px; padding-inline: 20px; } @media (min-width: 48em) { .webinar-event-speaker-row .webinar-event-speaker-row__container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-block: 60px; } } @media (min-width: 48em) { .webinar-event-speaker-row .webinar-event-speaker-row__image-wrapper { -webkit-padding-end: 60px; padding-inline-end: 60px; } } .webinar-event-speaker-row .webinar-event-speaker-row__image { block-size: 145px; border-radius: 145px; inline-size: 145px; max-inline-size: unset; } .webinar-event-speaker-row .webinar-event-speaker-row__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; inline-size: 100%; -webkit-padding-before: 30px; padding-block-start: 30px; } .webinar-event-speaker-row .webinar-event-speaker-row__logo { block-size: auto; inline-size: 220px; -webkit-margin-after: 24px; margin-block-end: 24px; } .webinar-event-speaker-row .webinar-event-speaker-row__heading { color: var(--color-text-100); font-family: var(--secondary-font); font-size: 28px; font-style: normal; font-weight: 600; line-height: 110%; -webkit-margin-after: 0; margin-block-end: 0; } @media (min-width: 48em) { .webinar-event-speaker-row .webinar-event-speaker-row__heading { font-size: 36px; } } .webinar-event-speaker-row .webinar-event-speaker-row__title { color: var(--color-text-100); font-family: var(--primary-font); font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0.02em; line-height: 160%; -webkit-margin-after: 24px; margin-block-end: 24px; } .webinar-event-speaker-row .webinar-event-masthead__copy { -webkit-margin-after: 24px; margin-block-end: 24px; } .webinar-event-speaker-row .webinar-event-masthead__ctas { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .webinar-event-masthead__copy { -webkit-margin-before: 20px; margin-block-start: 20px; } .webinar-marketo-form { -webkit-box-shadow: 0px 0px 18px 2px rgba(69, 72, 74, 0.3); box-shadow: 0 0 18px 2px #45484a4d; color: var(--text-100); max-inline-size: var(--cols8); margin: auto; padding: 24px; position: relative; } .webinar-marketo-form .mktoError { inline-size: 100% !important; pointer-events: none; } .webinar-marketo-form .mktoError .mktoErrorDetail { display: inline !important; } .webinar-marketo-form .mktoButtonWrap { inline-size: 100%; } .webinar-marketo-form .mktoButton { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid var(--color-spruce); border-radius: 23px; display: -webkit-box; display: -ms-flexbox; display: flex; inline-size: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1; padding: 10px; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .webinar-marketo-form .mktoButton:hover { background-color: var(--color-orchid); border-color: var(--color-orchid); color: var(--color-text-0); } .webinar-marketo-form .mktoButton:focus { background-color: var(--color-white); border-color: var(--color-lime); } .webinar-marketo-form .mktoForm .mktoError .mktoErrorMsg { color: var(--color-light-error) !important; margin-top: 16px !important; max-inline-size: 100% !important; } .webinar-marketo-form .marketo-form .mktoFieldWrap:has([type="radio"]) label { color: var(--text-100); line-height: 1.4; } .webinar-marketo-form .mktoForm .mktoPlaceholder { display: none; } .webinar-marketo-form .mktoRadioList.mktoHasWidth { margin: 0; inline-size: auto !important; } .webinar-marketo-form .mktoFormRow--radioRow { -ms-flex-wrap: wrap; flex-wrap: wrap; } .webinar-marketo-form .mktoFormRow--radioRow > .mktoFormCol { gap: 0; max-inline-size: calc((100% - 2 * var(--grid-gutter-width)) / 3); } .webinar-marketo-form .mktoFormRow--radioRow > :first-child { inline-size: 100% !important; max-inline-size: 100% !important; } .webinar-marketo-form .mktoFormRow--radioRow .mktoLabel { font-size: 14px !important; padding: 10px 0 !important; position: relative !important; inset-block-start: 0 !important; inset-inline-start: 0 !important; } .webinar-marketo-form .mktoFormRow--radioRow .mktoFieldWrap:has(.mktoLogicalField) > .mktoLogicalField.mktoCheckboxList { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } .webinar-marketo-form .mktoFormRow--radioRow .mktoFieldWrap:has(.mktoLogicalField) > .mktoLogicalField.mktoCheckboxList input { top: -2px; } .webinar-marketo-form .mktoFormRow--radioRow .mktoFieldWrap:has(.mktoLogicalField) > .mktoLogicalField.mktoCheckboxList label { font-size: 13px; } .webinar-marketo-form__header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; -webkit-margin-after: 40px; margin-block-end: 40px; margin-inline: auto; } .webinar-marketo-form__heading, .webinar-marketo-form__copy { color: var(--color-text-100); inline-size: 100%; margin: 0; } .webinar-marketo-form__heading { line-height: 1; position: relative; } .notifications-bar { position: relative; } .notifications-bar__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .notifications-bar__items.fixed { inset-inline-end: 0; inset-inline-start: 0; position: fixed; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; z-index: 999999; } .notifications-bar__item.notifications-bar__item--lime { background-color: var(--color-lime); color: var(--color-text-100); } .notifications-bar__item.notifications-bar__item--pistachio { background-color: var(--color-table-background-subheading); color: var(--color-text-100); } .notifications-bar__item.notifications-bar__item--orchid { background-color: var(--color-orchid); color: var(--color-text-0); } .notifications-bar__item.notifications-bar__item--orchid .notifications-bar__ietm-close { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M13 1L1 13M1 1L13 13' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3C/path%3E%3C/svg%3E"); } .notifications-bar__item.notifications-bar__item--hidden { display: none; } .notifications-bar__item-container { margin-inline: auto; max-inline-size: var(--container-max-width); } .notifications-bar__item-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; padding-block: 10px; -webkit-padding-end: 30px; padding-inline-end: 30px; position: relative; } @media (min-width: 48em) { .notifications-bar__item-content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .notifications-bar__item-text { color: inherit; font-size: 16px; line-height: 145%; } @media (min-width: 48em) { .notifications-bar__item-text { font-size: 14px; } } .notifications-bar__item-link { color: inherit; } .notifications-bar__item-link .link { color: inherit; font-size: 14px; font-weight: 500; line-height: 100%; -webkit-padding-before: 2px; padding-block-start: 2px; } @media (min-width: 48em) { .notifications-bar__item-link .link { white-space: nowrap; } } .notifications-bar__item-link .link svg { -webkit-margin-before: -2px; margin-block-start: -2px; } .notifications-bar__ietm-close { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M13 1L1 13M1 1L13 13' stroke='%23032325' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E%3C/path%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; block-size: 20px; display: block; inline-size: 20px; inset-inline-end: 0; position: absolute; } /*# sourceMappingURL=styles.css.map*/