/** Varialbes used for mixins */
/*** Media Queries : http://breakpoint-sass.com/ ***/
/** breakpojtns values : http://breakpoint-sass.com/ ***/
/**
 * 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.43;
  --font-size-xxs: clamp(0.58rem, 0.26vw + 0.51rem, 0.72rem);
  --font-size-xs: clamp(0.69rem, 0.32vw + 0.62rem, 0.87rem);
  --font-size-sm: clamp(0.83rem, 0.38vw + 0.74rem, 1.04rem);
  --font-size-base: clamp(1rem, 0.45vw + 0.89rem, 1.25rem);
  --font-size-md: clamp(1.2rem, 0.55vw + 1.06rem, 1.5rem);
  --font-size-lg: clamp(1.44rem, 0.65vw + 1.28rem, 1.8rem);
  --font-size-xl: clamp(1.73rem, 0.79vw + 1.53rem, 2.16rem);
  --font-size-xxl: clamp(2.07rem, 0.94vw + 1.84rem, 2.59rem);
  --font-size-xxxl: clamp(2.49rem, 1.5vw + 2.4rem, 4rem);
  --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: "Fira Sans", sans-serif;
  --font-headings: "Fira Sans", sans-serif;
  --font-button: "Fira Sans", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  --font-monospace: "JetBrains Mono", "Fira Code", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-hero: "Fira Sans", sans-serif;
  --text-color: var(--color-text);
  --mark-background: var(--color-mark-background);
  --code-background: var(--page-background);
  --p-margin--y: var(--spacing-md);
}

body {
  font-family: "Fira Sans", sans-serif;
  font-family: var(--font-family);
  font-size: clamp(1rem, 0.45vw + 0.89rem, 1.25rem);
  font-size: var(--font-size-base);
  line-height: 1.43;
  line-height: var(--line-height);
  color: var(--color-text);
  color: var(--text-color);
}

main {
  font-size: clamp(1rem, 0.45vw + 0.89rem, 1.25rem);
  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(--color-white);
  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: 768px) {
  .text-center-md {
    text-align: center;
  }
}
@media (min-width: 1024px) {
  .text-center-lg {
    text-align: center;
  }
}
.has-small-font-size {
  font-size: clamp(0.83rem, 0.38vw + 0.74rem, 1.04rem);
  font-size: var(--font-size-sm);
}

.has-medium-font-size {
  font-size: clamp(1rem, 0.45vw + 0.89rem, 1.25rem);
  font-size: var(--font-size-base);
}

.has-large-font-size {
  font-size: clamp(1.2rem, 0.55vw + 1.06rem, 1.5rem);
  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);
}

.field.text-formatted :where(p, figure, blockquote, dl, ol, ul, table):not(:first-child) {
  margin-top: 1em;
}
.field.text-formatted :where(.wp-block-columns, .wp-block-group, .wp-block-image):not(:first-child) {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.field.text-formatted :where(td, th) :where(h1, h2, h3, h4, p, figure, blockquote, dl, dd, table) {
  margin-top: 0;
}

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

:where(a) {
  color: var(--color-primary);
  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;
}

.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: 1024px) {
  .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::marker {
  content: inherit;
  content: var(--list-ul-marker);
  color: var(--color-primary);
}
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-font-size: var(--font-size-md);
  --blockquote-border-size: 0px;
  --blockquote-paddings: 0;
  --blockquote-margins: var(--spacing-sm) 0;
  --blockquote-background: transparent;
  --blockquote-border-color: var(--color-border);
}

blockquote {
  font-size: clamp(1.2rem, 0.55vw + 1.06rem, 1.5rem);
  font-size: var(--blockquote-font-size);
  padding: 0;
  padding: var(--blockquote-paddings);
  margin: var(--spacing-sm) 0;
  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;
}

/**
 * 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: 0 0 0 2px var(--color-white), 0 0 0 5px var(--color-primary-light);
}

/**
//@import "typography.pcss";
 * The HTML headings.
 */
:root {
  --line-height-heading: 1.125;
  --headings-fw: 700;
  --headings-text-transform: uppercase;
  --heading-margin-block: .5em .75em;
  --headings-color: var(--color-headings);
  --headings-alt-color: var(--color-secondary);
  --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: 1em;
  margin-bottom: 0.75em;
  text-transform: uppercase;
  text-transform: var(--headings-text-transform);
  font-weight: 700;
  font-weight: var(--headings-fw);
  font-family: "Fira Sans", sans-serif;
  font-family: var(--font-headings);
  color: var(--color-headings);
  color: var(--headings-color);
  text-wrap: balance;
}
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 {
  font-size: clamp(2.07rem, 0.94vw + 1.84rem, 2.59rem);
  font-size: var(--font-size-h1);
  line-height: 1.1;
}

h2, .h2, .block__title, .block-title {
  font-size: clamp(1.44rem, 0.65vw + 1.28rem, 1.8rem);
  font-size: var(--font-size-h2);
}

h3, .h3, .page--subtitle {
  font-size: clamp(1.2rem, 0.55vw + 1.06rem, 1.5rem);
  font-size: var(--font-size-h3);
}

h4, .h4 {
  font-size: clamp(1rem, 0.45vw + 0.89rem, 1.25rem);
  font-size: var(--font-size-h4);
}

h5, .h5 {
  /*font-size: var(--font-size-h5);*/
  font-size: clamp(0.83rem, 0.38vw + 0.74rem, 1.04rem);
  font-size: var(--font-size-h5);
}

h6, .h6 {
  font-size: clamp(0.83rem, 0.38vw + 0.74rem, 1.04rem);
  font-size: var(--font-size-h6);
}

.page--title {
  width: min(100% - 3rem, 1440px);
  margin-left: auto;
  margin-right: auto;
}

/**
 * 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(1rem, 0.45vw + 0.89rem, 1.25rem);
  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(1rem, 0.45vw + 0.89rem, 1.25rem);
  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);
}

/**
 * Basic page styles.
 */
:root {
  --page-background: var(--color-white);
}

body {
  background: var(--color-white);
  background: var(--page-background);
}

p.primary-color, span.primary-color {
  color: var(--color-primary);
}
p.secondary-color, span.secondary-color {
  color: var(--color-secondary);
}
p.tertiary-color, span.tertiary-color {
  color: var(--color-tertiary);
}

.has-primary-color {
  color: #37afe5;
}

.has-primary-background-color {
  background-color: #37afe5;
}
.has-primary-background-color a {
  color: currentColor;
}

.has-secondary-color {
  color: #a6b357;
}

.has-secondary-background-color {
  background-color: #a6b357;
}
.has-secondary-background-color a {
  color: currentColor;
}

.has-tertiary-color {
  color: #f49a58;
}

.has-tertiary-background-color {
  background-color: #f49a58;
}
.has-tertiary-background-color a {
  color: currentColor;
}

.has-cold-color {
  color: #EDF4F3;
}

.has-cold-background-color {
  background-color: #EDF4F3;
}
.has-cold-background-color a {
  color: currentColor;
}

.has-warm-color {
  color: #D3CE97;
}

.has-warm-background-color {
  background-color: #D3CE97;
}
.has-warm-background-color a {
  color: currentColor;
}

.has-alert-color {
  color: #C20E1A;
}

.has-alert-background-color {
  background-color: #C20E1A;
}
.has-alert-background-color a {
  color: currentColor;
}

.has-warning-color {
  color: #E27F13;
}

.has-warning-background-color {
  background-color: #E27F13;
}
.has-warning-background-color a {
  color: currentColor;
}

.has-success-color {
  color: #BED973;
}

.has-success-background-color {
  background-color: #BED973;
}
.has-success-background-color a {
  color: currentColor;
}
/*# sourceMappingURL=index.css.map */