/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { -webkit-text-size-adjust: 100%; line-height: 1.15; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: initial; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: initial; } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: initial; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: initial; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } [hidden], template { display: none; } :root { --site--scroll-padding-top:var(--site-header--bottom); --border-radius--s:0.1875rem; --border-radius--m:0.625rem; --border-radius--l:1.25rem; --border-radius--xl:2.375rem; --border-radius--xxl:5rem; --border-width--s:0.125rem; --border-width--m:0.25rem; --border--1:var(--border-width--s) solid currentColor; --border--subtle:0.0625rem solid hsla(var(--color--foreground--hsl),0.64); --focus--color:currentColor; --focus--1--offset:4px; --focus--1--width:3px; --selection-color:var(--color--background); --selection-background:var(--color--foreground); --transition--duration:200ms; --transition--ease:cubic-bezier(0.165,0.84,0.44,1); --grid--column-gap:var(--space--responsive--s); --grid--row-gap:var(--grid--column-gap); --grid--columns:1; --grid--auto-fit--min:18.75rem; --hr--color:var(--color--foreground); --hr--thickness:2px; --blocks--padding-top:var(--space--layout); --blocks--padding-bottom:var(--space--layout); --block--margin-top:var(--space--layout); --block--margin-bottom:var(--space--layout); --block--padding-y:var(--space--l); --block--padding-x:var(--space--container-padding); --block--max-width:var(--width--responsive--s); --block--header--margin-bottom:var(--space--base); --block--footer--margin-top:var(--space--base); --button--icon-size:0.9em; --width--responsive--container:calc(100% - var(--space--container-padding)*2); --width--xxs:600px; --width--responsive--xxs:min(var(--width--xxs),var(--width--responsive--container)); --width--xs:650px; --width--responsive--xs:min(var(--width--xs),var(--width--responsive--container)); --width--s:765px; --width--responsive--s:min(var(--width--s),var(--width--responsive--container)); --width--m:840px; --width--responsive--m:min(var(--width--m),var(--width--responsive--container)); --width--l:1230px; --width--responsive--l:min(var(--width--l),var(--width--responsive--container)); --width--xl:1346px; --width--responsive--xl:min(var(--width--xl),var(--width--responsive--container)); --space--xxxs:0.3125rem; --space--xxs:0.625rem; --space--xs:0.9375rem; --space--s:1.25rem; --space--m:1.875rem; --space--l:3.125rem; --space--xl:4.0625rem; --space--xxl:6.25rem; --space--xxxl:8.125rem; --space--container-padding:1.25rem; --space--base:1.5rem; --space--layout:var(--space--xxl); --space--responsive--xxs:var(--space--xxxs); --space--responsive--xs:var(--space--xxs); --space--responsive--s:var(--space--xs); --space--responsive--m:var(--space--s); --space--responsive--l:var(--space--m); --space--responsive--xl:var(--space--l); --space--responsive--xxl:var(--space--l); --type--font-size--base:20px; --type--font-size--small:1rem; --type--1--font-family:"Roboto",system-ui,sans-serif; --type--1--font-weight:300; --type--1--font-weight--bold:600; --type--1--line-height:1.38; --type--2--font-family:"Quicksand",system-ui,sans-serif; --type--2--color:inherit; --type--2--font-weight:500; --type--2--line-height:1.2; --heading--max-width:17em; --heading--margin-top:calc(var(--type--1--line-height)*1em); --heading--margin-bottom:1.25rem; --fluid-min-width:320; --fluid-max-width:1620; --fluid-screen:100vw; --fluid-bp:calc((var(--fluid-screen) - var(--fluid-min-width)/16*1rem)/(var(--fluid-max-width) - var(--fluid-min-width))); --text-decoration-thickness:0.094em; --text-underline-offset:0.21em; --link--color:currentColor; --link--color--hover:currentColor; --link--text-decoration:underline; --link--text-decoration--hover:underline; --list--item--spacing:var(--space--xs); --list--indent:0px; --list--nested-indent:1.5em; --button--font-size:calc(1.125rem + var(--fluid-bp)*0); --button--line-height:1.25; --button--padding-y:0.694em; --button--padding-x:1.333em; --button--border-width:0.0625rem; --button--border-radius:6.25rem; --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --button--gap:0.625em; --button--small--padding-y:0.4em; --button--small--padding-x:0.64em; --input--background-color:var(--color--white); --input--background-color--focus:var(--color--brand-2); --input--background-color--highlight:hsl(var(--color--brand-2--h),var(--color--brand-2--s),90%); --input--border-width:1px; --input--border-color:var(--color--foreground); --input--border-radius:0px; --input--color:var(--color--brand-1); --input--color--focus:var(--color--brand-1); --input--outline-color--focus:var(--color--foreground); --input--outline-width--focus:2px; --input--gap:var(--space--xs); --input--padding-y:0.9em; --input--padding-x:1.4em; --input--padding:var(--input--padding-y) var(--input--padding-x); --input--placeholder-color:hsla(var(--color--brand-1--hsl),0.8); --form--label-spacing:var(--space--xs); --form--textarea-height:100px; --checkbox--size:1.25em; --checkbox--padding:calc(var(--checkbox--size)/4); --checkbox--border-width:2px; --checkbox--check-size:calc(var(--checkbox--size) - var(--checkbox--padding)*2); --checkbox--check-stroke:0.15em; --checkbox--border-radius:0.125em; --radio--size:1.25em; --radio--padding:calc(var(--radio--size)/4); --radio--border-width:2px; --z-index--style-guide-toc:100; --z-index--theme-editor:200; --z-index--cookie-notice:300; --z-index--site-header:400; --z-index--modal:500; --z-index--screen-reader:600; } @media (min-width: 48em) { :root { --grid--columns:2; } } @media (min-width: 62em) { :root { --grid--columns:4; } } @media (min-width: 36em) { :root { --block--padding-y:var(--space--responsive--xl); } } @media (min-width: 48em) { :root { --block--padding-x:var(--space--responsive--l); } } @media (max-width: 61.99em) { :root { --wp-text-block--padding--x:var(--space--container-padding); } } @media (min-width: 62em) and (max-width: 87.49em) { :root { --wp-text-block--padding--x:min(calc((100vw - var(--width--m))/2),calc(var(--space--container-padding))); } } @media (min-width: 87.5em) { :root { --wp-text-block--padding--x:calc((100vw - var(--width--l))/2); } } :root { --color--forest-green:#212d1e; --color--forest-green--hsl:108deg,20%,14.7058823529%; --color--forest-green--h:108deg; --color--forest-green--s:20%; --color--forest-green--l:14.7058823529%; --color--sky-blue:#85c8ef; --color--sky-blue--hsl:202.0754716981deg,76.8115942029%,72.9411764706%; --color--sky-blue--h:202.0754716981deg; --color--sky-blue--s:76.8115942029%; --color--sky-blue--l:72.9411764706%; --color--mint:#c3f0c8; --color--mint--hsl:126.6666666667deg,60%,85.2941176471%; --color--mint--h:126.6666666667deg; --color--mint--s:60%; --color--mint--l:85.2941176471%; --color--sand:#f3e6d9; --color--sand--hsl:30deg,52%,90.1960784314%; --color--sand--h:30deg; --color--sand--s:52%; --color--sand--l:90.1960784314%; --color--earth:#765533; --color--earth--hsl:30.447761194deg,39.6449704142%,33.137254902%; --color--earth--h:30.447761194deg; --color--earth--s:39.6449704142%; --color--earth--l:33.137254902%; --color--ocean-blue:#184362; --color--ocean-blue--hsl:205.1351351351deg,60.6557377049%,23.9215686275%; --color--ocean-blue--h:205.1351351351deg; --color--ocean-blue--s:60.6557377049%; --color--ocean-blue--l:23.9215686275%; --color--white:#fff; --color--white--hsl:0deg,0%,100%; --color--white--h:0deg; --color--white--s:0%; --color--white--l:100%; --color--black:#000; --color--black--hsl:0deg,0%,0%; --color--black--h:0deg; --color--black--s:0%; --color--black--l:0%; --color--dawn-orange:#a80007; --color--dawn-orange--hsl:357.5deg,100%,32.9411764706%; --color--dawn-orange--h:357.5deg; --color--dawn-orange--s:100%; --color--dawn-orange--l:32.9411764706%; --color--sunrise:#ffc864; --color--sunrise--hsl:38.7096774194deg,100%,69.6078431373%; --color--sunrise--h:38.7096774194deg; --color--sunrise--s:100%; --color--sunrise--l:69.6078431373%; --color--heather:#720062; --color--heather--hsl:308.4210526316deg,100%,22.3529411765%; --color--heather--h:308.4210526316deg; --color--heather--s:100%; --color--heather--l:22.3529411765%; --color--light-heather:#ffbfe7; --color--light-heather--hsl:322.5deg,100%,87.4509803922%; --color--light-heather--h:322.5deg; --color--light-heather--s:100%; --color--light-heather--l:87.4509803922%; --color--brand-1:#212d1e; --color--brand-1--hsl:108deg,20%,14.7058823529%; --color--brand-1--h:108deg; --color--brand-1--s:20%; --color--brand-1--l:14.7058823529%; --color--brand-2:#f3e6d9; --color--brand-2--hsl:30deg,52%,90.1960784314%; --color--brand-2--h:30deg; --color--brand-2--s:52%; --color--brand-2--l:90.1960784314%; --color--brand-3:#85c8ef; --color--brand-3--hsl:202.0754716981deg,76.8115942029%,72.9411764706%; --color--brand-3--h:202.0754716981deg; --color--brand-3--s:76.8115942029%; --color--brand-3--l:72.9411764706%; --color--brand-4:#720062; --color--brand-4--hsl:308.4210526316deg,100%,22.3529411765%; --color--brand-4--h:308.4210526316deg; --color--brand-4--s:100%; --color--brand-4--l:22.3529411765%; --color--brand-5:#ffbfe7; --color--brand-5--hsl:322.5deg,100%,87.4509803922%; --color--brand-5--h:322.5deg; --color--brand-5--s:100%; --color--brand-5--l:87.4509803922%; --color--brand-6:#fff; --color--brand-6--hsl:0deg,0%,100%; --color--brand-6--h:0deg; --color--brand-6--s:0%; --color--brand-6--l:100%; --color--brand-7:#184362; --color--brand-7--hsl:205.1351351351deg,60.6557377049%,23.9215686275%; --color--brand-7--h:205.1351351351deg; --color--brand-7--s:60.6557377049%; --color--brand-7--l:23.9215686275%; --color--brand-8:#c3f0c8; --color--brand-8--hsl:126.6666666667deg,60%,85.2941176471%; --color--brand-8--h:126.6666666667deg; --color--brand-8--s:60%; --color--brand-8--l:85.2941176471%; --color--brand-9:#765533; --color--brand-9--hsl:30.447761194deg,39.6449704142%,33.137254902%; --color--brand-9--h:30.447761194deg; --color--brand-9--s:39.6449704142%; --color--brand-9--l:33.137254902%; --color--brand-10:#000; --color--brand-10--hsl:0deg,0%,0%; --color--brand-10--h:0deg; --color--brand-10--s:0%; --color--brand-10--l:0%; --color--foreground:#000; --color--foreground--hsl:0deg,0%,0%; --color--foreground--h:0deg; --color--foreground--s:0%; --color--foreground--l:0%; --color--background:#fff; --color--background--hsl:0deg,0%,100%; --color--background--h:0deg; --color--background--s:0%; --color--background--l:100%; --color--style-guide:#fff; --color--style-guide--hsl:0deg,0%,100%; --color--style-guide--h:0deg; --color--style-guide--s:0%; --color--style-guide--l:100%; --color--error:#fff; --color--error--hsl:0deg,0%,100%; --color--error--h:0deg; --color--error--s:0%; --color--error--l:100%; } @media (min-width: 36em) { :root { --space--container-padding:1.875rem; --space--base:2rem; --space--layout:var(--space--xxxl); --space--responsive--xxs:var(--space--xxs); --space--responsive--xs:var(--space--xs); --space--responsive--s:var(--space--s); --space--responsive--m:var(--space--m); --space--responsive--l:var(--space--l); --space--responsive--xl:var(--space--xl); --space--responsive--xxl:var(--space--xxl); } } @media screen and (min-width: 1620px) { :root { --fluid-screen:calc(var(--fluid-max-width)*1px); } } @media (min-width: 36em) { :root { --list--indent:1.5em; --list--nested-indent:2em; } } @font-face { font-display: fallback; font-family: Roboto; font-style: normal; font-weight: 300; src: url(static/Roboto-Light-latinextended.woff2) format("woff2"); } @font-face { font-display: fallback; font-family: Quicksand; font-style: normal; font-weight: 500; src: url(static/Quicksand-Medium-latinextended.woff2) format("woff2"); } :focus { outline: var(--focus--1--width, 2px) dotted var(--focus--color); outline-offset: var(--focus--1--offset, 0); } :focus:not(:focus-visible):active, :focus:not(:focus-visible):focus { outline-style: none; outline-width: 0; } [tabindex="-1"]:focus:active, [tabindex="-1"]:focus:focus { outline-style: none; outline-width: 0; } ::-moz-selection { background: var(--color--foreground); color: var(--color--background); text-shadow: none; } ::selection { background: var(--color--foreground); color: var(--color--background); text-shadow: none; } html { box-sizing: border-box; } *, :after, :before { box-sizing: inherit; } details > * { box-sizing: border-box; } a { color: var(--link--color); -webkit-text-decoration: var(--link--text-decoration); text-decoration: var(--link--text-decoration); text-decoration-thickness: var(--text-decoration-thickness, auto); } a:active, a:focus { color: var(--link--color--hover); -webkit-text-decoration: var(--link--text-decoration--hover); text-decoration: var(--link--text-decoration--hover); text-decoration-thickness: var(--text-decoration-thickness, auto); } @media (hover: hover) { a:hover { color: var(--link--color--hover); -webkit-text-decoration: var(--link--text-decoration--hover); text-decoration: var(--link--text-decoration--hover); text-decoration-thickness: var(--text-decoration-thickness, auto); } } blockquote { --blockquote--border-width:var(--border-width--s); --blockquote--padding-left:var(--space--s); --blockquote--border-offset:0.5em; --block--margin-top:var(--space--responsive--l); --block--margin-bottom:var(--space--responsive--l); border: 0; padding: 0; padding-left: var(--blockquote--padding-left); position: relative; } blockquote > :first-child { margin-top: 0; } blockquote > :last-child { margin-bottom: 0; } blockquote > :not(cite):not(.wp-block-quote__citation) { font-family: var(--type--2--font-family); font-size: calc(2rem + var(--fluid-bp) * 18); font-weight: var(--type--2--font-weight); line-height: var(--type--2--line-height); line-height: 1.2; } blockquote > :not(cite):not(.wp-block-quote__citation) a { color: inherit; text-decoration: none; } blockquote:before { background-color: var(--color--foreground); bottom: var(--blockquote--border-offset); content: ""; left: calc(var(--blockquote--border-width) * -1); position: absolute; top: var(--blockquote--border-offset); width: var(--blockquote--border-width); } body { --wp--admin-bar-height:0px; background-color: var(--color--background); color: var(--color--foreground); display: flex; flex-flow: column nowrap; font-family: var(--type--1--font-family); font-size: var(--type--font-size--base); font-weight: var(--type--1--font-weight); line-height: var(--type--1--line-height); min-height: 100%; overflow-x: hidden; text-underline-offset: var(--text-underline-offset); } body.admin-bar { --wp--admin-bar-height:46px; } @media screen and (min-width: 783px) { body.admin-bar { --wp--admin-bar-height:32px; } } [type=button], [type=reset], [type=submit], button { border: 0; cursor: pointer; } figure { max-width: 100%; } ::-moz-placeholder { color: var(--input--placeholder-color); opacity: 1; } ::placeholder { color: var(--input--placeholder-color); opacity: 1; } fieldset { border: 0; margin-left: 0; margin-right: 0; padding: 0; width: 100%; } label { display: inline-block; margin-bottom: var(--form--label-spacing); } [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea { background: var(--input--background-color); border: var(--input--border-width) solid var(--input--border-color); border-radius: var(--input--border-radius); box-shadow: none; color: var(--input--color); display: block; font-family: inherit; line-height: inherit; padding: var(--input--padding-y) var(--input--padding-x); transition: color var(--transition--duration) var(--transition--ease) 0s, background-color var(--transition--duration) var(--transition--ease) 0s, border-color var(--transition--duration) var(--transition--ease) 0s, box-shadow var(--transition--duration) var(--transition--ease) 0s, transform var(--transition--duration) var(--transition--ease) 0s; width: 100%; } [type=color]:active, [type=color]:focus, [type=date]:active, [type=date]:focus, [type=datetime-local]:active, [type=datetime-local]:focus, [type=datetime]:active, [type=datetime]:focus, [type=email]:active, [type=email]:focus, [type=month]:active, [type=month]:focus, [type=number]:active, [type=number]:focus, [type=password]:active, [type=password]:focus, [type=search]:active, [type=search]:focus, [type=tel]:active, [type=tel]:focus, [type=text]:active, [type=text]:focus, [type=time]:active, [type=time]:focus, [type=url]:active, [type=url]:focus, [type=week]:active, [type=week]:focus, textarea:active, textarea:focus { outline-style: none; outline-width: 0; } [type=color]:focus, [type=color]:focus-within, [type=date]:focus, [type=date]:focus-within, [type=datetime-local]:focus, [type=datetime-local]:focus-within, [type=datetime]:focus, [type=datetime]:focus-within, [type=email]:focus, [type=email]:focus-within, [type=month]:focus, [type=month]:focus-within, [type=number]:focus, [type=number]:focus-within, [type=password]:focus, [type=password]:focus-within, [type=search]:focus, [type=search]:focus-within, [type=tel]:focus, [type=tel]:focus-within, [type=text]:focus, [type=text]:focus-within, [type=time]:focus, [type=time]:focus-within, [type=url]:focus, [type=url]:focus-within, [type=week]:focus, [type=week]:focus-within, textarea:focus, textarea:focus-within { background: var(--input--background-color--focus); box-shadow: 0 0 0 var(--input--outline-width--focus) var(--input--outline-color--focus); color: var(--input--color--focus); } select { background: var(--input--background-color); border: var(--input--border-width) solid var(--input--border-color); border-radius: var(--input--border-radius); box-shadow: none; color: var(--input--color); display: block; font-family: inherit; line-height: inherit; max-width: 100%; min-width: 6rem; padding: var(--input--padding-y) var(--input--padding-x); position: relative; transition: color var(--transition--duration) var(--transition--ease) 0s, background-color var(--transition--duration) var(--transition--ease) 0s, border-color var(--transition--duration) var(--transition--ease) 0s, box-shadow var(--transition--duration) var(--transition--ease) 0s, transform var(--transition--duration) var(--transition--ease) 0s; width: 100%; } select:active, select:focus { outline-style: none; outline-width: 0; } select:focus, select:focus-within { background: var(--input--background-color--focus); box-shadow: 0 0 0 var(--input--outline-width--focus) var(--input--outline-color--focus); color: var(--input--color--focus); } select:hover:not(:focus) { --input--background-color:var(--input--background-color--highlight); } select:not([multiple]) { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath fill='currentColor' d='M.79 1.85 2.7 3.87l3.06 3.21.7.75c.3.3.84.3 1.13 0L9.51 5.8l3.06-3.22.7-.74c.29-.3.32-.83 0-1.12-.3-.29-.81-.32-1.12 0l-1.91 2.01-3.07 3.22-.7.75h1.12L5.67 4.69 2.61 1.47l-.7-.74a.8.8 0 0 0-1.12 0c-.3.32-.3.8 0 1.12z'/%3E%3C/svg%3E"); background-position: right var(--input--padding-x) top 50%; background-repeat: no-repeat, repeat; background-size: 0.875em auto; cursor: pointer; padding-right: 1.2em; } select:not([multiple]):active, select:not([multiple]):focus { background-color: var(--input--background-color--highlight); } select::-ms-expand { display: none; } select option { font-weight: 400; } :root:lang(ar) select, :root:lang(iw) select, [dir=rtl] select { background-position: left 0.7em top 50%, 0 0; padding-left: 1.4em; padding-right: var(--input--padding-x); } [multiple], textarea { height: var(--form--textarea-height); resize: vertical; } hr { background-color: var(--hr--color); border: 0; height: var(--hr--thickness); } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100%; overflow-wrap: anywhere; scroll-behavior: smooth; scroll-padding-top: var(--site--scroll-padding-top); text-rendering: optimizeLegibility; } iframe { border: 0; width: 100%; } img { display: inline-block; height: auto; max-width: 100%; vertical-align: middle; width: auto; } ol, ul { --wp-text-block--padding--indent:var(--list--indent); list-style-position: outside; padding-left: calc(1.1em + var(--list--indent)); } ol li::marker, ul li::marker { color: var(--list--marker-color, currentColor); } li ol, li ul, li + li { margin-top: var(--list--item--spacing); } li ol, li ul { margin-bottom: var(--list--item--spacing); padding-left: var(--list--nested-indent); } svg { height: auto; max-height: 100%; } svg, table { width: 100%; } table { border-collapse: collapse; } table caption { margin-bottom: calc(var(--space--base) / 2); text-align: center; } thead, tr { border-bottom: 1px solid; } tr:last-child { border-bottom: 0; } td, th { border-right: 1px solid; padding: 0.25rem 0.5rem; word-break: break-all; } td:last-child, th:last-child { border-right: 0; } th { font-weight: inherit; text-align: inherit; } tfoot tr { border-top: 1px solid; } :is(h1, h2, h3, h4, h5, h6) { margin-bottom: var(--heading--margin-bottom); margin-top: 0; } * + :is(h1, h2, h3, h4, h5, h6) { margin-top: var(--heading--margin-top); } :is(h1, h2, h3, h4, h5, h6) + ol, :is(h1, h2, h3, h4, h5, h6) + p, :is(h1, h2, h3, h4, h5, h6) + ul { margin-top: 0; } h1 { font-family: var(--type--2--font-family); font-size: calc(2.375rem + var(--fluid-bp) * 42); font-weight: var(--type--2--font-weight); line-height: var(--type--2--line-height); } h1 a { color: inherit; text-decoration: none; } h2 { font-family: var(--type--2--font-family); font-size: calc(2.1875rem + var(--fluid-bp) * 25); font-weight: var(--type--2--font-weight); line-height: var(--type--2--line-height); line-height: 1.2; } h2 a { color: inherit; text-decoration: none; } h3 { font-family: var(--type--2--font-family); font-size: calc(2rem + var(--fluid-bp) * 18); font-weight: var(--type--2--font-weight); line-height: var(--type--2--line-height); line-height: 1.2; } h3 a { color: inherit; text-decoration: none; } h4 { font-family: var(--type--2--font-family); font-size: calc(1.75rem + var(--fluid-bp) * 2); font-weight: var(--type--2--font-weight); line-height: var(--type--2--line-height); } h4 a { color: inherit; text-decoration: none; } h5 { font-family: var(--type--2--font-family); font-size: 1.5rem; font-weight: var(--type--2--font-weight); font-weight: var(--type--2--font-weight--bold); line-height: var(--type--2--line-height); line-height: 1.36; } h5 a { color: inherit; text-decoration: none; } h6 { font-family: var(--type--2--font-family); font-size: calc(1.25rem + var(--fluid-bp) * -2); font-weight: var(--type--2--font-weight); font-weight: var(--type--2--font-weight--bold); line-height: var(--type--2--line-height); line-height: 1.24; } h6 a { color: inherit; text-decoration: none; } address, dl, embed, fieldset, hr, iframe, ol, p, pre, table, ul { margin-bottom: var(--space--base); margin-top: var(--space--base); } dd { margin-left: 0; } dd + dt { margin-top: var(--list--item--spacing); } dt { font-weight: var(--type--1--font-weight--bold); } small { font-size: var(--type--size---1); } b, strong { font-weight: var(--type--1--font-weight--bold); } audio, canvas, iframe, img, svg, video { vertical-align: middle; } pre { white-space: pre-wrap; } :root .has-forest-green-background-color { --color--background:#212d1e; --color--background--hsl:108deg,20%,14.7058823529%; --color--background--h:108deg; --color--background--s:20%; --color--background--l:14.7058823529%; --color--foreground:var(--color--mint); --color--foreground--hsl:126.6666666667deg,60%,85.2941176471%; --color--foreground--h:126.6666666667deg; --color--foreground--s:60%; --color--foreground--l:85.2941176471%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--mint); --link--color--hover:var(--color--mint); background-color: var(--color--background); color: var(--color--foreground); } :root .has-forest-green-color { color: var(--color--forest-green); } :root .has-sky-blue-background-color { --color--background:#85c8ef; --color--background--hsl:202.0754716981deg,76.8115942029%,72.9411764706%; --color--background--h:202.0754716981deg; --color--background--s:76.8115942029%; --color--background--l:72.9411764706%; --color--foreground:var(--color--ocean-blue); --color--foreground--hsl:205.1351351351deg,60.6557377049%,23.9215686275%; --color--foreground--h:205.1351351351deg; --color--foreground--s:60.6557377049%; --color--foreground--l:23.9215686275%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--ocean-blue); --link--color--hover:var(--color--ocean-blue); background-color: var(--color--background); color: var(--color--foreground); } :root .has-sky-blue-color { color: var(--color--sky-blue); } :root .has-mint-background-color { --color--background:#c3f0c8; --color--background--hsl:126.6666666667deg,60%,85.2941176471%; --color--background--h:126.6666666667deg; --color--background--s:60%; --color--background--l:85.2941176471%; --color--foreground:var(--color--forest-green); --color--foreground--hsl:108deg,20%,14.7058823529%; --color--foreground--h:108deg; --color--foreground--s:20%; --color--foreground--l:14.7058823529%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--forest-green); --link--color--hover:var(--color--forest-green); background-color: var(--color--background); color: var(--color--foreground); } :root .has-mint-color { color: var(--color--mint); } :root .has-sand-background-color { --color--background:#f3e6d9; --color--background--hsl:30deg,52%,90.1960784314%; --color--background--h:30deg; --color--background--s:52%; --color--background--l:90.1960784314%; --color--foreground:var(--color--earth); --color--foreground--hsl:30.447761194deg,39.6449704142%,33.137254902%; --color--foreground--h:30.447761194deg; --color--foreground--s:39.6449704142%; --color--foreground--l:33.137254902%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--earth); --link--color--hover:var(--color--earth); background-color: var(--color--background); color: var(--color--foreground); } :root .has-sand-color { color: var(--color--sand); } :root .has-earth-background-color { --color--background:#765533; --color--background--hsl:30.447761194deg,39.6449704142%,33.137254902%; --color--background--h:30.447761194deg; --color--background--s:39.6449704142%; --color--background--l:33.137254902%; --color--foreground:var(--color--sand); --color--foreground--hsl:30deg,52%,90.1960784314%; --color--foreground--h:30deg; --color--foreground--s:52%; --color--foreground--l:90.1960784314%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--sand); --link--color--hover:var(--color--sand); background-color: var(--color--background); color: var(--color--foreground); } :root .has-earth-color { color: var(--color--earth); } :root .has-ocean-blue-background-color { --color--background:#184362; --color--background--hsl:205.1351351351deg,60.6557377049%,23.9215686275%; --color--background--h:205.1351351351deg; --color--background--s:60.6557377049%; --color--background--l:23.9215686275%; --color--foreground:var(--color--sky-blue); --color--foreground--hsl:202.0754716981deg,76.8115942029%,72.9411764706%; --color--foreground--h:202.0754716981deg; --color--foreground--s:76.8115942029%; --color--foreground--l:72.9411764706%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--sky-blue); --link--color--hover:var(--color--sky-blue); background-color: var(--color--background); color: var(--color--foreground); } :root .has-ocean-blue-color { color: var(--color--ocean-blue); } :root .has-white-background-color { --color--background:#fff; --color--background--hsl:0deg,0%,100%; --color--background--h:0deg; --color--background--s:0%; --color--background--l:100%; --color--foreground:var(--color--heather); --color--foreground--hsl:308.4210526316deg,100%,22.3529411765%; --color--foreground--h:308.4210526316deg; --color--foreground--s:100%; --color--foreground--l:22.3529411765%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--heather); --link--color--hover:var(--color--heather); background-color: var(--color--background); color: var(--color--foreground); } :root .has-white-color { color: var(--color--white); } :root .has-black-background-color { --color--background:#000; --color--background--hsl:0deg,0%,0%; --color--background--h:0deg; --color--background--s:0%; --color--background--l:0%; --color--foreground:var(--color--white); --color--foreground--hsl:0deg,0%,100%; --color--foreground--h:0deg; --color--foreground--s:0%; --color--foreground--l:100%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--white); --link--color--hover:var(--color--white); background-color: var(--color--background); color: var(--color--foreground); } :root .has-black-color { color: var(--color--black); } :root .has-dawn-orange-background-color { --color--background:#a80007; --color--background--hsl:357.5deg,100%,32.9411764706%; --color--background--h:357.5deg; --color--background--s:100%; --color--background--l:32.9411764706%; --color--foreground:var(--color--white); --color--foreground--hsl:0deg,0%,100%; --color--foreground--h:0deg; --color--foreground--s:0%; --color--foreground--l:100%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--white); --link--color--hover:var(--color--white); background-color: var(--color--background); color: var(--color--foreground); } :root .has-dawn-orange-color { color: var(--color--dawn-orange); } :root .has-sunrise-background-color { --color--background:#ffc864; --color--background--hsl:38.7096774194deg,100%,69.6078431373%; --color--background--h:38.7096774194deg; --color--background--s:100%; --color--background--l:69.6078431373%; --color--foreground:var(--color--black); --color--foreground--hsl:0deg,0%,0%; --color--foreground--h:0deg; --color--foreground--s:0%; --color--foreground--l:0%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--black); --link--color--hover:var(--color--black); background-color: var(--color--background); color: var(--color--foreground); } :root .has-sunrise-color { color: var(--color--sunrise); } :root .has-heather-background-color { --color--background:#720062; --color--background--hsl:308.4210526316deg,100%,22.3529411765%; --color--background--h:308.4210526316deg; --color--background--s:100%; --color--background--l:22.3529411765%; --color--foreground:var(--color--light-heather); --color--foreground--hsl:322.5deg,100%,87.4509803922%; --color--foreground--h:322.5deg; --color--foreground--s:100%; --color--foreground--l:87.4509803922%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--light-heather); --link--color--hover:var(--color--light-heather); background-color: var(--color--background); color: var(--color--foreground); } :root .has-heather-color { color: var(--color--heather); } :root .has-light-heather-background-color { --color--background:#ffbfe7; --color--background--hsl:322.5deg,100%,87.4509803922%; --color--background--h:322.5deg; --color--background--s:100%; --color--background--l:87.4509803922%; --color--foreground:var(--color--heather); --color--foreground--hsl:308.4210526316deg,100%,22.3529411765%; --color--foreground--h:308.4210526316deg; --color--foreground--s:100%; --color--foreground--l:22.3529411765%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--heather); --link--color--hover:var(--color--heather); background-color: var(--color--background); color: var(--color--foreground); } :root .has-light-heather-color { color: var(--color--light-heather); } :root .has-brand-1-background-color { --color--background:#212d1e; --color--background--hsl:108deg,20%,14.7058823529%; --color--background--h:108deg; --color--background--s:20%; --color--background--l:14.7058823529%; --color--foreground:var(--color--mint); --color--foreground--hsl:126.6666666667deg,60%,85.2941176471%; --color--foreground--h:126.6666666667deg; --color--foreground--s:60%; --color--foreground--l:85.2941176471%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--mint); --link--color--hover:var(--color--mint); background-color: var(--color--background); color: var(--color--foreground); } :root .has-brand-1-color { color: var(--color--brand-1); } :root .has-brand-2-background-color { --color--background:#f3e6d9; --color--background--hsl:30deg,52%,90.1960784314%; --color--background--h:30deg; --color--background--s:52%; --color--background--l:90.1960784314%; --color--foreground:var(--color--earth); --color--foreground--hsl:30.447761194deg,39.6449704142%,33.137254902%; --color--foreground--h:30.447761194deg; --color--foreground--s:39.6449704142%; --color--foreground--l:33.137254902%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--earth); --link--color--hover:var(--color--earth); background-color: var(--color--background); color: var(--color--foreground); } :root .has-brand-2-color { color: var(--color--brand-2); } :root .has-brand-3-background-color { --color--background:#85c8ef; --color--background--hsl:202.0754716981deg,76.8115942029%,72.9411764706%; --color--background--h:202.0754716981deg; --color--background--s:76.8115942029%; --color--background--l:72.9411764706%; --color--foreground:var(--color--ocean-blue); --color--foreground--hsl:205.1351351351deg,60.6557377049%,23.9215686275%; --color--foreground--h:205.1351351351deg; --color--foreground--s:60.6557377049%; --color--foreground--l:23.9215686275%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--ocean-blue); --link--color--hover:var(--color--ocean-blue); background-color: var(--color--background); color: var(--color--foreground); } :root .has-brand-3-color { color: var(--color--brand-3); } :root .has-brand-4-background-color { --color--background:#720062; --color--background--hsl:308.4210526316deg,100%,22.3529411765%; --color--background--h:308.4210526316deg; --color--background--s:100%; --color--background--l:22.3529411765%; --color--foreground:var(--color--light-heather); --color--foreground--hsl:322.5deg,100%,87.4509803922%; --color--foreground--h:322.5deg; --color--foreground--s:100%; --color--foreground--l:87.4509803922%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--light-heather); --link--color--hover:var(--color--light-heather); background-color: var(--color--background); color: var(--color--foreground); } :root .has-brand-4-color { color: var(--color--brand-4); } :root .has-brand-5-background-color { --color--background:#ffbfe7; --color--background--hsl:322.5deg,100%,87.4509803922%; --color--background--h:322.5deg; --color--background--s:100%; --color--background--l:87.4509803922%; --color--foreground:var(--color--heather); --color--foreground--hsl:308.4210526316deg,100%,22.3529411765%; --color--foreground--h:308.4210526316deg; --color--foreground--s:100%; --color--foreground--l:22.3529411765%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--heather); --link--color--hover:var(--color--heather); background-color: var(--color--background); color: var(--color--foreground); } :root .has-brand-5-color { color: var(--color--brand-5); } :root .has-brand-6-background-color { --color--background:#fff; --color--background--hsl:0deg,0%,100%; --color--background--h:0deg; --color--background--s:0%; --color--background--l:100%; --color--foreground:var(--color--heather); --color--foreground--hsl:308.4210526316deg,100%,22.3529411765%; --color--foreground--h:308.4210526316deg; --color--foreground--s:100%; --color--foreground--l:22.3529411765%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--heather); --link--color--hover:var(--color--heather); background-color: var(--color--background); color: var(--color--foreground); } :root .has-brand-6-color { color: var(--color--brand-6); } :root .has-brand-7-background-color { --color--background:#184362; --color--background--hsl:205.1351351351deg,60.6557377049%,23.9215686275%; --color--background--h:205.1351351351deg; --color--background--s:60.6557377049%; --color--background--l:23.9215686275%; --color--foreground:var(--color--sky-blue); --color--foreground--hsl:202.0754716981deg,76.8115942029%,72.9411764706%; --color--foreground--h:202.0754716981deg; --color--foreground--s:76.8115942029%; --color--foreground--l:72.9411764706%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--sky-blue); --link--color--hover:var(--color--sky-blue); background-color: var(--color--background); color: var(--color--foreground); } :root .has-brand-7-color { color: var(--color--brand-7); } :root .has-brand-8-background-color { --color--background:#c3f0c8; --color--background--hsl:126.6666666667deg,60%,85.2941176471%; --color--background--h:126.6666666667deg; --color--background--s:60%; --color--background--l:85.2941176471%; --color--foreground:var(--color--forest-green); --color--foreground--hsl:108deg,20%,14.7058823529%; --color--foreground--h:108deg; --color--foreground--s:20%; --color--foreground--l:14.7058823529%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--forest-green); --link--color--hover:var(--color--forest-green); background-color: var(--color--background); color: var(--color--foreground); } :root .has-brand-8-color { color: var(--color--brand-8); } :root .has-brand-9-background-color { --color--background:#765533; --color--background--hsl:30.447761194deg,39.6449704142%,33.137254902%; --color--background--h:30.447761194deg; --color--background--s:39.6449704142%; --color--background--l:33.137254902%; --color--foreground:var(--color--sand); --color--foreground--hsl:30deg,52%,90.1960784314%; --color--foreground--h:30deg; --color--foreground--s:52%; --color--foreground--l:90.1960784314%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--sand); --link--color--hover:var(--color--sand); background-color: var(--color--background); color: var(--color--foreground); } :root .has-brand-9-color { color: var(--color--brand-9); } :root .has-brand-10-background-color { --color--background:#000; --color--background--hsl:0deg,0%,0%; --color--background--h:0deg; --color--background--s:0%; --color--background--l:0%; --color--foreground:var(--color--white); --color--foreground--hsl:0deg,0%,100%; --color--foreground--h:0deg; --color--foreground--s:0%; --color--foreground--l:100%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--white); --link--color--hover:var(--color--white); background-color: var(--color--background); color: var(--color--foreground); } :root .has-brand-10-color { color: var(--color--brand-10); } :root .has-foreground-background-color { --color--background:#000; --color--background--hsl:0deg,0%,0%; --color--background--h:0deg; --color--background--s:0%; --color--background--l:0%; --color--foreground:var(--color--white); --color--foreground--hsl:0deg,0%,100%; --color--foreground--h:0deg; --color--foreground--s:0%; --color--foreground--l:100%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--white); --link--color--hover:var(--color--white); background-color: var(--color--background); color: var(--color--foreground); } :root .has-foreground-color { color: var(--color--foreground); } :root .has-background-background-color { --color--foreground:var(--color--heather); --color--foreground--hsl:308.4210526316deg,100%,22.3529411765%; --color--foreground--h:308.4210526316deg; --color--foreground--s:100%; --color--foreground--l:22.3529411765%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--heather); --link--color--hover:var(--color--heather); background-color: var(--color--background); color: var(--color--foreground); } :root .has-background-color { color: var(--color--background); } :root .has-style-guide-background-color { --color--background:#fff; --color--background--hsl:0deg,0%,100%; --color--background--h:0deg; --color--background--s:0%; --color--background--l:100%; --color--foreground:var(--color--heather); --color--foreground--hsl:308.4210526316deg,100%,22.3529411765%; --color--foreground--h:308.4210526316deg; --color--foreground--s:100%; --color--foreground--l:22.3529411765%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--heather); --link--color--hover:var(--color--heather); background-color: var(--color--background); color: var(--color--foreground); } :root .has-style-guide-color { color: var(--color--style-guide); } :root .has-error-background-color { --color--background:#fff; --color--background--hsl:0deg,0%,100%; --color--background--h:0deg; --color--background--s:0%; --color--background--l:100%; --color--foreground:var(--color--heather); --color--foreground--hsl:308.4210526316deg,100%,22.3529411765%; --color--foreground--h:308.4210526316deg; --color--foreground--s:100%; --color--foreground--l:22.3529411765%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--heather); --link--color--hover:var(--color--heather); background-color: var(--color--background); color: var(--color--foreground); } :root .has-error-color { color: var(--color--error); } .has-background-dim { --color--background:#000; --color--background--hsl:0deg,0%,0%; --color--background--h:0deg; --color--background--s:0%; --color--background--l:0%; --color--foreground:var(--color--white); --color--foreground--hsl:0deg,0%,100%; --color--foreground--h:0deg; --color--foreground--s:0%; --color--foreground--l:100%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--white); --link--color--hover:var(--color--white); background-color: var(--color--background); color: var(--color--foreground); } .cross { overflow: hidden; position: relative; } .cross:after, .cross:before { background-color: var(--cross--color, var(--color--black)); content: ""; height: var(--cross--line-height, 2px); left: 50%; position: absolute; top: 50%; transition: transform var(--transition--duration) var(--transition--ease) 0s; width: var(--cross--size, 100%); } .cross:before { transform: translateX(-50%) translateY(-50%) rotate(45deg); } .cross:after { transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .aligncenter { display: block; } .aligncenter, .alignwide { margin-left: auto; margin-right: auto; } .alignwide { max-width: var(--width--responsive--l); } .alignfull { margin-left: auto; margin-right: auto; max-width: 100%; } .alignleft { margin: var(--space--responsive--s) auto; max-width: var(--width--responsive--s); } @media (min-width: 48em) { .alignleft { float: left; margin-left: calc(50% - var(--width--s) / 2); margin-right: var(--space--m); margin-top: var(--space--m); max-width: calc(var(--width--s) / 2); } } .grid { -moz-column-gap: var(--grid--column-gap); column-gap: var(--grid--column-gap); display: grid; grid-template-columns: repeat(var(--grid--columns), minmax(0, 1fr)); row-gap: var(--grid--row-gap); } .grid--auto-fit { grid-template-columns: repeat(auto-fill, minmax(min(var(--grid--auto--min, 15.625rem), 100%), 1fr)); } .flex-grid { -moz-column-gap: var(--grid--column-gap); column-gap: var(--grid--column-gap); display: flex; flex-flow: row wrap; row-gap: var(--grid--row-gap); } .flex-grid > *, .flex-grid > * + *, .flex-grid > :first-child, .flex-grid > :last-child { width: calc(100% / var(--grid--columns) - var(--grid--column-gap) + var(--grid--column-gap) / var(--grid--columns)); } .flex-grid--auto > *, .flex-grid--auto > * + *, .flex-grid--auto > :first-child, .flex-grid--auto > :last-child { width: auto; } .flex-list { align-items: center; -moz-column-gap: var(--grid--column-gap); column-gap: var(--grid--column-gap); display: flex; flex-flow: row wrap; justify-content: flex-start; list-style: none; padding-left: 0; row-gap: var(--grid--row-gap); } .flex-list, .flex-list li { margin-bottom: 0; margin-top: 0; } .flex-list > *, .flex-list > * + *, .flex-list > :first-child, .flex-list > :last-child { width: calc(100% / var(--grid--columns) - var(--grid--column-gap) + var(--grid--column-gap) / var(--grid--columns)); width: auto; } .g-button { --focus--color:var(--button--border-color); align-items: center; background-color: var(--button--background-color); border-color: var(--button--border-color); border-radius: var(--button--border-radius); border-style: solid; border-width: var(--button--border-width); color: var(--button--color); cursor: pointer; display: inline-flex; font-family: var(--type--2--font-family); font-size: var(--button--font-size, inherit); font-weight: var(--type--4--font-weight); gap: var(--button--gap); justify-content: center; line-height: var(--button--line-height, inherit); padding: var(--button--padding-y) var(--button--padding-x); text-align: center; text-decoration: none; transition: color var(--transition--duration) var(--transition--ease) 0s, background-color var(--transition--duration) var(--transition--ease) 0s, border-color var(--transition--duration) var(--transition--ease) 0s, transform var(--transition--duration) var(--transition--ease) 0s; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .g-button:active, .g-button:focus { background-color: var(--button--background-color--hover); border-color: var(--button--border-color--hover); color: var(--button--color--hover); text-decoration: none; } @media (hover: hover) { .g-button:hover { background-color: var(--button--background-color--hover); border-color: var(--button--border-color--hover); color: var(--button--color--hover); text-decoration: none; } } .g-button:focus { outline: var(--focus--1--width, 2px) dotted var(--focus--color); outline-offset: var(--focus--1--offset, 0); } .g-button:focus:not(:focus-visible):active, .g-button:focus:not(:focus-visible):focus { outline-style: none; outline-width: 0; } .g-button--small { --button--padding-y:var(--button--small--padding-y); --button--padding-x:var(--button--small--padding-x); --button--border-width:1px; } .g-button--label { --button--background-color:var(--color--background); --button--border-color:var(--color--foreground); --button--color:var(--color--foreground); --button--background-color--hover:var(--color--foreground); --button--border-color--hover:var(--color--background); --button--color--hover:var(--color--background); --button--padding-y:var(--button--small--padding-y); --button--padding-x:var(--button--small--padding-x); --button--border-width:1px; font-size: 0.8125rem; } .g-button--square { border-radius: var(--border-radius--s); } .g-button--circular, .g-button--square { min-height: var(--button--size, 2em); min-width: var(--button--size, 2em); padding: 0 0.3em; } .g-button--circular { border-radius: 100%; } .g-button--icon { overflow: hidden; position: relative; text-indent: -9999px; } .g-button--icon:after { background-color: currentColor; content: ""; height: 100%; inset: 0; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: var(--mask-icon--size, contain); mask-size: var(--mask-icon--size, contain); position: absolute; width: 100%; } .g-button--arrow { --button--background-color:var(--color--background); --button--border-color:var(--color--foreground); --button--color:var(--color--foreground); --button--background-color--hover:var(--color--foreground); --button--border-color--hover:var(--color--background); --button--color--hover:var(--color--background); text-align: left; } .g-button--arrow:after { background-color: currentColor; content: ""; flex-shrink: 0; height: 100%; height: var(--button--icon-size, 1em); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: var(--mask-icon--size, contain); mask-size: var(--mask-icon--size, contain); width: 100%; width: var(--button--icon-size, 1em); } .g-button--arrow:active:after, .g-button--arrow:focus:after { transform: translateX(7%); } @media (hover: hover) { .g-button--arrow:hover:after { transform: translateX(7%); } } .g-button--arrow:after { -webkit-mask-image: url(images/icons/arrow-e.svg); mask-image: url(images/icons/arrow-e.svg); transform: translateX(0); transition: transform var(--transition--duration) var(--transition--ease) 0s; } .g-button--external { --button--icon-size:0.625em; text-align: left; } .g-button--external:after { background-color: currentColor; content: ""; flex-shrink: 0; height: 100%; height: var(--button--icon-size, 1em); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: var(--mask-icon--size, contain); mask-size: var(--mask-icon--size, contain); width: 100%; width: var(--button--icon-size, 1em); } .g-button--external:active:after, .g-button--external:focus:after { transform: translate(8%, -8%); } @media (hover: hover) { .g-button--external:hover:after { transform: translate(8%, -8%); } } .g-button--external:after { -webkit-mask-image: url(images/icons/arrow-ne.svg); mask-image: url(images/icons/arrow-ne.svg); transform: translateX(0); transition: transform var(--transition--duration) var(--transition--ease) 0s; } .img-fit { display: block; overflow: hidden; position: relative; } .img-fit > * { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; } .blocks { margin-bottom: var(--blocks--padding-bottom); margin-top: var(--blocks--padding-top); } .blocks > :first-child { margin-top: 0; } .blocks > :last-child { margin-bottom: 0; } .blocks > :not(.alignwide):not(.alignfull):not(.alignright):not(.alignleft):not(.alignnone) { margin-left: auto; margin-right: auto; max-width: var(--block--max-width); } .blocks > [class*=wp-block] { margin-bottom: var(--block--margin-bottom); margin-left: auto; margin-right: auto; margin-top: var(--block--margin-top); } .blocks > [class*=wp-block]:first-child { margin-top: 0; } .blocks > [class*=wp-block]:first-child:not(.has-background) { margin-top: calc(var(--blocks--padding-top) * -1); } .blocks > [class*=wp-block]:last-child { margin-bottom: 0; } .blocks > [class*=wp-block][class*=has-background].alignfull:last-child { margin-bottom: calc(var(--blocks--padding-bottom) * -1); } .blocks > .alignfull--inner-padding { --block--margin-top:var(--space--s); --block--margin-bottom:var(--space--s); --space--layout:var(--space--s); } @media (max-width: 61.99em) { .blocks > .alignfull--inner-padding { padding: var(--space--s) var(--space--container-padding); } } @media (min-width: 62em) { .blocks > .alignfull--inner-padding { --block--max-width:100%; padding-left: calc(var(--wp-text-block--padding--x) + var(--width--m) - var(--width--xxs) + var(--wp-text-block--padding--indent, 0px)); padding-right: calc(var(--wp-text-block--padding--x) + var(--space--l)); width: 100%; } } @media (min-width: 75em) { .blocks > .alignfull--inner-padding { padding-left: calc(var(--wp-text-block--padding--x) + var(--width--l) - var(--width--s) + var(--wp-text-block--padding--indent, 0px)); padding-right: calc(var(--wp-text-block--padding--x) + var(--space--xxl)); } } .blocks .is--typographic-el { --block--padding-top:var(--block--padding-y--s); --block--padding-bottom:var(--block--padding-y--s); } .blocks .is--heading-el { --block--padding-top:calc(var(--type--1--line-height)*1em); --block--padding-bottom:var(--block--padding-y--m); } .blocks .is--block-el { --block--padding-top:var(--block--padding-y--l); --block--padding-bottom:var(--block--padding-y--l); } .blocks .is--same-section { margin: 0; padding-bottom: var(--block--padding-bottom); padding-top: var(--block--padding-top); } .blocks .is--same-section:not(.is--new-section):before { content: none; } .blocks .is-style-typestyle-subheading, .blocks .wp-block-buttons { --block--padding-top:var(--block--padding-y--m); --block--padding-bottom:var(--block--padding-y--m); } .blocks .is--new-section { --block--margin-top:var(--block--padding-y--xl); margin: 0; margin-top: var(--block--padding-y--xl); padding-bottom: var(--block--padding-bottom); padding-top: var(--block--padding-y--xxl); position: relative; } .blocks .is--new-section:before { background: var(--previous--section--background-color); content: ""; display: block; left: 0; opacity: 1; position: absolute; right: 0; z-index: -1; } @media (max-width: 61.99em) { .blocks .is--new-section { padding: var(--space--s) var(--space--container-padding); } } @media (min-width: 62em) { .blocks .is--new-section { padding-left: var(--wp-text-block--padding--x); padding-right: var(--wp-text-block--padding--x); } } .blocks .is--new-section:before { height: calc(var(--block--margin-top) * 3); top: calc(var(--block--margin-top) * -1); } .blocks .is--new-section.is--heading-el, .blocks .is--new-section.is--typographic-el { font-family: var(--type--2--font-family); font-size: calc(2.1875rem + var(--fluid-bp) * 25); font-weight: var(--type--2--font-weight); line-height: var(--type--2--line-height); line-height: 1.2; } .blocks .is--new-section.is--heading-el a, .blocks .is--new-section.is--typographic-el a { color: inherit; text-decoration: none; } @media (min-width: 62em) { .blocks .is--new-section.is--heading-el, .blocks .is--new-section.is--typographic-el { padding-right: calc(var(--wp-text-block--padding--x) + 15.625rem); } } .blocks .is--new-section.is--heading-el { --heading--margin-top:var(--block--padding-y--xxl); } .blocks .is--background-section { --block--margin-top:var(--block--padding-y--xl); margin: 0; margin-top: var(--block--margin-top); padding-top: var(--block--padding-y--xxl); } .blocks .is--background-section:before { height: calc(var(--block--margin-top) * 1); top: calc(var(--block--margin-top) * -1); } .blocks .is--typographic-el + .is--background-section { --block--margin-top:calc(var(--block--padding-y--xxl) - var(--block--padding-y--s)); } .blocks .is--heading-el + .is--background-section { --block--margin-top:calc(var(--block--padding-y--xxl) - var(--block--padding-y--m)); } .blocks .is--block-el + .is--background-section { --block--margin-top:calc(var(--block--padding-y--xxl) - var(--block--padding-y--l)); } .blocks .is--block-el + .is--typographic-el { --block--padding-top:var(--block--padding-y--xl); } .blocks .is--block-el + .is--background-section, .blocks .is--heading-el + .is--background-section, .blocks .is--typographic-el + .is--background-section { position: relative; } .blocks .is--block-el + .is--background-section:before, .blocks .is--heading-el + .is--background-section:before, .blocks .is--typographic-el + .is--background-section:before { background: var(--previous--section--background-color); content: ""; display: block; left: 0; opacity: 1; position: absolute; right: 0; z-index: -1; } .blocks > .is-style-align-heading-left { position: relative; } @media (max-width: 61.99em) { .blocks > .is-style-align-heading-left { padding: var(--space--s) var(--space--container-padding); } } @media (min-width: 62em) { .blocks > .is-style-align-heading-left { padding-left: var(--wp-text-block--padding--x); padding-right: var(--wp-text-block--padding--x); } } .blocks > .is-style-align-heading-left:before { background: var(--previous--section--background-color); content: ""; display: block; left: 0; opacity: 1; position: absolute; right: 0; z-index: -1; } .blocks > :last-child.is--same-section { --block--padding-bottom:var(--block--padding-y--xxl); } :root { --block--padding-y--s:calc(0.625rem + var(--fluid-bp)*2); --block--padding-y--m:calc(1.25rem + var(--fluid-bp)*4); --block--padding-y--l:calc(2.5rem + var(--fluid-bp)*20); --block--padding-y--xl:calc(4.0625rem + var(--fluid-bp)*15); --block--padding-y--xxl:calc(5.625rem + var(--fluid-bp)*60); } .is-style-typestyle-hero { font-family: var(--type--2--font-family); font-size: calc(2.375rem + var(--fluid-bp) * 62); font-weight: var(--type--2--font-weight); line-height: var(--type--2--line-height); line-height: 1.1; } .is-style-typestyle-hero a { color: inherit; text-decoration: none; } .is-style-typestyle-h1 { font-family: var(--type--2--font-family); font-size: calc(2.375rem + var(--fluid-bp) * 42); font-weight: var(--type--2--font-weight); line-height: var(--type--2--line-height); } .is-style-typestyle-h1 a { color: inherit; text-decoration: none; } .is-style-typestyle-h2 { font-family: var(--type--2--font-family); font-size: calc(2.1875rem + var(--fluid-bp) * 25); font-weight: var(--type--2--font-weight); line-height: var(--type--2--line-height); line-height: 1.2; } .is-style-typestyle-h2 a { color: inherit; text-decoration: none; } .is-style-typestyle-h3 { font-family: var(--type--2--font-family); font-size: calc(2rem + var(--fluid-bp) * 18); font-weight: var(--type--2--font-weight); line-height: var(--type--2--line-height); line-height: 1.2; } .is-style-typestyle-h3 a { color: inherit; text-decoration: none; } .is-style-typestyle-h4 { font-family: var(--type--2--font-family); font-size: calc(1.75rem + var(--fluid-bp) * 2); font-weight: var(--type--2--font-weight); line-height: var(--type--2--line-height); } .is-style-typestyle-h4 a { color: inherit; text-decoration: none; } .is-style-typestyle-h5 { font-family: var(--type--2--font-family); font-size: 1.5rem; font-weight: var(--type--2--font-weight); font-weight: var(--type--2--font-weight--bold); line-height: var(--type--2--line-height); line-height: 1.36; } .is-style-typestyle-h5 a { color: inherit; text-decoration: none; } .is-style-typestyle-h6 { font-family: var(--type--2--font-family); font-size: calc(1.25rem + var(--fluid-bp) * -2); font-weight: var(--type--2--font-weight); font-weight: var(--type--2--font-weight--bold); line-height: var(--type--2--line-height); line-height: 1.24; } .is-style-typestyle-h6 a { color: inherit; text-decoration: none; } .is-style-typestyle-small { font-size: var(--type--font-size--small); } .is-style-typestyle-meta { font-size: var(--type--font-size--base); line-height: 1.2; } .is-style-typestyle-subheading { font-family: var(--type--2--font-family); font-size: calc(1.75rem + var(--fluid-bp) * 2); font-weight: var(--type--2--font-weight); font-weight: var(--type--1--font-weight--bold); line-height: var(--type--2--line-height); line-height: 1.36; } .is-style-typestyle-subheading a { color: inherit; text-decoration: none; } .gform_wrapper { margin-bottom: var(--space--base); margin-top: var(--space--base); } .gform_wrapper .gform_fields { grid-row-gap: var(--input--gap); } .gform_wrapper [type=button], .gform_wrapper [type=submit] { --button--font-size:calc(1.125rem + var(--fluid-bp)*4); --focus--color:var(--button--border-color); align-items: center; background-color: var(--button--background-color); border-color: var(--button--border-color); border-radius: var(--button--border-radius); border-style: solid; border-width: var(--button--border-width); color: var(--button--color); cursor: pointer; display: inline-flex; font-family: var(--type--2--font-family); font-size: var(--button--font-size, inherit); font-weight: var(--type--4--font-weight); gap: var(--button--gap); justify-content: center; line-height: var(--button--line-height, inherit); padding: var(--button--padding-y) var(--button--padding-x); text-align: center; text-decoration: none; transition: color var(--transition--duration) var(--transition--ease) 0s, background-color var(--transition--duration) var(--transition--ease) 0s, border-color var(--transition--duration) var(--transition--ease) 0s, transform var(--transition--duration) var(--transition--ease) 0s; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .gform_wrapper [type=button]:active, .gform_wrapper [type=button]:focus, .gform_wrapper [type=submit]:active, .gform_wrapper [type=submit]:focus { background-color: var(--button--background-color--hover); border-color: var(--button--border-color--hover); color: var(--button--color--hover); text-decoration: none; } @media (hover: hover) { .gform_wrapper [type=button]:hover, .gform_wrapper [type=submit]:hover { background-color: var(--button--background-color--hover); border-color: var(--button--border-color--hover); color: var(--button--color--hover); text-decoration: none; } } .gform_wrapper [type=button]:focus, .gform_wrapper [type=submit]:focus { outline: var(--focus--1--width, 2px) dotted var(--focus--color); outline-offset: var(--focus--1--offset, 0); } .gform_wrapper [type=button]:focus:not(:focus-visible):active, .gform_wrapper [type=button]:focus:not(:focus-visible):focus, .gform_wrapper [type=submit]:focus:not(:focus-visible):active, .gform_wrapper [type=submit]:focus:not(:focus-visible):focus { outline-style: none; outline-width: 0; } .gform_wrapper .gform_ajax_spinner { margin-left: 1em; } .gform_wrapper .gf_invisible, .gform_wrapper .gfield_visibility_hidden { left: -9999px; position: absolute; visibility: hidden; } .gform_wrapper .gfield + .gfield { margin-top: var(--space--xxs); } .gform_wrapper .gfield + .gfield.gsection { margin-top: var(--space--l); } .gform_wrapper .gfield input.medium, .gform_wrapper .gfield input.small, .gform_wrapper .gfield select.medium, .gform_wrapper .gfield select.small { min-width: min(100%, 10em); } .gform_wrapper.gform_wrapper.gravity-theme .gform_fields { grid-template-columns: repeat(12, minmax(0, 1fr)); } @media only screen and (max-width: 641px) { .gform_wrapper.gform_wrapper.gravity-theme .gform_fields input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { line-height: inherit; } } .gform_wrapper.gform_wrapper.gravity-theme .ginput_counter { color: hsla(var(--color--foreground--hsl), 0.8); padding-left: var(--input--border-radius); } .gform_description { font-family: var(--type--1--font-family); font-size: calc(1.125rem + var(--fluid-bp) * 2); font-weight: var(--type--1--font-weight); line-height: var(--type--1--line-height); } .gform_confirmation_message { font-family: var(--type--2--font-family); font-size: calc(1.75rem + var(--fluid-bp) * 2); font-weight: var(--type--2--font-weight); line-height: var(--type--2--line-height); } .gform_confirmation_message a { color: inherit; text-decoration: none; } .gform_heading { margin-bottom: var(--space--base); } .gsection_title { margin: var(--space--xs) 0; max-width: var(--heading--max-width); } .gform_footer, .gform_page_footer { margin-top: var(--space--base); } .gform_footer { text-align: left; } .gform_anchor[tabindex]:focus { outline: none; } .gsection { border-top: var(--border--1); } .gfield_label, .ginput_complex label { display: block; margin-bottom: var(--space--xxs); } .gfield_description:not(.gfield_validation_message) { font-size: var(--type--font-size--small); margin: var(--space--xxxs) 0 var(--space--xs) 0; } .hidden_label .gfield_label { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .hidden_label .gfield_label:focus { clip: auto; display: block; height: auto; left: calc(var(--space--m) / 2); top: calc(var(--space--m) / 2); width: auto; z-index: var(--z-index--screen-reader); } .gfield_required_text { font-size: var(--type--font-size--small); margin-left: var(--space--xxs); } .gform_validation_container { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .gform_validation_container:focus { clip: auto; display: block; height: auto; left: calc(var(--space--m) / 2); top: calc(var(--space--m) / 2); width: auto; z-index: var(--z-index--screen-reader); } .gform_validation_errors { --color--background:#fff; --color--background--hsl:0deg,0%,100%; --color--background--h:0deg; --color--background--s:0%; --color--background--l:100%; --color--foreground:var(--color--heather); --color--foreground--hsl:308.4210526316deg,100%,22.3529411765%; --color--foreground--h:308.4210526316deg; --color--foreground--s:100%; --color--foreground--l:22.3529411765%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--heather); --link--color--hover:var(--color--heather); background-color: var(--color--background); border-radius: var(--border-radius--s); color: var(--color--foreground); margin-bottom: var(--space--m); margin-top: var(--space--m); max-width: var(--width--xxs); padding: var(--space--responsive--s); } .gform_validation_errors > :first-child { margin-top: 0; } .gform_validation_errors > :last-child { margin-bottom: 0; } .gform_submission_error { font-family: var(--type--2--font-family); font-size: 1.5rem; font-weight: var(--type--2--font-weight); font-weight: var(--type--2--font-weight--bold); line-height: var(--type--2--line-height); line-height: 1.36; } .gform_submission_error a { color: inherit; text-decoration: none; } .gform_submission_error .gform-icon { display: none; } .gform_validation_error_link { --link--color:var(--color--foreground); --link--color--hover:var(--color--foreground); --link--text-decoration:underline; } .gfield_error:not(:focus-within) { --input--border-color:var(--color--error); } .gfield_validation_message { --tooltip--arrow--inset:var(--space--s); --tooltip--arrow--size:0.4375rem; --tooltip--left:0; --color--background:#fff; --color--background--hsl:0deg,0%,100%; --color--background--h:0deg; --color--background--s:0%; --color--background--l:100%; --color--foreground:var(--color--heather); --color--foreground--hsl:308.4210526316deg,100%,22.3529411765%; --color--foreground--h:308.4210526316deg; --color--foreground--s:100%; --color--foreground--l:22.3529411765%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--heather); --link--color--hover:var(--color--heather); background-color: var(--color--background); border-radius: var(--border-radius--s); color: var(--color--foreground); display: inline-block; font-size: var(--type--font-size--small); margin-left: var(--tooltip--left); margin-top: calc(var(--tooltip--arrow--size) + 0.1875rem); max-width: var(--width--xxs); padding: var(--tooltip--padding-y, 0.5em) var(--tooltip--padding-x, 1em); position: relative; } .gfield_validation_message:before { border-bottom: calc(var(--tooltip--arrow--size)) solid var(--color--background); border-left: calc(var(--tooltip--arrow--size) / 1.2) solid transparent; border-right: calc(var(--tooltip--arrow--size) / 1.2) solid transparent; bottom: 100%; content: ""; height: 0; left: var(--tooltip--arrow--inset, var(--tooltip--padding)); position: absolute; width: 0; } .gfield_validation_message:empty { display: none; } .ginput_container_fileupload .gform_drop_area { background: transparent; border: var(--border-width--s) dashed var(--input--border-color); border-radius: var(--input--border-radius); padding: var(--space--m); } .ginput_container_fileupload .gform_drop_area .button { --focus--color:var(--button--border-color); align-items: center; background-color: var(--button--background-color); border-color: var(--button--border-color); border-radius: var(--button--border-radius); border-style: solid; border-width: var(--button--border-width); color: var(--button--color); cursor: pointer; display: inline-flex; font-family: var(--type--2--font-family); font-size: var(--button--font-size, inherit); font-weight: var(--type--4--font-weight); gap: var(--button--gap); justify-content: center; line-height: var(--button--line-height, inherit); padding: var(--button--padding-y) var(--button--padding-x); text-align: center; text-decoration: none; transition: color var(--transition--duration) var(--transition--ease) 0s, background-color var(--transition--duration) var(--transition--ease) 0s, border-color var(--transition--duration) var(--transition--ease) 0s, transform var(--transition--duration) var(--transition--ease) 0s; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ginput_container_fileupload .gform_drop_area .button:active, .ginput_container_fileupload .gform_drop_area .button:focus { background-color: var(--button--background-color--hover); border-color: var(--button--border-color--hover); color: var(--button--color--hover); text-decoration: none; } @media (hover: hover) { .ginput_container_fileupload .gform_drop_area .button:hover { background-color: var(--button--background-color--hover); border-color: var(--button--border-color--hover); color: var(--button--color--hover); text-decoration: none; } } .ginput_container_fileupload .gform_drop_area .button:focus { outline: var(--focus--1--width, 2px) dotted var(--focus--color); outline-offset: var(--focus--1--offset, 0); } .ginput_container_fileupload .gform_drop_area .button:focus:not(:focus-visible):active, .ginput_container_fileupload .gform_drop_area .button:focus:not(:focus-visible):focus { outline-style: none; outline-width: 0; } .ginput_container_fileupload .gform_fileupload_rules { display: block; font-size: var(--type--font-size--small); margin-top: var(--space--xxxs); } .ginput_container_consent { --input--border-color:transparent; position: relative; } .ginput_container_consent label { --input--outline-width--focus:0; background: var(--input--background-color); border: var(--input--border-width) solid var(--input--border-color); border-radius: var(--input--border-radius); box-shadow: none; color: var(--input--color); cursor: pointer; display: block; font-family: inherit; line-height: inherit; margin-bottom: var(--input--gap); padding: var(--input--padding-y) var(--input--padding-x); padding-left: calc(var(--input--padding-x) * 2 + var(--checkbox--size)); transition: color var(--transition--duration) var(--transition--ease) 0s, background-color var(--transition--duration) var(--transition--ease) 0s, border-color var(--transition--duration) var(--transition--ease) 0s, box-shadow var(--transition--duration) var(--transition--ease) 0s, transform var(--transition--duration) var(--transition--ease) 0s; width: 100%; } .ginput_container_consent label:active, .ginput_container_consent label:focus { outline-style: none; outline-width: 0; } .ginput_container_consent label:focus, .ginput_container_consent label:focus-within { background: var(--input--background-color--focus); box-shadow: 0 0 0 var(--input--outline-width--focus) var(--input--outline-color--focus); color: var(--input--color--focus); } .ginput_container_consent label:hover:not(:focus) { --input--background-color:var(--input--background-color--highlight); } .ginput_container_consent label:active { border-color: transparent; } .ginput_container_consent label:after, .ginput_container_consent label:before { --input--outline-width--focus:1px; bottom: 0; content: ""; left: var(--input--padding-x); margin-bottom: auto; margin-top: auto; position: absolute; top: 0; } .ginput_container_consent label:before { background: var(--color--background); border: var(--checkbox--border-width) solid var(--color--foreground); border-radius: --checkbox--border-radius; cursor: pointer; height: var(--checkbox--size); transition: background var(--transition--duration) var(--transition--ease) 0s; width: var(--checkbox--size); } .ginput_container_consent label:after { border-bottom: var(--checkbox--check-stroke) solid transparent; border-left: var(--checkbox--check-stroke) solid transparent; border-right-style: solid; border-right: var(--checkbox--check-stroke) transparent; border-top-style: solid; border-top: var(--checkbox--check-stroke) transparent; height: 0; transform: translate(var(--checkbox--padding), -1px) rotate(-45deg); width: 0; } .ginput_container_consent [type=checkbox] { bottom: 0; content: ""; font-size: inherit; height: var(--checkbox--size); left: var(--input--padding-x); margin-bottom: auto; margin-top: auto; opacity: 0; outline: 0; position: absolute; top: 0; width: var(--checkbox--size); } .ginput_container_consent [type=checkbox]:checked + label, .ginput_container_consent [type=checkbox]:hover:not(:focus) + label { --input--background-color:var(--input--background-color--highlight); } .ginput_container_consent [type=checkbox]:checked + label:before { background-color: var(--color--foreground); } .ginput_container_consent [type=checkbox]:checked + label:after { border-color: var(--color--background); height: calc(var(--checkbox--check-size) / 2); width: var(--checkbox--check-size); } .ginput_container_consent [type=checkbox] + label:focus:before, .ginput_container_consent [type=checkbox]:focus + label:before { box-shadow: 0 0 0 calc(var(--input--outline-width--focus) * 2) var(--color--background), 0 0 0 calc(var(--input--outline-width--focus) * 4) var(--input--color--focus); } .ginput_container_consent [type=checkbox] + label:focus:not(:focus-visible):before, .ginput_container_consent [type=checkbox]:focus:not(:focus-visible) + label:before { box-shadow: none; } .ginput_container_consent .gfield_required { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .ginput_container_consent .gfield_required:focus { clip: auto; display: block; height: auto; left: calc(var(--space--m) / 2); top: calc(var(--space--m) / 2); width: auto; z-index: var(--z-index--screen-reader); } .ginput_container_consent label { margin-bottom: 0; } .ginput_complex { -moz-column-gap: var(--grid--column-gap); column-gap: var(--grid--column-gap); display: flex; flex-flow: row wrap; row-gap: var(--grid--row-gap); } .ginput_complex > *, .ginput_complex > * + *, .ginput_complex > :first-child, .ginput_complex > :last-child { width: calc(100% / var(--grid--columns) - var(--grid--column-gap) + var(--grid--column-gap) / var(--grid--columns)); } .ginput_complex label { font-size: var(--type--font-size--small); } @media (min-width: 48em) { .ginput_complex .ginput_left, .ginput_complex .ginput_right { flex: 1 0 calc(50% - var(--grid--row-gap)); } } .ginput_complex .name_first, .ginput_complex .name_last, .ginput_complex .name_middle { flex-grow: 1; } .ginput_complex .name_prefix, .ginput_complex .name_suffix { width: 6.6rem; } .ginput_complex .gfield_date_day input, .ginput_complex .gfield_date_month input, .ginput_complex .gfield_date_year input { text-align: center; } .ginput_complex .gfield_date_day, .ginput_complex .gfield_date_month { max-width: 5rem; } .ginput_complex .gfield_date_year { max-width: 6rem; } .ginput_address_zip { max-width: 12rem; } .ginput_preview { display: flex; gap: var(--form--label-spacing); } .ginput_preview .gform_delete_file { background: var(--color--error); border-radius: var(--border-radius--s); color: var(--color--white); flex: 0 0 auto; } .ginput_preview .gform_delete_file + * { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; } .ginput_preview + .ginput_preview { margin-top: var(--space--xxs); } .gfield_checkbox .gchoice { --input--border-color:transparent; position: relative; } .gfield_checkbox .gchoice label { --input--outline-width--focus:0; background: var(--input--background-color); border: var(--input--border-width) solid var(--input--border-color); border-radius: var(--input--border-radius); box-shadow: none; color: var(--input--color); cursor: pointer; display: block; font-family: inherit; line-height: inherit; margin-bottom: var(--input--gap); padding: var(--input--padding-y) var(--input--padding-x); padding-left: calc(var(--input--padding-x) * 2 + var(--checkbox--size)); transition: color var(--transition--duration) var(--transition--ease) 0s, background-color var(--transition--duration) var(--transition--ease) 0s, border-color var(--transition--duration) var(--transition--ease) 0s, box-shadow var(--transition--duration) var(--transition--ease) 0s, transform var(--transition--duration) var(--transition--ease) 0s; width: 100%; } .gfield_checkbox .gchoice label:active, .gfield_checkbox .gchoice label:focus { outline-style: none; outline-width: 0; } .gfield_checkbox .gchoice label:focus, .gfield_checkbox .gchoice label:focus-within { background: var(--input--background-color--focus); box-shadow: 0 0 0 var(--input--outline-width--focus) var(--input--outline-color--focus); color: var(--input--color--focus); } .gfield_checkbox .gchoice label:hover:not(:focus) { --input--background-color:var(--input--background-color--highlight); } .gfield_checkbox .gchoice label:active { border-color: transparent; } .gfield_checkbox .gchoice label:after, .gfield_checkbox .gchoice label:before { --input--outline-width--focus:1px; bottom: 0; content: ""; left: var(--input--padding-x); margin-bottom: auto; margin-top: auto; position: absolute; top: 0; } .gfield_checkbox .gchoice label:before { background: var(--color--background); border: var(--checkbox--border-width) solid var(--color--foreground); border-radius: --checkbox--border-radius; cursor: pointer; height: var(--checkbox--size); transition: background var(--transition--duration) var(--transition--ease) 0s; width: var(--checkbox--size); } .gfield_checkbox .gchoice label:after { border-bottom: var(--checkbox--check-stroke) solid transparent; border-left: var(--checkbox--check-stroke) solid transparent; border-right-style: solid; border-right: var(--checkbox--check-stroke) transparent; border-top-style: solid; border-top: var(--checkbox--check-stroke) transparent; height: 0; transform: translate(var(--checkbox--padding), -1px) rotate(-45deg); width: 0; } .gfield_checkbox .gchoice [type=checkbox] { bottom: 0; content: ""; font-size: inherit; height: var(--checkbox--size); left: var(--input--padding-x); margin-bottom: auto; margin-top: auto; opacity: 0; outline: 0; position: absolute; top: 0; width: var(--checkbox--size); } .gfield_checkbox .gchoice [type=checkbox]:checked + label, .gfield_checkbox .gchoice [type=checkbox]:hover:not(:focus) + label { --input--background-color:var(--input--background-color--highlight); } .gfield_checkbox .gchoice [type=checkbox]:checked + label:before { background-color: var(--color--foreground); } .gfield_checkbox .gchoice [type=checkbox]:checked + label:after { border-color: var(--color--background); height: calc(var(--checkbox--check-size) / 2); width: var(--checkbox--check-size); } .gfield_checkbox .gchoice [type=checkbox] + label:focus:before, .gfield_checkbox .gchoice [type=checkbox]:focus + label:before { box-shadow: 0 0 0 calc(var(--input--outline-width--focus) * 2) var(--color--background), 0 0 0 calc(var(--input--outline-width--focus) * 4) var(--input--color--focus); } .gfield_checkbox .gchoice [type=checkbox] + label:focus:not(:focus-visible):before, .gfield_checkbox .gchoice [type=checkbox]:focus:not(:focus-visible) + label:before { box-shadow: none; } .gfield_radio .gchoice { position: relative; } .gfield_radio .gchoice label { --input--outline-width--focus:0; align-items: center; background: var(--input--background-color); border: var(--input--border-width) solid var(--input--border-color); border-color: transparent; border-radius: var(--input--border-radius); box-shadow: none; color: var(--input--color); cursor: pointer; display: block; display: grid; font-family: inherit; grid-template-columns: calc(var(--radio--size) + var(--radio--padding) * 2) auto; grid-template-rows: 1fr; line-height: inherit; margin-bottom: var(--input--gap); padding: var(--input--padding-y) var(--input--padding-x); transition: color var(--transition--duration) var(--transition--ease) 0s, background-color var(--transition--duration) var(--transition--ease) 0s, border-color var(--transition--duration) var(--transition--ease) 0s, box-shadow var(--transition--duration) var(--transition--ease) 0s, transform var(--transition--duration) var(--transition--ease) 0s; width: 100%; } .gfield_radio .gchoice label:active, .gfield_radio .gchoice label:focus { outline-style: none; outline-width: 0; } .gfield_radio .gchoice label:focus, .gfield_radio .gchoice label:focus-within { background: var(--input--background-color--focus); box-shadow: 0 0 0 var(--input--outline-width--focus) var(--input--outline-color--focus); color: var(--input--color--focus); } .gfield_radio .gchoice label:after, .gfield_radio .gchoice label:before { --input--outline-width--focus:1px; border-radius: 100%; content: ""; grid-column: 1; grid-row: 1; } .gfield_radio .gchoice label:before { background: var(--color--background); border: var(--radio--border-width) solid var(--color--foreground); cursor: pointer; height: var(--radio--size); transition: background var(--transition--duration) var(--transition--ease) 0s; width: var(--radio--size); } .gfield_radio .gchoice label:after { height: 0; margin: var(--radio--padding); width: 0; } .gfield_radio .gchoice [type=radio] { bottom: 0; content: ""; font-size: inherit; height: calc(var(--radio--size) + var(--radio--padding)); left: var(--input--padding-x); margin-bottom: auto; margin-top: auto; opacity: 0; outline: 0; position: absolute; top: 0; width: calc(var(--radio--size) + var(--radio--padding)); } .gfield_radio .gchoice [type=radio]:checked + label, .gfield_radio .gchoice [type=radio]:hover:not(:focus) + label { --input--background-color:var(--input--background-color--highlight); } .gfield_radio .gchoice [type=radio]:checked + label:after { background-color: var(--color--foreground); height: calc(var(--radio--size) - var(--radio--padding) * 2); width: calc(var(--radio--size) - var(--radio--padding) * 2); } .gfield_radio .gchoice [type=radio] + label:focus:before, .gfield_radio .gchoice [type=radio]:focus + label:before { box-shadow: 0 0 0 calc(var(--input--outline-width--focus) * 2) var(--color--background), 0 0 0 calc(var(--input--outline-width--focus) * 4) var(--input--color--focus); } .gfield_radio .gchoice [type=radio] + label:focus:not(:focus-visible):before, .gfield_radio .gchoice [type=radio]:focus:not(:focus-visible) + label:before { box-shadow: none; } .gfield_radio .gchoice [type=text] { margin-left: calc(var(--radio--size) + var(--radio--padding) * 2); margin-top: var(--space--xs); width: calc(100% - var(--radio--size) - var(--radio--padding) * 2); } .gfield_radio .gchoice [type=text][disabled], .gfield_radio .gchoice br { display: none; } .gchoice:last-child > label { margin-bottom: 0; } .js .animate { --animate--animation:animate--fade-in; --animate--duration:300ms; --animate--delay:50ms; --animate--item--delay:0ms; --animate--easing:ease-out; } @media screen and (prefers-reduced-motion: no-preference) { .js .animate--play .animate-element, .js .animate--play.animate-element { animation: var(--animate--animation) var(--animate--duration) var(--animate--delay) forwards var(--animate--easing); animation-delay: calc(var(--animate--delay, 0ms) + var(--animate--item--delay, 0ms) * var(--animate--key, 0)); } .js .animate .animate-element, .js .animate.animate-element { opacity: 0; } } @keyframes animate--fade-in { 0% { opacity: var(--animate--opacity--from, 0); } to { opacity: var(--animate--opacity--to, 1); } } @keyframes animate--fade-in--translate { 0% { opacity: var(--animate--opacity--from, 0); transform: translate(var(--animate--translateX, 0), var(--animate--translateY, 0)); } to { opacity: var(--animate--opacity--to, 1); transform: translate(0); } } .breadcrumbs { width: 100%; } .breadcrumbs__yoast-wrapper { align-items: center; display: flex; flex-flow: row wrap; } .breadcrumbs__yoast-separator { padding-left: 0.89ch; padding-right: 0.89ch; } .breadcrumbs a { --link--text-decoration:none; --link--text-decoration--hover:underline; } :root { --burger--size:1.5rem; --burger--padding:1.625rem; --burger--thickness:2px; --burger--border-thickness:2px; --burger--color:var(--color--foreground); --burger--background-color:var(--color--background); --burger--border-color:var(--color--foreground); --burger--color--hover:var(--color--background); --burger--background-color--hover:var(--color--foreground); --burger--border-color--hover:var(--color--foreground); } .burger { align-items: center; background-color: var(--burger--background-color); border: var(--burger--border-thickness) solid var(--burger--border-color); border-radius: 100%; display: flex; flex-flow: column nowrap; height: calc(var(--burger--size) + var(--burger--padding)); justify-content: space-around; overflow: hidden; padding: 0; position: relative; transition: color var(--transition--duration) var(--transition--ease) 0s, background-color var(--transition--duration) var(--transition--ease) 0s, border-color var(--transition--duration) var(--transition--ease) 0s, transform var(--transition--duration) var(--transition--ease) 0s; width: calc(var(--burger--size) + var(--burger--padding)); } .burger:active, .burger:focus { background-color: var(--burger--background-color--hover); border-color: var(--burger--border-color--hover); } .burger:active .burger__line, .burger:focus .burger__line { background-color: var(--burger--color--hover); } @media (hover: hover) { .burger:hover { background-color: var(--burger--background-color--hover); border-color: var(--burger--border-color--hover); } .burger:hover .burger__line { background-color: var(--burger--color--hover); } } .burger[aria-expanded=true] { background-color: var(--burger--background-color--hover); border-color: var(--burger--border-color--hover); } .burger[aria-expanded=true] .burger__line { background-color: var(--burger--color--hover); } .burger[aria-expanded=true] .burger__line--1 { transform: rotate(45deg); } .burger[aria-expanded=true] .burger__line--2 { opacity: 0; } .burger[aria-expanded=true] .burger__line--3 { transform: rotate(-45deg); } .burger__line { background-color: var(--burger--color); border-radius: var(--border-radius--s); content: ""; display: block; height: var(--burger--thickness); margin: 0; position: absolute; transition: opacity var(--transition--duration) var(--transition--ease) 0s, transform var(--transition--duration) var(--transition--ease) 0s, top var(--transition--duration) var(--transition--ease) 0s, background-color var(--transition--duration) var(--transition--ease) 0s; width: var(--burger--size); } .burger__line--1 { transform: translateY(-10px); } .burger__line--3 { transform: translateY(10px); } .g-card__heading { font-size: calc(1.75rem + var(--fluid-bp) * 2); } .g-card__square { border-radius: 0; height: 8rem; margin-left: var(--g-card--inner-padding-x); margin-top: var(--g-card--inner-padding-y); min-height: 8rem; order: -1; width: 8rem; } .g-card--type--article .g-card__heading { font-size: 1.5rem; line-height: 1.36; } .g-card--type--icon .g-card__svg { align-items: center; border-radius: 50%; display: inline-flex; height: 8rem; justify-content: center; margin-left: var(--g-card--inner-padding-x); margin-right: auto; margin-top: var(--g-card--inner-padding-y); min-height: 8rem; order: -1; width: 8rem; } .g-card--type--icon .g-card__svg:not(.has-background) { --button--background-color:transparent; --button--border-color:var(--color--background); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--background); --button--color--hover:var(--color--foreground); background-color: var(--color--foreground); color: var(--color--background); } .g-card--type--icon .g-card__svg svg { fill: var(--color--foreground); height: 5.25rem; width: 5.25rem; } .g-card--type--icon .g-card__svg svg [fill^="#"] { fill: currentColor; } .g-card--type--icon .g-card__svg svg [stroke^="#"] { stroke: currentColor; } .g-card--type--slider.has-background { --color--foreground:var(--slider--card--foreground-color); } .g-card--type--slider .g-card__meta { height: 2.5rem; width: 2.5rem; } .g-card--type--slider .g-card__meta > * { font-family: var(--type--2--font-family); font-size: 1.125rem; font-weight: var(--type--2--font-weight); } @media (min-width: 62em) { .g-card--type--slider .g-card__image { margin-top: auto; width: min(60%, 30.625rem); } } .g-card--type--custom .g-card__heading { font-family: var(--type--2--font-family); font-size: calc(1.75rem + var(--fluid-bp) * 2); font-weight: var(--type--2--font-weight); line-height: var(--type--2--line-height); } .g-card--type--custom .g-card__heading a { color: inherit; text-decoration: none; } .cards { --grid--column-gap:var(--space--s); --grid--row-gap:var(--grid--column-gap); --cards--min-width:17.5rem; margin-bottom: var(--space--layout); margin-top: var(--space--layout); } .cards__inner { margin-left: auto; margin-right: auto; max-width: var(--width--l); } .cards__header { margin-bottom: var(--block--header--margin-bottom); position: relative; } .cards__header > :first-child { margin-top: 0; } .cards__header > :last-child { margin-bottom: 0; } .cards__heading { max-width: var(--heading--max-width); } .cards__heading > :first-child { margin-top: 0; } .cards__heading > :last-child { margin-bottom: 0; } .cards__subheading { font-family: var(--type--1--font-family); font-size: calc(1.125rem + var(--fluid-bp) * 2); font-weight: var(--type--1--font-weight); line-height: var(--type--1--line-height); margin: var(--space--s) auto var(--space--s) 0; max-width: var(--width--s); } .cards__subheading > :first-child { margin-top: 0; } .cards__subheading > :last-child { margin-bottom: 0; } .cards__subheading + .cards__more-link { position: static; text-align: left; } .cards__items { -moz-column-gap: var(--grid--column-gap); column-gap: var(--grid--column-gap); display: flex; flex-flow: row wrap; justify-content: center; row-gap: var(--grid--row-gap); } .cards__items > *, .cards__items > * + *, .cards__items > :first-child, .cards__items > :last-child { width: calc(100% / var(--grid--columns) - var(--grid--column-gap) + var(--grid--column-gap) / var(--grid--columns)); } @media (min-width: 62em) { .cards__items { padding-top: var(--space--m); } } .cards__footer { margin-top: var(--block--footer--margin-top); } .cards__footer > :first-child { margin-top: 0; } .cards__footer > :last-child { margin-bottom: 0; } @media (min-width: 62em) { .cards__more-link { justify-self: center; position: absolute; right: 0; text-align: right; top: 0; } .alignfull .cards__more-link { padding-right: 0; } } .cards:not(.alignfull) { border-radius: 0; overflow: hidden; overflow: visible; } .cards.alignfull { --block--padding-y:var(--space--responsive--xxl); } .cards.alignfull .cards__inner { margin-left: auto; margin-right: auto; max-width: var(--width--responsive--l); } .cards.has-background:not(.alignfull) { padding: var(--block--padding-y) var(--block--padding-x); } .cards.has-background:not(.alignfull) .cards__items { padding-top: 0; } .cards[class*=cards--columns-] .cards__items { grid-template-columns: repeat(var(--grid--columns), minmax(0, 1fr)); } @media (min-width: 48em) { .cards--columns-4 { --grid--columns:2; } } @media (min-width: 75em) { .cards--columns-4 { --grid--columns:4; } } @media (min-width: 48em) { .cards--columns-3 { --grid--columns:3; } .cards--columns-2 { --grid--columns:2; } } .cards--columns-2 .cards__inner { margin-left: auto; margin-right: auto; max-width: var(--width--m); } .cards--columns-1 { --grid--columns:1; } .cards--columns-1 .cards__inner { margin-left: auto; margin-right: auto; max-width: var(--width--m); } @media (max-width: 61.99em) { .cards--slider-on-mobile { --animate--translateY:0; } .cards--slider-on-mobile .cards__items { -moz-column-gap: 0; column-gap: 0; display: flex; flex-wrap: nowrap; justify-content: flex-start; margin-bottom: calc(var(--space--xs) * -1); margin-left: calc(var(--space--container-padding) * -1); margin-right: calc(var(--space--container-padding) * -1); overflow-x: auto; padding-bottom: var(--space--xs); position: relative; scroll-snap-type: x mandatory; will-change: transform; } .cards--slider-on-mobile .cards__items:after, .cards--slider-on-mobile .cards__items:before { content: ""; display: block; flex: 0 0 var(--space--container-padding); height: 1px; opacity: 0; overflow: hidden; pointer-events: none; } .cards--slider-on-mobile .g-card { flex: 0 0 80%; margin-right: var(--grid--column-gap); margin-top: 0; min-height: 100%; min-width: var(--cards--min-width); scroll-snap-align: center; } } @media (max-width: 61.99em) and (min-width: 36em) { .cards--slider-on-mobile .g-card { flex-basis: 37%; } } @media (max-width: 61.99em) { .cards--slider-on-mobile .g-card:last-child { margin-right: 0; } } @media (min-width: 62em) { .cards--type--icons { --grid--column-gap:var(--space--responsive--l); } } .cards.alignfull:not(.alignright) .cards__subheading { font-weight: var(--type--1--font-weight--bold); } @media (min-width: 62em) { .cards.alignfull:not(.alignright) .cards__subheading { max-width: none; padding-left: calc(var(--width--l) - var(--width--s)); padding-right: var(--space--xxl); width: 100%; } } .cards.alignfull .cards__more-link, .cards.alignfull:not(.alignright) .cards__subheading > p { font-weight: var(--type--1--font-weight--bold); } .cards.alignfull .cards__more-link { font-weight: var(--type--1--font-weight); } @media (min-width: 62em) { .cards.alignfull .cards__more-link { max-width: none; padding-left: calc(var(--width--l) - var(--width--s)); padding-right: var(--space--xxl); width: 100%; } } .cards.alignfull .cards__more-link > p { font-weight: var(--type--1--font-weight--bold); } @media (min-width: 62em) { .cards.alignfull .cards__inner { max-width: var(--width--l); padding-left: 0; padding-right: 0; } .cards.alignfull .cards__items { justify-content: flex-start; } } .cards:not(.with-subheading) .cards__more-link { padding-right: 0; } .cards:not(.with-subheading) .cards__items { padding-top: 0; } @media (min-width: 48em) { .cards.alignright { --grid--columns:2; } } mark { --transition--duration:1s; background: transparent; background: var(--color--background); color: var(--color--foreground); display: inline-block; line-height: 1; position: relative; transition: translate var(--transition--duration) var(--transition--ease) 0s; z-index: 0; } mark:not(.animate--play) { translate: 0 2.5rem; will-change: translate; } mark.animate--play { translate: 0 0; } .cookie-notice { align-items: center; bottom: var(--space--responsive--xs); display: flex; justify-content: center; pointer-events: none; position: fixed; width: 100%; z-index: var(--z-index--cookie-notice); } @media (min-width: 48em) { .cookie-notice { bottom: var(--space--m); } } .cookie-notice[aria-hidden=true] { visibility: hidden; } .cookie-notice__banner { align-items: center; border-radius: 0; display: flex; flex-direction: column; max-width: min(var(--width--m), 100vw - (var(--space--container-padding))); opacity: 1; overflow: hidden; padding: var(--space--xs); pointer-events: auto; text-align: center; transform: translateY(0); transition: opacity var(--transition--duration) var(--transition--ease) 0s, transform var(--transition--duration) var(--transition--ease) 0s, visibility var(--transition--duration) var(--transition--ease) 0s; width: auto; } @media (min-width: 48em) { .cookie-notice__banner { flex-direction: row; justify-content: space-between; padding-left: var(--space--m); padding-right: var(--space--m); text-align: left; } } [aria-hidden=true] .cookie-notice__banner { opacity: 0; transform: translateY(100%); visibility: hidden; } .cookie-notice__banner:focus { outline: none; } .cookie-notice__message { flex: 0 1 auto; margin-bottom: var(--space--xs); } .cookie-notice__message > :first-child { margin-top: 0; } .cookie-notice__message > :last-child { margin-bottom: 0; } @media (min-width: 48em) { .cookie-notice__message { margin-bottom: 0; margin-right: var(--space--container-padding); } } .cookie-notice__message a { color: var(--link--color); -webkit-text-decoration: var(--link--text-decoration); text-decoration: var(--link--text-decoration); text-decoration-thickness: var(--text-decoration-thickness, auto); } .cookie-notice__message a:active, .cookie-notice__message a:focus { color: var(--link--color--hover); -webkit-text-decoration: var(--link--text-decoration--hover); text-decoration: var(--link--text-decoration--hover); text-decoration-thickness: var(--text-decoration-thickness, auto); } @media (hover: hover) { .cookie-notice__message a:hover { color: var(--link--color--hover); -webkit-text-decoration: var(--link--text-decoration--hover); text-decoration: var(--link--text-decoration--hover); text-decoration-thickness: var(--text-decoration-thickness, auto); } } .cookie-notice__actions { flex: 0 0 auto; } .cookie-notice__actions-list { --grid--column-gap:var(--space--xxs); --grid--row-gap:var(--space--xs); justify-content: center; list-style: none; margin-bottom: 0; margin-top: 0; padding-left: 0; } .cookie-notice__actions-list li { margin-bottom: 0; margin-top: 0; } @media (min-width: 48em) { .cookie-notice__actions-list { justify-content: flex-end; } } .wp-block-buttons { align-items: center; -moz-column-gap: var(--grid--column-gap); column-gap: var(--grid--column-gap); display: flex; flex-flow: row wrap; justify-content: flex-start; list-style: none; padding-left: 0; row-gap: var(--grid--row-gap); } .wp-block-buttons, .wp-block-buttons li { margin-bottom: 0; margin-top: 0; } .wp-block-buttons > *, .wp-block-buttons > * + *, .wp-block-buttons > :first-child, .wp-block-buttons > :last-child { width: calc(100% / var(--grid--columns) - var(--grid--column-gap) + var(--grid--column-gap) / var(--grid--columns)); width: auto; } .wp-block-button__link { --focus--color:var(--button--border-color); align-items: center; background-color: var(--button--background-color); border-color: var(--button--border-color); border-radius: var(--button--border-radius); border-style: solid; border-width: var(--button--border-width); color: var(--button--color); cursor: pointer; display: inline-flex; font-family: var(--type--2--font-family); font-size: var(--button--font-size, inherit); font-weight: var(--type--4--font-weight); gap: var(--button--gap); justify-content: center; line-height: var(--button--line-height, inherit); padding: var(--button--padding-y) var(--button--padding-x); text-align: center; text-decoration: none; transition: color var(--transition--duration) var(--transition--ease) 0s, background-color var(--transition--duration) var(--transition--ease) 0s, border-color var(--transition--duration) var(--transition--ease) 0s, transform var(--transition--duration) var(--transition--ease) 0s; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .wp-block-button__link:active, .wp-block-button__link:focus { background-color: var(--button--background-color--hover); border-color: var(--button--border-color--hover); color: var(--button--color--hover); text-decoration: none; } @media (hover: hover) { .wp-block-button__link:hover { background-color: var(--button--background-color--hover); border-color: var(--button--border-color--hover); color: var(--button--color--hover); text-decoration: none; } } .wp-block-button__link:focus { outline: var(--focus--1--width, 2px) dotted var(--focus--color); outline-offset: var(--focus--1--offset, 0); } .wp-block-button__link:focus:not(:focus-visible):active, .wp-block-button__link:focus:not(:focus-visible):focus { outline-style: none; outline-width: 0; } .wp-block-button.aligncenter { margin-bottom: var(--space--base); margin-top: var(--space--base); } .wp-block-button.alignleft, .wp-block-button.alignright { margin-top: 0.4em; width: auto; } .wp-block-cover { margin-bottom: var(--space--layout); margin-top: var(--space--layout); min-height: unset; padding: 0; } .wp-block-cover > :first-child { margin-top: 0; } .wp-block-cover > :last-child { margin-bottom: 0; } .wp-block-cover__inner-container { margin-left: auto; margin-right: auto; max-width: var(--block--max-width); padding: var(--block--padding-y) var(--block--padding-x); } .wp-block-cover__inner-container > :first-child { margin-top: 0; } .wp-block-cover__inner-container > :last-child { margin-bottom: 0; } .wp-block-cover[class*=-background-color] .wp-block-cover__inner-container { color: currentColor; } .wp-block-cover.alignfull .wp-block-cover__inner-container, .wp-block-cover.alignwide .wp-block-cover__inner-container { color: currentColor; padding: var(--space--responsive--xl) var(--block--padding-x); } .wp-block-cover:not(.alignfull) img { border-radius: 0; overflow: hidden; } .wp-block-embed { display: grid; gap: var(--space--xxs); text-align: center; } .blocks > .wp-block-embed { margin-bottom: var(--space--responsive--m); margin-top: var(--space--responsive--m); } .wp-block-embed figcaption { font-size: var(--type--font-size--small); margin: 0 auto; max-width: var(--width--responsive--xxs); } .wp-block-embed__wrapper > * { margin-left: auto; margin-right: auto; } .wp-block-embed__wrapper > iframe { margin: 0 auto; } .wp-block-embed:not(.alignfull) iframe { border-radius: 0; overflow: hidden; } .wp-block-embed.wp-block-embed-twitter iframe { border-radius: 0; box-shadow: none; } .wp-block-gallery { --gallery--grid-columns:1; display: grid; gap: var(--space--xxs); margin-bottom: var(--space--layout); margin-top: var(--space--layout); text-align: center; } .blocks > .wp-block-gallery { margin-bottom: var(--space--responsive--m); margin-top: var(--space--responsive--m); } .wp-block-gallery figcaption { font-size: var(--type--font-size--small); margin: 0 auto; max-width: var(--width--responsive--xxs); } .wp-block-gallery .blocks-gallery-grid { --grid--columns:var(--gallery--grid-columns); -moz-column-gap: var(--grid--column-gap); column-gap: var(--grid--column-gap); display: flex; flex-flow: row wrap; row-gap: var(--grid--row-gap); } .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-grid > *, .wp-block-gallery .blocks-gallery-grid > * + *, .wp-block-gallery .blocks-gallery-grid > :first-child, .wp-block-gallery .blocks-gallery-grid > :last-child { width: calc(100% / var(--grid--columns) - var(--grid--column-gap) + var(--grid--column-gap) / var(--grid--columns)); } .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item { margin-bottom: 0; margin-right: 0; } .wp-block-gallery.columns-1 { --gallery--grid-columns:1; } @media (min-width: 36em) { .wp-block-gallery.columns-2 { --gallery--grid-columns:2; } } @media (min-width: 48em) { .wp-block-gallery.columns-3 { --gallery--grid-columns:3; } .wp-block-gallery.columns-4 { --gallery--grid-columns:2; } } @media (min-width: 62em) { .wp-block-gallery.columns-4 { --gallery--grid-columns:4; } } @media (min-width: 48em) { .wp-block-gallery.columns-5 { --gallery--grid-columns:2; } } @media (min-width: 62em) { .wp-block-gallery.columns-5 { --gallery--grid-columns:5; } } @media (min-width: 48em) { .wp-block-gallery.columns-6 { --gallery--grid-columns:3; } } @media (min-width: 62em) { .wp-block-gallery.columns-6 { --gallery--grid-columns:6; } } @media (min-width: 48em) { .wp-block-gallery.columns-7 { --gallery--grid-columns:3; } } @media (min-width: 62em) { .wp-block-gallery.columns-7 { --gallery--grid-columns:7; } } @media (min-width: 48em) { .wp-block-gallery.columns-8 { --gallery--grid-columns:4; } } @media (min-width: 62em) { .wp-block-gallery.columns-8 { --gallery--grid-columns:8; } } .wp-block-gallery .blocks-gallery-item { position: relative; } .wp-block-gallery .blocks-gallery-item figcaption { font-size: var(--type--font-size--small); } .wp-block-gallery picture { height: 100%; width: 100%; } .wp-block-gallery img { border-radius: 0; overflow: hidden; } .wp-block-gallery svg { aspect-ratio: 1/1; } .wp-block-gallery figcaption { max-width: unset; } .wp-block-group > :first-child { margin-top: 0; } .wp-block-group > :last-child { margin-bottom: 0; } .wp-block-group.has-background { padding: var(--block--padding-y) var(--block--padding-x); } .wp-block-group.alignfull, .wp-block-group.alignwide { padding: var(--space--responsive--xl) var(--block--padding-x); } .wp-block-group.alignfull > *, .wp-block-group.alignwide > * { margin-left: auto; margin-right: auto; max-width: var(--width--s); } .wp-block-image { display: grid; gap: var(--space--xxs); text-align: center; } .blocks > .wp-block-image { margin-bottom: var(--space--responsive--m); margin-top: var(--space--responsive--m); } .wp-block-image figcaption { font-size: var(--type--font-size--small); margin: 0 auto; max-width: var(--width--responsive--xxs); } .wp-block-image > img { margin: 0 auto; } .wp-block-image:not(.alignfull) > img { border-radius: 0; overflow: hidden; } .wp-block-image svg { border: 1px solid var(--color--foreground); } .wp-block-image.alignright { float: none; margin: 0; max-width: 100%; } .wp-block-image.alignfull:not(.alignright) { margin: 0; } @media (max-width: 61.99em) { .wp-block-image.alignfull:not(.alignright) { padding: var(--space--s) var(--space--container-padding); } } @media (min-width: 62em) { .wp-block-image.alignfull:not(.alignright) { --block--max-width:100%; padding-left: calc(var(--wp-text-block--padding--x)); padding-right: calc(var(--wp-text-block--padding--x) + var(--space--xxl)); width: 100%; } } .wp-block-gallery .wp-block-image.alignfull:not(.alignright) { padding: 0; } .wp-block-image.alignfull img { max-height: 46.875rem; } .wp-block-image .external-href { position: relative; } .wp-block-image .external-href:after { position: absolute; right: 1rem; top: 1rem; } .wp-block-quote, .wp-block-quote.is-large { --blockquote--border-width:var(--border-width--s); --blockquote--padding-left:var(--space--s); --blockquote--border-offset:0.5em; --block--margin-top:var(--space--responsive--l); --block--margin-bottom:var(--space--responsive--l); border: 0; padding: 0; padding-left: var(--blockquote--padding-left); position: relative; } .wp-block-quote.is-large > :first-child, .wp-block-quote > :first-child { margin-top: 0; } .wp-block-quote.is-large > :last-child, .wp-block-quote > :last-child { margin-bottom: 0; } .wp-block-quote.is-large > :not(cite):not(.wp-block-quote__citation), .wp-block-quote > :not(cite):not(.wp-block-quote__citation) { font-family: var(--type--2--font-family); font-size: calc(2rem + var(--fluid-bp) * 18); font-weight: var(--type--2--font-weight); line-height: var(--type--2--line-height); line-height: 1.2; } .wp-block-quote.is-large > :not(cite):not(.wp-block-quote__citation) a, .wp-block-quote > :not(cite):not(.wp-block-quote__citation) a { color: inherit; text-decoration: none; } .wp-block-quote.is-large:before, .wp-block-quote:before { background-color: var(--color--foreground); bottom: var(--blockquote--border-offset); content: ""; left: calc(var(--blockquote--border-width) * -1); position: absolute; top: var(--blockquote--border-offset); width: var(--blockquote--border-width); } .wp-block-quote[data-block-context-is-new-section=true] cite { font-family: var(--type--2--font-family); font-size: calc(1.25rem + var(--fluid-bp) * -2); font-weight: var(--type--2--font-weight); font-weight: var(--type--2--font-weight--bold); line-height: var(--type--2--line-height); line-height: 1.24; } .wp-block-quote[data-block-context-is-new-section=true] cite a { color: inherit; text-decoration: none; } .wp-block-separator { --block--spacing--top:var(--space--responsive--xl); --block--spacing--bottom:var(--space--responsive--xl); background-color: var(--hr--color); clear: both; height: var(--hr--thickness, 2px); width: 100%; } .blocks > .wp-block-separator + * { margin-top: 0; } .wp-block-table { --table--padding:var(--space--xs); --table--padding-left-right:var(--table--padding); margin-left: calc(var(--site--container-padding) * -1); margin-top: var(--space--layout); padding: 0 var(--site--container-padding); width: 100vw; } @media (min-width: 48em) { .wp-block-table { --table--padding-left-right:var(--space--s); display: block; margin-left: 0; padding-left: 0; padding-right: 0; width: 100%; } } .wp-block-table table { margin-top: 0; } .wp-block-table td, .wp-block-table th { word-wrap: break-word; border: var(--border--1); padding: var(--table--padding) var(--table--padding-left-right); white-space: normal; word-break: normal; } .wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th { white-space: normal; } .wp-block-table th { height: 70px; } .wp-block-table td { height: 84px; } .wp-block-table tbody { border: var(--border--1); } .wp-block-table tfoot td { height: auto; padding-bottom: var(--table--padding); padding-top: var(--table--padding); } .wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright, .wp-block-table.alignwide { width: 100vw; } @media (min-width: 48em) { .wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright, .wp-block-table.alignwide { width: 100%; } } @media (max-width: 61.99em) { .wp-block-table.alignwide { padding: var(--space--s) var(--space--container-padding); } } @media (min-width: 62em) { .wp-block-table.alignwide { --block--max-width:100%; padding-left: calc(var(--wp-text-block--padding--x)); padding-right: calc(var(--wp-text-block--padding--x) + var(--space--xxl)); width: 100%; } } @media (min-width: 48em) { .wp-block-table.alignwide { margin-left: 0; } } @media (min-width: 62em) { .wp-block-table.alignwide { margin-left: auto; } } .wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright, .wp-block-table:not(.alignwide):not(.alignfull):not(.alignright):not(.alignleft) { display: grid; max-width: unset; } @media (min-width: 48em) { .wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright, .wp-block-table:not(.alignwide):not(.alignfull):not(.alignright):not(.alignleft) { display: block; } } .wp-block-table figcaption { font-size: var(--type--font-size--small); padding-top: 0; } .header-search { --header-search--icon-size:1em; } @media (min-width: 76.25em) { .header-search { --header-search--icon-size:1.75rem; } } .header-search__inner { --input--border-color:transparent; --input--border-color--focus:transparent; --input--outline-color--focus:transparent; --input--padding-y:calc(var(--button--padding-y) + var(--button--border-width) - var(--input--border-width)); align-items: center; background: var(--input--background-color); background-color: var(--color--lightgreen); border: var(--input--border-width) solid var(--input--border-color); border-radius: var(--input--border-radius); box-shadow: none; color: var(--input--color); display: block; display: grid; font-family: inherit; grid-template-areas: "input icons"; grid-template-columns: auto calc(var(--header-search--icon-size) + 5px); justify-items: center; line-height: inherit; margin: 0 auto; opacity: 1; padding: var(--input--padding-y) var(--input--padding-x); transition: color var(--transition--duration) var(--transition--ease) 0s, background-color var(--transition--duration) var(--transition--ease) 0s, border-color var(--transition--duration) var(--transition--ease) 0s, box-shadow var(--transition--duration) var(--transition--ease) 0s, transform var(--transition--duration) var(--transition--ease) 0s; transition: color var(--transition--duration) var(--transition--ease) 0s, background-color var(--transition--duration) var(--transition--ease) 0s, border-color var(--transition--duration) var(--transition--ease) 0s, transform var(--transition--duration) var(--transition--ease) 0s, opacity var(--transition--duration) var(--transition--ease) 0s; width: 100%; } .header-search__inner:active, .header-search__inner:focus { outline-style: none; outline-width: 0; } .header-search__inner:focus, .header-search__inner:focus-within { background: var(--input--background-color--focus); box-shadow: 0 0 0 var(--input--outline-width--focus) var(--input--outline-color--focus); color: var(--input--color--focus); } @media (min-width: 76.25em) { .header-search__inner { --input--padding-x:2.5em; --input--padding-y:1.5em; border-top-left-radius: 0; border-top-right-radius: 0; } } @media (max-width: 76.24em) { .header-search__inner { max-width: 20em; } } .header-search__inner:focus-within .header-search__label { opacity: 0; pointer-events: none; visibility: hidden; } .header-search__inner:focus-within .header-search__submit { opacity: 1; pointer-events: all; position: relative; visibility: visible; } .header-search__submit { background-color: initial; border: 0; border-radius: 0; color: inherit; color: currentColor; cursor: pointer; display: block; font-family: inherit; font-size: inherit; font-weight: inherit; grid-area: icons; height: 100%; letter-spacing: inherit; line-height: inherit; margin: 0; overflow: hidden; padding: 0; pointer-events: none; position: relative; text-indent: -9999px; text-transform: inherit; width: 100%; } .header-search__submit:active, .header-search__submit:focus { background-color: initial; color: inherit; } @media (hover: hover) { .header-search__submit:hover { background-color: initial; color: inherit; } } .header-search__submit:focus { box-shadow: unset; outline-width: 5px; } .header-search__submit:after { background-color: currentColor; content: ""; height: 100%; inset: 0; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: var(--mask-icon--size, contain); mask-size: var(--mask-icon--size, contain); position: absolute; width: 100%; } .header-search__submit:focus { box-shadow: 0 0 0 2px var(--focus--color); outline-style: none; outline-width: 0; } .header-search__submit:focus:not(:focus-visible) { box-shadow: none; } .header-search__submit:focus:not(:focus-visible):active, .header-search__submit:focus:not(:focus-visible):focus { outline-style: none; outline-width: 0; } .header-search__submit:after { -webkit-mask-image: url(images/icons/search.svg); mask-image: url(images/icons/search.svg); -webkit-mask-size: var(--header-search--icon-size); mask-size: var(--header-search--icon-size); } .header-search__input { --input--background-color:transparent; --input--background-color--focus:transparent; border: 0; border-radius: 0; padding: 0 var(--space--xxs); } @media (min-width: 76.25em) { .header-search__input { font-family: var(--type--2--font-family); font-size: calc(1.75rem + var(--fluid-bp) * 2); font-weight: var(--type--2--font-weight); line-height: var(--type--2--line-height); } .header-search__input a { color: inherit; text-decoration: none; } } .header-search__input:active, .header-search__input:focus { box-shadow: unset; } @media (hover: hover) { .header-search__input:hover { box-shadow: unset; } } .header-search[hidden=hidden] { display: none; } .header-search[hidden=hidden] .header-search__inner { opacity: 0; } .g-card { --g-card--max-width:26.25rem; --g-card--media--ratio:388/276; --g-card--inner-padding-x:var(--space--m); --g-card--inner-padding-y:var(--space--m); --g-card--media--border-radius:0; --g-card--border-radius:var(--border-radius--xl); --g-card--transition-duration:var(--transition--duration); --g-card--transition-duration--secondary:1200ms; --g-card--transition-ease:var(--transition--ease); border-radius: var(--g-card--border-radius); display: flex; flex-direction: column; isolation: isolate; max-width: var(--g-card--max-width, none); overflow: hidden; padding: var(--g-card--outer-padding-y) var(--g-card--outer-padding-x); position: relative; transition: background-color var(--g-card--transition-duration) var(--g-card--transition-ease), border-color var(--g-card--transition-duration) var(--g-card--transition-ease); } .g-card[class*=has-background] { background-color: var(--color--background); } .g-card:not(.has-background) { border: var(--border--1); border-color: var(--color--foreground); } .g-card.has-link:active:not(.has-embed) .g-card__image-inner > *, .g-card.has-link:focus:not(.has-embed) .g-card__image-inner > * { transform: scale(1.03); } @media (hover: hover) { .g-card.has-link:hover:not(.has-embed) .g-card__image-inner > * { transform: scale(1.03); } } .g-card__inner { display: flex; flex-flow: column nowrap; height: 100%; padding: var(--g-card--inner-padding-y) var(--g-card--inner-padding-x); padding-top: var(--space--s); } .g-card__inner > :not(.g-card__header) { z-index: 200; } .g-card__header { flex: 1; } .g-card__heading { font-family: var(--type--2--font-family); font-size: 1.5rem; font-weight: var(--type--2--font-weight); font-weight: var(--type--2--font-weight--bold); line-height: var(--type--2--line-height); line-height: 1.36; margin-bottom: 0; margin-top: 0; } .g-card__heading a { color: inherit; text-decoration: none; } .g-card__heading a:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 100; } .g-card__content { flex: 1; margin-top: var(--space--xxs); } .g-card__content > :first-child { margin-top: 0; } .g-card__content > :last-child { margin-bottom: 0; } .g-card__meta-and-labels { align-items: center; display: flex; gap: var(--space--xxs); margin-bottom: var(--space--xxs); order: -1; } .g-card__meta { font-size: 0.8125rem; } .g-card__meta > :first-child { margin-top: 0; } .g-card__meta > :last-child { margin-bottom: 0; } .g-card__labels__items { --grid--row-gap:var(--space--xxs); --grid--column-gap:var(--space--xxs); align-items: center; -moz-column-gap: var(--grid--column-gap); column-gap: var(--grid--column-gap); display: flex; flex-flow: row wrap; justify-content: flex-start; list-style: none; padding-left: 0; row-gap: var(--grid--row-gap); } .g-card__labels__items, .g-card__labels__items li { margin-bottom: 0; margin-top: 0; } .g-card__labels__items > *, .g-card__labels__items > * + *, .g-card__labels__items > :first-child, .g-card__labels__items > :last-child { width: calc(100% / var(--grid--columns) - var(--grid--column-gap) + var(--grid--column-gap) / var(--grid--columns)); width: auto; } .g-card__image { align-self: flex-end; width: 100%; } .g-card__image-inner { aspect-ratio: var(--g-card--media--ratio); border-radius: var(--g-card--media--border-radius); overflow: hidden; } .g-card__image-inner > * { object-fit: var(--g-card--image--object-fit, cover); transition: transform var(--g-card--transition-duration--secondary) var(--g-card--transition-ease); } .g-card__image--svg svg [fill^="#"] { fill: currentColor; } .g-card__image--svg svg [stroke^="#"] { stroke: currentColor; } .g-card__read-more { align-self: flex-start; margin-top: var(--space--m); } .g-card.has-embed .g-card__image { position: relative; z-index: 200; } .g-card.has-embed .g-card__image:before { content: ""; display: block; } .g-card.has-embed .g-card__image > * { height: 100%; left: 0; margin-bottom: 0; margin-top: 0; position: absolute; top: 0; width: 100%; } .g-card--type--article { --g-card--inner-padding-x:var(--space--s); --g-card--inner-padding-y:var(--space--s); min-height: 22.5rem; text-align: left; } .g-card--type--article .g-card__heading { font-family: var(--type--2--font-family); font-size: calc(1.25rem + var(--fluid-bp) * -2); font-weight: var(--type--2--font-weight); font-weight: var(--type--2--font-weight--bold); line-height: var(--type--2--line-height); line-height: 1.24; } .g-card--type--article .g-card__heading a { color: inherit; text-decoration: none; } .g-card--type--article.has-link:active, .g-card--type--article.has-link:focus { --button--background-color:transparent; --button--border-color:var(--color--background); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--background); --button--color--hover:var(--color--foreground); background-color: var(--color--foreground); color: var(--color--background); } @media (hover: hover) { .g-card--type--article.has-link:hover { --button--background-color:transparent; --button--border-color:var(--color--background); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--background); --button--color--hover:var(--color--foreground); background-color: var(--color--foreground); color: var(--color--background); } } .g-card--type--page.has-link:active .g-card__read-more, .g-card--type--page.has-link:focus .g-card__read-more { --button--background-color:var(--button--background-color--hover); --button--border-color:var(--button--border-color--hover); --button--color:var(--button--color--hover); } @media (hover: hover) { .g-card--type--page.has-link:hover .g-card__read-more { --button--background-color:var(--button--background-color--hover); --button--border-color:var(--button--border-color--hover); --button--color:var(--button--color--hover); } } .g-card--type--profile { --g-card--media--ratio:1/1; } .g-card--type--profile .g-card__heading { font-family: var(--type--2--font-family); font-size: 1.5rem; font-weight: var(--type--2--font-weight); font-weight: var(--type--2--font-weight--bold); line-height: var(--type--2--line-height); line-height: 1.36; } .g-card--type--profile .g-card__heading a { color: inherit; text-decoration: none; } .g-card--type--profile .g-card__image { order: -1; } .g-card--type--profile.has-link:active .g-card__read-more, .g-card--type--profile.has-link:focus .g-card__read-more { --button--background-color:var(--button--background-color--hover); --button--border-color:var(--button--border-color--hover); --button--color:var(--button--color--hover); } @media (hover: hover) { .g-card--type--profile.has-link:hover .g-card__read-more { --button--background-color:var(--button--background-color--hover); --button--border-color:var(--button--border-color--hover); --button--color:var(--button--color--hover); } } .g-card--type--icon .g-card__image--svg { align-items: center; border-radius: var(--border-radius--l); display: inline-flex; height: 8rem; justify-content: center; margin-left: var(--g-card--inner-padding-x); margin-right: auto; margin-top: var(--g-card--inner-padding-y); min-height: 8rem; order: -1; width: 8rem; } .g-card--type--icon .g-card__image--svg:not(.has-background) { --button--background-color:transparent; --button--border-color:var(--color--background); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--background); --button--color--hover:var(--color--foreground); background-color: var(--color--foreground); color: var(--color--background); } .g-card--type--icon .g-card__image--svg svg { max-height: 5.25rem; max-width: 5.25rem; } .g-card:not(.g-card--type--icon):not(.g-card--type--profile):not(.g-card--type--slider) { --g-card--icon--size:2.5rem; --g-card--max-width:initial; } .g-card:not(.g-card--type--icon):not(.g-card--type--profile):not(.g-card--type--slider) > * { border-top-left-radius: var(--border-radius--l); } .g-card--type--slider { --g-card--max-width:initial; height: 100%; } @media (min-width: 62em) { .g-card--type--slider { --g-card--inner-padding-x:var(--space--l); --g-card--inner-padding-y:var(--space--l); min-height: 39.375rem; } } .g-card--type--slider .g-card__meta { background: var(--color--background); border: var(--border--1); border-radius: 50%; border-width: 0.2em; bottom: var(--g-card--inner-padding-y); display: grid; height: 3.75rem; place-content: center; position: absolute; right: var(--g-card--inner-padding-x); width: 3.75rem; } .g-card--type--slider .g-card__content { margin-top: var(--space--s); } @media (min-width: 62em) { .g-card--type--slider .g-card__image { margin-top: auto; width: min(60%, 30.625rem); } .g-card--type--slider .g-card__image > * { border-top-left-radius: var(--border-radius--xl); } } .g-card--type--slider .g-card__inner { z-index: 1; } @media (min-width: 62em) { .g-card--type--slider .g-card__inner { max-width: 63%; } } .g-card--type--slider .g-card__svg { bottom: 0; display: block; height: auto; opacity: 0.7; position: absolute; right: 0; width: 100%; } @media (min-width: 62em) { .g-card--type--slider .g-card__svg { width: 90%; } } .g-card--type--slider .g-card__svg svg [fill^="#"] { fill: currentColor; } .g-card--type--slider .g-card__svg svg [stroke^="#"] { stroke: currentColor; } .g-card--type--slider .g-card__svg:before { background: linear-gradient(135deg, var(--color--background) 7%, transparent 95%); content: ""; inset: 0; position: absolute; z-index: 1; } .g-card--type--custom .g-card__heading { font-weight: var(--type--1--font-weight--bold); } #mpwp-container .button-primary { --button--font-size:calc(1.125rem + var(--fluid-bp)*4); --focus--color:var(--button--border-color); align-items: center; background-color: var(--button--background-color); border-color: var(--button--border-color); border-radius: var(--button--border-radius); border-style: solid; border-width: var(--button--border-width); color: var(--button--color); cursor: pointer; display: inline-flex; font-family: var(--type--2--font-family); font-size: var(--button--font-size, inherit); font-weight: var(--type--4--font-weight); gap: var(--button--gap); justify-content: center; line-height: var(--button--line-height, inherit); padding: var(--button--padding-y) var(--button--padding-x); text-align: center; text-decoration: none; transition: color var(--transition--duration) var(--transition--ease) 0s, background-color var(--transition--duration) var(--transition--ease) 0s, border-color var(--transition--duration) var(--transition--ease) 0s, transform var(--transition--duration) var(--transition--ease) 0s; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #mpwp-container .button-primary:active, #mpwp-container .button-primary:focus { background-color: var(--button--background-color--hover); border-color: var(--button--border-color--hover); color: var(--button--color--hover); text-decoration: none; } @media (hover: hover) { #mpwp-container .button-primary:hover { background-color: var(--button--background-color--hover); border-color: var(--button--border-color--hover); color: var(--button--color--hover); text-decoration: none; } } #mpwp-container .button-primary:focus { outline: var(--focus--1--width, 2px) dotted var(--focus--color); outline-offset: var(--focus--1--offset, 0); } #mpwp-container .button-primary:focus:not(:focus-visible):active, #mpwp-container .button-primary:focus:not(:focus-visible):focus { outline-style: none; outline-width: 0; } #mpwp-container input[type=checkbox] { accent-color: #fff; } .media-content { --media-content--aspect-ratio:16/9; --media-content--outer-padding-y:var(--space--l); --media-content--inner-padding-y:var(--block--padding-y); --media-content--content--max-width:30rem; --media-content--gap:var(--space--responsive--m); --media-content--inner-padding-x:var(--space--container-padding); } @media (min-width: 62em) { .media-content { --media-content--inner-padding-y:var(--block--padding-y); --media-content--aspect-ratio:4/3; } } @media (min-width: 87.5em) { .media-content { --media-content--gap:var(--space--responsive--xl); --media-content--aspect-ratio:6/3; } } @media (max-width: 61.99em) { .media-content .media-content__media { width: 100%; } } @media (min-width: 62em) { .media-content .media-content__media { width: calc(100% + var(--wp-text-block--padding--x)); } } .media-content__inner { display: grid; gap: var(--media-content--gap, 0); place-items: flex-start; } @media (min-width: 62em) { .media-content__inner { gap: var(--media-content--gap, 0); grid-template-areas: "media content"; grid-template-columns: 50% 1fr; } } .media-content__content { max-width: var(--media-content--content--max-width); padding-inline: var(--media-content--inner-padding-x, 0); padding-top: var(--media-content--gap, 0); width: 100%; } .media-content__content > :first-child { margin-top: 0; } .media-content__content > :last-child { margin-bottom: 0; } @media (min-width: 62em) { .media-content__content { grid-area: content; padding: var(--media-content--inner-padding-y, 0) var(--media-content--inner-padding-x, 0); } } .media-content__media { height: 100%; overflow: hidden; position: relative; width: 100%; } @media (min-width: 62em) { .media-content__media { grid-area: media; } } .media-content__media.img-fit:before { aspect-ratio: var(--media-content--aspect-ratio); content: ""; display: block; } .media-content__media .video-item { position: absolute; } .media-content__media--svg svg [fill^="#"] { fill: currentColor; } .media-content__media--svg svg [stroke^="#"] { stroke: currentColor; } .media-content__heading { max-width: var(--heading--max-width); } .media-content__heading > :first-child { margin-top: 0; } .media-content__heading > :last-child { margin-bottom: 0; } @media (min-width: 62em) { .media-content__heading { margin-bottom: var(--space--responsive--m); } } .media-content__heading + .media-content__subheading { margin-top: calc(var(--heading--margin-bottom) * -1 + var(--space--base)); } .media-content__subheading { margin-top: 0; max-width: var(--heading--max-width); } .media-content.has-embed .media-content__media { position: relative; } .media-content.has-embed .media-content__media:before { content: ""; display: block; } .media-content.has-embed .media-content__media > * { height: 100%; left: 0; margin-bottom: 0; margin-top: 0; position: absolute; top: 0; width: 100%; } .media-content.is--new-section { padding-left: 0; padding-right: 0; } .media-content.is--background-section .media-content__inner { border-radius: 0; margin-left: auto; margin-right: auto; max-width: var(--width--responsive--l); overflow: hidden; } @media (max-width: 61.99em) { .media-content.is--background-section .media-content__content { padding: var(--space--container-padding); } } @media (min-width: 62em) { .media-content.is--background-section .media-content__content { padding: var(--space--l); } } @media (max-width: 61.99em) { .media-content.is--background-section .media-content__media { margin: 0; width: 100%; } } @media (min-width: 62em) { .media-content { --media-content--content--max-width:calc(100% - var(--space--xl)); --media-content--inner-padding-x:0; } .media-content--right .media-content__content { padding-left: min(var(--media-content--inner-padding-y), var(--wp-text-block--padding--x)); } .media-content--right .media-content__inner { grid-template-areas: ". content media"; grid-template-columns: 0fr 1fr 50%; } } @media (max-width: 61.99em) { .media-content--right .media-content__media { margin-left: var(--space--container-padding); } } @media (min-width: 62em) { .media-content--left .media-content__content { padding-right: min(var(--media-content--inner-padding-y), var(--wp-text-block--padding--x)); } .media-content--left .media-content__media { margin-left: calc(var(--wp-text-block--padding--x) * -1); } } @media (min-width: 87.5em) { .media-content--left .media-content__content > * { margin-left: calc(var(--media-content--gap)); } } .media-content:not(.alignfull) { border-radius: 0; overflow: hidden; overflow: visible; } .menu-list { list-style: none; padding-left: 0; } .menu-list, .menu-list li { margin-bottom: 0; margin-top: 0; } .no-content__message { margin-left: auto; margin-right: auto; max-width: var(--width--xs); text-align: center; } .page-header { --page-header--spacing:var(--space--s); --page-header--inset-image--size:12.5rem; --page-header--padding-top:var(--space--xxxl); --page-header--padding-bottom:var(--blocks--padding-top); --page-header--heading--max-width:15em; --page-header--subheading--max-width:31em; --page-header--align:center; --page-header--text-align:left; --page-header--grid-alignment-x:center; --page-header--overlay-opacity:20%; --page-header--min-height:initial; --page-header--animate--duration:0.5s; --page-header--animate--delay:0.1s; align-items: center; display: grid; grid-template-columns: var(--width--responsive--l); isolation: isolate; justify-content: center; justify-items: var(--page-header--grid-alignment-x); position: relative; } .page-header > :first-child { margin-top: 0; } .page-header > :last-child { margin-bottom: 0; } @media (min-width: 62em) { .page-header { --page-header--inset-image--size:17.5rem; --page-header--min-height:min(37.5rem,80vh); } } .page-header:not(.has-background) { --page-header--padding-bottom:0; } .page-header.has-background { --page-header--grid-alignment-x:flex-start; justify-content: center; } @media (min-width: 62em) { .page-header.has-background { grid-template-columns: calc(var(--width--responsive--l) - var(--space--xl)); height: 100%; min-height: var(--page-header--min-height); } } .page-header.has-background .breadcrumbs { padding-left: var(--space--container-padding); padding-right: var(--space--container-padding); } @media (min-width: 62em) { .page-header.has-background .breadcrumbs { padding-left: var(--space--xl); padding-right: var(--space--xl); } } .page-header.has-background-image .breadcrumbs, .page-header.has-background-image .page-header__heading, .page-header.has-background-image .page-header__subheading { text-shadow: 0 0 1.6em var(--color--background); } .page-header__inner { display: grid; flex-flow: column nowrap; justify-items: var(--page-header--grid-alignment-x); padding-bottom: var(--page-header--padding-bottom); padding-top: var(--page-header--padding-top); position: relative; text-align: var(--page-header--text-align); width: 100%; z-index: 100; } .page-header__heading { margin-bottom: 0; margin-top: 0; max-width: var(--page-header--heading--max-width); } .page-header__heading > :first-child { margin-top: 0; } .page-header__heading > :last-child { margin-bottom: 0; } @media (min-width: 62em) { .page-header__heading { margin-bottom: var(--space--l); } } .page-header__subheading { --page-header--animate--delay:var(--page-header--animate--duration); font-family: var(--type--1--font-family); font-size: calc(1.125rem + var(--fluid-bp) * 2); font-weight: var(--type--1--font-weight); line-height: var(--type--1--line-height); margin-top: var(--page-header--spacing, var(--space--base)); max-width: var(--page-header--subheading--max-width); } .page-header__subheading > :first-child { margin-top: 0; } .page-header__subheading > :last-child { margin-bottom: 0; } .page-header__back-link { left: 0; padding-top: var(--space--responsive--xs); position: absolute; text-align: left; top: 0; width: 100%; z-index: 101; } .page-header__back-link__inner { margin-left: auto; margin-right: auto; max-width: var(--width--responsive--l); } .page-header__back-link a { --link--text-decoration:none; --link--text-decoration--hover:underline; --link--color:var(--color--foreground); --link--color--hover:var(--color--foreground); } .page-header .breadcrumbs { font-size: var(--type--font-size--small); left: 0; padding-top: var(--space--responsive--s); position: absolute; right: 0; text-align: left; top: 0; width: 100%; z-index: 101; } .page-header__labels, .page-header__meta { margin-top: var(--page-header--spacing, var(--space--base)); } .page-header__labels { --grid--row-gap:var(--space--xxs); --grid--column-gap:var(--space--xxs); } .page-header__labels .flex-list { justify-content: center; } .page-header__buttons { --page-header--animate--delay:calc(var(--page-header--animate--duration)*2); --grid--row-gap:var(--space--xxs); --grid--column-gap:var(--space--xxs); margin-top: var(--page-header--spacing, var(--space--base)); } .page-header__buttons .flex-list { justify-content: center; } .page-header__inset-image { margin-bottom: var(--space--base); } .page-header__inset-image-inner { border: var(--border-width--s) solid var(--color--white); height: var(--page-header--inset-image--size); margin-left: auto; margin-right: auto; width: var(--page-header--inset-image--size); } .page-header__background-image { inset: 0; overflow: hidden; position: absolute; } .page-header__background-image-inner { height: 100%; width: 100%; } .page-header__background-image-inner:after { background-color: initial; background-image: linear-gradient(30deg, var(--color--black) 36%, transparent 80%), linear-gradient(178deg, var(--color--black) 0, transparent 20%); background-repeat: no-repeat; content: ""; inset: 0; mix-blend-mode: multiply; opacity: var(--page-header--overlay-opacity, 70%); position: absolute; } @media (max-width: 61.99em) { .page-header__background-image-inner:after { background-image: linear-gradient(12deg, var(--color--black) 44%, transparent 80%), linear-gradient(178deg, var(--color--black) 0, transparent 30%); } } .page-header__eco-mode { display: grid; height: 100%; inset: 0; margin-left: auto; margin-right: auto; max-width: min(var(--width--l), 100% - var(--space--s) * 2 - var(--space--container-padding) * 2); pointer-events: none; position: absolute; width: 100%; z-index: 101; } .page-header--type--article, .page-header--type--profile { --page-header--heading--max-width:100%; --page-header--subheading--max-width:43.75rem; } .page-header--type--article .page-header__inner, .page-header--type--profile .page-header__inner { justify-items: flex-start; place-self: center; text-align: center; width: 100%; } .page-header--type--article .page-header__heading, .page-header--type--profile .page-header__heading { font-family: var(--type--2--font-family); font-size: calc(2.1875rem + var(--fluid-bp) * 25); font-weight: var(--type--2--font-weight); line-height: var(--type--2--line-height); line-height: 1.2; margin-bottom: 0; } .page-header--type--article .page-header__heading a, .page-header--type--profile .page-header__heading a { color: inherit; text-decoration: none; } @media (min-width: 48em) { .page-header--type--article { --page-header--inset-image--size:var(--width--xs); } } @media (min-width: 62em) { .page-header--type--article { --page-header--inset-image--size:var(--width--s); } } .page-header--type--article .page-header__inset-image-inner { aspect-ratio: 16/9; height: auto; } .page-header--type--article .page-header__heading { text-align: left; } @media (min-width: 48em) { .page-header--type--profile { --page-header--inset-image--size:17.5rem; } } .page-header.has-background:not(.alignfull).has-brand-1-background-color { border: var(--border--1); } .page-header--is-eco-mode { --page-header--overlay-opacity:0%; } .page-header--is-eco-mode .page-header__background-image { border: var(--border-width--s) solid; opacity: 75%; } .page-header--is-eco-mode .page-header__background-image svg { fill: var(--color--background); } @media (max-width: 61.99em) { .page-header--is-eco-mode .page-header__background-image svg { transform: scale(3); } } @media (min-width: 62em) { .page-header--is-eco-mode .page-header__background-image svg { margin: auto; min-height: 130%; width: auto; } } .page-header--is-lottie .page-header__background-image { background: var(--color--beige); } @media (max-width: 61.99em) { .page-header--format--default, .page-header--format--text-below { --page-header--min-height:min(31.25rem,80vh); } } @media (min-width: 62em) { .page-header--format--default, .page-header--format--text-below { --page-header--min-height:min(31.25rem,75vh); } } @media (min-width: 100em) { .page-header--format--default, .page-header--format--text-below { --page-header--min-height:min(37.5rem,80vh); } } .page-header--format--default { --color--foreground:var(--color--white); --link--color:var(--color--white); color: var(--color--foreground); } .has-background .page-header--format--default .breadcrumbs { padding-left: var(--space--container-padding); padding-right: var(--space--container-padding); } .page-header--format--default .page-header__background-image { height: 100%; margin: auto; max-width: var(--width--responsive--xl); min-height: var(--page-header--min-height); width: 100%; } .page-header--format--default .page-header__subheading { font-family: var(--type--2--font-family); font-size: calc(1.75rem + var(--fluid-bp) * 2); font-weight: var(--type--2--font-weight); font-weight: var(--type--1--font-weight--bold); line-height: var(--type--2--line-height); line-height: 1.36; } @media (max-width: 61.99em) { .page-header--format--default .page-header__subheading { padding: var(--space--s) var(--space--container-padding); } } @media (min-width: 62em) { .page-header--format--default .page-header__subheading { max-width: none; padding-left: calc(var(--width--m) - var(--width--xxs)); padding-right: var(--space--l); width: 100%; } } @media (min-width: 75em) { .page-header--format--default .page-header__subheading { padding-left: calc(var(--width--l) - var(--width--s)); padding-right: var(--space--xxl); } } .page-header--format--default .page-header__subheading a { color: inherit; text-decoration: none; } @media (max-width: 47.99em) { .page-header--format--default .page-header__inner { padding-inline: var(--space--container-padding); } } .page-header--format--text-below { --page-header--padding-top:1.25rem; } @media (max-width: 61.99em) { .page-header--format--text-below { --page-header--min-height:min(31.25rem,80vh); } } @media (min-width: 62em) { .page-header--format--text-below { --page-header--padding-top:4.625rem; --page-header--padding-top:3.125rem; --page-header--subheading--max-width:var(--width--s); --page-header--min-height:min(31.25rem,75vh); } } @media (min-width: 100em) { .page-header--format--text-below { --page-header--padding-top:4.625rem; --page-header--min-height:min(37.5rem,80vh); } } .page-header--format--text-below.has-background { grid-template-columns: calc(var(--width--responsive--xl)); min-height: auto; } .page-header--format--text-below .page-header__background-image { height: 100%; min-height: var(--page-header--min-height); order: -1; position: static; width: 100%; } .page-header--format--text-below .page-header__inner { margin: auto; max-width: var(--width--l); } .page-header--format--text-below .page-header__subheading { font-family: var(--type--2--font-family); font-size: calc(1.75rem + var(--fluid-bp) * 2); font-weight: var(--type--2--font-weight); font-weight: var(--type--1--font-weight--bold); line-height: var(--type--2--line-height); line-height: 1.36; } @media (max-width: 61.99em) { .page-header--format--text-below .page-header__subheading { padding: var(--space--s) var(--space--container-padding); } } @media (min-width: 62em) { .page-header--format--text-below .page-header__subheading { max-width: none; padding-left: calc(var(--width--m) - var(--width--xxs)); padding-right: var(--space--l); width: 100%; } } @media (min-width: 75em) { .page-header--format--text-below .page-header__subheading { padding-left: calc(var(--width--l) - var(--width--s)); padding-right: var(--space--xxl); } } .page-header--format--text-below .page-header__subheading a { color: inherit; text-decoration: none; } @media (max-width: 61.99em) { .page-header--format--text-below .page-header__buttons { padding: var(--space--s) var(--space--container-padding); } } @media (min-width: 62em) { .page-header--format--text-below .page-header__buttons { max-width: none; padding-left: calc(var(--width--m) - var(--width--xxs)); padding-right: var(--space--l); width: 100%; } } @media (min-width: 75em) { .page-header--format--text-below .page-header__buttons { padding-left: calc(var(--width--l) - var(--width--s)); padding-right: var(--space--xxl); } } .page-header--format--text-below .page-header__buttons > * { justify-content: flex-start; } .has-background .page-header--format--text-below .breadcrumbs { padding-left: 0; padding-right: 0; } @media (min-width: 62em) { .page-header--format--logo { --page-header--heading--max-width:63.75rem; } } .page-header--format--logo .page-header__subheading { font-family: var(--type--2--font-family); font-size: 1.5rem; font-weight: var(--type--2--font-weight); font-weight: var(--type--2--font-weight--bold); line-height: var(--type--2--line-height); line-height: 1.36; } @media (max-width: 61.99em) { .page-header--format--logo .page-header__subheading { padding: var(--space--s) var(--space--container-padding); } } @media (min-width: 62em) { .page-header--format--logo .page-header__subheading { max-width: none; padding-left: calc(var(--width--m) - var(--width--xxs)); padding-right: var(--space--l); width: 100%; } } @media (min-width: 75em) { .page-header--format--logo .page-header__subheading { padding-left: calc(var(--width--l) - var(--width--s)); padding-right: var(--space--xxl); } } .page-header--format--logo .page-header__subheading a { color: inherit; text-decoration: none; } .has-background .page-header--format--logo .breadcrumbs { padding-left: 0; padding-right: 0; } .page-header--format--logo.has-background { grid-template-columns: calc(var(--width--responsive--l)); min-height: auto; } .page-header .animate--fade-up { animation: animateFadeUp var(--page-header--animate--duration) linear var(--page-header--animate--delay) forwards; opacity: 0; transform: translateY(20%); transition: opacity var(--transition--duration) var(--transition--ease) 0s, transform var(--transition--duration) var(--transition--ease) 0s; } .page-header--home .page-header__background-image { position: relative; } .page-header--home .page-header__bubble-pattern { color: var(--color--white); height: 100%; position: absolute; right: 0; top: -20%; width: 100%; } @media (min-width: 62em) { .page-header--home .page-header__bubble-pattern { top: -78%; width: 62.5rem; } } .page-header__bubble-pattern { height: 100%; opacity: 0.4; position: absolute; right: 0; top: -20%; width: 100%; } @media (min-width: 62em) { .page-header__bubble-pattern { top: -48%; width: 43.75rem; } } @keyframes animateFadeUp { to { opacity: 1; transform: translateY(0); } } .reveal .reveal__content { height: 0; overflow: hidden; transition: height var(--transition--duration) var(--transition--ease) 0s, opacity var(--transition--duration) var(--transition--ease) 0s, transform var(--transition--duration) var(--transition--ease) 0s; } .reveal.is-enabled .reveal__content { height: auto; opacity: 0; transform: translateY(var(--reveal--translateY, 0)); } .reveal.is-open .reveal__content { opacity: 1; transform: translateY(0); } .site-footer { padding-bottom: 0; padding-top: var(--space--l); } .site-footer.has-background-color { --link--color:var(--color--foreground); --link--color--hover:var(--color--foreground); } .site-footer__main, .site-footer__sust { margin-left: auto; margin-right: auto; max-width: var(--width--responsive--l); padding: var(--space--responsive--l); } @media (min-width: 62em) { .site-footer__main, .site-footer__sust { padding: var(--space--xxl); } .site-footer__sust { padding-bottom: var(--space--xxxl); } } .site-footer__sust-statement { font-family: var(--type--2--font-family); font-size: calc(2.1875rem + var(--fluid-bp) * 25); font-weight: var(--type--2--font-weight); line-height: var(--type--2--line-height); line-height: 1.2; } .site-footer__sust-statement > :first-child { margin-top: 0; } .site-footer__sust-statement > :last-child { margin-bottom: 0; } .site-footer__sust-statement a { color: inherit; text-decoration: none; } .site-footer__sust-statement + .site-footer__sust-widgets { margin-top: var(--space--responsive--l); } .site-footer__sust-widgets { display: flex; flex-flow: row wrap; gap: var(--space--responsive--l); } .site-footer__sust-widget { display: flex; flex-flow: row nowrap; gap: var(--space--xs); } .site-footer__sust-widget-main { font-size: var(--type--font-size--small); width: 16.875rem; } .site-footer__sust-widget-main > :first-child { margin-top: 0; } .site-footer__sust-widget-main > :last-child { margin-bottom: 0; } .site-footer__sust-widget-icon { flex-basis: 2rem; flex-shrink: 0; } .site-footer__sust-widget-icon svg { margin-left: 0; max-height: 2rem; max-width: 2rem; } .site-footer__sust-widget-icon svg [fill^="#"] { fill: currentColor; } .site-footer__sust-widget-icon svg [stroke^="#"] { stroke: currentColor; } .site-footer__main { border-top: var(--border--1); display: flex; flex-flow: row wrap; gap: var(--space--responsive--l); } .site-footer__menus { display: flex; flex-flow: row wrap; flex-grow: 1; flex-shrink: 0.66; gap: var(--space--responsive--xxl); max-width: 100%; } .site-footer__menus a { font-family: var(--type--2--font-family); font-weight: var(--type--2--font-weight); } .site-footer__network { flex-shrink: 0; grid-area: network; } .site-footer__end { align-items: flex-end; display: flex; flex-flow: row wrap; gap: var(--space--m); justify-content: space-between; margin-top: var(--space--responsive--xl); width: 100%; } @media (min-width: 62em) { .site-footer__end { flex-direction: row-reverse; } } .site-footer__end .site-footer__end-text { font-size: var(--type--font-size--small); max-width: 46.25rem; text-align: left; } .site-footer__end .site-footer__end-text > :first-child { margin-top: 0; } .site-footer__end .site-footer__end-text > :last-child { margin-bottom: 0; } .site-footer__menu__inner { display: grid; gap: var(--space--xxs); list-style: none; padding-left: 0; } .site-footer__menu__inner, .site-footer__menu__inner li { margin-bottom: 0; margin-top: 0; } .site-footer__menu h2 { font-size: var(--type--font-size--small); text-transform: uppercase; } .site-footer__menu a { --link--text-decoration:none; --link--text-decoration--hover:underline; } .site-footer .social-icons { --grid--column-gap:var(--space--xs); --button--size:3rem; --button--background-color:transparent; --button--border-color:var(--color--foreground); --button--color:var(--color--foreground); --button--background-color--hover:var(--color--foreground); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--background); align-items: flex-start; display: flex; flex-flow: row wrap; } .site-footer .social-icons a { --focus--color:var(--button--border-color); align-items: center; background-color: var(--button--background-color); border-color: var(--button--border-color); border-radius: var(--button--border-radius); border-radius: 100%; border-style: solid; border-width: var(--button--border-width); color: var(--button--color); cursor: pointer; display: inline-flex; font-family: var(--type--2--font-family); font-size: var(--button--font-size, inherit); font-weight: var(--type--4--font-weight); gap: var(--button--gap); justify-content: center; line-height: var(--button--line-height, inherit); min-height: var(--button--size, 2em); min-width: var(--button--size, 2em); padding: 0 0.3em; text-align: center; text-decoration: none; transition: color var(--transition--duration) var(--transition--ease) 0s, background-color var(--transition--duration) var(--transition--ease) 0s, border-color var(--transition--duration) var(--transition--ease) 0s, transform var(--transition--duration) var(--transition--ease) 0s; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .site-footer .social-icons a:active, .site-footer .social-icons a:focus { background-color: var(--button--background-color--hover); border-color: var(--button--border-color--hover); color: var(--button--color--hover); text-decoration: none; } @media (hover: hover) { .site-footer .social-icons a:hover { background-color: var(--button--background-color--hover); border-color: var(--button--border-color--hover); color: var(--button--color--hover); text-decoration: none; } } .site-footer .social-icons a:focus { outline: var(--focus--1--width, 2px) dotted var(--focus--color); outline-offset: var(--focus--1--offset, 0); } .site-footer .social-icons a:focus:not(:focus-visible):active, .site-footer .social-icons a:focus:not(:focus-visible):focus { outline-style: none; outline-width: 0; } .site-footer .social-icons svg { max-width: 1.5rem; } .site-footer__logo-container { flex-shrink: 0; } .site-footer__logo-container a { color: var(--color--foreground); display: block; width: 16.125rem; } .site-footer__logo-container path { fill: currentColor; } .site-footer__carbonbadge-container #wcb.carbonbadge { --b1:var(--color--green); --b2:var(--color--pink); } .site-header__navigation { --menu-item--gap:0; --menu-item--arrow-size:1em; --submenu--z-index:1; --submenu--translate-y:-0.3125rem; --submenu--arrow-height:0.625rem; --submenu--transition-duration:200ms; --submenu--transition-ease:ease-out; --submenu--padding-y:var(--space--xxs); --submenu--box-shadow:0 2px 7px hsla(var(--color--black--hsl),0.1); --submenu--border-radius:0; --submenu--dropdown--max-width:25rem; --submenu--dropdown--min-width:17.1875rem; align-self: center; } @media (min-width: 76.25em) { .site-header__navigation { --menu-item--arrow-size:0.625rem; --menu-item--gap:var(--space--s); --submenu-item--gap:var(--space--xs); --submenu--padding-y:var(--space--xl); display: flex; flex-flow: row nowrap; height: 100%; justify-content: flex-end; padding: 0; } } .site-header__navigation ul { list-style: none; padding-left: 0; } .site-header__navigation ul, .site-header__navigation ul li { margin-bottom: 0; margin-top: 0; } .site-header__navigation a { --link--text-decoration:none; --link--text-decoration--hover:underline; display: inline-flex; font-family: var(--type--2--font-family); font-weight: var(--type--2--font-weight); } @media (max-width: 76.24em) { .site-header__navigation a { font-family: var(--type--2--font-family); font-size: 1.25rem; font-weight: var(--type--2--font-weight); line-height: var(--type--2--line-height); line-height: 1.24; } .site-header__navigation a a { color: inherit; text-decoration: none; } } .site-header__navigation a:not([href]) { cursor: default; } @media (min-width: 76.25em) { .site-header__navigation > .menu__inner { display: inherit; flex-flow: inherit; height: inherit; } } .site-header__navigation__menu-list { display: grid; gap: var(--menu-item--gap); text-align: left; width: 100%; } @media (min-width: 76.25em) { .site-header__navigation__menu-list { align-items: center; border-bottom: 0; grid-auto-flow: column; justify-content: flex-end; position: static; } } body.is-site-header-submenu-expanded .site-header__navigation__menu-list > .menu-item:not(.is-submenu-expanded) { opacity: 0.5; } .site-header__navigation .menu-item { transition: opacity var(--submenu--transition-duration) var(--submenu--transition-ease); } @media (min-width: 76.25em) { .site-header__navigation .menu-item--depth-0 { align-items: center; display: flex; } } .site-header__navigation .menu-item__wrap { align-items: center; display: flex; justify-content: flex-start; text-align: left; } @media (max-width: 76.24em) { .site-header__navigation .menu-item__wrap { min-height: 2.75rem; } } .site-header__navigation .menu-item--dropdown.is-submenu-expanded > .menu-item__wrap > a, .site-header__navigation .menu-item--dropdown:focus > .menu-item__wrap > a, .site-header__navigation .menu-item--dropdown:hover > .menu-item__wrap > a { color: var(--link--color--hover); text-decoration: underline; text-decoration-thickness: var(--text-decoration-thickness, auto); } .site-header__navigation .current-menu-ancestor > .menu-item__wrap > a:not([href*="#"]), .site-header__navigation .current-menu-item > .menu-item__wrap > a:not([href*="#"]) { text-decoration: underline; text-decoration-thickness: var(--text-decoration-thickness, auto); } .site-header__navigation .sub-menu { display: none; margin-top: var(--menu-item--gap); opacity: 0; pointer-events: none; transition: opacity var(--submenu--transition-duration) var(--submenu--transition-ease), transform var(--submenu--transition-duration) var(--submenu--transition-ease), visibility var(--submenu--transition-duration); visibility: hidden; z-index: var(--submenu--z-index); } @media (min-width: 76.25em) { .site-header__navigation .sub-menu { --color--background:#000; --color--background--hsl:0deg,0%,0%; --color--background--h:0deg; --color--background--s:0%; --color--background--l:0%; --color--foreground:var(--color--white); --color--foreground--hsl:0deg,0%,100%; --color--foreground--h:0deg; --color--foreground--s:0%; --color--foreground--l:100%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--white); --link--color--hover:var(--color--white); background-color: var(--color--background); color: var(--color--foreground); } body.has-background.has-white-background-color .site-header__navigation .sub-menu { --color--background:#ffbfe7; --color--background--hsl:322.5deg,100%,87.4509803922%; --color--background--h:322.5deg; --color--background--s:100%; --color--background--l:87.4509803922%; --color--foreground:var(--color--heather); --color--foreground--hsl:308.4210526316deg,100%,22.3529411765%; --color--foreground--h:308.4210526316deg; --color--foreground--s:100%; --color--foreground--l:22.3529411765%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--heather); --link--color--hover:var(--color--heather); background-color: var(--color--background); color: var(--color--foreground); } } @media (max-width: 76.24em) { .site-header__navigation .sub-menu a { font-family: var(--type--2--font-family); font-size: 1.125rem; font-weight: var(--type--2--font-weight); font-weight: var(--type--1--font-weight); line-height: var(--type--2--line-height); line-height: 1.24; } .site-header__navigation .sub-menu a a { color: inherit; text-decoration: none; } } .site-header__navigation .sub-menu .menu-item { display: block; } .site-header__navigation .sub-menu:not([hidden]) { --submenu--z-index:2; display: block; opacity: 1; pointer-events: auto; visibility: visible; } .site-header__navigation .sub-menu:not([hidden]) > a { color: var(--link--color--hover); } .site-header__navigation .sub-menu > .menu-list { display: grid; gap: var(--submenu-item--gap, var(--menu-item--gap)); padding: var(--space--m); text-align: left; } .site-header__navigation .sub-menu--depth-1 { margin-top: var(--submenu-item--gap, var(--menu-item--gap)); } .site-header__navigation .sub-menu-toggler { -webkit-padding-start: 0.3em; align-items: center; align-self: center; background-color: initial; color: var(--color--foreground); display: flex; height: 2.75rem; justify-content: flex-start; padding: 0; padding-inline-start: 0.3em; width: 2.75rem; } .site-header__navigation .sub-menu-toggler:after { background-color: currentColor; content: ""; height: 100%; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: var(--mask-icon--size, contain); mask-size: var(--mask-icon--size, contain); width: 100%; } @media (min-width: 76.25em) { .site-header__navigation .sub-menu-toggler { height: auto; margin-right: -0.625rem; padding: 0.625rem; width: auto; } } @media (max-width: 76.24em) { .site-header__navigation .sub-menu-toggler { -webkit-padding-start: 1em; padding-inline-start: 1em; } } .site-header__navigation .sub-menu-toggler:after { display: inline-block; height: var(--menu-item--arrow-size, 1em); -webkit-mask-image: url(images/icons/chevron-down.svg); mask-image: url(images/icons/chevron-down.svg); width: var(--menu-item--arrow-size, 1em); } .site-header__navigation .sub-menu-toggler > * { pointer-events: none; } .site-header__navigation .sub-menu-toggler[aria-expanded=true]:after { transform: rotate(180deg); } @media (min-width: 76.25em) { .site-header__navigation--primary { --submenu-item--gap:var(--space--m); } .site-header__navigation--primary .menu-list--depth-0 { align-items: stretch; display: flex; } .site-header__navigation--primary .sub-menu--depth-0 { align-items: flex-start; background: var(--color--background); display: grid; grid-template-columns: 1fr 15rem; left: 0; margin-top: 0; padding: var(--space--l) var(--space--xxxl); position: absolute; top: 100%; width: 100%; } .site-header__navigation--primary .sub-menu--depth-0:not([hidden]) { display: grid; } } .site-header__navigation--primary .sub-menu--depth-0 > .menu-list, .site-header__navigation--primary .sub-menu--depth-0 > .menu-list-heading { grid-column: 1; } .site-header__navigation--primary .sub-menu--depth-0 > .menu-list { padding: 0; } .site-header__navigation--primary .sub-menu--depth-0 > .menu-list__heading { display: none; } @media (min-width: 76.25em) { .site-header__navigation--primary .sub-menu--depth-0 > .menu-list__heading { display: block; font-size: var(--type--font-size--small); margin-bottom: var(--space--base); text-transform: uppercase; } } @media (min-width: 76.25em) { .site-header__navigation--primary .sub-menu--depth-0 .menu-item--depth-1 a { font-family: var(--type--2--font-family); font-size: calc(1.75rem + var(--fluid-bp) * 2); font-weight: var(--type--2--font-weight); line-height: var(--type--2--line-height); } .site-header__navigation--primary .sub-menu--depth-0 .menu-item--depth-1 a a { color: inherit; text-decoration: none; } } .site-header__navigation--primary .sub-menu--depth-0:not([hidden]) { --submenu--translate-y:0px; } @media (min-width: 76.25em) { .site-header__navigation--secondary a { font-size: 1rem; } } .site-header__navigation--secondary .menu-item--depth-0.menu-item--has-children { position: relative; } @media (min-width: 76.25em) { .site-header__navigation--secondary .menu-item--depth-0.menu-item--has-children .sub-menu--depth-0 { background: var(--color--background); border-radius: var(--submenu--border-radius); left: 0; margin-top: 0; position: absolute; top: calc(100% + var(--submenu--arrow-height)); transform: translate(calc(var(--space--m) * -1), var(--submenu--translate-y)); } .site-header__navigation--secondary .menu-item--depth-0.menu-item--has-children .sub-menu--depth-0:after { content: ""; height: var(--submenu--arrow-height); left: 0; opacity: 0; position: absolute; top: calc(var(--submenu--arrow-height) * -1); width: 100%; } } .site-header__navigation--secondary .menu-item--depth-0.menu-item--has-children .sub-menu--depth-0:not([hidden]) { --submenu--translate-y:0px; } .site-header__navigation--secondary .menu-list__heading { display: none; } .site-header__navigation .wpml-ls-item .sub-menu { min-width: 9.375rem; } .site-header__navigation .menu-item__feature-item-container { font-size: var(--type--font-size--small); margin-bottom: var(--space--m); } @media (max-width: 76.24em) { .site-header__navigation .menu-item__feature-item-container { margin-top: var(--space--xs); } } .site-header__navigation .menu-item__feature-item-container > a { display: flex; flex-flow: column nowrap; gap: var(--space--xs); } .site-header__navigation .menu-item__feature-item-image-container { aspect-ratio: 210/297; border: var(--border-width--s) solid; display: flex; flex-flow: column nowrap; overflow: hidden; place-content: center; } @media (min-width: 76.25em) { .site-header__navigation .menu-item__feature-item-image-container { border-bottom-left-radius: var(--border-radius--l); border-top-left-radius: var(--border-radius--l); } } @media (max-width: 76.24em) { .site-header__navigation .menu-item__feature-item-image-container { border-bottom-right-radius: var(--border-radius--l); border-top-right-radius: var(--border-radius--l); margin-top: var(--space--xs); max-width: 4rem; } } .site-header__navigation .menu-item__feature-item-image-container img { height: 100%; width: 100%; } .site-header__navigation .menu-item__feature-item-image-container svg { margin: auto; max-width: 47%; } .site-header__navigation .menu-item__feature-item-image-container svg [fill] { fill: currentColor; } :root { --site-header--bottom:auto; --site-header--height:5.875rem; --site-header--menu--duration:250ms; --site-header--menu--ease:ease-in-out; --submenu--transition-duration:200ms; --submenu--transition-ease:ease-out; } @media (min-width: 76.25em) { :root { --submenu--transition-duration:250ms; --site-header--height:7.5rem; } } .site-header { --site-header--logo-width:10.4375rem; --site-header--spacing:var(--space--m); --link--color:var(--color--foreground); --link--color--hover:var(--color--foreground); height: var(--site-header--height); transition: height var(--site-header--menu--duration) var(--site-header--menu--duration); width: 100%; z-index: var(--z-index--site-header); } @media (min-width: 36em) { .site-header { --site-header--spacing:var(--space--m); } } @media (min-width: 76.25em) { .site-header { --site-header--logo-width:10.4375rem; --site-header--spacing:var(--space--xs); background-color: initial; font-size: 18px; } } @media (min-width: 100em) { .site-header { --site-header--logo-width:10.4375rem; } } @media (max-width: 76.24em) { .site-header { background-color: var(--color--background); color: var(--color--foreground); } .site-header--positioned { position: absolute; } .site-header--positioned ~ .site-main { margin-top: calc(var(--site-header--bottom)); } .site-header.is-open { height: calc(100% - var(--wp--admin-bar-height)); position: fixed; transition: height var(--site-header--menu--duration) 0s; } .site-header.is-open .site-header__top { --color--background--mobile:var(--color--green); } .site-header.is-open .site-header__logo { --link--color:var(--color--foreground); } } .has-page-header-image .site-header { --color--foreground:var(--color--white); --button--border-color:var(--color--white); --button--color:var(--color--white); } .site-header__inner { display: grid; grid-template-rows: min-content auto; height: 100%; position: relative; width: 100%; } @media (min-width: 76.25em) { .site-header__inner { grid-template-columns: 12.75rem 1fr; grid-template-rows: unset; margin-left: auto; margin-right: auto; max-width: var(--width--responsive--xl); padding: 0 calc((var(--width--xl) - var(--width--l)) / 2); } } .site-header__top { align-items: center; display: grid; gap: var(--site-header--spacing); grid-auto-flow: column; grid-template-columns: minmax(min-content, var(--site-header--logo-width)) auto; height: var(--site-header--height); justify-items: flex-end; padding-left: var(--space--container-padding); padding-right: var(--space--container-padding); } @media (max-width: 76.24em) { .site-header__top { background-color: var(--color--background); border-bottom: 1px solid var(--color--foreground); color: var(--color--foreground); } } @media (min-width: 76.25em) { .site-header__top { align-items: center; background-color: initial; gap: 0; grid-template-areas: "." "logo"; grid-template-columns: 12.75rem; grid-template-rows: auto 5.5625rem; padding-left: 0; padding-right: 0; } } .site-header__bottom { display: grid; gap: var(--site-header--spacing); grid-auto-rows: min-content; grid-template-rows: auto; justify-content: center; } @media (max-width: 76.24em) { .site-header__bottom { --link--color:var(--color--foreground); --link--color--hover:var(--color--foreground); align-content: flex-start; background: transparent; background-color: var(--color--background); color: var(--color--foreground); grid-auto-flow: row; grid-template-columns: min(100%, 37.5rem); opacity: 0; overflow: auto; pointer-events: none; transition: all var(--site-header--menu--duration) var(--site-header--menu--ease); visibility: hidden; width: 100%; } .site-header.is-open .site-header__bottom { opacity: 1; pointer-events: all; transition: all var(--site-header--menu--duration) var(--site-header--menu--ease) var(--site-header--menu--duration); visibility: visible; } .site-header__bottom > * { padding-left: var(--space--container-padding); padding-right: var(--space--container-padding); } .site-header__bottom > :first-child { margin-top: var(--site-header--spacing); } .site-header__bottom > :last-child { padding-bottom: var(--site-header--spacing); } } @media (min-width: 76.25em) { .site-header__bottom { grid-auto-flow: column; grid-template-areas: "wcb nav2 nav2" "nav1 nav1 search"; grid-template-columns: 1fr 10.25rem 3.5rem; grid-template-rows: auto 5.5625rem; row-gap: 0; width: auto; } .site-header__bottom .site-header__navigation--primary { grid-area: nav1; } .site-header__bottom .site-header__navigation--secondary { grid-area: nav2; padding-top: var(--space--xxxs); } .site-header__bottom .site-header__header-search-toggler-container { align-items: center; display: flex; grid-area: search; justify-self: flex-end; } .site-header__bottom .site-header__wcb-container { align-self: flex-start; grid-area: wcb; text-align: center; } } .site-header__burger { margin-right: calc(var(--burger--padding) * -0.5); } @media (min-width: 76.25em) { .site-header__burger { display: none; } } .site-header__logo { display: flex; height: 100%; width: 100%; } @media (max-width: 24.99em) { .site-header__logo { align-self: center; display: inline-flex; justify-self: flex-start; } } @media (min-width: 76.25em) { .site-header__logo { grid-area: logo; justify-self: flex-start; } } .site-header__logo path { fill: currentColor; } .site-header__widgets { display: flex; margin-top: auto; padding-left: var(--space--container-padding); padding-right: var(--space--container-padding); } @media (min-width: 76.25em) { .site-header__widgets { align-items: center; display: flex; flex-flow: row nowrap; height: 100%; justify-content: center; margin: 0; padding-left: 0; padding-right: 0; } } .site-header__widgets .g-button { font-size: var(--type--font-size--small); } .site-header__header-search { padding-left: var(--space--container-padding); padding-right: var(--space--container-padding); } @media (max-width: 76.24em) { .site-header__header-search { margin-bottom: calc(var(--site-header--spacing) * -1); margin-top: var(--site-header--spacing); order: -1; } } @media (min-width: 76.25em) { .site-header__header-search { padding-left: 0; padding-right: 0; } } @media (max-width: 76.24em) { .site-header__header-search:not([hidden=hidden]) { padding-bottom: 0; } } @media (min-width: 76.25em) { .site-header__header-search:not([hidden=hidden]) { display: block; position: absolute; right: 0; top: 100%; width: 100%; z-index: var(--z-index--site-header-search); } } @media (max-width: 76.24em) { .site-header__header-search .header-search__inner, .site-header__header-search .header-search__inner [type=search] { padding-left: 0; } } .site-header__header-search-toggler { --button--size:2.5rem; --button--background-color:var(--color--background); --button--border-color:var(--color--foreground); --button--color:var(--color--foreground); --button--background-color--hover:var(--color--foreground); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--background); } @media (max-width: 76.24em) { .site-header__header-search-toggler { --button--size:calc(var(--burger--size) + var(--burger--padding)); justify-self: flex-start; position: fixed; right: calc(var(--burger--size) + var(--burger--padding) * 2 + var(--burger--border-thickness)); top: calc(var(--site-header--height) - var(--burger--size) - var(--burger--padding) * 2 + var(--burger--border-thickness) * 2); } } .site-header__header-search-toggler svg { max-width: 1.1875rem; } .site-header__header-search-toggler [stroke] { stroke: currentColor; } .site-header__header-search-toggler[aria-expanded=true] { background-color: var(--button--background-color--hover); border-color: var(--button--border-color--hover); color: var(--button--color--hover); } .site-header__wcb-container { align-items: stretch; display: flex; justify-content: center; } .site-header .wcb-anchor { --button--icon-size:1.3em; --color--background:#f3e6d9; --color--background--hsl:30deg,52%,90.1960784314%; --color--background--h:30deg; --color--background--s:52%; --color--background--l:90.1960784314%; --color--foreground:var(--color--earth); --color--foreground--hsl:30.447761194deg,39.6449704142%,33.137254902%; --color--foreground--h:30.447761194deg; --color--foreground--s:39.6449704142%; --color--foreground--l:33.137254902%; --focus--color:var(--color--foreground); --button--background-color:var(--color--foreground); --button--border-color:var(--color--foreground); --button--color:var(--color--background); --button--background-color--hover:var(--color--background); --button--border-color--hover:var(--color--foreground); --button--color--hover:var(--color--foreground); --link--color:var(--color--earth); --link--color--hover:var(--color--earth); align-items: center; background-color: var(--color--background); box-shadow: 0 0 0 var(--border-width--s) var(--color--foreground); box-sizing: initial; color: var(--color--foreground); display: inline-flex; font-size: 0.875rem; gap: 1ch; min-height: 2rem; opacity: 1; padding: 0 var(--space--xxs); text-align: left; text-decoration: none; transform: translateY(0); transition: transform 0.4s 0.9s, opacity 0.3s 0.9s, visibility 0.3s 0.9s; visibility: visible; } .site-header .wcb-anchor:before { background-color: currentColor; content: ""; flex-shrink: 0; height: 100%; height: var(--button--icon-size, 1em); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: var(--mask-icon--size, contain); mask-size: var(--mask-icon--size, contain); width: 100%; width: var(--button--icon-size, 1em); } @media (max-width: 76.24em) { .site-header .wcb-anchor { display: none; } } .site-header .wcb-anchor:active, .site-header .wcb-anchor:focus { background: transparent; box-shadow: 0 0 0 var(--border-width--s) currentColor; color: currentColor; } @media (hover: hover) { .site-header .wcb-anchor:hover { background: transparent; box-shadow: 0 0 0 var(--border-width--s) currentColor; color: currentColor; } } .site-header .wcb-anchor[hidden] { display: inline-flex; opacity: 0; transform: translateY(-100%); visibility: hidden; } .site-header .wcb-anchor:before { -webkit-mask-image: url(images/icons/electric-leaf.svg); mask-image: url(images/icons/electric-leaf.svg); } .site-main { flex: 1; } .site-main > :first-child { margin-top: 0; } .site-main > :last-child { margin-bottom: 0; } .site-main .blocks { scroll-padding-top: 100vh; } .site-main .external-href { --button--icon-size:0.625em; text-align: left; } .site-main .external-href:after { background-color: currentColor; content: ""; flex-shrink: 0; height: 100%; height: var(--button--icon-size, 1em); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: var(--mask-icon--size, contain); mask-size: var(--mask-icon--size, contain); width: 100%; width: var(--button--icon-size, 1em); } .site-main .external-href:active:after, .site-main .external-href:focus:after { transform: translate(8%, -8%); } @media (hover: hover) { .site-main .external-href:hover:after { transform: translate(8%, -8%); } } .site-main .external-href:after { display: inline-block; margin-left: 0.2em; -webkit-mask-image: url(images/icons/arrow-ne.svg); mask-image: url(images/icons/arrow-ne.svg); transform: translateX(0); transition: transform var(--transition--duration) var(--transition--ease) 0s; } .site-main__header { position: relative; z-index: 0; } .social-icons { --social-icons--icon-size:1.75rem; --grid--columns:0; } .social-icons__icons { align-items: center; -moz-column-gap: var(--grid--column-gap); column-gap: var(--grid--column-gap); display: flex; flex-flow: row wrap; list-style: none; padding-left: 0; row-gap: var(--grid--row-gap); } .social-icons__icons, .social-icons__icons li { margin-bottom: 0; margin-top: 0; } .social-icons__icons > *, .social-icons__icons > * + *, .social-icons__icons > :first-child, .social-icons__icons > :last-child { width: calc(100% / var(--grid--columns) - var(--grid--column-gap) + var(--grid--column-gap) / var(--grid--columns)); width: auto; } .social-icons__icon a { align-items: center; color: inherit; display: flex; font-size: var(--social-icons--icon-size); height: 1em; justify-content: center; position: relative; transition: background-color var(--transition--duration) var(--transition--ease); width: 1em; } .social-icons__icon a:active, .social-icons__icon a:focus { background-color: initial; } @media (hover: hover) { .social-icons__icon a:hover { background-color: initial; } } .social-icons__icon svg { display: block; } .social-icons path, .social-icons svg { fill: currentColor; } .sortable-table th[aria-sort=descending] button > span:last-child:before { opacity: 1; } .sortable-table th[aria-sort=ascending] button > span:last-child:before, .sortable-table th[aria-sort=descending] button > span:last-child:after { opacity: 0.1; } .sortable-table th[aria-sort=ascending] button > span:last-child:after { opacity: 1; } .sortable-table th button { align-items: flex-start; border: 0; border-radius: 0; cursor: pointer; display: flex; flex-flow: row nowrap; font-family: inherit; font-size: inherit; font-weight: inherit; gap: 0.94ch; justify-content: flex-start; letter-spacing: inherit; line-height: inherit; padding: 0; text-align: start; text-transform: inherit; } .sortable-table th button, .sortable-table th button:active, .sortable-table th button:focus { background-color: initial; color: inherit; } @media (hover: hover) { .sortable-table th button:hover { background-color: initial; color: inherit; } } .sortable-table th button:focus { box-shadow: unset; outline-width: 5px; } .sortable-table th button > span:last-child { align-items: center; display: flex; flex-flow: column nowrap; flex-shrink: 0; gap: 0.15rem; justify-content: center; padding: 0.3rem; } .sortable-table th button > span:last-child:before { border-bottom: 0.3125rem solid; } .sortable-table th button > span:last-child:after, .sortable-table th button > span:last-child:before { border-left: 0.3125rem solid transparent; border-right: 0.3125rem solid transparent; content: ""; margin: auto; } .sortable-table th button > span:last-child:after { border-top: 0.3125rem solid; } .nflm > :first-child { margin-top: 0; } .nflm > :last-child { margin-bottom: 0; } .nfm > :first-child { margin-top: 0; } .nlm > :last-child { margin-bottom: 0; } .no-scroll { overflow: hidden; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .screen-reader-text:focus { clip: auto; display: block; height: auto; left: calc(var(--space--m) / 2); top: calc(var(--space--m) / 2); width: auto; z-index: var(--z-index--screen-reader); } .site-footer__sust-widgets a, .site-footer__end-text a { text-decoration: underline; } /*# sourceMappingURL=main.1733324033.css.map */