/**
  * SETTINGS
  */
/**
  *   #FONTS
  */
@font-face {
  font-family: "strive";
  src: url(/wp-content/themes/legion/dist/fonts/strive-regular.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/**
  *   #DEFAULT VARIABLES
  */
/**
  *   #RATIOS
  */
/**
  *   #INPUT TYPES
  */
/**
  *   #RESPONSIVE
  */
/**
  *   #GRID
  */
/**
  *   #COLUMN SIZES
  */
/**
  *   #NUMBER OF COLUMNS
  */
/**
  *   #SASS MQ SETTINGS
  */
/* $mq-show-breakpoints: (mobile, tabletPortrait, tablet, desktop, wide); */
/**
  * NODE MODULES
  */
/*
 * INIT
 */
/**
  *   #RESPONSIVE
  */
/**
  *   #GRID
  */
/**
  *   #COLUMN SIZES
  */
/**
  *   #NUMBER OF COLUMNS
  */
/*
 * THIRD PARTY RESOURCES
 */
*, *::before, *::after {
  box-sizing: border-box;
}

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

ul[role=list], ol[role=list] {
  list-style: none;
}

html:focus-within {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

img, picture {
  max-width: 100%;
  display: block;
}

input, button, textarea, select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/*
 * TOOLS
 */
/**
  *   #Get EM value from PX
  */
/**
  *   #HEADINGS
  */
/**
  *   #PSEUDO ELEMENT
  */
/*
 * SETTINGS
 */
/**
  *   #FONTS
  */
/**
  *   #DEFAULT VARIABLES
  */
/**
  *   #RATIOS
  */
/**
  *   #INPUT TYPES
  */
/**
  *   #RESPONSIVE
  */
/**
  *   #GRID
  */
/**
  *   #COLUMN SIZES
  */
/**
  *   #NUMBER OF COLUMNS
  */
/*
 * ELEMENTS
 *
 */
/**
  *   #HEADINGS
  */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

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

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

h3 {
  font-size: var(--fontSizeH3);
}

h4 {
  font-size: var(--fontSizeH4);
}

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

h6 {
  font-size: var(--fontSizeH6);
}

/*
    #IFRAME
*/
iframe {
  width: 100%;
  height: auto;
  border: none;
  margin: 0;
  padding: 0;
}

/* ==========================================================================
   #IMAGES
   ========================================================================== */
img {
  vertical-align: middle;
  height: auto;
}

/**
  *   #FORMS
  */
input,
select,
textarea {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
input::placeholder,
select::placeholder,
textarea::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
input:focus,
select:focus,
textarea:focus {
  color: var(--colourOrange);
}
input:disabled,
select:disabled,
textarea:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}

/**
  *   #LINKS
  */
a {
  color: var(--colourLink);
}
a:link {
  color: var(--colourLink);
}
a:visited {
  color: var(--colourVisited);
}
a:active {
  color: var(--colourActive);
}
a {
  /* Hover MUST be last in the list */
}
a:hover {
  color: var(--colourHover);
}
a {
  text-decoration: none;
  transition: color 0.3s ease;
}

/**
  *   #PAGE
  */
html {
  font-family: "area", "Helvetica Neue", "Roboto", helvetica, sans-serif;
  font-size: 1em;
  line-height: 1;
  overflow-y: scroll;
  min-height: 100%;
  background-color: var(--colourBackground);
  color: var(--colourContent);
  font-weight: 400;
}

/*
 * CUBE
 * https://piccalil.li/blog/cube-css/
 */
/*
 * C - Composition
 * The composition of this layout is what controls
 * the overall layout and rhythm of elements.
 * Think of the composition as a skeleton.
 */
.c-font__size--smallest {
  font-size: var(--fontSizeSmallest);
}
.c-font__size--small {
  font-size: var(--fontSizeSmall);
}
.c-font__size--normal {
  font-size: var(--fontSizeNormal);
}
.c-font__size--medium {
  font-size: var(--fontSizeMedium);
}
.c-font__size--large {
  font-size: var(--fontSizeLarge);
}
.c-font__size--xlarge {
  font-size: var(--fontSizeXlarge);
}
.c-font__size--xxlarge {
  font-size: var(--fontSizeXXlarge);
}
.c-font__size--xxxlarge {
  font-size: var(--fontSizeXXXlarge);
}
.c-font__transform--upper {
  text-transform: uppercase;
}
.c-font__transform--lower {
  text-transform: lower;
}
.c-font__transform--none {
  text-transform: none;
}
.c-font__colour--light {
  color: var(--colourLight);
}
.c-font__colour--dark {
  color: var(--colourDark);
}
.c-font__weight--thin {
  font-weight: 100;
}
.c-font__weight--light {
  font-weight: 300;
}
.c-font__weight--regular {
  font-weight: 400;
}
.c-font__weight--medium {
  font-weight: 500;
}
.c-font__weight--semibold {
  font-weight: 600;
}
.c-font__weight--bold {
  font-weight: 700;
}
.c-font__weight--black {
  font-weight: 900;
}
.c-font__align--center {
  text-align: center;
}
.c-font__align--right {
  text-align: right;
}
.c-font__align--left {
  text-align: left;
}
.c-font__margin--half {
  margin-bottom: var(--spaceHalf);
}
.c-font__margin--one {
  margin-bottom: var(--spaceHalf);
}
.c-font__margin--double {
  margin-bottom: var(--spaceDouble);
}
.c-font__margin--zero {
  margin-bottom: 0;
}
.c-font__family--sans {
  font-family: "area", "Helvetica Neue", "Roboto", helvetica, sans-serif;
}
.c-font__family--serif {
  font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

/**
  *   #LAYOUT - FLEX
  */
.c-layout__space--center {
  margin: 0 auto;
}
.c-layout__space--top-half {
  margin-top: var(--spaceHalf);
}
.c-layout__space--left-half {
  margin-left: var(--spaceHalf);
}
.c-layout__space--right-half {
  margin-right: var(--spaceHalf);
}
.c-layout__space--bottom-half {
  margin-bottom: var(--spaceHalf);
}
.c-layout__space--top-base {
  margin-top: var(--spaceBase);
}
.c-layout__space--left-base {
  margin-left: var(--spaceBase);
}
.c-layout__space--right-base {
  margin-right: var(--spaceBase);
}
.c-layout__space--bottom-base {
  margin-bottom: var(--spaceBase);
}
.c-layout__space--top-one {
  margin-top: var(--spaceOne);
}
.c-layout__space--left-one {
  margin-left: var(--spaceOne);
}
.c-layout__space--right-one {
  margin-right: var(--spaceOne);
}
.c-layout__space--bottom-one {
  margin-bottom: var(--spaceOne);
}
.c-layout__space--top-two {
  margin-top: var(--spaceTwo);
}
.c-layout__space--left-two {
  margin-left: var(--spaceTwo);
}
.c-layout__space--right-two {
  margin-right: var(--spaceTwo);
}
.c-layout__space--bottom-two {
  margin-bottom: var(--spaceTwo);
}
.c-layout__space--top-double {
  margin-top: var(--spaceDouble);
}
.c-layout__space--left-double {
  margin-left: var(--spaceDouble);
}
.c-layout__space--right-double {
  margin-right: var(--spaceDouble);
}
.c-layout__space--bottom-double {
  margin-bottom: var(--spaceDouble);
}
.c-layout__space--top-triple {
  margin-top: var(--spaceTriple);
}
.c-layout__space--left-triple {
  margin-left: var(--spaceTriple);
}
.c-layout__space--right-triple {
  margin-right: var(--spaceTriple);
}
.c-layout__space--bottom-triple {
  margin-bottom: var(--spaceTriple);
}
.c-layout__space--top-quad {
  margin-top: var(--spaceQuad);
}
.c-layout__space--left-quad {
  margin-left: var(--spaceQuad);
}
.c-layout__space--right-quad {
  margin-right: var(--spaceQuad);
}
.c-layout__space--bottom-quad {
  margin-bottom: var(--spaceQuad);
}
.c-layout__space--top-small {
  margin-top: var(--spaceSmall);
}
.c-layout__space--left-small {
  margin-left: var(--spaceSmall);
}
.c-layout__space--right-small {
  margin-right: var(--spaceSmall);
}
.c-layout__space--bottom-small {
  margin-bottom: var(--spaceSmall);
}
.c-layout__space--top-medium {
  margin-top: var(--spaceMedium);
}
.c-layout__space--left-medium {
  margin-left: var(--spaceMedium);
}
.c-layout__space--right-medium {
  margin-right: var(--spaceMedium);
}
.c-layout__space--bottom-medium {
  margin-bottom: var(--spaceMedium);
}
.c-layout__space--top-large {
  margin-top: var(--spaceLarge);
}
.c-layout__space--left-large {
  margin-left: var(--spaceLarge);
}
.c-layout__space--right-large {
  margin-right: var(--spaceLarge);
}
.c-layout__space--bottom-large {
  margin-bottom: var(--spaceLarge);
}
.c-layout__space--top-xlarge {
  margin-top: var(--spaceXLarge);
}
.c-layout__space--left-xlarge {
  margin-left: var(--spaceXLarge);
}
.c-layout__space--right-xlarge {
  margin-right: var(--spaceXLarge);
}
.c-layout__space--bottom-xlarge {
  margin-bottom: var(--spaceXLarge);
}

/**
  *   #GRID
  */
.c-layout__grid {
  display: grid;
  gap: var(--spaceGrid) var(--spaceGrid);
}
.c-layout__grid--column-1 {
  grid-template-columns: repeat(1, 1fr);
}
.c-layout__grid--column-2 {
  grid-template-columns: repeat(2, 1fr);
}
.c-layout__grid--column-3 {
  grid-template-columns: repeat(3, 1fr);
}
.c-layout__grid--column-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 87.49em) {
  .c-layout__grid--column-1\@wide {
    grid-template-columns: repeat(1, 1fr);
  }
  .c-layout__grid--column-2\@wide {
    grid-template-columns: repeat(2, 1fr);
  }
  .c-layout__grid--column-3\@wide {
    grid-template-columns: repeat(3, 1fr);
  }
  .c-layout__grid--column-4\@wide {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 74.99em) {
  .c-layout__grid--column-1\@desktop {
    grid-template-columns: repeat(1, 1fr);
  }
  .c-layout__grid--column-2\@desktop {
    grid-template-columns: repeat(2, 1fr);
  }
  .c-layout__grid--column-3\@desktop {
    grid-template-columns: repeat(3, 1fr);
  }
  .c-layout__grid--column-4\@desktop {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 63.99em) {
  .c-layout__grid--column-1\@tablet {
    grid-template-columns: repeat(1, 1fr);
  }
  .c-layout__grid--column-2\@tablet {
    grid-template-columns: repeat(2, 1fr);
  }
  .c-layout__grid--column-3\@tablet {
    grid-template-columns: repeat(3, 1fr);
  }
  .c-layout__grid--column-4\@tablet {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 59.99em) {
  .c-layout__grid--column-1\@tabletPortrait {
    grid-template-columns: repeat(1, 1fr);
  }
  .c-layout__grid--column-2\@tabletPortrait {
    grid-template-columns: repeat(2, 1fr);
  }
  .c-layout__grid--column-3\@tabletPortrait {
    grid-template-columns: repeat(3, 1fr);
  }
  .c-layout__grid--column-4\@tabletPortrait {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 29.99em) {
  .c-layout__grid--column-1\@mobile {
    grid-template-columns: repeat(1, 1fr);
  }
  .c-layout__grid--column-2\@mobile {
    grid-template-columns: repeat(2, 1fr);
  }
  .c-layout__grid--column-3\@mobile {
    grid-template-columns: repeat(3, 1fr);
  }
  .c-layout__grid--column-4\@mobile {
    grid-template-columns: repeat(4, 1fr);
  }
}
.c-layout__flex {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 var(--spaceGridNegative);
}
.c-layout__flex .c-layout__item {
  padding-left: var(--spaceGrid);
  flex-grow: 1;
}
.c-layout__flex .c-layout__item-25 {
  flex-basis: 25%;
  max-width: 25%;
}
.c-layout__flex .c-layout__item-33 {
  flex-basis: 33.33334%;
  max-width: 33.33334%;
}
.c-layout__flex .c-layout__item-41 {
  flex-basis: 41.66667%;
  max-width: 41.66667%;
}
.c-layout__flex .c-layout__item-50 {
  flex-basis: 50%;
  max-width: 50%;
}
.c-layout__flex .c-layout__item-58 {
  flex-basis: 58.33334%;
  max-width: 58.33334%;
}
.c-layout__flex .c-layout__item-66 {
  flex-basis: 66%;
  max-width: 66%;
}
.c-layout__flex .c-layout__item-83 {
  flex-basis: 83.33334%;
  max-width: 83.33334%;
}
.c-layout__flex .c-layout__item-100 {
  flex-basis: 100%;
  max-width: 100%;
}
@media (max-width: 87.49em) {
  .c-layout__flex .c-layout__item-25\@wide {
    flex-basis: 25%;
    max-width: 25%;
  }
  .c-layout__flex .c-layout__item-33\@wide {
    flex-basis: 33.33334%;
    max-width: 33.33334%;
  }
  .c-layout__flex .c-layout__item-41\@wide {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .c-layout__flex .c-layout__item-50\@wide {
    flex-basis: 50%;
    max-width: 50%;
  }
  .c-layout__flex .c-layout__item-58\@wide {
    flex-basis: 58.33334%;
    max-width: 58.33334%;
  }
  .c-layout__flex .c-layout__item-66\@wide {
    flex-basis: 66%;
    max-width: 66%;
  }
  .c-layout__flex .c-layout__item-83\@wide {
    flex-basis: 83.33334%;
    max-width: 83.33334%;
  }
  .c-layout__flex .c-layout__item-100\@wide {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (max-width: 74.99em) {
  .c-layout__flex .c-layout__item-25\@desktop {
    flex-basis: 25%;
    max-width: 25%;
  }
  .c-layout__flex .c-layout__item-33\@desktop {
    flex-basis: 33.33334%;
    max-width: 33.33334%;
  }
  .c-layout__flex .c-layout__item-41\@desktop {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .c-layout__flex .c-layout__item-50\@desktop {
    flex-basis: 50%;
    max-width: 50%;
  }
  .c-layout__flex .c-layout__item-58\@desktop {
    flex-basis: 58.33334%;
    max-width: 58.33334%;
  }
  .c-layout__flex .c-layout__item-66\@desktop {
    flex-basis: 66%;
    max-width: 66%;
  }
  .c-layout__flex .c-layout__item-83\@desktop {
    flex-basis: 83.33334%;
    max-width: 83.33334%;
  }
  .c-layout__flex .c-layout__item-100\@desktop {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (max-width: 63.99em) {
  .c-layout__flex .c-layout__item-25\@tablet {
    flex-basis: 25%;
    max-width: 25%;
  }
  .c-layout__flex .c-layout__item-33\@tablet {
    flex-basis: 33.33334%;
    max-width: 33.33334%;
  }
  .c-layout__flex .c-layout__item-41\@tablet {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .c-layout__flex .c-layout__item-50\@tablet {
    flex-basis: 50%;
    max-width: 50%;
  }
  .c-layout__flex .c-layout__item-58\@tablet {
    flex-basis: 58.33334%;
    max-width: 58.33334%;
  }
  .c-layout__flex .c-layout__item-66\@tablet {
    flex-basis: 66%;
    max-width: 66%;
  }
  .c-layout__flex .c-layout__item-83\@tablet {
    flex-basis: 83.33334%;
    max-width: 83.33334%;
  }
  .c-layout__flex .c-layout__item-100\@tablet {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (max-width: 59.99em) {
  .c-layout__flex .c-layout__item-25\@tabletPortrait {
    flex-basis: 25%;
    max-width: 25%;
  }
  .c-layout__flex .c-layout__item-33\@tabletPortrait {
    flex-basis: 33.33334%;
    max-width: 33.33334%;
  }
  .c-layout__flex .c-layout__item-41\@tabletPortrait {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .c-layout__flex .c-layout__item-50\@tabletPortrait {
    flex-basis: 50%;
    max-width: 50%;
  }
  .c-layout__flex .c-layout__item-58\@tabletPortrait {
    flex-basis: 58.33334%;
    max-width: 58.33334%;
  }
  .c-layout__flex .c-layout__item-66\@tabletPortrait {
    flex-basis: 66%;
    max-width: 66%;
  }
  .c-layout__flex .c-layout__item-83\@tabletPortrait {
    flex-basis: 83.33334%;
    max-width: 83.33334%;
  }
  .c-layout__flex .c-layout__item-100\@tabletPortrait {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (max-width: 29.99em) {
  .c-layout__flex .c-layout__item-25\@mobile {
    flex-basis: 25%;
    max-width: 25%;
  }
  .c-layout__flex .c-layout__item-33\@mobile {
    flex-basis: 33.33334%;
    max-width: 33.33334%;
  }
  .c-layout__flex .c-layout__item-41\@mobile {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .c-layout__flex .c-layout__item-50\@mobile {
    flex-basis: 50%;
    max-width: 50%;
  }
  .c-layout__flex .c-layout__item-58\@mobile {
    flex-basis: 58.33334%;
    max-width: 58.33334%;
  }
  .c-layout__flex .c-layout__item-66\@mobile {
    flex-basis: 66%;
    max-width: 66%;
  }
  .c-layout__flex .c-layout__item-83\@mobile {
    flex-basis: 83.33334%;
    max-width: 83.33334%;
  }
  .c-layout__flex .c-layout__item-100\@mobile {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.c-layout__flex--flush > .c-layout__item {
  padding-left: 0;
}
.c-layout--flush {
  margin-left: 0;
  gap: 0;
}

/* ==========================================================================
   #RATIO
   ========================================================================== */
/**
 * Create ratio-bound content blocks, to keep media (e.g. images, videos) in
 * their correct aspect ratios.
 *
 * http://alistapart.com/article/creating-intrinsic-ratios-for-video
 *
 * 1. Default is a 1:1 ratio (i.e. a perfect square).
 */
.c-ratio, .wp-block-embed__wrapper,
.wp-block-video {
  position: relative;
  display: block;
  width: 100%;
}
.c-ratio:before, .wp-block-embed__wrapper:before,
.wp-block-video:before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%; /* [1] */
}

.c-ratio__content,
.c-ratio > iframe,
.wp-block-embed__wrapper > iframe,
.wp-block-video > iframe,
.c-ratio > embed,
.wp-block-embed__wrapper > embed,
.wp-block-video > embed,
.c-ratio > object,
.wp-block-embed__wrapper > object,
.wp-block-video > object,
.c-ratio > video,
.wp-block-embed__wrapper > video,
.wp-block-video > video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

/* Ratio variants.
   ========================================================================== */
/**
 * Generate a series of ratio classes to be used like so:
 *
 *   <div class="o-ratio  o-ratio--golden-ratio">
 *
 */
.c-ratio--16\:9::before, .wp-block-embed__wrapper::before,
.wp-block-video::before {
  padding-bottom: 56.25%;
}

@media (max-width: 87.49em) {
  .c-ratio--16\:9\@wide::before {
    padding-bottom: 56.25%;
  }
}
@media (max-width: 74.99em) {
  .c-ratio--16\:9\@desktop::before {
    padding-bottom: 56.25%;
  }
}
@media (max-width: 63.99em) {
  .c-ratio--16\:9\@tablet::before {
    padding-bottom: 56.25%;
  }
}
@media (max-width: 59.99em) {
  .c-ratio--16\:9\@tabletPortrait::before {
    padding-bottom: 56.25%;
  }
}
@media (max-width: 29.99em) {
  .c-ratio--16\:9\@mobile::before {
    padding-bottom: 56.25%;
  }
}
.c-ratio--9\:16::before {
  padding-bottom: 144.4444444444%;
}

@media (max-width: 87.49em) {
  .c-ratio--9\:16\@wide::before {
    padding-bottom: 144.4444444444%;
  }
}
@media (max-width: 74.99em) {
  .c-ratio--9\:16\@desktop::before {
    padding-bottom: 144.4444444444%;
  }
}
@media (max-width: 63.99em) {
  .c-ratio--9\:16\@tablet::before {
    padding-bottom: 144.4444444444%;
  }
}
@media (max-width: 59.99em) {
  .c-ratio--9\:16\@tabletPortrait::before {
    padding-bottom: 144.4444444444%;
  }
}
@media (max-width: 29.99em) {
  .c-ratio--9\:16\@mobile::before {
    padding-bottom: 144.4444444444%;
  }
}
/* Contain modifier.
   ========================================================================== */
/**
 * Only works with image content.
 * Contains the image to the boundaries, without cropping or stretching it.
 */
.c-ratio--img-contain > .c-ratio__content {
  height: auto;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}

/* ==========================================================================
   #TABLE
   ========================================================================== */
.c-table__responsive {
  max-width: 100%;
  overflow: auto;
}

/**
 * A simple object for manipulating the structure of HTML `table`s.
 */
.c-table {
  width: 100%;
}

/* Equal-width table cells
   ========================================================================== */
/**
 * `table-layout: fixed` forces all cells within a table to occupy the same
 * width as each other. This also has performance benefits: because the browser
 * does not need to (re)calculate cell dimensions based on content it discovers,
 * the table can be rendered very quickly. Further reading:
 * https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout#Values
 */
.c-table--fixed {
  table-layout: fixed;
}

/*
 * C - Composition
 * The composition of this layout is what controls
 * the overall layout and rhythm of elements.
 * Think of the composition as a skeleton.
 */
.u-burger {
  cursor: pointer;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
}
.u-burger__icon {
  position: relative;
  margin-top: 7px;
  margin-bottom: 7px;
  -webkit-user-select: none;
  user-select: none;
}
.u-burger__icon, .u-burger__icon::before, .u-burger__icon::after {
  display: block;
  width: 44px;
  height: 3px;
  background-color: var(--colourGreen);
  outline: 1px solid transparent;
  transition-property: background-color, transform;
  transition-duration: 0.3s;
}
.u-burger__icon::before, .u-burger__icon::after {
  position: absolute;
  content: "";
}
.u-burger__icon::before {
  top: -7px;
}
.u-burger__icon::after {
  top: 7px;
}
.u-burger.is-active .u-burger__icon {
  background-color: transparent;
}
.u-burger.is-active .u-burger__icon::before {
  transform: translateY(7px) rotate(45deg);
}
.u-burger.is-active .u-burger__icon::after {
  transform: translateY(-7px) rotate(-45deg);
}

/**
  *   #FULLCLICK
  */
.u-fullClick {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: var(--depthAbove);
  cursor: pointer;
  display: block;
}
.u-fullClick span {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.u-fullClick br {
  display: none;
}
.u-fullClick__container {
  position: relative;
}

/* ==========================================================================
   #HEADINGS
   ========================================================================== */
/**
 * Redefine all of our basic heading styles against utility classes so as to
 * allow for double stranded heading hierarchy, e.g. we semantically need an H2,
 * but we want it to be sized like an H1:
 *
 *   <h2 class="u-h1"></h2>
 *
 */
.u-h1 {
  font-size: var(--fontSizeH1);
}

.u-h2 {
  font-size: var(--fontSizeH2);
}

.u-h3 {
  font-size: var(--fontSizeH3);
}

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

.u-h5 {
  font-size: var(--fontSizeH5);
}

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

/* ==========================================================================
   #HIDE
   ========================================================================== */
/**
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.u-hidden-visually {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

/**
 * Hide visually and from screen readers.
 */
.u-hidden, .gform_wrapper .gform_validation_container {
  display: none;
}

/* ==========================================================================
   #RESPONSIVE HIDE
   ========================================================================== */
/**
 * Example usage:
 * <div class="u-hide-from@tablet">
 * <div class="u-hide-until@tablet">
 */
@media (min-width: 87.5em) {
  .u-hide-from\@wide {
    display: none;
  }
}

@media (max-width: 87.49em) {
  .u-hide-until\@wide {
    display: none;
  }
}

@media (min-width: 75em) {
  .u-hide-from\@desktop {
    display: none;
  }
}

@media (max-width: 74.99em) {
  .u-hide-until\@desktop {
    display: none;
  }
}

@media (min-width: 64em) {
  .u-hide-from\@tablet {
    display: none;
  }
}

@media (max-width: 63.99em) {
  .u-hide-until\@tablet {
    display: none;
  }
}

@media (min-width: 60em) {
  .u-hide-from\@tabletPortrait {
    display: none;
  }
}

@media (max-width: 59.99em) {
  .u-hide-until\@tabletPortrait {
    display: none;
  }
}

@media (min-width: 30em) {
  .u-hide-from\@mobile {
    display: none;
  }
}

@media (max-width: 29.99em) {
  .u-hide-until\@mobile {
    display: none;
  }
}

/**
  *   #WRAPPER
  */
.u-wrapper, .wp-block-group .wp-block-group__inner-container {
  max-width: 1400px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

/*
 * B - Block
 * A block is your building block or your component.
 */
/**
  *   #SKIP TO
  */
.b-skipto {
  position: absolute;
  width: 100%;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  border: 0;
  display: block;
}
.b-skipto:focus, .b-skipto:active {
  position: static;
  clip: unset;
  -webkit-clip-path: none;
  clip-path: none;
  background: var(--colourLight);
  padding: var(--spacingBase);
  display: block;
}
.b-skipto:hover {
  text-decoration: underline;
  color: var(--colourDark);
}

/*
 * E - Exception
 * These are little variations to a block.
 */
@media print {
  /**
    *   #PRINT
    */
  * {
    background-image: none !important;
  }
  html {
    background: #ffffff;
    color: #000000;
  }
  @page {
    margin: 2cm;
  }
  footer,
  aside,
  nav,
  form,
  iframe {
    display: none;
  }
  .u-grid {
    flex-direction: column;
  }
  table,
  img,
  svg {
    break-inside: avoid;
  }
  img,
  svg {
    display: block;
    max-width: 100%;
    height: auto;
  }
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important; /* [1] */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /**
     * Don't show links that are fragment identifiers, or use the `javascript:`
     * pseudo protocol.
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /**
     * Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

/**
  * VARIABLES
  */
/**
  *   #VARIABLES
  */
:root {
  --vh: (1);
  --borderRadius: 3.6875rem;
  --borderRadiusLg: 5.125rem;
  --unifiedPadding: calc(var(--spaceHeader)) 0;
}
@media (min-width: 60em) {
  :root {
    --unifiedPadding: calc(var(--spaceHeader) * 1.5) 0;
  }
}
:root {
  /**
  *   #SPACE
  */
  --spaceBase: 0.75em;
  --spaceThird: 0.1875em;
  --spaceHalf: 0.375em;
  --spaceOne: 1em;
  --spaceTwo: 2em;
  --spaceDouble: 1.5em;
  --spaceTriple: 2.25em;
  --spaceQuad: 3em;
  --spaceGrid: 2.25em;
  --spaceGridNegative: -2.25em;
  --spaceSmall: 0.3125em;
  --spaceMedium: 1.875em;
  --spaceLarge: 3em;
  --spaceXLarge: 4.5em;
  --spaceInput: 0.5625em;
  --spaceHeader: 100px;
  --space9: 0.5625rem;
  --space10: 0.625rem;
  --space12: 0.75rem;
  --space14: 0.875rem;
  --space16: 1rem;
  --space20: 1.25rem;
  --space24: 1.5rem;
  --space32: 2rem;
  --space34: 2.125rem;
  --space42: 2.625rem;
  --space48: 3rem;
  --space64: 3rem;
  --space74: 3.125rem;
}
@media (min-width: 60em) {
  :root {
    --space64: 4rem;
    --space74: 4.625rem;
  }
}
:root {
  /**
  *   #DEPTH
  */
  --depthBase: 1;
  --depthBehind: -1;
  --depthZero: 0;
  --depthAbove: 10;
  --depthHigh: 15;
  --depthHigher: 20;
  --depthHighest: 100;
  --depthAboveAll: 150;
  --depthAboveNav: 200;
  /**
  *   #SIZES
  */
  --fontSizeBase: 1rem;
  --fontSizeDefault: 1rem;
  --fontSizeButton: 1.25rem;
  --sizeH1: 2.5rem;
  --fontSizeH1: 2.5rem;
  --fontSizeH2: 1.5rem;
  --fontSizeH3: 1.375rem;
  --fontSizeH4: 1rem;
  --fontSizeH5: 1rem;
  --fontSizeH6: 1rem;
  --fontSizeNav: 2.5rem;
  --fontSizeSubNav: 1.375rem;
  --fontSizeSmallest: 0.625rem;
  --fontSizeSmall: 0.75rem;
  --fontSizeNormal: 1rem;
  --fontSizeModal: 1rem;
  --fontSizeMedium: 1.375rem;
  --fontSizeLarge: 1.375rem;
  --fontSizeXlarge: 1.375rem;
  --fontSizeXXlarge: 3.75rem;
  --fontSizeXXXlarge: 9.375rem;
  --fontSizeBody: 1rem;
  --fontSizeFindOutMore: 0.75rem;
  --fontSizeJustTitle: 2.0625rem;
  --fontSizeJustSubTitle: 3.125rem;
  --fontSizePlus: 3.75rem;
  --fontSize12: 0.75rem;
  --fontSize13: 0.8125rem;
  --fontSize14: 0.875rem;
  --fontSize17: 1.0625rem;
  --fontSize18: 1.125rem;
  --fontSize22: 1.25rem;
  --fontSize40: 1.875rem;
  --fontSize45: 2.5rem;
  --fontSize60: 2.625rem;
  --fontSize70: 2.625rem;
  --fontSize80: 2.75rem;
  --fontSize100: 4.375rem;
}
@media (min-width: 60em) {
  :root {
    --fontSizeNav: 2.8125rem;
    --fontSizeSmallest: 0.625rem;
    --fontSizeSmall: 0.75rem;
    --fontSizeNormal: 1rem;
    --fontSizeModal: 1.375rem;
    --fontSizeMedium: 2rem;
    --fontSizeLarge: 2rem;
    --fontSizeXlarge: 2.875rem;
    --fontSizeXXlarge: 3.8125rem;
    --fontSizeXXXlarge: 9.875rem;
    --fontSizeBody: 1rem;
    --fontSizeFindOutMore: 1.375rem;
    --fontSizeJustTitle: 3.25rem;
    --fontSizeJustSubTitle: 6.4375rem;
    --fontSizePlus: 7.3125rem;
    --fontSize22: 1.375rem;
    --fontSize40: 2.5rem;
    --fontSize45: 2.6875rem;
    --fontSize60: 3.75rem;
    --fontSize70: 4.375rem;
    --fontSize80: 5rem;
    --fontSize100: 6.25rem;
  }
}
:root {
  /**
  *   #COLOURS
  */
  --colourBase: #4a4a4a;
  --colourDark: #4a4a4a;
  --colourLight: #ffffff;
  --colourBackground: #ffffff;
  --colourContent: #3F242D;
  --colourDisabled: #999999;
  --colourLink: #4a4a4a;
  --colourHover: #4a4a4a;
  --colourActive: #4a4a4a;
  --colourVisited: #4a4a4a;
  --colourErrorBackground: #ff0033;
  --colourErrorText: #ff0033;
  --colourGreen: #a5c72e;
  --colourGrey: #e5e5e5;
  --colourOrange: #ec9f03;
  --colourOrangeAlt: #ffc75d;
  --colourApplePrimary: #145c1c;
  --colourAppleSecondary: #92be92;
  --colourMangoPrimary: #561230;
  --colourMangoSecondary: #ad77aa;
  --colourForestPrimary: #491d5d;
  --colourForestSecondary: #ffa5bc;
  --colourOrangePrimary: #630f02;
  --colourOrangeSecondary: #fed249;
  --colourLemonPrimary: #145c1c;
  --colourLemonSecondary: #f9e920;
  --colourCherryPrimary: #bcd078;
  --colourCherrySecondary: #d33b4a;
  --colourCherryTertiary: #145c1c;
  --colourJuicyPrimary: #f1b52b;
  --colourJuicySecondary: #de881d;
  --colourPurePrimary: #a2d359;
  --colourPureSecondary: #75b433;
  --colourDarkCherryPrimary: #4C2534;
  --colourDarkCherrySecondary: #3F242D;
  --colourDarkBrown: #422901;
  --colourSusoOrange: #F19b08;
  --colourBorder: rgb(0 0 0 / .17);
}

/**
  * TOOLS
  */
/**
  * CUBE
  * https://piccalil.li/blog/cube-css/
  */
/**
  * C - Composition
  * The composition of this layout is what controls
  * the overall layout and rhythm of elements.
  * Think of the composition as a skeleton.
  */
.c-font__style--md, .b-madeSimply__column__content h2,
.b-madeSimply__column__content h3 {
  font-weight: 700;
  font-size: var(--fontSize45);
  line-height: 1.3;
}
.c-font__style--lg {
  font-size: var(--fontSize80);
  font-family: "strive", "Helvetica Neue", "Roboto", helvetica, sans-serif;
  text-transform: uppercase;
}
.c-font__size--sm {
  font-size: var(--fontSize14);
}
.c-font__size--body {
  font-size: var(--fontSize18);
}
.c-font__size--md {
  font-size: var(--fontSize40);
  line-height: 0.9;
  margin-bottom: 0;
}
.c-font__size--lg {
  font-size: var(--fontSize45);
}
.c-font__size--xlg {
  font-size: var(--fontSize100);
  line-height: 1;
}
.c-font__colour--light {
  color: var(--colourLight);
}
.c-font__colour--dark {
  color: var(--colourDark);
}
.c-font__colour--green {
  color: var(--colourGreen);
}
.c-font__colour--greenPrimary {
  color: var(--colourApplePrimary);
}
.c-font__colour--orange {
  color: var(--colourOrange);
}
.c-font__colour--applePrimary {
  color: var(--colourApplePrimary);
}
.c-font__colour--appleSecondary {
  color: var(--colourAppleSecondary);
}
.c-font__colour--mangoPrimary {
  color: var(--colourMangoPrimary);
}
.c-font__colour--mangoSecondary {
  color: var(--colourMangoSecondary);
}
.c-font__colour--forestPrimary {
  color: var(--colourForestPrimary);
}
.c-font__colour--forestSecondary {
  color: var(--colourForestSecondary);
}
.c-font__colour--orangePrimary {
  color: var(--colourOrangePrimary);
}
.c-font__colour--orangeSecondary {
  color: var(--colourOrangeSecondary);
}
.c-font__colour--lemonPrimary {
  color: var(--colourLemonPrimary);
}
.c-font__colour--lemonSecondary {
  color: var(--colourLemonSecondary);
}
.c-font__colour--cherryPrimary {
  color: var(--colourCherryPrimary);
}
.c-font__colour--cherrySecondary {
  color: var(--colourCherrySecondary);
}
.c-font__colour--purePrimary {
  color: var(--colourPurePrimary);
}
.c-font__colour--pureSecondary {
  color: var(--colourPureSecondary);
}
.c-font__colour--juicyPrimary {
  color: var(--colourJuicyPrimary);
}
.c-font__colour--juicySecondary {
  color: var(--colourJuicySecondary);
}
.c-font__colour--darkCherry {
  color: var(--colourDarkCherryPrimary);
}
.c-font__colour--darkBrown {
  color: var(--colourDarkBrownPrimary);
}
.c-font__weight--extraLight {
  font-weight: 200;
}
.c-font__weight--light {
  font-weight: 300;
}
.c-font__weight--regular {
  font-weight: 400;
}
.c-font__weight--medium {
  font-weight: 500;
}
.c-font__weight--semiBold {
  font-weight: 600;
}
.c-font__weight--bold {
  font-weight: 700;
}
.c-font__weight--extraBold {
  font-weight: 800;
}
.c-font__lineheight--normal {
  line-height: 1.01;
}
.c-font__lineheight--normalPlus {
  line-height: 1.08;
}
.c-font__lineheight--loose {
  line-height: 1.25;
}
.c-font__lineheight--wide {
  line-height: 1.4;
}
.c-font__lineheight--tight {
  line-height: 0.8;
}

.c-table {
  border-collapse: collapse;
  margin-bottom: var(--spaceGrid);
}
.c-table th,
.c-table td {
  font-size: var(--fontSizeMedium);
  font-weight: 400;
  text-align: left;
  border: 0;
  padding: var(--spaceBase) var(--spaceBase) 0;
  white-space: nowrap;
}

/**
  * U - Utility
  * utilities are the shoes that help it
  * to walk comfortably
  */
.u-alert a {
  text-decoration: underline;
}

/**
  *   #BUTTONS
  */
.u-button, .gform_wrapper .gform_footer .gform_button, .wp-block-buttons .wp-block-button__link {
  color: var(--colourLight);
}
.u-button:link, .gform_wrapper .gform_footer .gform_button:link, .wp-block-buttons .wp-block-button__link:link {
  color: var(--colourLight);
}
.u-button:visited, .gform_wrapper .gform_footer .gform_button:visited, .wp-block-buttons .wp-block-button__link:visited {
  color: var(--colourLight);
}
.u-button:active, .gform_wrapper .gform_footer .gform_button:active, .wp-block-buttons .wp-block-button__link:active {
  color: var(--colourLight);
}
.u-button, .gform_wrapper .gform_footer .gform_button, .wp-block-buttons .wp-block-button__link {
  /* Hover MUST be last in the list */
}
.u-button:hover, .gform_wrapper .gform_footer .gform_button:hover, .wp-block-buttons .wp-block-button__link:hover {
  color: var(--colourLight);
}
.u-button, .gform_wrapper .gform_footer .gform_button, .wp-block-buttons .wp-block-button__link {
  background-color: var(--colourOrange);
  display: inline-block;
  -webkit-appearance: none;
          appearance: none;
  margin: 0 auto;
  border-radius: 27px;
  cursor: pointer;
  text-align: center;
  border: 0;
  position: relative;
  padding: var(--space9) var(--space32) var(--space12);
  font-weight: 400;
  font-size: var(--fontSize12);
  line-height: 1;
  text-transform: uppercase;
  transition: color 0.3s ease, background 0.3s ease;
}
.u-button__inner {
  position: relative;
  z-index: var(--depthAbove);
  display: flex;
  justify-content: center;
  align-items: center;
}
.u-button:hover, .gform_wrapper .gform_footer .gform_button:hover, .wp-block-buttons .wp-block-button__link:hover {
  background-color: var(--colourOrangeAlt);
}
.u-button, .gform_wrapper .gform_footer .gform_button, .wp-block-buttons .wp-block-button__link {
  /**
  * Fix a Firefox bug whereby `input type='submit'` gains 2px extra padding.
  */
}
.u-button::-moz-focus-inner, .gform_wrapper .gform_footer .gform_button::-moz-focus-inner, .wp-block-buttons .wp-block-button__link::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.u-button--large {
  font-size: var(--fontSize22);
}
.u-button--light {
  color: var(--colourOrange);
}
.u-button--light:link {
  color: var(--colourOrange);
}
.u-button--light:visited {
  color: var(--colourOrange);
}
.u-button--light:active {
  color: var(--colourOrange);
}
.u-button--light {
  /* Hover MUST be last in the list */
}
.u-button--light:hover {
  color: var(--colourLight);
}
.u-button--light {
  background: var(--colourLight);
}
.u-button--apple {
  background-color: var(--colourApplePrimary);
}
.u-button--apple:hover {
  background-color: var(--colourAppleSecondary);
}
.u-button--mango {
  background-color: var(--colourMangoPrimary);
}
.u-button--mango:hover {
  background-color: var(--colourMangoSecondary);
}
.u-button--forest {
  background-color: var(--colourForestPrimary);
}
.u-button--forest:hover {
  background-color: var(--colourForestSecondary);
}
.u-button--orange {
  background-color: var(--colourOrangePrimary);
}
.u-button--orange:hover {
  background-color: var(--colourOrangeSecondary);
}
.u-button--lemon {
  background-color: var(--colourLemonPrimary);
}
.u-button--lemon:hover {
  background-color: var(--colourLemonSecondary);
}
.u-button--cherry {
  background-color: var(--colourCherryPrimary);
}
.u-button--cherry:hover {
  background-color: var(--colourCherrySecondary);
}
.u-button--pure {
  background-color: var(--colourPurePrimary);
}
.u-button--pure:hover {
  background-color: var(--colourPureSecondary);
}
.u-button--juicy {
  background-color: var(--colourJuicyPrimary);
}
.u-button--juicy:hover {
  background-color: var(--colourJuicySecondary);
}
.u-button--green {
  background-color: var(--colourApplePrimary);
}
.u-button--green:hover {
  background-color: var(--colourAppleSecondary);
}
.u-button--white {
  color: var(--colourOrange);
}
.u-button--white:link {
  color: var(--colourOrange);
}
.u-button--white:visited {
  color: var(--colourOrange);
}
.u-button--white:active {
  color: var(--colourOrange);
}
.u-button--white {
  /* Hover MUST be last in the list */
}
.u-button--white:hover {
  color: var(--colourLight);
}
.u-button--white {
  background-color: var(--colourLight);
}
.u-button--white:hover {
  background-color: var(--colourOrangePrimary);
}
.u-button--nc {
  text-transform: none;
}

/**
  *   #WRAPPER
  */
.u-wrapper--small, .wp-block-group .wp-block-group__inner-container {
  max-width: 1024px;
}
@media (min-width: 60em) {
  .u-wrapper--small, .wp-block-group .wp-block-group__inner-container {
    width: 80%;
  }
}

svg {
  max-width: 100%;
  height: auto;
}

.u-burger {
  width: 44px;
  height: 44px;
  -webkit-appearance: none;
          appearance: none;
  display: block;
  border-radius: 0;
}
@media (max-width: 500px) {
  .u-burger {
    width: 20px;
    height: 20px;
  }
}
.u-burger::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 70%;
  padding-top: 70%;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  z-index: var(--depthBase);
  background: var(--colourOrange);
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.is-scrolled .u-burger::before {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.u-burger__icon {
  background-color: transparent;
  z-index: var(--depthAbove);
}
.u-burger__icon::after, .u-burger__icon::before {
  border-radius: 2px;
  height: 3px;
  width: 44px;
  background: var(--colourLight);
  transform-origin: 50% 50%;
  transition: transform 0.4s ease, top 0.4s ease;
}
@media (max-width: 500px) {
  .u-burger__icon::after, .u-burger__icon::before {
    width: 20px;
  }
}
.u-burger__icon::before {
  top: -7px;
}
.u-burger__icon::after {
  top: 7px;
}
.u-burger__container {
  position: fixed;
  padding: var(--space20);
  top: 25px;
  right: 20px;
  border-radius: 50px;
  background-color: var(--colourSusoOrange);
}
@media (min-width: 60em) {
  .u-burger__container {
    padding: var(--space20) var(--space20);
  }
}
.u-burger.is-active .u-burger__icon {
  background: transparent;
}
.u-burger.is-active .u-burger__icon::before, .u-burger.is-active .u-burger__icon::after {
  top: 0;
}
.u-burger.is-active .u-burger__icon::before {
  transform: translate3d(0, 0, 0) rotate(45deg);
}
.u-burger.is-active .u-burger__icon::after {
  transform: translate3d(0, 0, 0) rotate(-45deg);
}

.u-hidden--svg {
  display: none;
}

/**
  * B - Block
  * A block is your building block or your component.
  */
.b-aside {
  position: fixed;
  background-color: var(--colourOrange);
  transform: translateY(-100%);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: var(--depthAboveAll);
  box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0);
  pointer-events: none;
  overflow: hidden;
}
@media (min-width: 60em) {
  .b-aside {
    width: 50%;
    max-width: 530px;
  }
}
.b-aside--talkToUs, .b-aside--sample {
  transform: translateX(100%);
  left: auto;
  right: 0;
  background: var(--colourLight);
}
.b-aside--talkToUs .b-aside__inner, .b-aside--sample .b-aside__inner {
  height: calc(100% - (var(--spaceGrid) + var(--spaceGrid)));
  margin-top: var(--spaceGrid);
}
.b-aside__inner {
  height: calc(100% - (var(--spaceHeader) + var(--spaceGrid)));
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  overflow: auto;
  margin: var(--spaceHeader) auto var(--spaceGrid);
}
.b-aside.is-active {
  pointer-events: all;
  transform: translate(0, 0);
  box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.51);
}
.b-aside {
  /*   .menu-item,
  .b-social__item {
    opacity: 0;
  } */
}
.b-aside .b-social {
  margin-top: var(--space34);
}

.b-brand__link {
  display: block;
  max-width: 130px;
}

.b-footer {
  background-image: url(/wp-content/themes/legion/dist/images/footer-gradient.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: var(--colourLight);
  border-radius: var(--borderRadius) var(--borderRadius) 0 0;
  position: relative;
  z-index: var(--depthAbove);
}
.b-footer__inner {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--space16);
}
@media (min-width: 992px) {
  .b-footer__inner {
    gap: 0;
    text-align: left;
    flex-direction: row;
    justify-content: center;
    width: 90%;
    max-width: unset;
  }
}
.b-footer__inner .b-brand__link {
  max-width: 300px;
  position: relative;
  display: block;
}
.b-footer__inner .b-brand__link img {
  width: 300px;
  height: auto;
}
.b-footer__inner .b-footer__cartons-group {
  display: none;
  position: absolute;
  top: -40px;
  left: 0%;
  width: 100%;
  max-width: 400px;
}
@media (min-width: 768px) {
  .b-footer__inner .b-footer__cartons-group {
    display: block;
    top: 6px;
    width: 30%;
  }
}
@media (min-width: 992px) {
  .b-footer__inner .b-footer__cartons-group {
    top: -45px;
  }
}
.b-footer__inner .b-footer__cans-group {
  display: none;
  position: absolute;
  top: -40px;
  right: 0%;
  width: 100%;
  max-width: 400px;
}
@media (min-width: 768px) {
  .b-footer__inner .b-footer__cans-group {
    display: block;
    top: 0px;
    width: 30%;
  }
}
@media (min-width: 992px) {
  .b-footer__inner .b-footer__cans-group {
    top: -60px;
  }
}

.sub-b-footer {
  display: flex;
  align-items: center;
  background-color: var(--colourDarkCherryPrimary);
  color: #ffffff;
  padding: 12px;
}
@media (max-width: 991px) {
  .sub-b-footer {
    flex-direction: column;
  }
}
@media (min-width: 1100px) {
  .sub-b-footer {
    flex-direction: row;
  }
}
@media (min-width: 1700px) {
  .sub-b-footer {
    padding: 18px 300px 18px 300px;
  }
}
@media (min-width: 1300px) {
  .sub-b-footer {
    padding: 18px 100px 18px 100px;
  }
}
.sub-b-footer p {
  margin: 0 !important;
  font-size: 14px;
}
.sub-b-footer a {
  font-size: 14px;
  color: #ffffff;
}
.sub-b-footer__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spaceTwo);
}
@media (min-width: 992px) {
  .sub-b-footer__copy {
    align-items: center;
    flex-direction: row;
    margin-bottom: 0;
  }
}
.sub-b-footer__nav {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  gap: var(--space12);
}
@media (min-width: 992px) {
  .sub-b-footer__nav li {
    margin-right: 20px;
  }
}
@media (min-width: 992px) {
  .sub-b-footer__nav {
    gap: 0;
  }
}
@media (min-width: 992px) {
  .sub-b-footer__social {
    margin-left: auto;
    display: flex;
    flex-direction: row;
    margin-right: 60px;
  }
}
.sub-b-footer__social .b-social {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space12) var(--space32);
}
@media (max-width: 991px) {
  .sub-b-footer__social .b-social {
    margin-bottom: 3rem;
  }
}
@media (min-width: 992px) {
  .sub-b-footer__social .b-social {
    display: flex;
    flex-direction: row;
  }
}
.sub-b-footer__copyright {
  display: flex;
  flex-direction: row;
}
@media (max-width: 991px) {
  .sub-b-footer__copyright {
    margin-bottom: 1rem;
    margin-top: 1.5rem;
  }
}
@media (min-width: 992px) {
  .sub-b-footer__copyright {
    margin-right: 60px;
    margin-top: 3px;
  }
}
.sub-b-footer .altar {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 991px) {
  .sub-b-footer .altar {
    margin-bottom: 1rem;
  }
}
.sub-b-footer .altar img {
  max-width: 60px;
  position: relative;
  top: -5px;
  margin-left: 5px;
}

/**
  *   #FORMS
  */
.b-header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: var(--depthAboveNav);
  padding: var(--space16);
}
@media (min-width: 60em) {
  .b-header {
    padding: var(--space16) var(--space34);
  }
}
.b-header.is-burger {
  position: fixed;
}
.b-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}

input[type=color] {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
input[type=color]::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
input[type=color]:focus {
  color: var(--colourOrange);
}
input[type=color]:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}
input[type=color] {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: var(--colourDark);
  border-bottom: 1px solid var(--colourBorder);
  padding: var(--space12);
  text-align: center;
}
input[type=color]::placeholder {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

input[type=date] {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
input[type=date]::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
input[type=date]:focus {
  color: var(--colourOrange);
}
input[type=date]:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}
input[type=date] {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: var(--colourDark);
  border-bottom: 1px solid var(--colourBorder);
  padding: var(--space12);
  text-align: center;
}
input[type=date]::placeholder {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

input[type=datetime] {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
input[type=datetime]::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
input[type=datetime]:focus {
  color: var(--colourOrange);
}
input[type=datetime]:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}
input[type=datetime] {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: var(--colourDark);
  border-bottom: 1px solid var(--colourBorder);
  padding: var(--space12);
  text-align: center;
}
input[type=datetime]::placeholder {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

input[type=datetime-local] {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
input[type=datetime-local]::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
input[type=datetime-local]:focus {
  color: var(--colourOrange);
}
input[type=datetime-local]:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}
input[type=datetime-local] {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: var(--colourDark);
  border-bottom: 1px solid var(--colourBorder);
  padding: var(--space12);
  text-align: center;
}
input[type=datetime-local]::placeholder {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

input[type=email] {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
input[type=email]::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
input[type=email]:focus {
  color: var(--colourOrange);
}
input[type=email]:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}
input[type=email] {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: var(--colourDark);
  border-bottom: 1px solid var(--colourBorder);
  padding: var(--space12);
  text-align: center;
}
input[type=email]::placeholder {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

input[type=file] {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
input[type=file]::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
input[type=file]:focus {
  color: var(--colourOrange);
}
input[type=file]:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}
input[type=file] {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: var(--colourDark);
  border-bottom: 1px solid var(--colourBorder);
  padding: var(--space12);
  text-align: center;
}
input[type=file]::placeholder {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

input[type=hidden] {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
input[type=hidden]::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
input[type=hidden]:focus {
  color: var(--colourOrange);
}
input[type=hidden]:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}
input[type=hidden] {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: var(--colourDark);
  border-bottom: 1px solid var(--colourBorder);
  padding: var(--space12);
  text-align: center;
}
input[type=hidden]::placeholder {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

input[type=image] {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
input[type=image]::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
input[type=image]:focus {
  color: var(--colourOrange);
}
input[type=image]:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}
input[type=image] {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: var(--colourDark);
  border-bottom: 1px solid var(--colourBorder);
  padding: var(--space12);
  text-align: center;
}
input[type=image]::placeholder {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

input[type=month] {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
input[type=month]::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
input[type=month]:focus {
  color: var(--colourOrange);
}
input[type=month]:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}
input[type=month] {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: var(--colourDark);
  border-bottom: 1px solid var(--colourBorder);
  padding: var(--space12);
  text-align: center;
}
input[type=month]::placeholder {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

input[type=number] {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
input[type=number]::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
input[type=number]:focus {
  color: var(--colourOrange);
}
input[type=number]:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}
input[type=number] {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: var(--colourDark);
  border-bottom: 1px solid var(--colourBorder);
  padding: var(--space12);
  text-align: center;
}
input[type=number]::placeholder {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

input[type=password] {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
input[type=password]::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
input[type=password]:focus {
  color: var(--colourOrange);
}
input[type=password]:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}
input[type=password] {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: var(--colourDark);
  border-bottom: 1px solid var(--colourBorder);
  padding: var(--space12);
  text-align: center;
}
input[type=password]::placeholder {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

input[type=range] {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
input[type=range]::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
input[type=range]:focus {
  color: var(--colourOrange);
}
input[type=range]:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}
input[type=range] {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: var(--colourDark);
  border-bottom: 1px solid var(--colourBorder);
  padding: var(--space12);
  text-align: center;
}
input[type=range]::placeholder {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

input[type=search] {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
input[type=search]::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
input[type=search]:focus {
  color: var(--colourOrange);
}
input[type=search]:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}
input[type=search] {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: var(--colourDark);
  border-bottom: 1px solid var(--colourBorder);
  padding: var(--space12);
  text-align: center;
}
input[type=search]::placeholder {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

input[type=tel] {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
input[type=tel]::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
input[type=tel]:focus {
  color: var(--colourOrange);
}
input[type=tel]:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}
input[type=tel] {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: var(--colourDark);
  border-bottom: 1px solid var(--colourBorder);
  padding: var(--space12);
  text-align: center;
}
input[type=tel]::placeholder {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

input[type=text] {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
input[type=text]::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
input[type=text]:focus {
  color: var(--colourOrange);
}
input[type=text]:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}
input[type=text] {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: var(--colourDark);
  border-bottom: 1px solid var(--colourBorder);
  padding: var(--space12);
  text-align: center;
}
input[type=text]::placeholder {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

input[type=time] {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
input[type=time]::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
input[type=time]:focus {
  color: var(--colourOrange);
}
input[type=time]:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}
input[type=time] {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: var(--colourDark);
  border-bottom: 1px solid var(--colourBorder);
  padding: var(--space12);
  text-align: center;
}
input[type=time]::placeholder {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

input[type=url] {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
input[type=url]::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
input[type=url]:focus {
  color: var(--colourOrange);
}
input[type=url]:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}
input[type=url] {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: var(--colourDark);
  border-bottom: 1px solid var(--colourBorder);
  padding: var(--space12);
  text-align: center;
}
input[type=url]::placeholder {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

input[type=week] {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
input[type=week]::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
input[type=week]:focus {
  color: var(--colourOrange);
}
input[type=week]:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}
input[type=week] {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: var(--colourDark);
  border-bottom: 1px solid var(--colourBorder);
  padding: var(--space12);
  text-align: center;
}
input[type=week]::placeholder {
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1.3;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}

select,
textarea {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
select::placeholder,
textarea::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
select:focus,
textarea:focus {
  color: var(--colourOrange);
}
select:disabled,
textarea:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}
select,
textarea {
  font-weight: 700;
  line-height: 1.3;
  border-bottom: 3px solid var(--colourOrange);
  height: 3em;
}
select::placeholder,
textarea::placeholder {
  font-weight: 700;
  font-size: var(--fontSizeSunnyd9);
  line-height: 1.3;
  color: var(--colourOrange);
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

html {
  scroll-behavior: smooth;
}

.b-main__hero {
  background-color: var(--colourGreen);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60vh;
  margin-bottom: 5vh;
}
.b-main__header {
  margin-top: 5vh;
}

.suso-gradient-background {
  background: url(/wp-content/themes/legion/dist/images/bg-gradient-3-flipped.jpg) !important;
  background-position: center !important;
  background-size: cover !important;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.wp-block-group.suso-gradient-background {
  position: relative;
}
.wp-block-group.suso-gradient-background .wp-block-group__inner-container {
  background-image: url(/wp-content/themes/legion/dist/images/SUSO-brush-group-shape.png) !important;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding: 105px 30px;
  margin: 0;
  max-width: 1300px;
}
@media (min-width: 768px) {
  .wp-block-group.suso-gradient-background .wp-block-group__inner-container {
    padding: 80px 100px;
  }
}
.wp-block-group.suso-gradient-background .wp-block-group__inner-container::before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: -410px;
  background: url(/wp-content/themes/legion/dist/images/asset8.png) !important;
  height: 343px;
  width: 749px;
  z-index: 1;
}
.wp-block-group.suso-gradient-background .wp-block-group__inner-container::after {
  content: "";
  position: absolute;
  top: -70px;
  right: -200px;
  background: url(/wp-content/themes/legion/dist/images/asset15.png) !important;
  height: 235px;
  width: 201px;
  z-index: 1111;
}
.wp-block-group.suso-gradient-background .wp-block-group__inner-container h2.wp-block-heading {
  font-family: "area", "Helvetica Neue", "Roboto", helvetica, sans-serif;
  font-weight: 500 !important;
  font-size: 31px;
  letter-spacing: 5px;
  margin-bottom: 28px;
  line-height: 100%;
  text-transform: uppercase;
}
.wp-block-group.suso-gradient-background .wp-block-group__inner-container .has-light-color.has-text-color {
  color: var(--colourDarkCherrySecondary);
}
.wp-block-group.suso-gradient-background .wp-block-group__inner-container .has-light-color.has-text-colorp {
  font-weight: 500 !important;
  font-style: Medium;
  font-size: 18px;
  line-height: 36px;
}
.wp-block-group.suso-gradient-background .wp-block-group__inner-container .has-light-color.has-text-color a:link {
  color: var(--colourDarkCherrySecondary) !important;
  text-decoration: underline;
}

.wholesale h1 {
  color: #422901;
}
.wholesale .b-pageHero__intro {
  color: #422901;
}
.wholesale .wp-block-group, .wholesale .wp-block-group .has-orange-color {
  color: #422901;
}
.wholesale .b-stock {
  color: #004720;
}
.wholesale .b-stock p, .wholesale .b-stock a {
  color: #004720 !important;
}
.wholesale .b-talk {
  margin-bottom: 100px;
}
.wholesale .b-talk p, .wholesale .b-talk a {
  color: #004720 !important;
}

.page-id-408 .b-talk {
  margin-bottom: 100px;
}

.b-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 90%;
  height: 90%;
  z-index: var(--depthAboveNav);
  visibility: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: translate(-50%, -50%);
  margin: 0;
  box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.4);
}
.b-modal.is-active {
  visibility: visible;
}
.b-modal.is-active .b-modal__inner {
  opacity: 1;
  visibility: visible;
}
.b-modal__image {
  max-height: 50vh;
  position: relative;
  z-index: var(--depthAboveAll);
}
@media (min-width: 60em) {
  .b-modal__image {
    max-height: 70vh;
  }
}
.b-modal__inner {
  background-color: var(--colourLight);
  position: absolute;
  width: 100%;
  height: 100%;
  visibility: hidden;
  overflow: auto;
  top: 0;
  left: 0;
  z-index: var(--depthAbove);
  opacity: 0;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 60em) {
  .b-modal__inner {
    flex-direction: row;
  }
}
.b-modal__content {
  transition: opacity 0.3s ease;
  background-color: var(--colourLight);
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.b-modal__content::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: currentColor;
  width: 60%;
  height: 100%;
  display: none;
}
@media (min-width: 60em) {
  .b-modal__content::before {
    display: block;
  }
}
.b-modal__copy {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10%;
}
.b-modal__copy__inner {
  max-width: 610px;
}
.b-modal__title {
  font-size: var(--fontSizeLarge);
  font-family: "strive", "Helvetica Neue", "Roboto", helvetica, sans-serif;
  text-transform: uppercase;
  position: relative;
}
.b-modal__title::after {
  content: "";
  background: currentColor;
  height: 2px;
  width: 100px;
  margin-left: var(--spaceBase);
  display: inline-block;
  vertical-align: middle;
}
.b-modal__intro {
  font-size: var(--fontSizeLarge);
  line-height: 1.25;
}
.b-modal__text {
  font-size: var(--fontSizeModal);
}
.b-modal__close {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  -webkit-appearance: none;
          appearance: none;
  z-index: var(--depthAbove);
}
.b-modal__close__icon {
  border: 0;
  -webkit-appearance: none;
          appearance: none;
  display: block;
  background: transparent;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.b-modal__close__icon span {
  background: currentColor;
  width: 84px;
  height: 84px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.b-modalFlourish__item {
  position: absolute;
  z-index: var(--depthBase);
}

.b-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  counter-reset: my-awesome-counter;
}
.b-nav .menu-item {
  line-height: 1;
  position: relative;
  counter-increment: my-awesome-counter;
}
.b-nav .menu-item::before {
  position: absolute;
  content: "0" counter(my-awesome-counter);
  color: var(--colourOrangeAlt);
  font-weight: 700;
  font-size: var(--fontSize12);
  left: 0;
  top: var(--space20);
}
@media (min-width: 60em) {
  .b-nav .menu-item::before {
    top: var(--space24);
  }
}
.b-nav .menu-item a {
  color: var(--colourLight);
}
.b-nav .menu-item a:link {
  color: var(--colourLight);
}
.b-nav .menu-item a:visited {
  color: var(--colourLight);
}
.b-nav .menu-item a:active {
  color: var(--colourLight);
}
.b-nav .menu-item a {
  /* Hover MUST be last in the list */
}
.b-nav .menu-item a:hover {
  color: var(--colourDark);
}
.b-nav .menu-item a {
  display: block;
  font-weight: 700;
  padding: 0 0 0 var(--space24);
  line-height: 1.6;
  font-size: var(--fontSizeNav);
}
.b-nav .menu-item.current-menu-item a {
  color: var(--colourDark);
}
.b-nav .menu-item.current-menu-item a:link {
  color: var(--colourDark);
}
.b-nav .menu-item.current-menu-item a:visited {
  color: var(--colourDark);
}
.b-nav .menu-item.current-menu-item a:active {
  color: var(--colourDark);
}
.b-nav .menu-item.current-menu-item a {
  /* Hover MUST be last in the list */
}
.b-nav .menu-item.current-menu-item a:hover {
  color: var(--colourDark);
}

.post-type-archive-product .b-heroSmall__title, .blog .b-heroSmall__title, .single-post .b-heroSmall__title, .page-template-template-faq .b-heroSmall__title {
  width: 100%;
}
@media (min-width: 992px) {
  .post-type-archive-product .b-heroSmall__title, .blog .b-heroSmall__title, .single-post .b-heroSmall__title, .page-template-template-faq .b-heroSmall__title {
    text-align: center;
  }
}
.post-type-archive-product .b-hero, .blog .b-hero, .single-post .b-hero, .page-template-template-faq .b-hero {
  position: relative;
  max-height: 475px;
  padding: calc(var(--spaceHeader) / 2) 0;
  background-image: url(/wp-content/themes/legion/dist/images/bg-gradient-3.jpg) !important;
  background-position: center center;
  background-size: cover;
}
.post-type-archive-product .b-hero::before, .blog .b-hero::before, .single-post .b-hero::before, .page-template-template-faq .b-hero::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -5%;
  left: -1%;
  background: url(/wp-content/themes/legion/dist/images/asset15.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 201/235;
  width: 30%;
  z-index: 1;
}
@media (min-width: 600px) {
  .post-type-archive-product .b-hero::before, .blog .b-hero::before, .single-post .b-hero::before, .page-template-template-faq .b-hero::before {
    bottom: -17%;
  }
}
@media (min-width: 700px) {
  .post-type-archive-product .b-hero::before, .blog .b-hero::before, .single-post .b-hero::before, .page-template-template-faq .b-hero::before {
    bottom: -8%;
    width: 23%;
  }
}
@media (min-width: 768px) {
  .post-type-archive-product .b-hero::before, .blog .b-hero::before, .single-post .b-hero::before, .page-template-template-faq .b-hero::before {
    width: 11%;
  }
}
@media (min-width: 1300px) {
  .post-type-archive-product .b-hero::before, .blog .b-hero::before, .single-post .b-hero::before, .page-template-template-faq .b-hero::before {
    width: 8%;
  }
}
@media (min-width: 1800px) {
  .post-type-archive-product .b-hero::before, .blog .b-hero::before, .single-post .b-hero::before, .page-template-template-faq .b-hero::before {
    width: 7%;
  }
}
.post-type-archive-product .b-hero::after, .blog .b-hero::after, .single-post .b-hero::after, .page-template-template-faq .b-hero::after {
  display: none;
  position: absolute;
  bottom: 0px;
  right: -1%;
  margin-left: auto;
  height: 100%;
  width: 64%;
  z-index: 1;
}
@media (min-width: 992px) {
  .post-type-archive-product .b-hero::after, .blog .b-hero::after, .single-post .b-hero::after, .page-template-template-faq .b-hero::after {
    content: "";
    display: block;
  }
}
.post-type-archive-product .b-hero .b-hero__inner, .blog .b-hero .b-hero__inner, .single-post .b-hero .b-hero__inner, .page-template-template-faq .b-hero .b-hero__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0rem 1rem;
  background-image: url(/wp-content/themes/legion/dist/images/SUSO-brush-titles.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.post-type-archive-product .b-hero .b-hero__inner.u-wrapper, .post-type-archive-product .b-hero .wp-block-group .b-hero__inner.wp-block-group__inner-container, .wp-block-group .post-type-archive-product .b-hero .b-hero__inner.wp-block-group__inner-container, .blog .b-hero .b-hero__inner.u-wrapper, .blog .b-hero .wp-block-group .b-hero__inner.wp-block-group__inner-container, .wp-block-group .blog .b-hero .b-hero__inner.wp-block-group__inner-container, .single-post .b-hero .b-hero__inner.u-wrapper, .single-post .b-hero .wp-block-group .b-hero__inner.wp-block-group__inner-container, .wp-block-group .single-post .b-hero .b-hero__inner.wp-block-group__inner-container, .page-template-template-faq .b-hero .b-hero__inner.u-wrapper, .page-template-template-faq .b-hero .wp-block-group .b-hero__inner.wp-block-group__inner-container, .wp-block-group .page-template-template-faq .b-hero .b-hero__inner.wp-block-group__inner-container {
  margin-top: 60px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  width: unset;
}
@media (min-width: 768px) {
  .post-type-archive-product .b-hero .b-hero__inner.u-wrapper, .post-type-archive-product .b-hero .wp-block-group .b-hero__inner.wp-block-group__inner-container, .wp-block-group .post-type-archive-product .b-hero .b-hero__inner.wp-block-group__inner-container, .blog .b-hero .b-hero__inner.u-wrapper, .blog .b-hero .wp-block-group .b-hero__inner.wp-block-group__inner-container, .wp-block-group .blog .b-hero .b-hero__inner.wp-block-group__inner-container, .single-post .b-hero .b-hero__inner.u-wrapper, .single-post .b-hero .wp-block-group .b-hero__inner.wp-block-group__inner-container, .wp-block-group .single-post .b-hero .b-hero__inner.wp-block-group__inner-container, .page-template-template-faq .b-hero .b-hero__inner.u-wrapper, .page-template-template-faq .b-hero .wp-block-group .b-hero__inner.wp-block-group__inner-container, .wp-block-group .page-template-template-faq .b-hero .b-hero__inner.wp-block-group__inner-container {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 20vw;
    min-width: 260px;
  }
}
@media (min-width: 992px) {
  .post-type-archive-product .b-hero .b-hero__inner.u-wrapper, .post-type-archive-product .b-hero .wp-block-group .b-hero__inner.wp-block-group__inner-container, .wp-block-group .post-type-archive-product .b-hero .b-hero__inner.wp-block-group__inner-container, .blog .b-hero .b-hero__inner.u-wrapper, .blog .b-hero .wp-block-group .b-hero__inner.wp-block-group__inner-container, .wp-block-group .blog .b-hero .b-hero__inner.wp-block-group__inner-container, .single-post .b-hero .b-hero__inner.u-wrapper, .single-post .b-hero .wp-block-group .b-hero__inner.wp-block-group__inner-container, .wp-block-group .single-post .b-hero .b-hero__inner.wp-block-group__inner-container, .page-template-template-faq .b-hero .b-hero__inner.u-wrapper, .page-template-template-faq .b-hero .wp-block-group .b-hero__inner.wp-block-group__inner-container, .wp-block-group .page-template-template-faq .b-hero .b-hero__inner.wp-block-group__inner-container {
    margin-left: 12vw;
  }
}
@media (min-width: 1600px) {
  .post-type-archive-product .b-hero .b-hero__inner.u-wrapper, .post-type-archive-product .b-hero .wp-block-group .b-hero__inner.wp-block-group__inner-container, .wp-block-group .post-type-archive-product .b-hero .b-hero__inner.wp-block-group__inner-container, .blog .b-hero .b-hero__inner.u-wrapper, .blog .b-hero .wp-block-group .b-hero__inner.wp-block-group__inner-container, .wp-block-group .blog .b-hero .b-hero__inner.wp-block-group__inner-container, .single-post .b-hero .b-hero__inner.u-wrapper, .single-post .b-hero .wp-block-group .b-hero__inner.wp-block-group__inner-container, .wp-block-group .single-post .b-hero .b-hero__inner.wp-block-group__inner-container, .page-template-template-faq .b-hero .b-hero__inner.u-wrapper, .page-template-template-faq .b-hero .wp-block-group .b-hero__inner.wp-block-group__inner-container, .wp-block-group .page-template-template-faq .b-hero .b-hero__inner.wp-block-group__inner-container {
    min-width: 500px;
  }
}
.post-type-archive-product h1, .blog h1, .single-post h1, .page-template-template-faq h1 {
  color: #004820;
  background-repeat: no-repeat;
  padding: 1rem;
}

.post-type-archive-product .b-hero::after {
  background: url(/wp-content/themes/legion/dist/images/cartons-cans-group.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: unset !important;
}

.blog .b-hero::after {
  background: url(/wp-content/themes/legion/dist/images/Cans-fan-01.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: unset !important;
}

.single-post .b-hero::after {
  content: unset;
  background: unset !important;
}

.page-template-template-faq .b-hero::after {
  content: unset;
  background: unset !important;
}

.b-hero {
  display: flex;
  justify-content: center;
  flex-direction: column;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: cover;
  position: relative;
  margin-bottom: var(--space32);
  overflow: hidden;
}
.b-hero::after {
  content: "";
  display: block;
  position: absolute;
  background: var(--colourLight);
  width: 100%;
  bottom: -2px;
  left: 0;
  height: calc(var(--spaceHeader) / 2);
  border-radius: var(--borderRadiusLg) var(--borderRadiusLg) 0 0;
  z-index: var(--depthAbove);
}
.b-hero__inner h1,
.b-hero__inner h2 {
  margin: 0;
  line-height: 1.2;
}
.b-hero__action {
  display: flex;
  justify-content: center;
}
.b-hero__action .u-button, .b-hero__action .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-hero__action .gform_button, .b-hero__action .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-hero__action .wp-block-button__link {
  font-size: var(--fontSize18);
}
.b-hero__subTitle {
  position: relative;
}
.b-hero__subTitle .b-hero__icon {
  transform: rotate(36deg);
  position: absolute;
  left: 0.1em;
  top: -0.5em;
  width: 14%;
}
.b-hero__subTitle .b-hero__icon path {
  fill: #f6ca49;
}
.b-hero__overlay {
  max-width: 520px;
}
.b-hero__intro {
  margin-top: var(--space34);
}

/* SUSO Banner Annimations */
/* Chrome, Safari, Opera */
@keyframes rise-up {
  0% {
    opacity: 0;
    transform: translateY(150%);
  }
  30% {
    opacity: 0;
    transform: translateY(150%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes breathe {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(0%);
  }
}
/* product banner animated */
.banner {
  position: relative;
  width: 100%;
  min-height: 40vh;
}

.banner img {
  position: absolute;
  left: 0;
  max-width: 100%;
  height: auto;
}

.banner .background {
  width: 100%;
  height: auto;
  display: none;
}
@media (min-width: 768px) {
  .banner .background {
    display: block;
  }
}

/* Home banner animated */
.banner-animated--home {
  overflow: hidden;
}
@media (min-width: 768px) {
  .banner-animated--home {
    min-height: 100vh;
  }
}

.banner-animated--home .banner-logo {
  width: 32vw;
  left: 8vw;
  top: 3vw;
  pointer-events: none;
  z-index: 20;
}

.banner-animated--home .brand-tagline {
  width: 31vw;
  left: 7.5vw;
  top: 17vw;
  animation: sun 12s ease infinite;
  pointer-events: none;
  /* z-index: 20; */
}

.banner .product {
  width: 8vw;
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.3));
  margin-top: 0px;
  transition: 1.4s all ease;
  animation: rise-up 3s ease-out, breathe 3.5s ease-in-out 3s infinite;
}

.banner .product.just-rise {
  animation: rise-up 3s ease-out;
}

.banner .product:hover {
  margin-top: -40px;
  transition: 0.4s all ease;
}

.banner .product.just-rise:hover {
  margin-top: 0;
}

.banner .product-s1 {
  left: 5vw;
  width: 30vw;
}
@media (max-width: 991px) {
  .banner .product-s1 {
    left: 8vw;
    top: 17vw;
  }
}
@media (max-width: 900px) {
  .banner .product-s1 {
    top: 20vw;
  }
}
@media (max-width: 750px) {
  .banner .product-s1 {
    top: 25vw;
  }
}
@media (max-width: 600px) {
  .banner .product-s1 {
    top: 30vw;
  }
}
@media (max-width: 400px) {
  .banner .product-s1 {
    top: 35vw;
  }
}
@media (max-width: 350px) {
  .banner .product-s1 {
    top: 40vw;
  }
}
@media (min-width: 992px) {
  .banner .product-s1 {
    left: 42vw;
    top: -2vw;
    width: 23vw;
  }
}

.banner .product-s2 {
  left: 59vw;
  width: 29vw;
}
@media (max-width: 991px) {
  .banner .product-s2 {
    left: 62vw;
    top: 12vw;
  }
}
@media (max-width: 900px) {
  .banner .product-s2 {
    top: 15vw;
  }
}
@media (max-width: 750px) {
  .banner .product-s2 {
    top: 19vw;
  }
}
@media (max-width: 600px) {
  .banner .product-s2 {
    top: 24vw;
  }
}
@media (max-width: 400px) {
  .banner .product-s2 {
    top: 29vw;
  }
}
@media (max-width: 350px) {
  .banner .product-s2 {
    top: 34vw;
  }
}
@media (min-width: 992px) {
  .banner .product-s2 {
    left: 75vw;
    top: 2vw;
    width: 15vw;
  }
}

.banner .product-s3 {
  left: 57vw;
  width: 30vw;
}
@media (max-width: 991px) {
  .banner .product-s3 {
    left: 60vw;
    top: 47vw;
  }
}
@media (max-width: 900px) {
  .banner .product-s3 {
    top: 50vw;
  }
}
@media (max-width: 750px) {
  .banner .product-s3 {
    top: 55vw;
  }
}
@media (max-width: 600px) {
  .banner .product-s3 {
    top: 60vw;
  }
}
@media (max-width: 400px) {
  .banner .product-s3 {
    top: 65vw;
  }
}
@media (max-width: 350px) {
  .banner .product-s3 {
    top: 70vw;
  }
}
@media (min-width: 992px) {
  .banner .product-s3 {
    left: 78vw;
    top: 29vw;
    width: 17vw;
  }
}

.banner .product-s4 {
  left: 27vw;
  width: 41vw;
}
@media (max-width: 991px) {
  .banner .product-s4 {
    left: 30vw;
    top: 27vw;
  }
}
@media (max-width: 900px) {
  .banner .product-s4 {
    top: 30vw;
  }
}
@media (max-width: 750px) {
  .banner .product-s4 {
    top: 35vw;
  }
}
@media (max-width: 600px) {
  .banner .product-s4 {
    top: 40vw;
  }
}
@media (max-width: 400px) {
  .banner .product-s4 {
    top: 35vw;
  }
}
@media (max-width: 350px) {
  .banner .product-s4 {
    top: 50vw;
  }
}
@media (min-width: 992px) {
  .banner .product-s4 {
    left: 53vw;
    top: 9vw;
    width: 32vw;
  }
}

.banner .product-s5 {
  left: 16vw;
  width: 26vw;
}
@media (max-width: 991px) {
  .banner .product-s5 {
    left: 19vw;
    top: 45vw;
  }
}
@media (max-width: 900px) {
  .banner .product-s5 {
    top: 48vw;
  }
}
@media (max-width: 750px) {
  .banner .product-s5 {
    top: 53vw;
  }
}
@media (max-width: 600px) {
  .banner .product-s5 {
    top: 58vw;
  }
}
@media (max-width: 400px) {
  .banner .product-s5 {
    top: 63vw;
  }
}
@media (max-width: 350px) {
  .banner .product-s5 {
    top: 68vw;
  }
}
@media (min-width: 992px) {
  .banner .product-s5 {
    left: 40vw;
    top: 28vw;
    width: 24vw;
  }
}

.banner .product-s6 {
  left: 71vw;
  width: 11vw;
}
@media (max-width: 991px) {
  .banner .product-s6 {
    left: 74vw;
    top: 12vw;
  }
}
@media (max-width: 900px) {
  .banner .product-s6 {
    top: 15vw;
  }
}
@media (max-width: 750px) {
  .banner .product-s6 {
    top: 20vw;
  }
}
@media (max-width: 600px) {
  .banner .product-s6 {
    top: 25vw;
  }
}
@media (max-width: 400px) {
  .banner .product-s6 {
    top: 30vw;
  }
}
@media (max-width: 350px) {
  .banner .product-s6 {
    top: 35vw;
  }
}
@media (min-width: 992px) {
  .banner .product-s6 {
    left: 61vw;
    top: 4vw;
    width: 11vw;
  }
}

.banner .product-s7 {
  left: 0vw;
  width: 16vw;
}
@media (max-width: 991px) {
  .banner .product-s7 {
    left: 3vw;
    top: 32vw;
  }
}
@media (max-width: 900px) {
  .banner .product-s7 {
    top: 35vw;
  }
}
@media (max-width: 750px) {
  .banner .product-s7 {
    top: 40vw;
  }
}
@media (max-width: 600px) {
  .banner .product-s7 {
    top: 45vw;
  }
}
@media (max-width: 400px) {
  .banner .product-s7 {
    top: 50vw;
  }
}
@media (max-width: 350px) {
  .banner .product-s7 {
    top: 55vw;
  }
}
@media (min-width: 992px) {
  .banner .product-s7 {
    left: 81vw;
    top: 16vw;
    width: 12vw;
  }
}

.banner .product-s8 {
  left: 76vw;
  width: 15vw;
}
@media (max-width: 991px) {
  .banner .product-s8 {
    left: 79vw;
    top: 42vw;
  }
}
@media (max-width: 900px) {
  .banner .product-s8 {
    top: 45vw;
  }
}
@media (max-width: 750px) {
  .banner .product-s8 {
    top: 50vw;
  }
}
@media (max-width: 600px) {
  .banner .product-s8 {
    top: 55vw;
  }
}
@media (max-width: 400px) {
  .banner .product-s8 {
    top: 60vw;
  }
}
@media (max-width: 350px) {
  .banner .product-s8 {
    top: 65vw;
  }
}
@media (min-width: 992px) {
  .banner .product-s8 {
    left: 40vw;
    top: 42vw;
    width: 15vw;
  }
}

.banner .product-s9 {
  left: 13vw;
  width: 21vw;
}
@media (max-width: 991px) {
  .banner .product-s9 {
    left: 16vw;
    top: 57vw;
  }
}
@media (max-width: 900px) {
  .banner .product-s9 {
    top: 60vw;
  }
}
@media (max-width: 750px) {
  .banner .product-s9 {
    top: 65vw;
  }
}
@media (max-width: 600px) {
  .banner .product-s9 {
    top: 70vw;
  }
}
@media (max-width: 400px) {
  .banner .product-s9 {
    top: 75vw;
  }
}
@media (max-width: 350px) {
  .banner .product-s9 {
    top: 80vw;
  }
}
@media (min-width: 992px) {
  .banner .product-s9 {
    left: 53vw;
    top: 32vw;
    width: 21vw;
  }
}

.banner .product-s10 {
  left: 44vw;
  width: 25vw;
}
@media (max-width: 991px) {
  .banner .product-s10 {
    left: 47vw;
    top: 28vw;
  }
}
@media (max-width: 900px) {
  .banner .product-s10 {
    top: 31vw;
  }
}
@media (max-width: 750px) {
  .banner .product-s10 {
    top: 36vw;
  }
}
@media (max-width: 600px) {
  .banner .product-s10 {
    top: 41vw;
  }
}
@media (max-width: 400px) {
  .banner .product-s10 {
    top: 46vw;
  }
}
@media (max-width: 350px) {
  .banner .product-s10 {
    top: 51vw;
  }
}
@media (min-width: 992px) {
  .banner .product-s10 {
    left: 64vw;
    top: 10vw;
    width: 21vw;
  }
}

@media (max-width: 991px) {
  .banner .product-s11 {
    left: 0;
    right: 0;
    bottom: 5vw;
    width: 90vw;
    margin: auto;
  }
}
@media (max-width: 350px) {
  .banner .product-s11 {
    bottom: 18vw;
  }
}
@media (min-width: 992px) {
  .banner .product-s11 {
    left: -5vw;
    top: 30vw;
    bottom: unset;
    width: 53vw;
    display: block;
    transform: unset;
  }
}

.banner .product-s12 {
  left: 10vw;
  width: 13vw;
}
@media (max-width: 991px) {
  .banner .product-s12 {
    left: 13vw;
    top: 16vw;
  }
}
@media (max-width: 900px) {
  .banner .product-s12 {
    top: 19vw;
  }
}
@media (max-width: 750px) {
  .banner .product-s12 {
    top: 24vw;
  }
}
@media (max-width: 600px) {
  .banner .product-s12 {
    top: 29vw;
  }
}
@media (max-width: 400px) {
  .banner .product-s12 {
    top: 34vw;
  }
}
@media (max-width: 350px) {
  .banner .product-s12 {
    top: 39vw;
  }
}
@media (min-width: 992px) {
  .banner .product-s12 {
    left: 44vw;
    top: 0vw;
    width: 10vw;
  }
}

.banner .product-s13 {
  left: 15vw;
  width: 9vw;
  display: none;
}
@media (max-width: 991px) {
  .banner .product-s13 {
    left: 18vw;
    top: 5vw;
  }
}
@media (max-width: 900px) {
  .banner .product-s13 {
    top: 8vw;
  }
}
@media (max-width: 750px) {
  .banner .product-s13 {
    top: 13vw;
  }
}
@media (max-width: 600px) {
  .banner .product-s13 {
    top: 18vw;
  }
}
@media (max-width: 400px) {
  .banner .product-s13 {
    top: 23vw;
  }
}
@media (max-width: 350px) {
  .banner .product-s13 {
    top: 28vw;
  }
}
@media (min-width: 992px) {
  .banner .product-s13 {
    left: 82vw;
    top: 3vw;
    width: 9vw;
    display: block;
  }
}

.banner .product-s14 {
  left: 71vw;
  width: 17vw;
}
@media (max-width: 991px) {
  .banner .product-s14 {
    left: 74vw;
    top: 60vw;
  }
}
@media (max-width: 900px) {
  .banner .product-s14 {
    top: 63vw;
  }
}
@media (max-width: 750px) {
  .banner .product-s14 {
    top: 68vw;
  }
}
@media (max-width: 600px) {
  .banner .product-s14 {
    top: 73vw;
  }
}
@media (max-width: 400px) {
  .banner .product-s14 {
    top: 78vw;
  }
}
@media (max-width: 350px) {
  .banner .product-s14 {
    top: 83vw;
  }
}
@media (min-width: 992px) {
  .banner .product-s14 {
    left: 85vw;
    top: 37vw;
    width: 10vw;
  }
}

/* below not needed for build - but needed for prototype to show mobile and content */
.site-content {
  z-index: 100;
  pointer-events: none;
}

.fixed-prompt {
  position: fixed;
  right: 12px;
  bottom: 24px;
  z-index: 1000;
  filter: drop-shadow(7px 12px 12px rgba(0, 0, 0, 0.3));
}

.hide--on-mobile {
  display: none;
}

@media (min-width: 768px) {
  .hide--on-mobile {
    display: block;
  }
}
.home-banner-container {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .home-banner-container {
    background-image: url(/wp-content/themes/legion/dist/images/bg-gradient-3-rotated-2.png);
    background-position: center;
    background-size: cover;
    padding-bottom: 340px;
  }
}
@media (max-width: 700px) {
  .home-banner-container {
    padding-bottom: 300px;
  }
}
@media (max-width: 600px) {
  .home-banner-container {
    padding-bottom: 300px;
  }
}
@media (max-width: 550px) {
  .home-banner-container {
    padding-bottom: 270px;
  }
}
@media (max-width: 500px) {
  .home-banner-container {
    padding-bottom: 240px;
  }
}
@media (max-width: 450px) {
  .home-banner-container {
    padding-bottom: 230px;
  }
}
@media (max-width: 400px) {
  .home-banner-container {
    padding-bottom: 210px;
  }
}
@media (min-width: 992px) {
  .home-banner-container {
    position: absolute;
    padding: 1rem 1rem;
  }
}
@media (min-width: 1200px) {
  .home-banner-container {
    padding: 1rem 2rem;
  }
}
@media (min-width: 1400px) {
  .home-banner-container {
    padding: 2rem 3rem;
  }
}
@media (min-width: 2000px) {
  .home-banner-container {
    padding: 2rem 5rem;
  }
}
@media (min-width: 2150px) {
  .home-banner-container {
    padding: 2rem 6rem;
  }
}
@media (min-width: 2300px) {
  .home-banner-container {
    padding: 2rem 7rem;
  }
}
@media (min-width: 2400px) {
  .home-banner-container {
    padding: 6rem 9rem;
  }
}
.home-banner-container-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  z-index: 10;
}
@media (min-width: 992px) {
  .home-banner-container-inner {
    width: 40%;
  }
}
@media (min-width: 1800px) {
  .home-banner-container-inner {
    width: 42%;
  }
}
.home-banner-container-inner svg.suso-logo {
  position: relative;
}
@media (max-width: 991px) {
  .home-banner-container-inner svg.suso-logo {
    position: relative;
    flex-shrink: 0;
    top: 30px;
    align-self: flex-start;
    margin-bottom: 715px;
    margin-left: 30px;
    width: 165px;
  }
}
@media (max-width: 850px) {
  .home-banner-container-inner svg.suso-logo {
    margin-bottom: 625px;
  }
}
@media (max-width: 767px) {
  .home-banner-container-inner svg.suso-logo {
    margin-bottom: 560px;
  }
}
@media (max-width: 700px) {
  .home-banner-container-inner svg.suso-logo {
    margin-bottom: 530px;
  }
}
@media (max-width: 650px) {
  .home-banner-container-inner svg.suso-logo {
    margin-bottom: 500px;
  }
}
@media (max-width: 600px) {
  .home-banner-container-inner svg.suso-logo {
    margin-bottom: 480px;
  }
}
@media (max-width: 550px) {
  .home-banner-container-inner svg.suso-logo {
    margin-bottom: 430px;
  }
}
@media (max-width: 500px) {
  .home-banner-container-inner svg.suso-logo {
    width: 120px;
    margin-bottom: 390px;
  }
}
@media (max-width: 450px) {
  .home-banner-container-inner svg.suso-logo {
    margin-bottom: 345px;
  }
}
@media (max-width: 400px) {
  .home-banner-container-inner svg.suso-logo {
    margin-bottom: 320px;
  }
}
@media (max-width: 350px) {
  .home-banner-container-inner svg.suso-logo {
    margin-bottom: 300px;
  }
}
@media (min-width: 992px) {
  .home-banner-container-inner svg.suso-logo {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .home-banner-container-inner svg.suso-logo {
    width: 60%;
  }
}
@media (min-width: 1400px) {
  .home-banner-container-inner svg.suso-logo {
    width: 70%;
  }
}
@media (min-width: 2000px) {
  .home-banner-container-inner svg.suso-logo {
    width: 80%;
  }
}
@media (min-width: 2400px) {
  .home-banner-container-inner svg.suso-logo {
    width: 90%;
  }
}
.home-banner-container-inner h2 {
  position: relative;
  color: #522335;
}
@media (max-width: 991px) {
  .home-banner-container-inner h2 {
    font-size: 3rem;
    margin-top: 0.5rem;
  }
}
@media (max-width: 450px) {
  .home-banner-container-inner h2 {
    font-size: 2rem;
    margin-top: 1rem;
  }
}
@media (min-width: 992px) {
  .home-banner-container-inner h2 {
    font-size: 2.4rem;
    margin-top: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .home-banner-container-inner h2 {
    margin-top: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .home-banner-container-inner h2 {
    font-size: 3.4rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 2000px) {
  .home-banner-container-inner h2 {
    font-size: 4.4rem;
  }
}
@media (min-width: 2400px) {
  .home-banner-container-inner h2 {
    font-size: 5.4rem;
    margin-top: 1.5rem;
  }
}
.home-banner-container-inner h2 .home-banner-icon {
  position: absolute;
  top: -0.4em;
}
@media (max-width: 991px) {
  .home-banner-container-inner h2 .home-banner-icon {
    width: 30px;
  }
}
@media (min-width: 992px) {
  .home-banner-container-inner h2 .home-banner-icon {
    right: -1.1em;
    font-size: 2.4rem;
    max-width: 40px;
  }
}
@media (min-width: 1200px) {
  .home-banner-container-inner h2 .home-banner-icon {
    top: -0.6em;
  }
}
@media (min-width: 2400px) {
  .home-banner-container-inner h2 .home-banner-icon {
    top: -0.5em;
    right: -0.7em;
    font-size: 5.4rem;
    max-width: unset;
  }
}
.home-banner-container-inner h2 .home-banner-icon svg {
  transform: rotate(138deg);
  fill: #ffffff;
}
.home-banner-container-inner .home-banner-intro {
  position: relative;
  width: 90%;
  max-width: 800px;
  color: #630F02;
  background-image: url(/wp-content/themes/legion/dist/images/SUSO-brush-titles.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding: 1rem;
}
@media (max-width: 991px) {
  .home-banner-container-inner .home-banner-intro {
    padding: 0rem;
  }
}
@media (min-width: 992px) {
  .home-banner-container-inner .home-banner-intro {
    font-size: 1rem;
    padding-top: 1.5rem;
  }
}
@media (min-width: 1600px) {
  .home-banner-container-inner .home-banner-intro {
    font-size: 1.2rem;
  }
}
@media (max-width: 991px) {
  .home-banner-container-inner .home-banner-intro p {
    margin: 25px 15px;
  }
}
.home-banner-container-inner .home-banner-intro-button {
  position: absolute;
  width: 100%;
  bottom: 0%;
  left: 0;
}
.home-banner-container-inner .home-banner-intro-button a {
  position: absolute;
  right: 0;
  left: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transform: translateY(-125%);
  color: #630F02;
  background-color: var(--colourSusoOrange);
}
@media (max-width: 991px) {
  .home-banner-container-inner .home-banner-intro-button a {
    transform: translateY(-45%);
  }
}
@media (min-width: 992px) {
  .home-banner-container-inner .home-banner-intro-button a {
    font-size: 1rem;
    transform: translateY(-68%);
  }
}
@media (min-width: 1600px) {
  .home-banner-container-inner .home-banner-intro-button a {
    font-size: 1.2rem;
  }
}
@media (min-width: 2200px) {
  .home-banner-container-inner .home-banner-intro-button a {
    font-size: 1.5rem;
  }
}

.b-madeSimply {
  margin-bottom: var(--spaceHeader);
}
@media (min-width: 60em) {
  .b-madeSimply__grid {
    display: flex;
    justify-content: space-between;
    gap: var(--spaceGrid);
  }
}
.b-madeSimply__column {
  margin-bottom: var(--spaceGrid);
}
@media (max-width: 59.99em) {
  .b-madeSimply__column:first-child {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 60em) {
  .b-madeSimply__column {
    margin-bottom: 0;
  }
}
.b-madeSimply__column__content {
  display: flex;
  justify-content: center;
  flex: 1;
}
.b-madeSimply__column__content h2,
.b-madeSimply__column__content h3 {
  margin-bottom: var(--space32);
  color: var(--colourDarkCherryPrimary);
  font-family: "area", "Helvetica Neue", "Roboto", helvetica, sans-serif;
  font-weight: 600 !important;
  font-style: Black;
  font-size: 42px;
  line-height: 59px;
  letter-spacing: 0%;
}
.b-madeSimply__column__content p {
  font-family: "area", "Helvetica Neue", "Roboto", helvetica, sans-serif;
  font-weight: 500 !important;
  font-style: Medium;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -3.8%;
}
.b-madeSimply__column__image {
  position: relative;
  height: 500px;
}
@media (min-width: 60em) {
  .b-madeSimply__column__image {
    width: 300px;
    height: 450px;
  }
}
.b-madeSimply__column__image video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  border-radius: 160px;
  overflow: hidden;
  pointer-events: none;
}
@media (min-width: 60em) {
  .b-madeSimply__column__image video {
    border-radius: 150px;
    width: 300px;
    height: 450px;
  }
}
.b-madeSimply__content {
  max-width: 800px;
}

.b-benefits {
  background: var(--colourMangoSecondary);
  padding: 20vw 0;
  overflow: hidden;
  position: relative;
}
@media (min-width: 60em) {
  .b-benefits {
    padding: 10vw 0;
  }
}
.b-benefits__content__grid {
  display: flex;
  margin-left: var(--spaceGridNegative);
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 10vw;
  flex-direction: column;
}
@media (min-width: 60em) {
  .b-benefits__content__grid {
    flex-direction: row;
  }
}
.b-benefits__flourish {
  position: absolute;
  z-index: var(--depthBase);
}
.b-benefits__flourish--surprise {
  top: 0;
  right: 0;
  width: 40px;
}
@media (min-width: 60em) {
  .b-benefits__flourish--surprise {
    width: 70px;
  }
}
.b-benefits__flourish--bubbles {
  top: 20%;
  left: -10%;
  width: 60px;
}
@media (min-width: 60em) {
  .b-benefits__flourish--bubbles {
    width: 180px;
  }
}
.b-benefits__flourish--zig {
  top: 50%;
  left: 50%;
  width: 80vw;
  transform: translate(-50%, -50%) rotate(150deg);
}
@media (min-width: 60em) {
  .b-benefits__flourish--zig {
    width: clamp(300px, 60vw, 980px);
    width: 980px;
  }
}
.b-benefits__options {
  font-size: var(--fontSizeMedium);
  color: var(--colourLight);
  margin: 0 0 0 var(--spaceDouble);
  padding: 0;
  list-style: none;
}
.b-benefits__item {
  position: relative;
  font-weight: 300;
}
.b-benefits__item::before {
  content: "-";
  display: block;
  position: absolute;
  left: -1.5em;
}
.b-benefits__title {
  font-size: var(--fontSizeLarge);
  font-family: "strive", "Helvetica Neue", "Roboto", helvetica, sans-serif;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  color: var(--colourLight);
  letter-spacing: 0.08em;
}
.b-benefits__title::after {
  content: "";
  display: block;
  height: 2px;
  width: 30px;
  background: var(--colourLight);
  margin-left: var(--spaceBase);
}
@media (min-width: 60em) {
  .b-benefits__title::after {
    width: 134px;
  }
}
.b-benefits__grid {
  flex-wrap: wrap;
  position: relative;
  z-index: var(--depthBase);
  max-width: 1024px;
  margin: 0 auto;
  gap: var(--spaceGrid);
}
@media (min-width: 60em) {
  .b-benefits__grid {
    width: 80%;
    display: grid;
    grid-template-columns: 27.5% 72.5%;
  }
}
.b-benefits__column {
  position: relative;
  flex: 1;
}
.b-benefits__column__inner {
  padding: 5vw 0 0;
}
@media (min-width: 60em) {
  .b-benefits__column__inner {
    padding: 0 3vw 0 10vw;
  }
}
.b-benefits__column--image {
  max-width: 200px;
  flex-basis: 100%;
}
@media (min-width: 60em) {
  .b-benefits__column--image {
    max-width: 512px;
    flex-basis: 50%;
  }
}
.b-benefits__column--image > img,
.b-benefits__column--image picture {
  max-height: 70vh;
  max-width: 200px;
  position: relative;
  z-index: var(--depthAbove);
}
@media (min-width: 60em) {
  .b-benefits__column--image > img,
  .b-benefits__column--image picture {
    max-width: 512px;
    opacity: 0;
    visibility: hidden;
  }
}
.b-benefits__column--video {
  margin-bottom: var(--spaceGrid);
  cursor: pointer;
}
.b-benefits__column--video:hover .b-benefits__video__action {
  opacity: 1;
}
.b-benefits__column--content {
  padding-left: 10vw;
}
@media (min-width: 60em) {
  .b-benefits__column--content {
    padding-left: 0;
  }
}
.b-benefits__video__action {
  background: transparent;
  border: 0;
  -webkit-appearance: none;
          appearance: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  transition: opacity 0.3s ease;
}
.b-benefits__video__action.is-active .b-benefits__video__icon::before {
  width: 0;
  height: 0;
  border-right: 0;
  border-top: 10px solid transparent;
  border-left: 11px solid var(--colourLight);
  border-bottom: 10px solid transparent;
}
.b-benefits__video__action.is-active .b-benefits__video__icon::after {
  border-width: 0;
}
.b-benefits__video__icon {
  position: relative;
  width: 17px;
  height: 21px;
  display: block;
  margin: 0;
  padding: 0;
}
.b-benefits__video__icon::before, .b-benefits__video__icon::after {
  content: "";
  display: block;
  position: absolute;
  height: 21px;
  transition: border 0.3s linear;
  border: 0;
  border-style: solid;
  border-color: var(--colourLight);
  border-right-width: 3px;
}
.b-benefits__video__icon::before {
  left: 0;
}
.b-benefits__video__icon::after {
  left: 8px;
}
.b-benefits__carousel__item {
  width: 100%;
}
.b-benefits__carousel .flickity-page-dots {
  text-align: right;
  bottom: 15px;
  right: 25px;
}
.b-benefits__carousel .flickity-page-dots .dot {
  width: 16px;
  height: 16px;
  background: var(--colourLight);
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  opacity: 1;
  margin: 0 5px;
}
.b-benefits__carousel .flickity-page-dots .dot.is-selected {
  background-color: var(--colourOrange);
}

.b-instagram {
  text-align: center;
  position: relative;
  overflow: hidden;
}
.b-instagram__switch {
  display: flex;
  justify-content: center;
  gap: var(--space12);
  margin: 0 auto;
  margin-bottom: var(--space32);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 60em) {
  .b-instagram__switch {
    gap: var(--space24);
  }
}
.b-instagram__switch .u-button--switch {
  background: var(--colourOrange);
  color: var(--colourDarkCherrySecondary);
}
@media (min-width: 60em) {
  .b-instagram__switch .u-button--switch {
    min-width: 220px;
  }
}
.b-instagram__switch .u-button--switch.is-active {
  background: var(--colourGreen);
}
.b-instagram__switch .u-button--switch:hover {
  background: var(--colourJuicySecondary);
}
.b-instagram__social {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space12);
  bottom: var(--spaceDouble);
  width: 90%;
}
@media (min-width: 60em) {
  .b-instagram__social {
    gap: var(--space24);
  }
}
.b-instagram__social__link {
  color: var(--colourDarkCherryPrimary) !important;
  background-color: #ffffff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  background: var(--colourLight);
  text-align: center;
  padding: 0.7em;
  cursor: pointer;
  font-size: var(--fontSizeFindOutMore);
  line-height: 1;
  border-radius: 60px;
  transition: color 0.3s ease, background 0.3s ease;
}
@media (min-width: 60em) {
  .b-instagram__social__link {
    padding: 0.5em 1.5em 0.7em;
  }
}
.b-instagram__social__link:hover {
  color: #ffffff;
  background-color: var(--colourDarkCherryPrimary);
}
.b-instagram__social__link:hover path {
  fill: var(--colourLight);
}
.b-instagram__social__link svg {
  width: 20px;
  height: auto;
  display: flex;
}
@media (min-width: 60em) {
  .b-instagram__social__link svg {
    margin-right: var(--spaceHalf);
  }
}
.b-instagram__social__link path {
  transition: fill 0.3s ease;
  fill: var(--colourDark);
}
.b-instagram__social__find {
  display: none;
}
@media (min-width: 60em) {
  .b-instagram__social__find {
    display: block;
  }
}
.b-instagram__container {
  position: relative;
  margin-bottom: 1vw;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  position: absolute;
  width: 100%;
  overflow: hidden;
}
.b-instagram__container.is-active {
  opacity: 1;
  transition: opacity 0.3s ease;
  position: relative;
  z-index: var(--depthAbove);
  pointer-events: all;
}
.b-instagram__carousel {
  position: relative;
  z-index: var(--depthAbove);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.b-instagram__carousel.swiper-initialized {
  opacity: 1;
}
.b-instagram__carousel .swiper-wrapper, .b-instagram__carousel.swiper {
  overflow: visible;
}
.b-instagram__bigz svg {
  position: absolute;
  z-index: var(--depthBase);
  top: 50%;
  left: 50%;
  transform: translate3d(-30%, -50%, 0);
  height: 80%;
  width: auto;
  max-width: initial;
}
.b-instagram__bigz svg path {
  fill: rgba(165, 199, 46, 0.11);
}
.b-instagram__bigz {
  background-image: url(/wp-content/themes/legion/dist/images/splash-group-1.5-scale.png);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
}
.b-instagram .b-instagram__flourish {
  position: absolute;
  top: -30px;
  right: -30px;
  width: 60px;
  opacity: 0;
  transition: opacity 0.4s ease;
}
@media (min-width: 60em) {
  .b-instagram .b-instagram__flourish {
    top: -20px;
    right: -20px;
  }
}
.b-instagram .b-instagram__flourish svg {
  max-width: 100%;
  height: auto;
}
.b-instagram__item {
  padding: var(--space12);
  margin: 0 var(--spaceGrid);
  display: flex;
  justify-content: center;
  max-width: 125px;
  height: auto;
}
@media (min-width: 60em) {
  .b-instagram__item {
    max-width: 225px;
  }
}
.b-instagram__item__inner {
  position: relative;
}
.b-instagram__item img,
.b-instagram__item picture {
  max-width: 125px;
}
@media (min-width: 60em) {
  .b-instagram__item img,
  .b-instagram__item picture {
    max-width: 225px;
  }
}
.b-instagram__item--5 {
  max-width: 125px;
}
@media (min-width: 60em) {
  .b-instagram__item--5 {
    max-width: 225px;
  }
}
.b-instagram__item--5 img,
.b-instagram__item--5 picture {
  max-width: 125px;
}
@media (min-width: 60em) {
  .b-instagram__item--5 img,
  .b-instagram__item--5 picture {
    max-width: 225px;
  }
}
.b-instagram__item--4 {
  max-width: 225px;
}
@media (min-width: 60em) {
  .b-instagram__item--4 {
    max-width: 350px;
  }
}
.b-instagram__item--4 img,
.b-instagram__item--4 picture {
  max-width: 225px;
}
@media (min-width: 60em) {
  .b-instagram__item--4 img,
  .b-instagram__item--4 picture {
    max-width: 300px;
  }
}
.b-instagram__item:last-child {
  margin-right: 0 !important;
}
.b-instagram__item:hover .u-button, .b-instagram__item:hover .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-instagram__item:hover .gform_button, .b-instagram__item:hover .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-instagram__item:hover .wp-block-button__link,
.b-instagram__item:hover .b-instagram__flourish {
  opacity: 1;
}
.b-instagram__item .u-button, .b-instagram__item .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-instagram__item .gform_button, .b-instagram__item .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-instagram__item .wp-block-button__link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  white-space: nowrap;
  font-size: var(--fontSize18);
  transition: opacity 0.4s ease, background 0.4s ease;
  opacity: 0;
}
.b-instagram__item--orange .b-instagram__flourish path {
  fill: var(--colourOrangeSecondary);
}
.b-instagram__item--orange .u-button, .b-instagram__item--orange .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-instagram__item--orange .gform_button, .b-instagram__item--orange .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-instagram__item--orange .wp-block-button__link {
  background-color: var(--colourOrangeSecondary);
}
.b-instagram__item--orange .u-button:hover, .b-instagram__item--orange .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-instagram__item--orange .gform_button:hover, .b-instagram__item--orange .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-instagram__item--orange .wp-block-button__link:hover {
  background-color: var(--colourOrangePrimary);
}
.b-instagram__item--forest .b-instagram__flourish path {
  fill: var(--colourForestSecondary);
}
.b-instagram__item--forest .u-button, .b-instagram__item--forest .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-instagram__item--forest .gform_button, .b-instagram__item--forest .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-instagram__item--forest .wp-block-button__link {
  background-color: var(--colourForestSecondary);
}
.b-instagram__item--forest .u-button:hover, .b-instagram__item--forest .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-instagram__item--forest .gform_button:hover, .b-instagram__item--forest .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-instagram__item--forest .wp-block-button__link:hover {
  background-color: var(--colourForestPrimary);
}
.b-instagram__item--apple .b-instagram__flourish path {
  fill: var(--colourAppleSecondary);
}
.b-instagram__item--apple .u-button, .b-instagram__item--apple .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-instagram__item--apple .gform_button, .b-instagram__item--apple .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-instagram__item--apple .wp-block-button__link {
  background-color: var(--colourAppleSecondary);
}
.b-instagram__item--apple .u-button:hover, .b-instagram__item--apple .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-instagram__item--apple .gform_button:hover, .b-instagram__item--apple .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-instagram__item--apple .wp-block-button__link:hover {
  background-color: var(--colourApplePrimary);
}
.b-instagram__item--mango .b-instagram__flourish path {
  fill: var(--colourMangoSecondary);
}
.b-instagram__item--mango .u-button, .b-instagram__item--mango .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-instagram__item--mango .gform_button, .b-instagram__item--mango .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-instagram__item--mango .wp-block-button__link {
  background-color: var(--colourMangoSecondary);
}
.b-instagram__item--mango .u-button:hover, .b-instagram__item--mango .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-instagram__item--mango .gform_button:hover, .b-instagram__item--mango .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-instagram__item--mango .wp-block-button__link:hover {
  background-color: var(--colourMangoPrimary);
}
.b-instagram__item--lemon .b-instagram__flourish path {
  fill: var(--colourLemonSecondary);
}
.b-instagram__item--lemon .u-button, .b-instagram__item--lemon .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-instagram__item--lemon .gform_button, .b-instagram__item--lemon .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-instagram__item--lemon .wp-block-button__link {
  background-color: var(--colourLemonSecondary);
}
.b-instagram__item--lemon .u-button:hover, .b-instagram__item--lemon .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-instagram__item--lemon .gform_button:hover, .b-instagram__item--lemon .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-instagram__item--lemon .wp-block-button__link:hover {
  background-color: var(--colourLemonPrimary);
}
.b-instagram__item--cherry .b-instagram__flourish path {
  fill: var(--colourCherrySecondary);
}
.b-instagram__item--cherry .u-button, .b-instagram__item--cherry .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-instagram__item--cherry .gform_button, .b-instagram__item--cherry .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-instagram__item--cherry .wp-block-button__link {
  background-color: var(--colourCherrySecondary);
}
.b-instagram__item--cherry .u-button:hover, .b-instagram__item--cherry .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-instagram__item--cherry .gform_button:hover, .b-instagram__item--cherry .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-instagram__item--cherry .wp-block-button__link:hover {
  background-color: var(--colourCherryPrimary);
}
.b-instagram__item--pure .b-instagram__flourish path {
  fill: var(--colourPureSecondary);
}
.b-instagram__item--pure .u-button, .b-instagram__item--pure .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-instagram__item--pure .gform_button, .b-instagram__item--pure .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-instagram__item--pure .wp-block-button__link {
  background-color: var(--colourPureSecondary);
}
.b-instagram__item--pure .u-button:hover, .b-instagram__item--pure .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-instagram__item--pure .gform_button:hover, .b-instagram__item--pure .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-instagram__item--pure .wp-block-button__link:hover {
  background-color: var(--colourPurePrimary);
}
.b-instagram__item--juicy .b-instagram__flourish path {
  fill: var(--colourJuicySecondary);
}
.b-instagram__item--juicy .u-button, .b-instagram__item--juicy .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-instagram__item--juicy .gform_button, .b-instagram__item--juicy .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-instagram__item--juicy .wp-block-button__link {
  background-color: var(--colourJuicySecondary);
}
.b-instagram__item--juicy .u-button:hover, .b-instagram__item--juicy .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-instagram__item--juicy .gform_button:hover, .b-instagram__item--juicy .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-instagram__item--juicy .wp-block-button__link:hover {
  background-color: var(--colourJuicyPrimary);
}
.b-instagram__feed__row {
  display: flex;
}
.b-instagram__feed__row--alt {
  justify-content: flex-end;
}
.b-instagram__feed__item {
  flex-shrink: 0;
  width: 100%;
  max-width: 280px;
  margin: 0 var(--spaceHalf) var(--spaceBase);
}
@media (min-width: 60em) {
  .b-instagram__feed__item {
    max-width: 380px;
  }
}
@media (min-width: 75em) {
  .b-instagram__feed__item {
    max-width: 450px;
    max-width: clamp(380px, 20vw, 480px);
  }
}
.b-instagram__intro {
  position: relative;
}
.b-instagram__intro__inner {
  display: flex;
  justify-content: center;
}
.b-instagram__navigation {
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  color: var(--colourLemonPrimary);
  font-size: var(--fontSize22);
  margin-bottom: var(--space32);
}
@media (min-width: 60em) {
  .b-instagram__navigation {
    display: none;
  }
}
.b-instagram__navigation span:first-child {
  margin-right: var(--space24);
}
.b-instagram__navigation span:last-child {
  margin-left: var(--space24);
}
.b-instagram__icon {
  position: absolute;
}
.b-instagram__icon--swirl {
  transform: rotate(-98deg);
  left: -50px;
  top: 50%;
}
.b-instagram__icon--swirl path {
  fill: #f6ca49;
}
.b-instagram__icon--surprise {
  left: 65%;
  top: -5%;
}
.b-instagram__icon--surprise path {
  fill: var(--colourApplePrimary);
}
.b-instagram__icon--zigzag {
  right: -50px;
  bottom: 14%;
  transform: rotate(0deg);
  width: 60%;
}
@media (min-width: 60em) {
  .b-instagram__icon--zigzag {
    width: initial;
  }
}
.b-instagram__icon--zigzag path {
  fill: var(--colourOrange);
}
.b-instagram__icon--bubbles {
  left: 5%;
  top: 5%;
  transform: rotate(181deg);
}
.b-instagram__icon--bubbles path {
  fill: #a6c9c6;
}

.b-retailers {
  padding: var(--unifiedPadding);
  text-align: center;
  background: var(--colourGreen);
  color: var(--colourLight);
  overflow: hidden;
  position: relative;
}
.b-retailers__intro {
  margin-bottom: var(--space48);
}
.b-retailers__intro__content {
  max-width: 520px;
  margin: 0 auto var(--space24);
}
.b-retailers__title {
  line-height: 1.3;
  margin: var(--space24) 0;
}
.b-retailers__item {
  display: flex;
  justify-content: center;
}
@media (min-width: 60em) {
  .b-retailers__item {
    justify-content: flex-start;
  }
  .b-retailers__item:nth-child(3n+3) {
    justify-content: flex-end;
  }
  .b-retailers__item:nth-child(3n+2) {
    justify-content: center;
  }
}
.b-retailers__grid {
  display: grid;
  gap: var(--space24);
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 60em) {
  .b-retailers__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spaceHeader) var(--spaceGrid);
  }
}
.b-retailers__grid > img,
.b-retailers__grid picture {
  object-fit: contain;
  width: 100%;
}
@media (min-width: 60em) {
  .b-retailers__grid > img,
  .b-retailers__grid picture {
    max-height: 57px;
    max-width: 150px;
  }
}

.b-flourish svg {
  overflow: visible;
}

/* .b-loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: c(Green);
  z-index: d(AboveNav);
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, .5));

  &__container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 2px;
    transform: translate(-50%, -50%);
  }

  &__bar {
    background: c(Light);
    width: 0;
    height: 100%;
  }

  &.is-active {
    pointer-events: none;
  }
}
 */
.b-social {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}
.b-social__inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.b-social__link {
  color: var(--colourLight);
}
.b-social__link:link {
  color: var(--colourLight);
}
.b-social__link:visited {
  color: var(--colourLight);
}
.b-social__link:active {
  color: var(--colourLight);
}
.b-social__link {
  /* Hover MUST be last in the list */
}
.b-social__link:hover {
  color: var(--colourDark);
}
.b-social__link {
  display: flex;
  align-items: center;
}
.b-social__link svg {
  width: 100%;
  height: auto;
  max-width: 16px;
  max-height: 16px;
  object-fit: contain;
  margin-right: var(--space9);
}
.b-social__link path {
  fill: var(--colourOrangeAlt);
}

.b-talkToUs__title {
  font-size: var(--fontSize45);
  font-weight: bold;
  color: var(--colourOrange);
  line-height: 1;
  text-align: center;
  margin: 0 0 var(--space16);
}
.b-talkToUs__title--cherry {
  color: var(--colourCherrySecondary);
}
.b-talkToUs__inline {
  text-decoration: underline;
  cursor: pointer;
}
.b-talkToUs__inner {
  max-width: 390px;
  width: 90%;
}
.b-aside--sample .b-talkToUs__inner .gform_wrapper .gform_footer .gform_button {
  background: var(--colourCherryPrimary);
  text-transform: none;
  font-size: var(--fontSize22);
}
.b-aside--sample .b-talkToUs__inner .gform_wrapper .gform_footer .gform_button:hover {
  background: var(--colourCherrySecondary);
}
.b-talkToUs__inner .gform_fields {
  border-top: 1px solid var(--colourBorder);
  display: grid;
  gap: 0;
  grid-template-columns: repeat(2, 1fr);
}
.b-talkToUs__inner .gform_fields .gfield {
  grid-column: span 2;
}
.b-talkToUs__inner .gform_fields .gfield--width-half {
  grid-column: span 1;
}
.b-talkToUs__inner .gfield--width-half:nth-child(odd) {
  border-right: 1px solid var(--colourBorder);
}
.b-talkToUs__intro {
  line-height: 1.8;
  font-size: var(--fontSize14);
  text-align: center;
  margin-bottom: var(--space24);
}
.b-talkToUs__action, .b-talkToUs__close {
  position: fixed;
  right: var(--space12);
  bottom: var(--space24);
  background: transparent;
  border: 0;
  -webkit-appearance: none;
          appearance: none;
  border-radius: 0;
  display: block;
  padding: 0;
  margin: 0;
  overflow: visible;
  filter: drop-shadow(7px 12px 12px rgba(0, 0, 0, 0.3));
  cursor: pointer;
  z-index: var(--depthAbove);
  height: auto;
  width: 80px;
}
@media (min-width: 60em) {
  .b-talkToUs__action, .b-talkToUs__close {
    width: 110px;
  }
}
.b-talkToUs__action circle,
.b-talkToUs__action path, .b-talkToUs__close circle,
.b-talkToUs__close path {
  transition: fill 0.4s ease;
}
.b-talkToUs__action:hover path,
.b-talkToUs__action:hover polygon, .b-talkToUs__close:hover path,
.b-talkToUs__close:hover polygon {
  fill: var(--colourLight);
}
.b-talkToUs__action:hover circle, .b-talkToUs__close:hover circle {
  fill: var(--colourOrange);
}
.b-talkToUs__action #speech, .b-talkToUs__close #speech {
  animation: rotatingReverse 10s linear infinite;
  transform-origin: 50%;
}
.b-talkToUs__action #talk-to-us, .b-talkToUs__close #talk-to-us {
  animation: rotating 10s linear infinite;
  transform-origin: 50%;
}
.b-talkToUs__close {
  position: absolute;
  z-index: var(--depthAboveNav);
}
.b-talkToUs__close:hover path {
  fill: var(--colourOrange);
}
.b-talkToUs__close:hover circle {
  fill: var(--colourLight);
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotatingReverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.b-heroSmall {
  max-height: 475px;
}
.b-heroSmall--news {
  background: linear-gradient(90deg, rgb(211, 101, 88) 0%, rgb(220, 155, 72) 70%, rgb(216, 203, 88) 80%, rgb(169, 203, 205) 90%, rgb(192, 152, 176) 100%);
}
.b-heroSmall__title {
  font-size: var(--fontSize60);
  line-height: 1.05;
}
@media (min-width: 60em) {
  .b-heroSmall__title {
    width: 70%;
  }
}
@media (min-width: 75em) {
  .b-heroSmall__title {
    font-size: var(--fontSize70);
  }
}

.b-latest {
  padding: var(--unifiedPadding);
  position: relative;
}
@media (min-width: 60em) {
  .b-latest {
    padding-bottom: 0px;
  }
}
.b-latest__container {
  position: relative;
}
.b-latest__carousel {
  margin-top: var(--space48);
}
.b-latest__action {
  position: absolute;
  top: 50%;
  display: none;
  transform: translateY(-50%);
  -webkit-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  border-radius: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  z-index: var(--depthAbove);
}
@media (min-width: 60em) {
  .b-latest__action {
    display: block;
  }
}
.b-latest__action circle {
  transition: fill 0.4s ease;
}
.b-latest__action svg {
  width: 32px;
  height: auto;
}
@media (min-width: 75em) {
  .b-latest__action svg {
    width: 64px;
  }
}
.b-latest__action:hover circle {
  fill: var(--colourOrangeAlt);
}
.b-latest__action--previous {
  left: var(--space12);
}
@media (min-width: 75em) {
  .b-latest__action--previous {
    left: var(--space34);
  }
}
.b-latest__action--next {
  right: var(--space12);
}
@media (min-width: 75em) {
  .b-latest__action--next {
    right: var(--space34);
  }
}
.b-latest__action svg {
  filter: drop-shadow(7px 12px 12px rgba(0, 0, 0, 0.3));
  border-radius: 50%;
}
.b-latest__title {
  line-height: 1.1;
  width: 85%;
}
.b-latest__item {
  width: 90%;
  position: relative;
}
.b-latest__item:hover > img,
.b-latest__item:hover picture {
  transition: transform 3s ease;
  transform: scale(1.05);
}
.b-latest__item__image {
  overflow: hidden;
}
.b-latest__item__image > img,
.b-latest__item__image picture {
  transition: transform 1s ease;
}
.b-latest__category {
  letter-spacing: 0.1em;
}
.b-latest__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
  margin: var(--space20) 0 var(--space14);
  font-size: var(--fontSize14);
}
@media (min-width: 60em) {
  .b-latest__meta {
    flex-direction: row;
  }
}
.b-latest__meta p {
  margin: 0;
}

.latest-h2 {
  font-family: "area", "Helvetica Neue", "Roboto", helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 31px;
  line-height: 100%;
  letter-spacing: 7px;
  text-align: center;
  text-transform: uppercase;
}

.b-product {
  overflow: hidden;
}
.b-product .u-wrapper, .b-product .wp-block-group .wp-block-group__inner-container, .wp-block-group .b-product .wp-block-group__inner-container {
  max-width: 1090px;
}
.b-product .u-wrapper--small, .b-product .wp-block-group .wp-block-group__inner-container, .wp-block-group .b-product .wp-block-group__inner-container {
  max-width: 900px;
}
.b-product__flavour__container {
  overflow: hidden;
}
.b-product__wrapper {
  z-index: var(--depthAbove);
}
.b-product__container {
  overflow: hidden;
}
.b-product__intro {
  padding: var(--space12) 0;
}
@media (min-width: 60em) {
  .b-product__intro {
    padding: calc(var(--spaceHeader) * 1.5) 0;
  }
}
.b-product__hero {
  position: relative;
  max-height: 770px;
  margin-bottom: 0;
}
@media (min-width: 60em) {
  .b-product__hero {
    max-height: initial;
    height: 770px;
  }
}
.b-product__hero {
  /*     &::after {
    display: none;
  } */
}
.b-product__hero__name svg {
  max-width: 220px;
  height: auto;
}
@media (min-width: 60em) {
  .b-product__hero__name svg {
    max-width: 350px;
  }
}
.b-product__hero__content {
  position: relative;
  z-index: var(--depthAbove);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: var(--spaceHeader);
}
@media (min-width: 60em) {
  .b-product__hero__content {
    padding: calc(var(--spaceHeader) / 2) 0;
    max-width: 750px;
    margin: 0 auto;
  }
}
.b-product__hero__circle {
  position: absolute;
  border-radius: 50%;
  width: 115vh;
  height: 115vh;
  z-index: var(--depthBase);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 60em) {
  .b-product__hero__circle {
    width: 60vw;
    height: 60vw;
    top: -10%;
    transform: translateX(-50%);
  }
}
.b-product__hero__image {
  max-width: 380px;
  width: 70%;
}
.b-product__hero__intro {
  max-width: 600px;
  margin: var(--space24) auto var(--space9);
}
.b-product__teaser {
  margin-bottom: calc(var(--spaceHeader) / 2);
  overflow: hidden;
  position: relative;
  width: 100%;
}
.b-product__teaser picture,
.b-product__teaser img {
  width: 100%;
  height: auto;
  max-width: initial;
  object-fit: cover;
}
.b-product__column__title {
  margin-bottom: var(--space42);
}
.b-product__grid {
  margin: var(--spaceHeader) 0;
}
@media (min-width: 60em) {
  .b-product__grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    align-items: center;
  }
}
.b-product__pack {
  margin-bottom: var(--space48);
  position: relative;
}
@media (min-width: 60em) {
  .b-product__pack {
    margin-bottom: 0;
    grid-area: 1/1/2/8;
  }
}
.b-product__pack__inner {
  position: relative;
  display: flex;
  justify-content: center;
}
.b-product__pack__inner picture {
  position: relative;
  display: flex;
  justify-content: center;
}
.b-product__pack__inner .b-product__image {
  width: 85%;
  position: relative;
  z-index: var(--depthAbove);
}
@media (min-width: 60em) {
  .b-product__pack__inner .b-product__image {
    width: 65%;
  }
}
.b-product__pack__inner .b-product__splash {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  z-index: 9;
}
@media (min-width: 60em) {
  .b-product__pack__inner .b-product__splash {
    width: 85%;
  }
}
.b-product__pack > img,
.b-product__pack picture {
  position: relative;
  z-index: var(--depthAbove);
}
.b-product__pack__icon {
  position: absolute;
}
.b-product__pack__icon svg {
  display: block;
}
.b-product__pack__icon--bubbles {
  transform: rotate(365deg);
  top: -5%;
  right: -5%;
}
.b-product__pack__icon--surprise {
  transform: rotate(30deg);
  top: -5%;
  left: -10%;
}
.b-product__pack__icon--arrow {
  bottom: -5%;
  right: -10%;
  transform: rotate(135deg);
}
@media (min-width: 60em) {
  .b-product__pack__icon--arrow {
    transform: rotate(0);
  }
}
.b-product__pack--orange .b-product__pack__icon--surprise path {
  fill: var(--colourOrangePrimary);
}
.b-product__pack--orange .b-product__pack__icon--bubbles path,
.b-product__pack--orange .b-product__pack__icon--arrow path {
  fill: var(--colourOrangeSecondary);
}
.b-product__pack--forest .b-product__pack__icon--surprise path {
  fill: var(--colourForestPrimary);
}
.b-product__pack--forest .b-product__pack__icon--bubbles path,
.b-product__pack--forest .b-product__pack__icon--arrow path {
  fill: var(--colourForestSecondary);
}
.b-product__pack--apple .b-product__pack__icon--surprise path {
  fill: var(--colourApplePrimary);
}
.b-product__pack--apple .b-product__pack__icon--bubbles path,
.b-product__pack--apple .b-product__pack__icon--arrow path {
  fill: var(--colourAppleSecondary);
}
.b-product__pack--mango .b-product__pack__icon--surprise path {
  fill: var(--colourMangoPrimary);
}
.b-product__pack--mango .b-product__pack__icon--bubbles path,
.b-product__pack--mango .b-product__pack__icon--arrow path {
  fill: var(--colourMangoSecondary);
}
.b-product__pack--lemon .b-product__pack__icon--surprise path {
  fill: var(--colourLemonPrimary);
}
.b-product__pack--lemon .b-product__pack__icon--bubbles path,
.b-product__pack--lemon .b-product__pack__icon--arrow path {
  fill: var(--colourLemonSecondary);
}
.b-product__pack--cherry .b-product__pack__icon--surprise path {
  fill: var(--colourCherrySecondary);
}
.b-product__pack--cherry .b-product__pack__icon--bubbles path,
.b-product__pack--cherry .b-product__pack__icon--arrow path {
  fill: var(--colourCherryPrimary);
}
.b-product__pack--pure .b-product__pack__icon--surprise path {
  fill: var(--colourPureSecondary);
}
.b-product__pack--pure .b-product__pack__icon--bubbles path,
.b-product__pack--pure .b-product__pack__icon--arrow path {
  fill: var(--colourPurePrimary);
}
.b-product__pack--juicy .b-product__pack__icon--surprise path {
  fill: var(--colourJuicySecondary);
}
.b-product__pack--juicy .b-product__pack__icon--bubbles path,
.b-product__pack--juicy .b-product__pack__icon--arrow path {
  fill: var(--colourJuicyPrimary);
}
@media (min-width: 60em) {
  .b-product__detail {
    grid-area: 1/9/2/13;
  }
}
.b-product__circle {
  position: absolute;
  z-index: var(--depthBase);
  width: 100%;
  padding-top: 100%;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: 1/1;
  /*     @include mq($from: tabletPortrait) {
    width: 100%;
    padding-top: 100%;
  } */
}
.b-product__ingredients__title {
  font-size: var(--fontSize22);
  margin-bottom: var(--space24);
}
.b-product__ingredients__table {
  display: grid;
  grid-template-columns: 2fr 1fr;
  border-top: 1px solid red;
  border-left: 1px solid red;
}
.b-product__ingredients__column {
  border-bottom: 1px solid red;
  border-right: 1px solid red;
  padding: var(--space12);
}
.b-product__ingredients__column p {
  margin: 0;
}
.b-product__ingredients__icon {
  margin-top: var(--space24);
}
.b-product__ingredients__icon svg {
  height: auto;
  max-width: 150px;
  transform: rotate(5deg);
}
.b-product__faq {
  padding: var(--unifiedPadding);
  border-radius: var(--borderRadiusLg) var(--borderRadiusLg) 0 0;
  overflow: hidden;
  margin-bottom: -50px;
}
.b-product__faq__accordion {
  margin-top: var(--space32);
  position: relative;
  z-index: var(--depthAbove);
}
.b-product__faq__inner {
  position: relative;
  overflow: hidden;
  padding-bottom: calc(var(--spaceHeader) * 2);
}
.b-product__faq__question {
  display: grid;
  grid-template-columns: 1fr 62px;
  cursor: pointer;
  background: var(--colourLemonPrimary);
}
.b-product__faq__text {
  font-size: var(--fontSize14);
  padding: var(--space12);
  margin: 0;
  font-weight: 600;
}
@media (min-width: 60em) {
  .b-product__faq__text {
    padding: var(--space24);
  }
}
.b-product__faq__action {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid var(--colourLight);
}
.b-product__faq__cross {
  width: 18px;
  height: 18px;
  position: relative;
}
.b-product__faq__cross::before, .b-product__faq__cross::after {
  content: "";
  display: block;
  position: absolute;
  width: 11px;
  background: var(--colourLight);
  height: 2px;
  transition: width 0.3s ease;
  top: 50%;
  transform-origin: top;
}
.b-product__faq__cross::before {
  left: 0;
  transform: rotate(45deg) translateY(-50%);
}
.b-product__faq__cross::after {
  right: 0;
  transform: rotate(-45deg) translateY(-50%);
}
.b-product__faq__answer {
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  max-height: 0;
  overflow: hidden;
}
.b-product__faq__content {
  background: var(--colourLight);
  border: 1px solid var(--colourLight);
  padding: var(--space12);
  font-size: var(--fontSize14);
  color: var(--colourLemonPrimary);
}
@media (min-width: 60em) {
  .b-product__faq__content {
    padding: var(--space24) var(--spaceHeader) var(--space24) var(--space24);
  }
}
.b-product__faq__content p:last-child {
  margin-bottom: 0;
}
.b-product__faq__item {
  margin-bottom: var(--spaceBase);
  border: 1px solid var(--colourLemonPrimary);
  /*
  &:last-child {
    border-bottom: 1px solid c(Green);
  } */
}
.b-product__faq__item.is-active .b-product__faq__answer {
  max-height: 9000px;
  transition: max-height 1s ease-in-out;
}
.b-product__faq__item.is-active .b-product__faq__cross::before {
  width: 18px;
}
.b-product__faq__item.is-active .b-product__faq__cross::after {
  width: 18px;
}
.b-product__faq__icon {
  position: absolute;
  z-index: var(--depthBase);
}
.b-product__faq__icon path {
  fill: var(--colourLight);
}
.b-product__faq__icon--swirl {
  bottom: -20%;
  left: 0%;
  transform: rotate(157deg);
  width: 40%;
}
@media (min-width: 60em) {
  .b-product__faq__icon--swirl {
    bottom: -30%;
    left: 10%;
    width: initial;
  }
}
.b-product__faq__icon--zigzag {
  top: 10%;
  right: -34%;
  transform: rotate(-14deg);
  width: 40%;
}
@media (min-width: 60em) {
  .b-product__faq__icon--zigzag {
    width: initial;
    right: -15%;
  }
}
.b-product__faq__icon--bubbles {
  top: 15%;
  left: -10%;
  width: 40%;
}
@media (min-width: 60em) {
  .b-product__faq__icon--bubbles {
    left: 10%;
    width: initial;
  }
}
.b-product__carousel {
  position: relative;
  z-index: var(--depthAbove);
  padding: var(--space48) 0;
  gap: var(--space16);
}
@media (min-width: 60em) {
  .b-product__carousel {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.b-product__carousel:after {
  content: "flickity";
  display: none;
}
@media (min-width: 60em) {
  .b-product__carousel {
    padding: var(--space48);
  }
  .b-product__carousel:after {
    content: "";
  }
}
.b-product__carousel .swiper-wrapper, .b-product__carousel.swiper {
  overflow: visible;
  justify-content: space-between;
}
.b-product__item {
  width: 120px;
  position: relative;
}
@media (min-width: 60em) {
  .b-product__item {
    position: relative;
    width: 225px;
    padding: 0;
    margin: 0;
  }
}
.b-product__item:hover .u-button, .b-product__item:hover .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-product__item:hover .gform_button, .b-product__item:hover .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-product__item:hover .wp-block-button__link {
  opacity: 1;
}
.b-product__item .u-button, .b-product__item .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-product__item .gform_button, .b-product__item .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-product__item .wp-block-button__link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  white-space: nowrap;
  font-size: var(--fontSize18);
  transition: opacity 0.4s ease, background 0.4s ease;
  opacity: 0;
}
.b-product__item--orange .u-button, .b-product__item--orange .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-product__item--orange .gform_button, .b-product__item--orange .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-product__item--orange .wp-block-button__link {
  background-color: var(--colourOrangeSecondary);
}
.b-product__item--orange .u-button:hover, .b-product__item--orange .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-product__item--orange .gform_button:hover, .b-product__item--orange .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-product__item--orange .wp-block-button__link:hover {
  background-color: var(--colourOrangePrimary);
}
.b-product__item--forest .u-button, .b-product__item--forest .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-product__item--forest .gform_button, .b-product__item--forest .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-product__item--forest .wp-block-button__link {
  background-color: var(--colourForestSecondary);
}
.b-product__item--forest .u-button:hover, .b-product__item--forest .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-product__item--forest .gform_button:hover, .b-product__item--forest .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-product__item--forest .wp-block-button__link:hover {
  background-color: var(--colourForestPrimary);
}
.b-product__item--apple .u-button, .b-product__item--apple .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-product__item--apple .gform_button, .b-product__item--apple .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-product__item--apple .wp-block-button__link {
  background-color: var(--colourAppleSecondary);
}
.b-product__item--apple .u-button:hover, .b-product__item--apple .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-product__item--apple .gform_button:hover, .b-product__item--apple .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-product__item--apple .wp-block-button__link:hover {
  background-color: var(--colourApplePrimary);
}
.b-product__item--mango .u-button, .b-product__item--mango .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-product__item--mango .gform_button, .b-product__item--mango .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-product__item--mango .wp-block-button__link {
  background-color: var(--colourMangoSecondary);
}
.b-product__item--mango .u-button:hover, .b-product__item--mango .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-product__item--mango .gform_button:hover, .b-product__item--mango .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-product__item--mango .wp-block-button__link:hover {
  background-color: var(--colourMangoPrimary);
}
.b-product__item--lemon .u-button, .b-product__item--lemon .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-product__item--lemon .gform_button, .b-product__item--lemon .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-product__item--lemon .wp-block-button__link {
  background-color: var(--colourLemonSecondary);
}
.b-product__item--lemon .u-button:hover, .b-product__item--lemon .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-product__item--lemon .gform_button:hover, .b-product__item--lemon .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-product__item--lemon .wp-block-button__link:hover {
  background-color: var(--colourLemonPrimary);
}
.b-product__item--cherry .u-button, .b-product__item--cherry .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-product__item--cherry .gform_button, .b-product__item--cherry .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-product__item--cherry .wp-block-button__link {
  background-color: var(--colourCherrySecondary);
}
.b-product__item--cherry .u-button:hover, .b-product__item--cherry .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-product__item--cherry .gform_button:hover, .b-product__item--cherry .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-product__item--cherry .wp-block-button__link:hover {
  background-color: var(--colourCherryPrimary);
}
.b-product__more {
  position: relative;
  padding: var(--space48) 0;
  overflow: hidden;
  background-image: url(/wp-content/themes/legion/dist/images/bg-gradient-3.jpg);
  background-position: center center;
  background-size: cover;
}
.b-product__more h2 {
  font-family: "area", "Helvetica Neue", "Roboto", helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 31px;
  line-height: 100%;
  letter-spacing: 7px;
  text-align: center;
  text-transform: uppercase;
}
.b-product__more::before {
  content: "";
  position: absolute;
  top: 20%;
  left: -1%;
  background: url(/wp-content/themes/legion/dist/images/asset15.png) !important;
  height: 235px;
  width: 201px;
  z-index: 1111;
}
.b-product__bigz {
  position: absolute;
  z-index: var(--depthBase);
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.b-product__bigz svg {
  height: 70%;
  width: auto;
  max-width: initial;
  display: block;
}
.b-product__bigz svg path {
  fill: rgba(165, 199, 46, 0.11);
}
.b-product {
  /* Colours */
}
.b-product__detail--orange .b-product__ingredients__title {
  color: var(--colourOrangeSecondary);
}
.b-product__detail--orange .b-product__ingredients__column,
.b-product__detail--orange .b-product__ingredients__table {
  border-color: var(--colourOrangePrimary);
  color: var(--colourOrangePrimary);
}
.b-product__detail--orange .b-product__ingredients__icon svg,
.b-product__detail--orange .b-product__ingredients__icon path {
  fill: var(--colourOrangePrimary);
}
.b-product__detail--forest .b-product__ingredients__title {
  color: var(--colourForestSecondary);
}
.b-product__detail--forest .b-product__ingredients__column,
.b-product__detail--forest .b-product__ingredients__table {
  border-color: var(--colourForestPrimary);
  color: var(--colourForestPrimary);
}
.b-product__detail--forest .b-product__ingredients__icon svg,
.b-product__detail--forest .b-product__ingredients__icon path {
  fill: var(--colourForestPrimary);
}
.b-product__detail--apple .b-product__ingredients__title {
  color: var(--colourAppleSecondary);
}
.b-product__detail--apple .b-product__ingredients__column,
.b-product__detail--apple .b-product__ingredients__table {
  border-color: var(--colourApplePrimary);
  color: var(--colourApplePrimary);
}
.b-product__detail--apple .b-product__ingredients__icon svg,
.b-product__detail--apple .b-product__ingredients__icon path {
  fill: var(--colourAppleSecondary);
}
.b-product__detail--mango .b-product__ingredients__title {
  color: var(--colourMangoSecondary);
}
.b-product__detail--mango .b-product__ingredients__column,
.b-product__detail--mango .b-product__ingredients__table {
  border-color: var(--colourMangoPrimary);
  color: var(--colourMangoPrimary);
}
.b-product__detail--mango .b-product__ingredients__icon svg,
.b-product__detail--mango .b-product__ingredients__icon path {
  fill: var(--colourMangoPrimary);
}
.b-product__detail--lemon .b-product__ingredients__title {
  color: var(--colourLemonSecondary);
}
.b-product__detail--lemon .b-product__ingredients__column,
.b-product__detail--lemon .b-product__ingredients__table {
  border-color: var(--colourLemonPrimary);
  color: var(--colourLemonPrimary);
}
.b-product__detail--lemon .b-product__ingredients__icon svg,
.b-product__detail--lemon .b-product__ingredients__icon path {
  fill: var(--colourLemonPrimary);
}
.b-product__detail--cherry .b-product__ingredients__title {
  color: var(--colourCherryPrimary);
}
.b-product__detail--cherry p {
  color: var(--colourCherryTertiary);
}
.b-product__detail--cherry .b-product__ingredients__column,
.b-product__detail--cherry .b-product__ingredients__table {
  border-color: var(--colourCherryTertiary);
  color: var(--colourCherryTertiary);
}
.b-product__detail--cherry .b-product__ingredients__icon svg,
.b-product__detail--cherry .b-product__ingredients__icon path {
  fill: var(--colourCherryPrimary);
}
.b-product__detail--pure .b-product__ingredients__title {
  color: var(--colourPureSecondary);
}
.b-product__detail--pure p {
  color: var(--colourPureTertiary);
}
.b-product__detail--pure .b-product__ingredients__column,
.b-product__detail--pure .b-product__ingredients__table {
  border-color: var(--colourPureTertiary);
  color: var(--colourPureTertiary);
}
.b-product__detail--pure .b-product__ingredients__icon svg,
.b-product__detail--pure .b-product__ingredients__icon path {
  fill: var(--colourPurePrimary);
}
.b-product__detail--juicy .b-product__ingredients__title {
  color: var(--colourJuicyPrimary);
}
.b-product__detail--juicy p {
  color: var(--colourJuicyTertiary);
}
.b-product__detail--juicy .b-product__ingredients__column,
.b-product__detail--juicy .b-product__ingredients__table {
  border-color: var(--colourJuicyTertiary);
  color: var(--colourJuicyTertiary);
}
.b-product__detail--juicy .b-product__ingredients__icon svg,
.b-product__detail--juicy .b-product__ingredients__icon path {
  fill: var(--colourJuicyPrimary);
}
.b-product__hero--orange, .b-product__circle--orange, .b-product__faq--orange {
  background-color: var(--colourOrangeSecondary);
}
.b-product__hero--orange .b-product__hero__circle, .b-product__circle--orange .b-product__hero__circle, .b-product__faq--orange .b-product__hero__circle {
  background-color: var(--colourOrangePrimary);
}
.b-product__hero--orange .b-product__faq__question, .b-product__circle--orange .b-product__faq__question, .b-product__faq--orange .b-product__faq__question {
  background: var(--colourOrangePrimary);
}
.b-product__hero--orange .b-product__faq__content, .b-product__circle--orange .b-product__faq__content, .b-product__faq--orange .b-product__faq__content {
  border-color: var(--colourOrangePrimary);
  color: var(--colourOrangePrimary);
}
.b-product__hero--forest, .b-product__circle--forest, .b-product__faq--forest {
  background-color: var(--colourForestSecondary);
}
.b-product__hero--forest .b-product__hero__circle, .b-product__circle--forest .b-product__hero__circle, .b-product__faq--forest .b-product__hero__circle {
  background-color: var(--colourForestPrimary);
}
.b-product__hero--forest .b-product__faq__question, .b-product__circle--forest .b-product__faq__question, .b-product__faq--forest .b-product__faq__question {
  background: var(--colourForestPrimary);
}
.b-product__hero--forest .b-product__faq__content, .b-product__circle--forest .b-product__faq__content, .b-product__faq--forest .b-product__faq__content {
  border-color: var(--colourForestPrimary);
  color: var(--colourForestPrimary);
}
.b-product__hero--apple, .b-product__circle--apple, .b-product__faq--apple {
  background-color: var(--colourAppleSecondary);
}
.b-product__hero--apple .b-product__hero__circle, .b-product__circle--apple .b-product__hero__circle, .b-product__faq--apple .b-product__hero__circle {
  background-color: var(--colourApplePrimary);
}
.b-product__hero--apple .b-product__faq__question, .b-product__circle--apple .b-product__faq__question, .b-product__faq--apple .b-product__faq__question {
  background: var(--colourApplePrimary);
}
.b-product__hero--apple .b-product__faq__content, .b-product__circle--apple .b-product__faq__content, .b-product__faq--apple .b-product__faq__content {
  border-color: var(--colourApplePrimary);
  color: var(--colourApplePrimary);
}
.b-product__hero--mango, .b-product__circle--mango, .b-product__faq--mango {
  background-color: var(--colourMangoSecondary);
}
.b-product__hero--mango .b-product__hero__circle, .b-product__circle--mango .b-product__hero__circle, .b-product__faq--mango .b-product__hero__circle {
  background-color: var(--colourMangoPrimary);
}
.b-product__hero--mango .b-product__faq__question, .b-product__circle--mango .b-product__faq__question, .b-product__faq--mango .b-product__faq__question {
  background: var(--colourMangoPrimary);
}
.b-product__hero--mango .b-product__faq__content, .b-product__circle--mango .b-product__faq__content, .b-product__faq--mango .b-product__faq__content {
  border-color: var(--colourMangoPrimary);
  color: var(--colourMangoPrimary);
}
.b-product__hero--lemon, .b-product__circle--lemon, .b-product__faq--lemon {
  background-color: var(--colourLemonSecondary);
}
.b-product__hero--lemon .b-product__hero__circle, .b-product__circle--lemon .b-product__hero__circle, .b-product__faq--lemon .b-product__hero__circle {
  background-color: var(--colourLemonPrimary);
}
.b-product__hero--lemon .b-product__faq__question, .b-product__circle--lemon .b-product__faq__question, .b-product__faq--lemon .b-product__faq__question {
  background: var(--colourLemonPrimary);
}
.b-product__hero--lemon .b-product__faq__content, .b-product__circle--lemon .b-product__faq__content, .b-product__faq--lemon .b-product__faq__content {
  border-color: var(--colourLemonPrimary);
  color: var(--colourLemonPrimary);
}
.b-product__hero--cherry, .b-product__circle--cherry, .b-product__faq--cherry {
  background-color: var(--colourCherrySecondary);
}
.b-product__hero--cherry .b-product__hero__circle, .b-product__circle--cherry .b-product__hero__circle, .b-product__faq--cherry .b-product__hero__circle {
  background-color: var(--colourCherryPrimary);
}
.b-product__hero--cherry .b-product__faq__question, .b-product__circle--cherry .b-product__faq__question, .b-product__faq--cherry .b-product__faq__question {
  background: var(--colourCherryPrimary);
}
.b-product__hero--cherry .b-product__faq__content, .b-product__circle--cherry .b-product__faq__content, .b-product__faq--cherry .b-product__faq__content {
  border-color: var(--colourCherryPrimary);
  color: var(--colourCherryPrimary);
}
.b-product__hero--pure, .b-product__circle--pure, .b-product__faq--pure {
  background-color: var(--colourPureSecondary);
}
.b-product__hero--pure .b-product__hero__circle, .b-product__circle--pure .b-product__hero__circle, .b-product__faq--pure .b-product__hero__circle {
  background-color: var(--colourPurePrimary);
}
.b-product__hero--pure .b-product__faq__question, .b-product__circle--pure .b-product__faq__question, .b-product__faq--pure .b-product__faq__question {
  background: var(--colourPurePrimary);
}
.b-product__hero--pure .b-product__faq__content, .b-product__circle--pure .b-product__faq__content, .b-product__faq--pure .b-product__faq__content {
  border-color: var(--colourPurePrimary);
  color: var(--colourPurePrimary);
}
.b-product__hero--juicy, .b-product__circle--juicy, .b-product__faq--juicy {
  background-color: var(--colourJuicySecondary);
}
.b-product__hero--juicy .b-product__hero__circle, .b-product__circle--juicy .b-product__hero__circle, .b-product__faq--juicy .b-product__hero__circle {
  background-color: var(--colourJuicyPrimary);
}
.b-product__hero--juicy .b-product__faq__question, .b-product__circle--juicy .b-product__faq__question, .b-product__faq--juicy .b-product__faq__question {
  background: var(--colourJuicyPrimary);
}
.b-product__hero--juicy .b-product__faq__content, .b-product__circle--juicy .b-product__faq__content, .b-product__faq--juicy .b-product__faq__content {
  border-color: var(--colourJuicyPrimary);
  color: var(--colourJuicyPrimary);
}
.b-product__circle--cherry {
  background-color: var(--colourCherryPrimary);
}
.b-product__circle--pure {
  background-color: var(--colourPurePrimary);
}
.b-product__circle--juicy {
  background-color: var(--colourJuicyPrimary);
}
.b-product__more--orange {
  background-color: var(--colourOrangePrimary);
}
.b-product__more--orange .b-product__bigz path {
  fill: var(--colourOrangeSecondary);
}
.b-product__more--forest {
  background-color: var(--colourForestPrimary);
}
.b-product__more--forest .b-product__bigz path {
  fill: var(--colourForestSecondary);
}
.b-product__more--apple {
  background-color: var(--colourApplePrimary);
}
.b-product__more--apple .b-product__bigz path {
  fill: var(--colourAppleSecondary);
}
.b-product__more--mango {
  background-color: var(--colourMangoPrimary);
}
.b-product__more--mango .b-product__bigz path {
  fill: var(--colourMangoSecondary);
}
.b-product__more--lemon {
  background-color: var(--colourLemonPrimary);
}
.b-product__more--lemon .b-product__bigz path {
  fill: var(--colourLemonSecondary);
}
.b-product__more--cherry {
  background-color: var(--colourCherryTertiary);
}
.b-product__more--cherry .b-product__bigz path {
  fill: var(--colourCherryPrimary);
}
.b-product__more--pure {
  background-color: var(--colourPureTertiary);
}
.b-product__more--pure .b-product__bigz path {
  fill: var(--colourPurePrimary);
}
.b-product__more--juicy {
  background-color: var(--colourJuicyTertiary);
}
.b-product__more--juicy .b-product__bigz path {
  fill: var(--colourJuicyPrimary);
}
.b-product__icon {
  position: absolute;
}
.b-product__icon svg {
  display: block;
  max-width: 100%;
  height: auto;
}
.b-product__icon path {
  fill: var(--colourLight);
}
.b-product__icon--zigzag_1 {
  transform: rotate(37deg);
  top: 25%;
  left: 15%;
}
.b-product__icon--zigzag_1 svg {
  width: 90%;
}
.b-product__icon--zigzag_2 {
  transform: rotate(-14deg);
  top: 20%;
  right: -5%;
}
.b-product__icon--zigzag_2 svg {
  width: 80%;
}
.b-product__icon--swirl {
  transform: rotate(61deg);
  bottom: -2%;
  left: -2%;
}

.b-pageHero {
  padding: var(--unifiedPadding);
  height: initial;
  max-height: initial;
}
.b-pageHero__grid {
  gap: var(--space32);
}
@media (min-width: 60em) {
  .b-pageHero__grid {
    gap: var(--spaceHeader);
    display: flex;
    justify-content: space-between;
  }
}
.b-pageHero__image {
  margin-bottom: var(--space24);
}
@media (min-width: 60em) {
  .b-pageHero__image {
    margin: 0;
    flex: 1;
    max-width: 33%;
    flex-basis: 33%;
  }
}
.b-pageHero__image > img,
.b-pageHero__image picture {
  position: relative;
  z-index: var(--depthAbove);
  max-width: 290px;
}
@media (min-width: 75em) {
  .b-pageHero__image > img,
  .b-pageHero__image picture {
    max-width: 350px;
  }
}
@media (min-width: 60em) {
  .b-pageHero__content {
    max-width: 800px;
  }
}
.b-pageHero__title {
  margin-bottom: var(--space48);
}
.b-pageHero--forest {
  background-color: var(--colourForestPrimary);
}
.b-pageHero--apple {
  background-color: var(--colourApplePrimary);
}
.b-pageHero--mango {
  background-color: var(--colourMangoPrimary);
}
.b-pageHero--lemon {
  background-color: var(--colourLemonPrimary);
}
.b-pageHero--cherry {
  background-color: var(--colourCherryPrimary);
}
.b-pageHero--pure {
  background-color: var(--colourPurePrimary);
}
.b-pageHero--juicy {
  background-color: var(--colourJuicyPrimary);
}
.b-pageHero--green {
  background-color: var(--colourGreen);
}
.b-pageHero--orange {
  background-color: var(--colourOrange);
}
.b-pageHero__icon {
  position: absolute;
  z-index: var(--depthBase);
}
.b-pageHero__icon path {
  fill: var(--colourLight);
}
.b-pageHero__icon--swirl {
  transform: rotate(-75deg);
  top: 14%;
  left: 0%;
  width: 15%;
}
@media (min-width: 60em) {
  .b-pageHero__icon--swirl {
    top: 22%;
    left: -70%;
    width: initial;
  }
}
.b-pageHero__icon--zigzag {
  transform: rotate(-37deg);
  top: 0%;
  right: 0%;
  width: 55%;
}
@media (min-width: 60em) {
  .b-pageHero__icon--zigzag {
    right: -50%;
    top: -10%;
    width: initial;
  }
}

.b-flavours {
  background: var(--colourOrange);
  border-radius: var(--borderRadiusLg) var(--borderRadiusLg) 0 0;
  color: var(--colourLight);
  padding: var(--spaceHeader) 0 0;
  position: relative;
  overflow: hidden;
  background-image: url(/wp-content/themes/legion/dist/images/bg-gradient-3.jpg);
  background-position: center center;
  background-size: cover;
}
.b-flavours__content {
  max-width: 630px;
  margin: 0 auto;
}
.b-flavours__title {
  margin: var(--space16) 0 var(--space24);
  font-family: "area", "Helvetica Neue", "Roboto", helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 31px;
  line-height: 100%;
  letter-spacing: 7px;
  text-align: center;
  text-transform: uppercase;
}
.b-flavours__actions {
  display: flex;
  justify-content: center;
  margin-bottom: var(--space48);
}
.b-flavours__image {
  display: flex;
  justify-content: center;
}
.b-flavours__icon {
  position: absolute;
}
@media (max-width: 59.99em) {
  .b-flavours__icon {
    opacity: 0.5;
    width: 5%;
  }
}
.b-flavours__icon svg {
  max-width: 100%;
  height: auto;
}
.b-flavours__icon path {
  fill: var(--colourLight);
}
.b-flavours__icon--zigzag_1 {
  transform: rotate(160deg);
  top: 15%;
  right: -10%;
}
.b-flavours__icon--zigzag_2 {
  transform: rotate(31deg);
  top: 35%;
  left: -5%;
  width: 280px;
}
@media (max-width: 59.99em) {
  .b-flavours__icon--zigzag_2 {
    width: 5%;
  }
}
.b-flavours__icon--swirl {
  transform: rotate(-115deg);
  bottom: 1%;
  left: 4%;
}
.b-flavours__icon--bubbles {
  top: 43%;
  left: 25%;
  width: 90px;
  transform: rotate(-25deg);
}
@media (max-width: 59.99em) {
  .b-flavours__icon--bubbles {
    width: 5%;
  }
}
.b-flavours__icon--surprise {
  transform: rotate(6deg);
  top: 63%;
  right: 23%;
  width: 70px;
}
@media (max-width: 59.99em) {
  .b-flavours__icon--surprise {
    width: 5%;
  }
}
.b-flavours .u-button__inner {
  font-family: "area", "Helvetica Neue", "Roboto", helvetica, sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.b-talk {
  position: relative;
  z-index: var(--depthBase);
  margin-bottom: -50px;
  padding-bottom: 50px;
}
@media (min-width: 60em) {
  .b-talk {
    padding-bottom: 0;
  }
}
.b-talk--green {
  background: var(--colourGreen);
}
.b-talk--green .b-talk__intro {
  color: var(--colourLight);
}
@media (min-width: 60em) {
  .b-talk__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }
}
.b-talk__column {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.b-talk__column > img,
.b-talk__column picture {
  max-width: initial;
  width: 100%;
}
@media (min-width: 60em) {
  .b-talk__column > img,
  .b-talk__column picture {
    max-height: 440px;
    object-fit: cover;
  }
}
.b-talk__title {
  margin-bottom: var(--space24);
}
.b-talk__inner {
  padding: var(--space48) var(--space32);
  max-width: 520px;
  line-height: 1.8;
}
@media (min-width: 60em) {
  .b-talk__inner {
    padding: var(--space48) var(--space32) 100px;
  }
}
.b-talk__actions {
  display: flex;
  justify-content: center;
  align-items: center;
}

.b-stock {
  background: var(--colourGreen);
  color: var(--colourLight);
  text-align: center;
  padding: var(--spaceHeader) 0;
}
.b-stock__title {
  margin: var(--space24) 0;
}
.b-stock__inner {
  max-width: 650px;
  margin: 0 auto var(--space48);
}
.b-stock__inner a {
  color: var(--colourLight);
}
.b-stock__inner a:link {
  color: var(--colourLight);
}
.b-stock__inner a:visited {
  color: var(--colourLight);
}
.b-stock__inner a:active {
  color: var(--colourLight);
}
.b-stock__inner a {
  /* Hover MUST be last in the list */
}
.b-stock__inner a:hover {
  color: var(--colourLight);
}
.b-stock__inner a {
  text-decoration: underline;
}
.b-stock__item {
  display: flex;
  justify-content: center;
}
.b-stock__logos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space24);
  justify-content: center;
}
@media (min-width: 60em) {
  .b-stock__logos {
    gap: var(--space24);
  }
}

.b-updated {
  padding: var(--unifiedPadding);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.b-updated__title {
  margin: 0 0 var(--space34);
}
.b-updated__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.b-updated .b-social {
  display: flex;
  justify-content: center;
  flex-direction: row;
  margin-top: var(--space48);
  gap: var(--space12);
}
.b-updated .b-social__link {
  color: var(--colourLight);
}
.b-updated .b-social__link:link {
  color: var(--colourLight);
}
.b-updated .b-social__link:visited {
  color: var(--colourLight);
}
.b-updated .b-social__link:active {
  color: var(--colourLight);
}
.b-updated .b-social__link {
  /* Hover MUST be last in the list */
}
.b-updated .b-social__link:hover {
  color: var(--colourLight);
}
.b-updated .b-social__link {
  background-color: var(--colourOrange);
  position: relative;
  z-index: var(--depthAbove);
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-appearance: none;
          appearance: none;
  border-radius: 27px;
  cursor: pointer;
  text-align: center;
  border: 0;
  position: relative;
  padding: var(--space12) var(--space12) var(--space12);
  font-weight: 400;
  font-size: var(--fontSize17);
  line-height: 1;
  text-transform: uppercase;
  transition: color 0.3s ease, background 0.3s ease;
  text-transform: none;
  margin: 0;
}
@media (min-width: 60em) {
  .b-updated .b-social__link {
    margin: 0 var(--space12);
  }
}
.b-updated .b-social__link:hover {
  background-color: var(--colourOrangePrimary);
}
.b-updated .b-social__inner {
  display: flex;
}
.b-updated .b-social__icon, .b-updated .b-social__text {
  display: block;
}
.b-updated .b-social__text {
  display: none;
}
@media (min-width: 60em) {
  .b-updated .b-social__text {
    display: block;
  }
}
@media (min-width: 60em) {
  .b-updated .b-social__icon {
    margin-right: var(--space9);
  }
}
.b-updated .b-social__icon svg {
  max-width: 25px;
  max-height: 25px;
  height: auto;
  display: block;
}
@media (max-width: 59.99em) {
  .b-updated .b-social__icon svg {
    margin-right: 0;
  }
}
.b-updated .b-social__icon path {
  fill: var(--colourLight);
}
.b-updated__icon {
  position: absolute;
}
@media (max-width: 59.99em) {
  .b-updated__icon {
    opacity: 0.5;
    width: 14%;
  }
}
.b-updated__icon svg {
  max-width: 100%;
  height: auto;
}
.b-updated__icon path {
  fill: var(--colourOrange);
}
.b-updated__icon--zigzag_1 {
  transform: rotate(220deg);
  bottom: 5%;
  right: -10%;
}
.b-updated__icon--zigzag_2 {
  transform: rotate(31deg);
  top: 3%;
  left: 5%;
  width: 280px;
}
@media (max-width: 59.99em) {
  .b-updated__icon--zigzag_2 {
    width: 14%;
  }
}
.b-updated__icon--swirl_1 {
  transform: rotate(-115deg);
  top: 1%;
  right: 4%;
}
.b-updated__icon--swirl_1 path {
  fill: var(--colourGreen);
}
.b-updated__icon--swirl_2 {
  transform: rotate(-115deg);
  bottom: 1%;
  left: 4%;
}
.b-updated__icon--swirl_2 path {
  fill: var(--colourGreen);
}
.b-updated__icon--bubbles {
  top: 31%;
  right: 15%;
  width: 90px;
  transform: rotate(-25deg);
}
@media (max-width: 59.99em) {
  .b-updated__icon--bubbles {
    width: 14%;
  }
}
.b-updated__icon--bubbles path {
  fill: var(--colourGreen);
}
.b-updated__icon--surprise {
  transform: rotate(-74deg);
  top: 33%;
  left: 17%;
  width: 70px;
}
@media (max-width: 59.99em) {
  .b-updated__icon--surprise {
    width: 14%;
  }
}

.post-type-archive-product,
.post-type-archive-product .b-hero::after {
  background-color: var(--colourOrange);
}

.post-type-archive-product .b-hero {
  margin-bottom: 0;
}

.b-listing {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-bottom: calc(var(--spaceHeader) / 2);
}
@media (min-width: 60em) {
  .b-listing {
    padding-bottom: var(--spaceHeader);
    min-height: 600px;
  }
}
.b-listing:nth-child(even) .b-listing__grid {
  grid-template-columns: 1fr;
  grid-template-areas: "graphic" "copy";
}
@media (min-width: 60em) {
  .b-listing:nth-child(even) .b-listing__grid {
    grid-template-columns: 7fr 5fr;
    grid-template-areas: "graphic copy";
  }
}
.b-listing:nth-child(even) .b-listing__icon--surprise {
  top: -5%;
  right: auto;
  left: -10%;
  transform: rotate(15deg);
}
.b-listing__container {
  position: relative;
  overflow: hidden;
  padding-top: var(--spaceHeader);
  padding-bottom: calc(var(--spaceHeader) * 2);
}
.b-listing__grid {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "graphic" "copy";
  gap: var(--space32);
}
@media (min-width: 60em) {
  .b-listing__grid {
    grid-template-columns: 5fr 7fr;
    grid-template-areas: "copy graphic";
    gap: var(--space74);
  }
}
.b-listing__copy {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: copy;
}
.b-listing__grid > .b-listing__copy {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.b-listing__flavour {
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
}
.b-listing__intro {
  font-size: var(--fontSize14);
  line-height: 1.8;
  margin-bottom: var(--space24);
}
.b-listing .u-button, .b-listing .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-listing .gform_button, .b-listing .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-listing .wp-block-button__link {
  font-size: var(--fontSize14);
}
.b-listing__title {
  line-height: 1.1;
  margin-bottom: var(--space24);
}
.b-listing__graphic {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: graphic;
}
.b-listing__grid > .b-listing__graphic {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
@media (min-width: 60em) {
  .b-listing__copy {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .b-listing__grid > .b-listing__copy {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .b-listing__graphic {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .b-listing__grid > .b-listing__graphic {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}
.b-listing__graphic .b-product__circle,
.b-listing__graphic > img,
.b-listing__graphic picture {
  transition: transform 1s linear;
}
@media (min-width: 60em) {
  .b-listing__graphic .b-product__circle {
    width: 100%;
    padding-top: 100%;
  }
}
.b-listing__graphic:hover .b-product__circle {
  transform: scale(0.95) translate(-54%, -52%);
}
.b-listing__graphic:hover > img,
.b-listing__graphic:hover picture {
  transform: scale(1.06);
}
.b-listing__graphic {
  /*     .b-product__pack__inner > img,
  .b-product__pack__inner > picture {
    width: 75%;
    z-index: d(Above);
  } */
}
.b-listing__icon {
  position: absolute;
}
@media (max-width: 59.99em) {
  .b-listing__icon {
    width: 15%;
    opacity: 0.5;
  }
}
.b-listing__icon--surprise {
  left: auto;
  top: -40px;
  right: 10px;
  transform: rotate(115deg);
  z-index: var(--depthAbove);
}
.b-listing__icon--bubbles {
  display: none;
  left: auto;
  top: -5%;
  right: -10%;
  transform: rotate(-5deg);
}
.b-listing__icon--bubbles path {
  fill: var(--colourLight);
}
.b-product__pack--forest .b-listing__icon--bubbles {
  display: block;
}
.b-listing__icon--swirl path, .b-listing__icon--zigzag path {
  fill: var(--colourLight);
}
.b-listing__icon--swirl_1 {
  transform: rotate(125deg);
  top: 56%;
  left: 60%;
}
.b-listing__icon--swirl_2 {
  transform: rotate(290deg);
  top: 35%;
  left: -15%;
}
@media (min-width: 60em) {
  .b-listing__icon--swirl_2 {
    left: 0;
  }
}
.b-listing__icon--swirl_3 {
  transform: rotate(-65deg);
  top: 60%;
  right: -15%;
}
@media (min-width: 60em) {
  .b-listing__icon--swirl_3 {
    right: 0;
  }
}
.b-listing__icon--zigzag_1 {
  transform: rotate(-40deg);
  top: 10%;
  left: -15%;
}
.b-listing__icon--zigzag_2 {
  transform: rotate(-30deg);
  top: 70%;
  left: -15%;
}
.b-listing__icon--zigzag_3 {
  transform: rotate(-31deg);
  top: 58%;
  left: 30%;
}
.b-listing__icon--zigzag_4 {
  transform: rotate(-36deg);
  top: 80%;
  right: -17%;
}
.b-listing {
  /*Colours*/
}
.b-listing--orange .b-listing__flavour {
  color: var(--colourOrangePrimary);
}
.b-listing--orange .b-listing__title {
  color: var(--colourLight);
}
.b-listing--orange .b-listing__intro {
  color: var(--colourLight);
}
.b-listing--orange .u-button, .b-listing--orange .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-listing--orange .gform_button, .b-listing--orange .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-listing--orange .wp-block-button__link {
  color: var(--colourOrangeSecondary);
}
.b-listing--orange .u-button:link, .b-listing--orange .gform_wrapper .gform_footer .gform_button:link, .gform_wrapper .gform_footer .b-listing--orange .gform_button:link, .b-listing--orange .wp-block-buttons .wp-block-button__link:link, .wp-block-buttons .b-listing--orange .wp-block-button__link:link {
  color: var(--colourOrangeSecondary);
}
.b-listing--orange .u-button:visited, .b-listing--orange .gform_wrapper .gform_footer .gform_button:visited, .gform_wrapper .gform_footer .b-listing--orange .gform_button:visited, .b-listing--orange .wp-block-buttons .wp-block-button__link:visited, .wp-block-buttons .b-listing--orange .wp-block-button__link:visited {
  color: var(--colourOrangeSecondary);
}
.b-listing--orange .u-button:active, .b-listing--orange .gform_wrapper .gform_footer .gform_button:active, .gform_wrapper .gform_footer .b-listing--orange .gform_button:active, .b-listing--orange .wp-block-buttons .wp-block-button__link:active, .wp-block-buttons .b-listing--orange .wp-block-button__link:active {
  color: var(--colourOrangeSecondary);
}
.b-listing--orange .u-button, .b-listing--orange .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-listing--orange .gform_button, .b-listing--orange .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-listing--orange .wp-block-button__link {
  /* Hover MUST be last in the list */
}
.b-listing--orange .u-button:hover, .b-listing--orange .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-listing--orange .gform_button:hover, .b-listing--orange .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-listing--orange .wp-block-button__link:hover {
  color: var(--colourOrangeSecondary);
}
.b-listing--orange .b-listing__icon--surprise path {
  fill: var(--colourOrangePrimary);
}
.b-listing--forest .b-listing__flavour {
  color: var(--colourForestSecondary);
}
.b-listing--forest .b-listing__title {
  color: var(--colourLight);
}
.b-listing--forest .b-listing__intro {
  color: var(--colourLight);
}
.b-listing--forest .u-button, .b-listing--forest .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-listing--forest .gform_button, .b-listing--forest .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-listing--forest .wp-block-button__link {
  color: var(--colourForestSecondary);
}
.b-listing--forest .u-button:link, .b-listing--forest .gform_wrapper .gform_footer .gform_button:link, .gform_wrapper .gform_footer .b-listing--forest .gform_button:link, .b-listing--forest .wp-block-buttons .wp-block-button__link:link, .wp-block-buttons .b-listing--forest .wp-block-button__link:link {
  color: var(--colourForestSecondary);
}
.b-listing--forest .u-button:visited, .b-listing--forest .gform_wrapper .gform_footer .gform_button:visited, .gform_wrapper .gform_footer .b-listing--forest .gform_button:visited, .b-listing--forest .wp-block-buttons .wp-block-button__link:visited, .wp-block-buttons .b-listing--forest .wp-block-button__link:visited {
  color: var(--colourForestSecondary);
}
.b-listing--forest .u-button:active, .b-listing--forest .gform_wrapper .gform_footer .gform_button:active, .gform_wrapper .gform_footer .b-listing--forest .gform_button:active, .b-listing--forest .wp-block-buttons .wp-block-button__link:active, .wp-block-buttons .b-listing--forest .wp-block-button__link:active {
  color: var(--colourForestSecondary);
}
.b-listing--forest .u-button, .b-listing--forest .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-listing--forest .gform_button, .b-listing--forest .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-listing--forest .wp-block-button__link {
  /* Hover MUST be last in the list */
}
.b-listing--forest .u-button:hover, .b-listing--forest .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-listing--forest .gform_button:hover, .b-listing--forest .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-listing--forest .wp-block-button__link:hover {
  color: var(--colourForestSecondary);
}
.b-listing--forest .b-listing__icon--surprise {
  display: none;
}
.b-listing--apple .b-listing__flavour {
  color: var(--colourApplePrimary);
}
.b-listing--apple .b-listing__title {
  color: var(--colourLight);
}
.b-listing--apple .b-listing__intro {
  color: var(--colourLight);
}
.b-listing--apple .u-button, .b-listing--apple .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-listing--apple .gform_button, .b-listing--apple .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-listing--apple .wp-block-button__link {
  color: var(--colourApplePrimary);
}
.b-listing--apple .u-button:link, .b-listing--apple .gform_wrapper .gform_footer .gform_button:link, .gform_wrapper .gform_footer .b-listing--apple .gform_button:link, .b-listing--apple .wp-block-buttons .wp-block-button__link:link, .wp-block-buttons .b-listing--apple .wp-block-button__link:link {
  color: var(--colourApplePrimary);
}
.b-listing--apple .u-button:visited, .b-listing--apple .gform_wrapper .gform_footer .gform_button:visited, .gform_wrapper .gform_footer .b-listing--apple .gform_button:visited, .b-listing--apple .wp-block-buttons .wp-block-button__link:visited, .wp-block-buttons .b-listing--apple .wp-block-button__link:visited {
  color: var(--colourApplePrimary);
}
.b-listing--apple .u-button:active, .b-listing--apple .gform_wrapper .gform_footer .gform_button:active, .gform_wrapper .gform_footer .b-listing--apple .gform_button:active, .b-listing--apple .wp-block-buttons .wp-block-button__link:active, .wp-block-buttons .b-listing--apple .wp-block-button__link:active {
  color: var(--colourApplePrimary);
}
.b-listing--apple .u-button, .b-listing--apple .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-listing--apple .gform_button, .b-listing--apple .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-listing--apple .wp-block-button__link {
  /* Hover MUST be last in the list */
}
.b-listing--apple .u-button:hover, .b-listing--apple .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-listing--apple .gform_button:hover, .b-listing--apple .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-listing--apple .wp-block-button__link:hover {
  color: var(--colourApplePrimary);
}
.b-listing--apple .b-listing__icon--surprise path {
  fill: var(--colourApplePrimary);
}
.b-listing--mango .b-listing__flavour {
  color: var(--colourMangoSecondary);
}
.b-listing--mango .b-listing__title {
  color: var(--colourLight);
}
.b-listing--mango .b-listing__intro {
  color: var(--colourLight);
}
.b-listing--mango .u-button, .b-listing--mango .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-listing--mango .gform_button, .b-listing--mango .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-listing--mango .wp-block-button__link {
  color: var(--colourMangoSecondary);
}
.b-listing--mango .u-button:link, .b-listing--mango .gform_wrapper .gform_footer .gform_button:link, .gform_wrapper .gform_footer .b-listing--mango .gform_button:link, .b-listing--mango .wp-block-buttons .wp-block-button__link:link, .wp-block-buttons .b-listing--mango .wp-block-button__link:link {
  color: var(--colourMangoSecondary);
}
.b-listing--mango .u-button:visited, .b-listing--mango .gform_wrapper .gform_footer .gform_button:visited, .gform_wrapper .gform_footer .b-listing--mango .gform_button:visited, .b-listing--mango .wp-block-buttons .wp-block-button__link:visited, .wp-block-buttons .b-listing--mango .wp-block-button__link:visited {
  color: var(--colourMangoSecondary);
}
.b-listing--mango .u-button:active, .b-listing--mango .gform_wrapper .gform_footer .gform_button:active, .gform_wrapper .gform_footer .b-listing--mango .gform_button:active, .b-listing--mango .wp-block-buttons .wp-block-button__link:active, .wp-block-buttons .b-listing--mango .wp-block-button__link:active {
  color: var(--colourMangoSecondary);
}
.b-listing--mango .u-button, .b-listing--mango .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-listing--mango .gform_button, .b-listing--mango .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-listing--mango .wp-block-button__link {
  /* Hover MUST be last in the list */
}
.b-listing--mango .u-button:hover, .b-listing--mango .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-listing--mango .gform_button:hover, .b-listing--mango .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-listing--mango .wp-block-button__link:hover {
  color: var(--colourMangoSecondary);
}
.b-listing--mango .b-listing__icon--surprise path {
  fill: var(--colourLight);
}
.b-listing--lemon .b-listing__flavour {
  color: var(--colourLemonPrimary);
}
.b-listing--lemon .b-listing__title {
  color: var(--colourLemonPrimary);
}
.b-listing--lemon .b-listing__intro {
  color: var(--colourLemonPrimary);
}
.b-listing--lemon .u-button, .b-listing--lemon .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-listing--lemon .gform_button, .b-listing--lemon .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-listing--lemon .wp-block-button__link {
  color: var(--colourAppleSecondary);
}
.b-listing--lemon .u-button:link, .b-listing--lemon .gform_wrapper .gform_footer .gform_button:link, .gform_wrapper .gform_footer .b-listing--lemon .gform_button:link, .b-listing--lemon .wp-block-buttons .wp-block-button__link:link, .wp-block-buttons .b-listing--lemon .wp-block-button__link:link {
  color: var(--colourAppleSecondary);
}
.b-listing--lemon .u-button:visited, .b-listing--lemon .gform_wrapper .gform_footer .gform_button:visited, .gform_wrapper .gform_footer .b-listing--lemon .gform_button:visited, .b-listing--lemon .wp-block-buttons .wp-block-button__link:visited, .wp-block-buttons .b-listing--lemon .wp-block-button__link:visited {
  color: var(--colourAppleSecondary);
}
.b-listing--lemon .u-button:active, .b-listing--lemon .gform_wrapper .gform_footer .gform_button:active, .gform_wrapper .gform_footer .b-listing--lemon .gform_button:active, .b-listing--lemon .wp-block-buttons .wp-block-button__link:active, .wp-block-buttons .b-listing--lemon .wp-block-button__link:active {
  color: var(--colourAppleSecondary);
}
.b-listing--lemon .u-button, .b-listing--lemon .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-listing--lemon .gform_button, .b-listing--lemon .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-listing--lemon .wp-block-button__link {
  /* Hover MUST be last in the list */
}
.b-listing--lemon .u-button:hover, .b-listing--lemon .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-listing--lemon .gform_button:hover, .b-listing--lemon .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-listing--lemon .wp-block-button__link:hover {
  color: var(--colourAppleSecondary);
}
.b-listing--lemon .b-product__circle {
  background: #87ab32;
}
.b-listing--lemon .b-listing__icon--surprise path {
  fill: var(--colourLemonPrimary);
}
.b-listing--cherry .b-listing__flavour {
  color: var(--colourCherryTertiary);
}
.b-listing--cherry .b-listing__title {
  color: var(--colourLight);
}
.b-listing--cherry .b-listing__intro {
  color: var(--colourLight);
}
.b-listing--cherry .u-button, .b-listing--cherry .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-listing--cherry .gform_button, .b-listing--cherry .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-listing--cherry .wp-block-button__link {
  color: var(--colourCherryTertiary);
}
.b-listing--cherry .u-button:link, .b-listing--cherry .gform_wrapper .gform_footer .gform_button:link, .gform_wrapper .gform_footer .b-listing--cherry .gform_button:link, .b-listing--cherry .wp-block-buttons .wp-block-button__link:link, .wp-block-buttons .b-listing--cherry .wp-block-button__link:link {
  color: var(--colourCherryTertiary);
}
.b-listing--cherry .u-button:visited, .b-listing--cherry .gform_wrapper .gform_footer .gform_button:visited, .gform_wrapper .gform_footer .b-listing--cherry .gform_button:visited, .b-listing--cherry .wp-block-buttons .wp-block-button__link:visited, .wp-block-buttons .b-listing--cherry .wp-block-button__link:visited {
  color: var(--colourCherryTertiary);
}
.b-listing--cherry .u-button:active, .b-listing--cherry .gform_wrapper .gform_footer .gform_button:active, .gform_wrapper .gform_footer .b-listing--cherry .gform_button:active, .b-listing--cherry .wp-block-buttons .wp-block-button__link:active, .wp-block-buttons .b-listing--cherry .wp-block-button__link:active {
  color: var(--colourCherryTertiary);
}
.b-listing--cherry .u-button, .b-listing--cherry .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-listing--cherry .gform_button, .b-listing--cherry .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-listing--cherry .wp-block-button__link {
  /* Hover MUST be last in the list */
}
.b-listing--cherry .u-button:hover, .b-listing--cherry .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-listing--cherry .gform_button:hover, .b-listing--cherry .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-listing--cherry .wp-block-button__link:hover {
  color: var(--colourCherryTertiary);
}
.b-listing--cherry .b-product__circle {
  background: var(--colourCherryPrimary);
}
.b-listing--cherry .b-listing__icon--surprise path {
  fill: var(--colourCherryPrimary);
}
.b-listing--pure .b-listing__flavour {
  color: var(--colourPureSecondary);
}
.b-listing--pure .b-listing__title {
  color: var(--colourLight);
}
.b-listing--pure .b-listing__intro {
  color: var(--colourLight);
}
.b-listing--pure .u-button, .b-listing--pure .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-listing--pure .gform_button, .b-listing--pure .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-listing--pure .wp-block-button__link {
  color: var(--colourPureSecondary);
}
.b-listing--pure .u-button:link, .b-listing--pure .gform_wrapper .gform_footer .gform_button:link, .gform_wrapper .gform_footer .b-listing--pure .gform_button:link, .b-listing--pure .wp-block-buttons .wp-block-button__link:link, .wp-block-buttons .b-listing--pure .wp-block-button__link:link {
  color: var(--colourPureSecondary);
}
.b-listing--pure .u-button:visited, .b-listing--pure .gform_wrapper .gform_footer .gform_button:visited, .gform_wrapper .gform_footer .b-listing--pure .gform_button:visited, .b-listing--pure .wp-block-buttons .wp-block-button__link:visited, .wp-block-buttons .b-listing--pure .wp-block-button__link:visited {
  color: var(--colourPureSecondary);
}
.b-listing--pure .u-button:active, .b-listing--pure .gform_wrapper .gform_footer .gform_button:active, .gform_wrapper .gform_footer .b-listing--pure .gform_button:active, .b-listing--pure .wp-block-buttons .wp-block-button__link:active, .wp-block-buttons .b-listing--pure .wp-block-button__link:active {
  color: var(--colourPureSecondary);
}
.b-listing--pure .u-button, .b-listing--pure .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-listing--pure .gform_button, .b-listing--pure .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-listing--pure .wp-block-button__link {
  /* Hover MUST be last in the list */
}
.b-listing--pure .u-button:hover, .b-listing--pure .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-listing--pure .gform_button:hover, .b-listing--pure .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-listing--pure .wp-block-button__link:hover {
  color: var(--colourPureSecondary);
}
.b-listing--pure .b-product__circle {
  background: var(--colourPureSecondary);
}
.b-listing--pure .b-listing__icon--surprise path {
  fill: var(--colourPureSecondary);
}
.b-listing--juicy .b-listing__flavour {
  color: var(--colourJuicySecondary);
}
.b-listing--juicy .b-listing__title {
  color: var(--colourJuicySecondary);
}
.b-listing--juicy .b-listing__intro {
  color: var(--colourJuicySecondary);
}
.b-listing--juicy .u-button, .b-listing--juicy .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-listing--juicy .gform_button, .b-listing--juicy .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-listing--juicy .wp-block-button__link {
  color: var(--colourJuicySecondary);
}
.b-listing--juicy .u-button:link, .b-listing--juicy .gform_wrapper .gform_footer .gform_button:link, .gform_wrapper .gform_footer .b-listing--juicy .gform_button:link, .b-listing--juicy .wp-block-buttons .wp-block-button__link:link, .wp-block-buttons .b-listing--juicy .wp-block-button__link:link {
  color: var(--colourJuicySecondary);
}
.b-listing--juicy .u-button:visited, .b-listing--juicy .gform_wrapper .gform_footer .gform_button:visited, .gform_wrapper .gform_footer .b-listing--juicy .gform_button:visited, .b-listing--juicy .wp-block-buttons .wp-block-button__link:visited, .wp-block-buttons .b-listing--juicy .wp-block-button__link:visited {
  color: var(--colourJuicySecondary);
}
.b-listing--juicy .u-button:active, .b-listing--juicy .gform_wrapper .gform_footer .gform_button:active, .gform_wrapper .gform_footer .b-listing--juicy .gform_button:active, .b-listing--juicy .wp-block-buttons .wp-block-button__link:active, .wp-block-buttons .b-listing--juicy .wp-block-button__link:active {
  color: var(--colourJuicySecondary);
}
.b-listing--juicy .u-button, .b-listing--juicy .gform_wrapper .gform_footer .gform_button, .gform_wrapper .gform_footer .b-listing--juicy .gform_button, .b-listing--juicy .wp-block-buttons .wp-block-button__link, .wp-block-buttons .b-listing--juicy .wp-block-button__link {
  /* Hover MUST be last in the list */
}
.b-listing--juicy .u-button:hover, .b-listing--juicy .gform_wrapper .gform_footer .gform_button:hover, .gform_wrapper .gform_footer .b-listing--juicy .gform_button:hover, .b-listing--juicy .wp-block-buttons .wp-block-button__link:hover, .wp-block-buttons .b-listing--juicy .wp-block-button__link:hover {
  color: var(--colourJuicySecondary);
}
.b-listing--juicy .b-product__circle {
  background: var(--colourJuicySecondary);
}
.b-listing--juicy .b-listing__icon--surprise path {
  fill: var(--colourJuicySecondary);
}

.b-post.wp-block-group .wp-block-group__inner-container p,
.b-post.wp-block-group .wp-block-group__inner-container ul,
.b-post.wp-block-group .wp-block-group__inner-container ol,
.b-post.wp-block-group .wp-block-group__inner-container > img,
.b-post.wp-block-group .wp-block-group__inner-container picture {
  margin-bottom: var(--space48);
}

.b-news__grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--space64) var(--spaceGrid);
  margin-bottom: var(--space64);
}
@media (min-width: 60em) {
  .b-news__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.b-news__grid .b-latest__item {
  width: 100%;
}
.b-news__select {
  border: solid 1px var(--colourOrange);
  border-radius: 27px;
  padding: var(--spaceHalf) var(--spaceBase);
  display: flex;
  margin-bottom: var(--space12);
  flex: 1;
  position: relative;
}
@media (min-width: 60em) {
  .b-news__select {
    max-width: 200px;
  }
}
.b-news__select svg {
  display: none;
  margin-right: var(--space12);
  width: var(--space12);
}
@media (min-width: 60em) {
  .b-news__select svg {
    display: block;
  }
}
@media (min-width: 60em) {
  .b-news__select {
    margin-left: var(--spaceGrid);
  }
}
.b-news__select::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid var(--colourOrange);
  pointer-events: 0;
  top: 50%;
  right: var(--spaceBase);
  margin-top: -2px;
}
.b-news__select__input {
  font-weight: 300;
  border: 0;
  color: var(--colourDark);
  padding: 0;
  margin: 0;
  height: auto;
  width: 100%;
  -webkit-appearance: none;
          appearance: none;
}
.b-news__select__input:focus {
  outline: none;
}
.b-news__select__input div {
  padding: 0;
  margin: 0;
}
.b-news__filters {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--space42);
  gap: var(--space12);
}
@media (min-width: 60em) {
  .b-news__filters {
    justify-content: flex-end;
    flex-direction: row;
    gap: 0;
  }
}

.b-sample {
  margin: 0 0 var(--space20);
  display: flex;
  justify-content: center;
}

/**
  * E - Exception
  * These are little variations to a block.
  */
.singleBubble {
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  z-index: 0;
}

/**
  *
  * Wordpress overrides
  *
  */
.wp-block-buttons .wp-block-button {
  margin: 0;
}
.wp-block-buttons .wp-block-button__link {
  display: inline-block;
  position: relative;
}

.has-forest-color {
  color: var(--colourForestPrimary);
}
.has-apple-color {
  color: var(--colourApplePrimary);
}
.has-mango-color {
  color: var(--colourMangoPrimary);
}
.has-lemon-color {
  color: var(--colourLemonPrimary);
}
.has-lime-color {
  color: var(--colourGreen);
}
.has-green-color {
  color: var(--colourGreen);
}
.has-orange-color {
  color: var(--colourOrange);
}

.has-Dark-background-color {
  background-color: var(--colourDark);
}

.has-Light-background-color {
  background-color: var(--colourLight);
}

.wp-block-image {
  margin-bottom: calc(var(--spaceHeader) / 2);
  overflow: hidden;
  position: relative;
  width: 100%;
}
.wp-block-image img,
.wp-block-image picture {
  width: 100%;
  height: auto;
  max-width: initial;
  object-fit: cover;
}

@media (min-width: 60em) {
  .wp-block-column {
    flex-basis: 0;
    flex-grow: 1;
  }
  .wp-block-column:not(:first-child) {
    margin-left: var(--spaceGrid);
  }
}

@media (min-width: 60em) {
  .wp-block-columns {
    display: flex;
  }
}

.wp-block-gallery .blocks-gallery-grid {
  margin: 0;
  display: grid;
  gap: var(--spaceGrid);
  margin-bottom: var(--spaceGrid);
}
.wp-block-gallery .blocks-gallery-grid .blocks-gallery-item {
  margin: 0;
  width: 100%;
}
.wp-block-gallery.columns-2 .blocks-gallery-grid {
  grid-template-columns: 1fr 1fr;
}
.wp-block-gallery.columns-3 .blocks-gallery-grid {
  grid-template-columns: 1fr 1fr 1fr;
}
.wp-block-gallery.columns-4 .blocks-gallery-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.wp-block-gallery.columns-5 .blocks-gallery-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.wp-block-gallery.columns-6 .blocks-gallery-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.wp-block-cover,
.wp-block-cover-image {
  background-repeat: no-repeat;
  padding: var(--spaceBase);
}
.wp-block-cover h1,
.wp-block-cover h2,
.wp-block-cover h3,
.wp-block-cover h4,
.wp-block-cover h5,
.wp-block-cover h6,
.wp-block-cover-image h1,
.wp-block-cover-image h2,
.wp-block-cover-image h3,
.wp-block-cover-image h4,
.wp-block-cover-image h5,
.wp-block-cover-image h6 {
  line-height: 1.2em;
  margin: 0;
}
.wp-block-cover p,
.wp-block-cover-image p {
  line-height: 1.2em;
  margin: 0 0 1em;
}

.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
  width: 100%;
}

.has-normal-font-size {
  font-size: var(--fontSizenormal);
}

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

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

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

/* Spinner */
.gform_ajax_spinner {
  border: 4px solid rgba(var(--colourContent), 0.3);
  border-left: 4px solid rgba(var(--colourContent), 0.7);
  width: 30px;
  height: 30px;
  margin: 0 auto;
  animation: spinner 1.1s infinite linear;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.gform_wrapper {
  text-align: left;
  position: relative;
  width: 100%;
}
.gform_wrapper ul {
  margin-left: 0;
}
.gform_wrapper ul li {
  list-style-type: none;
  margin: var(--spaceBase) 0 0;
}
.gform_wrapper .gfield_radio {
  list-style: none;
}
.gform_wrapper .gfield_checkbox {
  list-style: none;
}
.gform_wrapper .gform_title,
.gform_wrapper .gsection_title {
  font-size: var(--fontSizeH3);
}
.gform_wrapper .gform_fields {
  padding: 0;
}
.gform_wrapper .gfield {
  clear: both;
  margin: 0;
}
.gform_wrapper .gfield_label {
  clear: both;
  display: block;
  margin: var(--spaceBase) 0;
}
.gform_wrapper .gfield_description {
  font-size: var(--fontSizeDefault);
}
.gform_wrapper .gfield_required {
  color: var(--colourErrorBackground);
  padding-left: 2px;
}
.gform_wrapper .field_description_above .gfield_description {
  margin-bottom: var(--spaceBase);
}
.gform_wrapper .ginput_container select {
  background: transparent;
  width: 100%;
  padding: var(--spaceHalf) var(--spaceBase);
  border-radius: 0;
  border: 0;
  color: var(--colourOrange);
  margin: 0;
  display: block;
  font-weight: normal;
  position: relative;
}
.gform_wrapper .ginput_container select::placeholder {
  color: var(--colourOrange);
  font-weight: inherit;
  opacity: 1;
}
.gform_wrapper .ginput_container select:focus {
  color: var(--colourOrange);
}
.gform_wrapper .ginput_container select:disabled {
  -webkit-text-fill-color: var(--colourDisabled);
}
.gform_wrapper .ginput_container select {
  -webkit-appearance: none;
          appearance: none;
}
.gform_wrapper .ginput_container.ginput_container_select {
  position: relative;
}
.gform_wrapper .ginput_container.ginput_container_select::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--colourBrand);
  transform: translateY(-50%);
  right: var(--spaceHalf);
  pointer-events: none;
}
.gform_wrapper .ginput_container .small {
  width: 100%;
}
@media (min-width: 60em) {
  .gform_wrapper .ginput_container .small {
    width: 25%;
  }
}
.gform_wrapper .ginput_container .medium {
  width: 100%;
}
@media (min-width: 60em) {
  .gform_wrapper .ginput_container .medium {
    width: 50%;
  }
}
.gform_wrapper .ginput_container .large {
  width: 100%;
}
.gform_wrapper .ginput_container textarea {
  resize: none;
}
.gform_wrapper .ginput_complex {
  display: flex;
  flex-wrap: wrap;
  margin-left: var(--spaceGridNegative);
}
.gform_wrapper .ginput_complex.ginput_container_address {
  flex-wrap: wrap;
}
.gform_wrapper .ginput_complex span {
  flex-grow: 1;
  padding-left: var(--spaceGrid);
}
.gform_wrapper .ginput_complex .name_prefix_select {
  flex-grow: 0;
}
.gform_wrapper .ginput_complex .ginput_full {
  margin-right: 0;
  width: 100%;
}
.gform_wrapper .ginput_complex .ginput_right,
.gform_wrapper .ginput_complex .ginput_left {
  max-width: 100%;
  flex-basis: 100%;
  flex-shrink: 0;
}
@media (min-width: 60em) {
  .gform_wrapper .ginput_complex .ginput_right,
  .gform_wrapper .ginput_complex .ginput_left {
    max-width: 50%;
    flex-basis: 50%;
  }
}
.gform_wrapper .datepicker_with_icon {
  margin-right: 10px;
}
.gform_wrapper .clear-multi {
  display: flex;
  flex-wrap: wrap;
  margin-left: var(--spaceGridNegative);
}
.gform_wrapper .clear-multi div {
  flex-grow: 1;
  padding-left: var(--spaceGrid);
}
.gform_wrapper.gform_validation_error .gform_submission_error {
  font-size: var(--fontSize12);
  font-style: italic;
  color: var(--colourErrorBackground);
  text-align: center;
}
.gform_wrapper.gform_validation_error ol {
  margin: 0;
  font-size: var(--fontSize12);
  list-style: none;
  padding: 0;
}
.gform_wrapper .gfield_error > label {
  color: var(--colourErrorText);
}
.gform_wrapper .gfield_error input[type=color] {
  border-color: var(--colourErrorBackground);
}
.gform_wrapper .gfield_error input[type=color]::placeholder {
  color: var(--colourErrorText);
  opacity: 0.7;
}
.gform_wrapper .gfield_error input[type=date] {
  border-color: var(--colourErrorBackground);
}
.gform_wrapper .gfield_error input[type=date]::placeholder {
  color: var(--colourErrorText);
  opacity: 0.7;
}
.gform_wrapper .gfield_error input[type=datetime] {
  border-color: var(--colourErrorBackground);
}
.gform_wrapper .gfield_error input[type=datetime]::placeholder {
  color: var(--colourErrorText);
  opacity: 0.7;
}
.gform_wrapper .gfield_error input[type=datetime-local] {
  border-color: var(--colourErrorBackground);
}
.gform_wrapper .gfield_error input[type=datetime-local]::placeholder {
  color: var(--colourErrorText);
  opacity: 0.7;
}
.gform_wrapper .gfield_error input[type=email] {
  border-color: var(--colourErrorBackground);
}
.gform_wrapper .gfield_error input[type=email]::placeholder {
  color: var(--colourErrorText);
  opacity: 0.7;
}
.gform_wrapper .gfield_error input[type=file] {
  border-color: var(--colourErrorBackground);
}
.gform_wrapper .gfield_error input[type=file]::placeholder {
  color: var(--colourErrorText);
  opacity: 0.7;
}
.gform_wrapper .gfield_error input[type=hidden] {
  border-color: var(--colourErrorBackground);
}
.gform_wrapper .gfield_error input[type=hidden]::placeholder {
  color: var(--colourErrorText);
  opacity: 0.7;
}
.gform_wrapper .gfield_error input[type=image] {
  border-color: var(--colourErrorBackground);
}
.gform_wrapper .gfield_error input[type=image]::placeholder {
  color: var(--colourErrorText);
  opacity: 0.7;
}
.gform_wrapper .gfield_error input[type=month] {
  border-color: var(--colourErrorBackground);
}
.gform_wrapper .gfield_error input[type=month]::placeholder {
  color: var(--colourErrorText);
  opacity: 0.7;
}
.gform_wrapper .gfield_error input[type=number] {
  border-color: var(--colourErrorBackground);
}
.gform_wrapper .gfield_error input[type=number]::placeholder {
  color: var(--colourErrorText);
  opacity: 0.7;
}
.gform_wrapper .gfield_error input[type=password] {
  border-color: var(--colourErrorBackground);
}
.gform_wrapper .gfield_error input[type=password]::placeholder {
  color: var(--colourErrorText);
  opacity: 0.7;
}
.gform_wrapper .gfield_error input[type=range] {
  border-color: var(--colourErrorBackground);
}
.gform_wrapper .gfield_error input[type=range]::placeholder {
  color: var(--colourErrorText);
  opacity: 0.7;
}
.gform_wrapper .gfield_error input[type=search] {
  border-color: var(--colourErrorBackground);
}
.gform_wrapper .gfield_error input[type=search]::placeholder {
  color: var(--colourErrorText);
  opacity: 0.7;
}
.gform_wrapper .gfield_error input[type=tel] {
  border-color: var(--colourErrorBackground);
}
.gform_wrapper .gfield_error input[type=tel]::placeholder {
  color: var(--colourErrorText);
  opacity: 0.7;
}
.gform_wrapper .gfield_error input[type=text] {
  border-color: var(--colourErrorBackground);
}
.gform_wrapper .gfield_error input[type=text]::placeholder {
  color: var(--colourErrorText);
  opacity: 0.7;
}
.gform_wrapper .gfield_error input[type=time] {
  border-color: var(--colourErrorBackground);
}
.gform_wrapper .gfield_error input[type=time]::placeholder {
  color: var(--colourErrorText);
  opacity: 0.7;
}
.gform_wrapper .gfield_error input[type=url] {
  border-color: var(--colourErrorBackground);
}
.gform_wrapper .gfield_error input[type=url]::placeholder {
  color: var(--colourErrorText);
  opacity: 0.7;
}
.gform_wrapper .gfield_error input[type=week] {
  border-color: var(--colourErrorBackground);
}
.gform_wrapper .gfield_error input[type=week]::placeholder {
  color: var(--colourErrorText);
  opacity: 0.7;
}
.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea {
  border-color: var(--colourErrorBackground);
}
.gform_wrapper .gfield_error input::placeholder,
.gform_wrapper .gfield_error select::placeholder,
.gform_wrapper .gfield_error textarea::placeholder {
  color: var(--colourErrorText);
  opacity: 0.7;
}
.gform_wrapper .gfield_error .validation_message {
  color: var(--colourPurple);
  font-size: var(--fontSizeSmall);
  font-style: italic;
  margin: var(--spaceHalf) 0 0;
}
.gform_wrapper .hidden_label .gfield_label {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.gform_wrapper .gform_footer {
  margin: var(--space32) 0 0;
  display: flex;
  justify-content: center;
}
.gform_wrapper .gform_footer .gform_button {
  font-size: var(--fontSize22);
}

.ginput_container_consent {
  position: relative;
  font-size: var(--fontSizeBody);
  color: var(--colourGreen);
  display: flex;
  justify-content: center;
}
.ginput_container_consent a {
  text-decoration: underline;
}
.ginput_container_consent .gfield_consent_label {
  position: relative;
  width: auto;
  display: block;
  padding-left: 1.875em;
  line-height: 1.2;
  cursor: pointer;
  color: var(--colourDark);
  margin: var(--space16) auto 0;
}
.ginput_container_consent .gfield_consent_label a {
  color: var(--colourDark);
}
.ginput_container_consent .gfield_consent_label a:link {
  color: var(--colourDark);
}
.ginput_container_consent .gfield_consent_label a:visited {
  color: var(--colourDark);
}
.ginput_container_consent .gfield_consent_label a:active {
  color: var(--colourDark);
}
.ginput_container_consent .gfield_consent_label a {
  /* Hover MUST be last in the list */
}
.ginput_container_consent .gfield_consent_label a:hover {
  color: var(--colourDark);
}
.ginput_container_consent .gfield_consent_label a {
  text-decoration: underline;
}
.ginput_container_consent .gfield_consent_label::before, .ginput_container_consent .gfield_consent_label::after {
  content: "";
  display: block;
  position: absolute;
}
.ginput_container_consent .gfield_consent_label::after {
  border: 1px solid var(--colourCherryPrimary);
  width: 15px;
  height: 15px;
  top: 4px;
  left: 0;
}
.ginput_container_consent .gfield_consent_label::before {
  width: 11px;
  height: 11px;
  background: var(--colourCherryPrimary);
  top: 6px;
  left: 2px;
  transition: transform 0.4s ease-in-out;
  transform: scale(0);
}
.ginput_container_consent input[type=checkbox] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.ginput_container_consent input[type=checkbox]:checked ~ .gfield_consent_label::before {
  transform: scale(1);
}

.gform_required_legend {
  display: none;
}

.gform_description,
.gform_confirmation_message {
  font-size: var(--fontSize18);
  margin-bottom: var(--space24);
  text-align: center;
  line-height: 1.8;
}
.gform_description a,
.gform_confirmation_message a {
  text-decoration: underline;
}

p {
  margin-bottom: var(--spaceOne);
}

.wp-block-group {
  padding: 0;
  margin-bottom: var(--space48);
}
.wp-block-group h1,
.wp-block-group h2,
.wp-block-group h3,
.wp-block-group h4,
.wp-block-group h5,
.wp-block-group h6 {
  margin-bottom: var(--space64);
  font-weight: 700;
  font-size: var(--fontSize45);
  line-height: 1.3;
}
.wp-block-group p,
.wp-block-group ul,
.wp-block-group ol {
  line-height: 1.8;
  margin-bottom: var(--spaceOne);
  font-size: var(--fontSize18);
}
.wp-block-group p a,
.wp-block-group ul a,
.wp-block-group ol a {
  text-decoration: underline;
  word-break: break-word;
}
.wp-block-group.has-lime-background-color, .wp-block-group.has-orange-background-color {
  background: var(--colourGreen);
  padding: var(--spaceHeader) 0;
  margin-bottom: var(--spaceHeader);
}
.wp-block-group.has-lime-background-color .has-light-color, .wp-block-group.has-orange-background-color .has-light-color {
  color: var(--colourLight);
}
.wp-block-group.has-lime-background-color .has-light-color a, .wp-block-group.has-orange-background-color .has-light-color a {
  color: var(--colourLight);
}
.wp-block-group.has-lime-background-color .has-light-color a:link, .wp-block-group.has-orange-background-color .has-light-color a:link {
  color: var(--colourLight);
}
.wp-block-group.has-lime-background-color .has-light-color a:visited, .wp-block-group.has-orange-background-color .has-light-color a:visited {
  color: var(--colourLight);
}
.wp-block-group.has-lime-background-color .has-light-color a:active, .wp-block-group.has-orange-background-color .has-light-color a:active {
  color: var(--colourLight);
}
.wp-block-group.has-lime-background-color .has-light-color a, .wp-block-group.has-orange-background-color .has-light-color a {
  /* Hover MUST be last in the list */
}
.wp-block-group.has-lime-background-color .has-light-color a:hover, .wp-block-group.has-orange-background-color .has-light-color a:hover {
  color: var(--colourLight);
}
.wp-block-group.has-orange-background-color {
  background-color: var(--colourOrange);
}

.wp-block-quote,
.b-post.wp-block-group .wp-block-group__inner-container .wp-block-quote {
  margin: 0 0 var(--space48);
  padding: 0;
}
.wp-block-quote p,
.wp-block-quote ul,
.wp-block-quote ol,
.b-post.wp-block-group .wp-block-group__inner-container .wp-block-quote p,
.b-post.wp-block-group .wp-block-group__inner-container .wp-block-quote ul,
.b-post.wp-block-group .wp-block-group__inner-container .wp-block-quote ol {
  font-size: var(--fontSize45);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: var(--space32);
}
.wp-block-quote cite,
.b-post.wp-block-group .wp-block-group__inner-container .wp-block-quote cite {
  font-style: normal;
  font-size: var(--fontSize14);
  line-height: 1.2;
  text-transform: uppercase;
}

.wp-block-spacer {
  max-height: 100px;
}

/*# sourceMappingURL=main.css.map*/