/* http://meyerweb.com/eric/tools/css/reset/
   v5.0.1 | 20191019
   License: none (public domain)
*/

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, menu, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
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, hgroup, main, menu, nav, section {
	display: block;
}

/* HTML5 hidden-attribute fix for newer browsers */

*[hidden] {
    display: none;
}

body {
	line-height: 1;
}

menu, 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;
}

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
html {
  font-family: sans-serif;
  font-size: 100%; /* 16px */
  scroll-behavior: smooth;
  scroll-padding-top: 7rem;
}
body {
  font-family: 'SBCAkkuratPro', sans-serif;
  font-family: var(--body-font);
  font-size: 1.125rem;
  font-weight: 400;
  font-weight: var(--normal);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #000000;
  color: var(--black);
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  background-color: #ffd200;
  background-color: var(--yellow);
  overflow-x: hidden; /* Becuase FeaturedEvents needs to be 100vw wide */
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
a {
  color: inherit;
}
input,
button,
textarea {
  font-family: var(--body);
  font-size: 1rem;
  border-radius: 0; /*Safari mobile.*/
  border: 0;
  -webkit-appearance: none;
}
button {
  cursor: pointer;
  margin: 0;
}
main hr {
  padding: 0;
  padding: initial;
}
.page-container--white {
    background-color: #ffffff;
    background-color: var(--white);
  }
/* Styling for copy writing on 500 error page */
.error-500__help {
    text-align: center;
  }
@media (min-width: 768px) {
.error-500__help {
      font-size: 2rem;
  }
    }
.error-500__phone {
    white-space: nowrap;
  }
#zdbutton {
  background-color: #020200 !important;
  color: #ffd200 !important;
  fill: #ffd200 !important;
  border-radius: 999rem;

  width: 110px;
  height: 50px;
  padding: 0px;
  margin: 10px 20px;
  position: fixed;
  bottom: 0px;
  overflow: visible;
  opacity: 1;
  border: 0px none;
  z-index: 2;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-property: opacity, top, bottom;
  transition-property: opacity, top, bottom;
  right: 0px;
}
#zdbutton > svg {
  top: 4px;
  right: 6px;
  position: relative;
}

@font-face {
  font-family: SBCAkkuratPro;
  src: url(/dist/client/25e84a0285926fe1e45c98a30c55082e.woff) format('woff'),
    url(/dist/client/74d6cd14e2a18ed7e35cd62ca0d391a2.ttf) format('truetype'),
    url(/dist/client/c251bb1c4bded03eb540f1736a4b0570.otf) format('opentype'),
    url(/dist/client/4501a5cdc3718fffc3466ed379952147.eot) format('embedded-opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SBCAkkuratPro;
  src: url(/dist/client/b4d869dd100a1b624fffb0fbe34cb2d5.woff) format('woff'),
    url(/dist/client/c62aa100e2c823e19f4f0b1789b59880.ttf) format('truetype'),
    url(/dist/client/b6ee05f82f7411da0558633ba8893eea.otf) format('opentype'),
    url(/dist/client/2dc297e4bc6341cb17c248dde7c9be7a.eot) format('embedded-opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SCNoe;
  src: url(/dist/client/bec73cace06eee959390bb65548f2f07.woff) format('woff'), url(/dist/client/27bba84fe4e712360a04ecb1b4e778dd.otf) format('opentype'),
    url(/dist/client/4163b13d1453f21d05c0c83a338f089f.eot) format('embedded-opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.arrangement__container {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
  }
.arrangement__container .accordion__button {
        padding-top: 0;
      }
.arrangement__container .accordion__caret {
        top: 0;
      }
.arrangement__hero {
    /* Display contents is used here to enable the buy button to be sticky. */
    display: contents;
    margin-top: 2.5rem;
  }
.arrangement__hero__content {
      max-width: 800px;
      margin: 0 auto;
      width: 100%;
      text-align: center;
      display: contents;
    }
@media (min-width: 768px) {
.arrangement__hero__content {
        display: block
    }
      }
.arrangement__hero__title {
      font-family: 'SCNoe', sans-serif;
      font-family: var(--heading-font);
      font-size: 3rem;
      /* 48px */
      font-weight: 700;
      font-weight: var(--bold);
      line-height: 1;
      margin-top: 2.5rem;
      word-break: break-word;
    }
@media (min-width: 768px) {
.arrangement__hero__title {
      font-size: 4rem /* 64px */
    }
    }
.arrangement__hero__title--medium {
        font-size: 2rem;
        word-break: break-word;
      }
@media (min-width: 768px) {
.arrangement__hero__title--medium {
          font-size: 3rem
      }
        }
.arrangement__hero__support-acts {
      font-size: 1.5rem;
      font-weight: 700;
      font-weight: var(--bold);
      line-height: 1;
    }
.arrangement__hero__support-acts span {
        display: block;
      }
.arrangement__hero__label {
      text-transform: uppercase;
      margin-top: 1rem;
    }
@media (min-width: 768px) {
.arrangement__hero__label {
        margin-top: 2.5rem;
        font-size: 1.25rem
    }
      }
.arrangement__hero__date {
      margin-top: 1rem;
    }
@media (min-width: 768px) {
.arrangement__hero__date {
        margin-top: 1.75rem;
        font-size: 1.5rem
    }
      }
.arrangement__hero__series,
    .arrangement__hero__venue-title,
    .arrangement__hero__primary-artform,
    .arrangement__hero__price {
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
              align-items: center;
    }
@media (min-width: 768px) {
.arrangement__hero__series,
    .arrangement__hero__venue-title,
    .arrangement__hero__primary-artform,
    .arrangement__hero__price {
        font-size: 1.5rem
    }
      }
.arrangement__hero__series {
      display: block;
    }
.arrangement__hero__media {
      margin: 1rem -1rem 0 -1rem;
    }
@media (min-width: 768px) {
.arrangement__hero__media {
        position: relative;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
                justify-content: center;
        width: calc(100vw - 80px);
        margin: 2.5rem calc(50% - 50vw) 0 calc(50% - 50vw);
        left: 40px
    }
      }
.arrangement__hero__media img {
        width: 100%;
        max-width: 1200px;
      }
.arrangement__hero__wrapper {
      display: contents;
      -webkit-box-pack: center;
              justify-content: center;
      flex-wrap: nowrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
    }
@media (min-width: 768px) {
.arrangement__hero__wrapper {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
                flex-direction: row
    }
      }
.arrangement__hero__wrapper > div:nth-child(2) .arrangement__hero__button--mobile {
          top: 8.5rem;
        }
@media (min-width: 768px) {
.arrangement__hero__wrapper > div:nth-child(2) .arrangement__hero__button--square {
            margin-left: -1.3rem
        }
          }
.arrangement__hero--square .arrangement__hero__wrapper {
      display: block;
    }
.arrangement__hero__item {
     display: contents;
    }
@media (min-width: 768px) {
.arrangement__hero__item {
        display: block;
        width: 20rem
    }

        .arrangement__hero__item:first-child {
          margin-right: 0.625rem;
        }
        .arrangement__hero__item:last-child {
          margin-left: 0.625rem;
        }
      }
.arrangement__hero__item:first-child > .arrangement__hero__button--mobile {
        margin-bottom: 0.5rem;
      }
.arrangement__hero__button {
      display: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      -webkit-box-pack: center;
              justify-content: center;
      position: -webkit-sticky;
      position: sticky;
      top: 4.5rem;
      z-index: 1;
    }
/*margin-top: 1.25rem;*/
@media (min-width: 768px) {
.arrangement__hero__button {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
                flex-direction: row;
        top: 6rem
    }

        .arrangement__hero__button > section:first-child:not(:only-child) {
          margin-right: 2.5rem;
        }
        .arrangement__hero__button > section:nth-child(2) {
          margin-left: 2.5rem;
        }
      }
.arrangement__hero__button--mobile {
         display: -webkit-box;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
                 flex-direction: column;
         -webkit-box-pack: center;
                 justify-content: center;
         position: -webkit-sticky;
         position: sticky;
         top: 4.5rem;
         z-index: 1;
         margin-top: 0;
      }
@media (min-width: 768px) {
.arrangement__hero__button--mobile {
           display: none
      }
         }
@media (min-width: 768px) {
.arrangement__hero__button--square {
          display: -webkit-box;
          display: flex
      }
        }
.arrangement__hero__square-grid .arrangement__hero__button {
      position: static;
    }
.arrangement__hero--square .arrangement__hero__button--square {
      display: block;
      top: 0.5rem;
      z-index: 1;
      margin-top: 1.25rem;
    }
@media (min-width: 768px) {
.arrangement__hero--square .arrangement__hero__button--square {
        top: 1rem
    }
      }
.arrangement__hero__square-grid {
      display: -ms-grid;
      display: grid;
          grid-template-areas:
        'content'
        'media';
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
@media (min-width: 992px) {
.arrangement__hero__square-grid {
            grid-template-areas: 'media content';
        -ms-grid-columns: 1fr 2.5rem 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2.5rem
    }
      }
.arrangement__hero--square .arrangement__hero__title {
        word-break: break-word;
        margin-top: 0;
      }
.arrangement__hero--square .arrangement__hero__media-wrapper {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        grid-area: media;
      }
@media (min-width: 992px) {
.arrangement__hero--square .arrangement__hero__media-wrapper {
          display: -webkit-box;
          display: flex
      }
        }
@media (min-width: 992px) {
.arrangement__hero--square .arrangement__hero__media {
          -ms-grid-row-align: center;
              align-self: center;
          width: 100%;
          left: 0;
          margin: 0
      }
        }
.arrangement__hero--square .arrangement__hero__content {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
        -webkit-box-pack: center;
                justify-content: center;
        grid-area: content;
        max-width: 100%;
        margin: 0;
        -webkit-box-align: center;
                align-items: center;
      }
@media (min-width: 992px) {
.arrangement__hero--square .arrangement__hero__content {
          padding: 1rem 0
      }
        }
.arrangement__hero__wishlist {
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
              justify-content: center;
      margin-top: 1.5rem;
    }
.arrangement__hero__wishlist__text {
        margin-right: 0.5rem;
        font-size: 14px;
        line-height: 1.7;
      }
.arrangement__review {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    margin-top: 1rem;
  }
@media (min-width: 768px) {
.arrangement__review {
      margin-top: 4rem
  }
    }
.arrangement__review__rating {
      font-size: 0.875rem;
    }
.arrangement__review__review {
      display: block;
      margin-top: 0.5rem;
      font-family: 'SCNoe', sans-serif;
      font-family: var(--heading-font);
      font-size: 1.5rem;
      line-height: 1;
    }
@media (min-width: 768px) {
.arrangement__review__review {
        font-size: 2rem
    }
      }
.arrangement__review__source {
      font-size: 0.875rem;
      margin-top: 1rem;
    }
@media (min-width: 768px) {
.arrangement__review__source {
        font-size: 1.125rem
    }
      }
.arrangement__summary {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    margin-top: 2.5rem;
    font-size: 1.5rem;
  }
@media (min-width: 768px) {
.arrangement__summary {
      font-size: 2rem
  }
    }
.arrangement__performers-repertoire {
    padding: 1.875rem 0;
  }
@media (min-width: 768px) {
.arrangement__performers-repertoire {
      padding: 2.5rem 0
  }
    }
.arrangement__performers-repertoire__container {
      max-width: 800px;
      margin: 0 auto;
      width: 100%;
      display: -ms-grid;
      display: grid;
          grid-template-areas:
        'content'
        'content';
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
.arrangement__performers-repertoire h5 {
      font-size: 1.125rem;
      font-weight: 700;
      font-weight: var(--bold);
      line-height: 1.33;
    }
.arrangement__performers-repertoire ul {
      text-align: center;
    }
.arrangement__performers-repertoire ul + ul {
      margin-top: 1.875rem;
    }
.arrangement__performers-repertoire + .arrangement__sponsors {
    padding-top: 2.5rem;
  }
.arrangement__performers-repertoire + article > .arrangement__details:first-of-type {
      margin-top: 0;
    }
.arrangement__subnavigation .sub-navigation__slices > div {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    margin-bottom: 2.5rem;
  }
.arrangement__details {
    display: -ms-grid;
    display: grid;
        grid-template-areas:
      'title'
      'content';
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: 2.5rem 0;
    border-top: 1px solid #000000;
    border-top: 1px solid var(--black);
  }
@media (min-width: 768px) {
.arrangement__details {
          grid-template-areas: 'title content';
      -ms-grid-columns: 1fr 0.625rem 2fr;
      grid-template-columns: 1fr 2fr;
      grid-gap: 0.625rem
  }
.arrangement__details > .arrangement__hero__content {

    -ms-grid-row: 1;

    -ms-grid-row-span: 1;

    -ms-grid-column: 3
  }
    }
@media (min-width: 768px) {
.arrangement__details:first-of-type {
        margin-top: 2.5rem
    }
      }
.arrangement__details:last-of-type {
      border-bottom: 1px solid #000000;
      border-bottom: 1px solid var(--black);
    }
.arrangement__details__title {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: title;
      font-family: 'SCNoe', sans-serif;
      font-family: var(--heading-font);
      font-size: 3rem;
      /* 48px */
      font-weight: 700;
      font-weight: var(--bold);
      line-height: 1;
      font-size: 2rem;
      margin-bottom: 0.375rem;
    }
@media (min-width: 768px) {
.arrangement__details__title {
      font-size: 4rem /* 64px */
    }
    }
@media (min-width: 768px) {
.arrangement__details__title {
        font-size: 3.75rem;
        margin-bottom: 0;
        line-height: 3.75rem
    }
      }
.arrangement__details__subtitle {
      margin: 0.5rem 0 0.2rem 0;
    }
@media (min-width: 768px) {
.arrangement__details__subtitle {
        margin: 0.5rem 0 0.8rem 0
    }
      }
.arrangement__details__subtitle h4 {
        font-size: 1.5rem;
        font-weight: 700;
        font-weight: var(--bold);
        line-height: 1;
      }
.arrangement__details__heading {
      font-size: 1.5rem;
      font-weight: 700;
      font-weight: var(--bold);
      line-height: 1;
      font-size: 18px;
    }
.arrangement__details-wrapper + .arrangement__details-wrapper {
        border-top: 1px solid #cca800;
        border-top: 1px solid var(--mustard);
        padding-top: 1rem;
        margin-top: 1rem;
      }
.arrangement__details__content {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: content;
    }
.arrangement__performers-repertoire__container > .arrangement__details__content {

  -ms-grid-row: 1;

  -ms-grid-row-span: 2;

  -ms-grid-column: 1;
    }
.arrangement__details > .arrangement__details__content {

  -ms-grid-row: 2;

  -ms-grid-row-span: 1;

  -ms-grid-column: 1;
    }
@media (min-width: 992px) {
.arrangement__hero--square .arrangement__hero__media-wrapper {

    -ms-grid-row: 1;

    -ms-grid-column: 1
    }
.arrangement__hero--square .arrangement__hero__content {

    -ms-grid-row: 1;

    -ms-grid-column: 3
    }
.arrangement__details__content {

    -ms-grid-row: 1;

    -ms-grid-column: 3
    }
}
@media (min-width: 768px) {
.arrangement__details__title {

    -ms-grid-row: 1;

    -ms-grid-column: 1
  }
.arrangement__details > .arrangement__details__content {

    -ms-grid-row: 1;

    -ms-grid-row-span: 1;

    -ms-grid-column: 3
  }
}
.arrangement__details__content strong {
        font-weight: 700;
        font-weight: var(--bold);
      }
.arrangement__details__content > span {
        font-weight: 700;
        font-weight: var(--bold);
      }
@media (min-width: 768px) {
.arrangement__details__content > p {
          margin-top: 0.8rem
      }
        }
.arrangement__details__content__disclaimer {
        font-size: 0.875rem;
        line-height: 1.43;
        margin-top: 1rem;
        display: block;
        font-weight: 700;
        font-weight: var(--bold);
      }
.arrangement__details__content--age-recommendation {
        border-bottom: 1px solid #cca800;
        border-bottom: 1px solid var(--mustard);
        padding-bottom: 1.5rem;
      }
.arrangement__details__content--age-recommendation span {
          display: block;
          padding-bottom: 0.5rem;
        }
.arrangement__details__content-wrapper {
      display: -ms-grid;
      display: grid;
      -ms-grid-rows: auto 1rem auto;
          grid-template-areas:
        'table'
        'text';
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      grid-gap: 1rem;
    }
@media (min-width: 1100px) {
.arrangement__details__content-wrapper {
            grid-template-areas: 'table text';
        -ms-grid-columns: 1fr 2.5rem 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2.5rem
    }
      }
.arrangement__details__table {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: table;
    }
.arrangement__details__table li {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
                justify-content: space-between;
        border-bottom: 1px solid #cca800;
        border-bottom: 1px solid var(--mustard);
        padding: 0.5rem 0;
      }
@media (min-width: 768px) {
.arrangement__details__table li {
          padding: 1rem 0
      }
        }
.arrangement__details__table__price {
        font-weight: 700;
        font-weight: var(--bold);
        margin-left: 1rem;
        text-align: right;
      }
.arrangement__details__cols {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
    }
@media (min-width: 768px) {
.arrangement__details__cols {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
                flex-direction: row
    }
      }
.arrangement__details__cols h4 {
        padding-bottom: 10px;
      }
.arrangement__details__cols + .arrangement__details__cols {
        border-top: 1px solid #cca800;
        border-top: 1px solid var(--mustard);
        padding-top: 1rem;
        margin-top: 1rem;
      }
.arrangement__details__col {
      min-width: 10rem;
    }
.arrangement__details__copy {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      grid-area: text;
      font-size: 0.875rem;
      line-height: 1.43;
    }
@media (min-width: 1100px) {
.arrangement__details__table {

    -ms-grid-row: 1;

    -ms-grid-column: 1
    }
.arrangement__details__copy {

    -ms-grid-row: 1;

    -ms-grid-column: 3
    }
}
.arrangement__details__copy p + p {
        margin-top: 1rem;
      }
.arrangement__details__text {
      margin-bottom: 1rem;
    }
.arrangement__details__members-block {
      margin-top: 2.5rem;
      padding: 1rem;
      background-color: #ffabd4;
      background-color: var(--service-color);
      color: #000000;
      color: var(--black);
      text-align: center;
    }
.arrangement__details__members-block__title {
        font-family: 'SCNoe', sans-serif;
        font-family: var(--heading-font);
        font-size: 1.5rem;
        /* 24px */
        font-weight: 700;
        font-weight: var(--bold);
        /* line-height: normal; */
        line-height: 1;
        margin-bottom: 1rem;
      }
@media (min-width: 768px) {
.arrangement__details__members-block__title {
      font-size: 2rem /* 32px */
      }
    }
.arrangement__details__members-block__title h3 {
          font-size: 1.5rem;
        }
.arrangement__details__members-block a {
        color: #000000;
        color: var(--black);
      }
.arrangement__details > .accordion-with-heading {
        max-width: none;
        margin: 0;
      }
.arrangement__details > .accordion-with-heading__subtitle > h2 {
          font-size: 1.5rem;
        }
.arrangement__details > .accordion-with-heading .accordion__body {
          max-width: none;
        }
.arrangement__details__icon {
      display: inline-block;
      background: url(/dist/client/94307ee77ff8e09ac98b9b40506b093e.svg) no-repeat center;
      width: 3.375rem;
      height: 2.25rem;
      background-size: contain;
    }
.arrangement__sponsors {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    padding: 2.5rem 0;
  }
.arrangement__sponsors__container {
      max-width: 800px;
      margin: 0 auto;
      width: 100%;
    }
.arrangement__sponsors__logo {
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
              justify-content: center;
      max-width: 130px;
      margin: 0.625rem auto 0 auto;
    }
.arrangement__sponsors img {
      display: block;
      width: 100%;
      height: 100%;
    }
.arrangement__sponsors__text {
      font-size: 0.875rem;
      line-height: normal;
      letter-spacing: 0.5px;
      text-align: center;
      margin-top: 0.25rem;
      letter-spacing: normal;
    }
.arrangement__venue h4 {
      font-size: 1.5rem;
      font-weight: 700;
      font-weight: var(--bold);
      line-height: 1;
    }
.arrangement__venue .accordion__body {
      max-width: none;
    }
.arrangement__details-multibuy-section__link {
      margin-top: 1rem;
      position: relative;
      display: inline-block;
      font-weight: bold;
      line-height: 1.33;
      -webkit-transition: color 0.3s ease;
      transition: color 0.3s ease;
      color: #000000;
      color: var(--black);
      text-decoration: none;
    }
.arrangement__details-multibuy-section__link::after {
      content: '';
      position: absolute;
      top: 3px;
      right: -15px;
      width: 7px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23000000'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.arrangement__details-multibuy-section__link::before {
      content: '';
      position: absolute;
      top: 10px;
      right: -21px;
      width: 10px;
      height: 1px;
      background-color: #444ce1;
      background-color: var(--blue);
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.arrangement__details-multibuy-section__link:hover,
    .arrangement__details-multibuy-section__link:focus,
    .arrangement__details-multibuy-section__link:active {
      color: #444ce1;
      color: var(--blue);
    }
.arrangement__details-multibuy-section__link:hover::before, .arrangement__details-multibuy-section__link:focus::before, .arrangement__details-multibuy-section__link:active::before {
        opacity: 1;
      }
.arrangement__details-multibuy-section__link:hover::after, .arrangement__details-multibuy-section__link:focus::after, .arrangement__details-multibuy-section__link:active::after {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23444ce1'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        -webkit-transform: translateX(10px);
                transform: translateX(10px);
      }
.arrangement__gallery-slices {
    margin-top: 2.5rem;
  }
.arrangement__collection-slices {
    margin-bottom: 3.75rem;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.accordion-with-heading {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}
.accordion-with-heading__subtitle {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 2rem;
    /* 32px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
  }
@media (min-width: 768px) {
.accordion-with-heading__subtitle {
      font-size: 3rem /* 48px */
  }
    }
@media (min-width: 768px) {
.accordion-with-heading__subtitle {
      font-size: 2rem /* 32px */
  }
    }
.accordion {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.accordion__button {
    position: relative;
    display: -webkit-box;
    display: flex;
    cursor: pointer;
    background-color: transparent;
    font-size: 1.125rem;
    font-weight: 700;
    font-weight: var(--bold);
    padding-left: 0;
    padding-right: 0;
    padding: 1rem 0;
    text-align: center;
  }
.accordion__caret {
    position: absolute;
    top: 22px;
    right: 12px;
    width: 16px;
    height: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNSA2TDAgMGw1IDIuMzY0TDEwIDB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
.accordion__label {
    color: #000000;
    color: var(--black);
  }
.accordion__panel {
    overflow: hidden;
    border-bottom: 1px solid #cca800;
    border-bottom: 1px solid var(--mustard);
  }
.accordion__panel--hero {
      overflow: hidden;
      border-bottom: 1px solid #cca800;
      border-bottom: 1px solid var(--mustard);
    }
.accordion__body {
    padding: 0.3125rem 0 0;
    margin-bottom: 1.5rem;
  }
.accordion__body > div + div {
      margin-top: 2rem;
    }
.accordion--slices {
    margin: 1.5rem 0 2rem 0;
  }
@media (min-width: 768px) {
.accordion--slices {
      margin: 1.75rem 0 2.5rem 0
  }
    }
.accordion--slices > .accordion__body:first-child {
        margin-top: 1.5rem;
      }
@media (min-width: 768px) {
.accordion--slices > .accordion__body:first-child {
          margin-top: 2.875rem
      }
        }
.accordion--slices > .accordion__panel {
        border-bottom: 0;
      }
.accordion--slices > .accordion__button {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
        -webkit-box-align: center;
                align-items: center;
        padding-bottom: 0;
      }
@media (min-width: 768px) {
.accordion--slices > .accordion__button {
          font-size: 1.5rem
      }
        }
.accordion--slices > .accordion__button > .accordion__caret {
            position: relative;
            display: block;
            margin-top: 0.5rem;
            width: 1rem;
            height: 0.625rem;
            right: 0;
          }
.accordion--slices .image-slice--alignLeft,
    .accordion--slices .image-slice--alignRight {
      margin-left: 0;
      margin-left: initial;
      margin-right: 0;
      margin-right: initial;
    }
.hero-accordion > .accordion__button {
    padding: 1rem 0rem 1rem 0;
  }
.need-to-know-accordion .accordion__panel {
    position: relative;
  }
.need-to-know-accordion .accordion__gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 210, 0, 1)), to(rgba(255, 210, 0, 0)));
    background: linear-gradient(to top, rgba(255, 210, 0, 1), rgba(255, 210, 0, 0));
  }
.single-accordion .accordion__button {
    display: block;
  }
.single-accordion .accordion__panel {
    border-bottom: none;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.rich-text h1 {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 3rem;
    /* 48px */
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1;
  }
@media (min-width: 768px) {
.rich-text h1 {
      font-size: 4rem; /* 64px */
  }
    }
.rich-text h2 {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 2rem;
    /* 32px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
  }
@media (min-width: 768px) {
.rich-text h2 {
      font-size: 3rem; /* 48px */
  }
    }
.rich-text h3 {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 1.5rem;
    /* 24px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
  }
@media (min-width: 768px) {
.rich-text h3 {
      font-size: 2rem; /* 32px */
  }
    }
.rich-text h4 {
    font-size: 1.5rem;
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1;
  }
.rich-text h5 {
    font-size: 1.125rem;
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1.33;
  }
.rich-text * + h2 {
    margin-top: 1rem;
  }
.rich-text * + h3 {
    margin-top: 1rem;
  }
.rich-text * + h4 {
    margin-top: 1rem;
  }
.rich-text * + h5 {
    margin-top: 1rem;
  }
.rich-text * + p {
    margin-top: 1rem;
  }
.rich-text p > strong {
    font-weight: 700;
    font-weight: var(--bold);
  }
.rich-text p > em {
    font-style: italic;
  }
.rich-text p > a[href] {
    text-decoration: underline;
    color: #000000;
    color: var(--black);
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
.rich-text p > a[href]:hover,
    .rich-text p > a[href]:focus,
    .rich-text p > a[href]:active {
      color: #444ce1;
      color: var(--blue);
    }
.rich-text p.footnote {
    font-size: 0.8rem;
  }
.rich-text strong,
  .rich-text b {
    font-weight: 700;
    font-weight: var(--bold);
  }
.rich-text em,
  .rich-text i {
    font-style: italic;
  }
.rich-text p + ol {
    margin-top: 1rem;
  }
.rich-text p + ul {
    margin-top: 1rem;
  }
.rich-text * ul {
    margin-top: 1rem;
  }
.rich-text * ol {
    margin-top: 1rem;
  }
.rich-text ol + ul {
    margin-top: 2.5rem;
  }
.rich-text ul + ol {
    margin-top: 2.5rem;
  }
.rich-text ol {
    list-style: none;
    counter-reset: my-awesome-counter;
  }
.rich-text ol li {
    position: relative;
    counter-increment: my-awesome-counter;
    font-weight: normal;
    line-height: 1.33;
    padding-left: 1.5rem;
    text-align: left;
  }
.rich-text ol li::before {
    content: counter(my-awesome-counter) '';
    position: absolute;
    left: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.71;
  }
.rich-text ul {
    list-style-type: disc;
    margin-bottom: 1rem;
    margin-left: 1.125rem;
  }
.rich-text ul li {
      position: relative;
      padding-left: 0.4rem;
      font-weight: normal;
      line-height: 1.33;
      text-align: left;
    }
.rich-text ul li::before {
        position: absolute;
        left: -13px;
      }
.rich-text li + li {
    margin-top: 1rem;
  }
.rich-text img {
    max-width: 100%;
  }
.rich-text a.primary-cta[href] {
    position: relative;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: normal;
    color: #ffffff;
    color: var(--white);
    background-color: #444ce1;
    background-color: var(--blue);
    padding: 1.25rem 2.25rem 1.25rem 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 1px;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
  }
.rich-text a.primary-cta[href]::after {
      content: '';
      position: absolute;
      top: 18px;
      right: 21px;
      width: 7px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23ffffff'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.rich-text a.primary-cta[href]::before {
      content: '';
      position: absolute;
      top: 25px;
      right: 15px;
      width: 10px;
      height: 1px;
      background-color: #ffffff;
      background-color: var(--white);
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.rich-text a.primary-cta[href]:hover,
    .rich-text a.primary-cta[href]:focus,
    .rich-text a.primary-cta[href]:active {
      color: #ffffff;
      color: var(--white);
      background-color: #3439b8;
      background-color: var(--blue-hover);
      cursor: pointer;
    }
.rich-text a.primary-cta[href]:hover::before, .rich-text a.primary-cta[href]:focus::before, .rich-text a.primary-cta[href]:active::before {
        opacity: 1;
      }
.rich-text a.primary-cta[href]:hover::after, .rich-text a.primary-cta[href]:focus::after, .rich-text a.primary-cta[href]:active::after {
        -webkit-transform: translateX(10px);
                transform: translateX(10px);
      }
.rich-text a.secondary-cta[href] {
    position: relative;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: normal;
    padding: 1.25rem 2.25rem 1.25rem 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 1px;
    background-color: transparent;
    color: #000000;
    color: var(--black);
    border: solid 1px rgba(0, 0, 0, 0.5);
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
  }
.rich-text a.secondary-cta[href]::after {
      content: '';
      position: absolute;
      top: 18px;
      right: 21px;
      width: 7px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23000000'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.rich-text a.secondary-cta[href]::before {
      content: '';
      position: absolute;
      top: 25px;
      right: 15px;
      width: 10px;
      height: 1px;
      background-color: #000000;
      background-color: var(--black);
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.rich-text a.secondary-cta[href]:hover,
    .rich-text a.secondary-cta[href]:focus,
    .rich-text a.secondary-cta[href]:active {
      color: #000000;
      color: var(--black);
      background-color: rgba(0, 0, 0, 0.1);
      border: solid 1px #000000;
      border: solid 1px var(--black);
      cursor: pointer;
    }
.rich-text a.secondary-cta[href]:hover::before, .rich-text a.secondary-cta[href]:focus::before, .rich-text a.secondary-cta[href]:active::before {
        opacity: 1;
      }
.rich-text a.secondary-cta[href]:hover::after, .rich-text a.secondary-cta[href]:focus::after, .rich-text a.secondary-cta[href]:active::after {
        -webkit-transform: translateX(10px);
                transform: translateX(10px);
      }
.rich-text a.block-link[href] {
    position: relative;
    display: inline-block;
    font-weight: bold;
    line-height: 1.33;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    color: #000000;
    color: var(--black);
    text-decoration: none;
  }
.rich-text a.block-link[href]::after {
      content: '';
      position: absolute;
      top: 3px;
      right: -15px;
      width: 7px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23000000'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.rich-text a.block-link[href]::before {
      content: '';
      position: absolute;
      top: 10px;
      right: -21px;
      width: 10px;
      height: 1px;
      background-color: #444ce1;
      background-color: var(--blue);
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.rich-text a.block-link[href]:hover,
    .rich-text a.block-link[href]:focus,
    .rich-text a.block-link[href]:active {
      color: #444ce1;
      color: var(--blue);
    }
.rich-text a.block-link[href]:hover::before, .rich-text a.block-link[href]:focus::before, .rich-text a.block-link[href]:active::before {
        opacity: 1;
      }
.rich-text a.block-link[href]:hover::after, .rich-text a.block-link[href]:focus::after, .rich-text a.block-link[href]:active::after {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23444ce1'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        -webkit-transform: translateX(10px);
                transform: translateX(10px);
      }
.rich-text--gallery p > a[href] {
   text-decoration: underline;
   color: #000000;
   color: var(--black);
   -webkit-transition: color 0.3s ease;
   transition: color 0.3s ease;
   color: #ffd200;
   color: var(--yellow);
 }
.rich-text--gallery p > a[href]:hover,
    .rich-text--gallery p > a[href]:focus,
    .rich-text--gallery p > a[href]:active {
      color: #444ce1;
      color: var(--blue);
    }
.rich-text--gallery a.primary-cta {
    position: relative;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: normal;
    color: #ffffff;
    color: var(--white);
    background-color: #444ce1;
    background-color: var(--blue);
    padding: 1.25rem 2.25rem 1.25rem 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 1px;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
  }
.rich-text--gallery a.primary-cta::after {
      content: '';
      position: absolute;
      top: 18px;
      right: 21px;
      width: 7px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23ffffff'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.rich-text--gallery a.primary-cta::before {
      content: '';
      position: absolute;
      top: 25px;
      right: 15px;
      width: 10px;
      height: 1px;
      background-color: #ffffff;
      background-color: var(--white);
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.rich-text--gallery a.primary-cta:hover,
    .rich-text--gallery a.primary-cta:focus,
    .rich-text--gallery a.primary-cta:active {
      color: #ffffff;
      color: var(--white);
      background-color: #3439b8;
      background-color: var(--blue-hover);
      cursor: pointer;
    }
.rich-text--gallery a.primary-cta:hover::before, .rich-text--gallery a.primary-cta:focus::before, .rich-text--gallery a.primary-cta:active::before {
        opacity: 1;
      }
.rich-text--gallery a.primary-cta:hover::after, .rich-text--gallery a.primary-cta:focus::after, .rich-text--gallery a.primary-cta:active::after {
        -webkit-transform: translateX(10px);
                transform: translateX(10px);
      }
.rich-text--gallery a.secondary-cta {
    position: relative;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: normal;
    padding: 1.25rem 2.25rem 1.25rem 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 1px;
    background-color: transparent;
    color: #000000;
    color: var(--black);
    border: solid 1px rgba(0, 0, 0, 0.5);
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    border: 1px solid #ffffff;
    border: 1px solid var(--white);
    color: #ffffff;
    color: var(--white);
  }
.rich-text--gallery a.secondary-cta::after {
      content: '';
      position: absolute;
      top: 18px;
      right: 21px;
      width: 7px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23000000'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.rich-text--gallery a.secondary-cta::before {
      content: '';
      position: absolute;
      top: 25px;
      right: 15px;
      width: 10px;
      height: 1px;
      background-color: #000000;
      background-color: var(--black);
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.rich-text--gallery a.secondary-cta:hover,
    .rich-text--gallery a.secondary-cta:focus,
    .rich-text--gallery a.secondary-cta:active {
      color: #000000;
      color: var(--black);
      background-color: rgba(0, 0, 0, 0.1);
      border: solid 1px #000000;
      border: solid 1px var(--black);
      cursor: pointer;
    }
.rich-text--gallery a.secondary-cta:hover::before, .rich-text--gallery a.secondary-cta:focus::before, .rich-text--gallery a.secondary-cta:active::before {
        opacity: 1;
      }
.rich-text--gallery a.secondary-cta:hover::after, .rich-text--gallery a.secondary-cta:focus::after, .rich-text--gallery a.secondary-cta:active::after {
        -webkit-transform: translateX(10px);
                transform: translateX(10px);
      }
.rich-text--gallery a.secondary-cta::after {
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23ffffff'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
.rich-text--gallery a.secondary-cta:hover {
      background-color: #ffffff;
      background-color: var(--white);
    }
.rich-text--gallery a.secondary-cta:hover::after {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23000000'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      }
.rich-text--gallery a.block-link {
    position: relative;
    display: inline-block;
    font-weight: bold;
    line-height: 1.33;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    color: #000000;
    color: var(--black);
    text-decoration: none;
    color: #ffd200;
    color: var(--yellow);
  }
.rich-text--gallery a.block-link::after {
      content: '';
      position: absolute;
      top: 3px;
      right: -15px;
      width: 7px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23000000'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.rich-text--gallery a.block-link::before {
      content: '';
      position: absolute;
      top: 10px;
      right: -21px;
      width: 10px;
      height: 1px;
      background-color: #444ce1;
      background-color: var(--blue);
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.rich-text--gallery a.block-link:hover,
    .rich-text--gallery a.block-link:focus,
    .rich-text--gallery a.block-link:active {
      color: #444ce1;
      color: var(--blue);
    }
.rich-text--gallery a.block-link:hover::before, .rich-text--gallery a.block-link:focus::before, .rich-text--gallery a.block-link:active::before {
        opacity: 1;
      }
.rich-text--gallery a.block-link:hover::after, .rich-text--gallery a.block-link:focus::after, .rich-text--gallery a.block-link:active::after {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23444ce1'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        -webkit-transform: translateX(10px);
                transform: translateX(10px);
      }
.rich-text--gallery a.block-link::after {
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23ffd200'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.buy-button {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0.5rem;
  z-index: 1;
  margin-top: 1.25rem;
}
@media (min-width: 768px) {
.buy-button {
    top: 1rem
}
  }
.buy-button a {
    font-size: 0.875rem;
    line-height: normal;
    letter-spacing: 0.5px;
    font-weight: bold;
    line-height: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    min-height: 56px;
    width: 100%;
    color: #ffffff;
    color: var(--white);
    background-color: #000000;
    background-color: var(--black);
    opacity: 0.2;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
  }
@media (min-width: 768px) {
.buy-button a {
      width: auto;
      width: initial;
      min-width: 16.5rem
  }
    }
.buy-button a:hover,
    .buy-button a:focus {
      cursor: default;
    }
.buy-button a:link,
    .buy-button a:visited {
      font-size: 0.875rem;
      line-height: normal;
      letter-spacing: 0.5px;
      color: #ffffff;
      color: var(--white);
      background-color: #444ce1;
      background-color: var(--blue);
      -webkit-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease;
      opacity: 1;
      line-height: 1;
    }
.buy-button a:link:hover,
      .buy-button a:link:focus,
      .buy-button a:visited:hover,
      .buy-button a:visited:focus {
        cursor: pointer;
        background-color: #3439b8;
        background-color: var(--blue-hover);
      }
.buy-button a > span {
      padding: 0 1rem;
      margin-top: 1px;
      line-height: 0.9;
    }
.buy-button__subtext {
    display: block;
    font-size: 0.875rem;
    font-weight: normal;
    text-transform: none;
    margin-top: 0.25rem;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.tooltip {
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: 0.5rem;
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDY0ICg5MzUzNykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+Q29tYmluZWQgU2hhcGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InRvb2x0aXAiIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC03Ij4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik05LDAgQzEzLjk3MDU2MjcsMCAxOCw0LjAyOTQzNzI1IDE4LDkgQzE4LDEzLjk3MDU2MjcgMTMuOTcwNTYyNywxOCA5LDE4IEM0LjAyOTQzNzI1LDE4IDAsMTMuOTcwNTYyNyAwLDkgQzAsNC4wMjk0MzcyNSA0LjAyOTQzNzI1LDAgOSwwIFogTTksMSBDNC41ODE3MjIsMSAxLDQuNTgxNzIyIDEsOSBDMSwxMy40MTgyNzggNC41ODE3MjIsMTcgOSwxNyBDMTMuNDE4Mjc4LDE3IDE3LDEzLjQxODI3OCAxNyw5IEMxNyw0LjU4MTcyMiAxMy40MTgyNzgsMSA5LDEgWiBNOS44MzQsNi44MTQgTDkuODM0LDE0LjA5NCBMOC4wNTYsMTQuMDk0IEw4LjA1Niw2LjgxNCBMOS44MzQsNi44MTQgWiBNOS44NzYsNCBMOS44NzYsNS44MDYgTDgsNS44MDYgTDgsNCBMOS44NzYsNCBaIiBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: center;
  z-index: 1;
}
.tooltip--active {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5Db21iaW5lZCBTaGFwZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJDb21wb25lbnRzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0idG9vbHRpcCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1My4wMDAwMDAsIC0yMDEuMDAwMDAwKSIgZmlsbD0iI0ZGRDIwMCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTE1OS44ODYzMzcsMjAxLjQ2OTY3IEwxNjAuOTQ2OTk3LDIwMi41MzAzMyBMMTU4LjI2ODY3LDIwNS4yMDc2NyBMMTYwLjk0Njk5NywyMDcuODg2MzM3IEwxNTkuODg2MzM3LDIwOC45NDY5OTcgTDE1Ny4yMDc2NywyMDYuMjY4NjcgTDE1NC41MzAzMywyMDguOTQ2OTk3IEwxNTMuNDY5NjcsMjA3Ljg4NjMzNyBMMTU2LjE0NzY3LDIwNS4yMDc2NyBMMTUzLjQ2OTY3LDIwMi41MzAzMyBMMTU0LjUzMDMzLDIwMS40Njk2NyBMMTU3LjIwNzY3LDIwNC4xNDc2NyBMMTU5Ljg4NjMzNywyMDEuNDY5NjcgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    background-color: #000000;
    background-color: var(--black);
    border-radius: 50%;
    border: 1px solid #000000;
    border: 1px solid var(--black);
    background-size: 10px 10px;
  }
.tooltip__text {
    position: absolute;
    width: 300px;
    left: 50%; /* We may need to change this to 0 */
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 20px;
    padding: 0.5rem 0.875rem 0.875rem 0.875rem;
    background-color: #aadffc;
    background-color: var(--soft-blue);
    color: #000000;
    color: var(--black);
    text-align: left;
    line-height: 1.25;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.wishlist-button {
  cursor: pointer;
  background: none;
}
.wishlist-button__text {
    margin-right: 0.5rem;
  }
.wishlist-button svg {
    vertical-align: middle;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.related-events {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
.related-events {
    margin-top: 3.75rem
}
  }
.related-events__title {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 3rem;
    /* 48px */
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1;
    text-align: center;
  }
@media (min-width: 768px) {
.related-events__title {
      font-size: 4rem /* 64px */
  }
    }
.related-events__title h2 {
      font-size: 2rem;
    }
@media (min-width: 768px) {
.related-events__title h2 {
        font-size: 5rem
    }
      }
.related-events__cards {
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    margin: 1rem -1rem 0 -1rem;
    padding-left: 0.5rem;
    overflow-x: scroll;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
.related-events__cards::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 0;
      height: 0;
      display: none;
    }
.related-events__cards::after {
      content: '';
      display: inline-block;
      min-height: 100%;
      padding-right: 0.5rem;
    }
@media (min-width: 768px) {
.related-events__cards::after {
        /*padding-right: 2.5rem;*/
    }
      }
@media (min-width: 992px) {
.related-events__cards::after {
        margin: 1rem -0.5rem 0 -0.5rem;
        padding-left: 0rem;
        content: none
    }
      }
.related-events__card {
    -webkit-box-flex: 1;
            flex: 1 1 25%;
    min-width: 288px;
    max-width: 22.5vw;
    margin: 0 0.5rem;
    text-align: center;
    scroll-snap-align: center;
    cursor: pointer;
  }
.related-events__card__image {
      box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
    }
.related-events__card__image img {
        display: block;
        width: 100%;
        height: auto;
      }
.related-events__card__date {
      font-size: 0.875rem;
      line-height: 1.43;
      text-transform: uppercase;
      line-height: 1;
      margin-top: 0.8rem;
    }
@media (min-width: 768px) {
.related-events__card__date {
        margin-top: 1.5rem
    }
      }
.related-events__card__title {
      font-family: 'SCNoe', sans-serif;
      font-family: var(--heading-font);
      font-size: 1.5rem;
      /* 24px */
      font-weight: 700;
      font-weight: var(--bold);
      /* line-height: normal; */
      line-height: 1;
      line-height: 1.5;
      margin-top: 0.25rem;
    }
@media (min-width: 768px) {
.related-events__card__title {
      font-size: 2rem /* 32px */
    }
    }
.related-events__card__title a {
        text-decoration: none;
      }
.related-events__card__title h4 {
        font-size: 24px;
        word-break: break-word;
      }
@media (min-width: 768px) {
.related-events__card__title {
        line-height: 1;
        margin-top: 0.75rem
    }
      }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.media {
  overflow: hidden;
}
.media figure {
    position: relative;
  }
.media figcaption {
    width: calc(100% - 2rem);
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    right: 0.5rem;
    padding: 0.5rem 1.5rem 0.5rem 0.5rem;
    background-color: #000000;
    background-color: var(--black);
    color: #ffffff;
    color: var(--white);
    font-size: 0.875rem;
    line-height: normal;
    letter-spacing: 0.5px;
    line-height: 1.43;
  }
.media img {
    display: block;
    width: 100%;
    height: auto;
  }
.media__button {
    position: absolute;
    top: 0.375rem;
    right: 0.375rem;
    z-index: 1;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    background-color: #000000;
    background-color: var(--black);
    opacity: 0.5;
    padding: 0;
  }
.media__button::after {
      content: '';
      display: block;
      position: absolute;
      width: 20px;
      height: 20px;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuODMyIDkuODM4YzIuNzcgMCA0LjgzMi0yLjE4MiA0LjgzMi00LjkyNlM3LjYwMyAwIDQuODMyIDBDMi4wNjIgMCAwIDIuMTgyIDAgNC45MjZzMi4wNjEgNC45MTIgNC44MzIgNC45MTJ6bTAtLjg1N2MtMi4zNyAwLTMuOTM1LTEuNzEzLTMuOTM1LTQuMDU1IDAtMi4zNDMgMS41NjYtNC4wNyAzLjkzNS00LjA3IDIuMzcgMCAzLjkzNSAxLjcxNCAzLjkzNSA0LjA1NiAwIDIuMzQzLTEuNTY2IDQuMDctMy45MzUgNC4wN3ptLjA4LTEuNDA1YzEuMTkyIDAgMi4xMTUtLjc3NiAyLjIyMi0xLjkyOEg2LjExN2MtLjA5NC43MjMtLjYwMiAxLjA1OC0xLjIwNSAxLjA1OC0uNDE1IDAtLjc3Ni0uMTg3LTEuMDA0LS40NjktLjI4LS4zNDgtLjM4OC0uODMtLjM4OC0xLjMxMSAwLS40ODIuMTItLjk2NC40MDItMS4zMTIuMjI3LS4yODEuNTc1LS40NjkuOTktLjQ2OS42MDMgMCAxLjExMS4zMzUgMS4yMDUgMS4wNThoMS4wMTdjLS4wOTMtMS4xMjQtLjk5LTEuOTI4LTIuMjIyLTEuOTI4LTEuNTI2IDAtMi4zOTYgMS4yMzItMi4zOTYgMi42NSAwIC42Ny4xMzQgMS4xNTIuNTA5IDEuNjg3LjQwMi41NzYgMS4wNTcuOTY0IDEuODg3Ljk2NHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
      background-repeat: no-repeat;
      background-position: center;
    }
.media__button:hover {
      cursor: pointer;
    }
.media__button--open {
      top: 0.375rem;
      right: 0.375rem;
      width: 32px;
      height: 32px;
      background-color: #ffffff;
      background-color: var(--white);
      opacity: 1;
    }
.media__button--open::after {
        content: '';
        display: block;
        position: absolute;
        width: 32px;
        height: 32px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguMTI4LjI5M2wxLjQxNSAxLjQxNC0zLjIxMSAzLjIxIDMuMjEgMy4yMTEtMS40MTQgMS40MTUtMy4yMS0zLjIxMS0zLjIxIDMuMjFMLjI5MiA4LjEyOWwzLjIxLTMuMjEtMy4yMS0zLjIxTDEuNzA3LjI5MmwzLjIxIDMuMjFMOC4xMjkuMjk0eiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+);
        background-repeat: no-repeat;
        background-position: center;
      }
.media--gallery-modal .media__button {
    top: 0;
    left: 0;
  }
.media--gallery-modal figcaption {
    width: calc(100% - 3rem);
    top: 1.25rem;
    left: 1rem;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.left-label {
  font-size: 0.75rem;
  line-height: normal;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-top: auto;
}

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.performers-repertoire {
  padding: 1.875rem 0;
}
@media (min-width: 768px) {
.performers-repertoire {
    padding: 2.5rem 0
}
  }
.performers-repertoire__container {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    text-align: center;
  }
.performers-repertoire h5 {
    font-size: 1.125rem;
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1.33;
  }
.performers-repertoire ul {
    text-align: center;
    margin-bottom: 1.875rem;
  }
.performers-repertoire ul:last-of-type {
    margin-bottom: 0;
  }
.performers-repertoire__performer-role {
    font-style: italic;
  }
.performers-repertoire__repertoire-name {
    font-weight: 700;
    font-weight: var(--bold);
  }
.performers-repertoire__repertoire-interval {
    font-weight: 700;
    font-weight: var(--bold);
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.stickers {
  padding: 0 1rem;
}
.stickers > section {
    margin-left: 5px;
    white-space: nowrap;
  }
.stickers--overlay {
    position: absolute;
    top: 8px;
    right: 5.8px;
  }
.stickers--overlay > section {
      position: relative;
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.streaming-sticker {
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
  padding: 11px 16px 7px 16px;
  color: #000000;
  color: var(--black);
  background-color: #aadffc;
  background-color: var(--soft-blue);

  position: relative;
  margin: 0.5rem 0 0 0;
  display: inline-block;
}
.streaming-sticker--overlay {
    z-index: 1;
    position: absolute;
    margin: 0;
    top: 0;
    right: 0;
    display: inline;
    padding: 7px 5px 4px 5px;
  }
.streaming-sticker--bottom {
    top: auto;
    top: initial;
    left: auto;
    left: initial;
    bottom: 10px;
    right: 10px;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.multibuy-sticker {
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
  padding: 11px 16px 7px 16px;
  color: #000000;
  color: var(--black);
  background-color: #ffabd4;
  background-color: var(--service-color);

  position: relative;
  margin: 0.5rem 0 0 0;
  display: inline-block;
}
.multibuy-sticker--overlay {
    z-index: 1;
    position: absolute;
    margin: 0;
    top: 0;
    right: 0;
    display: inline;
    padding: 7px 5px 4px 5px;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.accessible-sticker {
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
  padding: 11px 16px 7px 16px;
  color: #ffffff;
  color: var(--white);
  background-color: #9546b4;
  background-color: var(--purple);

  position: relative;
  margin: 0.5rem 0 0 0;
  display: inline-block;
}
.accessible-sticker--overlay {
    z-index: 1;
    position: absolute;
    margin: 0;
    top: 0;
    right: 0;
    display: inline;
    padding: 7px 5px 4px 5px;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.video-hero {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  margin-top: 2.5rem;
}
.video-hero__wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
  }
.video-hero iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
.video-hero__poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
.video-hero__poster .media {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
.video-hero__button {
    position: absolute;
    bottom: 50px;
    left: 35px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    font-size: 0;
    background: rgba(255, 210, 0, 0.8) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTIgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDY0ICg5MzUzNykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+UGF0aCAzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJwbGF5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjIuMDAwMDAwLCAtMjEuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTMiIHBvaW50cz0iMjIgMjEgMjIgMzUgMzQgMjgiPjwvcG9seWdvbj4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) 29px center / 1.25rem no-repeat;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
.video-hero__button:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    background-color: rgba(255, 210, 0, 0.9);
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.text-with-heading {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;

  margin-top: 2.5rem;
}
.text-with-heading--centre {
    text-align: center;
  }
.text-with-heading__heading {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 2rem;
    /* 32px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
  }
@media (min-width: 768px) {
.text-with-heading__heading {
      font-size: 3rem /* 48px */
  }
    }
@media (min-width: 768px) {
.text-with-heading__heading {
      font-size: 2rem /* 32px */
  }
    }
.text-with-heading--summary .text-with-heading__heading {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 2rem;
    /* 32px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
  }
@media (min-width: 768px) {
.text-with-heading--summary .text-with-heading__heading {
      font-size: 3rem; /* 48px */
  }
    }
.text-with-heading__text {
    margin-top: 1rem;
  }
@media (min-width: 768px) {
.text-with-heading__text {
      font-size: 1.25rem
  }
    }
@media (min-width: 768px) {
.text-with-heading--summary .text-with-heading__text {
      font-size: 2rem
  }
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.whats-on {
}

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.filters__sub-navigation-editions {
  margin-right: -1rem;
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
.filters__sub-navigation-editions {
    max-width: 800px;
    margin: 0 auto;
    width: 100%
}
  }
.filters__sub-navigation-editions nav {
    overflow-x: scroll;
    margin: 1.75rem 0 1.875rem 0;
  }
.filters__sub-navigation-editions nav::after {
      content: '';
      display: block;
      position: relative;
      padding-right: 1rem;
    }
@media (min-width: 768px) {
      .filters__sub-navigation-editions nav::after {
        content: none;
      }
    }
.filters__sub-navigation-editions nav::-webkit-scrollbar {
      display: none;
    }
.filters__sub-navigation-editions nav li {
      position: relative;
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      /*flex: 1 0 auto;*/
      list-style: none;
      border-bottom: solid 2px #ffd200;
      border-bottom: solid 2px var(--yellow);
    }
.filters__sub-navigation-editions__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: initial;
            flex: initial;
  }
.filters__sub-navigation-editions__link {
    -webkit-box-flex: 1;
            flex: 1;
    text-decoration: none;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.6;
    color: #6d5a00;
    color: var(--brown);
    padding-bottom: 1rem;
    white-space: nowrap;
  }
@media (min-width: 768px) {
.filters__sub-navigation-editions__link {
      font-size: 1.25rem
  }
    }
.filters__sub-navigation-editions__link--active {
      position: relative;
      color: #000000;
      color: var(--black);
    }
.filters__sub-navigation-editions__link--active::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        border-bottom: solid 2px #000000;
        border-bottom: solid 2px var(--black);
      }
.filters__sub-navigation-editions__wrapper {
    border-bottom: solid 2px #cca800;
    border-bottom: solid 2px var(--mustard);
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-box-pack: center;
            justify-content: center;
  }
.filters__sub-navigation-editions__wrapper::after {
      content: '';
      display: block;
      position: relative;
      padding-right: 1rem;
    }
.filters__sub-navigation-editions__wrapper::-webkit-scrollbar {
      display: none;
    }
.filters__sub-navigation-editions__wrapper > li {
    -webkit-box-flex: initial;
            flex: initial;
    border-bottom: none;
  }
@media (min-width: 768px) {
.filters__sub-navigation-editions__wrapper > li {
      -webkit-box-flex: initial;
              flex: initial
  }
    }
.filters__sub-navigation-editions__wrapper > li > button {
    -webkit-box-flex: initial;
            flex: initial;
    text-align: center;
    background: transparent;
    padding-right: 2rem;
  }
.filters {
  margin-top: 2.5rem;
  position: relative;
  z-index: 2;
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 768px) {
.filters--date-only .filters__filters {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
      }
.filters--date-only .filters__filter-buttons {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
.filters--date-only .filters__filters-event {
      display: none;
    }
.filters__filter-buttons {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.5rem;
  }
.filters__filters-event,
  .filters__filters-date {
    position: relative;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: normal;
    color: #ffffff;
    color: var(--white);
    background-color: #444ce1;
    background-color: var(--blue);
    padding: 1.25rem 2.25rem 1.25rem 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 1px;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    padding: 1.25rem 1.5rem;
    min-width: auto;
    display: block;
  }
.filters__filters-event::after, .filters__filters-date::after {
      content: '';
      position: absolute;
      top: 18px;
      right: 21px;
      width: 7px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23ffffff'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.filters__filters-event::before, .filters__filters-date::before {
      content: '';
      position: absolute;
      top: 25px;
      right: 15px;
      width: 10px;
      height: 1px;
      background-color: #ffffff;
      background-color: var(--white);
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.filters__filters-event:hover,
    .filters__filters-event:focus,
    .filters__filters-event:active,
    .filters__filters-date:hover,
    .filters__filters-date:focus,
    .filters__filters-date:active {
      color: #ffffff;
      color: var(--white);
      background-color: #3439b8;
      background-color: var(--blue-hover);
      cursor: pointer;
    }
.filters__filters-event:hover::before, .filters__filters-event:focus::before, .filters__filters-event:active::before, .filters__filters-date:hover::before, .filters__filters-date:focus::before, .filters__filters-date:active::before {
        opacity: 1;
      }
.filters__filters-event:hover::after, .filters__filters-event:focus::after, .filters__filters-event:active::after, .filters__filters-date:hover::after, .filters__filters-date:focus::after, .filters__filters-date:active::after {
        -webkit-transform: translateX(10px);
                transform: translateX(10px);
      }
@media (min-width: 768px) {
.filters__filters-event,
  .filters__filters-date {
      display: none
  }
    }
.filters__filters-event::before,
    .filters__filters-event::after,
    .filters__filters-date::before,
    .filters__filters-date::after {
      content: none;
    }
@media (min-width: 768px) {
.filters__filters {
      display: -webkit-box;
      display: flex
  }
    }
.filters__filter-date {
    display: none;
  }
@media (min-width: 768px) {
.filters__filter-date {
      display: -webkit-box;
      display: flex;
      -webkit-box-flex: 2;
              flex: 2 0 auto;
      background-color: #d34401;
      background-color: var(--red)
  }
    }
.filters__filter-date--show {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      -webkit-box-pack: end;
              justify-content: flex-end;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(16, 20, 80, 0.5);
      padding: 0.1875rem;
    }
.filters__filter-date > div {
      position: relative;
      display: -webkit-box;
      display: flex;
      -webkit-box-flex: 1;
              flex: 1;
    }
.filters__filter-event {
    display: none;
  }
@media (min-width: 768px) {
.filters__filter-event {
      display: -webkit-box;
      display: flex;
      background-color: #444ce1;
      background-color: var(--blue);
      width: 100%;
      margin-left: 0.5rem
  }
    }
.filters__filter-event--show {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      -webkit-box-pack: end;
              justify-content: flex-end;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(16, 20, 80, 0.5);
      padding: 0.1875rem;
    }
.set-filters {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  display: block;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.set-filters ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin: -0.125rem;
  }
.set-filters li {
    margin: 0.125rem;
  }
.set-filters__filter-tab,
  .set-filters__remove-tabs {
    font-size: 0.875rem;
    line-height: normal;
    letter-spacing: 0.5px;
    position: relative;
    font-weight: 700;
    font-weight: var(--bold);
    color: #ffffff;
    color: var(--white);
    padding: 0.625rem 2rem 0.625rem 0.625rem;
    line-height: 1;
  }
.set-filters__filter-tab::after, .set-filters__remove-tabs::after {
      content: '';
      width: 10px;
      height: 10px;
      position: absolute;
      right: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIyIj48cGF0aCBkPSJNNy44MzcuMDAybDEuNDE0IDEuNDEzLTMuMjExIDMuMjEgMy4yMSAzLjIxMS0xLjQxNCAxLjQxNS0zLjIxLTMuMjExLTMuMjEgMy4yMUwwIDcuODM3bDMuMjEtMy4yMUwwIDEuNDE3IDEuNDE1IDBsMy4yMSAzLjIxTDcuODM3LjAwMnoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==) center no-repeat;
    }
.set-filters__filter-tab {
    background-color: #6d5a00;
    background-color: var(--brown);
  }
.set-filters__remove-tabs {
    background-color: #000000;
    background-color: var(--black);
    cursor: pointer;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.date-filter {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 0.5rem auto;
      grid-template-areas:
    'filters'
    'picker';
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-gap: 0.5rem;
  background-color: #ffffff;
  background-color: var(--white);
  padding: 1.25rem 1.5rem 1.5rem 1.5rem;
}
@media (min-width: 768px) {
.date-filter {
    grid-gap: 1rem;
    position: relative;
    display: -webkit-box;
    display: flex;
    height: auto;
    height: initial;
    background-color: #d34401;
    background-color: var(--red);
    padding: 0
}
  }
.date-filter--active {
    background-color: #ffffff;
    background-color: var(--white);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  }
/* // Not ideal, but filters break on desktop without it. */
@media (max-width: 767px) {
.date-filter--active {
      overflow-y: scroll
  }
    }
.date-filter--active ol > li label {
      color: #000000;
      color: var(--black);
    }
.date-filter--active li > button {
      color: #000000;
      color: var(--black);
      border-left: solid 1px #d2d3e0;
    }
.date-filter--active li > button::after {
        content: '';
        position: absolute;
        top: 19px;
        right: 16px;
        width: 17px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 16H0V0h17v16zM4 12H1v3h3v-3zm4 0H5v3h3v-3zm4 0H9v3h3v-3zm4 0h-3v3h3v-3zM4 8H1v3h3V8zm4 0H5v3h3V8zm4 0H9v3h3V8zm4 0h-3v3h3V8zM4 4H1v3h3V4zm4 0H5v3h3V4zm4 0H9v3h3V4zm4 0h-3v3h3V4zm0-3H1v2h15V1z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
      }
.date-filter--active .date-filter__picker {
      border-top: solid 1px #d2d3e0;
    }
@media (min-width: 768px) {
.date-filter--active .date-filter__picker {
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5)
    }
      }
.date-filter--active .date-filter__filters .date-filter__checkmark {
      border: 1px solid #000000;
      border: 1px solid var(--black);
    }
@media (min-width: 768px) {
.date-filter--active .date-filter__filters input:checked ~ .date-filter__checkmark::after {
          height: 6px;
          width: 6px;
          background-color: #000000;
          background-color: var(--black)
      }
        }
.date-filter--active .date-filter__filters {
      background-color: #ffffff;
      background-color: var(--white);
      z-index: 3;
    }
.date-filter--active .date-filter__picker {
      z-index: 2;
    }
.date-filter--active .date-filter__overlay {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      -webkit-box-pack: end;
              justify-content: flex-end;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(16, 20, 80, 0.5);
      padding: 0.1875rem;
      z-index: 2;
      opacity: 1;
    }
.date-filter__overlay {
    position: absolute; /* Fixes a bug in firefox */
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
.date-filter__close {
    display: block;
    position: absolute;
    top: 2px;
    right: 0;
    background-color: transparent;
    padding: 1.375rem;
    z-index: 4;
  }
@media (min-width: 768px) {
.date-filter__close {
      display: none
  }
    }
.date-filter__clear {
    font-size: 0.875rem;
    line-height: normal;
    letter-spacing: 0.5px;
    position: relative;
    font-weight: 700;
    font-weight: var(--bold);
    color: #ffffff;
    color: var(--white);
    padding: 0.625rem 2rem 0.625rem 0.625rem;
    line-height: 1;
    max-width: 125px;

    background-color: #000000;

    background-color: var(--black);
    -ms-grid-row-align: center;
        align-self: center;
    margin-top: auto;
  }
@media (min-width: 768px) {
.date-filter__clear {
      display: none
  }
    }
.date-filter__clear::after {
      content: '';
      width: 10px;
      height: 10px;
      position: absolute;
      right: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIyIj48cGF0aCBkPSJNNy44MzcuMDAybDEuNDE0IDEuNDEzLTMuMjExIDMuMjEgMy4yMSAzLjIxMS0xLjQxNCAxLjQxNS0zLjIxLTMuMjExLTMuMjEgMy4yMUwwIDcuODM3bDMuMjEtMy4yMUwwIDEuNDE3IDEuNDE1IDBsMy4yMSAzLjIxTDcuODM3LjAwMnoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==) center no-repeat;
    }
.date-filter__filters {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: filters;
    padding-bottom: 1rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    min-height: 170px;
  }
@media (min-width: 768px) {
.date-filter__filters {
      padding-bottom: 0;
      min-height: auto;
      -webkit-box-flex: 1;
              flex: 1
  }
    }
.date-filter__filters__title {
      font-family: 'SCNoe', sans-serif;
      font-family: var(--heading-font);
      font-size: 2rem;
      /* 32px */
      font-weight: 700;
      font-weight: var(--bold);
      /* line-height: normal; */
      line-height: 1;
      color: #000000;
      color: var(--black);
      margin-bottom: 1rem;
      text-align: center;
    }
@media (min-width: 768px) {
.date-filter__filters__title {
      font-size: 3rem /* 48px */
    }
    }
@media (min-width: 768px) {
.date-filter__filters__title {
        color: #ffd200;
        color: var(--yellow);
        text-align: left
    }
      }
.date-filter__filters > ol {
      display: -ms-grid;
      display: grid;
          grid-template-areas:
        'today thisWeekend'
        'tomorrow nextWeek';
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
    }
@media (min-width: 768px) {
.date-filter__filters > ol {
        display: -webkit-box;
        display: flex;
        -webkit-box-flex: 1;
                flex: 1
    }
      }
@media (min-width: 768px) {
.date-filter__filters > ol li {
          display: -webkit-box;
          display: flex;
          margin-top: 0
      }
        }
.date-filter__filters #date-filter__legend {
      font-size: 0;
      text-indent: -9999px;
    }
.date-filter__filters__today {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: today;
    }
.date-filter__filters__tomorrow {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      grid-area: tomorrow;
      margin-top: 0.875rem;
    }
.date-filter__filters__this-weekend {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
      grid-area: thisWeekend;
    }
@media (min-width: 768px) {
.date-filter__filters__this-weekend {
        margin-top: 0.875rem
    }
      }
.date-filter__filters__next-week {
      -ms-grid-row: 2;
      -ms-grid-column: 2;
      grid-area: nextWeek;
      margin-top: 0.875rem;
    }
.date-filter__filters__today:focus-within, .date-filter__filters__tomorrow:focus-within, .date-filter__filters__this-weekend:focus-within, .date-filter__filters__next-week:focus-within {
        outline: 1px dotted #212121;
        outline: 5px auto -webkit-focus-ring-color;
      }
.date-filter__filters__calendar {
      margin-left: auto;
    }
.date-filter__filters__calendar button {
        position: relative;
        color: #ffffff;
        color: var(--white);
        background: transparent;
        border: 0;
        border-left: solid 1px rgba(255, 255, 255, 0.3);
        padding: 1.25rem 3.25rem 1.25rem 2rem;
        font-size: 0.875rem;
        font-weight: 700;
        font-weight: var(--bold);
        line-height: 1;
      }
@media (min-width: 768px) {
.date-filter__filters__calendar button {
          padding: 1.25rem;
          font-size: 0;
          text-indent: -101%;
          min-width: 3.75rem
      }
        }
@media (min-width: 992px) {
.date-filter__filters__calendar button {
          font-size: 0.875rem;
          text-indent: 0;
          padding: 1.25rem 3.25rem 1.25rem 2rem;
          min-width: unset
      }
        }
.date-filter__filters__calendar button::after {
          content: '';
          position: absolute;
          top: 19px;
          right: 16px;
          width: 17px;
          height: 16px;
          background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 16H0V0h17v16zM4 12H1v3h3v-3zm4 0H5v3h3v-3zm4 0H9v3h3v-3zm4 0h-3v3h3v-3zM4 8H1v3h3V8zm4 0H5v3h3V8zm4 0H9v3h3V8zm4 0h-3v3h3V8zM4 4H1v3h3V4zm4 0H5v3h3V4zm4 0H9v3h3V4zm4 0h-3v3h3V4zm0-3H1v2h15V1z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E");
          background-repeat: no-repeat;
          background-position: center;
        }
@media (min-width: 768px) {
.date-filter__filters__calendar button::after {
            left: 50%;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%)
        }
          }
@media (min-width: 992px) {
.date-filter__filters__calendar button::after {
            left: auto;
            left: initial;
            -webkit-transform: none;
                    transform: none
        }
          }
.date-filter__filters label {
      display: -webkit-box;
      display: flex;
      align-self: center;
      line-height: 1;
      position: relative;
      padding-left: 1.875rem;
      font-size: 0.875rem;
      font-weight: 700;
      font-weight: var(--bold);
      color: #000000;
      color: var(--black);
      cursor: pointer;
    }
@media (min-width: 768px) {
.date-filter__filters label {
        color: #ffffff;
        color: var(--white);
        padding: 1.25rem 1rem 1.25rem 2.5rem
    }
      }
@media (min-width: 992px) {
.date-filter__filters label {
        padding: 1.25rem 1.25rem 1.25rem 2.5rem
    }
      }
.date-filter__filters input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }
.date-filter__filters .date-filter__checkmark {
      position: absolute;
      top: 0;
      left: 10px;
      width: 14px;
      height: 14px;
      background-color: none;
      border: 1px solid #000000;
      border: 1px solid var(--black);
      border-radius: 50%;
    }
@media (min-width: 768px) {
.date-filter__filters .date-filter__checkmark {
        top: 20px;
        left: 16px;
        border: 1px solid #ffffff;
        border: 1px solid var(--white)
    }
      }
.date-filter__filters .date-filter__checkmark::after {
        content: '';
        position: absolute;
        display: none;
      }
.date-filter__filters input:checked ~ .date-filter__checkmark::after {
        display: block;
        height: 12px;
        width: 12px;
        background-color: #d34401;
        background-color: var(--red);
        border-radius: 50%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
      }
@media (min-width: 768px) {
.date-filter__filters input:checked ~ .date-filter__checkmark::after {
          height: 6px;
          width: 6px;
          background-color: #ffffff;
          background-color: var(--white)
      }
        }
.date-filter__picker {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    position: relative;
    grid-area: picker;
  }
@media (min-width: 768px) {
.date-filter__picker {
      position: absolute;
      top: 56px;
      right: 0;
      width: 100%;
      background-color: #ffffff;
      background-color: var(--white);
      border-top: solid 2px rgba(255, 255, 255, 0.5)
  }
    }
.date-filter__submit {
    position: relative;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: normal;
    color: #ffffff;
    color: var(--white);
    background-color: #444ce1;
    background-color: var(--blue);
    padding: 1.25rem 2.25rem 1.25rem 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 1px;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    display: block;
    padding: 1.25rem 1.5rem;
    align-self: flex-end;
  }
.date-filter__submit::after {
      content: '';
      position: absolute;
      top: 18px;
      right: 21px;
      width: 7px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23ffffff'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.date-filter__submit::before {
      content: '';
      position: absolute;
      top: 25px;
      right: 15px;
      width: 10px;
      height: 1px;
      background-color: #ffffff;
      background-color: var(--white);
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.date-filter__submit:hover,
    .date-filter__submit:focus,
    .date-filter__submit:active {
      color: #ffffff;
      color: var(--white);
      background-color: #3439b8;
      background-color: var(--blue-hover);
      cursor: pointer;
    }
.date-filter__submit:hover::before, .date-filter__submit:focus::before, .date-filter__submit:active::before {
        opacity: 1;
      }
.date-filter__submit:hover::after, .date-filter__submit:focus::after, .date-filter__submit:active::after {
        -webkit-transform: translateX(10px);
                transform: translateX(10px);
      }
.date-filter__submit::before,
    .date-filter__submit::after {
      content: none;
    }
@media (min-width: 768px) {
.date-filter__submit {
      display: none
  }
    }
.date-filter__submit--desktop {
      position: relative;
      display: inline-block;
      font-size: 0.875rem;
      font-weight: bold;
      line-height: normal;
      color: #ffffff;
      color: var(--white);
      background-color: #444ce1;
      background-color: var(--blue);
      padding: 1.25rem 2.25rem 1.25rem 1.5rem;
      text-decoration: none;
      text-transform: uppercase;
      line-height: 1;
      letter-spacing: 1px;
      -webkit-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease;
      padding: 1.25rem 1.5rem;
      display: none;
    }
.date-filter__submit--desktop::after {
      content: '';
      position: absolute;
      top: 18px;
      right: 21px;
      width: 7px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23ffffff'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.date-filter__submit--desktop::before {
      content: '';
      position: absolute;
      top: 25px;
      right: 15px;
      width: 10px;
      height: 1px;
      background-color: #ffffff;
      background-color: var(--white);
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.date-filter__submit--desktop:hover,
    .date-filter__submit--desktop:focus,
    .date-filter__submit--desktop:active {
      color: #ffffff;
      color: var(--white);
      background-color: #3439b8;
      background-color: var(--blue-hover);
      cursor: pointer;
    }
.date-filter__submit--desktop:hover::before, .date-filter__submit--desktop:focus::before, .date-filter__submit--desktop:active::before {
        opacity: 1;
      }
.date-filter__submit--desktop:hover::after, .date-filter__submit--desktop:focus::after, .date-filter__submit--desktop:active::after {
        -webkit-transform: translateX(10px);
                transform: translateX(10px);
      }
.date-filter__submit--desktop::before,
      .date-filter__submit--desktop::after {
        content: none;
      }
@media (min-width: 768px) {
.date-filter__submit--desktop {
        display: block;
        position: absolute;
        right: 20px;
        bottom: 18px
    }
      }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
@media (min-width: 768px) {
.date-picker {
    width: 50%
}
  }
.date-picker__container {
    overflow: hidden;
    padding-top: 0.625rem;
    padding: 1.25rem 0 1.25rem 0;
  }
@media (min-width: 768px) {
.date-picker__container {
      padding: 1.25rem 0 1.75rem 1.5rem
  }
    }
.date-picker__year-month-wrap {
    display: -ms-grid;
    display: grid;
        grid-template-areas: 'leftArrow month year rightArrow';
    -ms-grid-columns: 40px 1fr 1fr 40px;
    grid-template-columns: 40px 1fr 1fr 40px;
    margin-bottom: 1rem;
  }
.date-picker__year,
  .date-picker__month {
    text-align: center;
    font-weight: 700;
    font-weight: var(--bold);
    color: #000000;
    color: var(--black);
  }
.date-picker__year {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: year;
  }
.date-picker__month {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: month;
  }
.date-picker__left-arrow {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    position: relative;
    grid-area: leftArrow;
    background-color: transparent;
    color: #000000;
    color: var(--black);
  }
.date-picker__left-arrow::before {
      position: absolute;
      content: '';
      height: 10px;
      width: 10px;
      top: 4px;
      left: 16px;
      background: url(/dist/client/46ae424a421f345f726515d7460cd907.svg) no-repeat center;
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
    }
.date-picker__right-arrow {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
    position: relative;
    grid-area: rightArrow;
    color: #000000;
    color: var(--black);
    background-color: transparent;
  }
.date-picker__right-arrow::before {
      position: absolute;
      content: '';
      height: 10px;
      width: 10px;
      top: 4px;
      left: 16px;
      background: url(/dist/client/46ae424a421f345f726515d7460cd907.svg) no-repeat center;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
.date-picker__days-grid,
  .date-picker__day-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0, 1fr))[7];
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
.date-picker__days-grid {
    margin-bottom: 0.5rem;
  }
.date-picker__days {
    font-size: 12px;
    text-align: center;
    color: #000000;
    color: var(--black);
  }
.date-picker__date {
    vertical-align: sub;
  }
.date-picker__day {
    font-weight: bold;
    color: #000000;
    color: var(--black);
    background-color: transparent;
    line-height: 2.22;
    text-align: center;
    padding: 0;
    margin: 0;
  }
.date-picker__day[disabled],
    .date-picker__day--disabled {
      opacity: 0.5;
      cursor: default;
    }
.date-picker__day--today {
      box-shadow: inset 0px 0 0px 1px #bcbdc9;
      box-shadow: inset 0px 0 0px 1px var(--grey);
    }
.date-picker__day--highlight {
      background-color: #d34401;
      background-color: var(--red);
      color: #ffffff;
      color: var(--white);
    }
.date-picker__day--screen-reader {
      font: 0/0 a;
      color: transparent;
      text-shadow: none;
      background-color: transparent;
      border: 0;
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.event-filter {
  position: relative;
  height: 100%;
}
@media (min-width: 768px) {
.event-filter {
    height: auto;
    -webkit-box-flex: 1;
            flex: 1
}
  }
.event-filter--active .event-filter__button {
      background-color: #ffffff;
      background-color: var(--white);
      color: #000000;
      color: var(--black);
      box-shadow: 0px -20px 20px -20px rgba(0, 0, 0, 0.5);
      z-index: 3;
    }
.event-filter--active .event-filter__button::after {
        content: '';
        position: absolute;
        top: 20px;
        right: 16px;
        width: 8px;
        height: 13px;
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
        background-image: url("data:image/svg+xml,%3Csvg width='7' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 6.5L.686 12.363a.2.2 0 01-.32-.224L2.757 6.5.365.861a.2.2 0 01.32-.224L7 6.5z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
      }
.event-filter--active .event-filter__overlay {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      -webkit-box-pack: end;
              justify-content: flex-end;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(16, 20, 80, 0.5);
      padding: 0.1875rem;
      z-index: 2;
      opacity: 1;
    }
.event-filter__overlay {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
.event-filter__button {
    position: relative;
    background-color: #444ce1;
    background-color: var(--blue);
    color: #ffffff;
    color: var(--white);
    border: 0;
    padding: 1.25rem 2rem 1.25rem 1.5rem;
    min-width: 100%;
    margin: 0;
    line-height: 1;
    font-weight: 700;
    font-weight: var(--bold);
    font-size: 0.875rem;
  }
.event-filter__button::after {
      content: '';
      position: absolute;
      top: 20px;
      right: 16px;
      width: 8px;
      height: 13px;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
      background-image: url("data:image/svg+xml,%3Csvg width='7' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 6.5L.686 12.363a.2.2 0 01-.32-.224L2.757 6.5.365.861a.2.2 0 01.32-.224L7 6.5z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
    }
.event-filter__inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    position: relative;
    background-color: #ffffff;
    background-color: var(--white);
    z-index: 2;
    height: 100%;
  }
@media (min-width: 768px) {
.event-filter__inner {
      position: absolute;
      right: 0;
      width: 500px;
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
      height: auto;
      height: initial
  }
    }
.event-filter__title {
    display: none;
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 2rem;
    /* 32px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
    color: #000000;
    color: var(--black);
    text-align: center;
  }
@media (min-width: 768px) {
.event-filter__title {
      font-size: 3rem /* 48px */
  }
    }
@media (min-width: 768px) {
.event-filter__title {
      display: block;
      color: #ffd200;
      color: var(--yellow);
      text-align: left;
      margin-bottom: 1rem
  }
    }
.event-filter__title--mobile {
      display: block;
      padding: 1.25rem 0;
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
      background-color: #ffffff;
      background-color: var(--white);
    }
@media (min-width: 768px) {
.event-filter__title--mobile {
        display: none
    }
      }
.event-filter__wrapper {
    overflow-y: scroll;
    padding: 2.25rem 1.5rem 1.5rem 1.5rem;
  }
@media (min-width: 768px) {
.event-filter__wrapper {
      overflow-y: visible;
      overflow-y: initial
  }
    }
.event-filter__list {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
@media (min-width: 768px) {
.event-filter__list {
      display: block;
      -webkit-columns: 2;
         -moz-columns: 2;
              columns: 2
  }
    }
.event-filter li {
    position: relative;
    margin-bottom: 0.75rem;
    padding-left: 1.875rem;
  }
@media (min-width: 768px) {
.event-filter li {
      page-break-inside: avoid;
      -webkit-column-break-inside: avoid;
         -moz-column-break-inside: avoid;
              break-inside: avoid
  }
    }
.event-filter label {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    font-weight: var(--bold);
    color: #000000;
    color: var(--black);
    cursor: pointer;
  }
.event-filter label[for=online] {
      background: url(/dist/client/94307ee77ff8e09ac98b9b40506b093e.svg) 3.25rem no-repeat;
      background-size: contain;
    }
.event-filter input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
.event-filter .event-filter__checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 1rem;
    width: 1rem;
    background-color: none;
    border: 1px solid #000000;
    border: 1px solid var(--black);
  }
.event-filter .event-filter__checkmark::after {
      content: '';
      display: none;
      position: absolute;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      top: 1px;
      left: 5px;
      height: 10px;
      width: 5px;
      border-bottom: 2px solid #000000;
      border-bottom: 2px solid var(--black);
      border-right: 2px solid #000000;
      border-right: 2px solid var(--black);
    }
.event-filter input:checked ~ .event-filter__checkmark {
    background-color: #ffffff;
    background-color: var(--white);
  }
.event-filter input:checked ~ .event-filter__checkmark::after {
      display: inline-block;
    }
.event-filter input:focus ~ .event-filter__checkmark {
    outline: 2px solid #3439b8;
    outline: 2px solid var(--blue-hover);
  }
.event-filter__sub-list {
    margin-top: 1rem;
  }
.event-filter__submit-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    margin-top: auto;
  }
.event-filter__submit {
    position: relative;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: normal;
    color: #ffffff;
    color: var(--white);
    background-color: #444ce1;
    background-color: var(--blue);
    padding: 1.25rem 2.25rem 1.25rem 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 1px;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    margin-top: 1.5rem;
    margin-bottom: 1.125rem;
    width: calc(100% - 0.75rem);
    padding: 1.25rem 1.5rem;
  }
.event-filter__submit::after {
      content: '';
      position: absolute;
      top: 18px;
      right: 21px;
      width: 7px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23ffffff'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.event-filter__submit::before {
      content: '';
      position: absolute;
      top: 25px;
      right: 15px;
      width: 10px;
      height: 1px;
      background-color: #ffffff;
      background-color: var(--white);
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.event-filter__submit:hover,
    .event-filter__submit:focus,
    .event-filter__submit:active {
      color: #ffffff;
      color: var(--white);
      background-color: #3439b8;
      background-color: var(--blue-hover);
      cursor: pointer;
    }
.event-filter__submit:hover::before, .event-filter__submit:focus::before, .event-filter__submit:active::before {
        opacity: 1;
      }
.event-filter__submit:hover::after, .event-filter__submit:focus::after, .event-filter__submit:active::after {
        -webkit-transform: translateX(10px);
                transform: translateX(10px);
      }
@media (min-width: 768px) {
.event-filter__submit {
      width: auto;
      width: initial
  }
    }
.event-filter__submit::before,
    .event-filter__submit::after {
      content: none;
    }
.event-filter__close-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #ffffff;
    background-color: var(--white);
    z-index: 1;
  }
.event-filter__close {
    display: block;
    position: absolute;
    top: 3px;
    right: 0;
    background-color: transparent;
    padding: 1.375rem;
  }
@media (min-width: 768px) {
.event-filter__close {
      display: none
  }
    }
.event-type-sub-filter {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  display: none;
  margin-top: 3.125rem;

}
@media (min-width: 768px) {
.event-type-sub-filter {
    display: block

}
  }
.event-type-sub-filter__sub-title {
    text-align: center;
    margin-bottom: 1rem;
  }
.event-type-sub-filter__sub-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin: -0.625rem -0.625rem 1rem -0.625rem;
  }
.event-type-sub-filter li {
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    margin: 0.625rem;
  }
.event-type-sub-filter label {
    position: relative;
    padding-left: 1.5rem;
    font-weight: 700;
    font-weight: var(--bold);
    color: #000000;
    color: var(--black);
    cursor: pointer;
  }
.event-type-sub-filter input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
.event-type-sub-filter__checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 1rem;
    width: 1rem;
    background-color: none;
    border: 1px solid #000000;
    border: 1px solid var(--black);
  }
.event-type-sub-filter__checkmark::after {
      content: '';
      display: none;
      position: absolute;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      top: 1px;
      left: 5px;
      height: 10px;
      width: 5px;
      border-bottom: 2px solid #000000;
      border-bottom: 2px solid var(--black);
      border-right: 2px solid #000000;
      border-right: 2px solid var(--black);
    }
input:checked ~ .event-type-sub-filter__checkmark {
    background-color: #ffffff;
    background-color: var(--white);
  }
input:checked ~ .event-type-sub-filter__checkmark::after {
      display: inline-block;
    }
input:focus ~ .event-type-sub-filter__checkmark {
    outline: 2px solid #3439b8;
    outline: 2px solid var(--blue-hover);
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.notice-block {
  margin-top: 0.5rem;
}
.notice-block__container {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    padding: 0.625rem 1rem;
    background-color: #aadffc;
    background-color: var(--soft-blue);
  }
.notice-block__text {
    font-size: 1rem;
    line-height: 1.25;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.arrangement-card-list__container {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
  }
.arrangement-card-list__grouping {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 2.5rem;
    font-weight: bold;
    margin-top: 1.5rem;
    text-align: center;
  }
@media (min-width: 768px) {
.arrangement-card-list__grouping {
      font-size: 3rem; /* 48px */
  }
    }
.arrangement-card {
  margin-top: 1rem;
}
.arrangement-card--color-1 {
    --card-color: var(--red);
  }
.arrangement-card--color-2 {
    --card-color: var(--light-blue);
  }
.arrangement-card--color-3 {
    --card-color: var(--blue);
  }
.arrangement-card--color-4 {
    --card-color: var(--grass-green);
  }
.arrangement-card__container {
    position: relative;
    cursor: pointer;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
  }
.arrangement-card__container:hover,
    .arrangement-card__container:focus {
      box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2);
    }
@media (min-width: 992px) {
        .arrangement-card__container:hover .card__title a,
        .arrangement-card__container:hover .card__support-act,
        .arrangement-card__container:focus .card__title a,
        .arrangement-card__container:focus .card__support-act {
          -webkit-filter: brightness(85%);
                  filter: brightness(85%);
        }
          .arrangement-card__container:hover .card__media .media > figure > img, .arrangement-card__container:focus .card__media .media > figure > img {
            -webkit-transform: scale(1.05);
                    transform: scale(1.05);
          }
      }
.arrangement-card__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    background: #ffffff;
    background: var(--white);
    padding: 1.25rem 1rem 1rem 1rem;
  }
.arrangement-card__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    text-align: center;
  }
.arrangement-card__footer {
    display: -webkit-box;
    display: flex;
    margin-top: auto;
  }
.arrangement-card__footer button {
      margin-left: auto;
      padding-right: 0;
    }
.arrangement-card__date {
    font-size: 0.875rem;
    line-height: 1.43;
    text-transform: uppercase;
  }
.arrangement-card__title {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 1.5rem;
    /* 24px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
    font-size: 1.5rem;
    margin-top: 0.5rem;
  }
@media (min-width: 768px) {
.arrangement-card__title {
      font-size: 2rem /* 32px */
  }
    }
@media (min-width: 992px) {
.arrangement-card__title {
      margin-top: 0.75rem;
      font-size: 2rem
  }
    }
.arrangement-card__title a {
      position: relative;
      text-decoration: none;
      -webkit-transition: -webkit-filter 0.3s ease;
      transition: -webkit-filter 0.3s ease;
      transition: filter 0.3s ease;
      transition: filter 0.3s ease, -webkit-filter 0.3s ease;
      color: #444ce1;
      color: var(--card-color);
    }
.arrangement-card__support-act {
    font-size: 1rem;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #444ce1;
    color: var(--card-color);
    font-weight: 700;
    font-weight: var(--bold);
    margin-top: 0.5rem;
    -webkit-transition: -webkit-filter 0.3s ease;
    transition: -webkit-filter 0.3s ease;
    transition: filter 0.3s ease;
    transition: filter 0.3s ease, -webkit-filter 0.3s ease;
  }
.arrangement-card__support-act > span {
      display: block;
    }
.arrangement-card__body {
    font-size: 1rem;
    margin-top: 0.5rem;
  }
@media (min-width: 768px) {
.arrangement-card__body {
      font-size: 1.125rem
  }
    }
.arrangement-card--priority .arrangement-card__container {
      display: -ms-grid;
      display: grid;
          grid-template-areas:
        'media'
        'content';
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
@media (min-width: 768px) {
.arrangement-card--priority .arrangement-card__container {
            grid-template-areas: 'content media';
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
      }
.arrangement-card--priority .arrangement-card__wrapper {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      grid-area: content;
    }
.arrangement-card--priority .arrangement-card__media {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: media;
      background-color: #ffffff;
      background-color: var(--white);
      cursor: pointer;
    }
@media (min-width: 768px) {
.arrangement-card--priority .arrangement-card__wrapper {

    -ms-grid-row: 1;

    -ms-grid-column: 1
    }
.arrangement-card--priority .arrangement-card__media {

    -ms-grid-row: 1;

    -ms-grid-column: 2
    }
}
.arrangement-card--priority .arrangement-card__media > .media > figure > img {
        -webkit-transition: -webkit-transform 0.6s ease;
        transition: -webkit-transform 0.6s ease;
        transition: transform 0.6s ease;
        transition: transform 0.6s ease, -webkit-transform 0.6s ease;
        will-change: transform;
      }
.arrangement-card--priority .arrangement-card__media > .media > figure > button {
        display: none;
      }
.arrangement-card .accordion {
  margin: 0;
  padding-top: 0.5rem;
}
.arrangement-card .accordion__panel {
    padding: 0;
  }
.arrangement-card .accordion__button {
    font-size: 16px;
    padding-top: 0;
  }
.arrangement-card .accordion__caret {
    top: 0;
    margin-top: 0.25rem;
  }
.arrangement-card .accordion__body:first-child {
    margin: 0;
  }
.arrangement-card .performers-repertoire {
  padding: 0 0 0.5rem 0;
}
.arrangement-card .performers-repertoire li {
    font-size: 1rem;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.infinite-scroll {
  position: relative;
  z-index: 1;
}
.infinite-scroll__container {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    /* justify-content: center; */
    margin-bottom: 2.5rem;
  }
.infinite-scroll__button {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 2rem;
    /* 32px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
    font-size: 40px;
    color: #444ce1;
    color: var(--blue);
    background-color: transparent;
    margin-top: 2.5rem;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    align-self: center;
    z-index: 10;
  }
@media (min-width: 768px) {
.infinite-scroll__button {
      font-size: 3rem /* 48px */
  }
    }
.infinite-scroll__button > span {
      position: relative;
      display: block;
      border-radius: 50%;
      width: 26px;
      height: 26px;
      background-color: #444ce1;
      background-color: var(--blue);
      -ms-grid-row-align: center;
          align-self: center;
    }
.infinite-scroll__button > span::after {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        content: '';
        width: 6px;
        height: 10px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZkMjAwIiBkPSJNNSA2TDAgMGw1IDIuMzY0TDEwIDB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
        background-repeat: no-repeat;
        background-position: center;
      }
.infinite-scroll__button--infinate {
      position: fixed;
      bottom: 40px;
    }
.infinite-scroll__button--infinate > span::after {
          -webkit-transform: translate(-50%, -50%) rotate(180deg);
                  transform: translate(-50%, -50%) rotate(180deg);
        }
.infinite-scroll__spacer {
    min-height: 8rem;
  }
.infinite-scroll__entry {
    position: absolute;
    bottom: 300px;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.loading {
  margin: 6rem auto 0;
  text-align: center;
}
.loading__bounce {
    width: 1.125rem;
    height: 1.125rem;
    margin: 0 0.25rem;
    background-color: #444ce1;
    background-color: var(--blue);

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: loading-bounce 1.4s infinite ease-in-out both;
            animation: loading-bounce 1.4s infinite ease-in-out both;
  }
.loading__bounce--1 {
      -webkit-animation-delay: -0.32s;
              animation-delay: -0.32s;
    }
.loading__bounce--2 {
      -webkit-animation-delay: -0.16s;
              animation-delay: -0.16s;
    }
@-webkit-keyframes loading-bounce {
      0%,
      80%,
      100% {
        -webkit-transform: scale(0);
                transform: scale(0);
      }
      40% {
        -webkit-transform: scale(1);
                transform: scale(1);
      }
    }
@keyframes loading-bounce {
      0%,
      80%,
      100% {
        -webkit-transform: scale(0);
                transform: scale(0);
      }
      40% {
        -webkit-transform: scale(1);
                transform: scale(1);
      }
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.no-result-message {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  margin: 2.5rem 0;
  padding: 1.5rem;
  text-align: center;
  color: #6d5a00;
  color: var(--brown);
  border: solid 1px #6d5a00;
  border: solid 1px var(--brown);
}
.no-result-message__title {
    margin-bottom: 0.5rem;
  }
.no-result-message__title h2 {
      font-family: 'SCNoe', sans-serif;
      font-family: var(--heading-font);
      font-size: 2rem;
      /* 32px */
      font-weight: 700;
      font-weight: var(--bold);
      /* line-height: normal; */
      line-height: 1;
      line-height: 2rem;
    }
@media (min-width: 768px) {
.no-result-message__title h2 {
      font-size: 3rem /* 48px */
    }
    }
@media (min-width: 768px) {
.no-result-message__title h2 {
        line-height: 1
    }
      }
.no-result-message__title h3 {
      font-family: 'SCNoe', sans-serif;
      font-family: var(--heading-font);
      font-size: 1.5rem;
      /* 24px */
      font-weight: 700;
      font-weight: var(--bold);
      /* line-height: normal; */
      line-height: 1;
      line-height: 1.5rem;
    }
@media (min-width: 768px) {
.no-result-message__title h3 {
      font-size: 2rem /* 32px */
    }
    }
@media (min-width: 768px) {
.no-result-message__title h3 {
        font-size: 1.5rem
    }
      }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.multi-buy {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 0.5rem;
}
.multi-buy__container {
    position: relative;
    display: inline-block;
    width: 100%;
  }
@media (min-width: 768px) {
.multi-buy__container {
      width: auto;
      width: initial
  }
    }
.multi-buy__text {
    font-size: 1rem;
    font-weight: bold;
    color: #ffffff;
    color: var(--white);
  }
.multi-buy label {
    display: block;
    font-weight: 700;
    font-weight: var(--bold);
    font-size: 0.875rem;
    padding: 1.25rem 1.5rem 1.25rem 3.25rem;
    background-color: #ffabd4;
    background-color: var(--service-color);
    letter-spacing: 0.5px;
    text-align: center;
    color: #000000;
    color: var(--black);
    cursor: pointer;
    text-transform: uppercase;
    line-height: 1;
  }
.multi-buy input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
.multi-buy__checkmark {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 1.25rem;
    height: 1rem;
    width: 1rem;
    background-color: none;
    border: solid 1px rgba(0, 0, 0, 0.5);
  }
.multi-buy__checkmark::after {
      content: '';
      display: none;
      position: absolute;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      top: 1px;
      left: 5px;
      height: 10px;
      width: 5px;
      border-bottom: 2px solid #000000;
      border-bottom: 2px solid var(--black);
      border-right: 2px solid #000000;
      border-right: 2px solid var(--black);
    }
.multi-buy input:checked ~ .multi-buy__checkmark {
    background-color: transparent;
    border: 1px solid #000000;
    border: 1px solid var(--black);
  }
.multi-buy input:checked ~ .multi-buy__checkmark::after {
      display: inline-block;
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.video {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  margin-top: 2.5rem;
}
.video__wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
  }
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
.video__poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
.video__poster .media {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
.video__button {
    position: absolute;
    bottom: 50px;
    left: 35px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    font-size: 0;
    background: rgba(255, 210, 0, 0.8) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTIgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDY0ICg5MzUzNykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+UGF0aCAzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJwbGF5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjIuMDAwMDAwLCAtMjEuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTMiIHBvaW50cz0iMjIgMjEgMjIgMzUgMzQgMjgiPjwvcG9seWdvbj4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) 29px center / 1.25rem no-repeat;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
.video__button:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    background-color: rgba(255, 210, 0, 0.9);
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.promo-block {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  margin-top: 2.5rem;
  padding: 1.5rem;
  text-align: center;
}
.promo-block__title {
    margin-bottom: 0.5rem;
  }
.promo-block__title h2 {
      font-family: 'SCNoe', sans-serif;
      font-family: var(--heading-font);
      font-size: 2rem;
      /* 32px */
      font-weight: 700;
      font-weight: var(--bold);
      /* line-height: normal; */
      line-height: 1;
      line-height: 2rem;
    }
@media (min-width: 768px) {
.promo-block__title h2 {
      font-size: 3rem /* 48px */
    }
    }
@media (min-width: 768px) {
.promo-block__title h2 {
        line-height: 1
    }
      }
.promo-block__title h3 {
      font-family: 'SCNoe', sans-serif;
      font-family: var(--heading-font);
      font-size: 1.5rem;
      /* 24px */
      font-weight: 700;
      font-weight: var(--bold);
      /* line-height: normal; */
      line-height: 1;
      line-height: 1.5rem;
    }
@media (min-width: 768px) {
.promo-block__title h3 {
      font-size: 2rem /* 32px */
    }
    }
@media (min-width: 768px) {
.promo-block__title h3 {
        font-size: 1.5rem
    }
      }
.promo-block--colour {
    background-color: #ffabd4;
    background-color: var(--service-color);
    color: #000000;
    color: var(--black);
  }
.promo-block--colour a {
      color: #000000;
      color: var(--black);
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.navigation-cards {
  margin-top: 2.5rem;
}
.navigation-cards__wrapper {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
  }
.navigation-cards + .navigation-cards {
    margin-top: 3rem;
  }
.navigation-cards--sliderGutter {
    width: calc(100% + 2rem);
    margin-left: -1rem;
    max-width: 1440px;
    padding-left: 0;
    padding-right: 0;
  }
@media (min-width: 768px) {
.navigation-cards--sliderGutter {
      width: calc(100% + 5rem);
      margin-left: -2.5rem
  }
    }
@media (min-width: 992px) {
.navigation-cards--sliderGutter {
      max-width: 800px;
      margin: 0 auto;
      width: 100%
  }
    }
.navigation-cards--sliderGutter .navigation-cards__list {
      flex-wrap: nowrap;
      -webkit-box-pack: start;
              justify-content: flex-start;
      overflow-x: scroll;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
.navigation-cards--sliderGutter .navigation-cards__list::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 0;
        height: 0;
        display: none;
      }
@media (min-width: 992px) {
.navigation-cards--sliderGutter .navigation-cards__list {
        flex-wrap: wrap;
        -webkit-box-pack: center;
                justify-content: center;
        overflow-x: visible;
        overflow-x: initial;
        -ms-scroll-snap-type: x none;
            scroll-snap-type: x none
    }
      }
.navigation-cards--sliderGutter .navigation-cards__list::before {
        content: '';
        display: inline-block;
        min-height: 100%;
        padding-left: 0.5rem;
      }
@media (min-width: 768px) {
.navigation-cards--sliderGutter .navigation-cards__list::before {
          padding-left: 2.5rem
      }
        }
@media (min-width: 992px) {
.navigation-cards--sliderGutter .navigation-cards__list::before {
          content: none
      }
        }
.navigation-cards--sliderGutter .navigation-cards__list::after {
        content: '';
        display: inline-block;
        min-height: 100%;
        padding-right: 0.5rem;
      }
@media (min-width: 768px) {
.navigation-cards--sliderGutter .navigation-cards__list::after {
          padding-right: 2.5rem
      }
        }
@media (min-width: 992px) {
.navigation-cards--sliderGutter .navigation-cards__list::after {
          content: none
      }
        }
.navigation-cards--sliderGutter .navigation-card {
      scroll-snap-align: center;
      min-width: 256px;
    }
.navigation-cards--sliderFull {
    width: calc(100% + 2rem);
    margin-left: -1rem;
    max-width: 1440px;
    padding-left: 0;
    padding-right: 0;
  }
@media (min-width: 768px) {
.navigation-cards--sliderFull {
      width: calc(100% + 5rem);
      margin-left: -2.5rem
  }
    }
@media (min-width: 992px) {
.navigation-cards--sliderFull {
      width: 100%;
      margin-left: 0;
      margin-left: initial
  }
    }
.navigation-cards--sliderFull .navigation-cards__list {
      flex-wrap: nowrap;
      -webkit-box-pack: start;
              justify-content: flex-start;
      overflow-x: scroll;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
.navigation-cards--sliderFull .navigation-cards__list::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 0;
        height: 0;
        display: none;
      }
@media (min-width: 992px) {
.navigation-cards--sliderFull .navigation-cards__list {
        flex-wrap: wrap;
        -webkit-box-pack: center;
                justify-content: center;
        overflow-x: visible;
        overflow-x: initial;
        -ms-scroll-snap-type: x none;
            scroll-snap-type: x none
    }
      }
.navigation-cards--sliderFull .navigation-cards__list::before {
        content: '';
        display: inline-block;
        min-height: 100%;
        padding-left: 0.5rem;
      }
@media (min-width: 768px) {
.navigation-cards--sliderFull .navigation-cards__list::before {
          padding-left: 2.5rem
      }
        }
@media (min-width: 992px) {
.navigation-cards--sliderFull .navigation-cards__list::before {
          content: none
      }
        }
.navigation-cards--sliderFull .navigation-cards__list::after {
        content: '';
        display: inline-block;
        min-height: 100%;
        padding-right: 0.5rem;
      }
@media (min-width: 768px) {
.navigation-cards--sliderFull .navigation-cards__list::after {
          padding-right: 2.5rem
      }
        }
@media (min-width: 992px) {
.navigation-cards--sliderFull .navigation-cards__list::after {
          content: none
      }
        }
.navigation-cards--sliderFull .navigation-card {
      scroll-snap-align: center;
    }
.navigation-cards--whatsOn .navigation-cards__list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
    }
@media (min-width: 768px) {
.navigation-cards--whatsOn .navigation-cards__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
                flex-direction: row;
        flex-wrap: wrap
    }
      }
.navigation-cards--whatsOn .navigation-card {
      max-width: 100%;
      margin: 0.5rem 0;
      background-color: #444ce1;
      background-color: var(--card-color);
      color: #ffffff;
      color: var(--white);
    }
.navigation-cards--whatsOn .navigation-card--color-1 {
        --card-color: var(--red);
      }
.navigation-cards--whatsOn .navigation-card--color-2 {
        --card-color: var(--light-blue);
      }
.navigation-cards--whatsOn .navigation-card--color-3 {
        --card-color: var(--blue);
      }
.navigation-cards--whatsOn .navigation-card--color-4 {
        --card-color: var(--grass-green);
      }
@media (min-width: 768px) {
.navigation-cards--whatsOn .navigation-card {
        max-width: 390px;
        min-width: 288px;
        margin: 0.5rem
    }
      }
.navigation-cards--whatsOn .navigation-card__title {
        font-family: 'SCNoe', sans-serif;
        font-family: var(--heading-font);
        font-size: 1.5rem;
        /* 24px */
        font-weight: 700;
        font-weight: var(--bold);
        /* line-height: normal; */
        line-height: 1;
        color: #ffd200;
        color: var(--yellow);
      }
@media (min-width: 768px) {
.navigation-cards--whatsOn .navigation-card__title {
      font-size: 2rem; /* 32px */
      }
    }
.navigation-cards--whatsOn .navigation-card__info-link {
        display: block;
        position: relative;
        margin-top: auto;
        padding-top: 1.5rem;
        font-size: 1rem;
      }
.navigation-cards--whatsOn .navigation-card__info-link::after {
          display: -webkit-inline-box;
          display: inline-flex;
          content: '';
          width: 6px;
          height: 10px;
          background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNSA2TDAgMGw1IDIuMzY0TDEwIDB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
          background-repeat: no-repeat;
          background-position: center;
          -webkit-transform: rotate(-90deg);
                  transform: rotate(-90deg);
          margin-left: 0.8125rem;
        }
.navigation-cards--stackedFull .navigation-cards__list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
    }
@media (min-width: 768px) {
.navigation-cards--stackedFull .navigation-cards__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
                flex-direction: row;
        flex-wrap: wrap
    }
      }
.navigation-cards--stackedFull .navigation-card {
      max-width: 100%;
      margin: 0.5rem 0;
    }
@media (min-width: 768px) {
.navigation-cards--stackedFull .navigation-card {
        max-width: 390px;
        min-width: 288px;
        margin: 0.5rem
    }
      }
.navigation-cards__title {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 2rem;
    /* 32px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
    text-align: center;
    margin-bottom: 1rem;
  }
@media (min-width: 768px) {
.navigation-cards__title {
      font-size: 3rem; /* 48px */
  }
    }
.navigation-cards__list {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
  }
@media (min-width: 992px) {
.navigation-cards__list {
      margin: -0.5rem
  }
    }
.navigation-card {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-flex: 1;
          flex: 1;
  min-width: 290px;
  max-width: 390px;
  background-color: #ffffff;
  background-color: var(--white);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  margin: 0.5rem;
}
@media (min-width: 992px) {
.navigation-card {
    min-width: 0;
    min-width: initial
}
  }
.navigation-card__link {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-flex: 1;
            flex: 1;
    text-decoration: none;
  }
.navigation-card__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-flex: 1;
            flex: 1;
    padding: 1rem;
    text-align: center;
  }
.navigation-card__info-label {
    text-transform: uppercase;
    text-align: center;
  }
.navigation-card__title {
    font-size: 1.5rem;
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1;
  }
.navigation-card__body {
    line-height: 1.33;
  }
.navigation-card__body > span {
      vertical-align: sub;
    }
.navigation-card__image {
    position: relative;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.callout-slice {
  width: calc(100% + 2rem);
  margin-left: -1rem;
  max-width: 1440px;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}
@media (min-width: 768px) {
.callout-slice {
    width: calc(100% + 5rem);
    margin-left: -2.5rem
}
  }
@media (min-width: 992px) {
.callout-slice {
    max-width: 800px;
    margin: 0 auto;
    width: 100%
}
  }
.callout-slice__title {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 2rem;
    /* 32px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
  }
@media (min-width: 768px) {
.callout-slice__title {
      font-size: 3rem; /* 48px */
  }
    }
.callout-slice__card-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    padding: 1rem;
  }
.callout-slice__card-container--multi {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-direction: row;
      flex-wrap: nowrap;
      -webkit-box-pack: start;
              justify-content: flex-start;
      overflow-x: scroll;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
      margin: 0;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
.callout-slice__card-container--multi::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 0;
        height: 0;
        display: none;
      }
@media (min-width: 992px) {
.callout-slice__card-container--multi {
        overflow-x: hidden
    }
      }
.callout-slice__card-container--multi::before {
        content: '';
        display: inline-block;
        min-height: 100%;
        padding-left: 1rem;
      }
@media (min-width: 768px) {
.callout-slice__card-container--multi::before {
          padding-left: 2.5rem
      }
        }
@media (min-width: 992px) {
.callout-slice__card-container--multi::before {
          content: none
      }
        }
.callout-slice__card-container--multi::after {
        content: '';
        display: inline-block;
        min-height: 100%;
        padding-right: 1rem;
      }
@media (min-width: 768px) {
.callout-slice__card-container--multi::after {
          padding-right: 2.5rem
      }
        }
@media (min-width: 992px) {
.callout-slice__card-container--multi::after {
          content: none
      }
        }
.callout-card {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  background-color: var(--white);
  -webkit-box-flex: 1;
          flex-grow: 1;
  flex-basis: 0;
  overflow: auto;
  margin: 0.5rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  scroll-snap-align: center;
  min-width: 85%;
}
@media (min-width: 992px) {
.callout-card {
    min-width: unset;
    max-height: unset;
    position: unset
}
  }
.callout-card__info-container {
    -webkit-box-flex: 1;
            flex: 1;
    padding: 1.5rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    text-align: center;
  }
.callout-card__title {
    font-size: 1.5rem;
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1;
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
.callout-card__desc {
    margin-top: auto;
    margin-bottom: auto;
  }
.callout-card__actions {
    margin-top: auto;
  }
@media (min-width: 992px) {
    .callout-card--single {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-direction: row;
    }

    .callout-card--single .callout-card__image-container {
      width: 50%;
      -webkit-box-flex: 0;
              flex: 0 0 50%;
      min-width: 50%;
    }

    .callout-card--single .callout-card__actions {
      display: -webkit-box;
      display: flex;
      flex-wrap: nowrap;
      -webkit-box-align: center;
              align-items: center;
    }
  }
.callout-action {
  margin: 0.5rem;
  -webkit-box-flex: 1;
          flex-grow: 1;
  flex-basis: 0;
}
.callout-action__action--primary-btn {
      position: relative;
      display: inline-block;
      font-size: 0.875rem;
      font-weight: bold;
      line-height: normal;
      color: #ffffff;
      color: var(--white);
      background-color: #444ce1;
      background-color: var(--blue);
      padding: 1.25rem 2.25rem 1.25rem 1.5rem;
      text-decoration: none;
      text-transform: uppercase;
      line-height: 1;
      letter-spacing: 1px;
      -webkit-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
              justify-content: center;
    }
.callout-action__action--primary-btn::after {
      content: '';
      position: absolute;
      top: 18px;
      right: 21px;
      width: 7px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23ffffff'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.callout-action__action--primary-btn::before {
      content: '';
      position: absolute;
      top: 25px;
      right: 15px;
      width: 10px;
      height: 1px;
      background-color: #ffffff;
      background-color: var(--white);
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.callout-action__action--primary-btn:hover,
    .callout-action__action--primary-btn:focus,
    .callout-action__action--primary-btn:active {
      color: #ffffff;
      color: var(--white);
      background-color: #3439b8;
      background-color: var(--blue-hover);
      cursor: pointer;
    }
.callout-action__action--primary-btn:hover::before, .callout-action__action--primary-btn:focus::before, .callout-action__action--primary-btn:active::before {
        opacity: 1;
      }
.callout-action__action--primary-btn:hover::after, .callout-action__action--primary-btn:focus::after, .callout-action__action--primary-btn:active::after {
        -webkit-transform: translateX(10px);
                transform: translateX(10px);
      }
.callout-action__action--primary-btn::after {
        content: '';
      }
.callout-action__action--primary-btn::before {
        content: '';
      }
.callout-action__action--secondary-btn {
      position: relative;
      display: inline-block;
      font-size: 0.875rem;
      font-weight: bold;
      line-height: normal;
      padding: 1.25rem 2.25rem 1.25rem 1.5rem;
      text-decoration: none;
      text-transform: uppercase;
      line-height: 1;
      letter-spacing: 1px;
      background-color: transparent;
      color: #000000;
      color: var(--black);
      border: solid 1px rgba(0, 0, 0, 0.5);
      -webkit-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
              justify-content: center;
    }
.callout-action__action--secondary-btn::after {
      content: '';
      position: absolute;
      top: 18px;
      right: 21px;
      width: 7px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23000000'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.callout-action__action--secondary-btn::before {
      content: '';
      position: absolute;
      top: 25px;
      right: 15px;
      width: 10px;
      height: 1px;
      background-color: #000000;
      background-color: var(--black);
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.callout-action__action--secondary-btn:hover,
    .callout-action__action--secondary-btn:focus,
    .callout-action__action--secondary-btn:active {
      color: #000000;
      color: var(--black);
      background-color: rgba(0, 0, 0, 0.1);
      border: solid 1px #000000;
      border: solid 1px var(--black);
      cursor: pointer;
    }
.callout-action__action--secondary-btn:hover::before, .callout-action__action--secondary-btn:focus::before, .callout-action__action--secondary-btn:active::before {
        opacity: 1;
      }
.callout-action__action--secondary-btn:hover::after, .callout-action__action--secondary-btn:focus::after, .callout-action__action--secondary-btn:active::after {
        -webkit-transform: translateX(10px);
                transform: translateX(10px);
      }
.callout-action__action--secondary-btn::after {
        content: '';
      }
.callout-action__action--secondary-btn::before {
        content: '';
      }
.callout-action__action--link {
      position: relative;
      display: inline-block;
      font-weight: bold;
      line-height: 1.33;
      -webkit-transition: color 0.3s ease;
      transition: color 0.3s ease;
      color: #000000;
      color: var(--black);
      text-decoration: none;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
              justify-content: center;
    }
.callout-action__action--link::after {
      content: '';
      position: absolute;
      top: 3px;
      right: -15px;
      width: 7px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23000000'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.callout-action__action--link::before {
      content: '';
      position: absolute;
      top: 10px;
      right: -21px;
      width: 10px;
      height: 1px;
      background-color: #444ce1;
      background-color: var(--blue);
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.callout-action__action--link:hover,
    .callout-action__action--link:focus,
    .callout-action__action--link:active {
      color: #444ce1;
      color: var(--blue);
    }
.callout-action__action--link:hover::before, .callout-action__action--link:focus::before, .callout-action__action--link:active::before {
        opacity: 1;
      }
.callout-action__action--link:hover::after, .callout-action__action--link:focus::after, .callout-action__action--link:active::after {
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23444ce1'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        -webkit-transform: translateX(10px);
                transform: translateX(10px);
      }
.callout-action__action--link::after {
        content: '';
      }
.callout-action__action--link::before {
        content: '';
      }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.gallery-carousel {
  width: 100%;
}
@media (min-width: 768px) {
.gallery-carousel {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none /* Firefox */
}
    .gallery-carousel::-webkit-scrollbar {
      display: none;
    }
  }
.gallery-carousel__container {
    display: -webkit-box;
    display: flex;
  }
.gallery-carousel__slide {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    /* flex: 0 0 8.75rem; */
    -webkit-box-flex: 0;
            flex: 0 0 15rem;
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer;
  }
@media (min-width: 768px) {
.gallery-carousel__slide {
      -webkit-box-flex: 0;
              flex: 0 0 21.25rem
  }
    }
.gallery-carousel__first-slide {
    -webkit-box-flex: 0;
            flex: 0 0 1rem;
    margin-right: -0.5rem;
  }
@media (min-width: 768px) {
.gallery-carousel__first-slide {
      -webkit-box-flex: 0;
              flex: 0 0 2.5rem
  }
    }
.gallery-carousel__last-slide {
    -webkit-box-flex: 0;
            flex: 0 0 1rem;
  }
/* margin-right: 2rem; */
@media (min-width: 768px) {
.gallery-carousel__last-slide {
      -webkit-box-flex: 0;
              flex: 0 0 2.5rem
      /* margin-left: 0.5rem; */
  }
    }
.gallery-carousel__image {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
            flex: 1;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    width: 100%;
  }
@media (min-width: 768px) {
.gallery-carousel__image {
      height: 20rem
  }
    }
.gallery-carousel__image .media {
      width: 100%;
    }
.gallery-carousel__image img {
      max-width: 100%;
      height: auto;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
    }
.gallery-carousel__image img:hover,
      .gallery-carousel__image img:focus {
        -webkit-transform: scale(1.025);
                transform: scale(1.025);
      }
.gallery-carousel__image--poster .media {
    position: relative;
  }
.gallery-carousel__image--poster .media::after {
      content: '';
      position: absolute;
      bottom: 0.625rem;
      left: 0.625rem;
      width: 2.5rem;
      height: 2.5rem;
      padding: 1.313rem 1.375rem;
      background-color: rgba(255, 210, 0, 0.8);
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDEyIDE0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzAwMCI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTIyIDIxTDIyIDM1IDM0IDI4eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc5MiAtMTIwMikgdHJhbnNsYXRlKDc3MCAxMTgxKSIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
      background-repeat: no-repeat;
      background-position: center;
      border-radius: 50%;
    }
@media (min-width: 768px) {
.gallery-carousel__image--poster .media::after {
        width: 3.5rem;
        height: 3.5rem
    }
      }
.gallery-carousel__caption {
    display: none;
    color: #90959f;
    color: var(--gallery-grey);
    text-align: center;
    font-size: 1rem;
    line-height: 1.5;
    padding-top: 1.25rem;
    margin-top: auto;
  }
@media (min-width: 768px) {
.gallery-carousel__caption {
      display: block
  }
    }
.gallery-carousel--white-background .gallery-carousel__caption {
    color: #6f7580;
    color: var(--gallery-grey-white);
  }
.gallery-carousel__button {
    position: absolute;
    top: 3rem;
    padding: 0.5rem;
  }
.gallery-carousel__button--next {
      right: 2.5rem;
    }
.gallery-carousel__button--prev {
      right: 5.5rem;
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.gallery-button {
  background-color: transparent;
}
.gallery-button:hover svg path {
        fill: #ffffff;
        fill: var(--white);
      }
.gallery-button--white-background:hover svg path {
          fill: #000000;
          fill: var(--black);
        }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.gallery-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 3;
  background-color: #000000;
  background-color: var(--black);
  overflow-y: scroll;
  overflow-x: hidden;
}
@media (min-width: 992px) {
.gallery-modal {
    overflow-y: unset
}
  }
.gallery-modal__container {
    display: -webkit-box;
    display: flex;
  }
.gallery-modal__controls {
    display: -webkit-box;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    height: 3.25rem;
    -webkit-box-align: center;
            align-items: center;
    padding: 1.25rem 2.5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
@media (min-width: 992px) {
.gallery-modal__controls {
      width: 25rem;
      height: 4.5rem
  }
    }
.gallery-modal__button + .gallery-modal__button {
    margin-left: 2rem;
  }
.gallery-modal__dots {
    max-width: 72px;
    margin-left: auto;
    margin-right: auto;
  }
.gallery-modal__dots-viewport {
    width: 100%;
    overflow: hidden;
  }
.gallery-modal__dots-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
  }
.gallery-modal__dot {
    min-width: 8px;
    height: 8px;
    background-color: #90959f;
    background-color: var(--gallery-grey);
    border-radius: 50%;
    padding: 0 2px;
    margin: 0 2px;
    z-index: 100;
  }
.gallery-modal__dot--medium {
      min-width: 6px;
      height: 6px;
      margin: 0 2px;
    }
.gallery-modal__dot--small {
      min-width: 4px;
      height: 4px;
      margin: 0 2px;
    }
.gallery-modal__dot--invisible {
      visibility: hidden;
    }
.gallery-modal__dot--selected {
      background-color: #ffdc38;
      background-color: var(--yellow-hover);
    }
.gallery-modal__close {
    position: absolute;
    top: 1.124rem;
    right: 1.124rem;
    height: 14px;
    width: 14px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzkwOTU5ZiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTM1MyAxOWwxLjQxNCAxLjQxNC01LjI5MyA1LjI5M0wzNTQuNDE0IDMxIDM1MyAzMi40MTRsLTUuMjkzLTUuMjkzLTUuMjkzIDUuMjkzTDM0MSAzMWw1LjI5My01LjI5M0wzNDEgMjAuNDE0IDM0Mi40MTQgMTlsNS4yOTMgNS4yOTNMMzUzIDE5eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM0MSAtMTkpIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
.gallery-modal__close:hover {
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iI2ZmZmZmZiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTM1MyAxOWwxLjQxNCAxLjQxNC01LjI5MyA1LjI5M0wzNTQuNDE0IDMxIDM1MyAzMi40MTRsLTUuMjkzLTUuMjkzLTUuMjkzIDUuMjkzTDM0MSAzMWw1LjI5My01LjI5M0wzNDEgMjAuNDE0IDM0Mi40MTQgMTlsNS4yOTMgNS4yOTNMMzUzIDE5eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM0MSAtMTkpIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
    }
.gallery-modal__close--white {
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzNGNDI0NiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTM1MyAxOWwxLjQxNCAxLjQxNC01LjI5MyA1LjI5M0wzNTQuNDE0IDMxIDM1MyAzMi40MTRsLTUuMjkzLTUuMjkzLTUuMjkzIDUuMjkzTDM0MSAzMWw1LjI5My01LjI5M0wzNDEgMjAuNDE0IDM0Mi40MTQgMTlsNS4yOTMgNS4yOTNMMzUzIDE5eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM0MSAtMTkpIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
    }
.gallery-modal__close--white:hover {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzNGNDI0NiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTM1MyAxOWwxLjQxNCAxLjQxNC01LjI5MyA1LjI5M0wzNTQuNDE0IDMxIDM1MyAzMi40MTRsLTUuMjkzLTUuMjkzLTUuMjkzIDUuMjkzTDM0MSAzMWw1LjI5My01LjI5M0wzNDEgMjAuNDE0IDM0Mi40MTQgMTlsNS4yOTMgNS4yOTNMMzUzIDE5eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM0MSAtMTkpIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
      }
@media (min-width: 992px) {
.gallery-modal__close {
      position: unset;
      height: 19px;
      width: 19px
  }
    }
.gallery-modal--white-background {
    background-color: #ffffff;
    background-color: var(--white);
  }
.gallery-modal__slide {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    width: 100vw;
    padding-top: 3.25rem;
  }
@media (min-width: 992px) {
.gallery-modal__slide {
      height: 100vh;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-direction: row;
      padding: 0
  }
    }
.gallery-modal__left {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    overflow: hidden;
    padding: 1.25rem 0;
  }
@media (min-width: 992px) {
.gallery-modal__left {
      -webkit-box-flex: 2;
              flex-grow: 2
  }
    }
.gallery-modal__image-wrapper {
    width: 100%;
    height: 100%;
  }
@media (min-width: 992px) {
.gallery-modal__image-wrapper {
      overflow: hidden;
      margin: 1.5rem
  }
    }
.gallery-modal__image-wrapper .media {
      width: 100%;
      height: 100%;
    }
.gallery-modal__image-wrapper figure {
      width: 100%;
      height: 100%;
    }
.gallery-modal__image-wrapper img {
      height: 100%;
      width: 100%;
      object-fit: contain;
    }
.gallery-modal__video-wrapper {
    display: -webkit-box;
    display: flex; /* for alignment */
    -webkit-box-pack: center;
            justify-content: center; /* horizontally align portrait image */
    -webkit-box-align: center;
            align-items: center; /* vertically align landscape image */
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
  }
.gallery-modal__video-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
              justify-content: center;
      width: 100%;
      padding: 1.25rem;
    }
.gallery-modal__right {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-flex: 0;
            flex-grow: 0;
    width: 100%;
    padding: 1.75rem 0;
  }
@media (min-width: 992px) {
.gallery-modal__right {
      width: 25rem;
      margin-top: 4.5rem;
      padding: 0
  }
    }
.gallery-modal__content {
    color: #90959f;
    color: var(--gallery-grey);
    padding: 0 1.25rem;
  }
@media (min-width: 992px) {
.gallery-modal__content {
      overflow-y: auto;
      padding: 2.5rem
  }
    }
.gallery-modal__title {
    font-size: 1.5rem;
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1;
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    margin: 1.25rem 0;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.gallery-slice {
  position: relative;
  background-color: #000000;
  background-color: var(--black);
  margin: 0 calc(50% - 50vw);
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
  overflow: hidden;
}
@media (min-width: 768px) {
.gallery-slice {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}
  }
.gallery-slice--white-background {
    background-color: #ffffff;
    background-color: var(--white);
  }
.gallery-slice__intro {
    margin-left: 1rem;
  }
@media (min-width: 768px) {
.gallery-slice__intro {
      margin-left: 2.5rem;
      max-width: 50rem
  }
    }
.gallery-slice__title {
    color: #90959f;
    color: var(--gallery-grey);
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 2rem;
    /* 32px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
    margin-top: 1rem;
  }
@media (min-width: 768px) {
.gallery-slice__title {
      font-size: 3rem; /* 48px */
  }
    }
.gallery-slice--white-background .gallery-slice__title {
    color: #6f7580;
    color: var(--gallery-grey-white);
  }
.gallery-slice__description {
    color: #90959f;
    color: var(--gallery-grey);
    margin-top: 1rem;
  }
.gallery-slice--white-background .gallery-slice__description {
    color: #6f7580;
    color: var(--gallery-grey-white);
  }
.gallery-slice__container {
    margin-top: 1.25rem;
  }
@media (min-width: 768px) {
.gallery-slice__container {
      margin-top: 2.5rem
  }
    }
.gallery-slice--black-background .rich-text a.block-link[href] {
      color: #ffd200;
      color: var(--yellow);
    }
.gallery-slice--black-background .rich-text a.block-link[href]:before {
         background-color: #ffd200;
         background-color: var(--yellow);
      }
.gallery-slice--black-background .rich-text a.block-link[href]:after {
         background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23000000'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) ' style='fill: rgb(255, 210, 0);'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      }
.gallery-slice--black-background .rich-text a.block-link[href]:hover,
      .gallery-slice--black-background .rich-text a.block-link[href]:focus,
      .gallery-slice--black-background .rich-text a.block-link[href]:active {
        color: #444ce1;
        color: var(--blue);
      }
.gallery-slice--black-background .rich-text a.block-link[href]:hover::before, .gallery-slice--black-background .rich-text a.block-link[href]:focus::before, .gallery-slice--black-background .rich-text a.block-link[href]:active::before {
          opacity: 1;
          color: #444ce1;
          color: var(--blue);
          background-color: #444ce1;
          background-color: var(--blue);
         }
.gallery-slice--black-background .rich-text a.block-link[href]:hover::after, .gallery-slice--black-background .rich-text a.block-link[href]:focus::after, .gallery-slice--black-background .rich-text a.block-link[href]:active::after {
           background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23444ce1'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
           -webkit-transform: translateX(10px);
                   transform: translateX(10px);
        }
.gallery-slice--black-background .rich-text a.secondary-cta[href] {
      color: #ffffff;
      color: var(--white);
      border: solid 1px #ffffff;
      border: solid 1px var(--white);
    }
.gallery-slice--black-background .rich-text a.secondary-cta[href]:before {
         background-color: #ffffff;
         background-color: var(--white);
      }
.gallery-slice--black-background .rich-text a.secondary-cta[href]:after {
         background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23ffffff'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      }
.gallery-slice + .gallery-slice {
  border-top: 1px solid #90959f;
  border-top: 1px solid var(--gallery-grey);
}

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.embed-html {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}
.embed-html iframe {
    max-width: 100%;
    width: 100%;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.image-slice {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 2.5rem;
}
.image-slice--columnWidth {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
.image-slice--columnWidth .image-slice__grid {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
          grid-template-areas:
        'title'
        'image'
        'description';
    }
@media (min-width: 768px) {
.image-slice--columnWidth .image-slice__grid {
        max-width: 800px;
        margin: 0 auto;
        width: 100%
    }
      }
.image-slice--columnWidth .image-slice__title {
      margin-bottom: 0.5rem;
    }
.image-slice--columnWidth .image-slice__description {
      margin-top: 0.5rem;
    }
.image-slice--alignLeft .image-slice__grid {
    width: 100%;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 0.5rem auto 0.5rem auto;
        grid-template-areas:
      'title'
      'image'
      'description';
    grid-gap: 0.5rem;
  }
@media (min-width: 768px) {
.image-slice--alignLeft .image-slice__grid {
      -ms-grid-columns: 1fr 2rem 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: -webkit-min-content 0 1fr;
      -ms-grid-rows: min-content 0 1fr;
      grid-template-rows: -webkit-min-content 1fr;
      grid-template-rows: min-content 1fr;
          grid-template-areas:
        'image title'
        'image description';
      grid-column-gap: 2rem;
      grid-row-gap: 0
  }
    }
@media (min-width: 992px) {
.image-slice--alignLeft .image-slice__grid {
      -ms-grid-columns: 1fr 0.5rem calc(400px - 1rem) 0.5rem calc(400px - 1rem) 0.5rem 1fr;
      grid-template-columns: 1fr calc(400px - 1rem) calc(400px - 1rem) 1fr;
      -ms-grid-rows: auto 0.5rem auto;
          grid-template-areas:
        'image image title .'
        'image image description .'
  }
    }
@media (min-width: 768px) {
.image-slice--alignLeft .image-slice__title {
      margin-bottom: 1rem
  }
    }
@media (min-width: 768px) {
.image-slice--alignRight {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
              flex-direction: row-reverse
  }
    }
.image-slice--alignRight .image-slice__grid {
    width: 100%;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 0.5rem auto 0.5rem auto;
        grid-template-areas:
      'title'
      'image'
      'description';
    grid-gap: 0.5rem;
  }
@media (min-width: 768px) {
.image-slice--alignRight .image-slice__grid {
      -ms-grid-columns: 1fr 2rem 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: -webkit-min-content 0 1fr;
      -ms-grid-rows: min-content 0 1fr;
      grid-template-rows: -webkit-min-content 1fr;
      grid-template-rows: min-content 1fr;
          grid-template-areas:
        'title image'
        'description image';
      grid-column-gap: 2rem;
      grid-row-gap: 0
  }
    }
@media (min-width: 992px) {
.image-slice--alignRight .image-slice__grid {
      -ms-grid-columns: 1fr 0.5rem calc(400px - 1rem) 0.5rem calc(400px - 1rem) 0.5rem 1fr;
      grid-template-columns: 1fr calc(400px - 1rem) calc(400px - 1rem) 1fr;
      -ms-grid-rows: auto 0.5rem auto;
          grid-template-areas:
        '. title image image'
        '. description image image'
  }
    }
@media (min-width: 768px) {
.image-slice--alignRight .image-slice__title {
      margin-bottom: 1rem
  }
    }
.image-slice__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: -webkit-max-content;
    -ms-grid-rows: max-content;
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
  }
.image-slice__image {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: image;
  }
.image-slice--alignLeft .image-slice__grid > .image-slice__image {

  -ms-grid-row: 3;

  -ms-grid-column: 1;
  }
.image-slice--alignRight .image-slice__grid > .image-slice__image {

  -ms-grid-row: 3;

  -ms-grid-row-span: 1;

  -ms-grid-column: 1;

  -ms-grid-column-span: 1;
  }
.image-slice__image .media {
      max-width: none;
      max-width: initial;
    }
.image-slice__caption {
    font-size: 0.875rem;
    line-height: 1.43;
    display: block;
    margin-top: 0.5rem;
  }
.image-slice__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 2rem;
    /* 32px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
    grid-area: title;
  }
.image-slice--alignLeft .image-slice__grid > .image-slice__title {

  -ms-grid-row: 1;

  -ms-grid-column: 1;
  }
.image-slice--alignRight .image-slice__grid > .image-slice__title {

  -ms-grid-row: 1;

  -ms-grid-column: 1;
  }
@media (min-width: 768px) {
.image-slice__title {
      font-size: 3rem /* 48px */
  }
    }
@media (min-width: 768px) {
.image-slice__title {
      margin-top: 0
  }
    }
.image-slice__description {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: description;
    margin-top: 0.5rem;
  }
.image-slice--alignLeft .image-slice__grid > .image-slice__description {

  -ms-grid-row: 5;

  -ms-grid-column: 1;
  }
.image-slice--alignRight .image-slice__grid > .image-slice__description {

  -ms-grid-row: 5;

  -ms-grid-column: 1;
  }
@media (min-width: 768px) {
.image-slice--alignLeft .image-slice__grid > .image-slice__image {

    -ms-grid-row: 1;

    -ms-grid-row-span: 3;

    -ms-grid-column: 1
  }
.image-slice--alignRight .image-slice__grid > .image-slice__image {

    -ms-grid-row: 1;

    -ms-grid-row-span: 3;

    -ms-grid-column: 3;

    -ms-grid-column-span: 1
  }
.image-slice--alignLeft .image-slice__grid > .image-slice__title {

    -ms-grid-row: 1;

    -ms-grid-column: 3
  }
.image-slice--alignRight .image-slice__grid > .image-slice__title {

    -ms-grid-row: 1;

    -ms-grid-column: 1
  }
.image-slice--alignLeft .image-slice__grid > .image-slice__description {

    -ms-grid-row: 3;

    -ms-grid-column: 3
  }
.image-slice--alignRight .image-slice__grid > .image-slice__description {

    -ms-grid-row: 3;

    -ms-grid-column: 1
  }
}
@media (min-width: 992px) {
.image-slice--alignLeft .image-slice__grid > .image-slice__image {

    -ms-grid-row: 1;

    -ms-grid-row-span: 3;

    -ms-grid-column: 1;

    -ms-grid-column-span: 3
  }
.image-slice--alignRight .image-slice__grid > .image-slice__image {

    -ms-grid-row: 1;

    -ms-grid-row-span: 3;

    -ms-grid-column: 5;

    -ms-grid-column-span: 3
  }
.image-slice--alignLeft .image-slice__grid > .image-slice__title {

    -ms-grid-row: 1;

    -ms-grid-column: 5
  }
.image-slice--alignRight .image-slice__grid > .image-slice__title {

    -ms-grid-row: 1;

    -ms-grid-column: 3
  }
.image-slice--alignLeft .image-slice__grid > .image-slice__description {

    -ms-grid-row: 3;

    -ms-grid-column: 5
  }
.image-slice--alignRight .image-slice__grid > .image-slice__description {

    -ms-grid-row: 3;

    -ms-grid-column: 3
  }
}
@media (min-width: 768px) {
.image-slice__description {
      margin-top: 0
  }
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.slice:first-child {
    margin-top: 2.5rem;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.list-of-links {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  margin-top: 2.5rem;
}
.list-of-links__title {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 2rem;
    /* 32px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
  }
@media (min-width: 768px) {
.list-of-links__title {
      font-size: 3rem; /* 48px */
  }
    }
.list-of-links__list {
    border-top: solid 1px #cca800;
    border-top: solid 1px var(--mustard);
    border-bottom: solid 1px #cca800;
    border-bottom: solid 1px var(--mustard);
    margin-top: 1rem;
  }
.list-of-links__item + .list-of-links__item {
    border-top: solid 1px #cca800;
    border-top: solid 1px var(--mustard);
  }
.list-of-links__item {
    display: -webkit-box;
    display: flex;
    -webkit-transition: box-shadow 0.3s ease, background-color 0.3s ease;
    transition: box-shadow 0.3s ease, background-color 0.3s ease;
  }
.list-of-links__item:hover,
    .list-of-links__item:focus {
      background-color: rgba(255, 255, 255, 0.2);
    }
.list-of-links__link {
    font-size: 1.125rem;
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1.33;
    position: relative;
    display: block;
    width: 100%;
    padding: 1rem 0;
    text-decoration: none;
    cursor: pointer;
    padding-right: 2.5rem;
  }
.list-of-links__link::before {
      content: '';
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 20px;
      width: 13px;
      height: 1px;
      background-color: #000000;
      background-color: var(--black);
      opacity: 1;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.list-of-links__link::after {
      content: '';
      position: absolute;
      top: 50%;
      top: calc(50% - 8px);
      right: 15px;
      width: 7px;
      height: 15px;
      background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M5 6L0 0l5 2.364L10 0z' fill-rule='evenodd'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.list-of-links__link:hover::before, .list-of-links__link:focus::before, .list-of-links__link:active::before {
        opacity: 1;
        width: 40px;
        right: 5px;
      }
.list-of-links__link:hover::after, .list-of-links__link:focus::after, .list-of-links__link:active::after {
        right: 0;
      }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.press-quote-list {
  position: relative;
}
.press-quote-list__wrapper {
    width: 100%;
  }
@media (min-width: 768px) {
.press-quote-list__wrapper {
      overflow-x: scroll;
      -ms-overflow-style: none;
      scrollbar-width: none /* Firefox */
  }
      .press-quote-list__wrapper::-webkit-scrollbar {
        display: none;
      }
    }
.press-quote-list__container {
    display: -webkit-box;
    display: flex;
  }
.press-quote-list__slide {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    margin-right: 10px;
    margin-left: 10px;
  }
.press-quote-list__button {
    position: absolute;
    top: 3rem;
    padding: 0.5rem;
    z-index: 1;
  }
.press-quote-list__button--next {
      right: 0;
    }
.press-quote-list__button--prev {
      left: 0;
    }
.press-quote-list__dots {
    display: -webkit-box;
    display: flex;
    list-style: none;
    -webkit-box-pack: center;
            justify-content: center;
    padding-top: 1rem;
  }
.press-quote-list__dot {
    background-color: transparent;
    cursor: pointer;
    position: relative;
    padding: 0;
    outline: 0;
    border: 0;
    width: 1rem;
    height: 1rem;
    margin-right: 0.25rem;
    margin-left: 0.25rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
  }
.press-quote-list__dot:after {
      background-color: #807778;
      background-color: var(--lighter-grey);
      width: 0.5rem;
      height: 0.5rem;
      border-radius: 50%;
      content: '';
    }
.press-quote-list__dot--is-selected:after {
      background-color: #000000;
      background-color: var(--black);
      opacity: 1;
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.press-quote {
  margin-top: 2.5rem;
}
.press-quote__review {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
  }
.press-quote__review__rating {
      font-size: 0.875rem;
    }
.press-quote__review__review {
      display: block;
      margin-top: 0.5rem;
      font-family: 'SCNoe', sans-serif;
      font-family: var(--heading-font);
      font-size: 1.5rem;
      line-height: 1;
    }
@media (min-width: 768px) {
.press-quote__review__review {
        font-size: 2rem
    }
      }
.press-quote__review__source {
      font-size: 0.875rem;
      margin-top: 1rem;
    }
@media (min-width: 768px) {
.press-quote__review__source {
        font-size: 1.125rem
    }
      }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.collection-slice {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 1.983rem;
}
@media (min-width: 768px) {
.collection-slice {
    margin-top: 5.188rem
}
  }
@media (min-width: 1280px) {
.collection-slice {
    margin-top: 6.583rem
}
  }
.collection-slice__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
  }
.collection-slice__title {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 2rem;
    /* 32px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
    text-align: center;
  }
@media (min-width: 768px) {
.collection-slice__title {
      font-size: 3rem; /* 48px */
  }
    }
.collection-slice__description {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.17;
    margin-top: 0.563rem;
    max-width: 50rem;
  }
@media (min-width: 768px) {
.collection-slice__description {
      font-size: 2rem;
      line-height: 1.13
  }
    }
@media (min-width: 768px) {
.collection-slice__description {
      margin-top: 1.25rem
  }
    }
@media (min-width: 1280px) {
.collection-slice__description {
      margin-top: 1.313rem
  }
    }
.collection-slice__row-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    width: 100%;
  }
@media (min-width: 768px) {
.collection-slice__row-container {
      -webkit-box-align: center;
              align-items: center;
      justify-content: space-around;
      flex-wrap: wrap;
      margin-top: 0.563rem
  }
    }
.collection-slice__row {
    width: 100%;
    justify-items: center;
    -webkit-box-align: start;
            align-items: start;
    margin-top: -0.25rem;
    display: -ms-grid;
    display: grid;
    grid-column-gap: 0;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
@media (min-width: 768px) {
.collection-slice__row {
      margin-top: 0rem
  }
    }
@media (min-width: 992px) {
.collection-slice__row--one {
        max-width: 605.3px
    }
      }
@media (min-width: 768px) {
.collection-slice__row--double {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(0, 1fr))[2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-column-gap: 1rem;
        -webkit-column-gap: 1rem;
           -moz-column-gap: 1rem;
                column-gap: 1rem;
        justify-items: center;
        -webkit-box-align: start;
                align-items: start
    }
      }
@media (min-width: 992px) {
.collection-slice__row--double {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(0, 1fr))[2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-column-gap: 2.5rem;
        -webkit-column-gap: 2.5rem;
           -moz-column-gap: 2.5rem;
                column-gap: 2.5rem;
        justify-items: center;
        -webkit-box-align: start;
                align-items: start
    }
      }
@media (min-width: 768px) {
.collection-slice__row--treble {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(0, 1fr))[2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-column-gap: 1rem;
        -webkit-column-gap: 1rem;
           -moz-column-gap: 1rem;
                column-gap: 1rem;
        justify-items: center;
        -webkit-box-align: start;
                align-items: start
    }
      }
@media (min-width: 992px) {
.collection-slice__row--treble {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(0, 1fr))[3];
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-column-gap: 2.5rem;
        -webkit-column-gap: 2.5rem;
           -moz-column-gap: 2.5rem;
                column-gap: 2.5rem;
        justify-items: center;
        -webkit-box-align: start;
                align-items: start
    }
      }
@media (min-width: 768px) {
.collection-slice__row--quad {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(0, 1fr))[2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-column-gap: 1rem;
        -webkit-column-gap: 1rem;
           -moz-column-gap: 1rem;
                column-gap: 1rem;
        justify-items: center;
        -webkit-box-align: start;
                align-items: start
    }
      }
@media (min-width: 992px) {
.collection-slice__row--quad {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (minmax(0, 1fr))[4];
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-column-gap: 2.5rem;
        -webkit-column-gap: 2.5rem;
           -moz-column-gap: 2.5rem;
                column-gap: 2.5rem;
        justify-items: center;
        -webkit-box-align: start;
                align-items: start
    }
      }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.collection-slice-card {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  margin: 3rem 0.5rem 0 0.5rem;
  width: 100%;
}
.collection-slice-card:hover {
    cursor: pointer;
  }
@media (min-width: 768px) {
.collection-slice-card {
    margin: 3.75rem 0 0 0
}
  }
@media (min-width: 992px) {
.collection-slice-card {
    margin: 3.75rem 0 0 0
}
  }
.collection-slice-card__grid-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background-color: #000000;
    background-color: var(--black);
    height: 0;
  }
.collection-slice-card__grid {
    position: absolute;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: (1fr)[2];
    grid-template-rows: repeat(2, 1fr);
        grid-template-areas:
      'portrait landscape-top'
      'portrait landscape-bottom';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
.collection-slice-card__portrait {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    grid-area: portrait;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    margin: 0.537rem;
    overflow: hidden;
  }
.collection-slice-card__landscape-top {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: landscape-top;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    margin: 0.537rem 0.537rem 0 0;
    overflow: hidden;
  }
.collection-slice-card__landscape-bottom {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: landscape-bottom;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    margin: 0.537rem 0.537rem 0.537rem 0;
    overflow: hidden;
  }
.collection-slice-card__image {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
.collection-slice-card__image:hover {
      -webkit-transform: scale(1.05);
              transform: scale(1.05);
    }
.collection-slice-card__title {
    margin-top: 1rem;
    text-align: center;
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 1.5rem;
    /* 24px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
  }
@media (min-width: 768px) {
.collection-slice-card__title {
      font-size: 2rem /* 32px */
  }
    }
@media (min-width: 768px) {
.collection-slice-card__title {
      margin-top: 1.25rem
  }
    }
@media (min-width: 1280px) {
.collection-slice-card__title {
      margin-top: 1rem
  }
    }
.collection-slice-card__title a {
      position: relative;
      text-decoration: none;
    }
@media (min-width: 768px) {
.collection-slice-card__title--double {
        margin-top: 1rem
    }
      }
@media (min-width: 768px) {
.collection-slice-card__title--treble {
        margin-top: 1rem
    }
      }
@media (min-width: 768px) {
.collection-slice-card__title--quad {
        margin-top: 1rem
    }
      }
.collection-slice-card__teaser {
    margin-top: 0.125rem;
    text-align: center;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.text-with-accordion {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  margin-top: 2.5rem;
}

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.sponsor-logo__summary {
    margin: 1rem 0;
  }
.sponsor-logo__images {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
  }
.sponsor-logo__image {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
  }
.sponsor-logo__image .media {
      width: 160px;
      max-width: 100%;
    }
.sponsor-logo--centered .sponsor-logo__image {
    flex-basis: 24%;
  }
.sponsor-logo--centered-wide .sponsor-logo__image {
    flex-basis: 19%;
  }
.sponsor-logo--centered .sponsor-logo__container,
  .sponsor-logo--left .sponsor-logo__container {
      max-width: 800px;
      margin: 0 auto;
      width: 100%;
  }
.sponsor-logo--left .sponsor-logo__images,
  .sponsor-logo--left-wide .sponsor-logo__images {
      -webkit-box-pack: start;
              justify-content: flex-start;
  }
.sponsor-logo__image + .sponsor-logo__image {
    margin-left: 2rem;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.related-blogs {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
.related-blogs {
    margin-top: 3.75rem
}
  }
.related-blogs__title {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 3rem;
    /* 48px */
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1;
    text-align: center;
  }
@media (min-width: 768px) {
.related-blogs__title {
      font-size: 4rem /* 64px */
  }
    }
.related-blogs__title h2 {
      font-size: 2rem;
    }
@media (min-width: 768px) {
.related-blogs__title h2 {
        font-size: 5rem
    }
      }
.related-blogs__cards {
    display: -webkit-box;
    display: flex;
    flex-wrap: nowrap;
    margin: 1rem -1rem 0 -1rem;
    padding-left: 0.5rem;
    overflow-x: scroll;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
.related-blogs__cards::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 0;
      height: 0;
      display: none;
    }
.related-blogs__cards::after {
      content: '';
      display: inline-block;
      min-height: 100%;
      padding-right: 0.5rem;
    }
@media (min-width: 768px) {
.related-blogs__cards::after {
        /*padding-right: 2.5rem;*/
    }
      }
@media (min-width: 992px) {
.related-blogs__cards::after {
        margin: 1rem -0.5rem 0 -0.5rem;
        padding-left: 0rem;
        content: none
    }
      }
.related-blogs__card {
    -webkit-box-flex: 1;
            flex: 1 1 25%;
    min-width: 288px;
    max-width: 22.5vw;
    margin: 0 0.5rem;
    text-align: center;
    scroll-snap-align: center;
    cursor: pointer;
  }
.related-blogs__card__image {
      box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
    }
.related-blogs__card__image img {
        display: block;
        width: 100%;
        height: auto;
      }
.related-blogs__card__date {
      font-size: 0.875rem;
      line-height: 1.43;
      text-transform: uppercase;
      line-height: 1;
      margin-top: 0.8rem;
    }
@media (min-width: 768px) {
.related-blogs__card__date {
        margin-top: 1.5rem
    }
      }
.related-blogs__card__title {
      font-family: 'SCNoe', sans-serif;
      font-family: var(--heading-font);
      font-size: 1.5rem;
      /* 24px */
      font-weight: 700;
      font-weight: var(--bold);
      /* line-height: normal; */
      line-height: 1;
      line-height: 1.5;
      margin-top: 0.25rem;
    }
@media (min-width: 768px) {
.related-blogs__card__title {
      font-size: 2rem /* 32px */
    }
    }
.related-blogs__card__title a {
        text-decoration: none;
      }
.related-blogs__card__title h4 {
        font-size: 24px;
        word-break: break-word;
      }
@media (min-width: 768px) {
.related-blogs__card__title {
        line-height: 1;
        margin-top: 0.75rem
    }
      }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.featured-blogs {
  margin: 2.5rem auto;
  max-width: 50rem;
}
.featured-blog {
  margin: 1.5rem auto 0;
}
.featured-blog__container > a {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    text-decoration: none;
  }
.featured-blog__image {
    width: 6rem;
    height: 6rem;
    padding-right: 0.75rem;
    box-sizing: content-box;
  }
.featured-blog__image img {
      object-fit: cover;
      width: 6rem;
      height: 6rem;
    }
.featured-blog__headline {
    text-transform: capitalize;
    display: -webkit-box;
    display: flex;
    vertical-align: top;
  }
.featured-blog__title {
    margin-top: 4px;
  }
.featured-blog__post-type {
    padding-right: 0.75rem;
    height: 1.5rem;
    font-family: SCNoe;
    font-size: 1.5rem;
    font-weight: bold;
    text-decoration: none;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.blog-card-icon {
  display: block;
  width: 47px;
  height: 28px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDMiIGhlaWdodD0iMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMxIDB2MjhoLTFWMGgxem0tMyA0djIwaC0xVjRoMXpNMTMgNXYxOGgtMVY1aDF6bTIxIDJ2MTRoLTFWN2gxek0xMCA4djEySDlWOGgxem02IDB2MTJoLTFWOGgxem05IDB2MTJoLTFWOGgxek03IDEwdjhINnYtOGgxem0zMCAwdjhoLTF2LThoMXptLTE1IDF2NmgtMXYtNmgxek00IDEydjRIM3YtNGgxem0xNSAwdjRoLTF2LTRoMXptMjEgMHY0aC0xdi00aDF6bTMgMHY0aC0xdi00aDF6TTEgMTN2Mkgwdi0yaDF6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.blog-card-icon--article {
    width: 28px;
    height: 13px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMTMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDEydjFIMHYtMWgxNHptMy00djFIN1Y4aDEwek01IDh2MUgwVjhoNXptMjMgMHYxaC05VjhoOXpNMTIuOTIzIDR2MUgwVjRoMTIuOTIzem0xNSAwdjFIMTVWNGgxMi45MjN6TTE2IDB2MUgwVjBoMTZ6bTEyIDB2MWgtOVYwaDl6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
  }
.blog-card-icon--video {
    width: 32px;
    height: 32px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjIgMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIyIj48Y2lyY2xlIGN4PSIxMS43NSIgY3k9IjExLjc1IiByPSI5Ljc1IiBmaWxsLW9wYWNpdHk9Ii44IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMS42NTQgLTEuNjU0KSBzY2FsZSgxLjA3NjkyKSIvPjxwYXRoIGQ9Ik0xNC4wMDggMTAuOTc4TDguNDUgMTMuNzg0bC0uMDIyLTUuNTY4IDUuNTggMi43NjJ6IiBmaWxsPSIjZWJlYmViIi8+PC9zdmc+);
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.newsletter-form {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.newsletter-form--footer, .newsletter-form--component {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
  }
.newsletter-form__title {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 1.5rem;
    /* 24px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;

    text-align: center;
  }
@media (min-width: 768px) {
.newsletter-form__title {
      font-size: 2rem; /* 32px */
  }
    }
.newsletter-form__description {
    text-align: center;
    margin-top: 0.5rem;
  }
.newsletter-form__form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: -webkit-max-content;
    -ms-grid-rows: max-content;
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
    grid-column-gap: 1rem;
        grid-template-areas:
      'firstname lastname'
      'email email'
      'submit submit';
  }
.newsletter-form--component .newsletter-form__form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
        grid-template-areas:
      'firstName lastName'
      'email .'
      'submit submit';
  }
.newsletter-form--footer .newsletter-form__form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
        grid-template-areas:
      'firstName lastName'
      'email email'
      'submit submit';
  }
@media (min-width: 768px) {
.newsletter-form--footer .newsletter-form__form {
      -ms-grid-columns: 1fr 1fr 2fr;
      grid-template-columns: 1fr 1fr 2fr;
          grid-template-areas:
        'firstName lastName email'
        'submit submit submit'
  }
    }
.newsletter-form__firstname,
  .newsletter-form__lastname,
  .newsletter-form__email {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
.newsletter-form__firstname {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: firstname;
  }
.newsletter-form--footer .newsletter-form__firstname, .newsletter-form--component .newsletter-form__firstname {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: firstName;
  }
.newsletter-form__lastname {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: lastname;
  }
.newsletter-form--footer .newsletter-form__lastname, .newsletter-form--component .newsletter-form__lastname {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: lastName;
  }
.newsletter-form__email {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: email;
  }
.newsletter-form--component .newsletter-form__form > .newsletter-form__email {

  -ms-grid-row: 2;

  -ms-grid-column: 1;

  -ms-grid-column-span: 1;
  }
.newsletter-form--footer .newsletter-form__form > .newsletter-form__email {

  -ms-grid-row: 2;

  -ms-grid-column: 1;

  -ms-grid-column-span: 2;
  }
.newsletter-form--footer .newsletter-form__email, .newsletter-form--component .newsletter-form__email {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: email;
  }
.newsletter-form__submit-container {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: submit;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    margin-top: 2rem;
  }
.newsletter-form--component .newsletter-form__form > .newsletter-form__submit-container {

  -ms-grid-row: 3;

  -ms-grid-column: 1;

  -ms-grid-column-span: 2;
  }
.newsletter-form--footer .newsletter-form__form > .newsletter-form__submit-container {

  -ms-grid-row: 3;

  -ms-grid-column: 1;

  -ms-grid-column-span: 2;
  }
.newsletter-form__submit {
    position: relative;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: normal;
    color: #ffffff;
    color: var(--white);
    background-color: #444ce1;
    background-color: var(--blue);
    padding: 1.25rem 2.25rem 1.25rem 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 1px;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    padding: 1.25rem 1.5rem;
  }
.newsletter-form__submit::after {
      content: '';
      position: absolute;
      top: 18px;
      right: 21px;
      width: 7px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23ffffff'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.newsletter-form__submit::before {
      content: '';
      position: absolute;
      top: 25px;
      right: 15px;
      width: 10px;
      height: 1px;
      background-color: #ffffff;
      background-color: var(--white);
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.newsletter-form__submit:hover,
    .newsletter-form__submit:focus,
    .newsletter-form__submit:active {
      color: #ffffff;
      color: var(--white);
      background-color: #3439b8;
      background-color: var(--blue-hover);
      cursor: pointer;
    }
.newsletter-form__submit:hover::before, .newsletter-form__submit:focus::before, .newsletter-form__submit:active::before {
        opacity: 1;
      }
.newsletter-form__submit:hover::after, .newsletter-form__submit:focus::after, .newsletter-form__submit:active::after {
        -webkit-transform: translateX(10px);
                transform: translateX(10px);
      }
.newsletter-form__submit::before,
    .newsletter-form__submit::after {
      content: none;
    }
.newsletter-form__submit--secondary {
      position: relative;
      display: inline-block;
      font-size: 0.875rem;
      font-weight: bold;
      line-height: normal;
      padding: 1.25rem 2.25rem 1.25rem 1.5rem;
      text-decoration: none;
      text-transform: uppercase;
      line-height: 1;
      letter-spacing: 1px;
      background-color: transparent;
      color: #000000;
      color: var(--black);
      border: solid 1px rgba(0, 0, 0, 0.5);
      -webkit-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease;
      padding: 1.25rem 1.5rem;
    }
.newsletter-form__submit--secondary::after {
      content: '';
      position: absolute;
      top: 18px;
      right: 21px;
      width: 7px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23000000'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.newsletter-form__submit--secondary::before {
      content: '';
      position: absolute;
      top: 25px;
      right: 15px;
      width: 10px;
      height: 1px;
      background-color: #000000;
      background-color: var(--black);
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.newsletter-form__submit--secondary:hover,
    .newsletter-form__submit--secondary:focus,
    .newsletter-form__submit--secondary:active {
      color: #000000;
      color: var(--black);
      background-color: rgba(0, 0, 0, 0.1);
      border: solid 1px #000000;
      border: solid 1px var(--black);
      cursor: pointer;
    }
.newsletter-form__submit--secondary:hover::before, .newsletter-form__submit--secondary:focus::before, .newsletter-form__submit--secondary:active::before {
        opacity: 1;
      }
.newsletter-form__submit--secondary:hover::after, .newsletter-form__submit--secondary:focus::after, .newsletter-form__submit--secondary:active::after {
        -webkit-transform: translateX(10px);
                transform: translateX(10px);
      }
.newsletter-form--footer .newsletter-form__submit, .newsletter-form--component .newsletter-form__submit {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: submit;
  }
@media (min-width: 768px) {
.newsletter-form--footer .newsletter-form__form > .newsletter-form__firstname, .newsletter-form--footer .newsletter-form__form > .newsletter-form__firstname {

    -ms-grid-row: 1;

    -ms-grid-column: 1
  }
.newsletter-form--footer .newsletter-form__form > .newsletter-form__lastname, .newsletter-form--footer .newsletter-form__form > .newsletter-form__lastname {

    -ms-grid-row: 1;

    -ms-grid-column: 2
  }
.newsletter-form--footer .newsletter-form__form > .newsletter-form__email {

    -ms-grid-row: 1;

    -ms-grid-column: 3;

    -ms-grid-column-span: 1
  }
.newsletter-form--footer .newsletter-form__form > .newsletter-form__email, .newsletter-form--footer .newsletter-form__form > .newsletter-form__email {

    -ms-grid-row: 1;

    -ms-grid-column: 3;

    -ms-grid-column-span: 1
  }
.newsletter-form--footer .newsletter-form__form > .newsletter-form__submit-container {

    -ms-grid-row: 2;

    -ms-grid-column: 1;

    -ms-grid-column-span: 3
  }
.newsletter-form--footer .newsletter-form__form > .newsletter-form__submit, .newsletter-form--footer .newsletter-form__form > .newsletter-form__submit {

    -ms-grid-row: 2;

    -ms-grid-column: 1;

    -ms-grid-column-span: 3
  }
}
.newsletter-form__label {
    margin-top: 30px;
    position: relative;
    display: inline-block;
  }
.newsletter-form__input {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    width: 100%;
    padding: 8px 0 10px 0;
    font-size: 14px;
    color: #000000;
    color: var(--black);
    background-color: transparent;
    box-shadow: inset 0 -1px 0 0 #bcbdc9;
    box-shadow: inset 0 -1px 0 0 var(--grey);
  }
.newsletter-form--footer .newsletter-form__input, .newsletter-form--component .newsletter-form__input {
    color: #6d5a00;
    color: var(--brown);
    box-shadow: inset 0 -1px 0 0 #6d5a00;
    box-shadow: inset 0 -1px 0 0 var(--brown);
  }
.newsletter-form--footer .newsletter-form__input--white, .newsletter-form--component .newsletter-form__input--white {
      color: #000000;
      color: var(--black);
      box-shadow: inset 0 -1px 0 0 #000000;
      box-shadow: inset 0 -1px 0 0 var(--black);
    }
.newsletter-form--footer .newsletter-form__input--error, .newsletter-form--component .newsletter-form__input--error {
      color: #d34401;
      color: var(--red);
    }
.newsletter-form__placeholder {
    font-size: 14px;
    padding: 21px 0;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: -21px;
    color: #807778;
    color: var(--lighter-grey);
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
            transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    /* opacity: 0.5; */
  }
.newsletter-form--footer .newsletter-form__placeholder, .newsletter-form--component .newsletter-form__placeholder {
    color: #6d5a00;
    color: var(--brown);
  }
.newsletter-form--footer .newsletter-form__placeholder--white, .newsletter-form--component .newsletter-form__placeholder--white {
      color: #000000;
      color: var(--black);
    }
.newsletter-form__input--white {
    color: #000000;
    color: var(--black);
    box-shadow: inset 0 -1px 0 0 #000000;
    box-shadow: inset 0 -1px 0 0 var(--black);
  }
.newsletter-form__input--error {
    color: red;
    box-shadow: inset 0 -1px 0 0 #d34401;
    box-shadow: inset 0 -1px 0 0 var(--red);
  }
.newsletter-form__input--error ~ .newsletter-form__placeholder {
    color: red;
  }
.newsletter-form--footer .newsletter-form__input--error ~ .newsletter-form__placeholder, .newsletter-form--component .newsletter-form__input--error ~ .newsletter-form__placeholder {
    color: #d34401;
    color: var(--red);
  }
.newsletter-form input:focus + span,
  .newsletter-form input:not(:placeholder-shown) + span {
    opacity: 1;
    -webkit-transform: translateY(-70%);
            transform: translateY(-70%);
    top: 0;
  }
/* For IE Browsers*/
.newsletter-form input:focus + span,
  .newsletter-form input:not(:-ms-input-placeholder) + span {
    opacity: 1;
    transform: scale(0.1) translateY(-100%);
  }
.newsletter-form .sr-text {
    font-size: 0;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.newsletter-success {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  height: 100%;
  text-align: center;
}
.newsletter-success__title {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 1.5rem;
    /* 24px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
  }
@media (min-width: 768px) {
.newsletter-success__title {
      font-size: 2rem; /* 32px */
  }
    }
.newsletter-success__message {
    margin-top: 0.5rem;
  }
.newsletter-success__button {
    position: relative;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: normal;
    color: #ffffff;
    color: var(--white);
    background-color: #444ce1;
    background-color: var(--blue);
    padding: 1.25rem 2.25rem 1.25rem 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 1px;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    -ms-grid-row-align: center;
        align-self: center;
    padding: 1.25rem 1.5rem;
    margin-top: 1.875rem;
  }
.newsletter-success__button::after {
      content: '';
      position: absolute;
      top: 18px;
      right: 21px;
      width: 7px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23ffffff'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.newsletter-success__button::before {
      content: '';
      position: absolute;
      top: 25px;
      right: 15px;
      width: 10px;
      height: 1px;
      background-color: #ffffff;
      background-color: var(--white);
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.newsletter-success__button:hover,
    .newsletter-success__button:focus,
    .newsletter-success__button:active {
      color: #ffffff;
      color: var(--white);
      background-color: #3439b8;
      background-color: var(--blue-hover);
      cursor: pointer;
    }
.newsletter-success__button:hover::before, .newsletter-success__button:focus::before, .newsletter-success__button:active::before {
        opacity: 1;
      }
.newsletter-success__button:hover::after, .newsletter-success__button:focus::after, .newsletter-success__button:active::after {
        -webkit-transform: translateX(10px);
                transform: translateX(10px);
      }
.newsletter-success__button::before,
    .newsletter-success__button::after {
      content: none;
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.sub-navigation {
  margin-top: 2.5rem;
  margin-right: -1rem;
}
@media (min-width: 768px) {
.sub-navigation {
    max-width: 800px;
    margin: 0 auto;
    width: 100%
}
  }
.sub-navigation nav {
    overflow-x: scroll;
    margin: 1.75rem 0 1.875rem 0;
  }
.sub-navigation nav::after {
      content: '';
      display: block;
      position: relative;
      padding-right: 1rem;
    }
@media (min-width: 768px) {
.sub-navigation nav {
      scrollbar-width: none /* Firefox */
  }
      .sub-navigation nav::after {
        content: none;
      }
    }
.sub-navigation nav::-webkit-scrollbar {
      display: none;
    }
.sub-navigation nav li {
      position: relative;
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      -webkit-box-flex: 1;
              flex: 1 0 auto;
      list-style: none;
      border-bottom: solid 2px #cca800;
      border-bottom: solid 2px var(--mustard);
      /*Todo: maybe create different component for filter subnavigation. */
      padding-right: 2rem;
    }
@media (min-width: 768px) {
.sub-navigation nav li {
        padding-right: 0rem
    }
      }
.sub-navigation__wrapper {
    display: -webkit-box;
    display: flex;
  }
.sub-navigation__link {
    -webkit-box-flex: 1;
            flex: 1;
    text-decoration: none;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.6;
    color: #6d5a00;
    color: var(--brown);
    padding-bottom: 1rem;
    white-space: nowrap;
  }
@media (min-width: 768px) {
.sub-navigation__link {
      font-size: 1.25rem
  }
    }
.sub-navigation__link--active {
      position: relative;
      color: #000000;
      color: var(--black);
    }
.sub-navigation__link--active::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        border-bottom: solid 2px #000000;
        border-bottom: solid 2px var(--black);
      }
.sub-navigation button {
    background: #ffd200;
    background: var(--yellow);
    text-align: left;
  }
.sub-navigation__slices {
    padding: 0.3125rem 0 0;
    margin-bottom: 1.5rem;
  }
.sub-navigation__slices > div + div {
      margin-top: 2rem;
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.basic-page__title {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 3rem;
    /* 48px */
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
  }
@media (min-width: 768px) {
.basic-page__title {
      font-size: 4rem /* 64px */
  }
    }
.basic-page__title--hidden {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
.basic-page__teaser {
    font-size: 1.5rem;
    line-height: 1.17;
    text-align: center;
    margin-top: 0.75rem;
  }
@media (min-width: 768px) {
.basic-page__teaser {
      font-size: 2rem;
      line-height: 1.13;
  }
    }
.basic-page__lead-image {
    margin-top: 2.875rem;
  }
.basic-page__slices {
    margin-top: 2.5rem;
  }
.basic-page__slices > .slice + .slice {
      margin-top: 2.5rem;
    }
.basic-page__slices > .slice--gallery-slice + .slice--gallery-slice {
      margin-top: 0;
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
/* Todo: seperate this to external component */
.generic-text-with-heading {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  margin-top: 2.5rem;
}
.generic-text-with-heading__heading {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 1.5rem;
    /* 24px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
  }
@media (min-width: 768px) {
.generic-text-with-heading__heading {
      font-size: 2rem; /* 32px */
  }
    }
.generic-text-with-heading__body {
    margin-top: 0.5rem;
  }
.generic-text-with-heading--centre {
    text-align: center;
  }
.hero {
  /*text-align: center;*/
  margin-top: 2.5rem;
}
.hero__info {
    text-align: center;
    font-family: 'SBCAkkuratPro', sans-serif;
    font-family: var(--body-font);
    font-size: 1.125rem;
    font-weight: 400;
    font-weight: var(--normal);
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #000000;
    color: var(--black);
    max-width: 31rem;
    margin: auto;
    margin-top: 1.6rem;
  }
.hero__info-label {
    font-size: 1.5rem;
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1;
  }
.hero__image-container {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;

    margin-top: 1.25rem;
  }
.hero__image-container--hidden {
      display: none;
    }
.hero__summary-container {
    margin-top: 4rem;
  }
.hero .accordion__button {
      font-size: 1.125rem;
      line-height: 1.5rem;
    }
/*Read more button caret*/
.hero-accordion > button > span {
      top: 0;
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.featured-events {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: hidden;
}
.featured-events__list {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
            align-items: start;
  }
.featured-events--homepage {
    margin-left: 0;
    margin-right: 0;
  }
.featured-event {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.featured-event__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
.featured-event__image {
    position: relative;
    -webkit-box-ordinal-group: 2;
            order: 1;
    width: 100%;
    cursor: pointer;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3);
  }
.featured-event__image-hover {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
.featured-event__image-hover:hover,
    .featured-event__image-hover:focus {
      -webkit-transform: scale(1.01);
              transform: scale(1.01);
    }
.featured-event__image-overlay {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: #aadffc;
    background-color: var(--soft-blue);
    color: #000000;
    color: var(--black);
    padding: 1.8rem 1.5rem;
    text-align: center;
  }
.featured-event__overlay-title {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 1.5rem;
    /* 24px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
    font-size: 2rem;
  }
@media (min-width: 768px) {
.featured-event__overlay-title {
      font-size: 2rem; /* 32px */
  }
    }
.featured-event__container {
    -webkit-box-ordinal-group: 3;
            order: 2;
    width: 100%;
    padding: 1.5rem 0 0;
    text-align: center;
  }
@media (min-width: 768px) {
.featured-event__container {
      padding: 2rem 1rem 1rem
  }
    }
.featured-event__info-label {
    font-size: 16px;
    line-height: 1.22;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0.625rem;
  }
@media (min-width: 768px) {
.featured-event__info-label {
      font-size: 18px
  }
    }
.featured-event__title {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 1.5rem;
    /* 24px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
  }
@media (min-width: 768px) {
.featured-event__title {
      font-size: 2rem /* 32px */
  }
    }
.featured-event__title a {
      text-decoration: none;
    }
.featured-event__body {
    line-height: 1.33;
  }
@media (min-width: 768px) {
.featured-event__body {
      margin-top: 1rem
  }
    }
.featured-event__body > span {
      vertical-align: sub;
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.blog-post__title {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 3rem;
    /* 48px */
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1;
  }
@media (min-width: 768px) {
.blog-post__title {
      font-size: 4rem; /* 64px */
  }
    }
.blog-post__date {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    font-size: 1rem;
    line-height: normal;
    letter-spacing: 0.5px;
    margin-top: 1.5rem;
    text-transform: uppercase;
  }
.blog-post__teaser {
    font-size: 1.5rem;
    line-height: 1.17;
    margin-top: 0.75rem;
  }
@media (min-width: 768px) {
.blog-post__teaser {
      font-size: 2rem;
      line-height: 1.13;
  }
    }
.blog-post__lead-image {
    margin-top: 2.875rem;
  }
.blog-post__slices {
    margin-top: 2.5rem;
  }
.blog-post__slices > .slice + .slice {
      margin-top: 2.5rem;
    }
.blog-post__tags {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
.blog-post__tags, .blog-post__tags-title {
      max-width: 800px;
      margin: 0 auto;
      width: 100%;
    }
.blog-post__tags-title {
    margin-top: 2.5rem;
  }
.blog-post__tag {
    color: white;
    background: #0008;
    line-height: 2.2rem;
    padding: 0 0.8rem;
    white-space: nowrap;
    margin: 0 0.4rem 0.4rem 0;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.collection-category-page {
  margin: 0 calc(50% - 50vw);
}
.collection-category-page--white {
    color: #7d7373;
    color: var(--category-page-white-text);
  }
.collection-category-page__container {
    margin: 0 auto 2.5rem auto;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
  }
.collection-category-page__hero {
    margin-top: 4.625rem;
    max-width: 800px;
  }
@media (min-width: 768px) {
.collection-category-page__hero {
      margin-top: 8.875rem
  }
    }
@media (min-width: 992px) {
.collection-category-page__hero {
      margin-top: 6.653rem
  }
    }
.collection-category-page__title {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 3rem;
    /* 48px */
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1;
    text-align: center;
    margin-left: 1rem;
    margin-right: 1rem;
  }
@media (min-width: 768px) {
.collection-category-page__title {
      font-size: 4rem /* 64px */
  }
    }
@media (min-width: 768px) {
.collection-category-page__title {
      margin-left: 1.25rem;
      margin-right: 1.25rem
  }
    }
.collection-category-page__part-of-label {
    text-align: center;
    margin-top: 0.625rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }
@media (min-width: 768px) {
.collection-category-page__part-of-label {
      margin-top: 1rem;
      margin-left: 1.25rem;
      margin-right: 1.25rem
  }
    }
.collection-category-page__description {
    font-size: 1.5rem;
    line-height: 1.17;
    text-align: center;
    margin-top: 2.438rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }
@media (min-width: 768px) {
.collection-category-page__description {
      font-size: 2rem;
      line-height: 1.13
  }
    }
@media (min-width: 768px) {
.collection-category-page__description {
      margin-top: 1.5rem;
      margin-left: 1.25rem;
      margin-right: 1.25rem
  }
    }
.collection-category-page__gallery {
    margin-top: 2.5rem;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 0.625rem;
  }
@media (min-width: 768px) {
.collection-category-page__gallery {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (minmax(0, 1fr))[2];
      grid-template-columns: repeat(2, minmax(0, 1fr));
      grid-gap: 1.25rem;
      margin-top: 1.688rem;
      margin-left: -1.25rem;
      margin-right: -1.25rem
  }
    }
@media (min-width: 992px) {
.collection-category-page__gallery {
      margin-top: 1rem;
      margin-right: auto;
      margin-left: auto;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (minmax(0, 1fr))[3];
      grid-template-columns: repeat(3, minmax(0, 1fr));
      grid-gap: 2.5rem
  }
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.category-gallery-card {
  position: relative;
  display: -webkit-box;
  display: flex;
  margin-left: 0rem;
  margin-right: 0rem;
  padding: 0rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 10.75rem;
  margin-top: 1.375rem;
}
@media (min-width: 374px) {
.category-gallery-card {
    width: 11.125rem
}
  }
@media (min-width: 374px) {
.category-gallery-card {
    width: 11.125rem
}
  }
@media (min-width: 768px) {
.category-gallery-card {
    width: 22.125rem;
    margin-top: 5.625rem
}
  }
@media (min-width: 1280px) {
.category-gallery-card {
    width: 23.313rem
}
  }
@media (min-width: 1920px) {
.category-gallery-card {
    width: 36.625rem
}
  }
.category-gallery-card__teaser-caption {
    display: none;
    margin-top: 12px;
    font-weight: bold;
  }
.category-gallery-card__teaser-caption > div p {
        text-overflow: ellipsis;
        overflow: hidden;
        height: calc(18px * 4);
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
      }
.category-gallery-card__teaser-caption a {
      margin-top: 12px;
      text-decoration: underline;
      color: #444ce1;
      color: var(--blue);
      display: block;
    }
.category-gallery-card__btn-wrapper {
    position: relative;
    display: inline-block;
  }
.category-gallery-card__image {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
            flex: 1;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    width: 100%;
  }
.category-gallery-card__image img {
      width: 100%;
      object-fit: contain;
      height: 10.75rem;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
    }
@media (min-width: 374px) {
.category-gallery-card__image img {
        height: 11.125rem
    }
      }
@media (min-width: 768px) {
.category-gallery-card__image img {
        height: 22.125rem
    }
      }
@media (min-width: 1280px) {
.category-gallery-card__image img {
        height: 23.313rem
    }
      }
@media (min-width: 1920px) {
.category-gallery-card__image img {
        height: 36.625rem
    }
      }
.category-gallery-card__image img:hover,
      .category-gallery-card__image img:focus {
        -webkit-transform: scale(1.025);
                transform: scale(1.025);
        cursor: pointer;
      }
.category-gallery-card__image-caption {
    display: none;
  }
@media (min-width: 768px) {
.category-gallery-card__image-caption {
      display: block;
      text-align: center;
      margin-top: 0.625rem;
      font-size: 0.875rem;
      line-height: 1.43
  }
    }
.category-gallery-card:focus {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.gallery-button {
  background-color: transparent;
}
.gallery-button:hover svg path {
        fill: #ffffff;
        fill: var(--white);
      }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.collection-category-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 5;
  background-color: #000000;
  background-color: var(--black);
  overflow-y: scroll;
  overflow-x: hidden;
}
@media (min-width: 992px) {
.collection-category-modal {
    overflow-y: unset
}
  }
.collection-category-modal__container {
    display: -webkit-box;
    display: flex;
  }
.collection-category-modal__controls {
    display: -webkit-box;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    height: 3.25rem;
    -webkit-box-align: center;
            align-items: center;
    padding: 1.25rem 2.5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
@media (min-width: 992px) {
.collection-category-modal__controls {
      width: 25rem;
      height: 4.5rem
  }
    }
.collection-category-modal__button + .collection-category-modal__button {
    margin-left: 2rem;
  }
.collection-category-modal__dots {
    max-width: 72px;
    margin-left: auto;
    margin-right: auto;
  }
.collection-category-modal__dots-viewport {
    width: 100%;
    overflow: hidden;
  }
.collection-category-modal__dots-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
  }
.collection-category-modal__dot {
    min-width: 8px;
    height: 8px;
    background-color: #90959f;
    background-color: var(--gallery-grey);
    border-radius: 50%;
    padding: 0 2px;
    margin: 0 2px;
    z-index: 100;
  }
.collection-category-modal__dot--medium {
      min-width: 6px;
      height: 6px;
      margin: 0 2px;
    }
.collection-category-modal__dot--small {
      min-width: 4px;
      height: 4px;
      margin: 0 2px;
    }
.collection-category-modal__dot--invisible {
      visibility: hidden;
    }
.collection-category-modal__dot--selected {
      background-color: #ffdc38;
      background-color: var(--yellow-hover);
    }
.collection-category-modal__close {
    position: absolute;
    top: 1.124rem;
    right: 1.124rem;
    height: 14px;
    width: 14px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzkwOTU5ZiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTM1MyAxOWwxLjQxNCAxLjQxNC01LjI5MyA1LjI5M0wzNTQuNDE0IDMxIDM1MyAzMi40MTRsLTUuMjkzLTUuMjkzLTUuMjkzIDUuMjkzTDM0MSAzMWw1LjI5My01LjI5M0wzNDEgMjAuNDE0IDM0Mi40MTQgMTlsNS4yOTMgNS4yOTNMMzUzIDE5eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM0MSAtMTkpIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
.collection-category-modal__close:hover {
      background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iI2ZmZmZmZiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPHBhdGggZD0iTTM1MyAxOWwxLjQxNCAxLjQxNC01LjI5MyA1LjI5M0wzNTQuNDE0IDMxIDM1MyAzMi40MTRsLTUuMjkzLTUuMjkzLTUuMjkzIDUuMjkzTDM0MSAzMWw1LjI5My01LjI5M0wzNDEgMjAuNDE0IDM0Mi40MTQgMTlsNS4yOTMgNS4yOTNMMzUzIDE5eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM0MSAtMTkpIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
    }
@media (min-width: 992px) {
.collection-category-modal__close {
      position: unset;
      height: 19px;
      width: 19px
  }
    }
.collection-category-modal__slide {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    width: 100vw;
    padding-top: 3.25rem;
  }
@media (min-width: 992px) {
.collection-category-modal__slide {
      height: 100vh;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-direction: row;
      padding: 0
  }
    }
.collection-category-modal__left {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    overflow: hidden;
    padding: 1.25rem 0;
  }
@media (min-width: 992px) {
.collection-category-modal__left {
      -webkit-box-flex: 2;
              flex-grow: 2
  }
    }
.collection-category-modal__image-wrapper {
    width: 100%;
    height: 100%;
  }
@media (min-width: 992px) {
.collection-category-modal__image-wrapper {
      overflow: hidden;
      margin: 1.5rem
  }
    }
.collection-category-modal__image-wrapper .media {
      width: 100%;
      height: 100%;
    }
.collection-category-modal__image-wrapper figure {
      width: 100%;
      height: 100%;
    }
.collection-category-modal__image-wrapper img {
      height: 100%;
      width: 100%;
      object-fit: contain;
    }
.collection-category-modal__video-wrapper {
    display: -webkit-box;
    display: flex; /* for alignment */
    -webkit-box-pack: center;
            justify-content: center; /* horizontally align portrait image */
    -webkit-box-align: center;
            align-items: center; /* vertically align landscape image */
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
  }
.collection-category-modal__video-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
              justify-content: center;
      width: 100%;
      padding: 1.25rem;
    }
.collection-category-modal__right {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-flex: 0;
            flex-grow: 0;
    width: 100%;
    padding: 1.75rem 0;
  }
@media (min-width: 992px) {
.collection-category-modal__right {
      width: 25rem;
      margin-top: 4.5rem;
      padding: 0
  }
    }
.collection-category-modal__content {
    color: #90959f;
    color: var(--gallery-grey);
    padding: 0 1.25rem;
  }
@media (min-width: 992px) {
.collection-category-modal__content {
      overflow-y: auto;
      padding: 2.5rem
  }
    }
.collection-category-modal__title {
    font-size: 1.5rem;
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1;
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    margin: 1.25rem 0;
  }
.collection-category-modal .embed-html {
    max-width: none;
    max-width: initial;
    margin: 0 auto;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.venue__container {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
  }
.venue__title {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 3rem;
    /* 48px */
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1;
    text-align: center;
  }
@media (min-width: 768px) {
.venue__title {
      font-size: 4rem /* 64px */
  }
    }
.venue__title--hidden {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
.venue__slices {
    margin-top: 2.5rem;
  }
.venue__slices > .slice + .slice {
      margin-top: 2.5rem;
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.editor-tools {
  position: fixed;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: flex;
  box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffd200;
  background-color: var(--yellow);
}
.editor-tools > * {
    height: 3rem;
    padding: 1rem;
  }
.editor-tools > * + * {
    border-left: solid 1px rgba(0, 0, 0, 0.3);
  }
.editor-tools__edit {
    min-width: 3rem;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    color: #222330;
    background-color: #d4d4d8;
    border: 1px solid transparent;
    padding: calc(1rem - 1px) calc(1.5rem - 1px);
    border-radius: 2px;
  }
.editor-tools__edit:not(:focus) {
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    }
.editor-tools__edit:hover {
      background-color: #c2c3ca;
    }
.editor-tools__hide {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
.editor-tools__small {
    font-size: 0.875rem;
    line-height: 1.43;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.layout {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 1rem;
  padding: 0 var(--gutter-sm);
  min-height: 50vh;
}
@media (min-width: 768px) {
.layout {
    padding: 0 2.5rem;
    padding: 0 var(--gutter-lg)
}
  }
@media (min-height: 450px) {
.layout {
    min-height: 75vh
}
  }
.layout--error {
    padding: 5rem 0;
  }
.layout--white {
    background-color: #ffffff;
    background-color: var(--white);
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
/* This is needed to allow the filter overlay to cover the header */
.headroom--unfixed {
  z-index: 0;
}
.headroom--pinned {
  z-index: 3 !important;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  background-color: #ffd200;
  background-color: var(--yellow);
}
.headroom--homepage {
  z-index: 3;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 1.5rem 1.75rem;
}
@media (min-width: 768px) {
.header {
    padding: 1.875rem 2.5rem
}
  }
.header__nav {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 6fr 1fr;
    grid-template-columns: 1fr 6fr 1fr;
        grid-template-areas: 'search links login';
  }
@media (min-width: 768px) {
.header__nav {
      -ms-grid-columns: 1fr 4fr 1fr;
      grid-template-columns: 1fr 4fr 1fr
  }
    }
.header__nav__search {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      display: -webkit-box;
      display: flex;
      grid-area: search;
    }
.header__nav__search__text {
        overflow: hidden;
        text-indent: 101%;
        white-space: nowrap;
      }
@media (min-width: 992px) {
.header__nav__search__text {
          overflow: visible;
          text-indent: 0
      }
        }
.header__nav__search__icon {
        display: inline-block;
        height: 20px;
        width: 20px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxLjEyNSkiPjxjaXJjbGUgY3g9IjQuNTg4IiBjeT0iNC41ODgiIHI9IjQuNTg4Ii8+PHBhdGggZD0iTTcuNjMgOC4yOTRsMy45NjcgMy44ODIiLz48L2c+PC9zdmc+) no-repeat center;
        margin-right: 1rem;
      }
.header__nav__links {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
              justify-content: center;
      grid-area: links;
      list-style: none;
      margin: 0 0.5rem;
    }
@media (min-width: 390px) {
.header__nav__links {
        margin: 0 20px
    }
      }
.header__nav__link {
      position: relative;
      font-size: 1.5rem;
      font-weight: 700;
      font-weight: var(--bold);
      line-height: 1;
      font-size: 1rem;
      text-decoration: none;
      white-space: nowrap;
      margin: 0 0.5rem;
    }
@media (min-width: 390px) {
.header__nav__link {
        font-size: 1.125rem;
        margin: 0 0.75rem
    }
      }
@media (min-width: 768px) {
.header__nav__link {
        font-size: 1.5rem;
        margin: 0 1.875rem
    }
      }
.header__nav__link:last-child {
        margin-bottom: 0;
      }
.header__nav__link::before,
      .header__nav__link::after {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
        height: 2px;
        background-color: #000000;
        background-color: var(--black);
      }
.header__nav__link::before {
        opacity: 0;
        -webkit-transform: translateY(-8px);
                transform: translateY(-8px);
        -webkit-transition: opacity 0s, -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: opacity 0s, -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s;
        transition: transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s, -webkit-transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      }
.header__nav__link::after {
        opacity: 0;
        -webkit-transform: translateY(8px/2);
                transform: translateY(8px/2);
        -webkit-transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
        transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      }
.header__nav__link:hover:before,
        .header__nav__link:hover:after,
        .header__nav__link:focus:before,
        .header__nav__link:focus:after {
          opacity: 1;
          -webkit-transform: translateY(0);
                  transform: translateY(0);
        }
.header__nav__link:hover::before, .header__nav__link:focus::before {
          -webkit-transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
          transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s, -webkit-transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
.header__nav__link:hover::after, .header__nav__link:focus::after {
          -webkit-transition: opacity 0s 0.2s, -webkit-transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: opacity 0s 0.2s, -webkit-transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition: transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s 0.2s;
          transition: transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s 0.2s, -webkit-transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
.header__nav__login {
      -ms-grid-row: 1;
      -ms-grid-column: 3;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: end;
              justify-content: flex-end;
      grid-area: login;
      -webkit-box-align: center;
              align-items: center;
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.header-login {
  text-decoration: none;
  display: -webkit-box;
  display: flex;
}
.header-login__text {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    display: none;
  }
@media (min-width: 992px) {
.header-login__text {
      overflow: visible;
      text-indent: 0;
      display: block
  }
    }
.header-login__icon {
    display: inline-block;
    height: 16px;
    width: 20px;
  }
@media (min-width: 992px) {
.header-login__icon {
      height: 19px;
      margin-left: 0.625rem
  }
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.logo {
  padding: 0 1rem;
  max-width: 600px;
  margin: 2rem auto 2.25rem auto;
}
@media (min-width: 768px) {
.logo {
    padding: 0 2.5rem
}
  }
@media (min-width: 768px) {
.logo--homepage {
      margin-top: 15vh
  }
    }
.logo__link {
    display: block;
    width: 100%;
  }
.logo--homepage.logo--hayward .logo__link {
    padding: 0 8vw;
  }
.logo svg {
    width: 100%;
    height: 100%; /* needed for safari */
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.search-bar {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.search-bar__form-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
  }
@media (min-width: 768px) {
.search-bar__form-container {
      height: 4.3rem;
      width: 40rem
  }
    }
.search-bar__form-container form {
      display: -webkit-box;
      display: flex;
      width: 100%;
    }
.search-bar__form-element-container {
    display: -webkit-box;
    display: flex;
    width: 100%;
    margin: 0.18rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10fr 1fr;
    grid-template-columns: 1fr 10fr 1fr;
        grid-template-areas: 'searchbtn searchinput closebtn';
    background: #ffffff;
    background: var(--white);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  }
.search-bar__open-btn,
  .search-bar__search-btn {
    display: -webkit-box;
    display: flex;
    grid-area: search;
    margin: 0;
    padding: 0;
    background: transparent;
  }
.search-bar__search-btn {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: searchbtn;
    padding: 1.3rem 1.45rem 1.56rem;
  }
.search-bar__search-input {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: searchinput;
    font-size: 1.12rem;
  }
.search-bar__search-input:focus {
      outline: 0px;
    }
.search-bar__close-btn {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    background: transparent;
    grid-area: closebtn;
    padding: 1.3rem 1rem 1.56rem;
  }
.search-bar__search-btn,
  .search-bar__close-btn {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
  }
.search-bar__close-icon,
  .search-bar__search-icon {
    display: inline-block;
    height: 0.9rem;
    width: 0.9rem;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
.search-bar__close-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aAogICAgICAgICAgICBkPSJNOC4xMjguMjkzbDEuNDE1IDEuNDE0LTMuMjExIDMuMjEgMy4yMSAzLjIxMS0xLjQxNCAxLjQxNS0zLjIxLTMuMjExLTMuMjEgMy4yMUwuMjkyIDguMTI5bDMuMjEtMy4yMS0zLjIxLTMuMjFMMS43MDcuMjkybDMuMjEgMy4yMUw4LjEyOS4yOTR6IgogICAgICAgICAgICBmaWxsPSIjMDAwIgogICAgICAgICAgICBmaWxsUnVsZT0ibm9uemVybyIKICAgIC8+Cjwvc3ZnPgo=);
  }
.search-bar__search-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxLjEyNSkiPjxjaXJjbGUgY3g9IjQuNTg4IiBjeT0iNC41ODgiIHI9IjQuNTg4Ii8+PHBhdGggZD0iTTcuNjMgOC4yOTRsMy45NjcgMy44ODIiLz48L2c+PC9zdmc+);
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.breadcrumb {
  position: fixed;
  z-index: 4;
  height: 0;
}
.breadcrumb__link {
    position: relative;
    display: inline-block;
    height: 1.5rem;
    padding: 0.375rem 1rem 0.375rem 2.125rem;
    box-shadow: 0 0 0.625 0 rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    background-color: var(--white);
    font-size: 0.75rem;
    font-weight: bold;
    color: #000000;
    color: var(--black);
    text-decoration: none;
  }
.breadcrumb__link::before {
      position: absolute;
      top: 50%;
      left: 0.5rem;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      content: '';
      width: 1.3125rem;
      height: 0.6875rem;
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTggMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+Q29tYmluZWQgU2hhcGU8L3RpdGxlPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik01LDAgTDMuODgzLDUgTDE4LDUuMDAwNTQ5MzIgTDE4LDYuMDAwNTQ5MzIgTDMuODgzLDYgTDUsMTEgTDAsNS41IEw1LDAgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+);
      background-repeat: no-repeat;
      background-position: center;
    }
.breadcrumb--categorypage {
    position: absolute;
    top: 2.188rem;
    left: 2.313rem;
    height: 1rem;
  }
.breadcrumb--categorypage .breadcrumb__link {
    background-color: transparent;
    font-size: 1rem;
  }
.breadcrumb--categorypage .breadcrumb__link::before {
      content: '<';
      background-image: none;
    }
.breadcrumb--white .breadcrumb__link {
    color: #7d7373;
    color: var(--category-page-white-text);
  }
:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.tab {
  position: fixed;
  top: 83%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  z-index: 2;
}
@media (min-width: 768px) {
.tab {
    top: 80px;
    -webkit-transform: none;
            transform: none
}
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.visitor-notice__container {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    padding: 0.625rem 1rem;
    display: -webkit-box;
    display: flex;
  }
.visitor-notice--standard {
    background-color: #aadffc;
    background-color: var(--soft-blue);
  }
.visitor-notice--emergency {
    background-color: #ff1d1d;
    background-color: var(--orange-red);
  }
.visitor-notice__text {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    font-size: 1rem;
    line-height: 1.25;
    width: 100%;
  }
.visitor-notice__close-button {
    position: relative;
    margin-left: 0.5rem;
    background-color: transparent;
    background-size: 18px 18px;
    width: 2.8rem;
    height: 2.8rem;
    margin: auto;
  }
.visitor-notice__close-button span {
      background-position: center;
      background-repeat: no-repeat;
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDY0ICg5MzUzNykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+Q29tYmluZWQgU2hhcGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImNsb3NlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMS4wMDAwMDApIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEuMDAwMDAwLCAtMS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMi4yOTI4OTMyLDAuMjkyODkzMjE5IEwxMy43MDcxMDY4LDEuNzA3MTA2NzggTDguNDEzODkzMjIsNi45OTk4OTMyMiBMMTMuNzA3MTA2OCwxMi4yOTI4OTMyIEwxMi4yOTI4OTMyLDEzLjcwNzEwNjggTDYuOTk5ODkzMjIsOC40MTM4OTMyMiBMMS43MDcxMDY3OCwxMy43MDcxMDY4IEwwLjI5Mjg5MzIxOSwxMi4yOTI4OTMyIEw1LjU4NTg5MzIyLDYuOTk5ODkzMjIgTDAuMjkyODkzMjE5LDEuNzA3MTA2NzggTDEuNzA3MTA2NzgsMC4yOTI4OTMyMTkgTDYuOTk5ODkzMjIsNS41ODU4OTMyMiBMMTIuMjkyODkzMiwwLjI5Mjg5MzIxOSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
      width: 0.5rem;
      height: 0.5rem;
      display: block;
      float: right;
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.wishlist-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
      grid-template-areas: 'container';
  background-color: none;
  z-index: 4;
}
@media (min-width: 768px) {
.wishlist-sidebar {
    -ms-grid-columns: 1fr 600px;
    grid-template-columns: 1fr 600px;
        grid-template-areas: '. container'
}
  }
.wishlist-sidebar__overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(16, 20, 80, 0.5);
  }
.wishlist-sidebar__container {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    position: relative;
    grid-area: container;
    background: #ffffff;
    background: var(--white);

    overflow-y: hidden;
    height: calc(99.5vh - 4px);
    margin: 0.25rem;
  }
@media (min-width: 768px) {
.wishlist-sidebar__container {

    -ms-grid-row: 1;

    -ms-grid-column: 2
}
}
@media (min-width: 768px) {
.wishlist-sidebar__container {
      overflow-y: auto;
      height: 100vh;
      margin: 0
  }
    }
.wishlist-sidebar__title-container {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #ffffff;
    background-color: var(--white);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    z-index: 2;
  }
.wishlist-sidebar__title {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 1.5rem;
    /* 24px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
    text-align: center;
    padding: 2rem 0;
  }
@media (min-width: 768px) {
.wishlist-sidebar__title {
      font-size: 2rem; /* 32px */
  }
    }
.wishlist-sidebar__close {
    position: absolute;
    top: 16px;
    right: 0;
    padding: 1.375rem;
    font-size: 0;
    z-index: 1;
    background-color: transparent;
  }
@media (min-width: 768px) {
.wishlist-sidebar__close {
      top: 20px
  }
    }
.wishlist-sidebar__close::before {
      content: '';
      display: block;
      width: 12px;
      height: 12px;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIyIj48cGF0aCBkPSJNNy44MzcuMDAybDEuNDE0IDEuNDEzLTMuMjExIDMuMjEgMy4yMSAzLjIxMS0xLjQxNCAxLjQxNS0zLjIxLTMuMjExLTMuMjEgMy4yMUwwIDcuODM3bDMuMjEtMy4yMUwwIDEuNDE3IDEuNDE1IDBsMy4yMSAzLjIxTDcuODM3LjAwMnoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
      background-repeat: no-repeat;
      background-size: 100%;
    }
.wishlist-sidebar__cards {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-flex: 1;
            flex: 1;
    height: 100%;
    overflow-y: auto;
    padding: 0 1rem;
  }
.wishlist-sidebar__cards::after {
      content: '';
      display: block;
      padding: 3rem;
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.wishlist-card {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
      grid-template-areas: 'content';
  grid-gap: 1rem;
  padding: 1rem 0;
  box-shadow: inset 0 -1px 0 0 #bcbdc9;
  box-shadow: inset 0 -1px 0 0 var(--light-grey);
  cursor: pointer;
}
.wishlist-card:hover .wishlist-card__title a, .wishlist-card:focus .wishlist-card__title a {
      color: #444ce1;
      color: var(--blue);
    }
@media (min-width: 768px) {
.wishlist-card {
    -ms-grid-columns: 1fr 1rem 2fr;
    grid-template-columns: 1fr 2fr;
        grid-template-areas: 'media content'
}
  }
.wishlist-card__media {
    position: relative;
    grid-area: media;
  }
.wishlist-card__content {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    grid-area: content;
  }
@media (min-width: 768px) {
.wishlist-card__media {

    -ms-grid-row: 1;

    -ms-grid-column: 1
}
.wishlist-card__content {

    -ms-grid-row: 1;

    -ms-grid-column: 3
}
}
.wishlist-card__date {
    font-size: 14px;
    text-transform: uppercase;
  }
.wishlist-card__title {
    font-size: 1.125rem;
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1.33;
    margin-bottom: 2rem;
  }
.wishlist-card__title a {
      text-decoration: none;
      color: #000000;
      color: var(--black);
      -webkit-transition: color 0.3s ease;
      transition: color 0.3s ease;
    }
.wishlist-card__title a:hover,
      .wishlist-card__title a:focus {
        color: #444ce1;
        color: var(--blue);
      }
.wishlist-card__footer {
    display: -webkit-box;
    display: flex;
    margin-top: auto;
  }
.wishlist-card__left-label {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
  }
.wishlist-card__left-label .left-label {
      margin-top: 0;
    }
.wishlist-card__button-container {
    display: -webkit-box;
    display: flex;
    margin-left: auto;
    justify-items: center;
  }
.wishlist-card__button-container .buy-button {
      margin-top: 0;
    }
.wishlist-card__button-container .buy-button a {
        min-width: 100px;
      }
.wishlist-card__delete {
    position: relative;
    -ms-grid-row-align: center;
        align-self: center;
    font-size: 0;
    width: 14px;
    height: 17px;
    margin-right: 22px;
    margin-left: auto;
    background-color: transparent;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
.wishlist-card__delete svg {
      fill: #807778;
    }
.wishlist-card__delete:hover,
    .wishlist-card__delete:focus {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
.wishlist-card__delete:hover svg, .wishlist-card__delete:focus svg {
        fill: #000000;
        fill: var(--black);
      }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.wishlist-tab__icon {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    color: var(--white);
    background-color: #d34401;
    background-color: var(--red);
    padding: 14px 20px 8px 20px;
  }
.wishlist-tab__icon svg {
      margin-bottom: 12px;
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.newsletter-modal {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  z-index: 11;
}
.newsletter-modal::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(16, 20, 80, 0.8);
  }
.newsletter-modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
.newsletter-modal__box {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas: 'content';
    grid-gap: 12px;
    max-width: 735px;
    background-color: #ffffff;
    background-color: var(--white);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
    z-index: 1;
    margin: 0.25rem;
  }
@media (min-width: 768px) {
.newsletter-modal__box {
      -ms-grid-columns: 1fr 12px 1fr;
      grid-template-columns: 1fr 1fr;
          grid-template-areas: 'image content';
      margin: 0 auto
  }
    }
.newsletter-modal__image .media,
    .newsletter-modal__image figure {
      height: 100%;
    }
.newsletter-modal__content {
    position: relative;
    padding: 2.5rem 1rem 1.5rem 1rem;
  }
@media (min-width: 768px) {
.newsletter-modal__content {
      padding: 2.5rem 0.75rem 1.5rem 0
  }
    }
.newsletter-modal__footer {
    margin-top: 1rem;
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    color: #807778;
    color: var(--lighter-grey);
  }
@media (min-width: 768px) {
.newsletter-modal__footer {
      margin-top: 0.5rem
  }
    }
.newsletter-modal__close {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIyIj48cGF0aCBkPSJNNy44MzcuMDAybDEuNDE0IDEuNDEzLTMuMjExIDMuMjEgMy4yMSAzLjIxMS0xLjQxNCAxLjQxNS0zLjIxLTMuMjExLTMuMjEgMy4yMUwwIDcuODM3bDMuMjEtMy4yMUwwIDEuNDE3IDEuNDE1IDBsMy4yMSAzLjIxTDcuODM3LjAwMnoiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
    padding: 22px;
    background-color: transparent;
    font-size: 0;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.footer {
  margin: 5.5rem 0 0 0;
  padding: 0 1rem;
  padding: 0 var(--gutter-sm);
  padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
.footer {
    padding: 0 2.5rem;
    padding: 0 var(--gutter-lg);
    max-width: 1440px;
    margin: 8.5rem auto 0 auto;
    padding-bottom: 2.5rem
}
  }
.footer--white {
    background-color: #ffffff;
    background-color: var(--white);

    /* .newsletter-form__input {
      color: var(--black);
      box-shadow: inset 0 -1px 0 0 var(--black);
    }

    .newsletter-form__placeholder {
      color: var(--black);
    } */
  }
.footer__links-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 2.5rem;
    grid-auto-flow: row;
    margin-top: 4rem;
  }
@media (min-width: 768px) {
.footer__links-container {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr)
  }
    }
@media (min-width: 992px) {
.footer__links-container {
      -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
      margin-top: 4.5rem
  }
    }
.footer__links {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
.footer__links h3 {
      font-family: 'SCNoe', sans-serif;
      font-family: var(--heading-font);
      font-size: 1.5rem;
      /* 24px */
      font-weight: 700;
      font-weight: var(--bold);
      /* line-height: normal; */
      line-height: 1;
      line-height: 1.5rem;
    }
@media (min-width: 768px) {
.footer__links h3 {
      font-size: 2rem /* 32px */
    }
    }
.footer__links h3 > a {
        text-decoration: none;
        font-size: 1.5rem;
        line-height: 1.5rem;
      }
.footer__links-children {
    margin-top: 0.25rem;
  }
.footer__link a {
      font-size: 1.125rem;
      line-height: 1.75rem;
      text-decoration: none;
    }
.footer__button-container {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 1.5rem;
    /* 24px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
  }
@media (min-width: 768px) {
.footer__button-container {
      font-size: 2rem; /* 32px */
  }
    }
.footer__back-to-top {
    color: #000000;
    color: var(--black);
    position: relative;
    font-size: 1.5rem;
    background-color: transparent;
    border: none;
    text-align: center;
    margin: 2.5rem auto 0 auto;
    cursor: pointer;
  }
.footer__back-to-top::before {
      content: '';
      position: absolute;
      top: -10px;
      left: 50%;
      -webkit-transform: translateX(-50%) rotate(180deg);
              transform: translateX(-50%) rotate(180deg);
      width: 0.625rem;
      height: 0.625rem;
      background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNSA2TDAgMGw1IDIuMzY0TDEwIDB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat center;
    }
.footer__logo-section {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    border-top: solid 1px #cca800;
    border-top: solid 1px var(--mustard);
    padding-top: 1.25rem;
    margin-top: 2.5rem;
  }
@media (min-width: 768px) {
.footer__logo-section {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-direction: row;
      -webkit-box-pack: justify;
              justify-content: space-between
  }
    }
.footer__logo-section--white {
      border-top: solid 1px #000000;
      border-top: solid 1px var(--black);
    }
.footer__logo__social li > a {
      display: -webkit-box;
      display: flex;
      height: 100%;
    }
.footer__logo__social {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      margin: 1.5rem -0.75rem 0 -0.75rem;
    }
@media (min-width: 768px) {
.footer__logo__social {
        margin: 0 -0.75rem
    }
      }
.footer__logo__facebook,
    .footer__logo__twitter,
    .footer__logo__instagram,
    .footer__logo__soundcloud,
    .footer__logo__youtube {
      background-size: 100%;
      background-repeat: no-repeat;
      margin: 0 0.75rem;
      font-size: 0;
      background-position: center;
      cursor: pointer;
    }
.footer__logo__facebook {
      width: 1.25rem;
      height: 1.25rem;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE5LjE4MiAwSDEuMzlDLjc4IDAgLjI4Ni41MTkuMjg2IDEuMTZWMTkuODRDLjI4NiAyMC40ODIuNzggMjEgMS4zOSAyMWg5LjU3OXYtOC4xMzJIOC4zNjJ2LTMuMTdoMi42MDdWNy4zNjFjMC0yLjcxMiAxLjU3OC00LjE5IDMuODgzLTQuMTkgMS4xMDQgMCAyLjA1Mi4wODggMi4zMjkuMTI2djIuODM1aC0xLjU5OWMtMS4yNTMgMC0xLjQ5NS42MjctMS40OTUgMS41NDR2Mi4wMjNoMi45ODlsLS4zOSAzLjE3aC0yLjZWMjFoNS4wOTdjLjYwOSAwIDEuMTAzLS41MTkgMS4xMDMtMS4xNlYxLjE2YzAtLjY0MS0uNDk0LTEuMTYtMS4xMDQtMS4xNnoiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
    }
.footer__logo__twitter {
      width: 1.5rem;
      height: 1.25rem;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIzLjc4MSAyLjQyNGE5LjAxMiA5LjAxMiAwIDAxLTIuNzUuODE0Yy45OS0uNjQgMS43NDktMS42NTMgMi4xMDUtMi44NmE5LjE3MiA5LjE3MiAwIDAxLTMuMDQgMS4yNTVDMTkuMjI0LjYyOCAxNy45OCAwIDE2LjYwMiAwYy0zLjA5IDAtNS4zNjIgMy4xMTQtNC42NjQgNi4zNDdDNy45NjEgNi4xMzIgNC40MzQgNC4wNzQgMi4wNzIuOTQ2LjgxOCAzLjI3IDEuNDIyIDYuMzEgMy41NTIgNy44NDlhNC41MDEgNC41MDEgMCAwMS0yLjE2Ni0uNjQ3Yy0uMDUzIDIuMzk1IDEuNTM3IDQuNjM2IDMuODQgNS4xMzRhNC40NTQgNC40NTQgMCAwMS0yLjE2My4wODljLjYwOSAyLjA1MyAyLjM3NiAzLjU0OCA0LjQ3MiAzLjU5LTIuMDEyIDEuNzA0LTQuNTQ4IDIuNDY1LTcuMDg3IDIuMTQyIDIuMTE4IDEuNDY2IDQuNjM1IDIuMzIyIDcuMzM4IDIuMzIyIDguODg4IDAgMTMuOTEtOC4xMDcgMTMuNjA2LTE1LjM3OC45MzUtLjczIDEuNzQ3LTEuNjQgMi4zODktMi42Nzd6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
    }
.footer__logo__instagram {
      width: 1.25rem;
      height: 1.25rem;
      background-image: url(/dist/client/52bc5f767183fcf05d539d44bef9cdfe.svg);
    }
.footer__logo__soundcloud {
      width: 2.1875rem;
      height: 1rem;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjIwOCAxNS45OThIOC43NVY0LjI2NGMuNDUtLjMzNi45MzItLjYyNCAxLjQ1OC0uODIzdjEyLjU1N3ptNC4zNzUgMGgxLjQ1OVYyLjU4M2E4LjExIDguMTEgMCAwMC0uOTA2IDEuMjQ2bC0uNTUzLS4yNjd2MTIuNDM2em0tMi45MTYgMGgxLjQ1OFYzLjEzYy0uNzQtLjExNS0uOTA5LS4wNzMtMS40NTgtLjAxNXYxMi44ODN6bS01LjgzNCAwaDEuNDU5VjUuNzg4YTYuODEzIDYuODEzIDAgMDAtMS4wMSAyLjIzM2wtLjQ0OS0uMjY1djguMjQyek0xLjQ1OCA4LjM2M0E0LjQyMyA0LjQyMyAwIDAwMCAxMS42NmMwIDEuMzMuNTc1IDIuNTAzIDEuNDU4IDMuMjk5VjguMzYzem0yNy41MzItLjk3NkMyOC42OTMgMy4yNiAyNS40ODQgMCAyMS41MjggMGMtMS40OSAwLTIuODY0LjQ3Ny00LjAyOCAxLjI3NnYxNC43MjJoMTMuMjU1YzIuMzQzIDAgNC4yNDUtMi4wMjYgNC4yNDUtNC41MTcgMC0zLjI0OC0zLjE2Mi01LjQ4Ni02LjAxLTQuMDk0em0tMjQuNjE1LS4wNGMtLjQ0LS4wMzQtLjc2Ny0uMDQzLTEuNDU4LjE3OFYxNS44Yy42NS4yMDguOTI3LjIwMSAxLjQ1OC4yMDFWNy4zNDh6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
    }
.footer__logo__youtube {
      width: 1.875rem;
      height: 1.25rem;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuOTEuMjA1YzQuNDk5LS4yNzMgMTQuNTMyLS4yNzQgMTkuMDM3IDBDMjkuODI0LjUgMzAuMzkyIDMuMTI4IDMwLjQzIDEwYy0uMDM3IDYuODg0LS42MSA5LjUtNS40ODIgOS43OTUtNC41MDUuMjc0LTE0LjUzNy4yNzMtMTkuMDM3IDBDMS4wMzQgMTkuNS40NjUgMTYuODcyLjQyOSAxMGMuMDM2LTYuODg0LjYxLTkuNSA1LjQ4LTkuNzk1em01Ljc2OSA1LjM1djguODlsMTAtNC40NTMtMTAtNC40MzZ6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
    }
.footer__logo__lottery {
      width: 16.75rem;
      height: 3.75rem;
      background-size: 100%;
      background-repeat: no-repeat;
      background-image: url(/dist/client/29dba46da3bd31afa91b357b667b3bbf.svg);
      font-size: 0;
      margin-top: 2.5rem;
    }
@media (min-width: 768px) {
.footer__logo__lottery {
        margin-top: 0
    }
      }
.footer__lower-content {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    text-align: center;
    margin-top: 2.25rem;
  }
.footer__lower-content__links {
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: center;
              justify-content: center;
      margin: 1rem -0.75rem 0 -0.75rem;
    }
@media (min-width: 768px) {
.footer__lower-content__links {
        margin: 0 -0.75rem 0 -0.75rem
    }
      }
.footer__lower-content__link {
      font-size: 0.875rem;
      line-height: 1.43;
      margin: 0 0.75rem;
    }
.footer__lower-content__link a {
        text-decoration: none;
      }
.footer__lower-content__copyright {
      font-size: 0.875rem;
      line-height: normal;
      letter-spacing: 0.5px;
      margin-top: 1rem;
      -webkit-box-ordinal-group: 0;
              order: -1;
    }
@media (min-width: 768px) {
.footer__lower-content__copyright {
        -webkit-box-ordinal-group: initial;
                order: initial
    }
      }
.footer__lower-content__text {
      margin-top: 2.5rem;
    }
.footer__lower-content__text h2 {
        font-family: 'SCNoe', sans-serif;
        font-family: var(--heading-font);
        font-size: 3rem;
        /* 48px */
        font-weight: 700;
        font-weight: var(--bold);
        line-height: 1;
      }
@media (min-width: 768px) {
.footer__lower-content__text h2 {
      font-size: 4rem; /* 64px */
      }
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.basket-tab__icon {
    text-decoration: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    color: var(--white);
    background-color: #444ce1;
    background-color: var(--blue);
    padding: 14px 20px 8px 20px;
  }
.basket-tab__icon span {
      margin-bottom: 12px;
      height: 15px;
      width: 16px;
      background: url(/dist/client/197a713ffc617b49cc17b2ee107db816.svg) no-repeat center;
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.homepage {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.homepage::before,
  .homepage::after {
    content: '';
    height: 100%;
    width: 50vw;
    position: absolute;
    z-index: -1;
    background-color: inherit;
  }
.homepage::before {
    left: 0;
  }
.homepage::after {
    right: 0;
  }
.homepage__header-wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 15vh 85vh;
    grid-template-rows: 15vh 85vh;
        grid-template-areas:
      'header'
      'hero';
    z-index: 2;
    margin: 0 calc(50% - 50vw);
    overflow: hidden;
    height: 100vh;
  }
@media (min-width: 500px) {
.homepage__header-wrap {
      -ms-grid-columns: 1fr minmax(auto, 1440px) 1fr;
      grid-template-columns: 1fr minmax(auto, 1440px) 1fr;
      -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;
          grid-template-areas: '. header .';
      padding-top: 0
  }
    }
.homepage__header {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: header;
    max-width: 100vw;
    padding: 0 1rem;
  }
.homepage__hero {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: hero;
    margin-top: 1.8rem;
  }
@media (min-width: 500px) {
.homepage__hero {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      grid-area: header;
      margin-top: 0;
      /* Safari */
      display: -webkit-box;
      display: flex;
      height: 100vh;
      width: 100vw;
      margin-top: 1rem
  }
@media (min-width: 500px) {
.homepage__header {

      -ms-grid-row: 1;

      -ms-grid-column: 2
  }
.homepage__hero {

      -ms-grid-row: 1;

      -ms-grid-column: 2
  }
  }
    }
.homepage__tags {
    grid-area: tags;
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    align-self: center;
    -webkit-box-pack: center;
            justify-content: center;
    margin: -0.25rem;
    margin-top: 2.5rem;
  }
@media (min-width: 500px) {
.homepage__tags {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-flow: row wrap;
      margin-top: 3.5rem
  }
    }
.homepage__tag {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 3rem;
    /* 48px */
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1;
    margin: 0.25rem;
    text-align: center;
    -webkit-transition: -webkit-filter 0.3s ease;
    transition: -webkit-filter 0.3s ease;
    transition: filter 0.3s ease;
    transition: filter 0.3s ease, -webkit-filter 0.3s ease;
  }
@media (min-width: 768px) {
.homepage__tag {
      font-size: 4rem /* 64px */
  }
    }
@media (min-width: 500px) {
.homepage__tag {
      text-align: left
  }
    }
.homepage__tag:hover,
    .homepage__tag:focus {
      -webkit-filter: brightness(50%);
              filter: brightness(50%);
    }
.homepage__tag-link {
    text-decoration: none;
  }
.homepage__just-announced {
    margin-top: 1.75rem;
  }
@media (min-width: 500px) {
.homepage__just-announced {
      margin-top: 2rem
  }
    }
.homepage__just-announced--online {
      padding-top: 1rem;
      background-image: url(/dist/client/6bb9564929eb6f913e14a7a3da8cf6bb.svg);
      background-position: top center;
      background-repeat: no-repeat;
      background-size: 2.75rem;

      margin-top: 2.25rem;
    }
@media (min-width: 500px) {
.homepage__just-announced--online {
        margin-top: 2.5rem
    }
      }
.homepage__just-announced .navigation-cards--sliderFull .navigation-cards__list::before {
    padding-left: 2rem;
  }
.homepage__just-announced .navigation-cards--sliderFull .navigation-cards__list::after {
    padding-right: 2rem;
  }
.homepage__just-announced .navigation-card {
    background-color: transparent;
    box-shadow: none;
  }
.homepage__just-announced .navigation-card__image {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  }
.homepage__just-announced .navigation-card__title {
    font-size: 1.5rem;
    margin-top: 0.5rem;
  }
.homepage__all-events-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    margin-top: 1.5rem;
  }
.homepage__all-events-cta {
    position: relative;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: normal;
    color: #ffffff;
    color: var(--white);
    background-color: #444ce1;
    background-color: var(--blue);
    padding: 1.25rem 2.25rem 1.25rem 1.5rem;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 1px;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    display: inline;
    background-color: transparent;
    color: #000000;
    color: var(--black);
    border: 1px solid #000000;
    border: 1px solid var(--black);
  }
.homepage__all-events-cta::after {
      content: '';
      position: absolute;
      top: 18px;
      right: 21px;
      width: 7px;
      height: 14px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23ffffff'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.homepage__all-events-cta::before {
      content: '';
      position: absolute;
      top: 25px;
      right: 15px;
      width: 10px;
      height: 1px;
      background-color: #ffffff;
      background-color: var(--white);
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }
.homepage__all-events-cta:hover,
    .homepage__all-events-cta:focus,
    .homepage__all-events-cta:active {
      color: #ffffff;
      color: var(--white);
      background-color: #3439b8;
      background-color: var(--blue-hover);
      cursor: pointer;
    }
.homepage__all-events-cta:hover::before, .homepage__all-events-cta:focus::before, .homepage__all-events-cta:active::before {
        opacity: 1;
      }
.homepage__all-events-cta:hover::after, .homepage__all-events-cta:focus::after, .homepage__all-events-cta:active::after {
        -webkit-transform: translateX(10px);
                transform: translateX(10px);
      }
.homepage__all-events-cta:hover,
    .homepage__all-events-cta:focus {
      background-color: transparent;
      color: #000000;
      color: var(--black);
      border: 1px solid #000000;
      border: 1px solid var(--black);
    }
.homepage__all-events-cta::before {
      background-color: #000000;
      background-color: var(--black);
    }
.homepage__all-events-cta::after {
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='7px' height='13px' viewBox='0 0 7 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 64 (93537) - https://sketch.com --%3E%3Ctitle%3EPath 3 Copy%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Content-page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Content-page-desktop' transform='translate(-988.000000, -10326.000000)' fill='%23000000'%3E%3Cg id='Group-8' transform='translate(830.000000, 10319.000000)'%3E%3Cpath d='M158,13.5 L164.314408,7.6366216 C164.39535,7.56146105 164.521896,7.56614795 164.597056,7.64709008 C164.650691,7.70485036 164.665398,7.78872604 164.634615,7.86128847 L162.242499,13.5 L162.242499,13.5 L164.634615,19.1387115 C164.677753,19.2403966 164.630291,19.3577989 164.528606,19.4009368 C164.456043,19.43172 164.372168,19.4170129 164.314408,19.3633784 L158,13.5 L158,13.5 Z' id='Path-3-Copy' transform='translate(161.500000, 13.500000) rotate(-540.000000) translate(-161.500000, -13.500000) '%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
.homepage__sr-only {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.text-with-heading-centre {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  margin-bottom: 1rem;
}
/* 16px */
@media (min-width: 768px) {
.text-with-heading-centre {
    margin-top: 0.65rem /* 10px */
}
  }
.text-with-heading-centre__heading {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 2rem;
    /* 32px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
    margin-bottom: 0.5rem;
  }
@media (min-width: 768px) {
.text-with-heading-centre__heading {
      font-size: 3rem /* 48px */
  }
    }
@media (min-width: 768px) {
.text-with-heading-centre__heading {
      font-size: 3rem /* 48px */
  }
    }
.text-with-heading-centre__text {
    font-family: 'SBCAkkuratPro', sans-serif;
    font-family: var(--body-font);
    font-size: 1.125rem;
    font-weight: 400;
    font-weight: var(--normal);
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #000000;
    color: var(--black);
    font-size: 1.5rem;
  }
@media (min-width: 768px) {
.text-with-heading-centre__text {
      font-size: 2rem /* 32px */
  }
    }
.text-with-heading-centre--members-presale .text-with-heading-centre__text {
    font-size: 1.125rem;
  }
@media (min-width: 768px) {
.text-with-heading-centre--members-presale .text-with-heading-centre__text {
      font-size: 1.5rem
  }
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.blog-infinite-scroll {
  position: relative;
}
.blog-infinite-scroll__container {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    /* justify-content: center; */
    margin-bottom: 2.5rem;
  }
.blog-infinite-scroll__button {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 2rem;
    /* 32px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
    font-size: 40px;
    color: #444ce1;
    color: var(--blue);
    background-color: transparent;
    margin-top: 2.5rem;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    align-self: center;
    z-index: 10;
  }
@media (min-width: 768px) {
.blog-infinite-scroll__button {
      font-size: 3rem /* 48px */
  }
    }
.blog-infinite-scroll__button > span {
      position: relative;
      display: block;
      border-radius: 50%;
      width: 26px;
      height: 26px;
      background-color: #444ce1;
      background-color: var(--blue);
      -ms-grid-row-align: center;
          align-self: center;
    }
.blog-infinite-scroll__button > span::after {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        content: '';
        width: 6px;
        height: 10px;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZkMjAwIiBkPSJNNSA2TDAgMGw1IDIuMzY0TDEwIDB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
        background-repeat: no-repeat;
        background-position: center;
      }
.blog-infinite-scroll__button--infinate {
      position: fixed;
      bottom: 40px;
    }
.blog-infinite-scroll__button--infinate > span::after {
          -webkit-transform: translate(-50%, -50%) rotate(180deg);
                  transform: translate(-50%, -50%) rotate(180deg);
        }
.blog-infinite-scroll__spacer {
    min-height: 8rem;
  }
.blog-infinite-scroll__entry {
    position: absolute;
    bottom: 300px;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.blog-card {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: -webkit-max-content;
  -ms-grid-rows: max-content;
  grid-template-rows: -webkit-max-content;
  grid-template-rows: max-content;
      grid-template-areas:
    'title '
    'text'
    'footer';
  grid-column-gap: 1.5rem;
  min-height: 200px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  background-color: var(--white);
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
}
.blog-card:hover,
  .blog-card:focus {
    cursor: pointer;
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.2);
  }
.blog-card:hover .media > figure > img, .blog-card:focus .media > figure > img {
      -webkit-transform: scale(1.05);
              transform: scale(1.05);
    }
@media (min-width: 768px) {
.blog-card {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
        grid-template-areas:
      'title text'
      'footer footer'
}
  }
.blog-card--image {
        grid-template-areas:
      'image'
      'title'
      'text'
      'footer';
  }
@media (min-width: 768px) {
.blog-card--image {
          grid-template-areas:
        'title image'
        'text image'
        'footer image'
  }
    }
.blog-card + .blog-card {
    margin-top: 1rem;
  }
.blog-card__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 1.5rem;
    /* 24px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
    grid-area: title;
    padding: 1rem 1rem 0 1rem;
  }
.blog-card--image > .blog-card__title {

  -ms-grid-row: 2;

  -ms-grid-column: 1;
  }
@media (min-width: 768px) {
.blog-card__title {
      font-size: 2rem /* 32px */
  }
    }
@media (min-width: 768px) {
.blog-card__title {
      padding: 1.5rem 0 0 1.5rem
  }
    }
.blog-card__text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: text;
    padding: 0.5rem 1rem 0 1rem;
  }
.blog-card--image > .blog-card__text {

  -ms-grid-row: 3;

  -ms-grid-column: 1;
  }
@media (min-width: 768px) {
.blog-card__text {
      padding: 1.5rem 1.5rem 0 0
  }
    }
@media (min-width: 768px) {
.blog-card--image .blog-card__text {
      padding: 1rem 0 0 1.5rem
  }
    }
.blog-card__footer {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: footer;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
            align-items: flex-end;
    margin: 1.875rem 1rem 1rem 1rem;
  }
.blog-card--image > .blog-card__footer {

  -ms-grid-row: 4;

  -ms-grid-column: 1;

  -ms-grid-column-span: 1;
  }
@media (min-width: 768px) {
.blog-card__footer {
      margin: auto 1.5rem 1rem 1.5rem
  }
    }
.blog-card__tags {
    font-size: 0.875rem;
    line-height: normal;
    letter-spacing: 0.5px;
    text-transform: uppercase;
  }
@media (min-width: 768px) {
.blog-card--image .blog-card__footer {
      margin: auto 0 1rem 1.5rem
  }
    }
.blog-card__image {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: image;
  }
@media (min-width: 768px) {
.blog-card__title {

    -ms-grid-row: 1;

    -ms-grid-column: 1
}
.blog-card--image > .blog-card__title {

    -ms-grid-row: 1;

    -ms-grid-column: 1
  }
.blog-card__text {

    -ms-grid-row: 1;

    -ms-grid-column: 2
}
.blog-card--image > .blog-card__text {

    -ms-grid-row: 2;

    -ms-grid-column: 1
  }
.blog-card__footer {

    -ms-grid-row: 2;

    -ms-grid-column: 1;

    -ms-grid-column-span: 2
}
.blog-card--image > .blog-card__footer {

    -ms-grid-row: 3;

    -ms-grid-column: 1;

    -ms-grid-column-span: 1
  }
.blog-card__image {

    -ms-grid-row: 1;

    -ms-grid-row-span: 3;

    -ms-grid-column: 2
  }
}
.blog-card__image .media > figure > img {
      -webkit-transition: -webkit-transform 0.3s ease;
      transition: -webkit-transform 0.3s ease;
      transition: transform 0.3s ease;
      transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.blog-listing__container {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
  }
.blog-listing__container > li + li {
      margin-top: 1rem;
    }
.blog-listing__latest-heading {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 2rem;
    /* 32px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
    text-align: center;
    margin-bottom: 2rem;
  }
@media (min-width: 768px) {
.blog-listing__latest-heading {
      font-size: 3rem /* 48px */
  }
    }
.blog-listing__latest-heading--active-sticky {
      margin-top: 4rem;
    }
.blog-page__heading {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 3rem;
    /* 48px */
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1;
    text-align: center;
  }
@media (min-width: 768px) {
.blog-page__heading {
      font-size: 4rem; /* 64px */
  }
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.search {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}
.search__top-results-block-item + .search__top-results-block-item {
    margin-top: 2.5rem;
  }
@media (min-width: 768px) {
.search__top-results-block-item + .search__top-results-block-item {
      margin-top: 3.5rem
  }
    }

.search-box {
  background-color: var(--white);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row nowrap;
}

  .search-box__input {
    height: 4rem;
    padding: 0 1.25rem;
    font-size: 1.125rem;
    color: black;
    -webkit-box-flex: 1;
            flex: 1 0 auto;
  }

  .search-box__input:focus {
      outline: 0px;
    }

  .search-box__button {
    background-color: var(--white);
    width: 4rem;
    height: 4rem;
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxLjEyNSkiPjxjaXJjbGUgY3g9IjQuNTg4IiBjeT0iNC41ODgiIHI9IjQuNTg4Ii8+PHBhdGggZD0iTTcuNjMgOC4yOTRsMy45NjcgMy44ODIiLz48L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: center;
  }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
/*padding: 0.6rem 0rem 0.6rem 0rem;*/
.search-card__title {
    font-size: 1.125rem;
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1.33;
    font-weight: normal;
    line-height: 1.5rem;
  }
.search-card__wrapper {
    display: block;
    padding: 1rem 0rem;
    text-decoration: none;
    box-shadow: inset 0 -1px 0 0 #cca800;
    box-shadow: inset 0 -1px 0 0 var(--mustard);
  }
.search-card__extra {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    text-transform: uppercase;
  }
.search-card__label-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
            flex-direction: column-reverse;
    text-align: right;
  }
@media (min-width: 768px) {
.search-card__label-wrapper {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
              flex-direction: row
  }
    }
.search-card__label-wrapper .stickers {
      position: static;
      margin: 5.8px 0;
    }
@media (min-width: 768px) {
.search-card__label-wrapper .stickers {
        margin: -7px 11px 0 0
    }
      }
.search-card__date,
  .search-card__primary-art-form {
    font-size: 0.75rem;
    line-height: normal;
    letter-spacing: 0.5px;
  }
.search-card__teaser {
    font-size: 0.875rem;
    line-height: 1.43;
    display: none;
  }
@media (min-width: 768px) {
.search-card__teaser {
      display: -webkit-box;
      display: flex
  }
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.search-results-block__title {
    font-family: 'SCNoe', sans-serif;
    font-family: var(--heading-font);
    font-size: 2rem;
    /* 32px */
    font-weight: 700;
    font-weight: var(--bold);
    /* line-height: normal; */
    line-height: 1;
    text-align: center;
    line-height: 2rem;
    padding-bottom: 1rem;
  }
@media (min-width: 768px) {
.search-results-block__title {
      font-size: 3rem /* 48px */
  }
    }
@media (min-width: 768px) {
.search-results-block__title {
      padding-bottom: 0rem;
      line-height: normal
  }
    }
.search-results-block__empty {
    padding: 2rem 0rem;
    border-top: solid 1px #cca800;
    border-top: solid 1px var(--mustard);
    border-bottom: solid 1px #cca800;
    border-bottom: solid 1px var(--mustard);
  }
@media (min-width: 768px) {
.search-results-block__empty {
      padding: 1.5rem 0rem
  }
    }
.search-results-block__all-link {
    font-size: 1.125rem;
    font-weight: 700;
    font-weight: var(--bold);
    line-height: 1.33;
    text-decoration: none;
  }
.search-results-block__list {
    border-top: solid 1px #cca800;
    border-top: solid 1px var(--mustard);
    /*border-bottom: solid 1px var(--mustard);*/
    /*margin-top: 1rem;*/
  }
/*}*/
.search-results-block__list-item {
  }
/*  border-top: solid 1px var(--mustard);*/
.search-results-block__all-link {
    display: block;
    text-align: center;
    font-size: 1.125rem;
    font-weight: bold;
  }
.search-results-block__all-link span {
      height: 0.62rem;
      width: 0.4rem;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      display: -webkit-inline-box;
      display: inline-flex;
      margin-left: 0.4rem;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgNiAxMCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDNMOCAtMiA1LjYzNiAzIDggOHoiIHRyYW5zZm9ybT0icm90YXRlKC0xODAgNCA0KSIvPgo8L3N2Zz4K);
    }
/*&__list-item + &__list-item {*/
.search-results-block__list + .search-results-block__all-link {
    margin-top: 1.25rem;
  }
.search-results-block__empty + .search-results-block__all-link {
     margin-top: 1.25rem;
   }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.search-infinite-scroll {
	position: relative;
}
.search-infinite-scroll__container {
 max-width: 800px;
 margin: 0 auto;
 width: 100%;
	 display: -webkit-box;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	         flex-direction: column;
	 /* justify-content: center; */
	 margin-bottom: 2.5rem;
 }
.search-infinite-scroll__button {
 font-family: 'SCNoe', sans-serif;
 font-family: var(--heading-font);
 font-size: 2rem;
 /* 32px */
 font-weight: 700;
 font-weight: var(--bold);
 /* line-height: normal; */
 line-height: 1;
	 font-size: 40px;
	 color: #444ce1;
	 color: var(--blue);
	 background-color: transparent;
	 margin-top: 2.5rem;
	 cursor: pointer;
	 display: -webkit-box;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	         flex-direction: column;
	 align-self: center;
	 z-index: 10;
}
@media (min-width: 768px) {
.search-infinite-scroll__button {
      font-size: 3rem /* 48px */
}
    }
.search-infinite-scroll__button > span {
	position: relative;
	display: block;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	background-color: #444ce1;
	background-color: var(--blue);
	-ms-grid-row-align: center;
	    align-self: center;
}
.search-infinite-scroll__button > span::after {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 -webkit-transform: translate(-50%, -50%);
	         transform: translate(-50%, -50%);
	 content: '';
	 width: 6px;
	 height: 10px;
	 background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZkMjAwIiBkPSJNNSA2TDAgMGw1IDIuMzY0TDEwIDB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
	 background-repeat: no-repeat;
	 background-position: center;
 }
.search-infinite-scroll__button--infinate {
	 position: fixed;
	 bottom: 40px;
}
.search-infinite-scroll__button--infinate > span::after {
	 -webkit-transform: translate(-50%, -50%) rotate(180deg);
	         transform: translate(-50%, -50%) rotate(180deg);
 }
.search-infinite-scroll__spacer {
	 min-height: 8rem;
 }
.search-infinite-scroll__entry {
	 position: absolute;
	 bottom: 300px;
 }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.search-sub-navigation {
  margin-top: 2.5rem;
  margin-right: -1rem;
}
@media (min-width: 768px) {
.search-sub-navigation {
    max-width: 800px;
    margin: 0 auto;
    width: 100%
}
  }
.search-sub-navigation nav {
    overflow-x: scroll;
    margin: 1.75rem 0 1.875rem 0;
  }
.search-sub-navigation nav::after {
      content: '';
      display: block;
      position: relative;
      padding-right: 1rem;
    }
@media (min-width: 768px) {
      .search-sub-navigation nav::after {
        content: none;
      }
    }
.search-sub-navigation nav::-webkit-scrollbar {
      display: none;
    }
.search-sub-navigation nav li {
      position: relative;
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      -webkit-box-flex: 1;
              flex: 1 0 auto;
      list-style: none;
      border-bottom: solid 2px #cca800;
      border-bottom: solid 2px var(--mustard);
      /*Todo: maybe create different component for filter subnavigation. */
      padding-right: 2rem;
    }
@media (min-width: 768px) {
.search-sub-navigation nav li {
        padding-right: 0rem
    }
      }
.search-sub-navigation__wrapper {
    display: -webkit-box;
    display: flex;
  }
.search-sub-navigation__link {
    -webkit-box-flex: 1;
            flex: 1;
    text-decoration: none;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.6;
    color: #6d5a00;
    color: var(--brown);
    padding-bottom: 1rem;
    white-space: nowrap;
  }
@media (min-width: 768px) {
.search-sub-navigation__link {
      font-size: 1.25rem
  }
    }
.search-sub-navigation__link--active {
      position: relative;
      color: #000000;
      color: var(--black);
    }
.search-sub-navigation__link--active::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        border-bottom: solid 2px #000000;
        border-bottom: solid 2px var(--black);
      }
.search-sub-navigation button {
    background: #ffd200;
    background: var(--yellow);
    text-align: left;
  }
.search-sub-navigation__slices {
    padding: 0.3125rem 0 0;
    margin-bottom: 1.5rem;
  }
.search-sub-navigation__slices > div + div {
      margin-top: 2rem;
    }

:root {
  /** 
  Colours
*/

  --white: #ffffff;
  --black: #000000;
  --blue: #444ce1;
  --red: #d34401;
  --brown: #6d5a00;
  --yellow: #ffd200;
  --mustard: #cca800;
  --grey: #bcbdc9;
  --light-grey: #bcbdc9;
  --lighter-grey: #807778;
  --green: #025423;
  --grass-green: #008b38;
  --light-green: #1aa78e;
  --lighter-green: #079649;
  --light-blue: #0298e8;
  --soft-blue: #aadffc;
  --orange-red: #ff1d1d;
  --purple: #9546b4;

  --blue-hover: #3439b8;
  --yellow-hover: #ffdc38;

  --card-color: var(--blue);

  --service-color: #ffabd4;

  --category-page-white-text: #7d7373;

  --gallery-grey: #90959f;
  --gallery-grey-white: #6f7580;

  --cookie-grey: #a8a7a7;
  --cookie-brown: #4a4949;

  /** 
  Typography
*/

  --body-font: 'SBCAkkuratPro', sans-serif;
  --heading-font: 'SCNoe', sans-serif;
  --normal: 400;
  --bold: 700;
  /* 24px */
  /* 18px */

  /* 18px */
  /* 14px */

  /* 32px */

  /* 16px */

  /* 14px */

  /* 12px */

  /** 
  Layout
*/

  --gutter-lg: 2.5rem;
  --gutter-sm: 1rem

  /** 
  Custom Mixins
*/
}
.members-presale {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  background-color: #ffabd4;
  background-color: var(--service-color);
  text-align: center;
  padding: 1rem 1rem 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
.members-presale {
    padding: 1rem 2.25rem 1.5rem;
    margin-top: 2.5rem;
    margin-bottom: 3.25rem
}
  }
.members-presale__title {
    font-family: SCNoe;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
  }
.members-presale__text {
    margin-top: 0.25rem;
  }
.members-presale__links {
    margin-top: 1rem;
  }