@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@font-face {
  font-family: "WWF";
  src: url(../fonts/WWF.woff2) format("woff2"), url(../fonts/WWF.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
:root {
  --form-width: min(50%, 45ch);
  --text-width: calc(100% - var(--form-width) - var(--unit)*4);
  --page-padding: max(calc((100% - 65rem) / 2), var(--unit));
  --form-background-colour: #fff;
  --progress-bar-colour: #007932;
  --form-container-height: 100dvh;
}

/* grids */
/* text sizes */
/* typography measures */
/* components */
/* radiuses */
/* animations */
/* forms */
/* cards */
/* icons */
/*
 * colors
 */
/* overlays */
/* borders */
/* block backgrounds */
/* wireframe */
/* shadows */
/*
Copy to your sass if you want to use base fonts

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&family=Roboto+Condensed&family=Source+Serif+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap');
*/
.title-font {
  font-family: "WWF", "Helvetica Condensed", "Arial Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1;
}

.copy-font {
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 0;
}

:root {
  --unit: 1.5rem;
  --component-padding: 2.5rem;
  /* font-size */
  --font-scale-factor: 1.35;
  --font-size--m: 1.2rem;
  --font-size--s: calc(var(--font-size--m)/var(--font-scale-factor));
  --font-size--xs: calc(var(--font-size--s)/var(--font-scale-factor));
  --font-size--l: calc(var(--font-size--m)*var(--font-scale-factor));
  --font-size--xl: calc(var(--font-size--l)*var(--font-scale-factor));
  --font-size--xxl: calc(var(--font-size--xl)*var(--font-scale-factor));
  --font-size--xxxl: calc(var(--font-size--xxl)*var(--font-scale-factor));
  --text-line-height: 1.64;
  /* color */
  --color-primary: #007932;
  --color-secondary: #17b5de;
  --color-tertiary: #da1d52;
  --color-white: #fff;
  --color-black: #000;
  --color-light-grey: #f0f0f0;
  --color-text: var(--color-black);
  --color-body-bg: var(--color-white);
  --subtle-color: #ddd;
  /* links */
  --color-link:var(--color-black);
  --color-link-decoration:none;
}

/**
 * modified version of eric meyer's reset 2.0
 * http://meyerweb.com/eric/tools/css/reset/
 */
/**
 * basic reset
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, main,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/**
 * HTML5 display-role reset for older browsers
 */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section,
main, summary {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.display-block {
  display: block;
}

/*
 * compass compatibility
 */
*,
*:after,
*:before {
  box-sizing: border-box;
}

.container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.container.with-content {
  padding-left: var(--unit);
  padding-right: var(--unit);
}

.row {
  width: 100%;
  display: table;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}
.row.collapse .col {
  padding-left: 0;
  padding-right: 0;
}
.row.no-margin > [class*=col]:first-child {
  padding-left: 0;
}
.row.no-margin > [class*=col]:last-child {
  padding-right: 0;
}

.col-1 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 8.3333333333%;
  vertical-align: top;
}

.row.collapse .col-1 {
  padding-left: 0;
  padding-right: 0;
}

.col-2 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 16.6666666667%;
  vertical-align: top;
}

.row.collapse .col-2 {
  padding-left: 0;
  padding-right: 0;
}

.col-3 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 25%;
  vertical-align: top;
}

.row.collapse .col-3 {
  padding-left: 0;
  padding-right: 0;
}

.col-4 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 33.3333333333%;
  vertical-align: top;
}

.row.collapse .col-4 {
  padding-left: 0;
  padding-right: 0;
}

.col-5 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 41.6666666667%;
  vertical-align: top;
}

.row.collapse .col-5 {
  padding-left: 0;
  padding-right: 0;
}

.col-6 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 50%;
  vertical-align: top;
}

.row.collapse .col-6 {
  padding-left: 0;
  padding-right: 0;
}

.col-7 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 58.3333333333%;
  vertical-align: top;
}

.row.collapse .col-7 {
  padding-left: 0;
  padding-right: 0;
}

.col-8 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 66.6666666667%;
  vertical-align: top;
}

.row.collapse .col-8 {
  padding-left: 0;
  padding-right: 0;
}

.col-9 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 75%;
  vertical-align: top;
}

.row.collapse .col-9 {
  padding-left: 0;
  padding-right: 0;
}

.col-10 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 83.3333333333%;
  vertical-align: top;
}

.row.collapse .col-10 {
  padding-left: 0;
  padding-right: 0;
}

.col-11 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 91.6666666667%;
  vertical-align: top;
}

.row.collapse .col-11 {
  padding-left: 0;
  padding-right: 0;
}

.col-12 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 100%;
  vertical-align: top;
}

.row.collapse .col-12 {
  padding-left: 0;
  padding-right: 0;
}

.row.border > *[class*=col] {
  border: 1px solid var(--color-black);
}

.row.vcenter {
  vertical-align: middle;
}
.row.vcenter > *[class*=col] {
  vertical-align: middle;
}

.row.vbottom {
  vertical-align: bottom;
}
.row.vbottom > *[class*=col] {
  vertical-align: bottom;
}

.row.vtop {
  vertical-align: top;
}
.row.vtop > *[class*=col] {
  vertical-align: top;
}

.row.auto {
  width: 100%;
  table-layout: auto;
}

.col {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
}

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

.vcenter {
  vertical-align: middle;
}

.col-full {
  padding-left: var(--unit);
  padding-right: var(--unit);
}

.grid-up-1 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(1, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-1.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-2 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-2.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-3 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-3.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-4 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-4.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-5 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(5, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-5.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-6 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(6, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-6.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-7 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(7, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-7.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-8 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(8, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-8.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-9 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(9, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-9.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-10 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(10, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-10.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-11 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(11, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-11.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-12 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(12, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-12.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-auto {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
  align-items: start;
}
.grid-up-auto.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-auto-10 {
  max-width: 100%;
  padding-left: var(--unit);
  padding-right: var(--unit);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
  align-items: start;
}
.grid-up-auto-10.grid-equalize-heights {
  align-items: stretch;
}

@media only screen and (max-width: 50rem) {
  .row {
    display: table;
    width: 100%;
  }
  .row.mobile-stack {
    display: block;
  }
  .col {
    display: block;
    width: 100%;
  }
  .mob-stack {
    display: block;
  }
  .col-1 {
    display: block;
    width: 100%;
  }
  .col-2 {
    display: block;
    width: 100%;
  }
  .col-3 {
    display: block;
    width: 100%;
  }
  .col-4 {
    display: block;
    width: 100%;
  }
  .col-5 {
    display: block;
    width: 100%;
  }
  .col-6 {
    display: block;
    width: 100%;
  }
  .col-7 {
    display: block;
    width: 100%;
  }
  .col-8 {
    display: block;
    width: 100%;
  }
  .col-9 {
    display: block;
    width: 100%;
  }
  .col-10 {
    display: block;
    width: 100%;
  }
  .col-11 {
    display: block;
    width: 100%;
  }
  .col-12 {
    display: block;
    width: 100%;
  }
  .mob-1 {
    width: 8.3333333333%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-2 {
    width: 16.6666666667%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-3 {
    width: 25%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-4 {
    width: 33.3333333333%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-5 {
    width: 41.6666666667%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-6 {
    width: 50%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-7 {
    width: 58.3333333333%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-8 {
    width: 66.6666666667%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-9 {
    width: 75%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-10 {
    width: 83.3333333333%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-11 {
    width: 91.6666666667%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-12 {
    width: 100%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .n-up > li,
  .n-up.auto-width > li {
    display: block;
    width: 100%;
    float: none;
  }
  .mobile-n-up-1 > li {
    width: 100%;
  }
  .mobile-n-up-1 > li:nth-child(1n+1) {
    clear: left;
  }
  .mobile-n-up-2 > li {
    width: 50%;
  }
  .mobile-n-up-2 > li:nth-child(2n+1) {
    clear: left;
  }
  .mobile-n-up-3 > li {
    width: 33.3333333333%;
  }
  .mobile-n-up-3 > li:nth-child(3n+1) {
    clear: left;
  }
  .mobile-n-up-4 > li {
    width: 25%;
  }
  .mobile-n-up-4 > li:nth-child(4n+1) {
    clear: left;
  }
  .mobile-n-up-5 > li {
    width: 20%;
  }
  .mobile-n-up-5 > li:nth-child(5n+1) {
    clear: left;
  }
  .mobile-n-up-6 > li {
    width: 16.6666666667%;
  }
  .mobile-n-up-6 > li:nth-child(6n+1) {
    clear: left;
  }
  .mobile-n-up-7 > li {
    width: 14.2857142857%;
  }
  .mobile-n-up-7 > li:nth-child(7n+1) {
    clear: left;
  }
  .mobile-n-up-8 > li {
    width: 12.5%;
  }
  .mobile-n-up-8 > li:nth-child(8n+1) {
    clear: left;
  }
  .mobile-n-up-9 > li {
    width: 11.1111111111%;
  }
  .mobile-n-up-9 > li:nth-child(9n+1) {
    clear: left;
  }
  .mobile-n-up-10 > li {
    width: 10%;
  }
  .mobile-n-up-10 > li:nth-child(10n+1) {
    clear: left;
  }
  .mobile-n-up-11 > li {
    width: 9.0909090909%;
  }
  .mobile-n-up-11 > li:nth-child(11n+1) {
    clear: left;
  }
  .mobile-n-up-12 > li {
    width: 8.3333333333%;
  }
  .mobile-n-up-12 > li:nth-child(12n+1) {
    clear: left;
  }
  .grid-up-1 {
    display: block;
  }
  .grid-up-1 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-2 {
    display: block;
  }
  .grid-up-2 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-3 {
    display: block;
  }
  .grid-up-3 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-4 {
    display: block;
  }
  .grid-up-4 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-5 {
    display: block;
  }
  .grid-up-5 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-6 {
    display: block;
  }
  .grid-up-6 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-7 {
    display: block;
  }
  .grid-up-7 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-8 {
    display: block;
  }
  .grid-up-8 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-9 {
    display: block;
  }
  .grid-up-9 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-10 {
    display: block;
  }
  .grid-up-10 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-11 {
    display: block;
  }
  .grid-up-11 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-12 {
    display: block;
  }
  .grid-up-12 > * {
    margin-bottom: var(--unit);
  }
  .mobile-grid-up-1 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(1, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-1.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-2 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(2, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-2.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-3 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(3, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-3.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-4 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(4, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-4.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-5 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(5, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-5.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-6 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(6, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-6.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-7 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(7, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-7.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-8 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(8, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-8.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-9 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(9, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-9.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-10 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(10, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-10.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-11 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(11, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-11.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-12 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(12, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-12.grid-equalize-heights {
    align-items: stretch;
  }
}
.grid-page, .component-type--pzt-gallery,
.component-type--gallery {
  display: grid;
  grid-template-columns: minmax(2.5rem, 1fr) min(45 * 1.2rem, 100% - 4.5rem) minmax(2.5rem, 1fr);
}
@media only screen and (max-width: calc(min(45 * 1.2rem, 100% - 4.5rem) * 1.2 + 6rem)) {
  .grid-page, .component-type--pzt-gallery,
  .component-type--gallery {
    grid-template-columns: 1.25rem 1fr 1.25rem;
  }
}

.huge-text,
.xxl-text {
  font-size: var(--font-size--xxl);
}

.large-text,
.l-text {
  font-size: var(--font-size--l);
}

.big-text,
.xl-text {
  font-size: var(--font-size--xl);
}

.small-text,
.s-text {
  font-size: var(--font-size--s);
}

.tiny-text,
.xs-text {
  font-size: var(--font-size--xs);
}

.normal-text,
.m-text {
  font-size: var(--font-size--m);
}

.hero-text,
.xxxl-text {
  font-size: var(--font-size--xxxl);
}

/* headings */
h1, h2, h3, h4, h5, h6 {
  font-family: "WWF", "Helvetica Condensed", "Arial Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  margin-bottom: 0.5em;
  line-height: 1;
  display: block;
  text-wrap: balance;
}

h1 {
  font-size: var(--font-size--xxxl);
}
h1 small {
  font-size: var(--font-size--xl);
}

h2 {
  font-size: var(--font-size--xxl);
}
h2 small {
  font-size: var(--font-size--l);
}

h3 {
  font-size: var(--font-size--xl);
}
h3 small {
  font-size: var(--font-size--m);
}

h4 {
  font-size: var(--font-size--l);
}
h4 small {
  font-size: var(--font-size--s);
}

h5 {
  font-size: var(--font-size--m);
}

h6 {
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  font-size: var(--font-size--m);
}

/* text-container */
.text-container, .cke_editable {
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 0;
  -webkit-hyphens: none;
          hyphens: none;
  max-width: 35em;
  line-height: var(--text-line-height);
}
.text-container * + h2, .cke_editable * + h2,
.text-container * + h3,
.cke_editable * + h3,
.text-container * + h4,
.cke_editable * + h4,
.text-container * + h5,
.cke_editable * + h5,
.text-container * + h6,
.cke_editable * + h6 {
  margin-top: 1.5em;
}
.text-container p, .cke_editable p {
  margin-bottom: 1em;
}
.text-container p:last-child, .cke_editable p:last-child {
  margin-bottom: 0;
}
.text-container table th, .cke_editable table th {
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  text-align: left;
}
.text-container table td, .cke_editable table td,
.text-container table th,
.cke_editable table th {
  padding: 0.25em 1em 0.25em 0.25em;
  vertical-align: top;
  border-bottom: 1px dotted var(--subtle-color);
}
.text-container figure, .cke_editable figure {
  margin-bottom: 2em;
}
.text-container figure figcaption, .cke_editable figure figcaption {
  font-size: var(--font-size--s);
}
.text-container em, .cke_editable em {
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: italic;
  font-weight: normal;
  letter-spacing: 0;
}
.text-container strong, .cke_editable strong {
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}
.text-container ul, .cke_editable ul,
.text-container ol,
.cke_editable ol,
.text-container dl,
.cke_editable dl {
  margin-bottom: 1em;
}
.text-container ul, .cke_editable ul {
  list-style: disc;
  padding-left: 1.25em;
}
.text-container ul ul, .cke_editable ul ul {
  margin-bottom: 2em;
}
.text-container ul li, .cke_editable ul li,
.text-container dt,
.cke_editable dt {
  display: list-item;
  margin-bottom: 0.5em;
  padding-left: 1em;
  position: relative;
}
.text-container li, .cke_editable li,
.text-container dt,
.cke_editable dt,
.text-container dd,
.cke_editable dd {
  padding-left: 0;
}
.text-container dl, .cke_editable dl {
  list-style: none;
}
.text-container dt, .cke_editable dt {
  font-weight: bold;
}
.text-container dd, .cke_editable dd {
  margin-bottom: 2em;
}
.text-container ol, .cke_editable ol {
  list-style: decimal;
  padding-left: 1.5em;
}
.text-container ol li, .cke_editable ol li {
  margin-bottom: 0.5em;
}
.text-container.align-center, .align-center.cke_editable {
  margin: 0 auto;
}

/* objects */
/* general purpose formatting for blocks */
.padded,
.pad,
.cke_editable {
  padding: var(--unit);
}

.padded-half,
.pad-half {
  padding: calc(var(--unit) * 0.5);
}

.padded-double,
.pad-2 {
  padding: calc(var(--unit) * 2);
}

.padded-triple,
.pad-3 {
  padding: calc(var(--unit) * 3);
}

.v-padded,
.pad-v {
  padding-top: var(--unit);
  padding-bottom: var(--unit);
}

.v-padded-half,
.pad-vh,
.pad-v-half {
  padding-top: calc(var(--unit) * 0.5);
  padding-bottom: calc(var(--unit) * 0.5);
}

.v-padded-double,
.pad-v2 {
  padding-top: calc(var(--unit) * 2);
  padding-bottom: calc(var(--unit) * 2);
}

.v-padded-triple,
.pad-v3 {
  padding-top: calc(var(--unit) * 3);
  padding-bottom: calc(var(--unit) * 3);
}

.h-padded,
.pad-h {
  padding-left: var(--unit);
  padding-right: var(--unit);
}

.h-padded-half,
.pad-hh {
  padding-left: calc(var(--unit) * 0.5);
  padding-right: calc(var(--unit) * 0.5);
}

.h-padded-double,
.pad-h2 {
  padding-left: calc(var(--unit) * 2);
  padding-right: calc(var(--unit) * 2);
}

.h-padded-triple,
.pad-h3 {
  padding-left: calc(var(--unit) * 3);
  padding-right: calc(var(--unit) * 3);
}

/* single paddings and margins */
.pad-t {
  padding-top: var(--unit);
}

.pad-b {
  padding-bottom: var(--unit);
}

.pad-r {
  padding-right: var(--unit);
}

.pad-l {
  padding-left: var(--unit);
}

.pad-t2 {
  padding-top: calc(var(--unit) * 2);
}

.pad-b2 {
  padding-bottom: calc(var(--unit) * 2);
}

.pad-r2 {
  padding-right: calc(var(--unit) * 2);
}

.pad-l2 {
  padding-left: calc(var(--unit) * 2);
}

.pad-t3 {
  padding-top: calc(var(--unit) * 3);
}

.pad-b3 {
  padding-bottom: calc(var(--unit) * 3);
}

.pad-r3 {
  padding-right: calc(var(--unit) * 3);
}

.pad-l3 {
  padding-left: calc(var(--unit) * 3);
}

.pad-th {
  padding-top: calc(var(--unit) * 0.5);
}

.pad-bh {
  padding-bottom: calc(var(--unit) * 0.5);
}

.pad-rh {
  padding-right: calc(var(--unit) * 0.5);
}

.pad-lh {
  padding-left: calc(var(--unit) * 0.5);
}

.mar-t {
  margin-top: var(--unit);
}

.mar-b {
  margin-bottom: var(--unit);
}

.mar-r {
  margin-right: var(--unit);
}

.mar-l {
  margin-left: var(--unit);
}

.mar-t2 {
  margin-top: calc(var(--unit) * 2);
}

.mar-b2 {
  margin-bottom: calc(var(--unit) * 2);
}

.mar-r2 {
  margin-right: calc(var(--unit) * 2);
}

.mar-l2 {
  margin-left: calc(var(--unit) * 2);
}

.mar-t3 {
  margin-top: calc(var(--unit) * 3);
}

.mar-b3 {
  margin-bottom: calc(var(--unit) * 3);
}

.mar-r3 {
  margin-right: calc(var(--unit) * 3);
}

.mar-l3 {
  margin-left: calc(var(--unit) * 3);
}

.mar-th {
  margin-top: calc(var(--unit) * 0.5);
}

.mar-bh {
  margin-bottom: calc(var(--unit) * 0.5);
}

.mar-rh {
  margin-right: calc(var(--unit) * 0.5);
}

.mar-lh {
  margin-left: calc(var(--unit) * 0.5);
}

.rounded {
  border-radius: calc(var(--unit) * 0.5);
}

.filled {
  background: var(--color-primary);
  /* if padding a row, compensate column padding
  * on outmost columns
  */
}
.filled .filled {
  background: var(--color-white);
  color: var(--color-text);
}
.filled.row {
  padding-top: var(--unit);
}

.filled-light {
  background: #d0f1fb;
}

/* block min height & max-height */
.max-height-10 {
  max-height: 10vh;
}
.max-height-10 * {
  max-height: 10vh;
}

.min-height-10 {
  min-height: 10vh;
}

.max-height-20 {
  max-height: 20vh;
}
.max-height-20 * {
  max-height: 20vh;
}

.min-height-20 {
  min-height: 20vh;
}

.max-height-30 {
  max-height: 30vh;
}
.max-height-30 * {
  max-height: 30vh;
}

.min-height-30 {
  min-height: 30vh;
}

.max-height-40 {
  max-height: 40vh;
}
.max-height-40 * {
  max-height: 40vh;
}

.min-height-40 {
  min-height: 40vh;
}

.max-height-50 {
  max-height: 50vh;
}
.max-height-50 * {
  max-height: 50vh;
}

.min-height-50 {
  min-height: 50vh;
}

.max-height-60 {
  max-height: 60vh;
}
.max-height-60 * {
  max-height: 60vh;
}

.min-height-60 {
  min-height: 60vh;
}

.max-height-70 {
  max-height: 70vh;
}
.max-height-70 * {
  max-height: 70vh;
}

.min-height-70 {
  min-height: 70vh;
}

.max-height-80 {
  max-height: 80vh;
}
.max-height-80 * {
  max-height: 80vh;
}

.min-height-80 {
  min-height: 80vh;
}

.max-height-90 {
  max-height: 90vh;
}
.max-height-90 * {
  max-height: 90vh;
}

.min-height-90 {
  min-height: 90vh;
}

.max-height-100 {
  max-height: 100vh;
}
.max-height-100 * {
  max-height: 100vh;
}

.min-height-100 {
  min-height: 100vh;
}

/* background */
.full-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.with-white-overlay,
.with-black-overlay {
  position: relative;
}
.with-white-overlay .content,
.with-black-overlay .content {
  position: relative;
  z-index: 1;
}
.with-white-overlay:before,
.with-black-overlay:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}

.with-white-overlay:before {
  background-color: rgba(255, 255, 255, 0.6);
}

.with-black-overlay:before {
  background-color: rgba(0, 0, 0, 0.7);
}

.bg-align-top-left {
  background-position: top left !important;
}

.bg-align-top-center {
  background-position: top center !important;
}

.bg-align-top-right {
  background-position: top right !important;
}

.bg-align-center-left {
  background-position: center left !important;
}

.bg-align-center-center {
  background-position: center center !important;
}

.bg-align-center-right {
  background-position: center right !important;
}

.bg-align-bottom-left {
  background-position: bottom left !important;
}

.bg-align-bottom-center {
  background-position: bottom center !important;
}

.bg-align-bottom-right {
  background-position: bottom right !important;
}

/* text-alignment */
.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
  margin-left: auto;
}

.align-center {
  text-align: center;
}
.align-center .text-container, .align-center .cke_editable {
  margin-left: auto;
  margin-right: auto;
}

.negative,
.negative *:not(.filled, .filled-light) {
  color: var(--color-white);
}
.negative .action, .negative input[type=submit] {
  background: var(--color-white);
  color: var(--color-text);
}
.negative .action:after, .negative input[type=submit]:after {
  background-image: url("../img/ui-icons/external-link.svg");
}
.negative .filled,
.negative .filled-light {
  color: inherit;
}

.as-bg, .component .component--bg,
.as-bg-container img,
.as-bg-container svg {
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100% !important;
  width: 100%;
  z-index: 0;
}
.as-bg.fixed, .component .fixed.component--bg,
.as-bg-container img.fixed,
.as-bg-container svg.fixed {
  position: fixed;
}

.p-relative {
  position: relative;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-m-10 {
  z-index: -10;
}

.z-m-20 {
  z-index: -20;
}

.hidden {
  display: none;
}

.visually-hidden, .share--wrapper a span, .petition-form input[type=text] label, .petition-form input[type=tel] label, .petition-form input[type=email] label {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

.visually-hidden.focusable:active, .share--wrapper a span.focusable:active, .petition-form input[type=text] label.focusable:active, .petition-form input[type=tel] label.focusable:active, .petition-form input[type=email] label.focusable:active,
.visually-hidden.focusable:focus,
.share--wrapper a span.focusable:focus,
.petition-form input[type=text] label.focusable:focus,
.petition-form input[type=tel] label.focusable:focus,
.petition-form input[type=email] label.focusable:focus {
  position: static !important;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
}

.invisible {
  visibility: hidden;
}

.bg-overlay:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
.bg-overlay .text-container, .bg-overlay .cke_editable {
  position: relative;
  z-index: 2;
}

.clickable {
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
}

.bg-cover {
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-contain {
  background-size: contain;
  background-repeat: no-repeat;
}

.bg-alignment--top-left .component--bg {
  background-position: top left;
}

.bg-alignment--top-center .component--bg {
  background-position: top center;
}

.bg-alignment--top-right .component--bg {
  background-position: top right;
}

.bg-alignment--center-left .component--bg {
  background-position: center left;
}

.bg-alignment--center-center .component--bg {
  background-position: center center;
}

.bg-alignment--center-right .component--bg {
  background-position: center right;
}

.bg-alignment--bottom-left .component--bg {
  background-position: bottom left;
}

.bg-alignment--bottom-center .component--bg {
  background-position: bottom center;
}

.bg-alignment--bottom-right .component--bg {
  background-position: bottom right;
}

* {
  box-sizing: border-box;
}

html {
  font-size: var(--font-size--m);
}

body {
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 0;
  background-color: var(--color-body-bg);
  color: var(--color-text);
  line-height: var(--text-line-height);
}

a {
  color: var(--color-link);
  -webkit-text-decoration: var(--color-link-decoration);
          text-decoration: var(--color-link-decoration);
}
a.break {
  word-break: break-word;
}

abbr {
  cursor: help;
}

code {
  white-space: pre-wrap;
  font-family: monospace;
}

blockquote {
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 0;
  display: block;
  position: relative;
  padding: calc(var(--unit) * 2) 0 calc(var(--unit) * 2) calc(var(--unit) * 2);
}
blockquote strong {
  display: block;
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  font-style: normal;
}
blockquote:before {
  content: "”";
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  font-size: 4em;
  float: left;
  line-height: 0.5em;
  position: relative;
  top: 0.2em;
  left: -0.2em;
}

img:not(.align-left, .align-right, .align-center, .visually-hidden),
svg:not(.align-left, .align-right, .align-center, .visually-hidden) {
  width: 100%;
  height: auto;
}

ul.no-bullets {
  list-style: none;
  padding-left: 0;
}
ul.no-bullets li {
  padding-left: 0;
}

/* grids */
/* text sizes */
/* typography measures */
/* components */
/* radiuses */
/* animations */
/* forms */
/* cards */
/* icons */
/*
 * colors
 */
/* overlays */
/* borders */
/* block backgrounds */
/* wireframe */
/* shadows */
/*
Copy to your sass if you want to use base fonts

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&family=Roboto+Condensed&family=Source+Serif+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap');
*/
.title-font {
  font-family: "WWF", "Helvetica Condensed", "Arial Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1;
}

.copy-font {
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 0;
}

:root {
  --unit: 1.5rem;
  --component-padding: 2.5rem;
  /* font-size */
  --font-scale-factor: 1.35;
  --font-size--m: 1.2rem;
  --font-size--s: calc(var(--font-size--m)/var(--font-scale-factor));
  --font-size--xs: calc(var(--font-size--s)/var(--font-scale-factor));
  --font-size--l: calc(var(--font-size--m)*var(--font-scale-factor));
  --font-size--xl: calc(var(--font-size--l)*var(--font-scale-factor));
  --font-size--xxl: calc(var(--font-size--xl)*var(--font-scale-factor));
  --font-size--xxxl: calc(var(--font-size--xxl)*var(--font-scale-factor));
  --text-line-height: 1.64;
  /* color */
  --color-primary: #007932;
  --color-secondary: #17b5de;
  --color-tertiary: #da1d52;
  --color-white: #fff;
  --color-black: #000;
  --color-light-grey: #f0f0f0;
  --color-text: var(--color-black);
  --color-body-bg: var(--color-white);
  --subtle-color: #ddd;
  /* links */
  --color-link:var(--color-black);
  --color-link-decoration:none;
}

/**
 * modified version of eric meyer's reset 2.0
 * http://meyerweb.com/eric/tools/css/reset/
 */
/**
 * basic reset
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, main,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/**
 * HTML5 display-role reset for older browsers
 */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section,
main, summary {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.display-block {
  display: block;
}

/*
 * compass compatibility
 */
*,
*:after,
*:before {
  box-sizing: border-box;
}

.container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.container.with-content {
  padding-left: var(--unit);
  padding-right: var(--unit);
}

.row {
  width: 100%;
  display: table;
  table-layout: fixed;
  padding: 0;
  margin: 0;
}
.row.collapse .col {
  padding-left: 0;
  padding-right: 0;
}
.row.no-margin > [class*=col]:first-child {
  padding-left: 0;
}
.row.no-margin > [class*=col]:last-child {
  padding-right: 0;
}

.col-1 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 8.3333333333%;
  vertical-align: top;
}

.row.collapse .col-1 {
  padding-left: 0;
  padding-right: 0;
}

.col-2 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 16.6666666667%;
  vertical-align: top;
}

.row.collapse .col-2 {
  padding-left: 0;
  padding-right: 0;
}

.col-3 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 25%;
  vertical-align: top;
}

.row.collapse .col-3 {
  padding-left: 0;
  padding-right: 0;
}

.col-4 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 33.3333333333%;
  vertical-align: top;
}

.row.collapse .col-4 {
  padding-left: 0;
  padding-right: 0;
}

.col-5 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 41.6666666667%;
  vertical-align: top;
}

.row.collapse .col-5 {
  padding-left: 0;
  padding-right: 0;
}

.col-6 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 50%;
  vertical-align: top;
}

.row.collapse .col-6 {
  padding-left: 0;
  padding-right: 0;
}

.col-7 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 58.3333333333%;
  vertical-align: top;
}

.row.collapse .col-7 {
  padding-left: 0;
  padding-right: 0;
}

.col-8 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 66.6666666667%;
  vertical-align: top;
}

.row.collapse .col-8 {
  padding-left: 0;
  padding-right: 0;
}

.col-9 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 75%;
  vertical-align: top;
}

.row.collapse .col-9 {
  padding-left: 0;
  padding-right: 0;
}

.col-10 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 83.3333333333%;
  vertical-align: top;
}

.row.collapse .col-10 {
  padding-left: 0;
  padding-right: 0;
}

.col-11 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 91.6666666667%;
  vertical-align: top;
}

.row.collapse .col-11 {
  padding-left: 0;
  padding-right: 0;
}

.col-12 {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
  width: 100%;
  vertical-align: top;
}

.row.collapse .col-12 {
  padding-left: 0;
  padding-right: 0;
}

.row.border > *[class*=col] {
  border: 1px solid var(--color-black);
}

.row.vcenter {
  vertical-align: middle;
}
.row.vcenter > *[class*=col] {
  vertical-align: middle;
}

.row.vbottom {
  vertical-align: bottom;
}
.row.vbottom > *[class*=col] {
  vertical-align: bottom;
}

.row.vtop {
  vertical-align: top;
}
.row.vtop > *[class*=col] {
  vertical-align: top;
}

.row.auto {
  width: 100%;
  table-layout: auto;
}

.col {
  display: table-cell;
  padding-left: var(--unit);
  padding-right: var(--unit);
}

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

.vcenter {
  vertical-align: middle;
}

.col-full {
  padding-left: var(--unit);
  padding-right: var(--unit);
}

.grid-up-1 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(1, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-1.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-2 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-2.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-3 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-3.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-4 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-4.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-5 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(5, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-5.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-6 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(6, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-6.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-7 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(7, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-7.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-8 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(8, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-8.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-9 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(9, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-9.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-10 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(10, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-10.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-11 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(11, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-11.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-12 {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(12, minmax(5rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.grid-up-12.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-auto {
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
  align-items: start;
}
.grid-up-auto.grid-equalize-heights {
  align-items: stretch;
}

.grid-up-auto-10 {
  max-width: 100%;
  padding-left: var(--unit);
  padding-right: var(--unit);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  grid-template-rows: auto;
  row-gap: var(--unit);
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
  align-items: start;
}
.grid-up-auto-10.grid-equalize-heights {
  align-items: stretch;
}

@media only screen and (max-width: 50rem) {
  .row {
    display: table;
    width: 100%;
  }
  .row.mobile-stack {
    display: block;
  }
  .col {
    display: block;
    width: 100%;
  }
  .mob-stack {
    display: block;
  }
  .col-1 {
    display: block;
    width: 100%;
  }
  .col-2 {
    display: block;
    width: 100%;
  }
  .col-3 {
    display: block;
    width: 100%;
  }
  .col-4 {
    display: block;
    width: 100%;
  }
  .col-5 {
    display: block;
    width: 100%;
  }
  .col-6 {
    display: block;
    width: 100%;
  }
  .col-7 {
    display: block;
    width: 100%;
  }
  .col-8 {
    display: block;
    width: 100%;
  }
  .col-9 {
    display: block;
    width: 100%;
  }
  .col-10 {
    display: block;
    width: 100%;
  }
  .col-11 {
    display: block;
    width: 100%;
  }
  .col-12 {
    display: block;
    width: 100%;
  }
  .mob-1 {
    width: 8.3333333333%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-2 {
    width: 16.6666666667%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-3 {
    width: 25%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-4 {
    width: 33.3333333333%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-5 {
    width: 41.6666666667%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-6 {
    width: 50%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-7 {
    width: 58.3333333333%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-8 {
    width: 66.6666666667%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-9 {
    width: 75%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-10 {
    width: 83.3333333333%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-11 {
    width: 91.6666666667%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .mob-12 {
    width: 100%;
    display: table-cell;
    vertical-align: top;
    padding-left: var(--unit);
    padding-right: var(--unit);
  }
  .n-up > li,
  .n-up.auto-width > li {
    display: block;
    width: 100%;
    float: none;
  }
  .mobile-n-up-1 > li {
    width: 100%;
  }
  .mobile-n-up-1 > li:nth-child(1n+1) {
    clear: left;
  }
  .mobile-n-up-2 > li {
    width: 50%;
  }
  .mobile-n-up-2 > li:nth-child(2n+1) {
    clear: left;
  }
  .mobile-n-up-3 > li {
    width: 33.3333333333%;
  }
  .mobile-n-up-3 > li:nth-child(3n+1) {
    clear: left;
  }
  .mobile-n-up-4 > li {
    width: 25%;
  }
  .mobile-n-up-4 > li:nth-child(4n+1) {
    clear: left;
  }
  .mobile-n-up-5 > li {
    width: 20%;
  }
  .mobile-n-up-5 > li:nth-child(5n+1) {
    clear: left;
  }
  .mobile-n-up-6 > li {
    width: 16.6666666667%;
  }
  .mobile-n-up-6 > li:nth-child(6n+1) {
    clear: left;
  }
  .mobile-n-up-7 > li {
    width: 14.2857142857%;
  }
  .mobile-n-up-7 > li:nth-child(7n+1) {
    clear: left;
  }
  .mobile-n-up-8 > li {
    width: 12.5%;
  }
  .mobile-n-up-8 > li:nth-child(8n+1) {
    clear: left;
  }
  .mobile-n-up-9 > li {
    width: 11.1111111111%;
  }
  .mobile-n-up-9 > li:nth-child(9n+1) {
    clear: left;
  }
  .mobile-n-up-10 > li {
    width: 10%;
  }
  .mobile-n-up-10 > li:nth-child(10n+1) {
    clear: left;
  }
  .mobile-n-up-11 > li {
    width: 9.0909090909%;
  }
  .mobile-n-up-11 > li:nth-child(11n+1) {
    clear: left;
  }
  .mobile-n-up-12 > li {
    width: 8.3333333333%;
  }
  .mobile-n-up-12 > li:nth-child(12n+1) {
    clear: left;
  }
  .grid-up-1 {
    display: block;
  }
  .grid-up-1 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-2 {
    display: block;
  }
  .grid-up-2 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-3 {
    display: block;
  }
  .grid-up-3 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-4 {
    display: block;
  }
  .grid-up-4 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-5 {
    display: block;
  }
  .grid-up-5 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-6 {
    display: block;
  }
  .grid-up-6 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-7 {
    display: block;
  }
  .grid-up-7 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-8 {
    display: block;
  }
  .grid-up-8 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-9 {
    display: block;
  }
  .grid-up-9 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-10 {
    display: block;
  }
  .grid-up-10 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-11 {
    display: block;
  }
  .grid-up-11 > * {
    margin-bottom: var(--unit);
  }
  .grid-up-12 {
    display: block;
  }
  .grid-up-12 > * {
    margin-bottom: var(--unit);
  }
  .mobile-grid-up-1 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(1, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-1.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-2 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(2, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-2.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-3 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(3, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-3.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-4 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(4, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-4.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-5 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(5, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-5.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-6 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(6, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-6.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-7 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(7, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-7.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-8 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(8, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-8.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-9 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(9, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-9.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-10 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(10, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-10.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-11 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(11, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-11.grid-equalize-heights {
    align-items: stretch;
  }
  .mobile-grid-up-12 {
    max-width: 100%;
    padding-left: var(--unit);
    padding-right: var(--unit);
    display: grid;
    grid-template-columns: repeat(12, minmax(5rem, 1fr));
    grid-template-rows: auto;
    row-gap: var(--unit);
    -moz-column-gap: var(--unit);
         column-gap: var(--unit);
  }
  .mobile-grid-up-12.grid-equalize-heights {
    align-items: stretch;
  }
}
.grid-page, .component-type--pzt-gallery,
.component-type--gallery {
  display: grid;
  grid-template-columns: minmax(2.5rem, 1fr) min(45 * 1.2rem, 100% - 4.5rem) minmax(2.5rem, 1fr);
}
@media only screen and (max-width: calc(min(45 * 1.2rem, 100% - 4.5rem) * 1.2 + 6rem)) {
  .grid-page, .component-type--pzt-gallery,
  .component-type--gallery {
    grid-template-columns: 1.25rem 1fr 1.25rem;
  }
}

.huge-text,
.xxl-text {
  font-size: var(--font-size--xxl);
}

.large-text,
.l-text {
  font-size: var(--font-size--l);
}

.big-text,
.xl-text {
  font-size: var(--font-size--xl);
}

.small-text,
.s-text {
  font-size: var(--font-size--s);
}

.tiny-text,
.xs-text {
  font-size: var(--font-size--xs);
}

.normal-text,
.m-text {
  font-size: var(--font-size--m);
}

.hero-text,
.xxxl-text {
  font-size: var(--font-size--xxxl);
}

/* headings */
h1, h2, h3, h4, h5, h6 {
  font-family: "WWF", "Helvetica Condensed", "Arial Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  margin-bottom: 0.5em;
  line-height: 1;
  display: block;
  text-wrap: balance;
}

h1 {
  font-size: var(--font-size--xxxl);
}
h1 small {
  font-size: var(--font-size--xl);
}

h2 {
  font-size: var(--font-size--xxl);
}
h2 small {
  font-size: var(--font-size--l);
}

h3 {
  font-size: var(--font-size--xl);
}
h3 small {
  font-size: var(--font-size--m);
}

h4 {
  font-size: var(--font-size--l);
}
h4 small {
  font-size: var(--font-size--s);
}

h5 {
  font-size: var(--font-size--m);
}

h6 {
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  font-size: var(--font-size--m);
}

/* text-container */
.text-container, .cke_editable {
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 0;
  -webkit-hyphens: none;
          hyphens: none;
  max-width: 35em;
  line-height: var(--text-line-height);
}
.text-container * + h2, .cke_editable * + h2,
.text-container * + h3,
.cke_editable * + h3,
.text-container * + h4,
.cke_editable * + h4,
.text-container * + h5,
.cke_editable * + h5,
.text-container * + h6,
.cke_editable * + h6 {
  margin-top: 1.5em;
}
.text-container p, .cke_editable p {
  margin-bottom: 1em;
}
.text-container p:last-child, .cke_editable p:last-child {
  margin-bottom: 0;
}
.text-container table th, .cke_editable table th {
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  text-align: left;
}
.text-container table td, .cke_editable table td,
.text-container table th,
.cke_editable table th {
  padding: 0.25em 1em 0.25em 0.25em;
  vertical-align: top;
  border-bottom: 1px dotted var(--subtle-color);
}
.text-container figure, .cke_editable figure {
  margin-bottom: 2em;
}
.text-container figure figcaption, .cke_editable figure figcaption {
  font-size: var(--font-size--s);
}
.text-container em, .cke_editable em {
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: italic;
  font-weight: normal;
  letter-spacing: 0;
}
.text-container strong, .cke_editable strong {
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}
.text-container ul, .cke_editable ul,
.text-container ol,
.cke_editable ol,
.text-container dl,
.cke_editable dl {
  margin-bottom: 1em;
}
.text-container ul, .cke_editable ul {
  list-style: disc;
  padding-left: 1.25em;
}
.text-container ul ul, .cke_editable ul ul {
  margin-bottom: 2em;
}
.text-container ul li, .cke_editable ul li,
.text-container dt,
.cke_editable dt {
  display: list-item;
  margin-bottom: 0.5em;
  padding-left: 1em;
  position: relative;
}
.text-container li, .cke_editable li,
.text-container dt,
.cke_editable dt,
.text-container dd,
.cke_editable dd {
  padding-left: 0;
}
.text-container dl, .cke_editable dl {
  list-style: none;
}
.text-container dt, .cke_editable dt {
  font-weight: bold;
}
.text-container dd, .cke_editable dd {
  margin-bottom: 2em;
}
.text-container ol, .cke_editable ol {
  list-style: decimal;
  padding-left: 1.5em;
}
.text-container ol li, .cke_editable ol li {
  margin-bottom: 0.5em;
}
.text-container.align-center, .align-center.cke_editable {
  margin: 0 auto;
}

/* generic component */
.component {
  position: relative;
}
.component > .component--content {
  position: relative;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
}
.component .component--bg {
  background-position: 50% 50%;
  background-size: cover;
  z-index: 1;
}
.component.with-page-grid {
  display: grid;
  grid-template-columns: minmax(2.5rem, 1fr) min(45 * 1.2rem, 100% - 4.5rem) minmax(2.5rem, 1fr);
}
@media only screen and (max-width: calc(min(45 * 1.2rem, 100% - 4.5rem) * 1.2 + 6rem)) {
  .component.with-page-grid {
    grid-template-columns: 1.25rem 1fr 1.25rem;
  }
}

.component--title {
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px;
  margin-bottom: var(--unit);
}

.background-fixed .component--bg {
  background-attachment: fixed;
}

.position--center,
.position--full-bleed-left,
.position--full-bleed-right,
.position--page-width {
  display: grid;
  grid-template-columns: minmax(2.5rem, 1fr) min(45 * 1.2rem, 100% - 4.5rem) minmax(2.5rem, 1fr);
}
@media only screen and (max-width: calc(min(45 * 1.2rem, 100% - 4.5rem) * 1.2 + 6rem)) {
  .position--center,
  .position--full-bleed-left,
  .position--full-bleed-right,
  .position--page-width {
    grid-template-columns: 1.25rem 1fr 1.25rem;
  }
}

.position--center > .component--content,
.position--center > .component--title,
.position--center > .component--content > .component--title {
  grid-column: 2;
}

.position--full-bleed-left {
  padding-left: 0;
}
.position--full-bleed-left > .component--content,
.position--full-bleed-left > .component--title,
.position--full-bleed-left > .component--content > .component--title {
  grid-column: 1/3;
  max-width: none;
}
.position--full-bleed-left > .component--title,
.position--full-bleed-left > .component--content > .component--title {
  text-align: right;
}

.position--full-bleed-right {
  padding-right: 0;
}
.position--full-bleed-right > .component--content,
.position--full-bleed-right > .component--title,
.position--full-bleed-right > .component--content > .component--title {
  max-width: none;
  grid-column: 2/4;
}

.position--full-bleed {
  padding-left: 0;
  padding-right: 0;
}
.position--full-bleed > .component--content,
.position--full-bleed > .component--title,
.position--full-bleed > .component--content > .component--title {
  max-width: none;
  grid-column: 1/4;
  margin: 0;
}
.position--full-bleed.component-type--text {
  padding-left: var(--unit);
  padding-right: var(--unit);
}

.position--full-width {
  padding-left: var(--component-padding);
  padding-right: var(--component-padding);
}
.position--full-width > .component--content,
.position--full-width > .component--title,
.position--full-width > .component--content > .component--title {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.position--full-screen {
  padding: 0;
  display: block;
}
.position--full-screen > .component--content {
  max-width: none;
  height: 100vh;
}

.position--page-width {
  margin-left: var(--unit);
  margin-right: var(--unit);
}
.position--page-width > .component--content,
.position--page-width > .component--title,
.position--page-width > .component--content > .component--title {
  max-width: none;
  grid-column: 1/4;
}

.position--text-width > .component--content,
.position--text-width > .component--title,
.position--text-width > .component--content > .component--title {
  grid-column: 2;
  max-width: 35em;
}

input[type=text],
input[type=number],
input[type=password],
input[type=email],
input[type=tel],
input[type=date],
input[type=datetime-local],
input[type=submit],
select,
textarea {
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 0;
  font-size: var(--font-size--m);
  background-color: var(--color-white);
  color: var(--color-black);
  border-radius: calc(var(--unit) * 0.5 * 0.5);
  border: 1px solid var(--color-black);
  min-height: var(--unit);
  width: 100%;
  vertical-align: middle;
  padding: calc(var(--unit) * 0.3) calc(var(--unit) * 0.3) calc(var(--unit) * 0.3) calc(var(--unit) * 0.3);
}
input[type=text].disabled,
input[type=number].disabled,
input[type=password].disabled,
input[type=email].disabled,
input[type=tel].disabled,
input[type=date].disabled,
input[type=datetime-local].disabled,
input[type=submit].disabled,
select.disabled,
textarea.disabled {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: var(--color-light-grey) !important;
}

form {
  --color-link: var(--color-primary);
  --color-link-decoration: underline;
}

.form-item {
  width: auto;
  max-width: 100%;
  margin-bottom: calc(var(--unit) * 0.75);
}
.form-item label:not(.option) {
  font-weight: 700;
}
.form-item .description,
.form-item .text-count-wrapper {
  font-size: var(--font-size--s);
}

.form-type--checkbox,
.form-type--radio {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.form-type--checkbox > input,
.form-type--radio > input {
  margin-top: 0.25rem;
}
.form-type--checkbox label.option,
.form-type--radio label.option {
  width: calc(100% - 2em);
  line-height: 1.3;
}

fieldset.form-item legend {
  font-weight: 700;
  margin-bottom: calc(var(--unit) * 0.5);
}
fieldset.form-item .form-item {
  margin-bottom: calc(var(--unit) * 0.75 * 0.5);
}

.mattarello-map--region-label {
  transform: translateX(0%) translateY(-50%);
  font-size: 1rem;
  background: var(--color-white);
  padding: 0.5em;
  color: var(--color-black);
  border: 1px solid var(--color-black);
}

/* objects */
/* general purpose formatting for blocks */
.padded,
.pad,
.cke_editable {
  padding: var(--unit);
}

.padded-half,
.pad-half {
  padding: calc(var(--unit) * 0.5);
}

.padded-double,
.pad-2 {
  padding: calc(var(--unit) * 2);
}

.padded-triple,
.pad-3 {
  padding: calc(var(--unit) * 3);
}

.v-padded,
.pad-v {
  padding-top: var(--unit);
  padding-bottom: var(--unit);
}

.v-padded-half,
.pad-vh,
.pad-v-half {
  padding-top: calc(var(--unit) * 0.5);
  padding-bottom: calc(var(--unit) * 0.5);
}

.v-padded-double,
.pad-v2 {
  padding-top: calc(var(--unit) * 2);
  padding-bottom: calc(var(--unit) * 2);
}

.v-padded-triple,
.pad-v3 {
  padding-top: calc(var(--unit) * 3);
  padding-bottom: calc(var(--unit) * 3);
}

.h-padded,
.pad-h {
  padding-left: var(--unit);
  padding-right: var(--unit);
}

.h-padded-half,
.pad-hh {
  padding-left: calc(var(--unit) * 0.5);
  padding-right: calc(var(--unit) * 0.5);
}

.h-padded-double,
.pad-h2 {
  padding-left: calc(var(--unit) * 2);
  padding-right: calc(var(--unit) * 2);
}

.h-padded-triple,
.pad-h3 {
  padding-left: calc(var(--unit) * 3);
  padding-right: calc(var(--unit) * 3);
}

/* single paddings and margins */
.pad-t {
  padding-top: var(--unit);
}

.pad-b {
  padding-bottom: var(--unit);
}

.pad-r {
  padding-right: var(--unit);
}

.pad-l {
  padding-left: var(--unit);
}

.pad-t2 {
  padding-top: calc(var(--unit) * 2);
}

.pad-b2 {
  padding-bottom: calc(var(--unit) * 2);
}

.pad-r2 {
  padding-right: calc(var(--unit) * 2);
}

.pad-l2 {
  padding-left: calc(var(--unit) * 2);
}

.pad-t3 {
  padding-top: calc(var(--unit) * 3);
}

.pad-b3 {
  padding-bottom: calc(var(--unit) * 3);
}

.pad-r3 {
  padding-right: calc(var(--unit) * 3);
}

.pad-l3 {
  padding-left: calc(var(--unit) * 3);
}

.pad-th {
  padding-top: calc(var(--unit) * 0.5);
}

.pad-bh {
  padding-bottom: calc(var(--unit) * 0.5);
}

.pad-rh {
  padding-right: calc(var(--unit) * 0.5);
}

.pad-lh {
  padding-left: calc(var(--unit) * 0.5);
}

.mar-t {
  margin-top: var(--unit);
}

.mar-b {
  margin-bottom: var(--unit);
}

.mar-r {
  margin-right: var(--unit);
}

.mar-l {
  margin-left: var(--unit);
}

.mar-t2 {
  margin-top: calc(var(--unit) * 2);
}

.mar-b2 {
  margin-bottom: calc(var(--unit) * 2);
}

.mar-r2 {
  margin-right: calc(var(--unit) * 2);
}

.mar-l2 {
  margin-left: calc(var(--unit) * 2);
}

.mar-t3 {
  margin-top: calc(var(--unit) * 3);
}

.mar-b3 {
  margin-bottom: calc(var(--unit) * 3);
}

.mar-r3 {
  margin-right: calc(var(--unit) * 3);
}

.mar-l3 {
  margin-left: calc(var(--unit) * 3);
}

.mar-th {
  margin-top: calc(var(--unit) * 0.5);
}

.mar-bh {
  margin-bottom: calc(var(--unit) * 0.5);
}

.mar-rh {
  margin-right: calc(var(--unit) * 0.5);
}

.mar-lh {
  margin-left: calc(var(--unit) * 0.5);
}

.rounded {
  border-radius: calc(var(--unit) * 0.5);
}

.filled {
  background: var(--color-primary);
  /* if padding a row, compensate column padding
  * on outmost columns
  */
}
.filled .filled {
  background: var(--color-white);
  color: var(--color-text);
}
.filled.row {
  padding-top: var(--unit);
}

.filled-light {
  background: #d0f1fb;
}

/* block min height & max-height */
.max-height-10 {
  max-height: 10vh;
}
.max-height-10 * {
  max-height: 10vh;
}

.min-height-10 {
  min-height: 10vh;
}

.max-height-20 {
  max-height: 20vh;
}
.max-height-20 * {
  max-height: 20vh;
}

.min-height-20 {
  min-height: 20vh;
}

.max-height-30 {
  max-height: 30vh;
}
.max-height-30 * {
  max-height: 30vh;
}

.min-height-30 {
  min-height: 30vh;
}

.max-height-40 {
  max-height: 40vh;
}
.max-height-40 * {
  max-height: 40vh;
}

.min-height-40 {
  min-height: 40vh;
}

.max-height-50 {
  max-height: 50vh;
}
.max-height-50 * {
  max-height: 50vh;
}

.min-height-50 {
  min-height: 50vh;
}

.max-height-60 {
  max-height: 60vh;
}
.max-height-60 * {
  max-height: 60vh;
}

.min-height-60 {
  min-height: 60vh;
}

.max-height-70 {
  max-height: 70vh;
}
.max-height-70 * {
  max-height: 70vh;
}

.min-height-70 {
  min-height: 70vh;
}

.max-height-80 {
  max-height: 80vh;
}
.max-height-80 * {
  max-height: 80vh;
}

.min-height-80 {
  min-height: 80vh;
}

.max-height-90 {
  max-height: 90vh;
}
.max-height-90 * {
  max-height: 90vh;
}

.min-height-90 {
  min-height: 90vh;
}

.max-height-100 {
  max-height: 100vh;
}
.max-height-100 * {
  max-height: 100vh;
}

.min-height-100 {
  min-height: 100vh;
}

/* background */
.full-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.with-white-overlay,
.with-black-overlay {
  position: relative;
}
.with-white-overlay .content,
.with-black-overlay .content {
  position: relative;
  z-index: 1;
}
.with-white-overlay:before,
.with-black-overlay:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}

.with-white-overlay:before {
  background-color: rgba(255, 255, 255, 0.6);
}

.with-black-overlay:before {
  background-color: rgba(0, 0, 0, 0.7);
}

.bg-align-top-left {
  background-position: top left !important;
}

.bg-align-top-center {
  background-position: top center !important;
}

.bg-align-top-right {
  background-position: top right !important;
}

.bg-align-center-left {
  background-position: center left !important;
}

.bg-align-center-center {
  background-position: center center !important;
}

.bg-align-center-right {
  background-position: center right !important;
}

.bg-align-bottom-left {
  background-position: bottom left !important;
}

.bg-align-bottom-center {
  background-position: bottom center !important;
}

.bg-align-bottom-right {
  background-position: bottom right !important;
}

/* text-alignment */
.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
  margin-left: auto;
}

.align-center {
  text-align: center;
}
.align-center .text-container, .align-center .cke_editable {
  margin-left: auto;
  margin-right: auto;
}

.negative,
.negative *:not(.filled, .filled-light) {
  color: var(--color-white);
}
.negative .action, .negative input[type=submit] {
  background: var(--color-white);
  color: var(--color-text);
}
.negative .action:after, .negative input[type=submit]:after {
  background-image: url("../img/ui-icons/external-link.svg");
}
.negative .filled,
.negative .filled-light {
  color: inherit;
}

.as-bg, .component .component--bg,
.as-bg-container img,
.as-bg-container svg {
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100% !important;
  width: 100%;
  z-index: 0;
}
.as-bg.fixed, .component .fixed.component--bg,
.as-bg-container img.fixed,
.as-bg-container svg.fixed {
  position: fixed;
}

.p-relative {
  position: relative;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-m-10 {
  z-index: -10;
}

.z-m-20 {
  z-index: -20;
}

.hidden {
  display: none;
}

.visually-hidden, .share--wrapper a span, .petition-form input[type=text] label, .petition-form input[type=tel] label, .petition-form input[type=email] label {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

.visually-hidden.focusable:active, .share--wrapper a span.focusable:active, .petition-form input[type=text] label.focusable:active, .petition-form input[type=tel] label.focusable:active, .petition-form input[type=email] label.focusable:active,
.visually-hidden.focusable:focus,
.share--wrapper a span.focusable:focus,
.petition-form input[type=text] label.focusable:focus,
.petition-form input[type=tel] label.focusable:focus,
.petition-form input[type=email] label.focusable:focus {
  position: static !important;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
}

.invisible {
  visibility: hidden;
}

.bg-overlay:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
.bg-overlay .text-container, .bg-overlay .cke_editable {
  position: relative;
  z-index: 2;
}

.clickable {
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
}

.bg-cover {
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-contain {
  background-size: contain;
  background-repeat: no-repeat;
}

.bg-alignment--top-left .component--bg {
  background-position: top left;
}

.bg-alignment--top-center .component--bg {
  background-position: top center;
}

.bg-alignment--top-right .component--bg {
  background-position: top right;
}

.bg-alignment--center-left .component--bg {
  background-position: center left;
}

.bg-alignment--center-center .component--bg {
  background-position: center center;
}

.bg-alignment--center-right .component--bg {
  background-position: center right;
}

.bg-alignment--bottom-left .component--bg {
  background-position: bottom left;
}

.bg-alignment--bottom-center .component--bg {
  background-position: bottom center;
}

.bg-alignment--bottom-right .component--bg {
  background-position: bottom right;
}

* {
  box-sizing: border-box;
}

html {
  font-size: var(--font-size--m);
}

body {
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 0;
  background-color: var(--color-body-bg);
  color: var(--color-text);
  line-height: var(--text-line-height);
}

a {
  color: var(--color-link);
  -webkit-text-decoration: var(--color-link-decoration);
          text-decoration: var(--color-link-decoration);
}
a.break {
  word-break: break-word;
}

abbr {
  cursor: help;
}

code {
  white-space: pre-wrap;
  font-family: monospace;
}

blockquote {
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 0;
  display: block;
  position: relative;
  padding: calc(var(--unit) * 2) 0 calc(var(--unit) * 2) calc(var(--unit) * 2);
}
blockquote strong {
  display: block;
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  font-style: normal;
}
blockquote:before {
  content: "”";
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  font-size: 4em;
  float: left;
  line-height: 0.5em;
  position: relative;
  top: 0.2em;
  left: -0.2em;
}

img:not(.align-left, .align-right, .align-center, .visually-hidden),
svg:not(.align-left, .align-right, .align-center, .visually-hidden) {
  width: 100%;
  height: auto;
}

ul.no-bullets {
  list-style: none;
  padding-left: 0;
}
ul.no-bullets li {
  padding-left: 0;
}

/* system admin, unpublished and messages */
.user-logged-in nav.tabs {
  position: fixed;
  bottom: 10px;
  left: 10px;
  background: rgba(255, 255, 255, 0.8);
  font-family: "WWF", "Helvetica Condensed", "Arial Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  font-size: var(--font-size--s);
  text-transform: uppercase;
  z-index: 90209;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.user-logged-in nav.tabs ul.tabs {
  margin: 0;
}

ul.tabs {
  margin: 0;
}
ul.tabs > li {
  display: inline-block;
  margin-right: 0.3rem;
}
ul.tabs a {
  display: block;
  padding: 0.2em 1em;
  text-decoration: none;
}
ul.tabs a.is-active {
  background-color: #eee;
}

.contextual {
  z-index: 1390 !important;
}

ul.contextual-links li {
  padding-left: 0 !important;
}
ul.contextual-links li:before {
  display: none !important;
}

.node--unpublished {
  position: relative;
}
.node--unpublished:before {
  content: "non pubblicato";
  text-transform: uppercase;
  opacity: 0.3;
  background: rgba(253, 185, 50, 0.5607843137);
  pointer-events: none;
  position: absolute;
  top: 10%;
  left: 50%;
  padding: calc(var(--unit) * 0.5);
  font-size: var(--font-size--s);
  transform: translateX(-50%) rotate(-5deg);
  z-index: 99999;
  transform-origin: 50% 50%;
  white-space: nowrap;
}
.node--unpublished.view-mode--full:before {
  font-size: 9vw;
  padding: calc(var(--unit) * 2);
}

.component.unpublished {
  border: 1px dotted #ddd;
}
.component.unpublished .unpublished--label {
  text-transform: uppercase;
  position: absolute;
  font-size: var(--unit);
  font-weight: 500;
  top: 0;
  right: 0;
  z-index: 99;
  background: rgba(253, 185, 50, 0.5607843137);
  padding: 5px;
  pointer-events: none;
}
.component.unpublished .component--content {
  opacity: 0.6;
}

.paragraph--unpublished {
  background-color: red;
}

.messages,
*[data-drupal-messages] > * {
  padding: calc(var(--unit) * 2);
  border-radius: 0;
  background: var(--color-primary);
  position: relative;
  font-family: "WWF", "Helvetica Condensed", "Arial Condensed", sans-serif;
  font-weight: 400;
  font-size: var(--font-size--s);
  word-wrap: break-word;
  overflow-wrap: break-word;
  color: var(--color-white);
}
.messages pre,
*[data-drupal-messages] > * pre {
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: break-spaces;
}
.messages a,
*[data-drupal-messages] > * a {
  color: var(--color-white);
}
.messages.messages--error,
*[data-drupal-messages] > *.messages--error {
  background-color: #da1d52;
}
.messages.messages--success,
*[data-drupal-messages] > *.messages--success {
  background-color: #007932;
}
.messages.messages--warning,
*[data-drupal-messages] > *.messages--warning {
  background-color: var(--color-orange);
}
.messages .info,
*[data-drupal-messages] > * .info {
  color: var(--color-black);
}
.messages ul,
*[data-drupal-messages] > * ul {
  padding-left: 1em;
  line-height: var(--text-line-height);
}
.messages li,
*[data-drupal-messages] > * li {
  list-style-type: decimal;
  padding-left: 1em;
  padding-bottom: 0.5em;
}
.messages:after,
*[data-drupal-messages] > *:after {
  position: absolute;
  left: 50%;
  bottom: -20px;
  margin-left: -20px;
  width: 0;
  height: 0;
  content: "";
  border-opposite-position(bottom): 20px solid var(--color-primary);
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}
.messages.modal,
*[data-drupal-messages] > *.modal {
  background: none;
}
.messages.modal:after,
*[data-drupal-messages] > *.modal:after {
  display: none;
}
.messages pre,
*[data-drupal-messages] > * pre {
  font-family: "Courier New", monospace;
  letter-spacing: 0;
}

.messages-close {
  cursor: pointer;
  z-index: 90210;
  width: 32px;
  height: 24px;
  position: absolute;
  top: calc(var(--unit) * 2);
  right: calc(var(--unit) * 2);
}
.messages-close span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.messages-close:before, .messages-close:after {
  position: absolute;
  left: 8px;
  content: " ";
  height: 24px;
  width: 3px;
  background-color: var(--color-white);
}
.messages-close:before {
  transform: rotate(45deg);
}
.messages-close:after {
  transform: rotate(-45deg);
}

.component.component-type--text.position--page-width .component--content {
  max-width: 1100px;
}
.component.component-type--text > .component--content,
.component.component-type--text > .component--title,
.component.component-type--text > .component--content > .component--title {
  margin-right: auto;
  margin-left: 0;
}
.component.component-type--text.text-align-center {
  text-align: center;
}
.component.component-type--text.text-align-center .component--content .component--title {
  margin-left: auto;
  margin-right: auto;
}
.component.component-type--text.text-align-center .component--content .text-container, .component.component-type--text.text-align-center .component--content .cke_editable {
  margin: 0 auto;
}
.component.component-type--text.text-align-right {
  text-align: right;
}
.component.component-type--text.text-align-right .component--content .component--title {
  margin-left: auto;
  margin-right: 0;
}
.component.component-type--text.text-align-right .component--content .text-container, .component.component-type--text.text-align-right .component--content .cke_editable {
  margin-left: auto;
  margin-right: 0;
}

.text-container, .cke_editable {
  --color-link: var(--color-primary);
  --color-link-decoration: underline;
}
@media only screen and (max-width: 50rem) {
  .text-container *, .cke_editable * {
    word-break: break-word;
  }
}

.component-type--features-list .feature {
  display: flex;
  gap: 1em;
  align-items: center;
}
.component-type--features-list .feature--title {
  font-family: "WWF", "Helvetica Condensed", "Arial Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  font-size: var(--font-size--l);
}
.component-type--features-list .feature--count {
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  font-size: var(--font-size--l);
}
.component-type--features-list .feature--icon {
  flex-basis: 4em;
}

.component--type-breadcrumbs {
  width: 100%;
}
.component--type-breadcrumbs .component--content {
  max-width: none;
}
.component--type-breadcrumbs ul {
  display: flex;
}
.component--type-breadcrumbs li {
  border-radius: calc(var(--unit) / 2);
}
.component--type-breadcrumbs li a {
  color: var(--color-black);
  position: relative;
  display: block;
  text-decoration: none;
  padding-right: var(--unit);
  font-size: var(--font-size--s);
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  position: relative;
}
.component--type-breadcrumbs li a:after {
  content: ">";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-100%, -50%);
}

.component-type--layout.component--layout--two-columns > .component--content,
.component-type--layout .component--content.component--layout--two-columns {
  grid-column: 2;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.component-type--layout.component--layout--two-columns > .component--content > .component--content--column > .component,
.component-type--layout .component--content.component--layout--two-columns > .component--content--column > .component {
  display: block;
}
@media only screen and (max-width: 1023px) {
  .component-type--layout.component--layout--two-columns > .component--content,
  .component-type--layout .component--content.component--layout--two-columns {
    display: block;
  }
}

.component-type--pzt-gallery,
.component-type--gallery {
  margin-top: var(--unit);
  margin-bottom: calc(var(--unit) * 2);
  z-index: 9000;
}
.component-type--pzt-gallery .component--content,
.component-type--gallery .component--content {
  padding: 0;
  grid-column: 2;
  max-width: none;
}
.component-type--pzt-gallery .component--content--gallery.up-auto, .component-type--pzt-gallery .component--content--gallery:not([class^=up-]),
.component-type--gallery .component--content--gallery.up-auto,
.component-type--gallery .component--content--gallery:not([class^=up-]) {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: calc(var(--unit) / 2);
  justify-content: flex-start;
}
.component-type--pzt-gallery .component--content--gallery.up-1, .component-type--pzt-gallery .component--content--gallery.up-2, .component-type--pzt-gallery .component--content--gallery.up-3, .component-type--pzt-gallery .component--content--gallery.up-4, .component-type--pzt-gallery .component--content--gallery.up-5,
.component-type--gallery .component--content--gallery.up-1,
.component-type--gallery .component--content--gallery.up-2,
.component-type--gallery .component--content--gallery.up-3,
.component-type--gallery .component--content--gallery.up-4,
.component-type--gallery .component--content--gallery.up-5 {
  display: grid;
  gap: calc(var(--unit) * 0.5);
}
.component-type--pzt-gallery .component--content--gallery.up-1 img, .component-type--pzt-gallery .component--content--gallery.up-2 img, .component-type--pzt-gallery .component--content--gallery.up-3 img, .component-type--pzt-gallery .component--content--gallery.up-4 img, .component-type--pzt-gallery .component--content--gallery.up-5 img,
.component-type--gallery .component--content--gallery.up-1 img,
.component-type--gallery .component--content--gallery.up-2 img,
.component-type--gallery .component--content--gallery.up-3 img,
.component-type--gallery .component--content--gallery.up-4 img,
.component-type--gallery .component--content--gallery.up-5 img {
  max-height: -moz-max-content;
  max-height: max-content;
  width: 100%;
}
.component-type--pzt-gallery .component--content--gallery.up-1,
.component-type--gallery .component--content--gallery.up-1 {
  grid-template-columns: 1fr;
}
.component-type--pzt-gallery .component--content--gallery.up-2,
.component-type--gallery .component--content--gallery.up-2 {
  grid-template-columns: repeat(2, 1fr);
}
.component-type--pzt-gallery .component--content--gallery.up-3,
.component-type--gallery .component--content--gallery.up-3 {
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 50rem) {
  .component-type--pzt-gallery .component--content--gallery.up-3,
  .component-type--gallery .component--content--gallery.up-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.component-type--pzt-gallery .component--content--gallery.up-4,
.component-type--gallery .component--content--gallery.up-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 50rem) {
  .component-type--pzt-gallery .component--content--gallery.up-4,
  .component-type--gallery .component--content--gallery.up-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.component-type--pzt-gallery .component--content--gallery.up-5,
.component-type--gallery .component--content--gallery.up-5 {
  grid-template-columns: repeat(5, 1fr);
}
@media only screen and (max-width: 50rem) {
  .component-type--pzt-gallery .component--content--gallery.up-5,
  .component-type--gallery .component--content--gallery.up-5 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.component-type--pzt-gallery .component--content--gallery img,
.component-type--gallery .component--content--gallery img {
  display: block;
  max-height: clamp(130px, 15vw, 300px);
  height: auto;
  width: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.component-type--pzt-gallery .component--content--gallery img.processed--lightbox:hover,
.component-type--gallery .component--content--gallery img.processed--lightbox:hover {
  cursor: hand;
  cursor: pointer;
}
.component-type--pzt-gallery .component--content--gallery .pizzetta-gallery--lightbox,
.component-type--gallery .component--content--gallery .pizzetta-gallery--lightbox {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: calc(var(--unit) * 2);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.component-type--pzt-gallery .component--content--gallery .pizzetta-gallery--lightbox.show,
.component-type--gallery .component--content--gallery .pizzetta-gallery--lightbox.show {
  opacity: 1;
}
.component-type--pzt-gallery .component--content--gallery .pizzetta-gallery--lightbox img,
.component-type--gallery .component--content--gallery .pizzetta-gallery--lightbox img {
  display: block;
  max-height: 70vh;
  width: auto;
}
.component-type--pzt-gallery figcaption,
.component-type--gallery figcaption {
  font-size: var(--font-size--s);
  flex: 1 1 100%;
}
.component-type--pzt-gallery.position--full-bleed-left figcaption,
.component-type--gallery.position--full-bleed-left figcaption {
  text-align: right;
}
.component-type--pzt-gallery.position--full-bleed figcaption,
.component-type--gallery.position--full-bleed figcaption {
  text-align: center;
}
.component-type--pzt-gallery.position--full-screen .component--content,
.component-type--gallery.position--full-screen .component--content {
  width: 100%;
  overflow: hidden;
  position: relative;
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.component-type--pzt-gallery.position--full-screen .component--content img,
.component-type--gallery.position--full-screen .component--content img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.component-type--pzt-gallery.position--full-screen .component--content figcaption,
.component-type--gallery.position--full-screen .component--content figcaption {
  color: var(--color-white);
  z-index: 42;
  font-size: 4vw;
  padding: var(--unit);
  text-align: left;
  color: var(--color-white);
  font-weight: 700;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  max-width: 45rem;
}

.field--field-downloads .field__label,
.field--field-download .field__label,
.field--field-media-document .field__label,
.component-type--downloads .field__label {
  font-weight: 700;
  margin-bottom: calc(var(--unit) * 0.5);
  font-size: var(--font-size--xxl);
}
@media only screen and (max-width: 50rem) {
  .field--field-downloads .field__label,
  .field--field-download .field__label,
  .field--field-media-document .field__label,
  .component-type--downloads .field__label {
    font-size: calc(var(--font-size--xxl) * 0.8);
  }
}
.field--field-downloads a,
.field--field-download a,
.field--field-media-document a,
.component-type--downloads a {
  padding: calc(var(--unit) * 0.5);
  background: var(--color-light-grey);
  border-radius: 10px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: var(--unit);
  margin-bottom: var(--unit);
}
@media only screen and (max-width: 50rem) {
  .field--field-downloads a,
  .field--field-download a,
  .field--field-media-document a,
  .component-type--downloads a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.field--field-downloads a:last-child,
.field--field-download a:last-child,
.field--field-media-document a:last-child,
.component-type--downloads a:last-child {
  margin-bottom: 0;
}
.field--field-downloads .document--icon,
.field--field-download .document--icon,
.field--field-media-document .document--icon,
.component-type--downloads .document--icon {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.field--field-downloads .document--icon .document--mime-type,
.field--field-download .document--icon .document--mime-type,
.field--field-media-document .document--icon .document--mime-type,
.component-type--downloads .document--icon .document--mime-type {
  font-size: var(--font-size--m);
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}
.field--field-downloads .document--icon .document--file-size,
.field--field-download .document--icon .document--file-size,
.field--field-media-document .document--icon .document--file-size,
.component-type--downloads .document--icon .document--file-size {
  font-size: var(--font-size--xs);
}
.field--field-downloads .document--label,
.field--field-download .document--label,
.field--field-media-document .document--label,
.component-type--downloads .document--label {
  font-weight: 700;
}
.field--field-downloads .field--field-media-document,
.field--field-download .field--field-media-document,
.field--field-media-document .field--field-media-document,
.component-type--downloads .field--field-media-document {
  margin-bottom: var(--unit);
}
.field--field-downloads li,
.field--field-download li,
.field--field-media-document li,
.component-type--downloads li {
  padding-bottom: calc(var(--unit) * 0.5);
}

.field--field-media-document {
  margin-bottom: var(--unit);
}

.component-type--pzt-links .component--title,
.component-type--links .component--title {
  margin-bottom: calc(var(--unit) * 0.5);
}
.component-type--pzt-links li .link,
.component-type--links li .link {
  display: flex;
  align-items: center;
}
.component-type--pzt-links li .link::after,
.component-type--links li .link::after {
  content: "";
  background-size: contain;
  width: calc(var(--unit) * 0.6);
  height: calc(var(--unit) * 0.7);
  position: relative;
  top: 0%;
  left: 0%;
  display: inline-block;
  background-image: url("../img/icons/external-link.svg");
  background-repeat: no-repeat;
  background-position: center;
  margin-left: calc(var(--unit) * 0.3);
}
@media only screen and (max-width: 50rem) {
  .component-type--pzt-links li .link::after,
  .component-type--links li .link::after {
    display: none;
  }
}
@media only screen and (max-width: 50rem) {
  .component-type--pzt-links li a,
  .component-type--links li a {
    word-break: break-word;
  }
}

.component-type--cards-list {
  overflow: visible;
}
.component-type--cards-list .component--content {
  overflow: visible;
}
.component-type--cards-list .flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  gap: 1.5rem;
}
.component-type--cards-list .grid {
  display: grid;
  position: relative;
  gap: 3rem 3rem;
  align-items: start;
}
.component-type--cards-list .actions {
  padding-top: var(--unit);
  text-align: right;
}
.component-type--cards-list .up-2 {
  grid-template-columns: 1fr 1fr;
}
.component-type--cards-list .up-3 {
  grid-template-columns: repeat(3, 1fr);
}
.component-type--cards-list .up-4 {
  grid-template-columns: repeat(4, 1fr);
}
.component-type--cards-list .up-4 .card {
  font-size: 0.8rem;
}
.component-type--cards-list .up-5 {
  grid-template-columns: repeat(5, 1fr);
}
.component-type--cards-list .up-auto {
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}
.component-type--cards-list .items-count-1,
.component-type--cards-list .items-count-2 {
  grid-template-columns: repeat(auto-fit, minmax(15rem, 25rem));
}
@media only screen and (max-width: 1023px) {
  .component-type--cards-list .up-4 {
    grid-template-columns: repeat(3, 1fr);
  }
  .component-type--cards-list .up-5 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 50rem) {
  .component-type--cards-list .up-2 {
    grid-template-columns: 1fr;
  }
  .component-type--cards-list .up-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .component-type--cards-list .up-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .component-type--cards-list .up-5 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 430px) {
  .component-type--cards-list .up-2 {
    grid-template-columns: 1fr;
  }
  .component-type--cards-list .up-3 {
    grid-template-columns: 1fr;
  }
  .component-type--cards-list .up-4 {
    grid-template-columns: 1fr;
  }
  .component-type--cards-list .up-5 {
    grid-template-columns: 1fr;
  }
}
.component-type--cards-list .up-masonry {
  display: block;
  -moz-column-count: 3;
       column-count: 3;
  -moz-column-gap: var(--unit);
       column-gap: var(--unit);
}
.component-type--cards-list .up-masonry > * {
  margin-bottom: var(--unit);
}
@media only screen and (max-width: 1023px) {
  .component-type--cards-list .up-masonry {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  }
  .component-type--cards-list .up-masonry.items-count-1, .component-type--cards-list .up-masonry.items-count-2 {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 25rem));
  }
}

.vertical-cards-container article {
  margin-bottom: var(--unit);
  min-height: 250px;
}
.vertical-cards-container article h3 {
  font-size: 1.5rem;
}

.horizontal-cards-container,
.vertical-cards-container {
  gap: 3rem;
}
.horizontal-cards-container article,
.vertical-cards-container article {
  border-radius: 3rem;
  overflow: hidden;
}
.horizontal-cards-container.full-bleed,
.vertical-cards-container.full-bleed {
  gap: 0;
}
.horizontal-cards-container.full-bleed article,
.vertical-cards-container.full-bleed article {
  border-radius: 0;
}

.mono-type .card .article--tags {
  display: none;
}

.video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 56.25%;
}
.video-container > *:not(.contextual) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.background-video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
}

button {
  -webkit-appearance: none;
  border: none;
  padding: 0;
  margin: 0;
}

.action, input[type=submit],
a.action {
  text-align: center;
  background: var(--color-primary);
  padding: calc(var(--unit) / 3) calc(var(--unit) / 2);
  color: var(--color-white);
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  position: relative;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer;
  border-radius: calc(var(--unit) * 0.5);
}
.action + .action, input[type=submit] + .action, .action + input[type=submit], input[type=submit] + input[type=submit],
a.action + .action {
  margin-left: var(--unit);
}
.action.tiny, input.tiny[type=submit],
a.action.tiny {
  font-size: var(--font-size--xs);
}
.action.small, input.small[type=submit],
a.action.small {
  font-size: var(--font-size--s);
}
.action.big, input.big[type=submit],
a.action.big {
  font-size: var(--font-size--l);
}
.action.light, input.light[type=submit],
a.action.light {
  background: transparent;
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}
.action.light:hover, input.light[type=submit]:hover,
a.action.light:hover {
  color: var(--color-white);
  background: var(--color-black);
}
.action.negative, input.negative[type=submit],
a.action.negative {
  background: var(--color-white);
  color: var(--color-primary);
}
.action.negative.light, input.negative.light[type=submit],
a.action.negative.light {
  color: var(--color-white);
  background: transparent;
  border: 1px solid var(--color-white);
}

.secondary-action {
  display: inline-block;
  margin-top: var(--unit);
  color: var(--color-primary);
  text-decoration: none;
  border-bottom: 1px dotted var(--color-primary);
}

.component--type-form-container {
  position: relative;
  min-height: var(--form-container-height);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: var(--color-black);
  color: var(--color-text);
}
.component--type-form-container .form--intro {
  color: var(--color-text);
  font-weight: 600;
  position: relative;
  color: var(--color-text);
}
.component--type-form-container:not(:has(.petition--progress)) .form--intro {
  margin-bottom: var(--unit);
  padding-bottom: 1em;
}
.component--type-form-container:not(:has(.petition--progress)) .form--intro:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 4rem;
  height: 3px;
  background: #f07d00;
}
.component--type-form-container .petition--progress {
  font-size: var(--font-size--xs);
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  margin: 1em 0;
}
.component--type-form-container .petition--progress progress {
  width: 100%;
}
.component--type-form-container .petition--progress strong {
  color: var(--progress-bar-colour);
}
.component--type-form-container .petition--progress label {
  display: block;
}
.component--type-form-container .petition--progress label span {
  font-weight: 402;
  display: block;
}
.component--type-form-container .form--container {
  padding: calc(var(--unit) / 2);
  background: var(--form-background-colour);
  /*.light-form & {
  	background: $white;
  	color: $black;

  	.form--intro {
  		color: $black;
  	}

  }*/
}
.component--type-form-container figure {
  position: relative;
}
.component--type-form-container figure img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
  aspect-ratio: 16/9;
}
.component--type-form-container figure:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40%;
  z-index: 1;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
}
.component--type-form-container .component--content {
  position: relative;
  z-index: 1;
}
.component--type-form-container .title-intro--container {
  color: var(--color-white);
  margin-top: -4.5em;
  padding: calc(var(--unit) / 2);
}
.component--type-form-container .title-intro--container h1 {
  opacity: 1;
  margin-bottom: 1rem;
}
.component--type-form-container .title-intro--container .intro {
  font-size: var(--font-size--s);
}
.component--type-form-container .title-intro--container .intro strong {
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

@media only screen and (min-width: 50rem) {
  .component.component--type-form-container h3 {
    font-size: var(--font-size--xxl);
    opacity: 0.5;
    margin-bottom: 0;
  }
  .component.component--type-form-container .component--content {
    grid-column: 2;
  }
  .component.component--type-form-container figure {
    position: static;
  }
  .component.component--type-form-container figure img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -o-object-position: top left;
       object-position: top left;
    right: 0;
    aspect-ratio: unset;
  }
  .component.component--type-form-container figure:after {
    display: none;
  }
  .component.component--type-form-container .title-intro--container {
    margin-top: calc(15vh + var(--unit) * 2);
    padding: 0;
    text-shadow: 1px 1px 4px #000, 1px 1px 4px #000, 1px 1px 14px #000, 1px 1px 21px #000, 1px 1px 14px #000, 1px 1px 18px #000;
    position: sticky;
    top: 1rem;
    margin-bottom: 1rem;
  }
  .component.component--type-form-container > .form--container {
    border-radius: 7px;
    max-width: min(50% - var(--unit) * 2, 25rem);
    position: fixed;
    top: var(--unit);
    left: calc(50% + var(--unit));
    right: var(--unit);
    margin-left: var(--unit);
    background: var(--form-background-colour);
    color: var(--color-text);
    padding: var(--unit);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4666666667);
    z-index: 98;
    /*.light-form & {
    	background: $white;
    }*/
  }
}
.petition-form {
  /*.light-form & {

  	.privacy--wrapper {
  		color: $black;
  	}
  	input[type=text], input[type=tel], input[type=email] { 
  		color: $black;
  		border-color: $black;

  		&::placeholder {
  			color: #0009;
  		}
  	}
  }	*/
}
.petition-form .form-item {
  width: unset;
  height: unset;
  margin-bottom: 0;
}
.petition-form .form-item.js-form-type-checkbox {
  display: grid;
  align-items: start;
  grid-template-columns: auto 1fr;
  margin-top: calc(var(--unit) * 0.5);
  -moz-column-gap: calc(var(--unit) * 0.4);
       column-gap: calc(var(--unit) * 0.4);
}
@media only screen and (min-width: 50rem) {
  .petition-form .form-item.js-form-type-checkbox input {
    margin-top: calc(var(--unit) * 0.2);
  }
}
.petition-form .form-item.js-form-type-checkbox label {
  font-size: var(--font-size--xs);
  grid-column: 2/3;
}
.petition-form .form-item.js-form-type-checkbox .description {
  grid-column: 2/3;
  font-size: var(--font-size--xs);
}
.petition-form .form-item-privacy {
  color: var(--color-text);
  font-size: var(--font-size--xs);
}
.petition-form .form-item-privacy a {
  color: var(--color-orange);
}
.petition-form input[type=text], .petition-form input[type=tel], .petition-form input[type=email] {
  background-color: transparent;
  border-radius: 0;
  border: 1px solid var(--color-text);
  border-width: 0 0 1px 0;
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  font-size: var(--font-size--s);
  font-weight: 400;
  color: var(--color-text);
  padding-left: 0;
  transition: box-shadow 0.2s ease;
}
.petition-form input[type=text]:-internal-autofill-selected, .petition-form input[type=tel]:-internal-autofill-selected, .petition-form input[type=email]:-internal-autofill-selected {
  padding-left: 5px;
  background-color: transparent;
}
.petition-form input[type=text]:focus, .petition-form input[type=tel]:focus, .petition-form input[type=email]:focus {
  outline: none;
  box-shadow: 0 3px 0 0 var(--color-white);
}
.petition-form input[type=text]::-moz-placeholder, .petition-form input[type=tel]::-moz-placeholder, .petition-form input[type=email]::-moz-placeholder {
  color: var(--color-text);
  opacity: 0.5;
  font-weight: 400;
}
.petition-form input[type=text]::placeholder, .petition-form input[type=tel]::placeholder, .petition-form input[type=email]::placeholder {
  color: var(--color-text);
  opacity: 0.5;
  font-weight: 400;
}
.petition-form .form-item:has(.form-required) {
  position: relative;
}
.petition-form .form-item:has(.form-required)::after {
  content: "*";
  position: absolute;
  top: 0;
  left: -0.5em;
  width: 1em;
  height: 1em;
  color: var(--color-text);
}
.petition-form select {
  font-size: var(--font-size--s);
}
.petition-form .privacy--wrapper {
  margin-top: 1em;
}
.petition-form input[type=submit] {
  margin-top: 1rem;
  background: #f07d00;
  font-size: var(--font-size--m);
  color: #fff;
  text-transform: uppercase;
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  padding: 0.5em 3em;
  cursor: pointer;
}

@media only screen and (min-width: 50rem) {
  .petition-form input[type=text], .petition-form input[type=tel], .petition-form input[type=email] {
    margin-bottom: 1em;
  }
}
html, body {
  scroll-behavior: smooth;
}

a.action {
  border-radius: calc(var(--unit) * 0.2);
}

progress[value] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
progress[value]::-webkit-progress-bar {
  background: #ddd;
  border-radius: 45px;
}
progress[value]::-webkit-progress-value {
  background: var(--progress-bar-colour);
  border-radius: 45px 0 0 45px;
}

.component-type--text {
  --color-text: var(--color-white);
  color: var(--color-text);
  font-size: var(--font-size--s);
}
.component-type--text:has(.component--bg) {
  background: var(--color-white);
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: invert(1);
          backdrop-filter: invert(1);
  display: flex;
  flex-direction: column;
}
.component-type--text:has(.component--bg) .component--bg {
  display: none;
}
.component-type--text:has(.component--bg) img {
  position: relative !important;
  overflow: unset;
  clip: unset;
  width: unset;
  height: unset;
  word-wrap: unset;
  grid-column: 1/4;
  width: 100%;
  height: auto;
  order: -1;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  margin-bottom: var(--unit);
}
.component-type--text:has(.component--bg) .component--title,
.component-type--text:has(.component--bg) .text-container,
.component-type--text:has(.component--bg) .cke_editable {
  color: var(--color-black);
}
.component-type--text:has(.component--bg) .component--content {
  padding-left: calc(var(--unit) * 0.5);
  padding-right: calc(var(--unit) * 0.5);
}

.component-type--text.negative {
  --color-text: var(--color-white);
}

@media only screen and (min-width: 50rem) {
  .component {
    display: grid;
    grid-template-columns: var(--page-padding) 1fr 1fr var(--page-padding);
  }
  .component > .component--content {
    grid-column: 2/4;
    max-width: unset;
    margin-left: auto;
    margin-right: auto;
  }
  .component > .component--content.component--layout--two-columns {
    grid-column: 2/4;
    max-width: unset;
    margin-left: auto;
    margin-right: auto;
  }
  .form-page--body .component > .component--content {
    grid-column: 2;
  }
  .component-type--text:has(.component--bg) {
    padding-top: 50vh;
    justify-content: flex-end;
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
    background: var(--color-white);
    display: grid;
  }
  .component-type--text:has(.component--bg) img {
    display: none;
  }
  .component-type--text:has(.component--bg) .component--content {
    padding: var(--unit);
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.6666666667);
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    border-radius: 3px;
  }
  .component-type--text:has(.component--bg) .component--bg {
    display: block;
    background-size: cover;
    z-index: 0;
    background-attachment: fixed;
  }
}
.component-type--landing-page--header {
  padding-top: calc(var(--unit) * 3);
  min-height: 10rem;
  align-items: end;
}
.component-type--landing-page--header h1 {
  color: var(--color-white);
  text-shadow: 3px 2px 20px black;
  padding-bottom: 0;
}

@media only screen and (min-width: 50rem) {
  .component-type--landing-page--header {
    min-height: 25vw;
  }
}
.node-type--page .component-type--landing-page--header {
  background-color: var(--color-primary);
}

.component-type--layout {
  padding: var(--unit);
}
.component-type--layout > .component--content.component--layout--two-columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--unit);
}
.component-type--layout.component--layout--two-columns > .component--content {
  grid-template-columns: 1fr 1fr;
}

@media only screen and (min-width: 50rem) {
  .component-type--layout {
    padding: var(--unit) 0;
  }
  .component-type--layout > .component--content.component--layout--two-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--unit);
  }
}
.node-type--typ .component-type--text {
  padding-left: var(--unit);
  padding-right: var(--unit);
}
@media only screen and (min-width: 50rem) {
  .node-type--typ .component-type--text {
    padding-left: 0;
    padding-right: 0;
  }
}

.share--wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--unit) * 0.5);
}
.share--wrapper a {
  background-color: var(--color-primary);
  padding: calc(var(--unit) * 0.3);
}
.share-icon::before {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  display: block;
}
.share-icon.icon--facebook::before {
  background-image: url(../img/icons/social/facebook.svg);
}
.share-icon.icon--twitter::before {
  background-image: url(../img/icons/social/twitter.svg);
}
.share-icon.icon--whatsapp::before {
  background-image: url(../img/icons/social/whatsapp.svg);
}
.share-icon.icon--instagram::before {
  background-image: url(../img/icons/social/instagram.svg);
}
.share-icon.icon--linkedin::before {
  background-image: url(../img/icons/social/linkedin.svg);
}
.share-icon.icon--youtobe::before {
  background-image: url(../img/icons/social/youtobe.svg);
}

.background-white.component--content--left, .background-white.component--content--right {
  background-color: rgba(255, 255, 255, 0.8666666667);
  border: 1px solid #f1ebdd;
  padding: calc(var(--unit) * 0.5);
  border-radius: 3px;
}
.background-white.component--content--left .component-type--text, .background-white.component--content--right .component-type--text {
  --color-text: var(--color-black);
  color: var(--color-text);
}
.background-white.component--content--left h2, .background-white.component--content--right h2 {
  color: #007932;
}

h1 {
  font-size: var(--font-size--xxl);
}

h2 {
  font-size: var(--font-size--xl);
}

h3 {
  font-size: var(--font-size--l);
  text-transform: uppercase;
}

@media only screen and (min-width: 50rem) {
  :root {
    --font-size--xxl: 3.5rem;
    --font-size--xl: 2.5rem;
    --font-size--l: 1.75rem;
    --font-size--m: 1.25rem;
    --font-size--s: 1rem;
  }
}
.page-header {
  position: absolute;
  z-index: 2;
}
.page-header a {
  display: inline-block;
  background: var(--color-white);
  padding: calc(var(--unit) * 0.5);
}
.page-header img {
  display: block;
  height: 4rem;
  width: auto;
}

@media only screen and (min-width: 50rem) {
  .page-header {
    left: var(--page-padding);
  }
  .page-header img {
    height: 15vh;
  }
}
.form-page--body {
  padding: var(--unit) var(--unit) calc(var(--unit) * 6) var(--unit);
}

body.path-user .page-header {
  position: relative;
}
body.path-user .component--user-content .component--content {
  max-width: 35em;
}

@media only screen and (min-width: 50rem) {
  .form-page--body {
    padding: 0;
  }
  .form-page--body .component-type--text {
    padding-top: calc(var(--unit) * 2);
    padding-bottom: calc(var(--unit) * 2);
  }
}
.main-footer {
  background-color: #262626;
  color: var(--color-white);
  z-index: 9;
  padding: var(--unit);
}
.main-footer .main-footer--social a {
  color: var(--color-white);
}
.main-footer .main-footer--info a {
  color: var(--color-white);
  text-decoration: underline;
}
.main-footer .main-footer--left {
  display: flex;
  flex-direction: column;
  gap: var(--unit);
}
.main-footer .component--content {
  display: flex;
  flex-direction: column;
  gap: var(--unit);
}
.main-footer .menu-social {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: calc(var(--unit) * 0.5);
}
.main-footer .menu-social .social-icon {
  display: flex;
  flex-direction: row;
  gap: calc(var(--unit) * 0.2);
  align-items: center;
}
.main-footer .social-icon::before {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 1rem;
  height: 1rem;
  position: relative;
  display: block;
}
.main-footer .social-icon.icon--facebook::before {
  background-image: url(../img/icons/social/facebook.svg);
}
.main-footer .social-icon.icon--twitter::before {
  background-image: url(../img/icons/social/twitter.svg);
}
.main-footer .social-icon.icon--instagram::before {
  background-image: url(../img/icons/social/instagram.svg);
}
.main-footer .social-icon.icon--linkedin::before {
  background-image: url(../img/icons/social/linkedin.svg);
}
.main-footer .social-icon.icon--youtobe::before {
  background-image: url(../img/icons/social/youtobe.svg);
}
.main-footer .social-icon.icon--tiktok::before {
  background-image: url(../img/icons/social/tiktok.svg);
}

@media only screen and (min-width: 50rem) {
  .main-footer {
    font-size: var(--font-size--xs);
    padding: var(--unit) 0;
  }
  .main-footer .component--content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--unit);
  }
  .main-footer .component--content .main-footer--bottom {
    grid-column: 1/3;
  }
}
body:has(.node-type--landing-page) .main-footer .main-footer--social {
  display: none;
}

.mobile--scroll-up {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9;
  background: #8cc63f;
  padding: calc(var(--unit) / 2) calc(var(--unit) * 1.5);
  background-image: url("../img/icons/arrow-top.svg"), url("../img/icons/arrow-top.svg");
  background-repeat: no-repeat, no-repeat;
  background-position: calc(var(--unit) * 0.5) 50%, calc(100% - var(--unit) * 0.5) 50%;
  background-size: 1.5em 1.5em, 1.5em 1.5em;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
}
.mobile--scroll-up.visible {
  transform: translateY(0);
}
.mobile--scroll-up a {
  color: var(--color-white);
  text-shadow: 0 0 3px #007932;
}
.mobile--scroll-up em {
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}
.mobile--scroll-up em, .mobile--scroll-up strong {
  display: block;
  text-align: center;
}
@media only screen and (min-width: 50rem) {
  .mobile--scroll-up {
    display: none;
  }
}

@media only screen and (min-width: 50rem) {
  .user-logged-in .component.component--type-form-container > .form--container {
    margin-top: calc(var(--unit) * 2.5);
  }
}

.forest--light {
  background-image: url(../img/textures/texture-white.svg);
  background-size: 15rem 15rem;
  color: var(--color-black);
}
.forest--light .component--content {
  padding-left: calc(var(--unit) * 0.5);
  padding-right: calc(var(--unit) * 0.5);
}
@media only screen and (min-width: 50rem) {
  .forest--light .component--content {
    padding-left: 0;
    padding-right: 0;
  }
}

.forest--dark, .form-page--body,
.with--background--forest--dark {
  background: url("../img/textures/bg-jungle-2.svg");
  background-size: 15rem 15rem;
}

.dark-form {
  --form-background-colour: #000;
  --color-text: #fff;
  --progress-bar-colour: #f07d00;
}

.light-bg .component.component--type-form-container .title-intro--container {
  color: var(--color-black);
  text-shadow: 1px 1px 15px #fff, 1px 1px 15px #fff, 1px 1px 15px #fff;
}

.short--fold {
  --form-container-height: 67dvh;
}

.messages,
*[data-drupal-messages] > * {
  padding: calc(var(--unit) * 0.5) calc(var(--unit) * 2) calc(var(--unit) * 0.5) calc(var(--unit) * 0.5);
  z-index: 999;
  border-radius: 0.5em;
  font-family: "Montserrat", Futura, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 0.5em;
}
.messages .messages-close,
*[data-drupal-messages] > * .messages-close {
  width: 24px;
  height: 24px;
  top: calc(var(--unit) * 0.25);
  right: calc(var(--unit) * 0.25);
}

.messages--wrapper {
  margin-bottom: 2em;
}/*# sourceMappingURL=style.css.map */