@charset "UTF-8";
/** Varialbes used for mixins */
/*** Media Queries : http://breakpoint-sass.com/ ***/
/** breakpojtns values : http://breakpoint-sass.com/ ***/
/** deco image in _misc.scss name deco_XX **/
/**
 * The global styles override.
 */
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.3;
  --font-size-xs: clamp(0.63rem, 0.03vi + 0.64rem, 0.75rem);
  --font-size-sm: clamp(0.8rem, 0.07vi + 0.78rem, 0.83rem);
  --font-size-base: clamp(1rem, 0.23vi + 0.94rem, 1.13rem);
  --font-size-lead: clamp(1.251rem, 0.23vi + 1.9rem, 1.38rem);
  --font-size-md: clamp(1.26rem, 0.48vi + 1.14rem, 1.52rem);
  --font-size-lg: clamp(1.58rem, 0.86vi + 1.36rem, 2.05rem);
  --font-size-xl: clamp(1.98rem, 1.43vi + 1.62rem, 2.77rem);
  --font-size-xxl: clamp(2.49rem, 2.27vi + 1.92rem, 3.74rem);
  --font-size-xxxl: clamp(3.13rem, 3.49vi + 2.25rem, 5.04rem);
  --font-size-text: var(--font-size-base);
  --font-size-h1: var(--font-size-xxxl);
  --font-size-h2: var(--font-size-xxl);
  --font-size-h3: var(--font-size-lg);
  --font-size-h4: var(--font-size-md);
  --font-size-h5: var(--font-size-base);
  --font-size-h6: var(--font-size-base);
  --font-weight-text: 300;
  --font-weight-lead: 500;
  --font-weight-headings: 600;
  --font-weight-bold: 600;
  --font-family: "Funnel Display", sans-serif;
  --font-headings: "Funnel Display", sans-serif;
  --font-button: "Funnel Display","Arial", sans-serif;
  --font-monospace: "JetBrains Mono", "Fira Code", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-hero: "Funnel Display", '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);
}

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

body {
  font-family: var(--font-family, "sans-serif");
  font-size: var(--font-size-text);
  line-height: var(--line-height);
}

main {
  color: var(--text-color);
  font-weight: var(--font-weight-text, 400);
  font-size: var(--font-size-text, 1rem);
  text-wrap: pretty;
  letter-spacing: 0.36px;
}

.field__item,
.field__label {
  color: var(--text-color);
}

:where(p, li, dd) {
  text-wrap: pretty;
}

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

big, .lead {
  font-size: var(--font-size-lead);
  font-weight: var(--font-weight-lead);
  text-wrap: balance;
  max-width: 42ch;
}

.hero-text {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-lead);
  text-wrap: balance;
}
.hero-text b, .hero-text strong {
  font-weight: var(--font-weight-bold);
}

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

code {
  font-family: var(--font-monospace, monospace);
  font-size: 90%;
  padding: 0.2em 0.4em;
  word-break: break-all;
  border-radius: var(--radius-xs);
  background-color: var(--code-background);
}

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

.text-bold, .text-strong {
  font-weight: 600;
}

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

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

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

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

.ff-text {
  font-family: var(--font-family);
}

.ff-title {
  font-family: var(--font-headings);
}

@media (min-width: 1024px) {
  .text-center-md {
    text-align: center;
  }
}
@media (min-width: 1280px) {
  .text-center-lg {
    text-align: center;
  }
}
.has-small-font-size {
  font-size: var(--font-size-sm);
}

.has-medium-font-size {
  font-size: var(--font-size-base);
}

.has-large-font-size {
  font-size: var(--font-size-md);
}

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

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

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

span.teal,
.text--teal {
  color: var(--color-teal);
}

span.red,
.text--red {
  color: var(--color-red);
}

span.dark-blue,
.text--dark-blue {
  color: var(--color-dark-blue);
}

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

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

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

@media (min-width: 768px) {
  .two-columns {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 2em;
         column-gap: 2em;
  }
  .two-columns p {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
  .three-columns {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 2em;
         column-gap: 2em;
  }
  .three-columns p {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
}
.modal,
.text-block,
.field.text-formatted {
  max-width: 60ch;
}
.modal :where(b, strong),
.text-block :where(b, strong),
.field.text-formatted :where(b, strong) {
  font-weight: 600;
}
.modal :where(p, figure, blockquote, dl, ol, ul, table),
.text-block :where(p, figure, blockquote, dl, ol, ul, table),
.field.text-formatted :where(p, figure, blockquote, dl, ol, ul, table) {
  margin-block-end: var(--p-margin--y);
}
.modal :where(td, th) :where(h1, h2, h3, h4, p, figure, blockquote, dl, dd, table),
.text-block :where(td, th) :where(h1, h2, h3, h4, p, figure, blockquote, dl, dd, table),
.field.text-formatted :where(td, th) :where(h1, h2, h3, h4, p, figure, blockquote, dl, dd, table) {
  margin-block-end: 0;
}

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

:where(a) {
  color: var(--link-color);
  -webkit-text-decoration: var(--link-decoration);
          text-decoration: var(--link-decoration);
}
:where(a):hover {
  --link-color: var(--link-color--hover);
  -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: '\02013\000A0\000A0';
  --list-ul-marker-image: none;
}

.text-formatted table ol, .text-formatted table ul {
  list-style-position: inside;
}
.text-formatted ol,
.text-formatted ul:not([role=tablist]):not(.menu) {
  padding: var(--list-padding);
}
@media (min-width: 1280px) {
  .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 {
    -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::marker {
  content: var(--list-ul-marker);
}
.text-formatted ul > li {
  position: relative;
  margin-block-end: 1rem;
}

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(--selection-background);
  color: var(--selection-color);
}

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

/**
 * The HTML blockquotes styles.
 */
:root {
  --blockquote-max-width: 50ch ;
  --blockquote-font-size: var(--font-size-base);
  --blockquote-border-color: var(--color-border);
  --blockquote-border-size: 0px;
  --blockquote-paddings: .5rem;
  --blockquote-margins: 0 -0.5rem;
  --blockquote-background: transparent;
  --blockquote-color: var(--text-color);
  --blockquote-quotes: "“" "”" "‘" "’";
  --blockquote-quotes-font-size: 1em;
  --blockquote-quotes-font-weight: 400;
  --blockquote-quotes-font-style: normal;
  --blockquote-quotes-color: currentColor;
  --blockquote-quotes-line-height: 1.5;
  --blockquote-info-font-size: 1.25rem;
  --blockquote-info-font-weight: 500;
  --blockquote-info-text-transform: none;
  --blockquote-cite-font-size: 1.25rem;
  --blockquote-cite-font-weight: 300;
  --blockquote-cite-text-transform: none;
}

blockquote {
  font-size: var(--blockquote-font-size);
  padding: var(--blockquote-paddings);
  margin: var(--blockquote-margins);
  border-left: var(--blockquote-border-size) solid var(--blockquote-border-color);
  background: var(--blockquote-background);
  font-style: italic;
  quotes: var(--blockquote-quotes);
  position: relative;
  max-width: var(--blockquote-max-width);
  color: var(--blockquote-color);
}
blockquote + p {
  font-size: var(--blockquote-info-font-size);
  font-weight: var(--blockquote-info-font-weight);
  text-transform: var(--blockquote-info-text-transform);
}
blockquote + p cite {
  font-size: var(--blockquote-cite-font-size);
  font-weight: var(--blockquote-cite-font-weight);
  text-transform: var(--blockquote-cite-text-transform);
}

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

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

legend {
  display: block;
  font-size: var(--legend--font-size);
  font-weight: var(--legend--font-weight);
  line-height: var(--legend--line-height);
  width: var(--legend--width);
  padding: var(--legend--padding);
  margin: var(--legend--margin);
  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 red;
}

:focus {
  outline: var(--focus-outline);
  outline-offset: 3px;
  box-shadow: var(--focus-box-shadow);
}

/**
//@import "typography.pcss";
 * The HTML headings.
 */
:root {
  --heading-line-height: 1.05;
  --headings-fw: 600;
  --headings-text-transform: normal;
  --heading-margin-block: .25em .5em;
  --headings-color: var(--color-headings);
  --headings-alt-color:var(--color-headings);
  --headings-text-wrap: balance;
  --heading-link-decoration: none;
  --heading-link-decoration-hover: var(--link-decoration--hover);
}

:is(h1, h2, h3, h4, h5, h6),
:is(.h1, .h2, .h3, .h4, .h5, .h6, .block-title, .paragraph-title) {
  line-height: var(--heading-line-height);
  margin-block: var(--heading-margin-block);
  text-transform: var(--headings-text-transform);
  font-weight: var(--headings-fw);
  font-family: var(--font-headings, sans-serif);
  color: var(--headings-color);
  text-wrap: var(--headings-text-wrap, balance);
  letter-spacing: 0;
  font-feature-settings: "kern", "liga", "clig", "calt";
}
:is(h1, h2, h3, h4, h5, h6) :where(a),
:is(.h1, .h2, .h3, .h4, .h5, .h6, .block-title, .paragraph-title) :where(a) {
  color: var(--headings-color);
  -webkit-text-decoration: var(--heading-link-decoration);
          text-decoration: var(--heading-link-decoration);
}
:is(h1, h2, h3, h4, h5, h6) :where(a):hover,
:is(.h1, .h2, .h3, .h4, .h5, .h6, .block-title, .paragraph-title) :where(a):hover {
  color: var(--headings-color);
  -webkit-text-decoration: var(--heading-link-decoration-hover);
          text-decoration: var(--heading-link-decoration-hover);
}

h1, .h1 {
  font-size: var(--font-size-h1);
  line-height: 1.16;
}

h1.page-title {
  margin-block: 0.75em 1.25em;
}

h2, .h2, .block__title, .block-title {
  font-size: var(--font-size-h2);
}

.viewsreference--view-title {
  text-align: center;
}

h3, .h3, .page--subtitle {
  font-size: var(--font-size-h3);
}

h4, .h4 {
  font-size: var(--font-size-h4);
}

h5, .h5 {
  /*font-size: var(--font-size-h5);*/
  font-size: var(--font-size-h5);
}

h6, .h6 {
  font-size: var(--font-size-h6);
}

/**
 * The HTML horizontal rules styles.
 */
hr {
  margin: var(--spacing-auto-md) 0;
  border: unset;
  border-top: 1px solid var(--color-border);
}

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

/**
 * The HTML image styles.
 */
img, picture {
  display: inline-block;
  max-width: 100%;
  width: 100%;
  /* Fixes aspect ratio. */
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  /* For ALT attribute. */
  font-style: italic;
  /* Fixes whitespace under images. */
  line-height: 1;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: cover;
  shape-margin: 0.5rem;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

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

:root {
  --table--width: 100%;
  --table--margin-block: var(--spacing-md);
  --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: 0;
  --table--cell-border-style: solid;
  --table--cell-border-color: transparent;
  --table--radius: var(--radius-button);
  --table--heading-color: var(--color-on-dark);
  --table--heading-fs: var(--font-sizes-smd);
  --table--heading-bg: var(--color-black);
  --table--heading-fw: 600;
  --table--heading-align: var(--table--cell-align);
  --table--heading-padding: var(--table--cell-padding);
  --table--heading-border-width: var(--table--cell-border-width);
  --table--heading-border-style: var(--table--cell-border-style);
  --table--heading-border-color: var(--table--cell-border-color);
}

:where(table) {
  width: var(--table--width);
  border-collapse: collapse;
  margin-block: var(--table--margin-block);
}

:where(td) {
  color: var(--table--cell-color);
  --link-color: var(--table--cell-color);
  background-color: var(--table--cell-bg);
  padding: var(--table--cell-padding);
  font-size: var(--table--cell-fs);
  font-weight: var(--table--cell-fw);
  text-align: var(--table--cell-align);
  border-width: var(--table--cell-border-width);
  border-style: var(--table--cell-border-style);
  border-color: var(--table--cell-border-color);
}
:where(td) :where(p, ul, ol, dl):first-child {
  margin-block-start: 0;
}

:where(th) {
  color: var(--table--heading-color);
  background-color: var(--table--heading-bg);
  padding: var(--table--heading-padding);
  font-size: var(--table--heading-fs);
  font-weight: var(--table--heading-fw);
  text-align: var(--table--heading-align);
  --link-color: var(--table--heading-color);
  --link-color--hover: #000;
}

:where(thead th) {
  border-width: var(--table--heading-border-width);
  border-style: var(--table--heading-border-style);
  border-color: var(--table--heading-border-color);
}

.views-view-table {
  border-collapse: separate;
  border-spacing: 0;
  --table--heading-border-color: var(--clr-gray-200);
  --table--cell-border-color: var(--clr-gray-200);
  --table--heading-border-width: .5px;
  --table--cell-border-width: .5px;
  margin-block: var(--spacing-md);
}
.views-view-table thead > tr > th {
  border-top-width: 1px;
}
.views-view-table thead > tr > th:is(:first-child) {
  border-left-width: 1px;
}
.views-view-table thead > tr > th:is(:last-child) {
  border-right-width: 1px;
}
.views-view-table thead > tr > th:first-child {
  border-top-left-radius: var(--table--radius);
}
.views-view-table thead > tr > th:last-child {
  border-top-right-radius: var(--table--radius);
}
.views-view-table tbody > tr > td:is(:first-child) {
  border-left-width: 1px;
}
.views-view-table tbody > tr > td:is(:last-child) {
  border-right-width: 1px;
}
.views-view-table tbody > tr:last-child > td {
  border-bottom-width: 1px;
}
.views-view-table tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: var(--table--radius);
}
.views-view-table tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: var(--table--radius);
}

:root {
  --deco-menu: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMSAyNSIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTEgMjRMMTAgMSIgc3Ryb2tlPSIjRTc0MTFCIi8+Cjwvc3ZnPg==");
  --deco-1: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyMjkgMzYwIj4KICA8cGF0aCBmaWxsPSIjRTc0MTFCIiBkPSJNMCAzNjAgMTQzLjYgMEgyMjlMODUuNCAzNjBIMFoiLz4KPC9zdmc+);
  --deco-1-ratio: 229/360;
  --deco-2: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNTAgMzkzIj4KICA8cGF0aCBmaWxsPSIjRTc0MTFCIiBkPSJNMjQ5LjYgMzkzIDkzLjEuNUgwTDE1Ni41IDM5M2g5My4xWiIvPgo8L3N2Zz4=);
  --deco-2-ratio: 229/360;
}

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

:root {
  --arrows-color: var(--color-primary);
  --arrows-bg-color: var(--color-white);
}

.arrow-button-up,
.arrow-button-down {
  position: relative;
  padding: 5px;
  margin: 30px auto;
  background: var(--arrows-bg-color);
  height: 50px;
  width: 50px;
  border-radius: 50%;
  transition: all 0.2s linear;
}

.arrow-button-down:hover {
  transform: translate3d(0, 10px, 0);
}

.arrow-button-up:hover {
  transform: translate3d(0, -10px, 0);
}

.arrow-button-up::after,
.arrow-button-down::after {
  content: "";
  position: absolute;
  left: 17px;
  z-index: 11;
  display: block;
  width: 25px;
  height: 25px;
  border-top: 2px solid var(--arrows-color);
  border-left: 2px solid var(--arrows-color);
}

.arrow-button-up::after {
  top: 20px;
  transform: rotate(45deg);
}

.arrow-button-down::after {
  top: 10px;
  transform: rotate(225deg);
}

.arrow-right,
.arrow-left,
.long-arrow-right,
.long-arrow-left {
  display: block;
  margin: 30px auto;
  width: 25px;
  height: 25px;
  border-top: 2px solid var(--arrows-color);
  border-left: 2px solid var(--arrows-color);
}

.arrow-right,
.long-arrow-right {
  transform: rotate(135deg);
}

.arrow-left,
.long-arrow-left {
  transform: rotate(-45deg);
}

.long-arrow-right::after,
.long-arrow-left::after {
  content: "";
  display: block;
  width: 2px;
  height: 45px;
  background-color: black;
  transform: rotate(-45deg) translate(15px, 4px);
  left: 0;
  top: 0;
}

.triangle-left,
.triangle-right,
.triangle-top,
.triangle-bottom {
  width: 0;
  height: 0;
  margin: 30px auto;
}

.triangle-left,
.triangle-right {
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
}

.triangle-top,
.triangle-bottom {
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
}

.triangle-right {
  border-left: 30px solid var(--arrows-color);
}

.triangle-left {
  border-right: 30px solid var(--arrows-color);
}

.triangle-top {
  border-bottom: 30px solid var(--arrows-color);
}

.triangle-bottom {
  border-top: 30px solid var(--arrows-color);
}
/*# sourceMappingURL=elements.css.map */