@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap);
@charset "UTF-8";
body:before {
  display: none;
  background-color: #fcf8e3;
  border-bottom: 1px solid #fbeed5;
  border-left: 1px solid #fbeed5;
  color: #c09853;
  font: small-caption;
  padding: 3px 6px;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}

@media (min-width: 30em) {
  body:before {
    content: "small ≥ 30em (30em)";
  }
}
@media (min-width: 40em) {
  body:before {
    content: "small-major ≥ 40em (40em)";
  }
}
@media (min-width: 50em) {
  body:before {
    content: "medium ≥ 50em (50em)";
  }
}
@media (min-width: 60em) {
  body:before {
    content: "medium-major ≥ 60em (60em)";
  }
}
@media (min-width: 70em) {
  body:before {
    content: "large ≥ 70em (70em)";
  }
}
@media (min-width: 80em) {
  body:before {
    content: "xlarge ≥ 80em (80em)";
  }
}
@media (min-width: 90em) {
  body:before {
    content: "xxlarge ≥ 90em (90em)";
  }
}
@media (min-width: 100em) {
  body:before {
    content: "xxxlarge ≥ 100em (100em)";
  }
}
body:before {
  display: none;
  background-color: #fcf8e3;
  border-bottom: 1px solid #fbeed5;
  border-left: 1px solid #fbeed5;
  color: #c09853;
  font: small-caption;
  padding: 3px 6px;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}
@media (min-width: 30em) {
  body:before {
    content: "small ≥ 30em (30em)";
  }
}
@media (min-width: 40em) {
  body:before {
    content: "small-major ≥ 40em (40em)";
  }
}
@media (min-width: 50em) {
  body:before {
    content: "medium ≥ 50em (50em)";
  }
}
@media (min-width: 60em) {
  body:before {
    content: "medium-major ≥ 60em (60em)";
  }
}
@media (min-width: 70em) {
  body:before {
    content: "large ≥ 70em (70em)";
  }
}
@media (min-width: 80em) {
  body:before {
    content: "xlarge ≥ 80em (80em)";
  }
}
@media (min-width: 90em) {
  body:before {
    content: "xxlarge ≥ 90em (90em)";
  }
}
@media (min-width: 100em) {
  body:before {
    content: "xxxlarge ≥ 100em (100em)";
  }
}

:root {
  --body-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --heading-family: "Poppins", Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 600;
  --line-height: 1.5;
  --line-height-headings: 1.1;
  --color-grey-dark: #6a6a6a;
  --color-grey: #979797;
  --color-grey-light: #CFCBCB;
  --color-primary: #ef7d26;
  --color-secondary: #FFBC49;
  --color-tertiary: #60C3E8;
  --color-text-base: #000;
  --color-text-dark: #181822;
  --color-text-reversed: #fff;
  --color-text-link: var(--color-primary);
  --color-text-hover: #003451;
  --color-facebook: #3B5998;
  --color-twitter: #1DA1F2;
  --color-instagram: #262626;
  --color-youtube: #cc181e;
  --color-linkedin: #0077B5;
  --body-background-color: #FAFAFA;
  --border-radius: 6px;
  --spacing-xxl: 150px;
  --spacing-xl: 120px;
  --spacing-l: 60px;
  --spacing: 45px;
  --spacing-s: 45px;
  --spacing-xs: 20px;
  --spacing-xxs: 10px;
  --site-spacing: var(--spacing);
  --container: 1000px;
  --container-l: 1430px;
  --container-s: 900px;
  --content-width: 720px;
  --container-global: 1600px;
  --font-size: 18px;
  --font-size-lead: calc(1.2rem + 0.1vw);
  --font-size-small: calc(0.75rem + 0.1vw);
  --font-size-h1: calc(2.4rem + 0.2vw);
  --font-size-h2: calc(1.8rem + 0.2vw);
  --font-size-h3: calc(1.5rem + 0.2vw);
  --font-size-h4: calc(1.3rem + 0.2vw);
  --font-size-h5: calc(1.2rem + 0.1vw);
}
@media (min-width: 50em) {
  :root {
    --font-size-lead: calc(1rem + 0.5vw);
    --font-size-h1: calc(2.1rem + 3.5vw);
    --font-size-h2: calc(1rem + 2.5vw);
    --font-size-h3: calc(1rem + 2vw);
    --font-size-h4: calc(1rem + 1.5vw);
    --font-size-h5: calc(1rem + 0.5vw);
    --site-spacing: var(--spacing-xl);
  }
}
@media (min-width: 70em) {
  :root {
    --font-size-h1: 98px;
    --font-size-h2: 50px;
    --font-size-h3: 30px;
    --font-size-h4: 30px;
    --font-size-h5: 25px;
  }
}

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

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

/* Set core body defaults */
body {
  min-height: 100vh;
  font-family: var(--body-family);
  font-size: var(--font-size);
  line-height: var(--line-height);
  text-rendering: optimizeSpeed;
  color: var(--color-text-base);
  background-color: var(--body-background-color);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.skip-nav {
  background: #eee;
  color: var(--color-text-base);
  border-radius: 8px;
}

p {
  margin-top: 0;
  margin-bottom: var(--spacing-xs);
  font-weight: var(--font-weight-light);
}
p:last-of-type {
  margin-bottom: 0;
}
p + .btn {
  margin-top: var(--spacing-s);
}

p.lead,
p.has-medium-font-size,
li.has-medium-font-size {
  font-size: var(--font-size-lead);
}

p.has-large-font-size,
li.has-large-font-size {
  font-size: var(--font-size-h3);
  line-height: var(--line-height-headings);
}

p.has-small-font-size,
li.has-small-font-size,
p.small,
.small p {
  font-size: var(--font-size-small);
}

.has-white-color {
  color: white;
}

strong {
  font-weight: var(--font-weight-bold);
}

ul,
ol {
  margin-top: 0;
  padding-left: 29px;
  font-weight: var(--font-weight-light);
}

ul.styled {
  margin: 2rem 0;
}
ul.styled li {
  list-style: none;
  position: relative;
  padding-left: 10px;
  margin-bottom: 0.5rem;
}
ul.styled li::before {
  background: transparent url("../../src/icons/list.svg") scroll 0 0 no-repeat;
  background-size: 100%;
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  left: -29px;
  top: 0px;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-top: 0;
  margin-bottom: 0;
}

li p {
  margin: 0;
}

blockquote {
  padding-left: 1em;
  border-left: 4px solid var(--color-text-dark);
}

a {
  color: var(--color-text-link);
}

a:hover {
  color: var(--color-text-hover);
  text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  margin-bottom: var(--spacing-xs);
  font-family: var(--heading-family);
  line-height: var(--line-height-headings);
  font-weight: var(--font-weight-medium);
  color: var(--heading-color);
}

h1, .heading-1 {
  font-size: var(--font-size-h1);
  line-height: 0.95;
  font-weight: var(--font-weight-bold);
}

h2, .heading-2 {
  font-size: var(--font-size-h2);
}

h3, .heading-3, .slick-dots li button {
  font-size: var(--font-size-h3);
}

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

h5, .heading-5 {
  font-size: var(--font-size-h5);
}

code {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.75em;
  font-style: normal;
  background-color: #f4f4f4;
  border-radius: 0.2rem;
  padding: 0.2rem;
}

pre {
  background-color: #f4f4f4;
  border-radius: 0.2rem;
  padding: 0.5rem;
  overflow: auto;
  width: calc(96vw - 2em);
  line-height: 1.3;
}

.wp-block-separator,
hr {
  height: 1px;
  background: white;
  border: 0;
  margin: var(--spacing-l) 0;
}

figure {
  margin: 0;
}

figcaption {
  margin-top: 0;
}

figcaption p {
  font-size: var(--font-size-small);
}

table {
  margin-bottom: 1em;
}

table th,
table td {
  padding: 0.5em;
  border-bottom: 1px solid var(--color-grey-light);
  text-align: left;
  -webkit-font-smoothing: antialiased;
}

table th {
  border-width: 2px;
}

table tr:last-child td {
  border-bottom: none;
}

table tr:nth-child(even) {
  background: var(--color-grey-light);
}

table tbody tr:hover {
  background: var(--color-grey);
}

input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
textarea,
select {
  padding: 10px 10px;
  background-color: white;
  border: 1px solid white;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}

input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
}

textarea {
  min-height: 200px;
  padding-top: 10px;
  padding-bottom: 10px;
}

input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  border: 1px solid var(--color-grey-dark);
  outline: 0;
}

label {
  display: block;
  margin: 0.5em 0;
  font-weight: var(--font-weight-normal);
}

input[type=checkbox],
input[type=radio] {
  display: inline;
}

input[type=submit],
input[type=reset],
input[type=button] {
  display: block;
  padding: 1em;
  margin: 0.5em 0;
  background: var(--color-primary);
  color: #fff;
  border-radius: var(--border-radius);
  transition: all 0.2s linear;
  border: 0;
}

input[type=submit].center,
input[type=reset].center,
input[type=button].center {
  margin: 0 auto;
}

input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover,
input[type=submit]:focus,
input[type=reset]:focus,
input[type=button]:focus {
  background: var(--color-grey);
  text-decoration: none;
  color: #fff;
}

.required {
  color: #BF5D58;
}

.content > * {
  max-width: var(--content-width);
  margin-right: auto;
  margin-left: auto;
}
.content img {
  max-width: 100%;
}
.content h2,
.content h3,
.content h4,
.content h5 {
  margin-top: var(--spacing-l);
  margin-bottom: 0;
}
.content a {
  color: var(--link-color);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--link-hover-color);
          text-decoration-color: var(--link-hover-color);
}
.content a:hover {
  color: var(--link-hover-color);
  text-decoration: underline;
}
.content blockquote {
  max-width: none;
  font-size: var(--font-size-h3);
  line-height: 1.4;
  margin: var(--spacing-l) 0;
}
.content figure {
  max-width: none;
  margin: var(--spacing-xl) 0;
}
.content figcaption {
  padding: 1em 0;
  font-size: var(--font-size-xs);
  color: var(--color-text-dark);
  max-width: var(--content-width);
  margin-right: auto;
  margin-left: auto;
  border-bottom: 1px solid var(--color-grey-light);
}
.content ul {
  list-style: disc;
  margin-top: 1.5em;
  padding-left: 1rem;
}
.content li {
  margin-bottom: 0.25em;
}

.icon {
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;
  width: 20px;
  height: 20px;
}

.icon--small {
  width: 13px;
  height: 13px;
}

.icon--medium {
  width: 26px;
  height: 26px;
}

.icon--large {
  width: 32px;
  height: 32px;
}

.icon--xlarge {
  width: 40px;
  height: 40px;
}

.icon--scale {
  width: 0.75em;
  height: 0.75em;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.icon--offset {
  margin-right: 5px;
}

.btn,
.wp-block-button__link,
.wp-block-button__link:visited,
.is-style-outline a,
.wpcf7-submit {
  display: inline-block;
  border-radius: 0;
  padding: 0.35rem 2rem !important;
  color: white;
  background-color: black;
  border-radius: var(--border-radius);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size);
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  margin-top: 1rem;
}
.btn:hover, .btn:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link:visited:hover,
.wp-block-button__link:visited:focus,
.is-style-outline a:hover,
.is-style-outline a:focus,
.wpcf7-submit:hover,
.wpcf7-submit:focus {
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  outline: 0;
  text-decoration: none;
}

.btn__group {
  display: flex;
}

a.btn {
  padding: 0.35rem 0.75rem;
}

.is-style-fill a {
  border: 1px solid white !important;
  background-color: white !important;
  color: var(--color-quaternary) !important;
}
.is-style-fill a:hover, .is-style-fill a:focus {
  background-color: var(--color-quaternary) !important;
  border: 1px solid var(--color-quaternary) !important;
  outline: 0;
  color: white !important;
  text-decoration: none;
}

.is-style-outline a {
  padding: 0 !important;
  background-color: transparent;
  color: var(--color-primary) !important;
  border: 0 !important;
  margin-top: 0;
  text-decoration: underline;
}
.is-style-outline a:hover, .is-style-outline a:focus {
  color: white !important;
  text-decoration: underline;
}

.is-style-outline--white a {
  color: white !important;
}

.wp-block-buttons .wp-block-button:nth-child(even) a {
  color: var(--color-grey) !important;
}
.wp-block-buttons .wp-block-button:nth-child(even) a:hover, .wp-block-buttons .wp-block-button:nth-child(even) a:focus {
  color: white !important;
  text-decoration: underline;
}
.wp-block-buttons .is-style-outline + .is-style-outline {
  margin-left: 1rem;
}

.social-links {
  display: flex;
  justify-content: center;
}

.social-links__item {
  margin: 0 1rem;
}

.social-links__link {
  color: white;
}

/* Slider */
.slick-slider {
  position: relative;
  height: auto;
  display: block;
  box-sizing: border-box;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  border-radius: var(--border-radius);
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-list,
.slick-track {
  transition-delay: 10ms;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 50em) {
  .slick-track {
    margin-left: 0;
    margin-right: 0;
  }
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  position: relative;
  align-items: baseline;
  overflow: hidden;
  opacity: 0.2;
  transition: opacity 0.8s;
  border-radius: var(--border-radius);
}
.slick-slide > div {
  width: 100%;
  border-radius: var(--border-radius);
  overflow: hidden;
}
@media (max-width: 49.99em) {
  .slick-slide > div {
    height: 100%;
  }
}

.slick-active, .slick-current {
  opacity: 1;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: flex;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translate(0, -50%);
  height: 40px;
  width: 40px;
  opacity: 1;
  line-height: 0px;
  font-size: 0px;
  padding: 0;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
  border-radius: 30px;
  outline: none;
  z-index: 9;
  transition: 0.2s all ease-in-out;
}
@media (min-width: 50em) {
  .slick-prev,
  .slick-next {
    top: 50%;
    transform: translate(0, -50%);
  }
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background-color: var(--color-primary);
  outline: none;
  transition: 0.2s all ease-in-out;
  opacity: 1;
}

.slick-prev {
  left: var(--spacing-xs);
}
@media (min-width: 50em) {
  .slick-prev {
    left: var(--spacing-xs);
  }
}
@media (min-width: 70em) {
  .slick-prev {
    left: var(--spacing-s);
  }
}
.slick-prev:before {
  transform: scaleX(-1);
  transition: 0.2s all ease-in-out;
  content: url("../../src/icons/arrow.svg");
}
[dir=rtl] .slick-prev:before {
  content: url("../../src/icons/arrow.svg");
}
.slick-next {
  right: var(--spacing-xs);
}
@media (min-width: 50em) {
  .slick-next {
    right: var(--spacing-xs);
  }
}
@media (min-width: 70em) {
  .slick-next {
    right: var(--spacing-s);
  }
}
.slick-next:before {
  transition: 0.2s all ease-in-out;
  content: url("../../src/icons/arrow.svg");
}
[dir=rtl] .slick-next:before {
  content: url("../../src/icons/arrow.svg");
}
.slick-disabled {
  display: none !important;
}

.slick-dots {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  left: 0;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 0.75rem 0 0;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  position: relative;
  border: 0;
  display: block;
  outline: none;
  padding: 0;
  background-color: transparent;
  color: var(--color-primary);
  cursor: pointer;
}
.slick-dots li button:before {
  content: "0";
}
.slick-dots li button:after {
  content: ".";
}
.slick-dots li.slick-active button {
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
}
.slick-dots li.slick-active button:before {
  color: var(--color-primary);
}

.global-container {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  max-width: var(--container-global);
  margin: 0 auto;
  background-color: white;
}

.container, .form .wpcf7, .form--content, .main {
  margin: 0 auto;
  width: 100%;
  padding: 0 var(--spacing-s);
  max-width: var(--container);
}
@media (min-width: 50em) {
  .container, .form .wpcf7, .form--content, .main {
    padding: 0 var(--site-spacing);
  }
}

.container--large, .site-footer__inner {
  margin: 0 auto;
  width: 100%;
  padding: 0 var(--spacing-xs);
  max-width: var(--container-l);
}
@media (min-width: 70em) {
  .container--large, .site-footer__inner {
    padding: 0 var(--site-spacing);
  }
}

.container--small {
  margin: 0 auto;
  width: 100%;
  padding: 0 var(--spacing-s);
  max-width: var(--container-s);
}
@media (min-width: 50em) {
  .container--small {
    padding: 0 var(--site-spacing);
  }
}

.main {
  max-width: var(--content-width);
  margin-top: var(--spacing-l);
  margin-bottom: var(--spacing-l);
  flex: 1;
}

.arrows {
  width: 350px;
}
.arrows .icon {
  width: 100%;
  height: 100%;
  color: var(--color-primary);
}

.post {
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
}
@media (min-width: 50em) {
  .post {
    padding-top: var(--spacing-l);
    padding-bottom: var(--spacing-l);
  }
}
.post .wp-block-image {
  margin-bottom: var(--spacing);
  margin-top: var(--spacing);
}
.post__thumb {
  margin-bottom: var(--spacing-xs);
}
@media (min-width: 50em) {
  .post__thumb {
    margin-bottom: var(--spacing);
  }
}

.wp-block-video [poster] {
  border: 3px solid var(--color-primary);
}

.wp-block-video video {
  border: 3px solid var(--color-primary);
}

.wp-block-video {
  margin-bottom: var(--spacing-xs);
}
@media (min-width: 50em) {
  .wp-block-video {
    margin-bottom: var(--spacing-xl);
  }
}

.wp-block-embed iframe {
  width: 100%;
  border: 3px solid var(--color-primary);
  margin-bottom: var(--spacing-xs);
}
@media (min-width: 50em) {
  .wp-block-embed iframe {
    margin-bottom: var(--spacing-xl);
  }
}

.wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 53%; /* 16:9 */
  height: 0;
  margin-bottom: var(--spacing-xs);
}
@media (min-width: 50em) {
  .wp-block-embed__wrapper {
    margin-bottom: var(--spacing-xl);
  }
}

.wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.global-alert {
  background: var(--color-primary);
  text-align: center;
  padding: 1rem;
}

.global-alert p {
  color: white;
  margin: 0;
}

.cookie-alert {
  display: none;
  background: orange;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
.cookie-alert.is-visible {
  display: block;
}

.cookie-alert__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-s) var(--spacing-l);
}

.cookie-alert__inner p {
  margin: 0;
  line-height: 1;
  font-size: var(--font-size-small);
}

.cookie-alert__btn {
  background: transparent;
  border: 0;
  cursor: pointer;
}

.unsupported-browser {
  display: none;
  background: var(--color-grey);
  text-align: center;
}

.unsupported-browser__inner {
  padding: var(--spacing);
}

.unsupported-browser h2 {
  font-size: var(--font-size-h4);
  margin: 0;
}

.unsupported-browser p {
  margin: 0;
}

.site-header {
  background-color: white;
  display: flex;
  justify-content: space-between;
  padding: var(--spacing-xs) var(--spacing-s);
}
@media (min-width: 50em) {
  .site-header {
    padding: var(--spacing-xs) var(--spacing);
  }
}
.site-header .arrows {
  z-index: 9;
  position: absolute;
  transform: translateX(-125px);
  width: 307px;
  height: 138px;
  left: 0;
}
@media (min-width: 50em) {
  .site-header .arrows {
    transform: translateX(-125px);
    width: 454px;
    height: 204px;
  }
}

.site-header__logo {
  width: 180px;
  margin: 0 0 0 110px;
  color: var(--color-text-base);
  z-index: 999;
}
.site-header__logo:hover {
  color: var(--color-secondary);
}
@media (min-width: 50em) {
  .site-header__logo {
    width: 269px;
    margin: 0 0 0 250px;
  }
}

.site-header__content {
  display: none;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  line-height: 1;
}
@media only screen and (min-width: 1230px) {
  .site-header__content {
    display: flex;
  }
}

.site-header__strapline {
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
}

.site-header__nav {
  display: none;
  margin-top: auto;
}
@media only screen and (min-width: 1230px) {
  .site-header__nav {
    display: block;
    padding-left: 1rem;
  }
}

.site-header__nav ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-header__nav li a {
  font-size: 16px;
  color: var(--color-text-base);
  font-weight: var(--font-weight-normal);
  text-decoration: none;
}
.site-header__nav li a:hover {
  color: var(--color-primary);
  text-decoration: none;
}
.site-header__nav li a:after {
  content: "/";
  margin: 0 0.5rem;
  color: var(--color-primary);
  font-size: 14px;
}
.site-header__nav li:last-child a::after {
  display: none;
}

li.current_page_item a {
  font-weight: var(--font-weight-bold);
}

.site-header__menu-btn {
  background: black;
  color: white;
  border: 0;
}
@media only screen and (min-width: 1230px) {
  .site-header__menu-btn {
    display: none;
  }
}

.site-footer {
  margin-top: auto;
  text-align: center;
  background-color: black;
  padding: var(--spacing-xs) 0;
  z-index: 999;
}

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

.site-footer p {
  color: white;
  margin: 0;
  font-size: var(--font-size-small);
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 6px 10px 0 10px;
  cursor: pointer;
  z-index: 99999;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 1;
}
.hamburger.is-active:hover {
  opacity: 1;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: black;
}

.hamburger-box {
  width: 30px;
  height: 18px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 30px;
  height: 2px;
  background-color: black;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -8px;
}
.hamburger-inner::after {
  bottom: -8px;
}

/*
* Squeeze
*/
.hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

body.nav-open {
  overflow: hidden;
}
body.nav-open .site-header__logo {
  transition: all 0.2s ease-in-out;
  color: white;
}

.mobile-menu {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 0;
  right: 0;
  padding: 2rem 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: var(--color-primary);
  transform: translate3d(100%, 0, 0);
  transition: transform 0.2s ease;
}
@media only screen and (min-width: 1230px) {
  .mobile-menu {
    display: none;
  }
}
.mobile-menu .menu {
  margin: 0 var(--spacing-s) 1rem var(--spacing-s);
  padding-left: 0;
  display: flex;
  flex-direction: column;
}
.mobile-menu .menu li {
  list-style-type: none;
}
.mobile-menu .menu li a {
  font-size: var(--font-size-h3);
  text-decoration: none;
  display: block;
  color: var(--color-text-base);
  padding: 0.5rem 0;
}
.mobile-menu .site-header__strapline {
  margin-top: auto;
  margin: auto var(--spacing-s) 0 var(--spacing-s);
  font-weight: var(--font-weight-bold);
}
.mobile-menu__nav {
  display: flex;
  flex-direction: column;
  margin-top: 7rem;
}
.mobile-menu__nav .social-links {
  order: 2;
  margin-top: auto;
  margin-bottom: var(--spacing);
}

.mobile-menu.is-active {
  transform: translateZ(0);
}

@media (min-width: 50em) {
  .wp-block-column:nth-child(even) {
    padding-left: var(--spacing-s);
  }
}
.wp-block-column .wp-block-image {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-s);
}
@media (min-width: 50em) {
  .wp-block-column .wp-block-image {
    margin-bottom: 0;
  }
}

.accordion {
  max-width: var(--content-width);
  margin-top: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
  padding: 0;
}

.accordion__item {
  border-top: 1px solid var(--color-grey-light);
}

.accordion__handle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-align: left;
  margin: 0;
  padding: var(--spacing) 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  border-top: 1px solid var(--color-grey-tint);
}

.accordion__title {
  margin: 0 !important;
  color: var(--color-text-dark);
  text-transform: uppercase;
  font-size: var(--font-size-h5);
  flex: 1;
}
.is-active .accordion__title {
  color: var(--color-primary);
}

.accordion__icon {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 var(--spacing);
}
.accordion__icon:before, .accordion__icon:after {
  content: "";
  position: absolute;
  background: var(--color-text-base);
  transition: transform 0.25s ease-out;
}
.accordion__icon:before {
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
}
.accordion__icon:after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
}
.is-active .accordion__icon:before {
  transform: rotate(90deg);
}
.is-active .accordion__icon:after {
  transform: rotate(180deg);
}

.accordion__body {
  display: none;
  padding-bottom: var(--spacing-l);
}
.accordion__body p:first-child {
  margin-top: 0;
}
.accordion__body.is-open {
  display: block;
}

.form {
  padding-top: var(--spacing);
  padding-bottom: var(--spacing);
}
.form--content {
  margin-bottom: var(--spacing);
}
.form .wpcf7-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.form .wpcf7-spinner {
  display: none;
}
.form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  margin-top: 0.5rem;
}
.form .wpcf7-form-control-wrap input,
.form .wpcf7-form-control-wrap textarea {
  width: 100%;
}
@media (min-width: 50em) {
  .form--half {
    width: 50%;
    padding: 0 1rem;
  }
  .form--half:nth-child(odd) {
    padding-right: 0;
  }
  .form--half:nth-child(even) {
    padding-left: 0;
  }
}
.form--full {
  width: 100%;
}

.wp-block-contact-form-7-contact-form-selector {
  background-color: black;
}

.image {
  position: relative;
  width: 100%;
}
.image img,
.image picture {
  width: 100%;
}
@media (min-width: 50em) {
  .image--fixed {
    height: 100vh;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
  }
  .image--fixed img,
  .image--fixed picture {
    display: none;
  }
}

.wp-block-gallery {
  display: flex;
  flex-wrap: wrap;
  margin: var(--spacing) 0;
}

.page-header {
  width: 100%;
  position: relative;
}
.page-header__blank {
  background-color: black;
  min-height: 200px;
}
@media (min-width: 50em) {
  .page-header__blank {
    min-height: 300px;
  }
}
.page-header__media {
  overflow: hidden;
  position: relative;
}
.page-header__media picture {
  width: 100%;
  height: 100%;
  display: flex;
}
.page-header__media img,
.page-header__media video {
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
  width: 100%;
}
.page-header__title {
  position: absolute;
  z-index: 1;
  padding-right: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.page-header__title h1 {
  margin: 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.posts {
  display: grid;
  grid-gap: var(--spacing);
  grid-template-columns: 1fr;
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
}
@media (min-width: 50em) {
  .posts {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 70em) {
  .posts {
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: var(--spacing-l);
    padding-bottom: var(--spacing-l);
  }
}
.posts-item {
  text-decoration: none;
  color: var(--color-text-base);
}
.posts-item__media {
  margin-bottom: var(--spacing-xs);
}
.posts-item__title h3 {
  font-weight: var(--font-weight-bold);
}
.posts-item .btn--link {
  display: block;
  margin-top: var(--spacing-xs);
  text-transform: uppercase;
  font-weight: var(--font-weight-bold);
}
.posts-item:hover {
  text-decoration: none;
  color: var(--color-text-base);
}
.posts-item:hover .btn--link {
  color: var(--color-primary);
}

.project {
  padding-top: var(--site-spacing);
  padding-bottom: var(--site-spacing);
}
.project__icons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}
@media (min-width: 50em) {
  .project__icons {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 70em) {
  .project__icons {
    grid-gap: 2rem;
    grid-template-columns: repeat(4, 1fr);
  }
}
.project__icon {
  background-color: var(--color-primary);
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 0.5rem;
  line-height: 1.8rem;
}
.project__icon p {
  margin: 0;
  font-size: var(--font-size-lead);
}
.project__icon .icon {
  height: 112px;
  min-width: 112px;
  margin-bottom: 1rem;
}
.project .text-image {
  min-height: 0;
  padding-top: var(--spacing-l);
  padding-bottom: var(--spacing-l);
}
.project .text-image .wp-block-image img {
  width: 100%;
}

.testimonials {
  position: relative;
  padding: var(--spacing-xl) 0 var(--site-spacing) 0;
}
@media (min-width: 50em) {
  .testimonials {
    padding: var(--site-spacing) 0 var(--site-spacing) 0;
  }
}

.arrows {
  z-index: 9;
  position: absolute;
  width: 307px;
  height: 138px;
}
@media (min-width: 50em) {
  .arrows {
    width: 454px;
    height: 204px;
  }
}
.arrows--left {
  transform: translateX(-125px);
  top: 0;
  left: 0;
  margin-top: -50px;
}
@media (min-width: 50em) {
  .arrows--left {
    transform: translateX(-125px);
  }
}
.arrows--right {
  right: 0;
  bottom: 0;
  transform: translate(100px, 20px);
}
@media (min-width: 50em) {
  .arrows--right {
    transform: translate(100px, 55px);
  }
}

.testimonial {
  display: flex;
  flex-direction: column;
}
.testimonial .icon {
  width: 20px;
  display: none;
}
.testimonial .icon-openquote {
  position: absolute;
  left: 0;
  top: 0;
}
.testimonial .icon-closequote {
  position: absolute;
  right: 0rem;
  top: 0;
}
.testimonial-quote .heading-2 {
  color: white;
}
.slick-dots {
  margin-top: var(--spacing) !important;
}
.text-image {
  padding-top: var(--site-spacing);
  padding-bottom: var(--site-spacing);
  min-height: 75vh;
  display: flex;
  align-items: center;
}
.text-image .wp-block-columns {
  margin-bottom: 0;
}
.text-image .wp-block-columns:first-of-type {
  padding-top: 0;
  border: 0;
}
.text-image .wp-block-columns:last-of-type {
  padding-bottom: 0;
}

.u-bold {
  font-weight: bold !important;
}

.u-semibold {
  font-weight: 600 !important;
}

.u-regular {
  font-weight: normal !important;
}

.u-light {
  font-weight: 300 !important;
}

.u-italic {
  font-style: italic !important;
}

.u-caps {
  text-transform: uppercase !important;
}

.u-left-align {
  text-align: left !important;
}

.u-center {
  text-align: center !important;
}

.u-right-align {
  text-align: right !important;
}

.mt-xxl {
  margin-top: var(--spacing-xxl) !important;
}

.mt-xl {
  margin-top: var(--spacing-xl) !important;
}

.mt-l {
  margin-top: var(--spacing-l) !important;
  display: block;
}

.mt {
  margin-top: var(--spacing) !important;
}

.mt-s {
  margin-top: var(--spacing-s) !important;
}

.mb-xxl {
  margin-bottom: var(--spacing-xxl) !important;
}

.mb-xl {
  margin-bottom: var(--spacing-xl) !important;
}

.mb-l {
  margin-bottom: var(--spacing-l) !important;
}

.mb {
  margin-bottom: var(--spacing) !important;
}

.mb-s {
  margin-bottom: var(--spacing-s) !important;
}

img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.txt--white {
  color: white !important;
}
.txt--black {
  color: black !important;
}
.txt--blue {
  color: var(--color-tertiary) !important;
}
.txt--orange {
  color: var(--color-primary) !important;
}

.has-grey-color {
  color: var(--color-grey) !important;
}
.has-grey-color a {
  color: var(--color-grey) !important;
}

.bodybkg--white {
  background-color: white;
}
.bodybkg--orange {
  background-color: var(--color-primary);
}
.bodybkg--black {
  background-color: black;
}

.bkg--white {
  background-color: white;
}
.bkg--grey {
  background-color: var(--color-grey-light);
}
.bkg--orange {
  background-color: var(--color-primary);
}
.bkg--orange ul.styled {
  margin: 2rem 0;
}
.bkg--orange ul.styled li {
  list-style: none;
  position: relative;
  padding-left: 10px;
  margin-bottom: 0.5rem;
}
.bkg--orange ul.styled li::before {
  background: transparent url("../../src/icons/list-black.svg") scroll 0 0 no-repeat;
  background-size: 100%;
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  left: -29px;
  top: 0px;
}
.bkg--blue {
  background-color: var(--color-tertiary);
}
.bkg--blue .arrows .icon {
  color: white;
}
.bkg--blue .slick-dots li button,
.bkg--blue .slick-dots li.slick-active button:before {
  color: white;
}
.bkg--blue ul.styled {
  margin: 2rem 0;
}
.bkg--blue ul.styled li {
  list-style: none;
  position: relative;
  padding-left: 10px;
  margin-bottom: 0.5rem;
}
.bkg--blue ul.styled li::before {
  background: transparent url("../../src/icons/list-black.svg") scroll 0 0 no-repeat;
  background-size: 100%;
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  left: -29px;
  top: 0px;
}
.bkg--black {
  background-color: black;
  color: white;
}
.bkg--black h1, .bkg--black h2, .bkg--black h3, .bkg--black h4, .bkg--black h5, .bkg--black h6, .bkg--black p {
  color: white;
}

@media print {
  * {
    background: #ffffff;
    color: #000000 !important;
  }
  html {
    font: 100%/1.5 Arial, serif;
  }
  /**
   * Hide
   */
  .header,
  .footer {
    display: none;
  }
  /**
   * Make full-width
   */
  .unit {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
}