/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */ /*! Theme Name: AMOS Child Theme Theme URI: https://amosonderwijs.nl Author: Webstack B.V. Author URI: https://webstack.nl Description: Het AMOS Onderwijs Child Theme Version: 0.1.1 Tested up to: 6.7 Requires PHP: 8.2 Text Domain: amos-child Template: amos-wordpress-theme */ :root, :host { --color-background: var(--wp--preset--color--background); --color-foreground: var(--wp--preset--color--foreground); --color-primary: var(--wp--preset--color--primary); --container-wide: 1280px; --font-display: 'coquette'; --font-sans: "Aptos", ui-sans-serif, system-ui, sans-serif; --spacing-admin-bar-height: 32px; --spacing-admin-bar-height-mobile: 46px; --spacing-header-padding-y: 2rem; --spacing-header-padding-y-scrolled: 1rem; --spacing-header-logo-height: 5rem; --spacing-header-logo-height-scrolled: 3rem; --color-header-accent: var(--color-brand-orange); --header-element-mask: url("data:image/svg+xml, "); --color-header-accent-mobile: var(--color-brand-purple); --font-header-display: var(--font-display-secondary); --color-navigation-background-1: var(--color-brand-purple-light); --color-navigation-background-2: var(--color-brand-purple-light); --color-navigation-text: #000000; --navigation-gap: 25px; --navigation-gap-desktop: 48px; --spacing-navigation-container-margin-top: 0; --color-footer-foreground: #ffffff; --color-footer-background: #515151; --color-footer-accent: #fe5500; --font-footer-header-font: var(--font-display-secondary); --font-weight-footer-header-weight: 700; --text-footer-header-size: 1.5rem; --spacing-footer-logo-width: 140px; --spacing-amos-gap: 80px; --radius-content-block-image: 0%; --aspect-content-block-image: 1/1; --radius-call-to-action-card: 6px; --spacing-call-to-action-card: 1.5rem; --spacing-footer-left-column-top-margin: 0px; --form-ctrl-font-family: var(--font-sans); --form-btn-bg-color-primary: #E3A426; --form-btn-color-primary: #E3A426; --form-btn-radius: 4px; --form-btn-font-weight: 600; --form-btn-padding-y: 12px; --form-btn-padding-x: 48px; --form-btn-line-height: 1.25rem; --form-btn-font-family: var(--font-display-secondary); --form-btn-font-size: 22px; --form-btn-text-transform: uppercase; --color-red-100: oklch(0.936 0.032 17.717); --color-red-400: oklch(0.704 0.191 22.216); --color-red-900: oklch(0.396 0.141 25.723); --color-green-100: oklch(0.962 0.044 156.743); --color-green-400: oklch(0.792 0.209 151.711); --color-green-900: oklch(0.393 0.095 152.535); --color-blue-600: oklch(0.546 0.245 262.881); --color-gray-200: oklch(0.928 0.006 264.531); --color-gray-600: oklch(0.446 0.03 256.802); --color-gray-900: oklch(0.21 0.034 264.665); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --breakpoint-md: 48rem; --container-5xl: 64rem; --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --font-weight-thin: 100; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --radius-sm: 0.25rem; --radius-md: 0.375rem; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --color-brand-purple: #782B82; --color-brand-pink: rgba(164, 36, 128, 1); --color-brand-purple-light: #d398d9; --color-brand-lightblue: #67A7DD; --color-brand-darkblue: #1C1F54; --color-brand-orange: #E3A426; --color-brand-lightgreen: rgba(160, 192, 73, 1); --color-brand-darkgreen: rgba(39, 154, 129, 1); --font-display-secondary: 'brandon-grotesque'; } @font-face { font-family: 'Aptos'; src: url('/wp-content/themes/amos-wordpress-theme/assets/fonts/Aptos/Aptos.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Aptos'; src: url('/wp-content/themes/amos-wordpress-theme/assets/fonts/Aptos/Aptos-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: "Aptos", ui-sans-serif, system-ui, sans-serif; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: color-mix(in oklab, currentColor 50%, transparent); } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden='until-found'])) { display: none !important; } body { background-color: var(--color-background); font-family: var(--font-sans); color: var(--color-foreground); } h1 { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } h2 { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } h3 { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } h4 { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } b, strong { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .gform-theme--api, .gform-theme--framework { --gf-ctrl-btn-bg-color-primary: var(--form-btn-bg-color-primary) !important; --gf-ctrl-btn-color-primary: var(--form-btn-color-primary) !important; --gf-ctrl-btn-radius: var(--form-btn-radius) !important; --gf-ctrl-btn-font-weight: var(--form-btn-font-weight) !important; --gf-ctrl-btn-padding-y: var(--form-btn-padding-y) !important; --gf-ctrl-btn-padding-x: var(--form-btn-padding-x) !important; --gf-ctrl-btn-line-height: var(--form-btn-line-height) !important; --gf-ctrl-btn-font-family: var(--form-btn-font-family) !important; --gf-ctrl-btn-font-size: var(--form-btn-font-size) !important; --gf-ctrl-btn-text-transform: var(--form-btn-text-transform) !important; --gf-ctrl-font-family: var(--form-ctrl-font-family); } .gform_wrapper input[type="submit"]:focus, .gform_wrapper button:focus, .gform_wrapper .gform_button:focus { outline: none !important; } header#masthead { z-index: 9999999999; } footer#footer { background-color: var(--color-brand-darkblue); } footer#footer li > a { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } ul#menu-sub-footer-menu li > a { font-family: var(--font-display-secondary); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } ul#menu-primair-menu > li > a { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .text-navigation-text { color: var(--color-brand-darkblue) !important; } footer#footer > div { position: relative; } footer#footer > div > div { z-index: 9999999; } footer#footer { overflow-x: hidden; } footer#footer > div::before { content: ""; position: absolute; top: -2px; left: 601px; width: calc(100% - 403px); height: 100%; background-image: url(/wp-content/themes/de-vijf-sterren-wordpress-theme/theme/assets/img/5-sterren.svg); background-repeat: no-repeat; background-size: 56%; background-position: center; z-index: 0; opacity: 0.10; } footer#footer p { font-family: var(--font-display-secondary) !important; } .wp-block-buttons { display: flex; flex-wrap: wrap; gap: calc(var(--spacing) * 4); } .wp-block-buttons .wp-block-button { border-style: var(--tw-border-style); border-width: 1px; } :is(.wp-block-buttons .wp-block-button) .wp-block-button__link { font-family: var(--font-display-secondary); font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-leading: 31px; line-height: 31px; } :is(.wp-block-buttons .wp-block-button) a { display: inline-block; padding-inline: calc(var(--spacing) * 12); padding-block: calc(var(--spacing) * 3); } .is-style-lightblue:is(.wp-block-buttons .wp-block-button) { border-color: var(--color-brand-lightblue); background-color: var(--color-brand-lightblue); color: var(--color-white); } .is-style-orange:is(.wp-block-buttons .wp-block-button) { border-color: var(--color-brand-orange); background-color: var(--color-brand-orange); color: var(--color-white); } .is-style-purple:is(.wp-block-buttons .wp-block-button) { border-color: var(--color-brand-purple); background-color: var(--color-brand-purple); color: var(--color-white); } .amos_clip_pentagon_up { clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%); } .amos_clip_pentagon_up_hero_special { clip-path: polygon(15% 0, 100% 0, 100% 100%, 18% 100%, 0 15%); } .amos_clip_pentagon_down { clip-path: polygon(50% 100%, 100% 62%, 82% 0%, 18% 0%, 0% 62%); } .amos_clip_pentagon_hero { clip-path: polygon(51% -11%, 100% 45%, 85% 100%, 17% 100%, 0% 37%); } .amos-purple-accent { position: relative; color: var(--color-white); background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(255, 255, 255, 0.03)' d='M50 30L65 40L60 60H40L35 40z'/%3E%3C/svg%3E"); background-size: 32px 32px; background-color: var(--color-brand-purple); } .amos-purple-accent .prose { position: relative; z-index: 1; color: var(--color-white) !important; } :is(.amos-purple-accent .prose) h1 { color: var(--color-white) !important; } .amos-purple-accent-halfway { position: relative; color: var(--color-white); } .amos-purple-accent-halfway::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(255, 255, 255, 0.03)' d='M50 30L65 40L60 60H40L35 40z'/%3E%3C/svg%3E"); background-size: 32px 32px; background-color: var(--color-brand-purple); z-index: 0; } .amos-purple-accent-halfway .prose { position: relative; z-index: 1; color: var(--color-white) !important; } :is(.amos-purple-accent-halfway .prose) h1 { color: var(--color-white) !important; } :is(.amos-purple-accent-halfway .prose) p { font-size: 22px; --tw-font-weight: var(--font-weight-thin) !important; font-weight: var(--font-weight-thin) !important; } :is(.amos-purple-accent-halfway .prose) strong { color: var(--color-white) !important; } .amos-hero-image-clip { clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%); } .bg-brand-lightgray { background-color: var(--color-gray-200); } .gform_button { border-color: var(--color-brand-orange) !important; background-color: var(--color-brand-orange) !important; color: var(--color-white) !important; } .bg-brand-lightblue .prose h2, .bg-brand-lightblue .prose p { color: var(--color-white); } .wp-block-button.is-style-core_values { border: none !important; border-width: 0 !important; --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .wp-block-button.is-style-core_values .wp-block-button__link { border-radius: var(--radius-sm); --tw-border-style: none; border-style: none; background-color: var(--color-brand-darkblue); color: var(--color-white); } div.cards-grid h5 { font-family: var(--font-display); color: var(--color-white); } .cards-grid li { position: relative; } :is(.cards-grid li):before { content: ''; position: absolute; top: calc(1/2 * 100%); right: 100%; margin-right: calc(var(--spacing) * 2); display: none; width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5); --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); background-color: var(--color-white); } @media (width >= 64rem) { :is(.cards-grid li):before { display: inline-block; } } :is(.cards-grid li):before { mask: var(--header-element-mask); mask-size: contain; mask-repeat: no-repeat; mask-position: center; } @media (min-width: 1280px) and (max-width: 1400px) { .custom-hero { padding-left: 40px !important; } .custom-hero-quote { padding-left: 40px !important; } } @media (min-width: 1350px) and (max-width: 1400px) { .custom-hero { padding-left: 16px !important; } .custom-hero-quote { padding-left: 16px !important; } } .h-header-logo-height:not(body[data-scrolled="true"] *) { min-height: calc(var(--spacing) * 24); } .block__cards__outer { background: linear-gradient(to top, #f3f4f6 50%, transparent 50%); } footer#footer div.space-y-8 > div.text-lg > p:first-child > strong { color: var(--color-brand-lightblue); } .block__core_values__inner > div > article > h2 { font-size: 28px; } .block__core_values__inner > div > article > p { font-size: 18px; } .bg-brand-lightblue .prose a { --tw-prose-body: var(--tw-prose-invert-body); --tw-prose-headings: var(--tw-prose-invert-headings); --tw-prose-lead: var(--tw-prose-invert-lead); --tw-prose-links: var(--tw-prose-invert-links); --tw-prose-bold: var(--tw-prose-invert-bold); --tw-prose-counters: var(--tw-prose-invert-counters); --tw-prose-bullets: var(--tw-prose-invert-bullets); --tw-prose-hr: var(--tw-prose-invert-hr); --tw-prose-quotes: var(--tw-prose-invert-quotes); --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); --tw-prose-captions: var(--tw-prose-invert-captions); --tw-prose-kbd: var(--tw-prose-invert-kbd); --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); --tw-prose-code: var(--tw-prose-invert-code); --tw-prose-pre-code: var(--tw-prose-invert-pre-code); --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); --tw-prose-th-borders: var(--tw-prose-invert-th-borders); --tw-prose-td-borders: var(--tw-prose-invert-td-borders); } .bg-brand-lightblue .prose b { --tw-prose-body: var(--tw-prose-invert-body); --tw-prose-headings: var(--tw-prose-invert-headings); --tw-prose-lead: var(--tw-prose-invert-lead); --tw-prose-links: var(--tw-prose-invert-links); --tw-prose-bold: var(--tw-prose-invert-bold); --tw-prose-counters: var(--tw-prose-invert-counters); --tw-prose-bullets: var(--tw-prose-invert-bullets); --tw-prose-hr: var(--tw-prose-invert-hr); --tw-prose-quotes: var(--tw-prose-invert-quotes); --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); --tw-prose-captions: var(--tw-prose-invert-captions); --tw-prose-kbd: var(--tw-prose-invert-kbd); --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); --tw-prose-code: var(--tw-prose-invert-code); --tw-prose-pre-code: var(--tw-prose-invert-pre-code); --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); --tw-prose-th-borders: var(--tw-prose-invert-th-borders); --tw-prose-td-borders: var(--tw-prose-invert-td-borders); } .bg-brand-lightblue .prose strong { --tw-prose-body: var(--tw-prose-invert-body); --tw-prose-headings: var(--tw-prose-invert-headings); --tw-prose-lead: var(--tw-prose-invert-lead); --tw-prose-links: var(--tw-prose-invert-links); --tw-prose-bold: var(--tw-prose-invert-bold); --tw-prose-counters: var(--tw-prose-invert-counters); --tw-prose-bullets: var(--tw-prose-invert-bullets); --tw-prose-hr: var(--tw-prose-invert-hr); --tw-prose-quotes: var(--tw-prose-invert-quotes); --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); --tw-prose-captions: var(--tw-prose-invert-captions); --tw-prose-kbd: var(--tw-prose-invert-kbd); --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); --tw-prose-code: var(--tw-prose-invert-code); --tw-prose-pre-code: var(--tw-prose-invert-pre-code); --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); --tw-prose-th-borders: var(--tw-prose-invert-th-borders); --tw-prose-td-borders: var(--tw-prose-invert-td-borders); } .bg-brand-lightblue .prose li { --tw-prose-body: var(--tw-prose-invert-body); --tw-prose-headings: var(--tw-prose-invert-headings); --tw-prose-lead: var(--tw-prose-invert-lead); --tw-prose-links: var(--tw-prose-invert-links); --tw-prose-bold: var(--tw-prose-invert-bold); --tw-prose-counters: var(--tw-prose-invert-counters); --tw-prose-bullets: var(--tw-prose-invert-bullets); --tw-prose-hr: var(--tw-prose-invert-hr); --tw-prose-quotes: var(--tw-prose-invert-quotes); --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); --tw-prose-captions: var(--tw-prose-invert-captions); --tw-prose-kbd: var(--tw-prose-invert-kbd); --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); --tw-prose-code: var(--tw-prose-invert-code); --tw-prose-pre-code: var(--tw-prose-invert-pre-code); --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); --tw-prose-th-borders: var(--tw-prose-invert-th-borders); --tw-prose-td-borders: var(--tw-prose-invert-td-borders); } ul.wp-block-list { list-style-type: disc; } .amos-purple-accent .prose > h2 { color: var(--color-white); } .amos-purple-accent .prose > h3 { color: var(--color-white); } .amos-purple-accent .prose > h4 { color: var(--color-white); } .amos-purple-accent .prose > h5 { color: var(--color-white); } .amos-purple-accent .prose > h6 { color: var(--color-white); } :is(.bg-brand-lightgray .prose a) :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-brand-darkblue); } .bg-brand-lightgray .prose b { color: var(--color-brand-darkblue); } .bg-brand-lightgray .prose strong { color: var(--color-brand-darkblue); } .bg-brand-lightgray .prose li { color: var(--color-brand-darkblue); } .bg-brand-lightgray .prose > h3,h4,h5,h6 { color: var(--color-brand-darkgreen) !important; } nav > ul > li > a { font-size: var(--text-xl) !important; line-height: var(--tw-leading, var(--text-xl--line-height)) !important; } @media (width >= 80rem) { nav > ul > li > a { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .inset-0 { inset: calc(var(--spacing) * 0); } .-top-12 { top: calc(var(--spacing) * -12); } .-top-15 { top: calc(var(--spacing) * -15); } .top-0 { top: calc(var(--spacing) * 0); } .top-3\/8 { top: calc(3/8 * 100%); } .top-72 { top: calc(var(--spacing) * 72); } .top-full { top: 100%; } .-right-6 { right: calc(var(--spacing) * -6); } .-right-10 { right: calc(var(--spacing) * -10); } .-right-24 { right: calc(var(--spacing) * -24); } .-right-33 { right: calc(var(--spacing) * -33); } .right-0 { right: calc(var(--spacing) * 0); } .right-\[14\%\] { right: 14%; } .right-full { right: 100%; } .-bottom-\[7\%\] { bottom: calc(7% * -1); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-10 { bottom: calc(var(--spacing) * 10); } .-left-1 { left: calc(var(--spacing) * -1); } .left-0 { left: calc(var(--spacing) * 0); } .left-1\/2 { left: calc(1/2 * 100%); } .left-8 { left: calc(var(--spacing) * 8); } .left-\[11\%\] { left: 11%; } .left-full { left: 100%; } .z-10 { z-index: 10; } .z-50 { z-index: 50; } .order-6 { order: 6; } .order-first { order: -9999; } .col-span-2 { grid-column: span 2 / span 2; } .row-0 { grid-row: 0; } .row-1 { grid-row: 1; } .row-2 { grid-row: 2; } .row-3 { grid-row: 3; } .row-4 { grid-row: 4; } .row-5 { grid-row: 5; } .row-6 { grid-row: 6; } .row-7 { grid-row: 7; } .container { width: 100%; } @media (width >= 40rem) { .container { max-width: 40rem; } } @media (width >= 48rem) { .container { max-width: 48rem; } } @media (width >= 64rem) { .container { max-width: 64rem; } } @media (width >= 80rem) { .container { max-width: 80rem; } } @media (width >= 96rem) { .container { max-width: 96rem; } } .mx-auto { margin-inline: auto; } .my-amos-gap { margin-block: var(--spacing-amos-gap); } .prose { color: var(--color-brand-darkblue); max-width: 100%; } .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.8rem; margin-bottom: 1.8rem; } .prose :where([class~="lead"],[class~="is-style-lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; } .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; } .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: disc; margin-top: 1.8rem; margin-bottom: 1.8rem; padding-inline-start: 1.625em; list-style: none; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1; margin-top: 3em; margin-bottom: 3em; border-bottom: none; } .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; border-left-style: solid; } .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: open-quote; } .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: close-quote; } .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--color-brand-darkblue); font-weight: 700; font-size: 40px; margin-top: 0; margin-bottom: 20px; line-height: 1.2; font-family: var(--font-display); } .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 900; color: inherit; } .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--color-brand-darkblue); font-weight: 700; font-size: 36px; margin-top: 2em; margin-bottom: 24px; line-height: 1.2; font-family: var(--font-display-secondary); } .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 800; color: inherit; } .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--color-brand-darkblue); font-weight: 700; font-size: 36px; margin-top: 1.6em; margin-bottom: 24px; line-height: 1.2; font-family: var(--font-display-secondary); } .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--color-brand-darkblue); font-weight: 700; margin-top: 1.5em; margin-bottom: 24px; line-height: 1.4; font-size: 36px; font-family: var(--font-display-secondary); } .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; } .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%); font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; padding-inline-start: 0.375em; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 700; font-size: 1em; font-family: Courier, monospace; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: "`"; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: "`"; } .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.875em; } .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.375rem; padding-top: 0.8571429em; padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em; padding-inline-start: 1.1428571em; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: none; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: none; } .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { width: 100%; table-layout: auto; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 0; } .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: baseline; } .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: top; } .prose :where(th,td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-align: start; } .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } .prose { --tw-prose-body: oklch(0.373 0.034 259.733); --tw-prose-headings: oklch(0.21 0.034 264.665); --tw-prose-lead: oklch(0.446 0.03 256.802); --tw-prose-links: oklch(0.21 0.034 264.665); --tw-prose-bold: oklch(0.21 0.034 264.665); --tw-prose-counters: oklch(0.551 0.027 264.364); --tw-prose-bullets: oklch(0.872 0.01 258.338); --tw-prose-hr: oklch(0.928 0.006 264.531); --tw-prose-quotes: oklch(0.21 0.034 264.665); --tw-prose-quote-borders: oklch(0.928 0.006 264.531); --tw-prose-captions: oklch(0.551 0.027 264.364); --tw-prose-kbd: oklch(0.21 0.034 264.665); --tw-prose-kbd-shadows: NaN NaN NaN; --tw-prose-code: oklch(0.21 0.034 264.665); --tw-prose-pre-code: oklch(0.928 0.006 264.531); --tw-prose-pre-bg: oklch(0.278 0.033 256.848); --tw-prose-th-borders: oklch(0.872 0.01 258.338); --tw-prose-td-borders: oklch(0.928 0.006 264.531); --tw-prose-invert-body: oklch(0.872 0.01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(0.707 0.022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(0.707 0.022 261.325); --tw-prose-invert-bullets: oklch(0.446 0.03 256.802); --tw-prose-invert-hr: oklch(0.373 0.034 259.733); --tw-prose-invert-quotes: oklch(0.967 0.003 264.542); --tw-prose-invert-quote-borders: oklch(0.373 0.034 259.733); --tw-prose-invert-captions: oklch(0.707 0.022 261.325); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: 255 255 255; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(0.872 0.01 258.338); --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: oklch(0.446 0.03 256.802); --tw-prose-invert-td-borders: oklch(0.373 0.034 259.733); font-size: 1.5rem; line-height: 1.5; } .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 1rem; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; } .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(tbody td,tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.5714286em; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } .prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } .prose { font-family: var(--font-display-secondary); } .prose :where(h5):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; font-size: 36px; line-height: 1.4; margin-bottom: 24px; font-family: var(--font-display-secondary); color: var(--color-brand-darkblue); } .prose :where(h6):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; font-size: 36px; line-height: 1.4; margin-bottom: 24px; font-family: var(--font-display-secondary); color: var(--color-brand-darkblue); } .prose :where(.wp-block-buttons):not(:where([class~="not-prose"],[class~="not-prose"] *)) { display: flex; flex-wrap: wrap; gap: 1rem; } .prose :where(.wp-block-button):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-width: 1px; border-radius: 0.25rem; } .prose :where(.wp-block-button__link):not(:where([class~="not-prose"],[class~="not-prose"] *)) { fontSize: 1.5rem; } :is(.prose :where(.wp-block-button__link):not(:where([class~="not-prose"],[class~="not-prose"] *))) fontSize { line-height: calc(2 / 1.5); } .prose :where(.wp-block-button__link):not(:where([class~="not-prose"],[class~="not-prose"] *)) { line-height: 2rem; font-family: 'brandon-grotesque'; } .prose :where(.wp-block-button a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-left: 3rem; padding-right: 3rem; padding-top: 0.75rem; padding-bottom: 0.75rem; display: inline-block; font-weight: 600; } .prose :where(.wp-block-button.is-style-lightblue):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-color: #67A7DD; background-color: #67A7DD; color: #fff; } .prose :where(.wp-block-button.is-style-pink):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-color: rgba(164, 36, 128, 1); background-color: rgba(164, 36, 128, 1); color: #fff; } .prose :where(.wp-block-button.is-style-pink a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: #fff; text-decoration: none; } .prose :where(.wp-block-button.is-style-lightblue a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: #fff; text-decoration: none; } .prose :where(.wp-block-button.is-style-purple-light):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-color: #d398d9; background-color: #d398d9; } :is(.prose :where(.wp-block-button.is-style-purple-light):not(:where([class~="not-prose"],[class~="not-prose"] *))) color { -d-e-f-a-u-l-t: #782B82; light: #d398d9; } :is(:is(.prose :where(.wp-block-button.is-style-purple-light):not(:where([class~="not-prose"],[class~="not-prose"] *))) color) __CSS_VALUES__ { -d-e-f-a-u-l-t: 0; light: 0; } :is(.prose :where(.wp-block-button.is-style-purple-light a):not(:where([class~="not-prose"],[class~="not-prose"] *))) color { -d-e-f-a-u-l-t: #782B82; light: #d398d9; } :is(:is(.prose :where(.wp-block-button.is-style-purple-light a):not(:where([class~="not-prose"],[class~="not-prose"] *))) color) __CSS_VALUES__ { -d-e-f-a-u-l-t: 0; light: 0; } .prose :where(.wp-block-button.is-style-purple-light a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-decoration: none; } :is(.prose :where(.wp-block-button.is-style-orange):not(:where([class~="not-prose"],[class~="not-prose"] *))) borderColor { -d-e-f-a-u-l-t: #E3A426; light: #e5bb66; } :is(:is(.prose :where(.wp-block-button.is-style-orange):not(:where([class~="not-prose"],[class~="not-prose"] *))) borderColor) __CSS_VALUES__ { -d-e-f-a-u-l-t: 0; light: 0; } :is(.prose :where(.wp-block-button.is-style-orange):not(:where([class~="not-prose"],[class~="not-prose"] *))) backgroundColor { -d-e-f-a-u-l-t: #E3A426; light: #e5bb66; } :is(:is(.prose :where(.wp-block-button.is-style-orange):not(:where([class~="not-prose"],[class~="not-prose"] *))) backgroundColor) __CSS_VALUES__ { -d-e-f-a-u-l-t: 0; light: 0; } .prose :where(.wp-block-button.is-style-orange):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: #fff; } .prose :where(.wp-block-button.is-style-orange a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: #fff; text-decoration: none; } :is(.prose :where(.wp-block-button.is-style-purple):not(:where([class~="not-prose"],[class~="not-prose"] *))) borderColor { -d-e-f-a-u-l-t: #782B82; light: #d398d9; } :is(:is(.prose :where(.wp-block-button.is-style-purple):not(:where([class~="not-prose"],[class~="not-prose"] *))) borderColor) __CSS_VALUES__ { -d-e-f-a-u-l-t: 0; light: 0; } :is(.prose :where(.wp-block-button.is-style-purple):not(:where([class~="not-prose"],[class~="not-prose"] *))) backgroundColor { -d-e-f-a-u-l-t: #782B82; light: #d398d9; } :is(:is(.prose :where(.wp-block-button.is-style-purple):not(:where([class~="not-prose"],[class~="not-prose"] *))) backgroundColor) __CSS_VALUES__ { -d-e-f-a-u-l-t: 0; light: 0; } .prose :where(.wp-block-button.is-style-purple):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: #fff; } .prose :where(.wp-block-button.is-style-purple a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: #fff; text-decoration: none; } .prose :where(blockquote > cite):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-body); font-style: normal; font-weight: 400; } .prose :where(blockquote > cite):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: "\2014"; } .prose :where(table.has-fixed-layout):not(:where([class~="not-prose"],[class~="not-prose"] *)) { table-layout: fixed; width: 100%; } .prose-xl { font-size: 1.25rem; line-height: 1.8; } .prose-xl :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; } .prose-xl :where([class~="lead"],[class~="is-style-lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.2em; line-height: 1.5; margin-top: 1em; margin-bottom: 1em; } .prose-xl :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1.0666667em; } .prose-xl :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 2.8em; margin-top: 0; margin-bottom: 0.8571429em; line-height: 1; } .prose-xl :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.8em; margin-top: 1.5555556em; margin-bottom: 0.8888889em; line-height: 1.1111111; } .prose-xl :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.5em; margin-top: 1.6em; margin-bottom: 0.6666667em; line-height: 1.3333333; } .prose-xl :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.8em; margin-bottom: 0.6em; line-height: 1.6; } .prose-xl :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose-xl :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose-xl :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose-xl :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose-xl :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; border-radius: 0.3125rem; padding-top: 0.25em; padding-inline-end: 0.4em; padding-bottom: 0.25em; padding-inline-start: 0.4em; } .prose-xl :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; } .prose-xl :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8611111em; } .prose-xl :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; } .prose-xl :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; line-height: 1.7777778; margin-top: 2em; margin-bottom: 2em; border-radius: 0.5rem; padding-top: 1.1111111em; padding-inline-end: 1.3333333em; padding-bottom: 1.1111111em; padding-inline-start: 1.3333333em; } .prose-xl :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; padding-inline-start: 1.6em; } .prose-xl :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; padding-inline-start: 1.6em; } .prose-xl :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.6em; margin-bottom: 0.6em; } .prose-xl :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4em; } .prose-xl :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4em; } .prose-xl :where(.prose-xl > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.8em; margin-bottom: 0.8em; } .prose-xl :where(.prose-xl > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; } .prose-xl :where(.prose-xl > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.2em; } .prose-xl :where(.prose-xl > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; } .prose-xl :where(.prose-xl > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.2em; } .prose-xl :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.8em; margin-bottom: 0.8em; } .prose-xl :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; } .prose-xl :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.2em; } .prose-xl :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.6em; padding-inline-start: 1.6em; } .prose-xl :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2.8em; margin-bottom: 2.8em; } .prose-xl :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-xl :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-xl :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-xl :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-xl :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; line-height: 1.5555556; } .prose-xl :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0.6666667em; padding-bottom: 0.8888889em; padding-inline-start: 0.6666667em; } .prose-xl :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose-xl :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose-xl :where(tbody td,tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.8888889em; padding-inline-end: 0.6666667em; padding-bottom: 0.8888889em; padding-inline-start: 0.6666667em; } .prose-xl :where(tbody td:first-child,tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose-xl :where(tbody td:last-child,tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose-xl :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose-xl :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose-xl :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.9em; line-height: 1.5555556; margin-top: 1em; } .prose-xl :where(.prose-xl > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-xl :where(.prose-xl > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-footer-left-column-top-margin { margin-top: var(--spacing-footer-left-column-top-margin); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-32 { margin-bottom: calc(var(--spacing) * 32); } .\!hidden { display: none !important; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .aspect-content-block-image { aspect-ratio: var(--aspect-content-block-image); } .aspect-square { aspect-ratio: 1 / 1; } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24); } .size-40 { width: calc(var(--spacing) * 40); height: calc(var(--spacing) * 40); } .size-full { width: 100%; height: 100%; } .h-23 { height: calc(var(--spacing) * 23); } .h-39 { height: calc(var(--spacing) * 39); } .h-57 { height: calc(var(--spacing) * 57); } .h-172 { height: calc(var(--spacing) * 172); } .h-\[calc\(100vh-144px\)\] { height: calc(100vh - 144px); } .h-auto { height: auto; } .h-full { height: 100%; } .h-header-logo-height { height: var(--spacing-header-logo-height); } .min-h-64 { min-height: calc(var(--spacing) * 64); } .min-h-120 { min-height: calc(var(--spacing) * 120); } .w-1\/2 { width: calc(1/2 * 100%); } .w-8 { width: calc(var(--spacing) * 8); } .w-22 { width: calc(var(--spacing) * 22); } .w-23 { width: calc(var(--spacing) * 23); } .w-32 { width: calc(var(--spacing) * 32); } .w-footer-logo-width { width: var(--spacing-footer-logo-width); } .w-full { width: 100%; } .w-screen { width: 100vw; } .max-w-5xl { max-width: var(--container-5xl); } .max-w-64 { max-width: calc(var(--spacing) * 64); } .max-w-\[300px\] { max-width: 300px; } .max-w-full { max-width: 100%; } .max-w-screen-md { max-width: var(--breakpoint-md); } .max-w-wide { max-width: var(--container-wide); } .flex-1 { flex: 1; } .origin-bottom { transform-origin: bottom; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-6 { --tw-translate-x: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-8 { --tw-translate-x: calc(var(--spacing) * -8); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-10 { --tw-translate-x: calc(var(--spacing) * 10); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-6 { --tw-translate-y: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-1\/2 { --tw-translate-y: calc(1/2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-12 { --tw-translate-y: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-97 { --tw-scale-x: 97%; --tw-scale-y: 97%; --tw-scale-z: 97%; scale: var(--tw-scale-x) var(--tw-scale-y); } .transform { transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-\[20px_1fr\] { grid-template-columns: 20px 1fr; } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-evenly { justify-content: space-evenly; } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-16 { gap: calc(var(--spacing) * 16); } .gap-30 { gap: calc(var(--spacing) * 30); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-\(--navigation-gap\) { column-gap: var(--navigation-gap); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-y-12 { row-gap: calc(var(--spacing) * 12); } .overflow-hidden { overflow: hidden; } .overflow-y-scroll { overflow-y: scroll; } .rounded-call-to-action-card { border-radius: var(--radius-call-to-action-card); } .rounded-content-block-image { border-radius: var(--radius-content-block-image); } .rounded-md { border-radius: var(--radius-md); } .rounded-r-md { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-green-400 { border-color: var(--color-green-400); } .border-red-400 { border-color: var(--color-red-400); } .bg-brand-lightblue { background-color: var(--color-brand-lightblue); } .bg-brand-lightgreen { background-color: var(--color-brand-lightgreen); } .bg-brand-orange { background-color: var(--color-brand-orange); } .bg-brand-pink { background-color: var(--color-brand-pink); } .bg-footer-background { background-color: var(--color-footer-background); } .bg-green-100 { background-color: var(--color-green-100); } .bg-header-accent { background-color: var(--color-header-accent); } .bg-navigation-background-1 { background-color: var(--color-navigation-background-1); } .bg-red-100 { background-color: var(--color-red-100); } .bg-white { background-color: var(--color-white); } .bg-cover { background-size: cover; } .bg-center { background-position: center; } .fill-footer-foreground { fill: var(--color-footer-foreground); } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .p-0 { padding: calc(var(--spacing) * 0); } .p-4 { padding: calc(var(--spacing) * 4); } .p-10 { padding: calc(var(--spacing) * 10); } .p-call-to-action-card { padding: var(--spacing-call-to-action-card); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .\!py-10 { padding-block: calc(var(--spacing) * 10) !important; } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-amos-gap { padding-block: var(--spacing-amos-gap); } .py-header-padding-y { padding-block: var(--spacing-header-padding-y); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-15 { padding-top: calc(var(--spacing) * 15); } .pt-20 { padding-top: calc(var(--spacing) * 20); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-15 { padding-bottom: calc(var(--spacing) * 15); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .text-center { text-align: center; } .font-display { font-family: var(--font-display); } .font-display-secondary { font-family: var(--font-display-secondary); } .font-footer-header-font { font-family: var(--font-footer-header-font); } .font-header-display { font-family: var(--font-header-display); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-\[28px\] { font-size: 28px; } .text-\[56px\] { font-size: 56px; } .text-footer-header-size { font-size: var(--text-footer-header-size); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-footer-header-weight { --tw-font-weight: var(--font-weight-footer-header-weight); font-weight: var(--font-weight-footer-header-weight); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .text-nowrap { text-wrap: nowrap; } .text-blue-600 { color: var(--color-blue-600); } .text-footer-foreground { color: var(--color-footer-foreground); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-900 { color: var(--color-gray-900); } .text-green-900 { color: var(--color-green-900); } .text-navigation-text { color: var(--color-navigation-text); } .text-red-900 { color: var(--color-red-900); } .text-white { color: var(--color-white); } .shadow-header { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .transition-\[height\] { transition-property: height; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[padding\] { transition-property: padding; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[rotate\] { transition-property: rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .prose-invert { --tw-prose-body: var(--tw-prose-invert-body); --tw-prose-headings: var(--tw-prose-invert-headings); --tw-prose-lead: var(--tw-prose-invert-lead); --tw-prose-links: var(--tw-prose-invert-links); --tw-prose-bold: var(--tw-prose-invert-bold); --tw-prose-counters: var(--tw-prose-invert-counters); --tw-prose-bullets: var(--tw-prose-invert-bullets); --tw-prose-hr: var(--tw-prose-invert-hr); --tw-prose-quotes: var(--tw-prose-invert-quotes); --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); --tw-prose-captions: var(--tw-prose-invert-captions); --tw-prose-kbd: var(--tw-prose-invert-kbd); --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); --tw-prose-code: var(--tw-prose-invert-code); --tw-prose-pre-code: var(--tw-prose-invert-pre-code); --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); --tw-prose-th-borders: var(--tw-prose-invert-th-borders); --tw-prose-td-borders: var(--tw-prose-invert-td-borders); } .group-has-checked\/nav\:mt-24:is(:where(.group\/nav):has(*:checked) *) { margin-top: calc(var(--spacing) * 24); } .group-has-checked\/nav\:flex-col:is(:where(.group\/nav):has(*:checked) *) { flex-direction: column; } .group-has-checked\/nav\:items-start:is(:where(.group\/nav):has(*:checked) *) { align-items: flex-start; } .group-has-checked\/nav\:text-xl:is(:where(.group\/nav):has(*:checked) *) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .before\:content-\[\\\'\\\'\]::before { content: var(--tw-content); --tw-content: \'\'; content: var(--tw-content); } @media (hover: hover) { .hover\:bg-navigation-background-2\/25:hover { background-color: color-mix(in oklab, var(--color-navigation-background-2) 25%, transparent); } } @media (hover: hover) { .hover\:text-primary:hover { color: var(--color-primary); } } @media (hover: hover) { .hover\:underline:hover { text-decoration-line: underline; } } @media (width < 64rem) { .max-lg\:w-full { width: 100%; } } @media (width < 64rem) { .max-lg\:bg-navigation-background-2 { background-color: var(--color-navigation-background-2); } } @media (width < 64rem) { .max-lg\:px-7 { padding-inline: calc(var(--spacing) * 7); } } @media (width < 64rem) { .max-lg\:py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } } @media (width < 64rem) { .max-lg\:pl-10 { padding-left: calc(var(--spacing) * 10); } } @media (width >= 40rem) { .sm\:right-auto { right: auto; } } @media (width >= 40rem) { .sm\:w-full { width: 100%; } } @media (width >= 48rem) { .md\:top-2\/6 { top: calc(2/6 * 100%); } } @media (width >= 48rem) { .md\:top-86 { top: calc(var(--spacing) * 86); } } @media (width >= 48rem) { .md\:-right-14 { right: calc(var(--spacing) * -14); } } @media (width >= 48rem) { .md\:-left-7 { left: calc(var(--spacing) * -7); } } @media (width >= 48rem) { .md\:block { display: block; } } @media (width >= 48rem) { .md\:w-2\/3 { width: calc(2/3 * 100%); } } @media (width >= 48rem) { .md\:w-39 { width: calc(var(--spacing) * 39); } } @media (width >= 48rem) { .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (width >= 48rem) { .md\:rounded-none { border-radius: 0; } } @media (width >= 48rem) { .md\:p-0 { padding: calc(var(--spacing) * 0); } } @media (width >= 48rem) { .md\:px-6 { padding-inline: calc(var(--spacing) * 6); } } @media (width >= 48rem) { .md\:px-7 { padding-inline: calc(var(--spacing) * 7); } } @media (width >= 64rem) { .lg\:absolute { position: absolute; } } @media (width >= 64rem) { .lg\:static { position: static; } } @media (width >= 64rem) { .lg\:top-0 { top: calc(var(--spacing) * 0); } } @media (width >= 64rem) { .lg\:top-1\/3 { top: calc(1/3 * 100%); } } @media (width >= 64rem) { .lg\:top-42 { top: calc(var(--spacing) * 42); } } @media (width >= 64rem) { .lg\:-right-25 { right: calc(var(--spacing) * -25); } } @media (width >= 64rem) { .lg\:right-0 { right: calc(var(--spacing) * 0); } } @media (width >= 64rem) { .lg\:bottom-0 { bottom: calc(var(--spacing) * 0); } } @media (width >= 64rem) { .lg\:-left-3 { left: calc(var(--spacing) * -3); } } @media (width >= 64rem) { .lg\:-left-20 { left: calc(var(--spacing) * -20); } } @media (width >= 64rem) { .lg\:left-1\/2 { left: calc(1/2 * 100%); } } @media (width >= 64rem) { .lg\:left-auto { left: auto; } } @media (width >= 64rem) { .lg\:z-50 { z-index: 50; } } @media (width >= 64rem) { .lg\:order-none { order: 0; } } @media (width >= 64rem) { .lg\:col-span-1 { grid-column: span 1 / span 1; } } @media (width >= 64rem) { .lg\:col-span-3 { grid-column: span 3 / span 3; } } @media (width >= 64rem) { .lg\:col-span-4 { grid-column: span 4 / span 4; } } @media (width >= 64rem) { .lg\:col-span-6 { grid-column: span 6 / span 6; } } @media (width >= 64rem) { .lg\:col-span-8 { grid-column: span 8 / span 8; } } @media (width >= 64rem) { .lg\:col-span-9 { grid-column: span 9 / span 9; } } @media (width >= 64rem) { .lg\:m-0\.5 { margin: calc(var(--spacing) * 0.5); } } @media (width >= 64rem) { .lg\:mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); } } @media (width >= 64rem) { .lg\:mt-navigation-container-margin-top { margin-top: var(--spacing-navigation-container-margin-top); } } @media (width >= 64rem) { .lg\:block { display: block; } } @media (width >= 64rem) { .lg\:flex { display: flex; } } @media (width >= 64rem) { .lg\:hidden { display: none; } } @media (width >= 64rem) { .lg\:aspect-auto { aspect-ratio: auto; } } @media (width >= 64rem) { .lg\:h-auto { height: auto; } } @media (width >= 64rem) { .lg\:w-2\/5 { width: calc(2/5 * 100%); } } @media (width >= 64rem) { .lg\:w-39 { width: calc(var(--spacing) * 39); } } @media (width >= 64rem) { .lg\:w-56 { width: calc(var(--spacing) * 56); } } @media (width >= 64rem) { .lg\:w-auto { width: auto; } } @media (width >= 64rem) { .lg\:max-w-4\/5 { max-width: calc(4/5 * 100%); } } @media (width >= 64rem) { .lg\:max-w-none { max-width: none; } } @media (width >= 64rem) { .lg\:translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (width >= 64rem) { .lg\:transform-none { transform: none; } } @media (width >= 64rem) { .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (width >= 64rem) { .lg\:flex-row { flex-direction: row; } } @media (width >= 64rem) { .lg\:items-start { align-items: flex-start; } } @media (width >= 64rem) { .lg\:overflow-y-visible { overflow-y: visible; } } @media (width >= 64rem) { .lg\:rounded-md { border-radius: var(--radius-md); } } @media (width >= 64rem) { .lg\:bg-transparent { background-color: transparent; } } @media (width >= 64rem) { .lg\:bg-white { background-color: var(--color-white); } } @media (width >= 64rem) { .lg\:px-0 { padding-inline: calc(var(--spacing) * 0); } } @media (width >= 64rem) { .lg\:px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } } @media (width >= 64rem) { .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } } @media (width >= 64rem) { .lg\:px-16 { padding-inline: calc(var(--spacing) * 16); } } @media (width >= 64rem) { .lg\:py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } } @media (width >= 64rem) { .lg\:pb-0 { padding-bottom: calc(var(--spacing) * 0); } } @media (width >= 64rem) { .lg\:pb-40 { padding-bottom: calc(var(--spacing) * 40); } } @media (width >= 64rem) { .lg\:text-left { text-align: left; } } @media (width >= 64rem) { .lg\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } @media (width >= 64rem) { .lg\:shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (width >= 64rem) { .lg\:ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (width >= 64rem) { .lg\:ring-black\/5 { --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } @media (width >= 64rem) { @media (hover: hover) { .lg\:hover\:text-navigation-text:hover { color: var(--color-navigation-text); } } } @media (width >= 80rem) { .xl\:w-165 { width: calc(var(--spacing) * 165); } } @media (width >= 80rem) { .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (width >= 80rem) { .xl\:gap-11\.5 { gap: calc(var(--spacing) * 11.5); } } @media (width >= 80rem) { .xl\:gap-x-\(--navigation-gap-desktop\) { column-gap: var(--navigation-gap-desktop); } } @media (width >= 80rem) { .xl\:px-0 { padding-inline: calc(var(--spacing) * 0); } } @media (width >= 80rem) { .xl\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .prose-h1\:text-5xl :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .prose-h2\:my-4 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-block: calc(var(--spacing) * 4); } .prose-h2\:text-2xl :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .prose-h2\:text-5xl :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } @media (width >= 80rem) { .prose-h2\:xl\:text-3xl :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .prose-h3\:text-white :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-white); } .prose-p\:mt-4 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: calc(var(--spacing) * 4); } .prose-p\:text-black :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: var(--color-black); } .prose-a\:no-underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { text-decoration-line: none; } .prose-li\:my-0 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-block: calc(var(--spacing) * 0); } .prose-li\:list-none :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) { list-style-type: none; } body[data-scrolled="true"] .scrolled\:h-\[calc\(100vh-80px\)\] { height: calc(100vh - 80px); } body[data-scrolled="true"] .scrolled\:h-header-logo-height-scrolled { height: var(--spacing-header-logo-height-scrolled); } body[data-scrolled="true"] .scrolled\:py-header-padding-y-scrolled { padding-block: var(--spacing-header-padding-y-scrolled); } @media (width >= 64rem) { body[data-scrolled="true"] .lg\:scrolled\:h-auto { height: auto; } } body.admin-bar .admin-bar\:top-admin-bar-height-mobile { top: var(--spacing-admin-bar-height-mobile); } @media (width >= 48rem) { body.admin-bar .md\:admin-bar\:top-admin-bar-height { top: var(--spacing-admin-bar-height); } } @media (hover: hover) { .hover\:\[\&_\.sub-menu\]\:block:hover .sub-menu { display: block; } } .\[\&_b\]\:text-footer-accent b { color: var(--color-footer-accent); } .\[\&_li_ul_li\:first-child_a\]\:rounded-t-md li ul li:first-child a { border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md); } .\[\&_li_ul_li\:last-child_a\]\:rounded-b-md li ul li:last-child a { border-bottom-right-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .\[\&\.current-menu-item\]\:font-bold.current-menu-item { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .\[\&\.current-menu-item_\>_a\]\:text-navigation-text.current-menu-item > a { color: var(--color-navigation-text); } .\[\&\.current-menu-parent\]\:\[\&\.current-menu-parent\]\:before\:hidden.current-menu-parent.current-menu-parent::before { content: var(--tw-content); display: none; } .\[\&\.current-menu-parent\]\:before\:size-6.current-menu-parent::before { content: var(--tw-content); width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .\[\&\.current-menu-parent\]\:before\:bg-header-accent.current-menu-parent::before { content: var(--tw-content); background-color: var(--color-header-accent); } .\[\&\.current-menu-parent\]\:before\:lg\:inline-block.current-menu-parent::before { content: var(--tw-content); } @media (width >= 64rem) { .\[\&\.current-menu-parent\]\:before\:lg\:inline-block.current-menu-parent::before { display: inline-block; } } .\[\&\.current-menu-parent_\>_a\]\:text-navigation-text.current-menu-parent > a { color: var(--color-navigation-text); } .\[\&\.current-page-ancestor_\>_a\]\:bg-navigation-background-1.current-page-ancestor > a { background-color: var(--color-navigation-background-1); } .\[\&\.current-page-ancestor_\>_a\]\:text-navigation-text.current-page-ancestor > a { color: var(--color-navigation-text); } .\[\&\:hover_\>_a\]\:text-navigation-text:hover > a { color: var(--color-navigation-text); } .\[\&\[aria-current\=\"page\"\]\]\:bg-navigation-background-2\/25[aria-current="page"] { background-color: color-mix(in oklab, var(--color-navigation-background-2) 25%, transparent); } .\[\&\[aria-current\=\"page\"\]\]\:font-bold[aria-current="page"] { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .\[\&\[aria-current\=\"page\"\]\]\:text-navigation-text[aria-current="page"] { color: var(--color-navigation-text); } .amos_flexible_content_wrapper { min-height: calc(var(--spacing) * 92); overflow-x: hidden; padding-top: calc(var(--spacing) * 36); transition-property: padding-top; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } body[data-scrolled="true"] .amos_flexible_content_wrapper { padding-top: calc(var(--spacing) * 20); } .amos-mask::after { --tw-translate-x: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); } @media (width >= 80rem) { .amos-mask::after { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .amos-mask::after { mask: var(--header-element-mask); } .amos-mask .current-menu-item > a { position: relative; } :is(.amos-mask .current-menu-item > a):before { content: ''; position: absolute; top: calc(1/2 * 100%); left: calc(var(--spacing) * 4); display: inline-block; width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5); --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); border-radius: calc(infinity * 1px); } @media (width >= 64rem) { :is(.amos-mask .current-menu-item > a):before { display: none; } } :is(.amos-mask .current-menu-item > a):before { mask: var(--header-element-mask); background-color: var(--color-header-accent-mobile); } :is(.amos-mask.current-menu-item,.amos-mask.current-menu-parent):after { content: ''; position: absolute; top: calc(1/2 * 100%); right: 100%; margin-right: calc(var(--spacing) * 2); display: none; width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5); --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); border-radius: calc(infinity * 1px); background-color: var(--color-brand-orange); } @media (width >= 64rem) { :is(.amos-mask.current-menu-item,.amos-mask.current-menu-parent):after { display: inline-block; } } :is(.amos-mask.current-menu-item,.amos-mask.current-menu-parent):after { mask: var(--header-element-mask); } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; initial-value: rotateX(0); } @property --tw-rotate-y { syntax: "*"; inherits: false; initial-value: rotateY(0); } @property --tw-rotate-z { syntax: "*"; inherits: false; initial-value: rotateZ(0); } @property --tw-skew-x { syntax: "*"; inherits: false; initial-value: skewX(0); } @property --tw-skew-y { syntax: "*"; inherits: false; initial-value: skewY(0); } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }