@charset "UTF-8";
/** Varialbes used for mixins */
/*** Media Queries : http://breakpoint-sass.com/ ***/
/** breakpojtns values : http://breakpoint-sass.com/ ***/
/**
 * The global styles override.
 */
:root {
  interpolate-size: allow-keywords;
}

html, body {
  scroll-behavior: smooth;
}

* {
  box-sizing: border-box;
  /* Workaround for flexboxes. */
  min-width: 0;
}

:root {
  /* fluid vars limits */
  /*//--fvs-design-min: 768;
  //--fvs-design-max: 1440;*/
  /* Text sizes. */
  --line-height: 1.6;
  --font-size-xxs: clamp(0.61rem, -0.31vw + 0.69rem, 0.44rem);
  --font-size-xs: clamp(0.69rem, -0.22vw + 0.75rem, 0.57rem);
  --font-size-sm: clamp(0.78rem, -0.08vw + 0.8rem, 0.73rem);
  --font-size-base: clamp(0.88rem, 0.11vw + 0.85rem, 0.94rem);
  --font-size-md: clamp(0.98rem, 0.4vw + 0.89rem, 1.2rem);
  --font-size-lg: clamp(1.11rem, 0.79vw + 0.91rem, 1.54rem);
  --font-size-xl: clamp(1.25rem, 1.33vw + 0.91rem, 1.98rem);
  --font-size-xxl: clamp(1.4rem, 2.06vw + 0.89rem, 2.53rem);
  --font-size-xxxl: clamp(2rem, 3.04vw + 0.82rem, 3.25rem);
  --font-size-text: var(--font-size-base);
  --font-size-h1: var(--font-size-xxl);
  --font-size-h2: var(--font-size-lg);
  --font-size-h3: var(--font-size-md);
  --font-size-h4: var(--font-size-base);
  --font-size-h5: var(--font-size-sm);
  --font-size-h6: var(--font-size-sm);
  --font-family: "GothamColas", sans-serif;
  --font-headings: "GothamColas", sans-serif;
  --font-button: "GothamColas", sans-serif;
  --font-monospace: "JetBrains Mono", "Fira Code", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-hero: "GothamColas", "Bradley Hand", Chilanka, TSCu_Comic, casual, cursive;
  --text-color: var(--color-text);
  --mark-background: var(--color-mark-background);
  --code-background: var(--page-background);
  --p-margin--y: var(--spacing-md);
}

@supports (top: 1vi){

:root {
  --font-size-xxxl: clamp(2rem, 3.04vi + 0.82rem, 3.25rem);
}
}

@supports (top: 1vi){

:root {
  --font-size-xxl: clamp(1.4rem, 2.06vi + 0.89rem, 2.53rem);
}
}

@supports (top: 1vi){

:root {
  --font-size-xl: clamp(1.25rem, 1.33vi + 0.91rem, 1.98rem);
}
}

@supports (top: 1vi){

:root {
  --font-size-lg: clamp(1.11rem, 0.79vi + 0.91rem, 1.54rem);
}
}

@supports (top: 1vi){

:root {
  --font-size-md: clamp(0.98rem, 0.4vi + 0.89rem, 1.2rem);
}
}

@supports (top: 1vi){

:root {
  --font-size-base: clamp(0.88rem, 0.11vi + 0.85rem, 0.94rem);
}
}

@supports (top: 1vi){

:root {
  --font-size-sm: clamp(0.78rem, -0.08vi + 0.8rem, 0.73rem);
}
}

@supports (top: 1vi){

:root {
  --font-size-xs: clamp(0.69rem, -0.22vi + 0.75rem, 0.57rem);
}
}

@supports (top: 1vi){

:root {
  --font-size-xxs: clamp(0.61rem, -0.31vi + 0.69rem, 0.44rem);
}
}

body {
  font-family: "GothamColas", sans-serif;
  font-family: var(--font-family);
  font-size: clamp(0.88rem, 0.11vw + 0.85rem, 0.94rem);
  font-size: clamp(0.88rem, 0.11vi + 0.85rem, 0.94rem);
  font-size: var(--font-size-base);
  line-height: 1.6;
  line-height: var(--line-height);
  color: var(--color-text);
  color: var(--text-color);
  font-weight: 300;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: grayscale;
  word-wrap: break-word;
  font-kerning: normal;
  font-feature-settings: "kern", "liga", "clig", "calt", "kern", "kern";
}

main {
  font-size: clamp(0.88rem, 0.11vw + 0.85rem, 0.94rem);
  font-size: clamp(0.88rem, 0.11vi + 0.85rem, 0.94rem);
  font-size: var(--font-size-text, 1rem);
}

small {
  font-size: 80%;
  font-weight: normal;
}

big, .lead {
  font-size: 120%;
  font-weight: normal;
}

mark {
  padding: var(--spacing-xs);
  background-color: var(--color-mark-background);
  background-color: var(--mark-background);
}

code {
  font-family: "JetBrains Mono", "Fira Code", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-family: var(--font-monospace);
  font-size: 90%;
  padding: 0.2em 0.4em;
  word-break: break-all;
  border-radius: var(--radius-xs);
  background-color: var(--page-background);
  background-color: var(--code-background);
}

pre code {
  /* Fixes unwanted padding for first and last line of code. */
  padding: 0;
  padding: initial;
}

html {
  /* Initial for (R)EM. */
  font-size: 16px;
}

.text-align-center {
  text-align: center;
}

.text-align-right {
  text-align: right;
}

.text-align-left {
  text-align: left;
}

@media (min-width: 1024px) {
  .text-center-md {
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .text-center-lg {
    text-align: center;
  }
}
.has-small-font-size {
  font-size: clamp(0.78rem, -0.08vw + 0.8rem, 0.73rem);
  font-size: clamp(0.78rem, -0.08vi + 0.8rem, 0.73rem);
  font-size: var(--font-size-sm);
}

.has-medium-font-size {
  font-size: clamp(0.88rem, 0.11vw + 0.85rem, 0.94rem);
  font-size: clamp(0.88rem, 0.11vi + 0.85rem, 0.94rem);
  font-size: var(--font-size-base);
}

.has-large-font-size {
  font-size: clamp(0.98rem, 0.4vw + 0.89rem, 1.2rem);
  font-size: clamp(0.98rem, 0.4vi + 0.89rem, 1.2rem);
  font-size: var(--font-size-md);
}

span.primary {
  color: var(--color-primary);
}

span.secondary {
  color: var(--color-secondary);
}

span.tertiary {
  color: var(--color-tertiary);
}

span.success {
  color: var(--color-success);
}

span.alert {
  color: var(--color-error);
}

span.warning {
  color: var(--color-warning);
}

.two-columns {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 2em;
       column-gap: 2em;
}
.two-columns p {
  page-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}

.field.text-formatted {
  max-width: var(--size-sm);
}
.field.text-formatted :where(p, figure, blockquote, dl, ol, ul, table) {
  margin-bottom: 1rem;
}
.field.text-formatted :where(td, th) :where(h1, h2, h3, h4, p, figure, blockquote, dl, dd, table) {
  margin-bottom: 0;
}

:root {
  --link-color: var(--color-secondary);
  --link-color--hover: var(--color-secondary-light);
  --link-color--active: var(--color-secondary-light);
  --link-decoration: underline;
  --link-decoration--hover: underline;
}

:where(a) {
  color: var(--color-secondary);
  color: var(--link-color);
  text-decoration: underline;
  -webkit-text-decoration: var(--link-decoration);
          text-decoration: var(--link-decoration);
}
:where(a):hover {
  --link-color: var(--link-color--hover);
  text-decoration: underline;
  -webkit-text-decoration: var(--link-decoration--hover);
          text-decoration: var(--link-decoration--hover);
}

/**
 * The styles for HTML lists.
//@custom-selector :--drupal-text-fields .field--type-text-with-summary,.field--type-text-long.field--type-text;
 */
:root {
  --list-margin: var(--p-margin--y) 0;
  --list-padding: 0 0 0 1rem;
  --list-ul-marker: inherit;
  --list-ul-marker-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ljg4NSIgaGVpZ2h0PSIxNy4wNyIgdmlld0JveD0iMCAwIDQuODg1IDE3LjA3Ij4KICA8cGF0aCBpZD0iUGF0aF8yMjE3IiBkYXRhLW5hbWU9IlBhdGggMjIxNyIgZD0iTS0xMjMuMywxLjI5M0E4LjUzNyw4LjUzNywwLDAsMS0xMTkuMDg0LDBoMGE4LjUzMyw4LjUzMywwLDAsMSw0LjIxMywxLjI5MywzMS45OTEsMzEuOTkxLDAsMCwxLDQuMzIyLDMuNTkyaC0xNy4wN0EzMi4wMTQsMzIuMDE0LDAsMCwxLTEyMy4zLDEuMjkzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMTEwLjU0OCkgcm90YXRlKC05MCkiIGZpbGw9IiNmZmVkMDAiLz4KPC9zdmc+");
}

.text-formatted table ol, .text-formatted table ul {
  list-style-position: inside;
}
.text-formatted ol,
.text-formatted ul:not([role=tablist]):not(.menu) {
  padding: 0 0 0 1rem;
  padding: var(--list-padding);
}
@media (min-width: 1200px) {
  .text-formatted ol.list-cols,
  .text-formatted ul:not([role=tablist]):not(.menu).list-cols {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .text-formatted ol.list-cols > li,
  .text-formatted ul:not([role=tablist]):not(.menu).list-cols > li {
    page-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
  }
  .text-formatted ol.list-cols.list-cols-2,
  .text-formatted ul:not([role=tablist]):not(.menu).list-cols.list-cols-2 {
    -moz-column-count: 2;
         column-count: 2;
  }
  .text-formatted ol.list-cols.list-cols-3,
  .text-formatted ul:not([role=tablist]):not(.menu).list-cols.list-cols-3 {
    -moz-column-count: 3;
         column-count: 3;
  }
}
.text-formatted ul > li::before {
  content: "";
  display: block;
  color: var(--color-primary);
  width: 5px;
  height: 1.6em;
  left: -1rem;
  top: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ljg4NSIgaGVpZ2h0PSIxNy4wNyIgdmlld0JveD0iMCAwIDQuODg1IDE3LjA3Ij4KICA8cGF0aCBpZD0iUGF0aF8yMjE3IiBkYXRhLW5hbWU9IlBhdGggMjIxNyIgZD0iTS0xMjMuMywxLjI5M0E4LjUzNyw4LjUzNywwLDAsMS0xMTkuMDg0LDBoMGE4LjUzMyw4LjUzMywwLDAsMSw0LjIxMywxLjI5MywzMS45OTEsMzEuOTkxLDAsMCwxLDQuMzIyLDMuNTkyaC0xNy4wN0EzMi4wMTQsMzIuMDE0LDAsMCwxLTEyMy4zLDEuMjkzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMTEwLjU0OCkgcm90YXRlKC05MCkiIGZpbGw9IiNmZmVkMDAiLz4KPC9zdmc+");
  background-image: var(--list-ul-marker-image);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
}
.text-formatted ul > li {
  position: relative;
  list-style: none;
  margin-bottom: 1rem;
}
.text-formatted ul > li li::marker {
  content: inherit;
  content: var(--list-ul-marker);
}

ul.nice-list,
ul.list--nice {
  font-size: 1.125rem;
}
ul.nice-list > li::marker,
ul.list--nice > li::marker {
  color: var(--color-primary);
}

ul.list--lead {
  font-size: 1.125rem;
  font-weight: bold;
}

/**
 * The styles for selection on pages.
 */
:root {
  --selection-background: var(--color-primary);
  --selection-color: var(--color-white);
}

::-moz-selection {
  background: var(--color-primary);
  background: var(--selection-background);
  color: var(--color-white);
  color: var(--selection-color);
}

::selection {
  background: var(--color-primary);
  background: var(--selection-background);
  color: var(--color-white);
  color: var(--selection-color);
}

/**
 * The HTML blockquotes styles.
 */
:root {
  --blockquote-max-width: 60ch ;
  --blockquote-font-size: var(--font-size-base);
  --blockquote-border-color: var(--color-border);
  --blockquote-border-size: 0px;
  --blockquote-paddings: var(--size-relative-10) ;
  --blockquote-margins: var(--spacing-sm) auto;
  --blockquote-background: transparent;
  --blockquote-color: var(--text-color);
  --blockquote-quotes: "“" "”" "‘" "’";
  --blockquote-quotes-font-size: calc( 1.5 * var(--font-size-xxxl) );
  --blockquote-quotes-font-weight: 700;
  --blockquote-quotes-font-style: normal;
  --blockquote-quotes-color: var(--color-primary);
  --blockquote-quotes-line-height: 1;
}

blockquote {
  font-size: clamp(0.88rem, 0.11vw + 0.85rem, 0.94rem);
  font-size: clamp(0.88rem, 0.11vi + 0.85rem, 0.94rem);
  font-size: var(--blockquote-font-size);
  padding: var(--size-relative-10) ;
  padding: var(--blockquote-paddings);
  margin: var(--spacing-sm) auto;
  margin: var(--blockquote-margins);
  border-left: 0px solid var(--color-border);
  border-left: var(--blockquote-border-size) solid var(--blockquote-border-color);
  background: transparent;
  background: var(--blockquote-background);
  font-style: italic;
  quotes: "“" "”" "‘" "’";
  quotes: var(--blockquote-quotes);
  position: relative;
  max-width: 60ch ;
  max-width: var(--blockquote-max-width);
  color: var(--color-text);
  color: var(--blockquote-color);
}
blockquote::before, blockquote::after {
  font-size: calc( 1.5 * clamp(2rem, 3.04vw + 0.82rem, 3.25rem) );
  font-size: calc( 1.5 * clamp(2rem, 3.04vi + 0.82rem, 3.25rem) );
  font-size: var(--blockquote-quotes-font-size);
  font-weight: 700;
  font-weight: var(--blockquote-quotes-font-weight);
  font-style: normal;
  font-style: var(--blockquote-quotes-font-style);
  color: var(--color-primary);
  color: var(--blockquote-quotes-color);
  position: absolute;
  line-height: 1;
  line-height: var(--blockquote-quotes-line-height);
}
blockquote::before {
  content: open-quote;
  top: 0;
  left: 0;
}
blockquote::after {
  content: close-quote;
  bottom: 0;
  right: 0;
}
blockquote cite {
  margin-top: 0.5rem;
  font-weight: bold;
}

/**
 * The HTML fieldset styles.
 */
:root {
  --fieldset--padding: unset;
  --fieldset--margin: unset;
  --fieldset--border: unset;
  --fieldset--radius: none;
  --legend--padding: unset;
  --legend--width: 100%;
  --legend--color: var(--text-color);
  --legend--margin: 0 0 var(--spacing-xs) 0;
}

fieldset {
  min-width: 0;
  padding: initial;
  padding: var(--fieldset--padding);
  margin: initial;
  margin: var(--fieldset--margin);
  border: initial;
  border: var(--fieldset--border);
  border-radius: none;
  border-radius: var(--fieldset--radius);
}

legend {
  display: block;
  width: 100%;
  width: var(--legend--width);
  padding: initial;
  padding: var(--legend--padding);
  margin-bottom: 0 0 var(--spacing-xs) 0;
  margin-bottom: var(--legend--margin);
  color: var(--color-text);
  color: var(--legend--color);
}

/**
 * The focus styles.
 *
 * It's a good practice to leave focus on element. If you disable it make sure
 * you have other visual implementation for focused elements!
 *
 * @see http://www.outlinenone.com/
 */
:root {
  --focus-box-shadow: none;
  --focus-outline: 1px dotted currentColor;
}

:focus {
  outline: 1px dotted currentColor;
  outline: var(--focus-outline);
  outline-offset: 3px;
  box-shadow: none;
  box-shadow: var(--focus-box-shadow);
}

/**
//@import "typography.pcss";
 * The HTML headings.
 */
:root {
  --line-height-heading: 1.125;
  --headings-fw: 700;
  --headings-text-transform: normal;
  --heading-margin-block: .5em .75em;
  --headings-color: var(--color-secondary);
  --headings-alt-color: var(--color-primary);
  --headings-margin-top: 1em;
  --headings-margin-bottom: .75em;
  --heading-link-decoration: var(--link-decoration);
  --heading-link-decoration-hover: var(--link-decoration--hover);
  --fvs-design-min: 1024;
  --fvs-design-max: 1440;
  --fv-calc: calc(100vw - var(--fvs-design-min) * 1px) / (var(--fvs-design-max) - var(--fvs-design-min));
  --fvs-10-15: var(--font-size-sm);
  --fvs-16-18: var(--font-size-base);
  --fvs-18-20: var(--font-size-md);
  --fvs-20-22: var(--font-size-md);
  --fvs-20-26: var(--font-size-lg);
  --fvs-26-36: var(--font-size-xl);
  --fvs-32-50: var(--font-size-xxl);
  --fvs-40-60: var(--font-size-xxxl);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .block-title, .paragraph-title {
  line-height: 1.125;
  line-height: var(--line-height-heading);
  margin-top: var(--heading-margin-top);
  margin-bottom: var(--heading-margin-bottom);
  text-transform: normal;
  text-transform: var(--headings-text-transform);
  font-weight: 700;
  font-weight: var(--headings-fw);
  font-family: "GothamColas", sans-serif;
  font-family: var(--font-headings);
  color: var(--color-secondary);
  color: var(--headings-color);
  text-wrap: balance;
  font-feature-settings: "kern", "liga", "clig", "calt";
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a, .block-title a, .paragraph-title a {
  text-decoration: underline;
  -webkit-text-decoration: var(--heading-link-decoration);
          text-decoration: var(--heading-link-decoration);
}
h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover, .block-title a:hover, .paragraph-title a:hover {
  text-decoration: underline;
  -webkit-text-decoration: var(--heading-link-decoration-hover);
          text-decoration: var(--heading-link-decoration-hover);
}

h1, .h1 {
  --headings-text-transform: uppercase;
  --headings-font-weight: 400;
  font-size: clamp(1.4rem, 2.06vw + 0.89rem, 2.53rem);
  font-size: clamp(1.4rem, 2.06vi + 0.89rem, 2.53rem);
  font-size: var(--font-size-h1);
  line-height: 1.1;
}

h2, .h2, .block__title, .block-title {
  font-size: clamp(1.11rem, 0.79vw + 0.91rem, 1.54rem);
  font-size: clamp(1.11rem, 0.79vi + 0.91rem, 1.54rem);
  font-size: var(--font-size-h2);
  font-weight: 300;
}

h3, .h3, .page--subtitle {
  font-size: clamp(0.98rem, 0.4vw + 0.89rem, 1.2rem);
  font-size: clamp(0.98rem, 0.4vi + 0.89rem, 1.2rem);
  font-size: var(--font-size-h3);
}

h4, .h4 {
  font-size: clamp(0.88rem, 0.11vw + 0.85rem, 0.94rem);
  font-size: clamp(0.88rem, 0.11vi + 0.85rem, 0.94rem);
  font-size: var(--font-size-h4);
}

h5, .h5 {
  /*font-size: var(--font-size-h5);*/
  font-size: clamp(0.78rem, -0.08vw + 0.8rem, 0.73rem);
  font-size: clamp(0.78rem, -0.08vi + 0.8rem, 0.73rem);
  font-size: var(--font-size-h5);
}

h6, .h6 {
  font-size: clamp(0.78rem, -0.08vw + 0.8rem, 0.73rem);
  font-size: clamp(0.78rem, -0.08vi + 0.8rem, 0.73rem);
  font-size: var(--font-size-h6);
}

/**
 * The HTML horizontal rules styles.
 */
hr {
  margin: var(--spacing-sm) 0;
  border: medium none currentColor;
  border: initial;
  border-top: 1px solid var(--color-border);
}

:root {
  --media-radius: var(--radius-md,0);
}

/**
 * The HTML image styles.
 */
img {
  display: inline-block;
  max-width: 100%;
  /* Fixes aspect ratio. */
  height: auto;
  /* For ALT attribute. */
  font-style: italic;
  /* Fixes whitespace under images. */
  vertical-align: middle;
  line-height: 1;
}

.caption-img img {
  width: 100%;
}

:root {
  --table--width: 100%;
  --table--cell-color: var(--color-on-cold);
  --table--cell-fs: var(--font-size-base);
  --table--cell-bg: var(--color-cold);
  --table--cell-fw: 400;
  --table--cell-align: start;
  --table--cell-padding: var(--spacing-sm);
  --table--cell-border-width: 2px;
  --table--cell-border-style: solid;
  --table--cell-border-color: transparent transparent var(--color-white) transparent;
  --table--heading-color: var(--color-on-tertiary);
  --table--heading-fs: var(--table--cell-fs);
  --table--heading-bg: var(--color-tertiary);
  --table--heading-fw: 600;
  --table--heading-align: var(--table--cell-align);
  --table--heading-padding: var(--table--cell-padding);
  --table--heading-border-width: 2px;
  --table--heading-border-style: var(--table--cell-border-style);
  --table--heading-border-color: var(--table--cell-border-color);
}

:where(table) {
  width: 100%;
  width: var(--table--width);
  border-collapse: collapse;
}

:where(td) {
  color: var(--color-on-cold);
  color: var(--table--cell-color);
  background-color: var(--color-cold);
  background-color: var(--table--cell-bg);
  padding: var(--spacing-sm);
  padding: var(--table--cell-padding);
  font-size: clamp(0.88rem, 0.11vw + 0.85rem, 0.94rem);
  font-size: clamp(0.88rem, 0.11vi + 0.85rem, 0.94rem);
  font-size: var(--table--cell-fs);
  font-weight: 400;
  font-weight: var(--table--cell-fw);
  text-align: left;
  text-align: var(--table--cell-align);
  border-width: 2px;
  border-width: var(--table--cell-border-width);
  border-style: solid;
  border-style: var(--table--cell-border-style);
  border-color: transparent transparent var(--color-white) transparent;
  border-color: var(--table--cell-border-color);
}
:where(td) :where(p, ul, ol, dl):first-child {
  margin-top: 0;
}

:where(th) {
  color: var(--color-on-tertiary);
  color: var(--table--heading-color);
  background-color: var(--color-tertiary);
  background-color: var(--table--heading-bg);
  padding: var(--spacing-sm);
  padding: var(--table--heading-padding);
  font-size: clamp(0.88rem, 0.11vw + 0.85rem, 0.94rem);
  font-size: clamp(0.88rem, 0.11vi + 0.85rem, 0.94rem);
  font-size: var(--table--heading-fs);
  font-weight: 600;
  font-weight: var(--table--heading-fw);
  text-align: left;
  text-align: var(--table--heading-align);
}

:where(thead th) {
  border-width: 2px;
  border-width: var(--table--heading-border-width);
  border-style: solid;
  border-style: var(--table--heading-border-style);
  border-color: transparent transparent var(--color-white) transparent;
  border-color: var(--table--heading-border-color);
}

.shape_yellow_banner_bottom {
  z-index: 1;
  width: 100vw;
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
}