@charset "UTF-8";
:root {
  --color-yellow: #fae100;
  --color-blue: #1b5faa;
  --color-blue-bg: #dde7f2;
  --color-green: #008780;
  --color-green-bg: #d9edec;
  --color-red: #d93a46;
  --color-red-bg: #edd9d9;
  --color-orange: #e87722;
  --color-orange-bg: #fcebde;
  --color-dark-orange: #d64a1a;
  --color-mauve: #9c6ba6;
  --color-magenta: #d70e4b;
  --color-purple: #ddd5ea;
  --color-purple-light: #8e5da0;
  --color-purple-dark: #100620;
  --color-text: #2c2a29;
  --color-text-blue: #1b5faa;
  --color-text-green: #008780;
  --color-text-red: #aa3349;
  --color-text-orange: #ad5411;
  --color-text-muted: #6e6e6e;
  --color-text-light: #4a4a4a;
  --color-text-help: #6e6868;
  --color-white: #ffffff;
  --color-black: #202020;
  --color-grey: #f4f4f4;
  --color-grey-mid: #c4c4c4;
  --color-grey-light: #d3d3d3;
  --color-grey-dark: #393939;
  --color-off-white: #fafafa;
  --color-table-row: #f8f8f8;
  --color-breadcrumb-bg: #f4f4f4;
  --color-link: #008780;
  --color-donate-border: #707070;
  --color-donate-bg: #f5f5f5;
  --color-paypal-blue: #0070ba;
  --color-paypal-yellow: #ffc439;
  --color-nav-spacer: #e1ca00;
  --color-risk-pink: #c94c63;
  --color-risk-purple: #8e5da0;
  --color-promo-membership: #c94c63;
  --color-promo-helpline: #8e5da0;
  --color-promo-email: #1b5faa;
  --font-family-base: "FSMePro", sans-serif;
  --font-size-base: 1.3125rem;
  --font-size-xs: 1rem;
  --font-size-tiny: 0.875rem;
  --font-size-title-bg: 2.25rem;
  --font-size-h1: 3rem;
  --font-size-h2: 2.5rem;
  --font-size-h3: 2rem;
  --font-size-h4: 1.5rem;
  --font-size-h5: 1.313rem;
  --font-size-copy: 1.313rem;
  --font-size-copy-sm: 1.188rem;
  --font-size-copy-md: 1.5rem;
  --font-size-copy-lg: 1.75rem;
  --font-size-copy-xs: 1.125rem;
  --font-size-copy-element: 1.313rem;
  --font-size-copy-tiny: 1rem;
  --font-size-display-sm: 2.375rem;
  --font-size-display: 4rem;
  --line-height-xs: 1.5rem;
  --line-height-md: 2.25rem;
  --line-height-lg: 2.5r
  --line-height-xl: 3.75rem;
  --line-height-h1: 3.625rem;
  --line-height-h2: 3rem;
  --line-height-h3: 2.75rem;
  --line-height-h4: 2.063rem;
  --line-height-h5: 1.969rem;
  --line-height-copy: 1.969rem;
  --line-height-copy-sm: 1.75rem;
  --line-height-copy-element: 1.5rem;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.76rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.15);
  --shadow-tooltip: 0 0 0.429rem 0.143rem rgba(0, 0, 0, 0.25);
  --transition-fast: 150ms ease;
  --transition-base: 300ms ease;
  --z-below: -1;
  --z-raised: 10;
  --z-tooltip: 600;
  --bp-smallest: 300px;
  --bp-tinier-mobile: 350px;
  --bp-tiny-mobile: 450px;
  --bp-interim-mobile: 580px;
  --bp-small-mobile: 650px;
  --bp-mobile: 768px;
  --bp-interim: 968px;
  --bp-small-desktop: 850px;
  --bp-desktop: 1024px;
  --bp-large-desktop: 1200px;
  --bp-mlarge-desktop: 1300px;
  --bp-xlarge-desktop: 1440px;
}

@media screen and (max-width: 768px) {
  :root {
    --font-size-h1: 2rem;
    --line-height-h1: 2.375rem;
    --font-size-h2: 2rem;
    --line-height-h2: 2.438rem;
    --font-size-h3: 1.625rem;
    --line-height-h3: 2rem;
    --font-size-h4: 1.438rem;
    --line-height-h4: 1.75rem;
    --font-size-h5: 1.313rem;
    --line-height-h5: 1.969rem;
    --font-size-copy: 1.313rem;
    --line-height-copy: 1.969rem;
    --font-size-copy-sm: 1.188rem;
    --line-height-copy-sm: 1.75rem;
    --font-size-copy-element: 1.313rem;
    --line-height-copy-element: 1.5rem;
  }
}
@font-face {
  font-family: "FSMePro";
  font-weight: normal;
  src: url("/fonts/FSMePro-Regular.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "FSMePro";
  font-weight: bold;
  src: url("/fonts/FSMePro-Bold.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "FSMePro";
  font-style: italic;
  src: url("/fonts/FSMePro-Italic.otf") format("opentype");
  font-display: swap;
}
html {
  font-family: var(--font-family-base);
  font-size: 16px;
  line-height: 1.25;
  color: var(--color-text);
}

h1, .h1 {
  font-size: var(--font-size-h1);
  line-height: var(--line-height-h1);
}
h1, .h1 {
  font-weight: bold;
  margin: 1rem 0 1rem -0.7rem;
  background-color: #fae100;
  border-radius: var(--radius-lg);
  display: inline-block;
  padding: 5px 10px;
}
h1.yb, .h1.yb {
  margin: 0 0 0 -0.7rem;
}
h1.aligned, .h1.aligned {
  margin-left: 0;
}

h2, .h2 {
  font-size: var(--font-size-h2);
  line-height: var(--line-height-h2);
}

h2, .h2 {
  margin: 1rem 0;
  margin-left: -42px;
  padding-left: 42px;
  position: relative;
  font-size: var(--font-size-h2);
  line-height: var(--line-height-h2);
}
h2:before, .h2:before {
  content: "";
  height: 80%;
  top: 5%;
  background-color: var(--color-text-blue);
  width: 12px;
  border-radius: var(--radius-sm);
  position: absolute;
  left: 0;
}
@media screen and (max-width: 768px) {
  h2, .h2 {
    margin-left: -30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 650px) {
  h2, .h2 {
    margin-left: -25px;
    padding-left: 25px;
  }
}
@media screen and (max-width: 450px) {
  h2, .h2 {
    margin-left: -20px;
    padding-left: 20px;
  }
}

.h2.no-bar, h2.h3 {
  margin-left: 0;
  padding-left: 0;
}
.h2.no-bar:before, h2.h3:before {
  content: none;
}

h3, .h3 {
  font-weight: bold;
  margin: 1rem 0;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
}

h4, .h4 {
  font-weight: bold;
  font-size: var(--font-size-h4);
  line-height: var(--line-height-h4);
}

p.h4 {
  margin-bottom: 0;
}

h5, .h5 {
  color: rgb(29, 29, 29);
  font-weight: bold;
  font-size: var(--font-size-h5);
  line-height: var(--line-height-h5);
}

h6, .h6 {
  color: rgb(29, 29, 29);
  font-weight: bold;
  font-size: var(--font-size-h5);
  line-height: var(--line-height-h5);
}

.regular {
  font-weight: normal;
}

.bold {
  font-weight: 700;
}

.strike {
  text-decoration: line-through;
}

.red {
  color: var(--color-text-red);
}

p, li, .p {
  font-family: var(--font-family-base);
  font-weight: normal;
  font-size: var(--font-size-copy);
  line-height: var(--line-height-copy);
}
p > .text:nth-child(1), li > .text:nth-child(1), .p > .text:nth-child(1) {
  margin-top: 0;
}

input,
span,
select,
textarea,
label {
  font-family: var(--font-family-base);
  font-size: var(--font-size-copy-element);
  line-height: var(--line-height-copy-element);
}

b,
strong {
  font-weight: bold;
}

i,
em {
  font-style: italic;
}

a {
  color: var(--color-black);
  text-decoration: none;
}

a.underline {
  text-decoration: underline;
}

a.link, span.link {
  font-size: var(--font-size-copy);
  text-decoration: none;
  border-bottom: 3px solid var(--color-black);
  padding-bottom: 4px;
  margin: 0;
  line-height: 2.5rem;
}
a.link:hover, span.link:hover {
  border-bottom-color: #fae100;
}
a.link.link-arrow, span.link.link-arrow {
  font-weight: 700;
  /* position: relative;

   &:after {
       content: url('/img/link-arrow.svg');
       position: absolute;
       border-bottom: 3px solid $yellow;
       padding-left: 10px;
       width: 20px;
       height: 30px;
       bottom: -2.4px;
   }

   &:hover {
       &:after {
           border-bottom: 3px solid $black-color;
       }
   }*/
}
a.link.link-arrow img, span.link.link-arrow img {
  margin-bottom: -2px;
}
a.link.link-arrow span, span.link.link-arrow span {
  font-size: unset;
}
a.link.yellow, span.link.yellow {
  border-bottom: 3px solid #fae100;
}
a.link.yellow:hover, span.link.yellow:hover {
  border-bottom-color: var(--color-black);
}
a.link.red, span.link.red {
  color: var(--color-text-red);
}
a.link.standard, span.link.standard {
  border-bottom: none;
  text-decoration: underline;
  padding-bottom: 0;
}

.link-eye {
  margin-top: 1rem;
}
.link-eye:hover .link {
  border-bottom: 3px solid #202020;
}
.link-eye a {
  text-decoration: none;
}
.link-eye a img {
  display: block;
  float: left;
  padding-right: 7px;
  padding-top: 10px;
}

.copy-sm {
  font-family: var(--font-family-base);
  font-size: var(--font-size-copy-sm);
  line-height: var(--line-height-copy-sm);
}

.copy-tiny {
  font-size: var(--font-size-copy-tiny);
}

.nowrap {
  white-space: nowrap;
}

.rich-text ul {
  padding-left: 1rem;
  list-style-image: url("/img/icons/bullet.svg");
}
.rich-text ul li {
  padding-left: 0.4rem;
  margin: 1rem 0;
}
.rich-text ol {
  padding-left: 1.2rem;
}
.rich-text ol li {
  padding-left: 3px;
  margin-bottom: 1rem;
}
.rich-text ol li::marker {
  color: var(--color-text-blue);
  font-weight: bold;
}

html,
body {
  margin: 0;
  overflow-x: hidden;
}

img {
  max-width: 100%;
}

b {
  font-weight: bold;
}

#content {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.spacing-content {
  margin-right: 9.35%;
  margin-left: 9.35%;
}
.spacing-content.max {
  margin-right: 16.6%;
  margin-left: 16.6%;
}

.padding-content {
  padding-right: 9.35%;
  padding-left: 9.35%;
}
.padding-content.max {
  padding-right: 16.6%;
  padding-left: 16.6%;
}

.section-separator {
  margin-top: 95px;
}
.section-separator.sm {
  margin-top: 65px;
}
.section-separator.x-sm {
  margin-top: 2rem;
}

.padding-separator {
  padding-top: 95px;
  padding-bottom: 80px;
}

ul li a:hover {
  text-decoration: underline;
}

hr.separator {
  height: 6px;
  border-radius: var(--radius-md);
  background-color: #202020;
}
hr.separator-l {
  height: 3px;
  background-color: var(--color-grey);
  border: none;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type=submit],
input[type=radio],
input[type=checkbox] {
  cursor: pointer;
}

select {
  height: 57px;
}

.mobile-only {
  display: none !important;
}

.tablet-only {
  display: none !important;
}

.hide {
  display: none !important;
}

#ccc-icon {
  z-index: 1 !important;
}

.print-only {
  display: none !important;
}
.print-only img {
  max-width: 21.42rem;
}

.block {
  display: block;
}

.flex {
  display: flex;
}
.flex.flex-col {
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .flex.mob-block {
    display: block;
  }
}

.flex-gap-1 {
  gap: 1rem;
}

.flex-gap-2 {
  gap: 2rem;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.align-middle {
  align-items: center;
}

.justify-end {
  justify-content: end;
}

.justify-between {
  justify-content: space-between;
}

.w-30 {
  width: 30%;
}

.w-50 {
  width: 50%;
}

.w-100 {
  width: 100%;
}

.inline-block {
  display: inline-block;
}

/*Helpers*/
.m-0 {
  margin: 0 !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 1rem !important;
}

.ms-10p {
  margin-left: 10px !important;
}

.me-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.76rem !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-05 {
  margin-top: 0.5rem !important;
}

.mt-1 {
  margin-top: 0.76rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.ms--1 {
  margin-left: -1rem !important;
}

.p-0 {
  padding: 0 !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 1rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 1rem !important;
}

.pe-hf {
  padding-right: 0.5rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.76rem !important;
}

.pt-2 {
  padding-top: 2rem !important;
}

.pb-1 {
  padding-bottom: 0.76rem !important;
}

.pb-2 {
  padding-bottom: 2rem !important;
}

.rounded {
  border-radius: var(--radius-sm);
}

.overlap-h1 {
  margin-top: -32px;
}

.relative {
  position: relative;
}

@media screen and (max-width: 968px) {
  .hide-interim {
    display: none;
  }
}
@media screen and (max-width: 850px) {
  .tablet-only {
    display: block !important;
  }
  .desktop-only {
    display: none !important;
  }
  .desktop-tablet-only {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .spacing-content {
    margin-right: 4%;
    margin-left: 4%;
  }
  .spacing-content.max {
    margin-right: 6%;
    margin-left: 6%;
  }
  .padding-content {
    padding-right: 4%;
    padding-left: 4%;
  }
  .padding-content.max {
    padding-right: 6%;
    padding-left: 6%;
  }
  .desktop-only {
    display: none !important;
  }
  .tablet-only {
    display: none !important;
  }
  .desktop-tablet-only {
    display: none !important;
  }
  .mobile-only {
    display: block !important;
  }
  .hide-interim {
    display: block;
  }
  .ms--1 {
    margin-left: 0 !important;
  }
  .w-50 {
    width: 100%;
  }
  .xs-ps-0 {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 580px) {
  .hide-interim {
    display: none;
  }
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
table.left-aligned thead,
table.left-aligned tbody {
  text-align: left;
}
table tr {
  border-top: 1px solid #e9ebec;
}
table tr:nth-child(even) {
  background-color: var(--color-table-row);
}
table tr.extra-border {
  border-top: 2px solid rgb(205.6341463415, 210.1219512195, 212.3658536585);
}
table th {
  font-weight: bold;
}
table th,
table td {
  padding: 10px 30px;
}

.panel {
  padding: 40px 30px;
}
@media screen and (max-width: 768px) {
  .panel {
    padding: 30px 20px;
  }
}

.spacing-top-large {
  margin-top: 80px !important;
}

.spacing-wrapper.padding-top {
  padding-top: 40px;
}
.spacing-wrapper.padding-bottom {
  padding-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .spacing-top-large {
    margin-top: 50px !important;
  }
  .spacing-wrapper.padding-top {
    padding-top: 30px;
  }
  .spacing-wrapper.padding-bottom {
    padding-bottom: 30px;
  }
}
div.disabled {
  position: relative;
}
div.disabled:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-grey);
  opacity: 0.8;
}
div.disabled:after {
  content: "";
  background-image: url("/img/spinner.gif");
  background-size: contain;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.js-accessibility-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: 0;
  background-color: var(--color-grey);
  color: #202020;
  font-size: var(--font-size-base);
  line-height: var(--line-height-xs);
  opacity: 1 !important;
  padding: 1rem 1.5rem;
}

.accessibility-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size-base);
  font-weight: bold;
  line-height: var(--line-height-xs);
  width: 100%;
}
.accessibility-title button {
  outline: none;
  background-color: #2c2a29;
  color: var(--color-white);
  border: 0;
  font-size: var(--font-size-base);
  font-weight: bold;
  line-height: var(--line-height-xs);
}

.js-accessibility-settings {
  display: flex;
  flex-direction: column;
  flex: 1 1 100%;
  transition: visibility 0.5s ease-out;
  background-color: var(--color-grey);
  padding: 5%;
}

.js-accessibility-settings.collapsed {
  display: none;
}

.fonts-control {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border: 2px solid #202020;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.fonts-control div {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-direction: row;
  width: auto;
}
.fonts-control div button {
  margin: 0.5rem;
}
.fonts-control .font-slider {
  width: 6rem;
  border: 0;
}

.action-control {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.action-control button {
  font-size: 0.8rem;
}
.action-control .rsbtn {
  position: static;
  margin: 0;
}
.action-control .rsbtn.rsexpanded {
  flex: 0 0 100%;
  width: 100%;
  margin-top: 1rem;
}

.btns-accessibility {
  font-size: var(--font-size-xs);
  font-weight: bold;
  border-radius: var(--radius-md);
  border: 0;
}

.btns-action-control {
  width: 9rem;
  border-radius: 0.5rem;
  background-color: #2c2a29;
  color: var(--color-white);
  border: 2px solid var(--color-white);
  border-color: var(--color-white);
  padding: 0.5rem;
}

.slider-container span {
  color: #202020;
}
.slider-container span:first-child {
  font-size: 0.7rem;
  margin: 0 0.3rem;
}
.slider-container span:last-child {
  font-size: var(--font-size-h4);
  margin: 0 0.3rem;
}

#defaulttheme-button {
  background-color: var(--color-white);
}

#yellowtheme-button {
  background-color: #fae100;
}

#greytheme-button {
  background-color: #2c2a29;
  color: var(--color-white);
}

.no-images .hideable {
  display: none;
}

.skip-links {
  position: absolute;
  top: -100%;
  left: -100%;
}

@media (min-width: 768px) and (max-width: 1200px) {
  .fonts-control,
  .action-control {
    justify-content: center;
  }
  .action-control {
    flex-direction: column;
  }
  .action-control button {
    margin: 0.5em 0;
    width: 100%;
  }
}
button {
  cursor: pointer;
}

.btn {
  display: inline-block;
  border: 0;
  border-radius: var(--radius-md);
  font-size: var(--font-size-base);
  padding: 17px 36px;
  min-width: 140px;
  font-weight: bold;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}
.btn:not([data-tooltip]):hover {
  opacity: 0.8;
}
.btn[disabled] {
  background-color: lightgray;
  color: var(--color-white);
}

.btn-grey {
  background-color: #2c2a29;
  color: var(--color-white);
}

.btn-soft-grey {
  background-color: var(--color-text-muted);
  color: var(--color-white);
}

.btn-white {
  background-color: var(--color-white);
  color: #2c2a29;
}

.btn-yellow {
  background-color: #fae100;
  color: #2c2a29;
}

.btn.primary {
  background-color: #202020;
  color: var(--color-white);
}

.btn.large {
  width: 298px;
  margin-left: 20px;
}

.btn.small {
  padding: 0.5em;
  border-radius: var(--radius-md);
  font-size: var(--font-size-xs);
  font-family: var(--font-family-base);
}

.search-btn {
  display: block;
  width: 30px;
  height: 30px;
}

.button-link {
  background-color: unset;
  padding: 10px 0;
  display: block;
  color: #fff;
  text-align: left;
  font-weight: bold;
  font-size: var(--font-size-base);
  line-height: 1.5rem;
  border: none;
}

button.link {
  border: none;
  background: none;
  font-family: var(--font-family-base);
  text-decoration: underline;
  margin: 0;
  padding: 0;
  font-size: var(--font-size-copy-element);
  line-height: var(--line-height-copy-element);
}

@media (max-width: 600px) {
  .btn.large {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
  }
}
@media (min-width: 900px) {
  .btn.large {
    width: 298px;
  }
}
.card-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 49px;
}
.card-container.card-container--image {
  margin-top: 0.5rem;
  justify-content: flex-start;
  gap: 0.5rem;
  flex-wrap: nowrap;
}
.card-container.card-container--image:nth-child(1) {
  margin-top: 49px;
}
.card-container.card-container--image.wrap {
  flex-wrap: wrap;
}
.card-container.card-container--image .card--image {
  margin: 0;
  width: 100%;
}

.card {
  margin-bottom: 15px;
  text-align: center;
  background-color: var(--color-grey);
  height: auto;
  width: 32%;
  border-radius: var(--radius-lg);
}
@media screen and (max-width: 1024px) {
  .card {
    width: 48%;
    margin: 0 auto 15px;
  }
  .card:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 790px) {
  .card {
    width: 90%;
    height: auto;
  }
  .card p {
    margin: 0 0.5rem 1rem;
  }
}
.card img {
  margin: 40px 0;
}
.card .text p {
  font-weight: bold;
  line-height: 32px;
  padding: 0 10px;
}
.card .description {
  padding: 0 1rem;
  text-align: left;
}

.card--icon img {
  max-width: 101px;
  height: auto;
}

.card--image {
  margin-right: 1%;
}

.card__image {
  position: relative;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.card__image::before {
  display: block;
  position: relative;
  content: "";
  padding-top: 53.33333%;
}

@media (max-width: 600px) {
  .card-container {
    flex-wrap: wrap;
    flex-flow: column;
  }
}
fieldset {
  border: none;
}

select,
select:-internal-autofill-selected {
  padding: 15px;
  border: 1px solid #2c2a29;
  border-radius: var(--radius-md);
  background-image: url("/img/triangle-dd.png"), linear-gradient(to bottom, var(--color-white) 0%, var(--color-white) 100%) !important;
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--color-white) !important;
}

textarea {
  padding: 15px;
  border-radius: var(--radius-md);
  font-family: var(--font-family-base);
}

select.title-box {
  width: 50%;
}

input {
  padding: 15px;
  border: 1px solid #2c2a29;
  border-radius: var(--radius-md);
}

label .required, p .required {
  color: var(--color-dark-orange);
}

.form-first-row {
  display: flex;
  flex-flow: row;
}
.form-first-row .form-style:last-child {
  margin-right: 0;
}

.form-second-row {
  display: flex;
  flex-wrap: wrap;
}
.form-second-row .form-style {
  flex: 1 1 calc(100% - 200px - 10px);
  max-width: none;
}
.form-second-row .errorlist {
  flex: 0 0 100%;
  margin-top: 0;
}
.form-second-row .btn-signup {
  flex: 0 0 200px;
  align-self: flex-end;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.form-second-row .btn-signup .btn {
  width: 200px;
}

.form-style {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
  flex: 2 1 100%;
  margin-top: 1em;
  margin-bottom: 1em;
  max-width: 560px;
}
.form-style label {
  margin: 0 10px;
}
.form-style select,
.form-style input {
  margin-top: 10px;
}

.form-style.email {
  max-width: 100%;
}

.form-field {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 1em;
}
.form-field label {
  margin: 0 10px;
}
.form-field select,
.form-field input,
.form-field textarea {
  margin-top: 10px;
}
.form-field p a {
  text-decoration: underline;
}

.form-field.title {
  font-weight: normal;
}
.form-field.title .field-validation-error {
  font-size: var(--font-size-xs);
  line-height: 20px;
}

.help-block {
  padding: 10px;
}

.errorlist {
  list-style: none;
  padding: 0;
  margin: 0.5rem 0;
  color: var(--color-dark-orange);
}

.form-validation-errors {
  color: var(--color-red);
}
.form-validation-errors ul {
  list-style: none;
  padding: 0;
  margin-bottom: 2rem;
}

.field-validation-error {
  margin-top: 5px;
  background: var(--color-red);
  display: block;
  padding: 0.5rem;
  color: var(--color-white);
  font-weight: normal !important;
  line-height: 1.969rem;
}

.currency-prefix {
  position: relative;
}
.currency-prefix span {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  transform: translateY(-50%);
  font-size: var(--font-size-base);
  z-index: 1;
}
.currency-prefix input {
  width: 100%;
  box-sizing: border-box;
  padding-left: 2rem;
}

.gdpr-fields p {
  font-size: var(--font-size-copy-md);
}
.gdpr-fields .form-field:last-child {
  padding-bottom: 2rem;
}

.form-style .js-reveal-icon,
.umbraco-forms-field-wrapper .js-reveal-icon {
  position: absolute;
  top: 3.8rem;
  right: 1rem;
  transform: translateY(-50%);
  cursor: pointer;
  width: 28px;
  height: 28px;
  border: none;
  background-color: transparent;
}
.form-style .js-reveal-icon.pt-1,
.umbraco-forms-field-wrapper .js-reveal-icon.pt-1 {
  top: 3.5rem;
}
.form-style .js-reveal-icon svg.closed,
.umbraco-forms-field-wrapper .js-reveal-icon svg.closed {
  display: none;
}
.form-style .js-reveal-icon svg.open,
.umbraco-forms-field-wrapper .js-reveal-icon svg.open {
  display: block;
}
.form-style .js-reveal-icon.closed svg.closed,
.umbraco-forms-field-wrapper .js-reveal-icon.closed svg.closed {
  display: block;
}
.form-style .js-reveal-icon.closed svg.open,
.umbraco-forms-field-wrapper .js-reveal-icon.closed svg.open {
  display: none;
}

.umbraco-forms-field-wrapper .js-reveal-icon {
  top: 1.7rem;
}

@media screen and (max-width: 1200px) {
  .form-first-row,
  .form-second-row {
    flex-direction: column;
  }
  .form-first-row .form-style,
  .form-second-row .form-style {
    max-width: 100%;
    margin: 1em 0;
  }
  .form-style.email {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .form-style {
    max-width: 100%;
    margin: 1em 0;
  }
  .form-second-row .btn-signup {
    width: 100%;
  }
  .form-second-row .btn-signup input {
    width: 100%;
  }
  .form-second-row .btn-signup button {
    width: 100%;
  }
}
.stripe {
  margin-top: 10px;
  margin-bottom: 16px;
  padding: 18px 15px;
  border: 1px solid #2c2a29;
  border-radius: var(--radius-md);
  background-color: var(--color-white);
  font-size: var(--font-size-xs);
}

input[type=checkbox],
input[type=checkbox]:focus {
  width: 48px;
  height: 48px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 10px;
  background-color: var(--color-white);
  border: 1px solid #2c2a29;
  display: inline-block;
  box-shadow: none;
}

input[type=checkbox]:checked {
  background-image: url("/img/tick.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--color-white);
  text-align: center;
}

.container-radio-button {
  display: block;
  position: relative;
  padding-left: 50px;
  padding-top: 6px;
  cursor: pointer;
  font-size: var(--font-size-copy-md);
  user-select: none;
}
.container-radio-button input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.container-radio-button .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 32px;
  width: 32px;
  background-color: var(--color-white);
  border: 1px solid #202020;
  border-radius: 50%;
}
.container-radio-button input:checked ~ .checkmark {
  background-color: var(--color-white);
}
.container-radio-button .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  top: 3px;
  left: 3px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #202020;
}
.container-radio-button input:checked ~ .checkmark::after {
  display: block;
}

.container-radio-button:hover input ~ .checkmark {
  background-color: var(--color-grey-mid);
}

.container-radio-check,
.container-checkbox-check {
  display: block;
  position: relative;
  width: 110px;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 1em;
  border: 2px solid var(--color-grey-mid);
  border-radius: 20px;
  font-family: var(--font-family-base);
  cursor: pointer;
}
@media screen and (min-width: 351px) {
  .container-radio-check,
  .container-checkbox-check {
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: block;
    margin-bottom: 0;
  }
}
.container-radio-check.selected,
.container-checkbox-check.selected {
  border-color: var(--color-link);
}
.container-radio-check:hover,
.container-checkbox-check:hover {
  border-color: var(--color-link);
}
.container-radio-check input,
.container-checkbox-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.container-radio-check .checkmark,
.container-checkbox-check .checkmark {
  position: relative;
  top: 0;
  left: 0;
}
.container-radio-check .checkmark img,
.container-checkbox-check .checkmark img {
  display: none;
}
.container-radio-check .checkmark::after,
.container-checkbox-check .checkmark::after {
  content: "";
  position: absolute;
  display: none;
}
.container-radio-check input:checked ~ .checkmark::after,
.container-checkbox-check input:checked ~ .checkmark::after {
  display: block;
  content: url("/img/tick.svg");
  position: absolute;
  left: 55px;
  top: 3px;
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
  margin-left: -15px;
  margin-right: -15px;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background: #202020;
  cursor: pointer;
  margin-top: -4px;
}

input[type=range]::-moz-range-thumb {
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background: #202020;
  cursor: pointer;
}

input[type=range]::-ms-thumb {
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background: #202020;
  cursor: pointer;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #202020;
  border-radius: 1.3px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #202020;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #202020;
  border-radius: 1.3px;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #202020;
  border-radius: 2.6px;
}

input[type=range]:focus::-ms-fill-lower {
  background: #202020;
}

input[type=range]::-ms-fill-upper {
  background: #202020;
  border-radius: 2.6px;
}

input[type=range]:focus::-ms-fill-upper {
  background: #202020;
}

.dropdown-box select {
  min-height: 56px;
  width: 100%;
  font-family: var(--font-family-base);
  min-width: 60px;
}

.search-sector {
  display: flex;
  align-content: flex-start;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 60px;
  row-gap: 0.75rem;
}
@media screen and (max-width: 768px) {
  .search-sector label {
    width: 92%;
  }
}
.search-sector .search-box {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #2c2a29;
  padding: 0 10px;
  border-radius: 5px;
  height: 64px;
  min-width: 360px;
}
@media screen and (max-width: 450px) {
  .search-sector .search-box {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
  }
}
.search-sector .search-box img {
  width: 30px;
  height: 30px;
  padding-right: 10px;
}
.search-sector .search-box input {
  border: 0;
  outline: none;
  width: 85%;
  font-family: var(--font-family-base);
}
.search-sector .filter {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  position: relative;
}
.search-sector .filter p {
  margin-right: 10px;
}
.search-sector .filter select {
  min-height: 64px;
  min-width: 130px;
}
.search-sector input.btn {
  height: 66px;
  margin: 0;
}

.js-filter__opener {
  padding: 17px;
  border-radius: var(--radius-md);
  font-size: var(--font-size-base);
  text-align: center;
  margin: 0;
}
.js-filter__opener.selected, .js-filter__opener:hover {
  color: #2c2a29;
  background-color: #fae100;
  opacity: 1;
}
.js-filter__opener span {
  width: 100%;
  text-align: center;
  margin-right: 0;
}

@media screen and (max-width: 650px) {
  .filters-list {
    width: 100%;
    text-align: left;
  }
  .filters-list p {
    width: 100%;
  }
  .filter p {
    width: auto;
  }
  .filter:last-child {
    width: 100%;
  }
  .filter button {
    width: 100%;
  }
  .search-sector .search-box {
    min-width: 300px;
  }
}
@media screen and (max-width: 450px) {
  .search-sector .search-box {
    min-width: 0;
  }
}
.filter-sector .filter-control {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-top: 10px;
  width: 100%;
}
.filter-sector .filter-control span {
  margin: 0.5rem 20px 0.5rem 0;
}
.filter-sector .filter-control .filters-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.filter-sector .filter-control .filters-list p {
  margin: 25px 20px 25px 0;
}
.filter-sector .filter-control .filters-list .filter-item:last-child,
.filter-sector .filter-control .filters-list .filter:last-child {
  margin-right: 0;
}
.filter-sector .filter-control .filters-list .filter,
.filter-sector .filter-control .filters-list .filter-item {
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 0;
}
.filter-sector .filter-control .filters-list .filter {
  margin-right: 20px;
}
.filter-sector .filter-control .filters-list .filter a {
  display: inline-block;
}
@media screen and (max-width: 450px) {
  .filter-sector .filter-control .filters-list .filter a {
    display: block;
  }
}
.filter-sector .filter-control .filters-list .filter p {
  margin: 5px 0;
}
.filter-sector .filter-control .filters-list .filter .js-filter__opener {
  cursor: pointer;
}
.filter-sector .filter-control .filters-list .filter-item {
  padding: 15px 20px;
  border-radius: var(--radius-md);
  font-family: var(--font-family-base);
  font-size: var(--font-size-xs);
  text-align: center;
}
.filter-sector .filter-control .filters-list .filter-item.selected, .filter-sector .filter-control .filters-list .filter-item:hover {
  color: #2c2a29;
  background-color: #fae100;
  opacity: 1;
}
.filter-sector .filter-control .filters-list .filter-item span {
  width: 100%;
  text-align: center;
  margin-right: 0;
}
.filter-sector .filter-control--tags .filter-item {
  margin-right: 20px;
}
@media screen and (max-width: 450px) {
  .filter-sector .filter-control--tags .filter-item {
    margin-right: 0;
  }
}
.filter-sector .filter-control--tags .filter-item:last-child {
  margin-right: 0;
}
.filter-sector .search-box {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border: 1px solid #2c2a29;
  padding: 0 10px;
  border-radius: 5px;
  height: 64px;
  min-width: 300px;
}
@media screen and (max-width: 450px) {
  .filter-sector .search-box {
    min-width: 0;
  }
}
.filter-sector .search-box img {
  width: 30px;
  height: 30px;
}
.filter-sector .search-box input {
  border: 0;
  outline: none;
  width: 85%;
  font-family: var(--font-family-base);
}

.filter-sector--categories .filter-control .search-box {
  flex: 1 1 auto;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.filter-sector--categories .filter-control select {
  height: 66px;
  margin-right: 1rem;
  margin-bottom: 1rem;
  padding-right: 2rem;
}
.filter-sector--categories .filter-control .btn {
  margin-bottom: 1rem;
}
.filter-sector--categories + .results-section {
  margin-top: 78px;
}

.filter-sector.separator {
  margin-bottom: 60px;
}

@media screen and (max-width: 450px) {
  .filter-control {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 10px;
    width: 100%;
    text-align: center;
  }
  .filter-control span {
    width: 100%;
  }
  .filter-control .filters-list {
    display: flex;
    flex-direction: column;
  }
  .filter-control .filters-list .filter-item {
    margin-left: 0;
    margin-top: 10px;
    padding: 10px 20px;
  }
  .filter-control .filters-list .filter-item:hover {
    opacity: 0.8;
    cursor: pointer;
  }
  .filter-sector .filter-control .filters-list .filter-item:first-child,
  .filter-sector .filter-control .filters-list .filter-item {
    margin-left: 0;
  }
  .filter-sector .filter-control {
    flex-wrap: nowrap;
  }
}
.filter__dropdown {
  display: none;
  position: absolute;
  top: 65px;
  left: 0;
  width: 100%;
  min-width: 300px;
  padding: 20px;
  border-radius: var(--radius-md);
  border: 2px solid #fae100;
  background-color: var(--color-white);
  box-shadow: 0 0 5px 0 rgba(32, 32, 32, 0.2);
  text-align: left;
  z-index: 99;
}
.filter__dropdown.show-filters {
  display: block;
}
.filter__dropdown ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.filter__dropdown ul li {
  display: block;
  width: 100%;
  padding-bottom: 16px;
}
.filter__dropdown ul li::after {
  display: table;
  clear: both;
  border-spacing: 0;
  content: "";
}
.filter__dropdown ul li:last-child {
  padding-bottom: 0;
}
.filter__dropdown ul li input {
  vertical-align: middle;
}

.fr_button {
  display: inline-block;
  background: none !important;
  border-radius: 0.25rem;
  border: 1px solid #666;
  padding: 6px;
  width: 200px;
  text-align: center;
}
.fr_button a {
  display: block;
}
.fr_button:hover {
  background-color: var(--color-grey) !important;
}

.grecaptcha-badge {
  visibility: hidden;
}

.recaptcha-legal {
  display: block;
}
.recaptcha-legal.hide {
  display: none;
}

.unsubscribe-form fieldset {
  margin: 0;
  padding: 0;
}
.unsubscribe-form fieldset .email {
  width: 90%;
}
.unsubscribe-form fieldset .btn-submit {
  width: max-content;
}

.image-section {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
.image-section:not(.auto) img {
  display: block;
  width: 100%;
  height: auto;
}

.image-section--has-overlay {
  margin-bottom: 85px;
}
@media screen and (max-width: 768px) {
  .image-section--has-overlay {
    margin-bottom: 65px;
  }
}

.image-section--align-centre {
  text-align: center;
}

.image-section--align-right {
  text-align: right;
}

.image-section__image {
  max-height: 40vh;
  background-size: cover;
  background-repeat: no-repeat;
}
.image-section__image.twentyone-nine {
  position: relative;
}
.image-section__image.twentyone-nine::before {
  display: block;
  position: relative;
  content: "";
  padding-top: 42.8571428571%;
}
.image-section__image.twentyone-nine .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.image-section__overlay {
  padding-top: 7%;
  padding-left: 7%;
}
@media screen and (max-width: 768px) {
  .image-section__overlay {
    padding: 0;
  }
}
.image-section__overlay img {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .image-section__overlay img {
    display: block !important;
  }
}

.image-section__overlay__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .image-section__overlay__image {
    display: none;
  }
}

.image-section__overlay__card {
  position: relative;
  z-index: 1;
  bottom: -20px;
  width: 58%;
  max-width: 554px;
  min-width: 400px;
  padding: 46px 46px 43px;
  border-radius: 10px;
  background-color: #fae100;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .image-section__overlay__card {
    bottom: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    border-radius: 0;
  }
}
.image-section__overlay__card h3 {
  margin: 0;
  padding-bottom: 33px;
}
.image-section__overlay__card p {
  margin: 0;
  padding-bottom: 43px;
  line-height: 1.7;
}

.image-section__overlay__cta .btn {
  display: block;
  width: 100%;
  margin-bottom: 27px;
}
.image-section__overlay__cta .btn:last-child {
  margin: 0;
}

.image-section__image.twentyone-nine::before {
  z-index: var(--z-below);
}

.main-image {
  max-height: 40vh;
  object-fit: cover;
}

.list-section {
  margin-top: 45px;
}
.list-section .list-item {
  display: flex;
  align-items: flex-start;
  border: 4px solid transparent;
  max-width: 1200px;
  margin-top: 1.5rem;
  cursor: pointer;
}
.list-section .list-item .desc-event {
  flex: 1 1 calc(100% - 220px);
  margin: 10px;
  padding: 10px;
}
.list-section .list-item .desc-event .title-box {
  display: flex;
  align-self: flex-start;
  justify-content: space-between;
  font-weight: bold;
}
.list-section .list-item .desc-event .title-box span {
  margin: 10px 0;
  width: 100%;
  align-self: flex-start;
}
.list-section .list-item .desc-event .title-box h3 {
  margin-bottom: 11px;
}
.list-section .list-item .desc-event .info {
  display: flex;
  flex-direction: column;
}
.list-section .list-item .desc-event .info p {
  margin-top: 5px;
  margin-bottom: 5px;
}
.list-section .list-item .desc-event .info p span {
  margin-left: 10%;
}
.list-section .list-item .desc-event .info p strong {
  width: 115px;
  display: inline-block;
}
.list-section .list-item .desc-event .info span.small {
  font-size: var(--font-size-xs);
}
.list-section .list-item .desc-event .info span.small span {
  font-size: var(--font-size-xs);
}
.list-section .list-item img.fav {
  width: 35px;
  height: 35px;
  display: none;
  position: absolute;
  top: 15px;
  right: 2%;
}
.list-section .list-item.active {
  border: 4px solid #fae100;
  border-radius: 5px;
  position: relative;
}
.list-section .list-item.active img.fav {
  display: block;
}
@media screen and (max-width: 768px) {
  .list-section .list-item {
    flex-direction: column;
    padding: 20px;
  }
  .list-section .list-item img.fav {
    top: 1%;
    right: 3%;
  }
  .list-section .list-item:hover,
  .list-section .list-item.active {
    border: 4px solid #fae100;
    border-radius: 5px;
    position: relative;
  }
  .list-section .list-item:hover img.fav,
  .list-section .list-item.active img.fav {
    display: block;
  }
  .list-section .list-item .desc-event .info p {
    flex-direction: column;
  }
  .list-section .list-item .desc-event .info p span {
    margin-left: 0;
  }
}

.text-header {
  margin-top: 60px;
  margin-bottom: 1.5rem;
}
.text-header p {
  line-height: 1.7;
}
.text-header h1 + span {
  margin-top: 1.5rem;
  display: block;
}
.text-header + .risk-checker {
  padding-top: 1rem;
}

.text-header.sm {
  margin-bottom: 20px;
}

/*.text-header.with-element {
    @include flexbox;
    @include justify-content(space-between);
    @include align-items(center);
    @include align-content(center);
}*/
@media screen and (max-width: 768px) {
  .text-header {
    margin-top: 30px;
  }
}
.text-header__cta {
  display: inline-block;
  width: 250px;
  text-align: right;
  vertical-align: middle;
}
.text-header__cta a {
  display: block;
}
@media screen and (max-width: 768px) {
  .text-header__cta {
    display: block;
    width: 100%;
    text-align: left;
  }
  .text-header__cta a {
    display: inline-block;
  }
}

.text-header--cta h1 {
  display: inline-block;
  padding-right: 16px;
  width: calc(100% - 255px - 16px);
  vertical-align: middle;
}
@media screen and (max-width: 1024px) {
  .text-header--cta h1 {
    display: block;
    width: 100%;
    padding-right: 0;
  }
}

.shop-detail p a {
  text-decoration: underline;
}
.shop-detail .detail-text {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.shop-detail .detail-numbers {
  background-color: var(--color-grey);
  display: flex;
  flex-direction: column;
  width: 45%;
  padding: 3%;
  border: solid 1px var(--color-grey);
  border-radius: var(--radius-sm);
}
.shop-detail .detail-numbers .line {
  margin: 0 0 1rem;
  display: flex;
  justify-content: space-between;
}
.shop-detail .detail-numbers .line span {
  width: 40%;
}
.shop-detail .detail-numbers .line .h4 {
  margin-top: 1rem;
}
.shop-detail .detail-numbers .line.red span.minus {
  position: relative;
}
.shop-detail .detail-numbers .line.red span.minus:before {
  content: "-";
  position: absolute;
  left: -10px;
}

.confirm-section .shop-detail {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .confirm-section .shop-detail {
    width: 100%;
  }
}
.confirm-section .shop-detail .detail-numbers {
  width: unset;
  padding: 2rem;
}

[data-tooltip] {
  position: relative;
}
[data-tooltip]::before {
  content: "";
  position: absolute;
  bottom: calc(100% + 1px);
  left: 50%;
  transform: translateX(-50%);
  border: 8px solid transparent;
  border-top-color: #fae100;
  border-bottom: none;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--transition-fast);
  z-index: var(--z-tooltip);
}
[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: #fae100;
  color: #202020;
  padding: 0.714rem;
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-tooltip);
  max-width: 285px;
  width: max-content;
  white-space: normal;
  font-size: var(--font-size-xs);
  line-height: 1.125rem;
  z-index: var(--z-tooltip);
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--transition-fast);
}
[data-tooltip]:hover::before, [data-tooltip]:focus-visible::before, [data-tooltip]:hover::after, [data-tooltip]:focus-visible::after {
  opacity: 1;
}
@media screen and (max-width: 450px) {
  [data-tooltip]::before {
    left: 8px;
    transform: none;
  }
  [data-tooltip]::after {
    left: 0;
    transform: none;
  }
}

.getAddress_autocomplete_container {
  font-size: var(--font-size-base);
}

.form-builder .form-field li.getAddress_autocomplete_suggestion {
  padding: 0.5em 1em;
  margin-bottom: 0;
}

.data8-pa-autocomplete.data8-pa-visible .data8-pa-autocompletetitle.data8-pa-visible {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background-color: #e5e5e5;
  font-size: var(--font-size-copy-xs);
}

.basket-bar {
  border-bottom: 3px solid var(--color-grey);
  min-height: 55px;
  padding: 0.25rem 0;
  align-items: center;
  display: flex;
  margin-bottom: 2rem;
}
.basket-bar .spacing-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.basket-bar .spacing-content label {
  font-weight: 600;
  display: flex;
}
.basket-bar .spacing-content label a {
  display: flex;
}
.basket-bar .spacing-content label .qty {
  color: var(--color-blue);
  margin: 0 0.4rem;
}
.basket-bar .trolley-icon {
  margin-top: -3px;
}
.basket-bar .trolley-icon:after {
  content: url(/img/icons/icon-trolley.svg);
}
.vat-exemption {
  margin-top: 0.5rem;
}
.vat-exemption .lozenge {
  background-color: var(--color-blue-bg);
  border-radius: 2rem;
  color: #202020;
  padding: 0.5rem 1rem;
  margin-right: 1rem;
}
.vat-exemption button {
  margin-top: 1rem;
}
.vat-explanation {
  border-radius: 6px;
}

.js-expand-collapse .collapse {
  display: none;
}
.js-expand-collapse .expanded {
  display: none;
  margin: 1.5rem 0;
  background-color: var(--color-grey);
  padding: 1.5rem;
}
.js-expand-collapse .expanded p {
  margin: 0;
}
.js-expand-collapse .expanded.transparent {
  background-color: transparent;
  padding: 0;
}
.js-expand-collapse.is-expanded .expand {
  display: none;
}
.js-expand-collapse.is-expanded .expanded {
  display: block;
}
.js-expand-collapse.is-expanded .collapse {
  margin-top: 1.5rem;
  display: block;
}
.js-exit-popup {
  display: none;
  position: absolute;
  width: 400px;
  padding: 5px;
  background-color: transparent;
}
.js-exit-popup.is-visible {
  display: block;
  animation: fadeIn 0.3s ease forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.js-exit-popup .close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  color: var(--color-white);
}
.js-exit-popup .inner {
  background-color: var(--color-text-blue);
  border-radius: 0.5rem;
  color: var(--color-white);
  padding: 0.5rem;
  box-shadow: rgba(0, 0, 0, 0.4) 4px 4px 5px;
}
.js-exit-popup .inner fieldset {
  padding: 0 0.5rem;
}
.js-exit-popup .inner fieldset .title {
  color: var(--color-white);
}
.js-exit-popup .inner fieldset .title p {
  font-weight: normal;
}
.js-exit-popup .inner fieldset h4 {
  margin: 0.25rem 0;
}
.js-exit-popup .inner fieldset textarea {
  height: 95px;
}
.js-exit-popup .inner fieldset textarea.input-validation-error {
  background: var(--color-white);
  border-color: var(--color-red);
  width: 95%;
}
.js-exit-popup .inner fieldset .field-validation-error {
  background-color: var(--color-red) !important;
  color: var(--color-white) !important;
}
.js-exit-popup .inner .umbraco-forms-navigation {
  padding: 0 0.5rem;
}
.js-exit-popup .inner .umbraco-forms-submitmessage {
  display: block;
  padding: 1rem 0;
}
dialog.mfp-modal {
  border: none;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  padding: 0;
  max-width: min(90vw, 900px);
  width: 100%;
  background: var(--color-black);
  color: var(--color-white);
  overflow: hidden;
}
dialog.mfp-modal::backdrop {
  background: rgba(0, 0, 0, 0.8);
  animation: mfpFadeIn var(--transition-base) forwards;
}
dialog.mfp-modal .mfp-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  background: none;
  border: none;
  color: var(--color-white);
  font-size: var(--font-size-h3);
  line-height: 1;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  z-index: var(--z-raised);
}
dialog.mfp-modal .mfp-close:hover, dialog.mfp-modal .mfp-close:focus-visible {
  color: var(--color-yellow);
}
dialog.mfp-modal .mfp-iframe-scaler {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
dialog.mfp-modal .mfp-iframe-scaler .mfp-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

@keyframes mfpFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.article .text-header {
  margin-bottom: 2rem;
}
.article .text-header h1.h1.yb {
  margin-bottom: 2.4rem;
}

.cta-panel {
  margin-top: 40px;
  background-color: var(--color-grey);
  border-radius: 6px;
  padding: 40px 30px 40px 44px;
  position: relative;
}
.cta-panel.tight {
  padding: 20px 30px;
  margin-top: 20px;
}
.cta-panel:after {
  content: "";
  height: 100%;
  width: 14px;
  background-color: #fae100;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6px 0 0 6px;
}
.cta-panel.orange:after {
  background-color: var(--color-orange);
}
@media screen and (max-width: 768px) {
  .cta-panel {
    padding: 30px 20px 30px 29px;
  }
  .cta-panel:after {
    width: 9px;
  }
}
.cta-panel > p.h3 {
  line-height: 2.75rem;
}
.cta-panel h3, .cta-panel .h3 {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .cta-panel h3, .cta-panel .h3 {
    margin-bottom: 30px;
  }
}
.cta-panel h3 a, .cta-panel .h3 a {
  font-size: unset;
}
.cta-panel p {
  line-height: 33px;
  margin: 0 0 1.5rem;
  overflow-wrap: break-word;
}
.cta-panel p:last-child {
  margin-bottom: 0;
}
.cta-panel a {
  text-decoration: underline;
}
.cta-panel a.link, .cta-panel a.btn {
  text-decoration: none;
}

.on-this-page {
  margin-top: 30px;
}
.on-this-page .opener {
  display: none;
}
.on-this-page.scrolled {
  display: none;
}
@media screen and (max-width: 768px) {
  .on-this-page.scrolled {
    display: block;
    position: fixed;
    top: 70px;
    margin: 0;
    width: 100%;
    transition: 0.2s;
  }
  .on-this-page.scrolled .tab {
    height: 53px;
    background-color: var(--color-grey);
    border-bottom: 1px solid var(--color-text);
    box-shadow: none;
    position: relative;
    z-index: 99;
  }
  .on-this-page.scrolled .tab > span {
    width: calc(100% - 102px);
    vertical-align: top;
    display: inline-block;
  }
  .on-this-page.scrolled .items {
    position: absolute;
    box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
    width: 100%;
    padding: 20px 0 20px 20px;
  }
  .on-this-page.scrolled .items ol li:before {
    top: 5px;
  }
  .on-this-page.scrolled .items ol li:after {
    top: 6px;
  }
  .on-this-page.scrolled .opener {
    display: inline-block;
    height: 54px;
    width: 70px;
    border-top: none;
    border-width: 1px;
  }
  .on-this-page.scrolled .opener .arrow {
    display: flex;
    justify-content: center;
    transform: rotate(180deg);
    transition: 0.3s;
  }
  .on-this-page.closed .tab {
    box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
  }
  .on-this-page.closed .items {
    bottom: 0;
  }
  .on-this-page.closed .opener .arrow {
    transform: rotate(0deg);
  }
}
.on-this-page .tab > span, .on-this-page .items {
  background-color: var(--color-grey);
}
.on-this-page .tab > span {
  padding: 14px 14px 0;
  line-height: 1.5rem;
  display: block;
  width: fit-content;
  border-top-right-radius: 4px;
}
.on-this-page .items {
  padding: 30px;
  border-radius: 0 4px 4px;
}
.on-this-page .items ol {
  margin: 0;
  counter-reset: li;
  columns: 2;
}
@media screen and (max-width: 768px) {
  .on-this-page .items ol {
    columns: 1;
  }
  .on-this-page .items ol li {
    width: 100%;
  }
}
.on-this-page .items ol.horizontal {
  columns: 1;
}
.on-this-page .items ol.horizontal li {
  width: 43%;
}
.on-this-page .items ol.horizontal li:nth-child(odd) {
  padding-right: 80px;
}
@media screen and (max-width: 1300px) {
  .on-this-page .items ol.horizontal li {
    width: 42%;
  }
}
@media screen and (max-width: 1200px) {
  .on-this-page .items ol.horizontal li {
    width: 100%;
  }
}
.on-this-page .items ol li {
  position: relative;
  list-style: none;
  margin: 0.5rem 0;
  float: left;
  width: 80%;
}
.on-this-page .items ol li:before {
  content: "";
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 16px;
  left: -2em;
  background-color: var(--color-blue);
  top: 6.5px;
}
.on-this-page .items ol li:after {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  color: var(--color-white);
  font-weight: 700;
  left: -2rem;
  top: 7px;
}
.on-this-page .items ol li.big:after {
  left: -2.4rem;
}
.on-this-page .items ol li a {
  position: relative;
  width: fit-content;
  padding: 1px 0;
  /*&:hover {
      text-decoration: none;

      &:after {
          content: '';
          width: 100%;
          height: 2px;
          background-color: $yellow;
          position: absolute;
          bottom: 0;
          left: 0;
      }
  }*/
}

.mini-promo {
  margin-top: 40px;
  background-color: var(--color-grey);
  border-radius: 6px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.mini-promo.bg-white {
  background-color: var(--color-white);
}
.mini-promo.membership .decoration .colour {
  background-color: var(--color-promo-membership);
}
.mini-promo.membership .decoration .colour img {
  max-width: 132px;
  width: 132px;
}
.mini-promo.helpline .decoration .colour {
  background-color: var(--color-promo-helpline);
}
.mini-promo.email .decoration .colour {
  background-color: var(--color-promo-email);
}
.mini-promo .decoration {
  width: 110px;
  margin-left: 110px;
  flex: 0 0 110px;
}
.mini-promo .decoration .colour {
  border-radius: 0 6px 6px 0;
  height: 100%;
  position: relative;
}
.mini-promo .decoration .colour img {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.mini-promo .content {
  padding: 40px 0 40px 40px;
}
.mini-promo .content .eyebrow {
  margin: 0;
  font-weight: normal;
}
.mini-promo .content .h3 {
  margin: 0.8rem 0 1rem 0;
  line-height: 2.1rem;
}
.mini-promo .content p {
  margin: 0 0 20px 0;
}
.mini-promo .content a {
  text-decoration: underline;
}
.mini-promo .content a.link {
  text-decoration: none;
  line-height: 2.5rem;
}
@media screen and (max-width: 768px) {
  .mini-promo {
    flex-direction: column;
    position: relative;
  }
  .mini-promo:after {
    content: "";
    height: 100%;
    width: 9px;
    background-color: #fae100;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px 0 0 6px;
  }
  .mini-promo .decoration {
    width: unset;
    margin-left: 40px;
    flex: 0 0 86px;
    padding-bottom: 18px;
  }
  .mini-promo .decoration .colour {
    margin-top: 16px;
  }
  .mini-promo .decoration .colour img {
    width: 86px;
    transform: translate(0, -50%);
  }
  .mini-promo.membership:after {
    background-color: var(--color-promo-membership);
  }
  .mini-promo.membership .decoration .colour {
    background-color: unset;
  }
  .mini-promo.membership .decoration .colour img {
    width: 86px;
  }
  .mini-promo.helpline:after {
    background-color: var(--color-promo-helpline);
  }
  .mini-promo.helpline .decoration .colour {
    background-color: unset;
  }
  .mini-promo.email:after {
    background-color: var(--color-promo-email);
  }
  .mini-promo.email .decoration .colour {
    background-color: unset;
  }
  .mini-promo .content {
    padding: 30px;
  }
  .mini-promo .content .h3 {
    margin-bottom: 30px;
    line-height: 2rem;
  }
}

.large-promo {
  margin-top: 40px;
  border-radius: 6px;
  padding: 0px;
  position: relative;
  z-index: 1;
}
.large-promo:after {
  content: "";
  height: 100%;
  width: 110px;
  background-color: #fae100;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6px 0 0 6px;
  z-index: var(--z-below);
}
.large-promo .bg {
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 6px;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -2;
}
.large-promo.membership:after {
  background-color: var(--color-promo-membership);
}
.large-promo.helpline:after {
  background-color: var(--color-promo-helpline);
}
.large-promo.email:after {
  background-color: var(--color-promo-email);
}
.large-promo .content {
  width: 55%;
  padding: 20px;
  position: relative;
}
.large-promo .content .heading {
  padding: 0.75rem;
  background-color: #fae100;
  border-radius: var(--radius-sm);
  margin-bottom: 0.625rem;
}
.large-promo .content .heading .h3 {
  margin: 0;
  line-height: 2.25rem;
}
.large-promo .content .body {
  background-color: var(--color-white);
  padding: 30px;
  border-radius: var(--radius-sm);
  margin-bottom: 40px;
}
.large-promo .content .body p:first-child {
  margin-top: 0;
}
.large-promo .content .body a {
  text-decoration: underline;
}
.large-promo .content .body a.link {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .large-promo {
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .large-promo:after {
    width: 100%;
    border-radius: 6px;
  }
  .large-promo .bg {
    background-position: 0 30px;
    height: 290px;
    position: unset;
  }
  .large-promo .content {
    width: 90%;
    margin-top: -295px;
  }
  .large-promo .content .h3 span.h3 {
    padding: 0.4rem;
  }
  .large-promo .content .body {
    margin-top: 170px;
    padding: 30px 20px;
    margin-bottom: 0;
  }
}

.related-products .h2 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.related-products .product-list {
  gap: 3rem;
}

.banner {
  position: relative;
  /* @media screen and (max-width: $breakpoint-desktop) {
       .overlay p {
           display: none;
       }
   }*/
}
.banner .banner-image {
  border-radius: var(--radius-sm);
  width: 100%;
  object-fit: cover;
}
.banner .overlay {
  position: absolute;
  top: 1.2rem;
  left: 1.2rem;
  padding: 1.5rem;
  border-radius: var(--radius-sm);
  background-color: var(--color-white);
  width: 45%;
}
@media screen and (max-width: 1200px) {
  .banner .overlay {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .banner .banner-image {
    border-radius: unset;
    height: 290px;
    object-fit: cover;
    object-position: right;
  }
  .banner .overlay {
    position: initial;
    width: unset;
  }
  .banner .overlay p {
    display: block;
  }
}
@media screen and (max-width: 650px) {
  .banner {
    margin-left: 0;
    margin-right: 0;
  }
}

.donation-ask-panel {
  margin-top: 40px;
  background-color: var(--color-grey);
  border-radius: 6px;
  padding: 40px 30px 40px 44px;
  position: relative;
}
.donation-ask-panel.tight {
  padding: 20px 30px;
  margin-top: 20px;
}
.donation-ask-panel:after {
  content: "";
  height: 100%;
  width: 14px;
  background-color: var(--color-orange);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6px 0 0 6px;
}
.donation-ask-panel .image-holder {
  flex-basis: 40%;
}
.donation-ask-panel .image-holder img {
  width: 100%;
  object-fit: cover;
}
.donation-ask-panel .tab-strip a.btn {
  border: solid 0.125rem #202020;
  border-radius: var(--radius-md);
  font-weight: normal;
}
.donation-ask-panel .tab-strip a.btn.btn-off {
  background-color: transparent;
}
.donation-ask-panel .tab-strip a.btn.btn-on {
  background-color: #fae100;
}
.donation-ask-panel .body {
  flex-basis: 50%;
}
.donation-ask-panel .body .h1 {
  font-size: var(--font-size-display);
}
.donation-ask-panel .body p {
  flex-basis: 60%;
}
.donation-ask-panel .body .container-radio-button {
  line-height: 2rem;
}
.donation-ask-panel .body .container-radio-button .checkmark {
  top: 5px;
}
.donation-ask-panel .body .min-amount-label {
  font-size: var(--font-size-copy-xs);
  display: block;
  margin-top: 0.5rem;
}
.donation-ask-panel .body .show-custom-message {
  font-size: var(--font-size-copy-xs);
  color: var(--color-link);
  text-decoration: underline;
  font-weight: 700;
  cursor: pointer;
}
.donation-ask-panel .body .custom-message {
  font-size: var(--font-size-copy-xs);
  display: none;
  margin: 0.5rem 0 0 0;
}
@media screen and (max-width: 1300px) {
  .donation-ask-panel .body .h1 {
    font-size: var(--font-size-h1);
  }
  .donation-ask-panel .tab-strip .btn {
    flex-grow: 1;
  }
  .donation-ask-panel .tab .image-holder, .donation-ask-panel .tab .body {
    flex-basis: 100%;
  }
  .donation-ask-panel .tab .btn {
    flex-grow: 1;
  }
  .donation-ask-panel .image-holder.desktop-only {
    display: none;
  }
  .donation-ask-panel .image-holder.tablet-only {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .donation-ask-panel {
    padding: 30px 20px 30px 29px;
  }
  .donation-ask-panel:after {
    width: 9px;
  }
}
.donation-ask-panel h3, .donation-ask-panel .h3 {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .donation-ask-panel h3, .donation-ask-panel .h3 {
    margin-bottom: 30px;
  }
}
.donation-ask-panel h3 a, .donation-ask-panel .h3 a {
  font-size: unset;
}
.donation-ask-panel p {
  line-height: 33px;
  margin: 0 0 1.5rem;
  overflow-wrap: break-word;
}
.donation-ask-panel p:last-child {
  margin-bottom: 0;
}

.page-cards {
  column-gap: 50px;
}
@media screen and (min-width: 768px) {
  .page-cards.vertical {
    row-gap: 50px;
    column-gap: 0;
  }
}
.page-cards .page-card {
  flex-basis: 40%;
  max-width: 50%;
  flex-grow: 1;
  position: relative;
}
.page-cards .page-card .pc-image {
  border-radius: var(--radius-sm);
}
@media screen and (min-width: 768px) {
  .page-cards .page-card.vertical {
    flex-direction: row-reverse;
    display: flex;
    flex-basis: 100%;
    max-width: 100%;
    column-gap: 30px;
  }
  .page-cards .page-card.vertical .content {
    width: 50%;
  }
  .page-cards .page-card.vertical .content p {
    margin-bottom: 0;
  }
  .page-cards .page-card.vertical .pc-image {
    width: 50%;
    height: fit-content;
  }
  .page-cards .page-card.vertical .content {
    padding-top: 0;
  }
  .page-cards .page-card.vertical:nth-child(n+2) {
    padding-top: 53px;
  }
  .page-cards .page-card.vertical:nth-child(n+2):before {
    content: "";
    width: 100%;
    background-color: var(--color-grey);
    height: 4px;
    border-radius: var(--radius-md);
    position: absolute;
    top: 0;
  }
}
.page-cards .page-card:hover .content a {
  border-bottom-color: #202020;
}
.page-cards .page-card .content {
  padding-top: 20px;
}
.page-cards .page-card .content h2 {
  margin: 0;
  padding: 0;
  font-size: var(--font-size-h4);
  line-height: var(--line-height-h4);
}
.page-cards .page-card .content h2:before {
  content: unset;
}
.page-cards .page-card .content h3, .page-cards .page-card .content h4 {
  margin: 0;
}
.page-cards .page-card .content h3 a, .page-cards .page-card .content h4 a {
  font-size: unset;
}
.page-cards .page-card .content h3 a:hover, .page-cards .page-card .content h4 a:hover {
  text-decoration: underline;
}
.page-cards .page-card .content p {
  margin-top: 30px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .page-cards .page-card .content p {
    margin-bottom: 30px;
  }
}
.page-cards .page-card .page-card-link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.page-cards .page-card:nth-child(n+3) {
  padding-top: 53px;
}
.page-cards .page-card:nth-child(n+3):before {
  content: "";
  width: 100%;
  background-color: var(--color-grey);
  height: 4px;
  border-radius: var(--radius-md);
  position: absolute;
  top: 0;
}
@media screen and (max-width: 650px) {
  .page-cards .page-card {
    flex-basis: 50%;
    max-width: 100%;
  }
  .page-cards .page-card:nth-child(n+2) {
    padding-top: 43px;
  }
  .page-cards .page-card:nth-child(n+2):before {
    content: "";
    width: 100%;
    background-color: var(--color-grey);
    height: 4px;
    border-radius: var(--radius-sm);
    position: absolute;
    top: 0;
  }
}

.section-promo {
  margin-top: 70px;
  padding: 70px 0 0;
  border-top: solid 6px var(--color-grey);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: row-reverse;
  column-gap: 50px;
}
.section-promo .image {
  flex-basis: 50%;
}
.section-promo .image img {
  border-radius: var(--radius-sm);
}
.section-promo .content {
  flex-basis: 50%;
}
.section-promo .content .h2 {
  margin-top: 0;
  /*display: inline-block;*/
  /*margin-bottom: 10px;*/
  /*text-decoration:underline;
  text-underline-position:under;
  text-decoration-color: $yellow;
  line-height:3.75rem;*/
}
.section-promo .content p {
  padding-bottom: 10px;
  margin: 0;
  margin-top: 20px;
}
.section-promo .content ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.section-promo .content ul li {
  margin-top: 20px;
}
.section-promo .content ul a {
  text-decoration: underline;
}
.section-promo .content ul a:hover {
  text-decoration-color: #fae100;
}
.section-promo .content .link-holder {
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .section-promo {
    flex-wrap: wrap;
  }
  .section-promo .image {
    flex-basis: 100%;
    padding-bottom: 30px;
  }
  .section-promo .content {
    flex-basis: 100%;
  }
}

.pull-quote {
  max-width: 900px;
}
.pull-quote .bubble {
  background-color: var(--color-text);
  border-radius: 12px;
  padding: 50px 40px 40px 30px;
  color: var(--color-white);
  position: relative;
}
.pull-quote .bubble p {
  margin: 0 10px 0 70px;
  position: relative;
}
.pull-quote .bubble p:before {
  content: url("/img/icons/quote.svg");
  display: block;
  height: 36px;
  width: 41px;
  position: absolute;
  left: -68px;
  top: 0;
}
.pull-quote.with-image .bubble {
  margin-right: 85px;
}
.pull-quote.with-image .bubble .quote {
  margin-right: 85px;
}
.pull-quote .avatar {
  width: 170px;
  border-radius: 50%;
  clip-path: circle();
  position: absolute;
  right: -170px;
  top: 25px;
  transform: translate(-50%, 0);
}
.pull-quote .attribution {
  display: inline-block;
  position: relative;
  font-weight: 700;
  padding-top: 1rem;
  max-width: 45%;
}
.pull-quote .attribution:after {
  content: url("/img/icons/quote-chevron.png");
  display: block;
  right: 0;
  transform: translate(125%, 0);
  top: -1px;
  position: absolute;
}
@media screen and (max-width: 850px) {
  .pull-quote .bubble {
    padding: 110px 40px 30px 30px;
  }
  .pull-quote .bubble .quote p {
    margin: 0;
  }
  .pull-quote .bubble .quote p:before {
    left: 0;
    top: -45px;
    transform: translate(0, -100%);
  }
  .pull-quote .avatar {
    width: 130px;
    position: absolute;
    right: 40px;
    top: 0;
    transform: translate(0, -33%);
  }
  .pull-quote.with-image {
    margin-top: 45px;
  }
  .pull-quote.with-image .bubble {
    margin-right: 0;
  }
  .pull-quote.with-image .bubble .quote {
    margin-right: 0;
  }
  .pull-quote .attribution {
    max-width: 60%;
  }
}

.video-section {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
.video-section .video-holder {
  position: relative;
}
.video-section .video-holder .image-pad {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: calc(56.25% - 82px);
}
.video-section .video-holder .image-pad img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.video-section .video-holder .image-pad:after {
  content: url("/img/play-overlay-yellow.png");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1024px) {
  .video-section .video-holder .image-pad:after {
    transform: translate(-50%, -50%) scale(0.75);
  }
}
.video-section .video-holder .image-pad:hover:after {
  content: url("/img/play-overlay-grey.png");
}
.video-section .video-holder .image-pad.video-bg {
  background-color: #202020;
}
.video-section .video-wrapper {
  position: absolute;
  z-index: var(--z-below);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-section .video-layout {
  display: flex;
  column-gap: 3rem;
  margin-top: 40px;
}
.video-section .video-layout__image-link {
  display: flex;
}
.video-section .video-layout a.video-link {
  flex: 0 0 25%;
  position: relative;
  max-height: 150px;
}
.video-section .video-layout a.video-link img {
  object-fit: cover;
}
.video-section .video-layout a.video-link img.rounded {
  border-radius: var(--radius-lg);
}
.video-section .video-layout a.video-link .video-tag {
  position: absolute;
  background-color: #fae100;
  font-weight: 700;
  border-radius: 0 4px 0 6px;
  bottom: 0;
  left: 0;
  padding: 0.5rem 0.75rem;
  display: flex;
  width: 80px;
  justify-content: space-between;
  align-items: center;
}
.video-section .video-layout .details p.h4 {
  margin-top: 0;
}
.video-section .video-layout .details a {
  font-weight: 700;
}

.js-donation-totaliser {
  margin-top: 40px;
  background-color: var(--color-grey);
  border-radius: 6px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.js-donation-totaliser .decoration {
  width: 110px;
  margin-left: 110px;
  flex: 0 0 110px;
}
.js-donation-totaliser .decoration .colour {
  border-radius: 0 6px 6px 0;
  height: 100%;
  position: relative;
  background-color: var(--color-green);
}
.js-donation-totaliser .decoration .colour img {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 132px;
  width: 132px;
}
.js-donation-totaliser .content {
  padding: 40px 0 40px 40px;
}
.js-donation-totaliser .content .eyebrow {
  margin: 0;
  font-weight: normal;
}
.js-donation-totaliser .content .h3 {
  margin: 0.8rem 0 1rem 0;
  line-height: 2.1rem;
}
.js-donation-totaliser .content p {
  margin: 0 0 20px 0;
}
.js-donation-totaliser .amounts {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  margin-bottom: 0.6rem;
}
.js-donation-totaliser .progress-bar {
  width: 100%;
  height: 20px;
  background: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 0.6rem;
}
.js-donation-totaliser .progress-fill {
  height: 100%;
  width: 0;
  background: var(--color-green);
  transition: width 2.5s ease;
}
.js-donation-totaliser .percentage {
  font-size: var(--font-size-xs);
  font-weight: 600;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .js-donation-totaliser {
    flex-direction: column;
    position: relative;
  }
  .js-donation-totaliser:after {
    content: "";
    height: 100%;
    width: 9px;
    background-color: var(--color-green);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px 0 0 6px;
  }
  .js-donation-totaliser .decoration {
    width: unset;
    margin-left: 32px;
    flex: 0 0 86px;
    padding-bottom: 18px;
  }
  .js-donation-totaliser .decoration .colour {
    margin-top: 32px;
    background-color: unset;
  }
  .js-donation-totaliser .decoration .colour img {
    width: 86px;
    transform: translate(0, -50%);
  }
  .js-donation-totaliser .content {
    padding: 30px;
  }
  .js-donation-totaliser .content .h3 {
    margin-bottom: 30px;
    line-height: 2rem;
  }
}

.js-download-section .filter-sector {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
.js-download-section .filter-sector .dropdown-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.js-download-section .filter-sector .dropdown-box span {
  margin: 0 10px;
  line-height: 2em;
  white-space: nowrap;
}
.js-download-section .filter-sector .dropdown-box .dropdown {
  cursor: pointer;
  width: 240px;
  line-height: normal;
}
.js-download-section .item-list .row-item {
  display: flex;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--color-grey);
  margin: 10px 0;
  box-sizing: border-box;
  border-radius: 5px;
  cursor: pointer;
}
.js-download-section .item-list .row-item img {
  width: 48px;
}
.js-download-section .item-list .row-item .description {
  margin: 0 20px;
  display: flex;
  flex-direction: column;
}
.js-download-section .item-list .row-item .description .filename {
  font-size: 1.2em;
}
.js-download-section .item-list .row-item .description .weight {
  font-size: 0.9em;
}
.js-download-section .item-list .row-item:hover {
  border-color: var(--color-text-muted);
}
.js-download-section .item-list .row-item:active {
  border-color: var(--color-text-muted);
}
.js-download-section .file-list {
  list-style: none;
  padding: 0;
}
.js-download-section .file-list a:hover {
  text-decoration: none;
}
.js-download-section .file-list li {
  display: flex;
  border-bottom: 3px solid rgb(244, 244, 244);
  padding: 1rem 0;
}
.js-download-section .file-list li div.MP3 {
  position: relative;
  padding-top: 14px;
  padding-left: 16px;
  margin-right: 1rem;
}
.js-download-section .file-list li div.MP3:after {
  position: absolute;
  content: "";
  height: 54px;
  width: 54px;
  top: 0;
  left: 0;
  border-radius: 27px;
  background-color: #fae100;
}
.js-download-section .file-list li div.MP3 img {
  position: relative;
  z-index: 1;
}
.js-download-section .file-list li .description {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  margin-left: 1rem;
  align-items: center;
}
.js-download-section .file-list li .description .size {
  flex-shrink: 0;
  margin-left: 1rem;
}
@media screen and (max-width: 768px) {
  .js-download-section .file-list li .description .size {
    display: none;
  }
}
.js-download-section .text-block.hide {
  display: none;
}

@media screen and (max-width: 768px) {
  .js-download-section .filter-sector {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
  }
  .js-download-section .filter-sector .dropdown-box span {
    font-size: var(--font-size-xs);
  }
  .js-download-section .filter-sector .dropdown-box .dropdown {
    width: 100%;
    font-size: var(--font-size-tiny);
  }
  .js-download-section .filter-sector .dropdown-box select {
    background-position: right 0.5em top 50%, 0 0;
    padding: 15px 22px 15px 5px;
  }
}
.news-section {
  margin-top: 49px;
}
.news-section h3 {
  margin-top: 0;
}
.news-section a:hover h3 {
  text-decoration: underline;
}

.card-news {
  display: flex;
  margin-bottom: 60px;
  color: #202020;
  text-decoration: none;
}
.card-news img {
  height: 220px;
}
.card-news .text-aside p:last-child {
  margin-top: 0;
  margin-bottom: 60px;
}

.text-aside {
  margin-left: 50px;
}
.text-aside:first-child {
  margin-left: 0;
}
.text-aside .title-news {
  font-weight: bold;
  font-size: var(--font-size-h4);
  line-height: 36px;
  margin-top: 0;
}
.text-aside .date-news {
  font-size: var(--font-size-xs);
  line-height: 42px;
}
.text-aside .resume-news {
  font-size: var(--font-size-copy);
  line-height: 36px;
}

@media (max-width: 600px) {
  .text-aside .resume-news,
  .text-aside .title-news {
    width: 95%;
  }
  .card-news {
    flex-wrap: wrap;
    flex-flow: column;
  }
  .card-news img {
    width: 100%;
    height: auto;
  }
  .card-news .text-aside {
    margin-top: 30px;
    margin-left: 0;
  }
}
.next-reading-section {
  display: flex;
  flex-direction: column;
  line-height: 2.375;
}
.next-reading-section a {
  margin: 10px 0;
  font-size: var(--font-size-display-sm);
  line-height: 1;
  text-decoration: underline;
  color: #202020;
}

.team-profiles h3 {
  margin: 1rem 0;
  font-size: var(--font-size-h1);
  line-height: 1.25;
}
.team-profiles span {
  padding-block: 1rem;
  display: block;
}

@media screen and (max-width: 768px) {
  .team-profiles__container {
    flex-direction: column;
  }
}

.team-profiles__profile {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
  max-width: 50%;
}
@media screen and (max-width: 1024px) {
  .team-profiles__profile {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .team-profiles__profile {
    margin: 5% 0;
  }
}
.team-profiles__profile b {
  font-size: var(--font-size-h4);
  line-height: var(--line-height-md);
}
.team-profiles__profile span {
  display: block;
}
.team-profiles__profile span + p {
  margin-top: 0;
}
.team-profiles__profile img {
  margin-bottom: 10px;
  width: 95%;
}

.image-wrap::after {
  display: table;
  clear: both;
  border-spacing: 0;
  content: "";
}
.image-wrap .text-block.rich-text {
  overflow-x: visible;
}

.image-wrap--block.image-right .image-wrap__image {
  padding-right: 0;
  padding-left: 1.5rem;
  float: right;
}
.image-wrap--block .image-wrap__image {
  margin-left: 0;
  font-size: 0;
}

.image-wrap__image {
  width: 40%;
  max-width: 27.5rem;
  margin-left: 9.35%;
  padding-right: 1.5rem;
  padding-bottom: 0.5rem;
  float: left;
}
.image-wrap__image.width-25 {
  width: 25%;
}
.image-wrap__image.width-40 {
  width: 40%;
}
.image-wrap__image.width-60 {
  width: 60%;
}
.image-wrap__image.force-right {
  float: right;
  margin-left: 2rem;
  padding: 0;
  width: 35%;
}
@media screen and (max-width: 450px) {
  .image-wrap__image.force-right {
    width: 100%;
    margin: 0;
    padding-right: 0;
    float: none;
    clear: both;
  }
}
@media screen and (max-width: 768px) {
  .image-wrap__image {
    margin-left: 4%;
  }
}
@media screen and (max-width: 450px) {
  .image-wrap__image {
    width: 100%;
    margin: 0;
    padding-right: 0;
    float: none;
    clear: both;
  }
  .image-wrap__image.width-25, .image-wrap__image.width-40, .image-wrap__image.width-60 {
    width: 100%;
  }
}

.social-block {
  display: block;
  width: 100%;
  padding: 1rem 0;
}
.social-block h3 {
  text-align: center;
}

.social-block--left-aligned h3 {
  text-align: left;
}
.social-block--left-aligned .social-block__social ul {
  justify-content: flex-start;
}

.social-block__social {
  margin-bottom: 2rem;
  padding: 1rem;
  background-color: var(--color-grey);
  font-size: 0;
}
.social-block__social ul {
  padding-left: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
}
.social-block__social ul li {
  flex: 0 0 auto;
  margin: 0 0.781rem 0.781rem 0;
}
.social-block__social ul li:last-child {
  margin-right: 0;
}
.social-block__social ul li a {
  display: block;
}
.social-block__social ul li a svg {
  width: 3rem;
  height: 3rem;
}
.social-block__social ul li a svg.linkedin:hover path {
  fill: rgb(0, 64.7288135593, 100.5);
}
.social-block__social ul li a svg.facebook:hover path {
  fill: rgb(45.3073770492, 70.7069672131, 122.1926229508);
}
.social-block__social ul li a svg.twitter:hover path {
  fill: rgb(10.5794979079, 118.0020920502, 183.9205020921);
}
.social-block__social ul li a svg.whatsapp:hover path {
  fill: rgb(33.1955645161, 189.3044354839, 91.5120967742);
}
.social-block__social ul li a svg:hover path {
  fill: rgba(32, 32, 32, 0.75);
}
.social-block__social ul li a svg path {
  transition: fill var(--transition-base);
}

.callout-box {
  background-color: var(--color-grey);
  padding: 1rem 0.5rem 1rem 2rem;
  border-radius: 5px;
  border-left: 30px solid;
}
.callout-box.callout-box-purple {
  border-left-color: var(--color-mauve);
}
.callout-box.callout-box-yellow {
  border-left-color: var(--color-yellow);
}
.callout-box.callout-box-red {
  border-left-color: var(--color-red);
}
.callout-box.callout-box-blue {
  border-left-color: var(--color-blue);
}
.callout-box.callout-box-orange {
  border-left-color: var(--color-orange);
}
.callout-box.callout-box-green {
  border-left-color: var(--color-green);
}
.callout-box p {
  font-size: var(--font-size-copy-xs);
  margin-bottom: 0;
}
.callout-box h2 {
  font-size: 1.375rem;
  font-weight: bold;
  margin: 0.5rem 0 0;
}
.callout-box a {
  font-weight: bold;
}

.img-with-footer:not(.auto) img, .video-with-footer:not(.auto) img {
  display: block;
  width: 100%;
  height: auto;
}
.img-with-footer a, .video-with-footer a {
  display: block;
}
.img-with-footer .footer, .video-with-footer .footer {
  display: flex;
  align-items: center;
  background: #fae100;
}
.img-with-footer .footer img, .video-with-footer .footer img {
  display: block;
  margin: 1em;
  width: 50px;
  height: 50px;
}
.img-with-footer .footer img.image, .video-with-footer .footer img.image {
  width: 48px;
  height: 36px;
  min-width: 48px;
  min-height: 36px;
}

.footer-section {
  background-color: var(--color-grey);
  padding: 45px 9.35%;
  margin-top: 90px;
}
.footer-section.transparent {
  background-color: transparent;
}
.footer-section span {
  font-weight: bold;
}
.footer-section .fr_button:hover {
  background-color: var(--color-white) !important;
}
.footer-section .form-first-row {
  flex-wrap: wrap;
}
.footer-section .form-first-row .form-style {
  flex: 1 1 25%;
}
.footer-section .mini-promo {
  margin-top: 0;
}

.footer-spacer {
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .footer-spacer {
    margin-top: 2rem;
  }
}

.footer-compliance {
  background-color: #2c2a29;
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 4rem;
}
.footer-compliance .logos {
  width: 66.6666%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem 0 0 0;
  column-gap: 0.5rem;
}
.footer-compliance .logos .logo {
  width: 20%;
  display: flex;
}
.footer-compliance .logos .logo .fr-digital-badge {
  padding-top: 15px;
}
.footer-compliance .socialmedia {
  width: 33.3333%;
  display: flex;
  padding-top: 1.5rem;
  justify-content: flex-end;
}
.footer-compliance .socialmedia .link {
  padding-bottom: 1rem;
  display: flex;
}
.footer-compliance .socialmedia .link:nth-child(1) {
  flex-grow: 2;
}
.footer-compliance .socialmedia .link a {
  display: flex;
  align-items: center;
}
.footer-compliance .socialmedia .link a span {
  color: var(--color-white);
  margin-left: 0.5rem;
}
.footer-compliance .footer-links {
  width: 100%;
}
.footer-compliance .footer-links ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.footer-compliance .footer-links ul li {
  padding: 0 1rem 0 0;
  font-weight: bold;
  font-size: var(--font-size-xs);
  line-height: var(--line-height-xs);
  list-style-type: none;
}
.footer-compliance .footer-links ul li a {
  color: var(--color-white);
}
.footer-compliance .footer-links ul li a:hover {
  text-decoration: underline;
}
.footer-compliance .footer-text {
  width: 100%;
  color: var(--color-white);
}
.footer-compliance .footer-text p {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-xs);
}

.sub-footer {
  background-color: #fae100;
  padding: 1rem 4rem;
}
@media screen and (max-width: 1024px) {
  .sub-footer {
    padding: 1rem;
  }
}
.sub-footer .inner {
  display: flex;
  flex-wrap: wrap;
}
.sub-footer .inner .no-underline:hover {
  text-decoration: underline;
}
.sub-footer .inner .col {
  width: 33.3333%;
}
@media screen and (max-width: 1024px) {
  .sub-footer .inner .col {
    width: 100%;
  }
}
.sub-footer .inner .col .pad {
  padding: 0 1rem;
}
.sub-footer .inner .col.col2 p, .sub-footer .inner .col.col3 p {
  font-size: var(--font-size-copy-md);
}
.sub-footer .inner .col.col2 .pad {
  padding: 1rem;
}
.sub-footer .icon {
  position: relative;
  padding-left: 3rem;
  display: flex;
}
.sub-footer .icon:after {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 37px;
  width: 37px;
}
.sub-footer .icon.Location:after {
  content: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="37" height="37"> <path fill="black" transform="translate(5.19315 0.778549)" d="M12.333333 0C19.287989 0 24.666666 5.05481 24.666666 13.04204C24.666666 18.23905 21.556505 24.795156 15.438522 32.902977L15.406033 32.949886C14.176948 34.573109 11.911791 34.949303 10.232003 33.854416L10.006721 33.695972C9.7249994 33.482658 9.4739513 33.231609 9.2586994 32.947327C3.1202474 24.817013 0 18.247505 0 13.04204C0 5.05481 5.3786778 0 12.333333 0ZM12.333333 2.3125C7.3229165 2.3125 2.3125 5.7091293 2.3125 13.04204C2.3125 17.621529 5.2437057 23.791685 11.104254 31.553919C11.189581 31.666609 11.29 31.767027 11.402689 31.852354C12.081491 32.366337 13.048432 32.232719 13.562413 31.553919C19.42296 23.791685 22.354166 17.621529 22.354166 13.04204C22.354166 5.7091293 17.34375 2.3125 12.333333 2.3125Z"/> <path fill="black" transform="translate(13.1042 7.70833)" d="M4.625 0C7.179317 0 9.25 2.070683 9.25 4.625C9.25 7.179317 7.179317 9.25 4.625 9.25C2.070683 9.25 0 7.179317 0 4.625C0 2.070683 2.070683 0 4.625 0ZM4.625 2.3125C3.3478415 2.3125 2.3125 3.3478415 2.3125 4.625C2.3125 5.9021583 3.3478415 6.9375 4.625 6.9375C5.9021583 6.9375 6.9375 5.9021583 6.9375 4.625C6.9375 3.3478415 5.9021583 2.3125 4.625 2.3125Z"/> </svg>');
}
.sub-footer .icon.Eye:after {
  content: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35" height="25"> <path fill="black" d="M16.572916 0C11.925183 0 7.8408051 2.1689456 4.3573256 5.7453189C3.1553686 6.9793282 2.1107314 8.2979689 1.2253512 9.6174726C0.69071537 10.414252 0.32429826 11.041234 0.13018727 11.414898C-0.043395754 11.749045 -0.043395754 12.146788 0.13018727 12.480936C0.32429826 12.8546 0.69071537 13.481581 1.2253512 14.278361C2.1107314 15.597864 3.1553686 16.916506 4.3573256 18.150515C7.8408051 21.726889 11.925183 23.895834 16.572916 23.895834C21.220623 23.895834 25.304995 21.726889 28.788483 18.150517C29.990444 16.916508 31.035086 15.597867 31.920471 14.278364C32.455112 13.481585 32.821529 12.854604 33.015644 12.480941C33.189228 12.146791 33.189228 11.749043 33.015644 11.414893C32.821529 11.041229 32.455112 10.414249 31.920471 9.6174688C31.035086 8.297967 29.990444 6.9793262 28.788483 5.7453175C25.304995 2.1689453 21.220623 0 16.572916 0ZM16.572916 2.3125C20.509441 2.3125 24.045797 4.1904297 27.131929 7.358849C28.229336 8.4855175 29.188433 9.6961737 30.000204 10.905969L30.205271 11.216526L30.395525 11.51432L30.659124 11.947917L30.395525 12.381514C30.273645 12.575566 30.141834 12.778793 30.000204 12.989865C29.188433 14.199659 28.229336 15.410316 27.131929 16.536983C24.045797 19.705404 20.509441 21.583334 16.572916 21.583334C12.636364 21.583334 9.1000032 19.705404 6.0138822 16.536985C4.9164791 15.410317 3.9573884 14.199662 3.1456225 12.989868L2.940558 12.67931L2.7503049 12.381516L2.4851665 11.947917L2.7503049 11.514317C2.8721845 11.320264 3.0039945 11.117037 3.1456225 10.905965C3.9573884 9.6961718 4.9164791 8.4855156 6.0138822 7.3588476C9.1000032 4.1904292 12.636364 2.3125 16.572916 2.3125Z"/> <path fill="black" transform="translate(11 6)" d="M5.78125 0C2.5882833 0 0 2.5882833 0 5.78125C0 8.9742165 2.5882833 11.5625 5.78125 11.5625C8.9742165 11.5625 11.5625 8.9742165 11.5625 5.78125C11.5625 2.5882833 8.9742165 0 5.78125 0ZM5.78125 2.3125C7.6970582 2.3125 9.25 3.8654418 9.25 5.78125C9.25 7.6970582 7.6970582 9.25 5.78125 9.25C3.8654418 9.25 2.3125 7.6970582 2.3125 5.78125C2.3125 3.8654418 3.8654418 2.3125 5.78125 2.3125Z"/> </svg>');
  height: 25px;
  width: 35px;
}
.sub-footer .icon.Microscope:after {
  content: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="41"> <path fill="black" transform="translate(0 0.441406)" d="M1.6666335 33.223846L10.790746 33.223846L10.790746 31.474577L1.6666335 31.474577L1.6666335 33.223846ZM8.4200191 38.333366L29.684879 38.333366L29.684879 34.890903L8.4200191 34.890903L8.4200191 38.333366ZM23.0116 25.302595C23.0116 21.824293 21.563362 18.598537 19.018087 16.273767C20.177101 15.326826 20.423744 14.136192 20.441874 14.073794C23.69166 16.883419 25.600721 20.97896 25.600721 25.302595C25.600721 28.107161 24.795021 30.833727 23.283962 33.223846L20.075071 33.223846C21.948715 31.024717 23.0116 28.238703 23.0116 25.302595L23.0116 25.302595ZM16.107698 15.710493C14.522436 15.710493 13.237783 14.42584 13.237783 12.840578C13.237783 11.255737 14.522436 9.9706631 16.107698 9.9706631C17.692539 9.9706631 18.977613 11.255737 18.977613 12.840578C18.977613 14.42584 17.692539 15.710493 16.107698 15.710493L16.107698 15.710493ZM12.793404 9.7176952C12.359143 10.179783 10.625474 12.324946 12.272713 15.242925L9.9926338 17.726643C9.5503626 18.286123 8.0287638 19.064419 6.6749663 17.868305L6.316174 17.538605C5.3624868 16.663336 5.2984018 15.175045 6.1740909 14.221358L17.001516 2.4250672C17.877626 1.4705369 19.365498 1.4077168 20.319605 2.2834055L20.678398 2.6131063C21.632084 3.4883735 21.695747 4.9762435 20.82048 5.9303522L18.178658 8.8082781C15.217675 7.366785 13.157255 9.3302336 12.793404 9.7176952L12.793404 9.7176952ZM4.7949967 21.137066C4.6495404 21.29517 4.4033189 21.306553 4.245636 21.160254L3.243885 20.241138C3.0862021 20.096525 3.0756619 19.850304 3.2202749 19.6922L4.640265 18.144882C5.0842228 18.807236 5.9814138 19.4464 6.2175169 19.586796L4.7949967 21.137066ZM0.83352757 34.89048L6.753386 34.89048L6.753386 39.166473C6.753386 39.626873 7.126513 40 7.5864921 40L30.517986 40C30.978386 40 31.351513 39.626873 31.351513 39.166473L31.351513 34.057373C31.351513 33.596973 30.978386 33.223846 30.517986 33.223846L25.21073 33.223846C26.551878 30.787771 27.267776 28.081863 27.267776 25.302595C27.267776 20.067856 24.757074 15.129932 20.541796 12.015061C20.465904 11.599772 20.271542 10.657891 19.493668 9.840806L22.048637 7.0573215C23.545361 5.4265251 23.436163 2.8820951 21.805367 1.3849497L21.446154 1.0552489C19.815779 -0.44147488 17.271349 -0.33312052 15.77336 1.2980975L4.9463558 13.093966C4.085845 14.031632 3.7734301 15.268222 3.9580965 16.436932C3.9454482 16.449158 3.9290051 16.454639 3.9167783 16.467709L1.9925398 18.565229C1.2260486 19.399601 1.2817014 20.702805 2.1169155 21.469296L3.1182446 22.388411C3.5605161 22.831947 4.8881731 23.395641 6.0227318 22.264456L7.9419112 20.17326C7.9988289 20.149227 9.8421183 20.381536 11.22079 18.853613L13.411066 16.467709C15.341629 17.808857 17.022596 17.278891 17.465712 17.137651C19.92877 19.166027 21.344967 22.110567 21.344967 25.302595C21.344967 28.345371 20.037125 31.211069 17.762527 33.223846L12.457379 33.223846L12.457379 30.641472C12.457379 30.18107 12.084252 29.807943 11.624273 29.807943L0.83352757 29.807943C0.37312689 29.807943 0 30.18107 0 30.641472L0 34.057373C0 34.517776 0.37312689 34.89048 0.83352757 34.89048L0.83352757 34.89048Z" fill-rule="evenodd"/> </svg>');
  height: 41px;
  width: 32px;
}
.sub-footer .icon.People:after {
  content: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="37" height="37"> <path fill="black" transform="translate(28.1354 21.9688)" d="M1.15625 0C5.2005253 0 8.479167 3.2786417 8.479167 7.3229165L8.479167 10.40625C8.479167 11.044829 7.9614959 11.5625 7.3229165 11.5625L4.2395835 11.5625C3.6010041 11.5625 3.0833333 11.044829 3.0833333 10.40625C3.0833333 9.7676706 3.6010041 9.25 4.2395835 9.25L6.1666665 9.25L6.1666665 7.3229165C6.1666665 4.6512179 4.0754094 2.4678333 1.4405644 2.3204317L1.15625 2.3125C0.51767075 2.3125 0 1.7948292 0 1.15625C0 0.51767075 0.51767075 0 1.15625 0Z"/> <path fill="black" transform="translate(23.5101 3.66274)" d="M0.036774773 0.86832172C0.19594747 0.24989831 0.82631367 -0.12239794 1.4447371 0.036774747C4.6550136 0.86305064 6.9377794 3.7680824 6.9377794 7.1289153C6.9377794 10.489718 4.6550488 13.394705 1.4447736 14.221092C0.82635534 14.380285 0.19597703 14.00801 0.036784176 13.389591C-0.12240869 12.771173 0.24986701 12.140795 0.86828524 11.981602C3.0627708 11.416698 4.6252794 9.4282618 4.6252794 7.1289153C4.6252794 4.8295522 3.062758 2.8410981 0.86832172 2.276284C0.24989834 2.1171112 -0.12239791 1.4867451 0.036774773 0.86832172Z"/> <path fill="black" transform="translate(6.55208 3.46875)" d="M7.3229165 0C3.27858 0 0 3.27858 0 7.3229165C0 11.367253 3.27858 14.645833 7.3229165 14.645833C11.367211 14.645833 14.645833 11.367234 14.645833 7.3229165C14.645833 3.2785995 11.367211 0 7.3229165 0ZM7.3229165 2.3125C10.090056 2.3125 12.333333 4.5557613 12.333333 7.3229165C12.333333 10.090072 10.090056 12.333333 7.3229165 12.333333C4.5557384 12.333333 2.3125 10.090095 2.3125 7.3229165C2.3125 4.5557384 4.5557384 2.3125 7.3229165 2.3125Z"/> <path fill="black" transform="translate(0.385417 21.9688)" d="M19.65625 0L7.3229165 0C3.2785995 0 0 3.2786222 0 7.3229165L0 10.40625C0 11.044829 0.51767075 11.5625 1.15625 11.5625L25.822916 11.5625C26.461496 11.5625 26.979166 11.044829 26.979166 10.40625L26.979166 7.3229165C26.979166 3.2786417 23.700525 0 19.65625 0ZM19.65625 2.3125L19.940565 2.3204317C22.575409 2.4678333 24.666666 4.6512179 24.666666 7.3229165L24.666666 9.25L2.3125 9.25L2.3125 7.3229165C2.3125 4.5557771 4.5557613 2.3125 7.3229165 2.3125L19.65625 2.3125Z"/> </svg>');
}
.sub-footer .icon.Telephone {
  padding-left: 4rem;
  white-space: nowrap;
}
.sub-footer .icon.Telephone:after {
  content: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="49" height="49"> <path fill="black" transform="translate(28.0725 11.7395)" d="M1.8247408 0.028620858C3.71717 0.39781398 5.441287 1.234153 6.6976075 2.4904265C7.9539227 3.7466941 8.7902946 5.4709172 9.1594591 7.363358C9.3213768 8.1933985 8.7797575 8.9975405 7.949717 9.1594591C7.1196761 9.3213768 6.3155346 8.7797575 6.153616 7.949717C5.8945937 6.6218925 5.3261032 5.4499211 4.5321341 4.655982C3.7381015 3.8619792 2.5661879 3.2935045 1.2383342 3.0344541C0.40829626 2.8725224 -0.13331085 2.068372 0.028620858 1.2383342C0.17705826 0.47746608 0.86513764 -0.041040007 1.6181273 0.0025547654L1.8247408 0.028620858Z"/> <path fill="black" transform="translate(29.0935 4.59423)" d="M1.7004571 0.009049044C5.0872731 0.38530296 8.2362251 1.9901255 10.780128 4.5308318C13.317835 7.0653505 14.921767 10.217297 15.303055 13.60992C15.397505 14.450315 14.792797 15.208157 13.952401 15.302607C13.112006 15.397057 12.354165 14.792348 12.259715 13.951953C11.958796 11.274435 10.677632 8.7567739 8.6159754 6.6977077C6.5469089 4.6312408 4.0316463 3.34937 1.3623129 3.0528238C0.52179772 2.9594479 -0.083878309 2.2023795 0.0094976351 1.3618643C0.095092252 0.59139204 0.73837286 0.018249936 1.4924026 -8.8817842e-16L1.7004571 0.009049044Z"/> <path fill="black" transform="translate(4.59366 4.59345)" d="M10.766294 0.00023117963L5.2228827 0.00023117963C2.2035744 0.0035580923 -0.25214344 2.6763983 0.020748302 5.6902308C-0.00061552587 24.746477 15.021225 39.813519 34.25317 39.79847C37.140842 40.065464 39.823685 37.597755 39.81142 34.572742L39.811432 29.046646C39.842758 27.803995 39.401894 26.556503 38.572327 25.579576C36.647823 23.312681 30.521166 21.720793 27.519522 22.359638C26.177853 22.645273 25.205315 23.333515 23.946989 24.642321L23.39146 25.235472L22.903463 24.927162C19.68894 22.823271 16.942188 20.081936 14.834435 16.874069L14.526544 16.388929L14.746621 16.19062C16.302906 14.75788 17.09535 13.735379 17.40789 12.272985C18.045664 9.2882404 16.46137 3.194309 14.209655 1.2616535C13.248189 0.43642673 12.01917 -0.011671776 10.766294 0.00023117963ZM10.781048 3.0627997C11.307027 3.0578325 11.816742 3.2436738 12.215054 3.5855453C13.545419 4.7274022 14.831525 9.6743641 14.413011 11.632984C14.288209 12.216938 13.87935 12.786787 12.987741 13.641615L12.089274 14.470547C11.85253 14.688217 11.668447 14.862556 11.495492 15.035161C11.006835 15.522828 10.904931 16.277178 11.246678 16.877022C14.013513 21.733446 18.042311 25.754305 22.908098 28.515764C23.506721 28.855499 24.258467 28.754059 24.74563 28.267807L25.845182 27.09355C26.872158 25.982479 27.505171 25.493826 28.157131 25.355028C30.130272 24.935081 35.105309 26.227745 36.237804 27.561726C36.580578 27.965387 36.762524 28.480227 36.749405 29.008636L36.748932 34.578949C36.753899 35.806931 35.616703 36.852936 34.389633 36.742172C16.71414 36.749695 3.0632162 23.057693 3.077009 5.5533533C2.9605525 4.196806 4.0011334 3.0642216 5.2244487 3.0627997L10.781048 3.0627997Z"/> </svg>');
  height: 49px;
  width: 49px;
}

@media screen and (max-width: 768px) {
  .footer-section {
    margin: 55px 0;
    padding: 4%;
  }
  .footer-compliance {
    padding: 2rem 1rem;
  }
  .footer-compliance .logos {
    width: 100%;
    row-gap: 2rem;
    column-gap: 0;
  }
  .footer-compliance .logos .logo {
    width: 50%;
  }
  .footer-compliance .logos .logo img {
    max-width: 140px;
  }
  .footer-compliance .socialmedia {
    padding-top: 3rem;
    width: 50%;
    justify-content: flex-start;
  }
  .footer-compliance .footer-links {
    padding-top: 3rem;
    padding-bottom: 2rem;
    width: 50%;
  }
  .footer-compliance .footer-links ul {
    row-gap: 1rem;
  }
  .footer-compliance .footer-links ul li {
    width: 100%;
  }
}
.breadcrumb,
.breadcrumb .a {
  background-color: var(--color-breadcrumb-bg);
  align-items: center;
  display: flex;
  min-height: 57px;
  padding: 0.25rem 0;
  font-size: var(--font-size-copy);
}
.breadcrumb a,
.breadcrumb span,
.breadcrumb .a a,
.breadcrumb .a span {
  margin: 0 10px;
}
.breadcrumb a:first-child,
.breadcrumb .a a:first-child {
  margin-left: 0;
}
.breadcrumb span.blue,
.breadcrumb .a span.blue {
  color: var(--color-blue);
}
.breadcrumb a,
.breadcrumb .a a {
  color: var(--color-black);
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .breadcrumb .spacing-content {
    margin: 0;
    padding: 0 4rem;
  }
}
.breadcrumb.checkout .spacing-content, .breadcrumb.donation .spacing-content {
  width: 100%;
}
.breadcrumb .checkout-crumb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.breadcrumb .checkout-crumb .step {
  display: flex;
}
.breadcrumb .checkout-crumb span {
  margin: 0;
  font-size: var(--font-size-copy-tiny);
}
.breadcrumb .checkout-crumb .step.current {
  border-radius: 17px;
  background-color: #202020;
  color: var(--color-white);
  font-weight: 700;
  padding: 0.4rem 0.9rem;
}
.breadcrumb .checkout-crumb .icon-arrow2.show {
  position: relative;
  color: transparent;
}
.breadcrumb .checkout-crumb .icon-arrow2.show:after {
  content: url("/img/icons/icon-arrow2.svg");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.breadcrumb .checkout-crumb .icon-arrow2.dont-show {
  color: transparent;
}
@media screen and (max-width: 768px) {
  .breadcrumb .checkout-crumb a:first-child {
    display: block;
  }
  .breadcrumb .checkout-crumb .step {
    border-radius: 17px;
    background-color: var(--color-white);
    color: #202020;
    padding: 0.4rem 0.9rem;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumb .spacing-content {
    margin: 0;
    padding: 0 1rem;
  }
  .breadcrumb .breadcrumb span,
  .breadcrumb .breadcrumb span.blue {
    margin: 0 1%;
  }
  .breadcrumb .breadcrumb div {
    width: 100%;
  }
  .breadcrumb .breadcrumb.four-plus-items span,
  .breadcrumb .breadcrumb.four-plus-items span.blue {
    margin: 0 1%;
  }
  .breadcrumb .breadcrumb.four-plus-items span:last-child, .breadcrumb .breadcrumb.four-plus-items span:nth-last-child(2), .breadcrumb .breadcrumb.four-plus-items span:first-of-type,
  .breadcrumb .breadcrumb.four-plus-items span.blue:last-child,
  .breadcrumb .breadcrumb.four-plus-items span.blue:nth-last-child(2),
  .breadcrumb .breadcrumb.four-plus-items span.blue:first-of-type {
    display: none;
  }
  .breadcrumb .breadcrumb.four-plus-items .active {
    display: none;
  }
  .breadcrumb .breadcrumb a:first-child {
    display: none;
  }
  .breadcrumb .breadcrumb a:nth-of-type(2) {
    margin-left: 0;
  }
  .breadcrumb .breadcrumb.three-items a:first-child {
    display: none;
  }
  .breadcrumb .breadcrumb.three-items span:first-of-type,
  .breadcrumb .breadcrumb.three-items span.blue:first-of-type {
    display: none;
  }
}

.steps,
.steps.div {
  display: flex;
  align-items: center;
  margin-top: 50px;
  padding-bottom: 20px;
  color: var(--color-black);
}
.steps span,
.steps.div span {
  margin: 0 20px;
  color: var(--color-black);
}
.steps span:first-child,
.steps.div span:first-child {
  margin-left: 0;
}
.steps span.selected,
.steps.div span.selected {
  font-weight: 700;
}

@media screen and (max-width: 1024px) {
  .steps {
    margin-top: 15px;
  }
  .steps span {
    margin: 0 1%;
  }
  .steps div {
    width: 100%;
  }
}
#top-nav {
  margin: 0 auto;
  max-width: 1400px;
}
#top-nav .super-nav {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 4rem;
}
#top-nav .super-nav .accessibility-box {
  background-color: var(--color-grey);
  width: 365px;
}
#top-nav .super-nav .super-actions {
  padding: 1rem 0 1rem 1.5rem;
  margin: 0;
}
#top-nav .super-nav .super-actions li {
  display: inline;
  font-weight: 700;
}
#top-nav .super-nav .super-actions li.separator {
  color: var(--color-grey);
  padding: 0 0.5rem 0 1rem;
}
#top-nav .super-nav .super-actions li .link-icon {
  padding-left: 3rem;
  position: relative;
}
#top-nav .super-nav .super-actions li .link-icon:after {
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translate(0, -50%);
  height: 1.5rem;
  width: 1.5rem;
}
#top-nav .super-nav .super-actions li .link-icon.shop:after {
  content: url("/img/icons/shop-icon.svg");
}
#top-nav .super-nav .super-actions li .link-icon.member:after {
  content: url("/img/icons/member-icon.svg");
}
#top-nav .super-nav .super-actions li .link-icon.search:after {
  content: url("/img/icons/search-icon.svg");
}
#top-nav .super-nav .super-actions li form {
  display: inline-block;
}
#top-nav .super-nav .super-actions li form .button-link {
  color: #202020;
}
#top-nav .super-nav .super-actions li form.search-form .field-row {
  display: flex;
  position: absolute;
  top: -4px;
  right: 0;
  width: 312px;
  overflow: hidden;
  transition: z-index 0.8s, width 0.5s, background 0.3s ease, border 0.3s;
}
#top-nav .super-nav .super-actions li form.search-form .field-row input[type=search] {
  padding: 5px;
}
#top-nav .super-nav .super-actions li form.search-form .field-row button[type=submit] {
  background-color: var(--color-white);
  border: none;
  cursor: pointer;
  padding-top: 5px;
}
#top-nav .super-nav .super-actions li form.search-form .field-row .close {
  display: flex;
}
#top-nav .super-nav .super-actions li form.search-form.hidden .field-row {
  width: 0;
}
#top-nav .header-bar {
  padding: 1rem 4rem;
  display: flex;
  justify-content: space-between;
}
#top-nav .header-bar .left {
  display: flex;
}
#top-nav .header-bar .left .logo {
  margin-right: 1rem;
  font-size: 0;
  line-height: 0;
  display: block;
  display: flex;
  align-items: center;
}
#top-nav .header-bar .left .logo img {
  max-height: fit-content;
}
#top-nav .header-bar .left .helpline {
  margin-left: 2rem;
}
#top-nav .header-bar .left .helpline p {
  margin: 0;
}
#top-nav .header-bar .left .helpline p.label {
  line-height: 1.5rem;
}
#top-nav .header-bar .left .helpline .h2 {
  font-size: var(--font-size-h3);
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  #top-nav .header-bar .left .helpline .h2 {
    font-size: var(--font-size-h4);
    font-weight: 700;
  }
}
#top-nav .header-bar .left .no-underline {
  text-decoration: none;
}
#top-nav .header-bar .right {
  display: flex;
  align-items: center;
}
#top-nav .header-bar .right a {
  padding: 1rem 1.5rem;
  min-width: 190px;
}
@media screen and (max-width: 1200px) {
  #top-nav .header-bar .right a {
    padding: 1rem;
    min-width: 160px;
  }
  #top-nav .header-bar .right a.heart:after {
    right: 1.6rem;
  }
}
#top-nav .header-bar .right a:first-child {
  margin-right: 1rem;
}
#top-nav .header-bar .right .heart {
  padding-right: 3rem;
  position: relative;
}
#top-nav .header-bar .right .heart:after {
  position: absolute;
  content: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"> <path fill="black" transform="translate(2.25 5) scale(1.1)" d="M14.2043 0L13.940639 0.006767564C12.62655 0.074283831 11.381181 0.64458632 10.450124 1.610101L9.75 2.336L9.0498905 1.6101155C8.0567369 0.58021939 6.7059855 0 5.2956901 0C2.3647316 0 0 2.4523158 0 5.4640498C0 6.907506 0.55355167 8.2933912 1.5415031 9.3179874L9.2101173 17.270603C9.5050583 17.576466 9.9949417 17.576466 10.289883 17.270603L17.958483 9.3180027C18.946455 8.2934084 19.5 6.9075251 19.5 5.4640498C19.5 2.4523239 17.135246 0 14.2043 0ZM14.2043 1.5C16.294369 1.5 18 3.2687924 18 5.4640498L17.992865 5.7070785C17.935955 6.6751904 17.540581 7.5904007 16.87871 8.2768059L9.75 15.669L2.6212826 8.2767973C1.904271 7.5331907 1.5 6.5210485 1.5 5.4640498C1.5 3.2687824 3.2056103 1.5 5.2956901 1.5C6.2965589 1.5 7.2582321 1.9130895 7.9701271 2.6513221L9.2101097 3.9372644C9.5050516 4.2431383 9.9949484 4.2431383 10.28989 3.9372644L11.52989 2.6513045C12.241762 1.9130868 13.203424 1.5 14.2043 1.5Z"/> </svg> ');
  right: 2.2rem;
  top: 50%;
  transform: translate(0, -50%);
  width: 2rem;
  height: 2rem;
}
#top-nav #primary-nav .primary {
  list-style: none;
  padding: 0;
  position: relative;
}
#top-nav #primary-nav .primary li.tab {
  display: inline-block;
  padding: 0.25rem 0.75rem 0.25rem 0;
  border-right: 2px solid var(--color-grey);
}
#top-nav #primary-nav .primary li.tab:first-child {
  margin-left: 3rem;
}
#top-nav #primary-nav .primary li.tab a.section {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  padding: 1rem 3rem 1rem 1.5rem;
  position: relative;
  margin-left: -10px;
}
#top-nav #primary-nav .primary li.tab a.section:after {
  content: url("/img/arrow-down.svg");
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translate(0, -50%);
  height: 20px;
  width: 20px;
  transition: transform 0.3s ease-in-out;
}
@media screen and (max-width: 1200px) {
  #top-nav #primary-nav .primary li.tab a.section {
    font-size: var(--font-size-copy);
    padding-right: 2rem;
  }
  #top-nav #primary-nav .primary li.tab a.section:after {
    right: 0.5rem;
  }
}
#top-nav #primary-nav .primary li.tab .nav-panel {
  display: none;
}
#top-nav #primary-nav .primary li.tab.selected {
  border-right: none;
}
#top-nav #primary-nav .primary li.tab.selected a.section {
  background-color: #fae100;
}
#top-nav #primary-nav .primary li.tab.selected a.section:after {
  transform: translate(0, -50%) rotate(180deg);
}
#top-nav #primary-nav .primary li.tab.selected .nav-panel {
  position: absolute;
  top: 3rem;
  z-index: 9;
  left: 0;
  right: 0;
  display: block;
}
#top-nav #primary-nav .primary li.tab.selected .nav-panel .shadow {
  left: 0;
  right: 0;
  height: 150vh;
  top: 0;
  background-color: #202020;
  opacity: 0.6;
  position: absolute;
  z-index: 0;
}
#top-nav #primary-nav .primary li.tab.selected .nav-panel .bg {
  background-color: var(--color-nav-spacer);
  display: flex;
  column-gap: 3px;
  position: absolute;
  right: 0;
  left: 0;
}
#top-nav #primary-nav .primary li.tab.selected .nav-panel .col {
  background-color: #fae100;
  padding: 2rem 3rem;
  flex-basis: 100%;
  z-index: 1;
}
#top-nav #primary-nav .primary li.tab.selected .nav-panel .col .inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#top-nav #primary-nav .primary li.tab.selected .nav-panel .col .inner p.h2 {
  margin: 0;
  padding: 0;
  font-size: var(--font-size-h2);
  font-weight: 700;
  line-height: 3rem;
}
#top-nav #primary-nav .primary li.tab.selected .nav-panel .col .inner p.h2:before {
  content: unset;
}
#top-nav #primary-nav .primary li.tab.selected .nav-panel .col .inner ul {
  list-style: none;
}
#top-nav .coloured-bar {
  width: 100%;
  height: 10px;
}
#top-nav .coloured-bar div {
  height: 100%;
  width: 20%;
  float: left;
  position: relative;
}
#top-nav .coloured-bar div:nth-child(1) {
  background-color: #fae100;
}
#top-nav .coloured-bar div:nth-child(2) {
  background-color: var(--color-mauve);
}
#top-nav .coloured-bar div:nth-child(3) {
  background-color: var(--color-orange);
}
#top-nav .coloured-bar div:nth-child(4) {
  background-color: var(--color-green);
}
#top-nav .coloured-bar div:nth-child(5) {
  background-color: var(--color-magenta);
}

.h4.link {
  width: fit-content;
}
.h4.link:hover {
  text-decoration: none;
  border-bottom: 3px solid var(--color-grey);
}

@media screen and (min-width: 1025px) {
  #top-nav #mobile-nav-bar {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  body.no-scroll {
    overflow-y: hidden;
  }
  #content {
    padding-top: 130px;
  }
  #top-nav .super-actions, #top-nav .header-bar, #top-nav #primary-nav {
    display: none;
  }
  #top-nav .super-nav {
    padding: 0;
    flex-wrap: wrap;
  }
  #top-nav .super-nav .accessibility-box {
    width: 100%;
    position: fixed;
    z-index: var(--z-raised);
  }
  #top-nav .super-nav .accessibility-box .js-accessibility-section {
    padding: 0.5rem 1rem;
  }
  #top-nav .super-nav .accessibility-box .js-accessibility-section .accessibility-title span {
    font-size: var(--font-size-xs);
  }
  #top-nav #mobile-nav-bar {
    width: 100%;
    position: fixed;
    top: 40px;
    z-index: 9;
    background-color: var(--color-white);
  }
  #top-nav #mobile-nav-bar .main-section {
    padding: 0.5rem 1rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #top-nav #mobile-nav-bar .main-section .menu-button__logo img {
    max-width: 235px;
  }
  #top-nav #mobile-nav-bar .main-section .js-menu-button__opener {
    background-color: #202020;
    border: 0;
    border-radius: var(--radius-sm);
  }
  #top-nav #mobile-nav-bar .main-section .js-menu-button__opener #menu-toggle {
    position: relative;
    padding: 6px 12px;
  }
  #top-nav #mobile-nav-bar .main-section .js-menu-button__opener #menu-toggle .line {
    background-color: #fae100;
    margin: 6px 0;
    width: 2rem;
    height: 2px;
    display: block;
    transition: transform 0.2s ease-in-out;
  }
  #top-nav #mobile-nav-bar .helpline {
    padding: 0 1rem 0.5rem;
  }
  #top-nav #mobile-nav-bar .helpline p.h4 {
    margin-top: 0;
    font-size: var(--font-size-xs);
  }
  #top-nav #mobile-nav-bar .mobile-menu {
    background-color: #fae100;
    position: absolute;
    left: 0;
    right: 0;
    min-height: calc(100vh - 100px);
    z-index: 99;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
  }
  #top-nav #mobile-nav-bar .mobile-menu .cta {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  }
  #top-nav #mobile-nav-bar .mobile-menu .cta a {
    width: 45%;
  }
  #top-nav #mobile-nav-bar .mobile-menu .cta .heart {
    padding-right: 3rem;
    position: relative;
  }
  #top-nav #mobile-nav-bar .mobile-menu .cta .heart:after {
    position: absolute;
    content: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"> <path fill="white" transform="translate(2.25 5) scale(1.1)" d="M14.2043 0L13.940639 0.006767564C12.62655 0.074283831 11.381181 0.64458632 10.450124 1.610101L9.75 2.336L9.0498905 1.6101155C8.0567369 0.58021939 6.7059855 0 5.2956901 0C2.3647316 0 0 2.4523158 0 5.4640498C0 6.907506 0.55355167 8.2933912 1.5415031 9.3179874L9.2101173 17.270603C9.5050583 17.576466 9.9949417 17.576466 10.289883 17.270603L17.958483 9.3180027C18.946455 8.2934084 19.5 6.9075251 19.5 5.4640498C19.5 2.4523239 17.135246 0 14.2043 0ZM14.2043 1.5C16.294369 1.5 18 3.2687924 18 5.4640498L17.992865 5.7070785C17.935955 6.6751904 17.540581 7.5904007 16.87871 8.2768059L9.75 15.669L2.6212826 8.2767973C1.904271 7.5331907 1.5 6.5210485 1.5 5.4640498C1.5 3.2687824 3.2056103 1.5 5.2956901 1.5C6.2965589 1.5 7.2582321 1.9130895 7.9701271 2.6513221L9.2101097 3.9372644C9.5050516 4.2431383 9.9949484 4.2431383 10.28989 3.9372644L11.52989 2.6513045C12.241762 1.9130868 13.203424 1.5 14.2043 1.5Z"/> </svg> ');
    right: 0.5rem;
    top: 50%;
    transform: translate(0, -50%);
    width: 2rem;
    height: 2rem;
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary li {
    padding: 0.75rem 1rem;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary li.no-bottom {
    border-bottom: none;
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary li a {
    font-weight: 700;
    display: block;
    font-size: var(--font-size-copy-md);
    position: relative;
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary li a.has-children:after {
    content: url("/img/arrow-down.svg");
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translate(0, -50%) rotate(-90deg);
    height: 20px;
    width: 20px;
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary li .nav-panel {
    position: absolute;
    top: 0;
    left: 110%;
    right: 0;
    background-color: #fae100;
    z-index: 99;
    padding: 0.5rem 0;
    transition: left 0.4s ease-in-out;
    min-height: calc(100vh - 171px);
    width: 100vw;
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary li .nav-panel .back-area {
    padding: 1.5rem 1rem;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary li .nav-panel .back-area a {
    padding-left: 2rem;
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary li .nav-panel .back-area a:after {
    content: url("/img/arrow-down.svg");
    position: absolute;
    left: 0;
    top: 40%;
    transform: translate(0, -50%) rotate(90deg);
    height: 20px;
    width: 20px;
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary li .nav-panel .primary li a.h4.normal {
    font-weight: normal;
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary li.open > .nav-panel {
    display: block;
    left: 0;
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary .actions-section {
    padding-top: 1.5rem;
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary .actions-section label {
    font-weight: 700;
    display: block;
    margin-bottom: 0.5rem;
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary .actions-section .search-wrapper {
    width: calc(100% - 3rem);
    background-color: var(--color-white);
    position: relative;
    padding-right: 3rem;
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary .actions-section .search-wrapper input {
    border: none;
    padding: 0.5rem;
    width: 100%;
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary .actions-section .search-wrapper input:active, #top-nav #mobile-nav-bar .mobile-menu .primary .actions-section .search-wrapper input:focus {
    outline: none;
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary .actions-section .search-wrapper button {
    background: none;
    position: absolute;
    right: 5px;
    top: 5px;
    border: none;
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary .actions-section .ctas {
    padding-top: 1.5rem;
    display: flex;
    justify-content: center;
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary .actions-section .ctas .v-bar {
    height: 1.75rem;
    width: 2px;
    display: block;
    margin: 2px 0.5rem 0 0.7rem;
    background-color: rgba(0, 0, 0, 0.1);
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary .actions-section .ctas .link-icon {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary .actions-section .ctas .link-icon:before {
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    flex-shrink: 0;
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary .actions-section .ctas .link-icon.shop:before {
    content: url("/img/icons/shop-icon.svg");
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary .actions-section .ctas .link-icon.member {
    color: #202020;
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary .actions-section .ctas .link-icon.member:before {
    content: url("/img/icons/member-icon.svg");
  }
  #top-nav #mobile-nav-bar .mobile-menu .primary .actions-section .ctas .link-icon.search:before {
    content: url("/img/icons/search-icon.svg");
  }
  #top-nav #mobile-nav-bar.open .main-section .js-menu-button__opener #menu-toggle .line-1 {
    transform: rotate(-45deg);
    position: relative;
    top: 8px;
  }
  #top-nav #mobile-nav-bar.open .main-section .js-menu-button__opener #menu-toggle .line-2 {
    transform: rotate(45deg);
  }
  #top-nav #mobile-nav-bar.open .main-section .js-menu-button__opener #menu-toggle .line-3 {
    background-color: #202020;
  }
  #top-nav #mobile-nav-bar.open .mobile-menu {
    display: block;
  }
}
.one-page-donation .amounts, .one-page-donation .donation-type {
  display: flex;
  column-gap: 1rem;
  width: 100%;
}
.one-page-donation .amounts .radio-button, .one-page-donation .donation-type .radio-button {
  flex-grow: 1;
  background-color: var(--color-grey);
  padding: 1rem;
  text-align: center;
  cursor: pointer;
  font-weight: 700;
  border-radius: var(--radius-lg);
}
.one-page-donation .amounts .radio-button input, .one-page-donation .donation-type .radio-button input {
  border: none;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
}
.one-page-donation .amounts .radio-button:has(input:checked), .one-page-donation .donation-type .radio-button:has(input:checked) {
  background-color: #fae100;
}
.one-page-donation .show-wrapper {
  width: 100%;
  text-align: right;
}
@media screen and (max-width: 1024px) {
  .one-page-donation .donation-options .choice-section {
    max-width: 43vw;
  }
}
@media screen and (max-width: 768px) {
  .one-page-donation .donation-options .choice-section {
    max-width: 83vw;
  }
}

.info-event-detail {
  display: flex;
  flex-direction: column;
  line-height: 24px;
  margin-top: 60px;
  margin-bottom: 100px;
  max-width: 560px;
}
.info-event-detail p {
  display: flex;
  justify-content: flex-start;
  margin: 5px 0;
  font-size: var(--font-size-copy-md);
}
.info-event-detail p span,
.info-event-detail p a {
  flex: 0 1 auto;
  width: auto;
}
.info-event-detail p span:first-child {
  font-weight: bold;
  flex: 0 0 140px;
}
.info-event-detail p a {
  color: var(--color-black);
  border-bottom: 2px solid var(--color-blue);
}

.supporter-group-content .location-section {
  display: flex;
  justify-content: flex-start;
}
.supporter-group-content .location-section .location-map {
  flex: 0 0 200px;
}
.supporter-group-content .location-section .location-map img {
  display: block;
  width: 200px;
}
.supporter-group-content .location-section .location-map div {
  margin-top: 24px;
}
.supporter-group-content .location-section .location-map a {
  font-size: var(--font-size-xs);
  text-decoration: underline;
  font-family: var(--font-family-base);
  color: #202020;
}
.supporter-group-content .location-section .location-details {
  margin-left: 40px;
  width: 100%;
}
.supporter-group-content .location-section .location-details h3 {
  margin-top: 0;
}
.supporter-group-content .location-section .location-details .detail-list {
  flex-direction: column;
  display: flex;
}
.supporter-group-content .location-section .location-details .detail-list .detail-item {
  display: flex;
  width: 100%;
}
.supporter-group-content .location-section .location-details .detail-list .detail-item .detail-item-title {
  min-width: 150px;
  font-weight: bold;
  font-size: var(--font-size-copy);
  line-height: 1.969rem;
  margin: 0.5rem 0;
  padding: 0;
}
.supporter-group-content .location-section .location-details .detail-list .detail-item .detail-item-title:before {
  content: unset;
}
.supporter-group-content .location-section .location-details .detail-list .detail-item p {
  margin: 0.5rem 0;
  line-height: 1.75rem;
}

@media screen and (max-width: 1024px) {
  .location-section {
    flex-direction: column;
  }
  .supporter-group-content .location-section .location-details {
    margin-left: 0;
    width: 100%;
    margin-top: 20px;
  }
}
@media screen and (max-width: 450px) {
  .supporter-group-content .location-section .location-details .detail-list .detail-item {
    flex-direction: column;
  }
  .detail-item p {
    margin: 5px 0;
  }
}
.supporter-group-index-content .description-section a {
  display: block;
  margin-bottom: 40px;
  color: #202020;
}
.supporter-group-index-content .description-section a p {
  padding-bottom: 1rem;
}
.supporter-group-index-content .description-section a:hover h3 {
  text-decoration: underline;
}

.donation-1 .text-header.section-separator {
  margin-bottom: 10px;
}
.donation-1 .text-header.section-separator h1 {
  margin-bottom: 0;
}
.donation-1 .hide {
  display: none;
}
.donation-1 .beating-section .item-list {
  display: flex;
}
@media screen and (max-width: 450px) {
  .donation-1 .beating-section .item-list {
    flex-wrap: wrap;
  }
}
.donation-1 .beating-section .item-list .row-item {
  flex: 1 1 33%;
  padding: 12px;
  background-color: var(--color-grey);
  margin: 15px 0;
  border: 2px solid var(--color-purple-dark);
  cursor: pointer;
}
@media screen and (max-width: 450px) {
  .donation-1 .beating-section .item-list .row-item {
    flex: 0 0 100%;
    padding: 12px 0;
    margin: 0 0 15px;
    border-radius: 6px;
  }
  .donation-1 .beating-section .item-list .row-item:last-child {
    margin: 0;
  }
}
.donation-1 .beating-section .item-list .row-item:first-child {
  border-right-width: 1px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
@media screen and (max-width: 450px) {
  .donation-1 .beating-section .item-list .row-item:first-child {
    border-right-width: 2px;
  }
}
.donation-1 .beating-section .item-list .row-item:last-child {
  border-left-width: 1px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
@media screen and (max-width: 450px) {
  .donation-1 .beating-section .item-list .row-item:last-child {
    border-left-width: 2px;
  }
}
.donation-1 .beating-section .item-list .row-item .description {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
.donation-1 .beating-section .item-list .row-item .description .choice {
  font-size: var(--font-size-copy);
}
.donation-1 .beating-section .item-list .row-item .description label {
  font-size: 0;
}
.donation-1 .beating-section .item-list .row-item:hover {
  border-color: var(--color-link);
}
.donation-1 .beating-section .item-list .row-item.selected {
  background-color: #fae100;
}
.donation-1 .beating-section .item-list .row-item.selected:hover {
  border-color: var(--color-purple-dark);
}
.donation-1 .beating-section input {
  display: none;
}
.donation-1 .donation-cards-section {
  margin-top: 40px;
}
.donation-1 .donation-cards-section h2 {
  padding-bottom: 20px;
}
.donation-1 .donation-cards-section .item-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 5px;
}
.donation-1 .donation-cards-section .item-list .donation-card {
  flex: 1 0 calc(33% - 20px);
  border-radius: 6px;
  background-color: var(--color-grey);
  min-width: 175px;
  margin: 0 10px 10px;
  height: auto;
  border: 2px solid transparent;
  position: relative;
  box-sizing: border-box;
}
.donation-1 .donation-cards-section .item-list .donation-card label {
  display: block;
  font-size: 0;
  line-height: 0;
}
.donation-1 .donation-cards-section .item-list .donation-card .description {
  font-size: var(--font-size-copy);
  margin: 20px 10px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-grey-light);
  font-weight: normal;
  line-height: 24px;
  box-sizing: border-box;
}
.donation-1 .donation-cards-section .item-list .donation-card .donation-amount {
  font-size: var(--font-size-h3);
  text-align: right;
  padding: 0 5px;
  line-height: 0;
}
.donation-1 .donation-cards-section .item-list .donation-card img {
  display: block;
  width: 100%;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.donation-1 .donation-cards-section .item-list .donation-card:hover {
  border: 2px solid var(--color-link);
  cursor: pointer;
}
.donation-1 .donation-cards-section .item-list .donation-card.selected {
  border: 2px solid var(--color-purple-dark);
  background-color: #fae100;
}
.donation-1 .donation-cards-section .item-list .donation-card.selected .description {
  border-bottom-color: var(--color-purple-dark);
}
.donation-1 .donation-cards-section .item-list .donation-card.selected:hover {
  border-color: var(--color-purple-dark);
}
.donation-1 .donation-cards-section input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.donation-1 .description-section input,
.donation-1 .description-section textarea {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid var(--color-grey-mid);
}
.donation-1 .description-section .in-celebration-fields label,
.donation-1 .description-section .in-memory-fields label,
.donation-1 .description-section .is-company-fields label {
  margin: 1rem 0;
  font-size: var(--font-size-h4);
  line-height: 2.25rem;
}
.donation-1 .description-section textarea {
  resize: vertical;
}
@media screen and (min-width: 351px) {
  .donation-1 .description-section .choice-section {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-content: space-between;
  }
}
.donation-1 .description-section .single-other,
.donation-1 .description-section .recurring-other,
.donation-1 .description-section .fundraising-other {
  font-size: 0;
}
.donation-1 .description-section .single-other label,
.donation-1 .description-section .recurring-other label,
.donation-1 .description-section .fundraising-other label {
  font-size: 0;
  line-height: 0;
}
.donation-1 .description-section .single-other p,
.donation-1 .description-section .recurring-other p,
.donation-1 .description-section .fundraising-other p {
  margin: 0;
  padding-bottom: 0.75rem;
}
.donation-1 .description-section .single-other p span,
.donation-1 .description-section .recurring-other p span,
.donation-1 .description-section .fundraising-other p span {
  color: var(--color-link);
  text-decoration: underline;
  font-weight: 700;
  cursor: pointer;
}
.donation-1 .description-section .single-other p.custom-message,
.donation-1 .description-section .recurring-other p.custom-message,
.donation-1 .description-section .fundraising-other p.custom-message {
  display: none;
}
.donation-1 .description-section .container-radio-check {
  border-radius: 6px;
  border-color: var(--color-purple-dark);
}
.donation-1 .description-section .container-radio-check:hover {
  border-color: var(--color-link);
}
.donation-1 .description-section .container-radio-check.selected {
  background-color: #fae100;
}
.donation-1 .donate-continue {
  margin-bottom: 160px;
}
.donation-1 .donate-continue button {
  width: 100%;
  box-sizing: border-box;
}
.donation-1 .donate-footer img {
  width: 300px;
}
.donation-1 h3 {
  margin-bottom: 10px;
}
.donation-1 h2 {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .donation-1 .donation-cards-section .donation-card {
    width: 100%;
    margin-bottom: 15px;
  }
  .donation-1 .donate-continue {
    margin-bottom: 80px;
  }
}
@media (min-width: 768px) and (max-width: 953px) {
  .donation-1 .donation-cards-section .item-list {
    justify-content: center;
  }
}

.donation-2 label {
  display: block;
  margin: 20px 0 5px;
  padding-left: 15px;
}
.donation-2 input {
  width: 93%;
}
.donation-2 .checkbox-donation {
  display: flex;
  align-items: center;
  flex-flow: row;
  margin-bottom: 25px;
}
.donation-2 .checkbox-donation label {
  margin-top: 0;
  font-size: var(--font-size-h4);
}
.donation-2 .checkbox-donation input {
  width: 48px;
  margin-top: 0;
}
.donation-2 .donate-continue {
  margin-bottom: 160px;
}
.donation-2 .donate-continue button {
  width: 100%;
  box-sizing: border-box;
}
.donation-2 .postcode-section input {
  width: auto;
}
@media screen and (max-width: 650px) {
  .donation-2 .postcode-section input {
    width: 90%;
  }
}

.donation-options label {
  margin: 1rem;
  font-size: var(--font-size-h4);
  line-height: 2.25rem;
}
@media screen and (min-width: 351px) {
  .donation-options .choice-section {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-content: space-between;
  }
  .donation-options .choice-section label:nth-child(1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 650px) {
  .donation-options .choice-section .container-radio-check .checkmark:after {
    content: "";
    display: none;
  }
}
.donation-options .container-radio-check {
  width: 220px;
  padding: 1em 1.6em 1em 1em;
  border-radius: 6px;
  border-color: var(--color-purple-dark);
}
.donation-options .container-radio-check:hover {
  border-color: var(--color-link);
}
.donation-options .container-radio-check.selected {
  background-color: #fae100;
}
.donation-options .container-radio-check .checkmark {
  left: 165px;
}

.paypal-container, .stripe-container {
  margin-top: 3rem;
}
.paypal-container .loading, .stripe-container .loading {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 80%;
}
.paypal-container .loading img, .stripe-container .loading img {
  width: 50px;
  height: 50px;
}

.gift-aid-wrapper .gift-aid .h5 {
  margin-top: 0;
}
.gift-aid-wrapper .gift-aid .col-1 {
  width: 75%;
}
.gift-aid-wrapper .gift-aid .logo {
  width: 30%;
}
.gift-aid-wrapper .gift-aid .logo img {
  width: 100%;
}
.gift-aid-wrapper .gift-aid .ga-check {
  height: 40px;
  margin-top: 1.5rem;
  min-width: 40px;
  margin-right: 1rem;
}
@media screen and (max-width: 768px) {
  .gift-aid-wrapper .gift-aid .col-1 {
    width: 100%;
  }
}

.btn--edirect-debit {
  background-color: #008780;
  color: #fff;
  font-weight: 400;
}

.form-card__form--index fieldset {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-flow: column;
  margin-bottom: 48px;
  padding: 48px 80px 23px;
  border: 0;
  border-radius: var(--radius-md);
  background-color: #e5e5e5;
}

.btn--edirect-debit {
  display: flex;
}
.btn--edirect-debit img {
  width: auto;
  height: 1.5rem;
  margin-right: 0.625rem;
  vertical-align: middle;
}

.personalised-donation {
  border-radius: var(--radius-lg);
  background-color: var(--color-grey);
  padding: 40px;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.personalised-donation .header {
  flex-basis: 66.666%;
}
.personalised-donation .content {
  flex-basis: 100%;
}
.personalised-donation .content .container-slider {
  border: 2px solid #202020;
  border-radius: var(--radius-lg);
  background-color: var(--color-grey);
  display: flex;
}
.personalised-donation .content .container-slider .slider-option {
  padding: 1rem;
  border-radius: var(--radius-md);
  cursor: pointer;
}
.personalised-donation .content .container-slider .slider-option input {
  display: none;
}
.personalised-donation .content .container-slider .slider-option.selected {
  border: 2px solid #202020;
  background-color: #fae100;
}
.personalised-donation .image {
  margin-top: 2rem;
  flex-basis: 28%;
  position: relative;
}
.personalised-donation .image .holder {
  position: absolute;
  top: 0;
  right: 0;
  width: 25vw;
  text-align: right;
}
.personalised-donation .image .holder img {
  max-height: 375px;
  max-width: 300px;
}
.personalised-donation .tab-strip a.btn {
  border: solid 0.125rem #202020;
  border-radius: var(--radius-md);
  font-weight: normal;
}
.personalised-donation .tab-strip a.btn.btn-off {
  background-color: var(--color-grey);
}
.personalised-donation .tab-strip a.btn.btn-on {
  background-color: #fae100;
}
.personalised-donation:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 6rem;
  background-color: var(--color-orange);
  top: 0;
  right: 0;
  z-index: -1;
  border-bottom-right-radius: var(--radius-lg);
  border-top-right-radius: var(--radius-lg);
}

.shop-product .pct-discount {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: var(--color-green-bg);
  padding: 4px 9px;
  border-radius: var(--radius-lg);
  text-transform: uppercase;
}
.shop-product .product-detail {
  padding-top: 1.5rem;
  display: flex;
  max-width: 1000px;
}
.shop-product .product-detail .product-images {
  flex: 1 1 auto;
  width: 50%;
}
.shop-product .product-detail .product-images .big-image {
  width: 100%;
  height: auto;
  border: solid 1px var(--color-grey);
}
.shop-product .product-detail .product-images .big-image:hover {
  opacity: 0.8;
  cursor: pointer;
}
.shop-product .product-detail .product-images .others {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 5%;
}
.shop-product .product-detail .product-images .others img {
  height: 100%;
  max-width: 47%;
}
.shop-product .product-detail .product-images .others.more img {
  width: 30%;
  margin-bottom: 0.5rem;
}
.shop-product .product-detail .info {
  flex: 1 1 auto;
  padding: 0 2em 0 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: flex-start;
  width: 50%;
}
.shop-product .product-detail .info .prod-title {
  margin-top: 0;
}
.shop-product .product-detail .info h1 {
  margin-bottom: 0;
  line-height: 3rem;
}
.shop-product .product-detail .info .prod-desc {
  margin: 3rem 0 0;
  padding: 1.5rem 0 0;
  border-top: 3px solid var(--color-grey);
}
.shop-product .product-detail .info .prod-desc ul {
  margin-top: 0;
  padding-left: 1.5rem;
}
.shop-product .product-detail .info .prod-desc a {
  text-decoration: underline;
}
.shop-product .product-detail .add-to-basket {
  width: 100%;
}
.shop-product .product-detail .price-stock {
  display: flex;
  align-items: center;
}
.shop-product .product-detail .stock {
  margin-left: 1.5rem;
  border-radius: 1.1rem;
  padding: 0.5rem 1rem;
  font-size: var(--font-size-copy-sm);
  color: #202020;
}
.shop-product .product-detail .stock.in-stock {
  background-color: var(--color-green-bg);
}
.shop-product .product-detail .stock.low-stock, .shop-product .product-detail .stock.limited-stock {
  background-color: var(--color-orange-bg);
}
.shop-product .product-detail .stock.no-stock {
  background-color: var(--color-red-bg);
}
.shop-product .product-detail .stock.coming-soon {
  background-color: var(--color-blue-bg);
}
.shop-product .product-detail .js-quantity-selector {
  display: flex;
  align-items: end;
  margin-top: 0.2rem;
}
.shop-product .product-detail .js-quantity-selector .border {
  border: 1px solid #202020;
  border-radius: 5px;
}
.shop-product .product-detail .js-quantity-selector .increment {
  width: 44px;
  text-align: center;
  background-color: transparent;
  height: 40px;
  position: relative;
  content: "";
  color: white;
  border: none;
  padding-top: 6px;
}
.shop-product .product-detail .js-quantity-selector .increment:after {
  color: #202020;
  font-size: var(--font-size-h1);
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.shop-product .product-detail .js-quantity-selector .increment.minus:after {
  content: "-";
}
.shop-product .product-detail .js-quantity-selector .increment.plus:after {
  content: "+";
  font-size: var(--font-size-h2);
  top: 50%;
}
.shop-product .product-detail .js-quantity-selector .quantity {
  text-align: center;
  width: 2rem;
  padding: 3px 8px;
  font-size: var(--font-size-copy);
  line-height: 1.313rem;
  border-left: 1px solid #202020;
  border-right: 1px solid #202020;
  background-color: var(--color-white);
  border-top: none;
  border-bottom: none;
  border-radius: 0;
  height: 40px;
  margin: 0;
}
.shop-product .product-detail .js-quantity-selector .quantity:focus {
  outline: none;
}
.shop-product .footer-section {
  margin-top: 0;
}
.shop-product .added-to-basket {
  border-radius: 6px;
  background-color: var(--color-green-bg);
  display: flex;
  padding: 1.5rem;
  margin-top: 1rem;
}
.shop-product .added-to-basket .icon-added {
  position: relative;
  width: 40px;
  padding-right: 20px;
}
.shop-product .added-to-basket .icon-added:after {
  content: url("/img/icons/icon-added.svg");
  position: absolute;
  top: 1.313rem;
}
.shop-product .added-to-basket .msg a {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .shop-product .product-detail {
    flex-direction: column;
    padding-top: 0;
  }
  .shop-product .product-detail .info {
    width: 100%;
  }
  .shop-product .product-detail .product-images {
    width: 100%;
    margin-top: 0.75rem;
  }
  .shop-product .product-detail .product-images a {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .shop-product .product-detail .product-images a .big-image {
    width: 75%;
  }
  .shop-product .prod-desc {
    margin-top: 2rem;
    border-top: 3px solid var(--color-grey);
    padding-top: 0.75rem;
  }
  .shop-product .prod-desc a {
    text-decoration: underline;
  }
  .shop-product .expand.link {
    margin-top: 1.5rem;
    margin-left: 0.4rem;
  }
  .shop-product .added-to-basket .msg {
    padding-left: 0.5rem;
  }
}
@media screen and (max-width: 450px) {
  .shop-product .product-detail .product-images a .big-image {
    width: 100%;
  }
}

.shop-basket .basket-grid {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: 1fr 4fr 1fr 3fr;
}
.shop-basket .basket-grid .cell {
  border-bottom: 3px solid var(--color-grey);
  padding: 1rem 0;
}
.shop-basket .basket-grid .cell .inner {
  display: flex;
  align-items: flex-start;
  height: 100%;
  padding: 0 1rem;
}
.shop-basket .basket-grid .img-zone {
  grid-column-start: 1;
}
.shop-basket .basket-grid .prod-zone {
  grid-column-start: 2;
  min-width: 50%;
}
.shop-basket .basket-grid .prod-zone .inner {
  align-items: flex-start;
  margin-left: 0.5rem;
}
.shop-basket .basket-grid .prod-zone .inner .h5 {
  font-weight: 400;
}
.shop-basket .basket-grid .price-zone {
  grid-column-start: 3;
  padding-right: 1rem;
}
.shop-basket .basket-grid .price-zone .inner {
  padding: 1rem 0.5rem 1rem 0;
}
.shop-basket .basket-grid .qty-zone {
  grid-column-start: 4;
  min-width: 250px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.shop-basket .basket-grid .qty-zone form {
  text-align: right;
}
.shop-basket .basket-grid .qty-zone form button.link {
  font-size: var(--font-size-xs);
  margin-top: 5px;
}
.shop-basket .discount-zone {
  grid-column: 1/span 4;
}
.shop-basket .discount-zone label {
  padding-right: 0.75rem;
  font-weight: 700;
}
.shop-basket .discount-zone .discount-box {
  max-width: 160px;
  margin-right: 0.5rem;
}
.shop-basket .discount-zone .discount-validation span {
  display: inline-block;
  margin-top: 1rem;
  line-height: 2rem;
}
.shop-basket .delivery-section {
  display: flex;
  align-items: center;
  margin-top: 25px;
  margin-bottom: 25px;
}
.shop-basket .delivery-section input {
  height: 28px;
  width: 28px;
}
.shop-basket .delivery-section input[type=checkbox] {
  margin-right: 1.5rem;
}
.shop-basket .delivery-section label {
  line-height: 1.65rem;
}
@media screen and (max-width: 768px) {
  .shop-basket .header {
    border-bottom: 3px solid var(--color-grey);
  }
  .shop-basket .header .h5 {
    font-weight: 400;
    margin-bottom: 0.75rem;
  }
  .shop-basket .prod-row {
    padding-bottom: 1rem;
    margin: 1rem 0;
    border-bottom: 3px solid var(--color-grey);
  }
  .shop-basket .prod-row .top, .shop-basket .prod-row .bottom {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
  .shop-basket .prod-row .top .col1, .shop-basket .prod-row .bottom .col1 {
    width: 25%;
  }
  .shop-basket .prod-row .top .detail, .shop-basket .prod-row .bottom .detail {
    width: 65%;
  }
  .shop-basket .prod-row .top .detail > div, .shop-basket .prod-row .bottom .detail > div {
    margin-top: 0.75rem;
  }
  .shop-basket .prod-row .top.product-detail, .shop-basket .prod-row .bottom.product-detail {
    padding-top: 0.5rem;
  }
  .shop-basket .prod-row .bottom {
    align-items: center;
  }
  .shop-basket .discount-zone {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
  }
  .shop-basket .discount-zone input.discount-box {
    margin-right: 0;
  }
  .shop-basket .discount-zone span {
    width: 50%;
  }
  .shop-basket .discount-zone span.field-validation-error {
    width: fit-content;
  }
  .shop-basket .discount-zone .btn {
    margin-top: 0.5rem;
  }
  .shop-basket .detail-numbers {
    width: unset;
    padding: 6%;
  }
}
.shop-basket #nonVatNameWrapper div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.shop-basket #nonVatNameWrapper div input {
  flex-grow: 1;
}
.shop-basket #nonVatNameWrapper div span {
  width: 100%;
}

.shop-checkout .form-field {
  margin-bottom: 2rem;
}
.shop-checkout .form-field select {
  line-height: 1.7rem;
}
.shop-checkout .form-field label {
  margin: 0;
}
.shop-checkout .form-field.w-50 input, .shop-checkout .form-field.w-50 select {
  width: 50%;
}
.shop-checkout .form-field.w-70 {
  width: 70%;
}
.shop-checkout .form-field.w-80 {
  width: 80%;
}
.shop-checkout .form-field.w-20 {
  width: 20%;
}
.shop-checkout .form-field.w-20.expand {
  width: 100%;
}
.shop-checkout .form-field.w-20.expand input {
  width: 20%;
}
.shop-checkout a {
  text-decoration: underline;
}
.shop-checkout .terms-control {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 25px;
  margin-bottom: 25px;
}
.shop-checkout .terms-control input {
  height: 28px;
  width: 28px;
}
.shop-checkout .terms-control label {
  line-height: 1.969rem;
}
.shop-checkout .confirm-section .payment-actions {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.shop-checkout .confirm-section .payment-actions .btn {
  width: 100%;
  text-align: left;
  padding: 1rem 1.5rem;
  position: relative;
}
.shop-checkout .confirm-section .payment-actions .btn.paypal {
  border: none;
}
.shop-checkout .confirm-section .payment-actions .btn:after {
  content: url("/img/icons/icon-arrow.svg");
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translate(0, -50%);
}
@media screen and (max-width: 768px) {
  .shop-checkout .form-field.w-50, .shop-checkout .form-field.w-70, .shop-checkout .form-field.w-80, .shop-checkout .form-field.w-20 {
    width: 100%;
  }
  .shop-checkout .form-field.w-50 input, .shop-checkout .form-field.w-70 input, .shop-checkout .form-field.w-80 input, .shop-checkout .form-field.w-20 input {
    width: unset;
  }
  .shop-checkout .form-field.w-20.expand input {
    width: 50%;
  }
  .shop-checkout .form-field .getAddress_autocomplete_container input {
    width: 100%;
  }
  .shop-checkout .confirm-section .details-holder {
    flex-direction: column-reverse;
  }
  .shop-checkout .confirm-section .details-holder .payment-actions {
    width: 100%;
  }
}

.product-card {
  flex-basis: 25%;
  flex-grow: 1;
}
.product-card .btn-holder {
  margin: 1rem 0;
}
.product-card .btn-holder .btn {
  padding: 0.75rem 1rem;
}
.product-card .detail {
  margin-top: 1.5rem;
}
.product-card .added, .product-card .error {
  position: relative;
  padding-left: 40px;
  margin-top: 2rem;
}
.product-card .added .green, .product-card .error .green {
  color: var(--color-text-green);
}
.product-card .added .red, .product-card .error .red {
  color: var(--color-text-red);
}
.product-card .added:after, .product-card .error:after {
  content: url("/img/icons/icon-added.svg");
  position: absolute;
  left: 0;
  top: -4px;
}
.product-card .added a, .product-card .error a {
  text-decoration: underline;
}
.product-card .error {
  padding-left: 0;
  margin-top: 1rem;
}
.product-card .error:after {
  content: "";
}
.spinner {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: flex-start;
}
.spinner.max-height {
  height: 50vw;
}
.spinner img {
  margin-top: 2rem;
  width: 300px;
}

.shop .btn.print-icon {
  position: relative;
  padding-right: 45px;
  padding-left: 15px;
  text-align: left;
}
.shop .btn.print-icon:after {
  content: url("/img/icons/print-icon.svg");
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
}

.order-summary .order-summary-list .order-line {
  justify-content: space-between;
  padding: 1rem 0;
  border-top: 3px solid var(--color-grey);
}
.order-summary .order-summary-list .order-line .image {
  width: 10%;
}
.order-summary .order-summary-list .order-line .product-name {
  width: 60%;
}
.order-summary .order-summary-list .order-line .price {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .order-summary .order-summary-list .order-line {
    flex-wrap: wrap;
    gap: 0 1rem;
  }
  .order-summary .order-summary-list .order-line .image {
    width: 25%;
  }
  .order-summary .order-summary-list .order-line .product-name {
    width: 70%;
  }
  .order-summary .order-summary-list .order-line .price {
    width: 100%;
    margin-left: 70%;
    margin-top: -1.5rem;
  }
}

.shop-category .item {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 3px solid var(--color-grey);
}
.shop-category .item .product-image {
  width: 170px;
}
.shop-category .item .product-detail {
  padding-left: 3rem;
  width: 60%;
}
.shop-category .item .product-detail .link {
  padding-bottom: 0px;
  line-height: 2rem;
}
.shop-category .item .product-detail .stock {
  margin-left: 0;
  margin-top: 1rem;
  width: fit-content;
}
.shop-category .item .product-detail .btn {
  margin-right: 1rem;
}
.shop-category .item .product-detail .added, .shop-category .item .product-detail .error {
  position: relative;
  display: inline-block;
  padding-left: 40px;
  margin-top: 1rem;
  white-space: nowrap;
}
.shop-category .item .product-detail .added .green, .shop-category .item .product-detail .error .green {
  color: var(--color-text-green);
}
.shop-category .item .product-detail .added .red, .shop-category .item .product-detail .error .red {
  color: var(--color-text-red);
}
.shop-category .item .product-detail .added:after, .shop-category .item .product-detail .error:after {
  content: url("/img/icons/icon-added.svg");
  position: absolute;
  left: 0;
  top: -4px;
}
.shop-category .item .product-detail .error {
  padding-left: 0;
  margin-top: 1rem;
}
.shop-category .item .product-detail .error:after {
  content: "";
}
.shop-category .product-list {
  margin-bottom: 4rem;
}
.shop-category .category-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.shop-category .category-list .category {
  width: 45%;
}
@media screen and (max-width: 768px) {
  .shop-category .item .product-image img {
    width: unset;
  }
}
@media screen and (max-width: 450px) {
  .shop-category .item {
    flex-direction: column;
  }
  .shop-category .item .product-image {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .shop-category .item .product-image img {
    width: 100%;
  }
  .shop-category .item .product-detail {
    margin-top: 1rem;
    padding-left: 0;
    width: 100%;
  }
  .shop-category .category-list {
    row-gap: 1rem;
  }
  .shop-category .category-list .category {
    width: 100%;
  }
  .shop-category .category-list .category > a:first-child {
    display: block;
  }
}

.text-block:first-child {
  margin-top: 30px;
}
.text-block p {
  margin: 1.5rem 0 1.5rem;
}
.text-block p,
.text-block ul,
.text-block ol,
.text-block table {
  margin: 0 0 1.5rem;
}
.text-block a {
  text-decoration: underline;
}
.text-block .link-eye a,
.text-block a.btn {
  text-decoration: none;
}
.text-block .intro {
  font-size: var(--font-size-h4);
  font-weight: bold;
  line-height: var(--line-height-md);
}
@media screen and (max-width: 1200px) {
  .text-block.rich-text table {
    min-width: 768px;
  }
}
.text-block .text-with-icon p {
  padding-left: 4rem;
  position: relative;
  word-wrap: break-word;
}
.text-block .text-with-icon p:after {
  position: absolute;
  left: 1rem;
  top: 0;
  height: 32px;
  width: 32px;
}
.text-block .text-with-icon p:nth-child(1):after {
  content: url("/img/icons/icon-tick-black.svg");
}
.text-block .text-with-icon p:nth-child(2):after {
  content: url("/img/icons/icon-heart-black.svg");
  left: 1.1rem;
}
.text-block .text-with-icon p:nth-child(3):after {
  left: 1.3rem;
  content: url("/img/icons/icon-people-black.svg");
}

.text-block__cta {
  padding-top: 1.25rem;
}

.text-block--membership a.link:hover {
  border-bottom-color: #fae100;
}

.text-block--highlighted {
  padding: 5%;
  border-radius: var(--radius-lg);
  background-color: var(--color-grey);
}
.text-block--highlighted p:last-child {
  margin: 0;
}

.text-block--iframe figure {
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .text-block--iframe {
    margin-right: 4%;
    margin-left: 4%;
  }
}

.pagination {
  display: block;
  width: 100%;
  padding-bottom: 3.81rem;
  font-size: 0;
}

.pagination__container {
  padding: 0.857rem 1.905rem 1rem 0.952rem;
  border-radius: 0.19rem;
}

.pagination__pages {
  display: block;
  width: 100%;
  text-align: center;
}
.pagination__pages ul {
  padding-left: 0;
  list-style: none;
}
.pagination__pages ul li {
  display: inline-block;
  padding-right: 0.476rem;
}
.pagination__pages ul li.prev a, .pagination__pages ul li.next a {
  background-color: #2c2a29;
  color: var(--color-white);
}
.pagination__pages ul li.prev a:hover, .pagination__pages ul li.next a:hover {
  background-color: rgb(30.8, 29.4, 28.7);
}
.pagination__pages ul li:last-child {
  padding-right: 0;
}
.pagination__pages ul li a,
.pagination__pages ul li span {
  display: block;
  min-width: 1.286rem;
  padding: 0.143rem 0.269rem;
  transition: background-color var(--transition-base);
  background-color: #e5e5e5;
  font-size: var(--font-size-base);
  line-height: var(--line-height-xs);
  text-align: center;
  text-decoration: none;
}
.pagination__pages ul li a:hover,
.pagination__pages ul li span:hover {
  background-color: rgb(203.5, 203.5, 203.5);
  text-decoration: none;
}
.pagination__pages ul li a.active,
.pagination__pages ul li span.active {
  background-color: #fae100;
}

.form-builder .spacing-content .spacing-content {
  margin-right: 0;
  margin-left: 0;
}
.form-builder .form-field,
.form-builder p {
  display: block;
  width: 100%;
}
.form-builder .form-field.umbraco-forms-hidden,
.form-builder p.umbraco-forms-hidden {
  display: none;
}
.form-builder .form-field label,
.form-builder .form-field input,
.form-builder .form-field textarea,
.form-builder .form-field select,
.form-builder p label,
.form-builder p input,
.form-builder p textarea,
.form-builder p select {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.form-builder .form-field label[disabled],
.form-builder .form-field input[disabled],
.form-builder .form-field textarea[disabled],
.form-builder .form-field select[disabled],
.form-builder p label[disabled],
.form-builder p input[disabled],
.form-builder p textarea[disabled],
.form-builder p select[disabled] {
  cursor: not-allowed;
}
.form-builder .form-field input,
.form-builder .form-field textarea,
.form-builder p input,
.form-builder p textarea {
  margin-top: 0.625rem;
}
.form-builder p.error {
  color: var(--color-dark-orange);
}
.form-builder .form-field {
  margin: 2rem 0;
}
.form-builder .form-field .form-field {
  width: 100%;
}
.form-builder .form-field .form-field:last-child {
  margin-bottom: 0;
}
.form-builder .form-field ul {
  padding-left: 0;
  list-style: none;
  padding: 0;
}
.form-builder .form-field ul li {
  margin-bottom: 1rem;
}
.form-builder .form-field ul li:last-child {
  margin: 0;
}
.form-builder .form-field ul li label {
  margin: 0;
}
.form-builder .form-field ul li input {
  margin-right: 0.625rem;
}
.form-builder label[for=id_address_details], .form-builder label[for=id_contact_preferences], .form-builder label[for=id_contact_details] {
  margin-top: 3rem;
  margin-left: 0;
}
.form-builder textarea {
  margin-top: 15px;
  padding: 15px;
  border: 1px solid #2c2a29;
  border-radius: var(--radius-md);
  resize: vertical;
}
.form-builder select.multiplechoicefield {
  min-height: 6.25rem;
  background-image: none;
}
.form-builder .form-field--checkbox input,
.form-builder .form-field--checkbox label,
.form-builder .form-field--radio input,
.form-builder .form-field--radio label {
  display: inline-block;
  vertical-align: top;
}
.form-builder .form-field--checkbox label,
.form-builder .form-field--radio label {
  width: calc(90% - 2.25rem);
  padding-top: 0.25rem;
}
.form-builder .form-field--checkbox input,
.form-builder .form-field--radio input {
  width: 28px;
  height: 28px;
  margin: 0;
}
.form-builder .form-field--radio label {
  margin-bottom: 1rem;
}
.form-builder .form-field--radio label:last-child {
  margin-bottom: 0;
}
.form-builder .postcode-section,
.form-builder .link-address {
  max-width: 460px;
}
.form-builder .postcode-section {
  margin-top: 2rem;
}
.form-builder .btn-address {
  margin-top: 37px;
  height: auto;
}
.form-builder .link-address {
  text-align: right;
}

.form-builder__hidden {
  position: absolute;
  top: -100%;
  left: -100%;
  opacity: 0;
}

.search-results {
  display: block;
  padding-top: 1rem;
}

.search-results__result {
  display: block;
  margin-bottom: 2.75rem;
}
.search-results__result .h3 {
  text-decoration: underline;
  padding-left: 0;
}

.responsive-table .mobile-only {
  display: none !important;
}
@media screen and (max-width: 450px) {
  .responsive-table thead {
    display: none;
  }
  .responsive-table tr,
  .responsive-table td,
  .responsive-table .mobile-only {
    display: block !important;
  }
  .responsive-table tr {
    padding: 1rem 0;
  }
  .responsive-table td {
    padding: 0.25rem 1.875rem;
  }
}

ul.renew-process {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
ul.renew-process li {
  display: inline-block;
  margin-right: 1.5rem;
  vertical-align: middle;
  font-size: var(--font-size-h4);
  line-height: 1.25;
}
ul.renew-process li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 540px) {
  ul.renew-process li {
    display: block;
    margin: 0 0 0.5rem;
  }
  ul.renew-process li:last-child {
    margin-bottom: 0;
  }
}

.donation-choice {
  position: relative;
  margin: 1rem 0;
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: var(--color-grey);
}
.donation-choice::after {
  display: table;
  clear: both;
  border-spacing: 0;
  content: "";
}
.donation-choice .error {
  clear: both;
  margin: 0;
  padding: 1rem 0 0;
}
.donation-choice .error.choose {
  text-align: right;
}
@media screen and (max-width: 1100px) {
  .donation-choice .error.choose {
    text-align: left;
  }
}

.donation-choice__fixed {
  width: calc((100% - 1rem) * 0.4);
  float: left;
  font-size: 0;
}
@media screen and (max-width: 1100px) {
  .donation-choice__fixed {
    width: 100%;
    margin-bottom: 1rem;
  }
}

.donation-choice__choice {
  display: inline-block;
  position: relative;
  width: calc((100% - 1rem) / 2);
  box-sizing: border-box;
  vertical-align: middle;
}
@media screen and (max-width: 500px) {
  .donation-choice__choice {
    width: 100%;
  }
}
.donation-choice__choice label {
  display: block;
  padding: 0.5rem 2rem;
  border: 2px solid #fae100;
  border-radius: 0.25rem;
  box-sizing: border-box;
  background-color: #fae100;
  color: #2c2a29;
  font-size: var(--font-size-copy-lg);
  font-weight: bold;
  line-height: 2.375rem;
  cursor: pointer;
  text-align: center;
}
.donation-choice__choice label:hover {
  border-color: #2c2a29;
}
.donation-choice__choice input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}
.donation-choice__choice input:checked + label {
  border-color: #2c2a29;
}
.donation-choice__choice + .donation-choice__choice {
  margin-left: 1rem;
}
@media screen and (max-width: 500px) {
  .donation-choice__choice + .donation-choice__choice {
    margin: 1rem 0 0;
  }
}

.donation-choice__custom {
  width: calc((100% - 1rem) * 0.6);
  padding-left: 1rem;
  border-left: 1px solid var(--color-grey-light);
  float: right;
  font-size: 0;
  text-align: right;
  box-sizing: border-box;
}
@media screen and (min-width: 1101px) {
  .donation-choice__custom {
    max-width: 28.5rem;
  }
}
@media screen and (max-width: 1100px) {
  .donation-choice__custom {
    width: 100%;
    padding: 1rem 0 0;
    border-left: 0;
    border-top: 1px solid var(--color-grey-light);
    text-align: left;
  }
}
.donation-choice__custom .currency-prefix {
  display: inline-block;
  width: calc(100% - 6.375rem - 1rem);
  vertical-align: middle;
}
@media screen and (max-width: 500px) {
  .donation-choice__custom .currency-prefix {
    width: 100%;
  }
}
.donation-choice__custom .btn {
  width: 6.375rem;
  min-width: 0;
  margin-left: 1rem;
  padding: 0.5rem 2rem;
  line-height: 2.375rem;
  vertical-align: middle;
}
@media screen and (max-width: 500px) {
  .donation-choice__custom .btn {
    width: 100%;
    margin: 1rem 0 0;
  }
}
.donation-choice__custom .btn.ready {
  border-color: #2c2a29;
  background-color: #fae100;
}

.donation-choice__chosen {
  display: none;
  font-size: 0;
}
.donation-choice__chosen::after {
  display: table;
  clear: both;
  border-spacing: 0;
  content: "";
}
.donation-choice__chosen p {
  display: inline-block;
  width: calc(100% - 15.25rem - 1rem);
  margin: 0;
  vertical-align: middle;
}
@media screen and (max-width: 600px), screen and (min-width: 768px) and (max-width: 1000px) {
  .donation-choice__chosen p {
    width: 100%;
    text-align: center;
  }
}
.donation-choice__chosen .btn {
  width: 15.25rem;
  min-width: 0;
  margin-left: 1rem;
  padding: 0.5rem 2rem;
  line-height: 2.375rem;
  vertical-align: middle;
}
@media screen and (max-width: 600px), screen and (min-width: 768px) and (max-width: 1000px) {
  .donation-choice__chosen .btn {
    width: 100%;
    margin: 1rem 0 0;
  }
}

.donation-choice__amount {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

.risk-checker h2 {
  margin-left: unset;
  padding-left: unset;
  position: relative;
}
.risk-checker h2:before {
  content: none;
}
.risk-checker main {
  padding-bottom: 1rem;
}
.risk-checker .text-block + .risk-checker__buttons {
  padding-top: 2.375rem;
}
.risk-checker .text-block .form-builder {
  padding-top: 1rem;
}
.risk-checker .text-block .form-builder input {
  max-width: 28.75rem;
}
.risk-checker .text-block .form-builder select {
  max-width: 14.375rem;
}
.risk-checker .text-block .form-builder .fields {
  padding-bottom: 1.563rem;
}
.risk-checker .text-block .form-builder .btn {
  margin-top: 1rem;
  margin-bottom: 2.188rem;
  border: 0.125rem solid #2c2a29;
}
.risk-checker .text-block .form-builder .recaptcha-legal {
  margin: 0;
  padding-top: 2.188rem;
}
.risk-checker .text-block .form-builder .recaptcha-legal p {
  font-size: var(--font-size-xs);
}

.risk-checker__logo {
  display: block;
  padding: 3.125rem 0 4.313rem;
}
@media screen and (max-width: 1024px) {
  .risk-checker__logo {
    padding-bottom: 2.5rem;
  }
}
@media screen and (max-width: 768px) {
  .risk-checker__logo {
    padding-top: 2.5rem;
  }
}

.risk-checker__logo-container {
  display: flex;
}
.risk-checker__logo-container img {
  width: 100%;
  max-width: 36.125rem;
}
@media screen and (max-width: 768px) {
  .risk-checker__logo-container img {
    max-width: 28rem;
  }
}
.risk-checker__logo-container h1 {
  height: 0;
  font-size: 0;
  opacity: 0;
}

.risk-checker__steps {
  display: block;
  padding-bottom: 4rem;
}
@media screen and (max-width: 1024px) {
  .risk-checker__steps {
    padding-bottom: 1.5rem;
  }
}
.risk-checker__steps svg path.question-1 {
  fill: var(--color-risk-pink);
}
.risk-checker__steps svg path.question-3 {
  fill: var(--color-blue);
}
.risk-checker__steps svg path.question-4 {
  fill: var(--color-green);
}
.risk-checker__steps svg path.question-5 {
  fill: var(--color-orange);
}
.risk-checker__steps.complete li {
  background-image: url("/img/risk-checker/tick.svg");
  background-size: 1.5rem auto;
  background-position: center;
  background-repeat: no-repeat;
}
.risk-checker__steps.complete li span {
  font-size: 0;
}

.risk-checker__steps.step-1 ul::after {
  opacity: 1;
}
.risk-checker__steps.step-1 li:first-child {
  width: 3.875rem;
  height: 3.875rem;
}
.risk-checker__steps.step-1 li:first-child::after {
  opacity: 1;
}
.risk-checker__steps.step-2 ul::after {
  background-color: var(--color-risk-purple);
  opacity: 1;
}
.risk-checker__steps.step-2 li:nth-child(2) {
  width: 3.875rem;
  height: 3.875rem;
}
.risk-checker__steps.step-2 li:nth-child(2)::after {
  opacity: 1;
}
.risk-checker__steps.step-2 li:first-child {
  background-image: url("/img/risk-checker/tick.svg");
  background-size: 1.5rem auto;
  background-position: center;
  background-repeat: no-repeat;
}
.risk-checker__steps.step-2 li:first-child span {
  font-size: 0;
}
.risk-checker__steps.step-3 ul::after {
  background-color: var(--color-blue);
  opacity: 1;
}
.risk-checker__steps.step-3 li:nth-child(3) {
  width: 3.875rem;
  height: 3.875rem;
}
.risk-checker__steps.step-3 li:nth-child(3)::after {
  opacity: 1;
}
.risk-checker__steps.step-3 li:nth-child(-n+2) {
  background-image: url("/img/risk-checker/tick.svg");
  background-size: 1.5rem auto;
  background-position: center;
  background-repeat: no-repeat;
}
.risk-checker__steps.step-3 li:nth-child(-n+2) span {
  font-size: 0;
}
.risk-checker__steps.step-4 ul::after {
  background-color: var(--color-green);
  opacity: 1;
}
.risk-checker__steps.step-4 li:nth-child(4) {
  width: 3.875rem;
  height: 3.875rem;
}
.risk-checker__steps.step-4 li:nth-child(4)::after {
  opacity: 1;
}
.risk-checker__steps.step-4 li:nth-child(-n+3) {
  background-image: url("/img/risk-checker/tick.svg");
  background-size: 1.5rem auto;
  background-position: center;
  background-repeat: no-repeat;
}
.risk-checker__steps.step-4 li:nth-child(-n+3) span {
  font-size: 0;
}
.risk-checker__steps.step-5 ul::after {
  background-color: var(--color-orange);
  opacity: 1;
}
.risk-checker__steps.step-5 li:last-child {
  width: 3.875rem;
  height: 3.875rem;
}
.risk-checker__steps.step-5 li:last-child::after {
  opacity: 1;
}
.risk-checker__steps.step-5 li:nth-child(-n+4) {
  background-image: url("/img/risk-checker/tick.svg");
  background-size: 1.5rem auto;
  background-position: center;
  background-repeat: no-repeat;
}
.risk-checker__steps.step-5 li:nth-child(-n+4) span {
  font-size: 0;
}

.risk-checker__steps-container {
  display: flex;
  align-items: center;
  padding: 1.438rem 1rem;
  border-radius: 3.125rem;
  background-color: var(--color-grey);
}
.risk-checker__steps-container svg {
  padding-right: 1.25rem;
}
.risk-checker__steps-container.mobile {
  display: none;
}
@media screen and (max-width: 1024px) {
  .risk-checker__steps-container {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
  }
  .risk-checker__steps-container.desktop {
    display: none;
  }
  .risk-checker__steps-container.mobile {
    display: flex;
  }
}
.risk-checker__steps-container p,
.risk-checker__steps-container ul {
  margin: 0;
}
.risk-checker__steps-container p {
  font-size: var(--font-size-copy-lg);
}
.risk-checker__steps-container ul {
  flex: 1 1 100%;
  display: flex;
  padding-left: 0;
  list-style: none;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin: 0 1rem;
  padding: 0 3.688rem;
}
@media screen and (max-width: 1200px) {
  .risk-checker__steps-container ul {
    padding: 0 1rem;
  }
}
.risk-checker__steps-container ul::before {
  position: absolute;
  top: calc(50% - 0.125rem);
  left: 0;
  width: 100%;
  height: 0.25rem;
  border-radius: 0.25rem;
  background-color: #2c2a29;
  content: "";
  z-index: 1;
}
.risk-checker__steps-container ul::after {
  position: absolute;
  bottom: -2.313rem;
  left: 0;
  width: 100%;
  height: 0.25rem;
  border-radius: 0.25rem;
  background-color: var(--color-risk-pink);
  content: "";
  opacity: 0;
  z-index: 1;
}
.risk-checker__steps-container ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.842rem;
  height: 2.842rem;
  border: 0.25rem solid var(--color-risk-pink);
  border-radius: 50%;
  background-color: var(--color-white);
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  z-index: 2;
}
.risk-checker__steps-container ul li::after {
  width: 0;
  height: 0;
  position: absolute;
  bottom: -2.063rem;
  border-left: 0.688rem solid transparent;
  border-right: 0.688rem solid transparent;
  border-bottom: 1.375rem solid var(--color-risk-pink);
  content: "";
  opacity: 0;
}
.risk-checker__steps-container ul li.purple {
  border-color: var(--color-risk-purple);
}
.risk-checker__steps-container ul li.purple::after {
  border-bottom-color: var(--color-risk-purple);
}
.risk-checker__steps-container ul li.blue {
  border-color: var(--color-blue);
}
.risk-checker__steps-container ul li.blue::after {
  border-bottom-color: var(--color-blue);
}
.risk-checker__steps-container ul li.green {
  border-color: var(--color-green);
}
.risk-checker__steps-container ul li.green::after {
  border-bottom-color: var(--color-green);
}
.risk-checker__steps-container ul li.orange {
  border-color: var(--color-orange);
}
.risk-checker__steps-container ul li.orange::after {
  border-bottom-color: var(--color-orange);
}

.risk-checker__primary {
  display: block;
  padding-bottom: 1.563rem;
}

.risk-checker__spacer-image {
  padding: 2rem 0;
}
.risk-checker__spacer-image img {
  width: 100%;
}

.risk-checker__primary-container {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .risk-checker__primary-container {
    flex-wrap: wrap;
  }
}
.risk-checker__primary-container .text {
  flex: 1 1 100%;
  padding: 1.5rem;
  background-color: #F3EFF7;
  border-radius: 0.5rem;
}
@media screen and (max-width: 1024px) {
  .risk-checker__primary-container .text {
    padding-right: 0;
    padding-bottom: 1rem;
  }
}
.risk-checker__primary-container .text h2 {
  color: #2c2a29;
  line-height: 3.75rem;
}
@media screen and (max-width: 1024px) {
  .risk-checker__primary-container .text h2 {
    font-size: var(--font-size-h3);
    line-height: 1.5;
  }
}
.risk-checker__primary-container .text p {
  font-size: var(--font-size-copy-lg);
  font-weight: 700;
  line-height: 2.25rem;
}
.risk-checker__primary-container .text p.related-text {
  margin: 0;
  padding-bottom: 2.25rem;
  font-weight: 400;
}
.risk-checker__primary-container form button {
  border: 0.125rem solid #2c2a29;
}
.risk-checker__primary-container .back-link {
  display: block;
  padding-top: 2.625rem;
}
.risk-checker__primary-container .back-link a {
  font-size: var(--font-size-copy);
  line-height: 2rem;
}
.risk-checker__primary-container .text__risk {
  padding-bottom: 1.688rem;
}
.risk-checker__primary-container .text__risk:last-child {
  padding: 0;
}
.risk-checker__primary-container .text__risk h3 {
  display: flex;
  align-items: center;
  margin: 0;
  color: #2c2a29;
}
.risk-checker__primary-container .text__risk h3 img {
  flex: 0 0 3.434rem;
  width: 55px;
}
@media screen and (max-width: 1024px) {
  .risk-checker__primary-container .text__risk h3 img {
    flex: 0 0 2.5rem;
    width: 2.5rem;
  }
}
.risk-checker__primary-container .text__risk h3 span {
  flex: 1 1 auto;
  padding-left: 1.563rem;
}
@media screen and (max-width: 1024px) {
  .risk-checker__primary-container .text__risk h3 span {
    padding-left: 1.25rem;
    font-size: var(--font-size-h4);
  }
}
.risk-checker__primary-container .text--risk p {
  font-weight: 400;
}
.risk-checker__primary-container .text--risk h2 {
  margin: 0;
}
.risk-checker__primary-container .text--risk .icon-title {
  display: flex;
  align-items: center;
  padding-bottom: 2.625rem;
}
.risk-checker__primary-container .text--risk .icon-title h2 {
  padding-left: 1.25rem;
}
@media screen and (max-width: 1024px) {
  .risk-checker__primary-container .text--risk .icon-title h2 {
    font-size: var(--font-size-h3);
    line-height: 1.5;
  }
  .risk-checker__primary-container .text--risk .icon-title img {
    max-width: 4rem;
  }
}
.risk-checker__primary-container .image {
  flex: 0 0 15.625rem;
  padding-left: 1rem;
}
@media screen and (max-width: 1024px) {
  .risk-checker__primary-container .image {
    display: none;
  }
}
.risk-checker__primary-container .image img {
  width: 100%;
  max-width: 15.625rem;
  height: auto;
  border: 0.25rem solid #2c2a29;
}
.risk-checker__primary-container .image img.question-1 {
  border-color: var(--color-risk-pink);
}
.risk-checker__primary-container .image img.question-2 {
  border-color: var(--color-risk-purple);
}
.risk-checker__primary-container .image img.question-3 {
  border-color: var(--color-blue);
}
.risk-checker__primary-container .image img.question-4 {
  border-color: var(--color-green);
}
.risk-checker__primary-container .image img.question-5 {
  border-color: var(--color-orange);
}

.risk-checker__buttons .btn {
  border: 0.125rem solid #2c2a29;
}

.risk-checker__field {
  padding-bottom: 4rem;
}
.risk-checker__field h2 {
  margin: 0;
  padding-bottom: 2.5rem;
}

.risk-checker__fields {
  display: flex;
}
.risk-checker__fields label {
  flex: 1 1 calc(50% - 0.625rem);
  max-width: 13.75rem;
  margin-right: 0.625rem;
  margin-bottom: 1.25rem;
  padding: 1.125rem;
  border: 0.125rem solid #2c2a29;
  border-radius: 0.25rem;
  font-size: 1.313rem;
  font-weight: 700;
  text-align: center;
}
.risk-checker__fields label:last-of-type {
  margin-right: 0;
  margin-left: 0.625rem;
}
.risk-checker__fields label.selected {
  border-color: #2c2a29;
  background-color: #fae100;
}
.risk-checker__fields label.selected:hover {
  background-color: #fae100;
}
.risk-checker__fields label:hover {
  border-color: #2c2a29;
  background-color: var(--color-grey);
}

.risk-checker__checklist h2 {
  margin: 0;
  padding-bottom: 2.188rem;
  font-size: var(--font-size-h1);
  color: #2c2a29;
}
@media screen and (max-width: 1024px) {
  .risk-checker__checklist h2 {
    font-size: var(--font-size-h3);
    line-height: 1.5;
  }
}
.risk-checker__checklist p {
  margin: 0;
  line-height: 2.25rem;
}
.risk-checker__checklist p + h2 {
  padding-top: 3.375rem;
}
.risk-checker__checklist p.spacing {
  padding-bottom: 1.563rem;
}

.risk-checker__checks {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .risk-checker__checks {
    flex-wrap: wrap;
  }
}

.risk-checker__check {
  flex: 1 1 calc(33% - 0.5rem);
  max-width: calc(33% - 0.5rem);
  margin: 0 0.5rem;
  padding: 2.5rem 1.563rem;
  border-radius: 0.5rem;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .risk-checker__check {
    flex: 1 1 100%;
    margin: 0 0 1.25rem;
    max-width: 100%;
  }
}
.risk-checker__check:first-child {
  margin-left: 0;
}
.risk-checker__check:last-child {
  margin-right: 0;
}
.risk-checker__check h3,
.risk-checker__check p {
  margin: 0;
  padding-bottom: 1.25rem;
}
.risk-checker__check h3 {
  font-size: var(--font-size-h4);
  text-decoration: underline;
  line-height: 3rem;
  color: #2c2a29;
}
@media screen and (max-width: 1024px) {
  .risk-checker__check h3 {
    font-size: var(--font-size-copy-lg);
    line-height: 1.5;
  }
}
.risk-checker__check p:last-child {
  padding: 0;
}
.risk-checker__check .icon {
  width: 6.25rem;
  height: 6.25rem;
  margin: 0 auto 2.5rem;
  border-radius: 50%;
  background-color: var(--color-green);
}
.risk-checker__check .icon img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  margin: 0 auto;
  width: 2rem;
}
.risk-checker__check .icon.orange {
  background-color: var(--color-orange);
}
.risk-checker__check .icon.purple {
  background-color: var(--color-risk-purple);
}

.risk-checker__list {
  padding: 2rem 3rem;
  background-color: #E8F3F2;
  border-radius: 0.5rem;
  margin-bottom: 2rem;
}
.risk-checker__list h3.warning {
  display: flex;
  align-items: center;
  margin: 0 0 2rem 0;
  color: #2c2a29;
}
.risk-checker__list h3.warning img {
  flex: 0 0 3.434rem;
  width: 55px;
}
@media screen and (max-width: 1024px) {
  .risk-checker__list h3.warning img {
    flex: 0 0 2.5rem;
    width: 2.5rem;
  }
}
.risk-checker__list h3.warning span {
  flex: 1 1 auto;
  padding-left: 0.5rem;
}
@media screen and (max-width: 1024px) {
  .risk-checker__list h3.warning span {
    padding-left: 1.25rem;
    font-size: var(--font-size-h4);
  }
}
.risk-checker__list .item {
  display: flex;
  padding-bottom: 1.75rem;
  margin-left: 0.7rem;
}
.risk-checker__list .item .counter {
  flex: 0 0 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  border: 0.15rem solid #2c2a29;
  background-color: #fae100;
}
.risk-checker__list .item .counter span {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}
.risk-checker__list .item > span {
  flex: 1 1 auto;
  padding: 0.1rem 0 0 0.75rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.875rem;
  color: var(--color-text-light);
}
@media screen and (max-width: 1024px) {
  .risk-checker__list .item > span {
    font-size: var(--font-size-h4);
  }
}

.risk-checker__share {
  padding-top: 2.75rem;
}
.risk-checker__share h4 {
  margin: 0;
  padding-bottom: 1.25rem;
}
.risk-checker__share p {
  margin: 0;
  padding-bottom: 1.563rem;
  line-height: 2.25rem;
}
.risk-checker__share .buttons {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 2.25rem;
}
.risk-checker__share .buttons .btn {
  display: flex;
  align-items: center;
  width: 11.375rem;
  margin: 0 1.875rem 1.25rem 0;
  margin-right: 1.875rem;
  padding: 0.875rem 1.25rem;
  border: 0.125rem solid #2c2a29;
  font-weight: 400;
}
@media screen and (max-width: 650px) {
  .risk-checker__share .buttons .btn {
    width: 100%;
    margin-right: 0;
  }
}
.risk-checker__share .buttons .btn span {
  padding-left: 0.875rem;
}
.risk-checker__share .buttons .btn:last-child {
  margin-right: 0;
}

.donation .options {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.donation .options label {
  border: solid 0.125rem #202020;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 3rem;
  cursor: pointer;
  flex-grow: 1;
  text-align: center;
  flex-wrap: wrap;
}
.donation .options label input {
  opacity: 0;
  position: absolute;
}
.donation .options label:hover {
  background-color: var(--color-grey);
}
.donation .options label.selected {
  background-color: #fae100;
}
.donation .gift-aid .h5 {
  margin-top: 0;
}
.donation .gift-aid .col-1 {
  width: 75%;
}
.donation .gift-aid .logo {
  width: 30%;
}
.donation .gift-aid .logo img {
  width: 100%;
}
.donation .gift-aid .ga-check {
  height: 40px;
  margin-top: 1.5rem;
  min-width: 40px;
  margin-right: 1rem;
}
.donation .input-pound {
  border: 1px solid #202020;
  border-radius: var(--radius-sm);
  position: relative;
  padding-left: 2rem;
}
.donation .input-pound:after {
  content: "£";
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(0, -50%);
}
.donation .input-pound input {
  border: none;
  margin-left: 0;
}
.donation .input-pound input:focus, .donation .input-pound input:active, .donation .input-pound input:focus-visible {
  outline: none;
}
@media screen and (max-width: 768px) {
  .donation .gift-aid .col-1 {
    width: 100%;
  }
}

.notification-banner {
  padding: 10px 1rem;
  justify-content: space-between;
}
.notification-banner p {
  margin: 0.5rem;
}
.notification-banner p a {
  color: inherit;
}
.notification-banner a {
  flex-shrink: 0;
  height: fit-content;
}
.notification-banner a:hover svg path {
  fill-opacity: 0.2;
}
.notification-banner.desktop {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .notification-banner.desktop {
    display: none;
  }
}
.notification-banner.mobile {
  padding: 5px 0.5rem;
  display: none;
}
@media screen and (max-width: 1024px) {
  .notification-banner.mobile {
    display: flex;
  }
}

.umbraco-forms-poll.umbraco-forms-form, .poll-results.umbraco-forms-form {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 3px solid var(--color-grey);
}
.umbraco-forms-poll .w-50, .poll-results .w-50 {
  float: left;
  width: calc(50% - 1.5rem);
}
.umbraco-forms-poll .w-50.col1, .poll-results .w-50.col1 {
  padding-right: 1.5rem;
}
.umbraco-forms-poll .poll-picture, .poll-results .poll-picture {
  padding-left: 1.5rem;
}
@media screen and (max-width: 768px) {
  .umbraco-forms-poll .poll-picture, .poll-results .poll-picture {
    display: none;
  }
  .umbraco-forms-poll .w-50, .poll-results .w-50 {
    width: 100%;
  }
}
.umbraco-forms-poll .umbraco-forms-fieldset, .poll-results .umbraco-forms-fieldset {
  margin-bottom: 0 !important;
}
.umbraco-forms-poll .umbraco-forms-fieldset .singlechoice .umbraco-forms-label, .poll-results .umbraco-forms-fieldset .singlechoice .umbraco-forms-label {
  padding: 1rem 0 0.75rem;
}
.umbraco-forms-poll .umbraco-forms-fieldset .umbraco-forms-legend, .poll-results .umbraco-forms-fieldset .umbraco-forms-legend {
  font-size: var(--font-size-h4);
}
.umbraco-forms-poll .umbraco-forms-fieldset .umbraco-forms-label, .poll-results .umbraco-forms-fieldset .umbraco-forms-label {
  padding-top: 1rem;
}
.umbraco-forms-poll .umbraco-forms-fieldset .radiobuttonlist, .poll-results .umbraco-forms-fieldset .radiobuttonlist {
  width: 100%;
  padding-left: 0;
}
.umbraco-forms-poll .umbraco-forms-fieldset textarea, .poll-results .umbraco-forms-fieldset textarea {
  height: unset;
}
.umbraco-forms-poll .umbraco-forms-fieldset .help-block, .poll-results .umbraco-forms-fieldset .help-block {
  display: block;
  padding: 0 0 0.5rem 0;
}
.umbraco-forms-poll .btn.primary, .poll-results .btn.primary {
  padding-right: 75px;
  position: relative;
}
.umbraco-forms-poll .btn.primary:after, .poll-results .btn.primary:after {
  content: url("/img/link-arrow-y.svg");
  position: absolute;
  right: 30px;
  height: 22px;
  width: 22px;
  transform: translate(0, -50%);
  top: 50%;
}
.umbraco-forms-poll .poll-option, .poll-results .poll-option {
  display: block;
  width: calc(100% - 3rem);
  margin-bottom: 0.5rem;
  border: none;
  font-size: var(--font-size-copy-sm);
  font-weight: 700;
  background-color: var(--color-grey);
  border-radius: 25px;
  padding: 0.75rem 1.5rem;
}
.umbraco-forms-poll .poll-option .tickmark, .poll-results .poll-option .tickmark {
  position: absolute;
  right: 5px;
  left: unset;
  top: 4px;
  width: 40px;
  height: 40px;
  background-color: var(--color-white);
  border-radius: 20px;
}
.umbraco-forms-poll .poll-option.selected, .poll-results .poll-option.selected {
  background-color: #fae100;
}
.umbraco-forms-poll .poll-option.selected .tickmark:after, .poll-results .poll-option.selected .tickmark:after {
  display: block;
  content: url(/img/tick.svg);
  position: absolute;
  left: 9px;
  top: 10px;
}
.umbraco-forms-poll .results, .poll-results .results {
  margin: 0;
  padding: 0;
}
.umbraco-forms-poll .results li, .poll-results .results li {
  margin-top: 0;
  position: relative;
  z-index: 9;
  line-height: 1.5rem;
}
.umbraco-forms-poll .results li .bar-holder, .poll-results .results li .bar-holder {
  position: absolute;
  left: 24px;
  bottom: 0;
  height: 8px;
  width: calc(100% - 48px);
}
.umbraco-forms-poll .results li .bar, .poll-results .results li .bar {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 8px;
  background-color: var(--color-text-blue);
  border-radius: 25px;
}
.umbraco-forms-poll .results li .pct, .poll-results .results li .pct {
  position: absolute;
  right: 8px;
  font-weight: 400;
}
.umbraco-forms-poll .results li.selected, .poll-results .results li.selected {
  background-color: var(--color-grey);
}
.umbraco-forms-poll .results li.selected .bar, .poll-results .results li.selected .bar {
  background-color: #fae100;
}
.umbraco-forms-poll .answer, .poll-results .answer {
  font-weight: 700;
  background-color: var(--color-grey);
  min-height: 10rem;
  padding: 0.75rem;
}

.search-form {
  display: flex;
  column-gap: 0.5rem;
  row-gap: 1rem;
  flex-wrap: wrap;
}
.search-form .search-box {
  flex-basis: 40%;
}
.search-form .search-sort {
  flex-basis: 20%;
  height: 63px;
  padding-right: 1.75rem;
}
@media screen and (max-width: 850px) {
  .search-form .search-box,
  .search-form .search-sort {
    flex-basis: 100%;
  }
}

.grey-theme {
  background-color: var(--color-text);
  color: var(--color-white);
}
.grey-theme a {
  color: var(--color-white);
}
.grey-theme .card p,
.grey-theme .footer-section p {
  color: var(--color-black);
}
.grey-theme .btn-white {
  color: var(--color-black);
}
.grey-theme .btn-yellow {
  color: var(--color-black);
}
.grey-theme .btn-grey {
  background-color: var(--color-white);
  color: var(--color-black);
}
.grey-theme .btn-grey.light-background {
  background-color: var(--color-black);
  color: var(--color-white);
}
.grey-theme .info-event-detail a {
  color: var(--color-white);
}
.grey-theme .filter-sector .filter-control .filters-list .filter-item {
  border-color: var(--color-white);
}
.grey-theme .search-box {
  border-color: var(--color-white);
}
.grey-theme .beating-section .description,
.grey-theme .beating-section .donation-amount,
.grey-theme .donation-cards-section .description,
.grey-theme .donation-cards-section .donation-amount {
  color: var(--color-black);
}
.grey-theme .steps a,
.grey-theme .steps span {
  color: var(--color-white);
}
.grey-theme .hide-on-white {
  display: block;
}
.grey-theme .inline.hide-on-white {
  display: inline;
}
.grey-theme .hide-on-grey {
  display: none;
}
.grey-theme .js-collapsablebox .js-collapsablebox-head p {
  color: var(--color-text);
}
.grey-theme .img-with-footer .footer p {
  color: var(--color-text);
}
.grey-theme .next-reading-section a,
.grey-theme .shop-detail .detail-numbers .orders a,
.grey-theme .detail-numbers .terms-control label {
  color: var(--color-white);
}
.grey-theme .form-field label {
  color: var(--color-white);
}
.grey-theme .image-section__overlay__card h3,
.grey-theme .image-section__overlay__card p,
.grey-theme .image-section__overlay__card h1 {
  color: var(--color-text);
}
.grey-theme .pull-quote,
.grey-theme .card-container,
.grey-theme .text-block--highlighted {
  color: var(--color-text);
}
.grey-theme .breadcrumb {
  background-color: var(--color-text);
  color: var(--color-white);
}
.grey-theme .breadcrumb span.blue,
.grey-theme .breadcrumb a.blue {
  color: var(--color-white);
}
.grey-theme table tr:nth-child(even) {
  background-color: rgb(17.6, 16.8, 16.4);
}
.grey-theme .footer-section a,
.grey-theme .footer-section .fr_button {
  color: var(--color-black);
}
.grey-theme.supporter-group-index-content .description-section a,
.grey-theme.supporter-group-index-content .description-section p {
  color: var(--color-white);
}
.grey-theme .filter__dropdown {
  color: var(--color-black);
}
.grey-theme.supporter-group-content .location-section .location-map a {
  color: var(--color-white);
}
.grey-theme .card-news .text-aside {
  color: var(--color-white);
}
.grey-theme hr.separator {
  background-color: var(--color-white);
  border-color: var(--color-white);
}
.grey-theme .yb {
  color: var(--color-black);
}
.grey-theme .donation-ask-panel, .grey-theme .cta-panel, .grey-theme .on-this-page,
.grey-theme .mini-promo, .grey-theme .large-promo, .grey-theme .video-section {
  color: var(--color-black);
}
.grey-theme .donation-ask-panel a, .grey-theme .cta-panel a, .grey-theme .on-this-page a,
.grey-theme .mini-promo a, .grey-theme .large-promo a, .grey-theme .video-section a {
  color: var(--color-black);
}
.grey-theme footer .sub-footer {
  color: var(--color-black);
}
.grey-theme footer .sub-footer a {
  color: var(--color-black);
}
.grey-theme .footer-section .form-style label {
  color: var(--color-black);
}
.grey-theme .risk-checker__logo {
  background-color: #777;
}
.grey-theme .risk-checker__steps, .grey-theme .risk-checker__primary {
  color: var(--color-black);
}
.grey-theme .risk-checker__steps .text__risk a, .grey-theme .risk-checker__primary .text__risk a {
  color: var(--color-black);
}
.grey-theme .form-field .risk-checker__field label {
  color: var(--color-black);
}
.grey-theme .risk-checker__checklist .bb {
  color: var(--color-white);
}
.grey-theme .risk-checker__checklist .risk-checker__check h3 {
  color: var(--color-white);
}
.grey-theme.shop-product h1.prod-title, .grey-theme.shop-category h1.prod-title, .grey-theme.shop-basket h1.prod-title {
  color: var(--color-black);
}
.grey-theme.shop-product .banner h3, .grey-theme.shop-product .banner .overlay, .grey-theme.shop-product .banner a, .grey-theme.shop-category .banner h3, .grey-theme.shop-category .banner .overlay, .grey-theme.shop-category .banner a, .grey-theme.shop-basket .banner h3, .grey-theme.shop-basket .banner .overlay, .grey-theme.shop-basket .banner a {
  color: var(--color-black);
}
.grey-theme.shop-product .vat-exemption .expand.link, .grey-theme.shop-category .vat-exemption .expand.link, .grey-theme.shop-basket .vat-exemption .expand.link {
  color: var(--color-white);
}
.grey-theme.shop-product .vat-exemption .vat-explanation, .grey-theme.shop-category .vat-exemption .vat-explanation, .grey-theme.shop-basket .vat-exemption .vat-explanation {
  color: var(--color-black);
}
.grey-theme.shop-product .basket-bar .trolley-icon:after, .grey-theme.shop-category .basket-bar .trolley-icon:after, .grey-theme.shop-basket .basket-bar .trolley-icon:after {
  content: url("/img/icons/icon-trolley-w.svg");
}
.grey-theme.shop-product .js-quantity-selector .border, .grey-theme.shop-category .js-quantity-selector .border, .grey-theme.shop-basket .js-quantity-selector .border {
  border-color: var(--color-white);
}
.grey-theme.shop-product .js-quantity-selector .increment, .grey-theme.shop-category .js-quantity-selector .increment, .grey-theme.shop-basket .js-quantity-selector .increment {
  color: var(--color-text);
}
.grey-theme.shop-product .js-quantity-selector .increment:after, .grey-theme.shop-category .js-quantity-selector .increment:after, .grey-theme.shop-basket .js-quantity-selector .increment:after {
  color: var(--color-white);
}
.grey-theme.shop-product .delivery-section .expand.link, .grey-theme.shop-category .delivery-section .expand.link, .grey-theme.shop-basket .delivery-section .expand.link {
  color: var(--color-white);
}
.grey-theme.shop-product .detail-numbers, .grey-theme.shop-category .detail-numbers, .grey-theme.shop-basket .detail-numbers {
  color: var(--color-black);
}
.grey-theme.shop-product .msg, .grey-theme.shop-category .msg, .grey-theme.shop-basket .msg {
  color: var(--color-black);
}
.grey-theme.shop-product .msg a, .grey-theme.shop-category .msg a, .grey-theme.shop-basket .msg a {
  color: var(--color-black);
}
.grey-theme.shop-order-content .h5 {
  color: var(--color-white);
}
.grey-theme.shop-order-content .donation .options label {
  border-color: var(--color-white);
}
.grey-theme.shop-order-content .donation .options label:hover, .grey-theme.shop-order-content .donation .options label.selected {
  color: var(--color-black);
}
.grey-theme.shop-order-content .detail-numbers {
  color: var(--color-black);
}
.grey-theme.shop .order-summary .h5 {
  color: var(--color-white);
}
.grey-theme .shop-checkout .getAddress_autocomplete_list li {
  color: var(--color-black);
}
.grey-theme .pagination {
  color: var(--color-black);
}
.grey-theme .pagination a {
  color: var(--color-black);
}
.grey-theme .rich-text h1 {
  color: var(--color-black);
}
.grey-theme .form-builder .form-field ul {
  color: var(--color-black);
}
.grey-theme label.container-radio-check.selected {
  color: var(--color-black);
}
.grey-theme .fr_button:hover a {
  color: var(--color-black);
}
.grey-theme .social-block__social h3 {
  color: var(--color-black);
}
.grey-theme.opd .donation-type label, .grey-theme.opd .dt .amounts label {
  color: var(--color-black);
}
.grey-theme .basket-bar .spacing-content label .qty {
  color: var(--color-white);
}
.grey-theme .basket-grid .product-detail.qty-zone a.red {
  color: var(--color-white);
}
.grey-theme .pull-quote .bubble {
  background-color: var(--color-white);
  color: var(--color-black);
}
.grey-theme .pull-quote .attribution {
  color: var(--color-white);
}
.grey-theme .pull-quote .attribution:after {
  content: url("/img/icons/quote-chevron-w.png");
}
.grey-theme .text-block--membership.text-block--highlighted a {
  color: var(--color-black);
}
.grey-theme .donation-choice .donation-choice__chosen p {
  color: var(--color-black);
}
.grey-theme .form-card--gocardless-terms {
  color: var(--color-black);
}

.yellow-theme {
  background-color: var(--color-yellow);
}
.yellow-theme .btn-yellow {
  background-color: var(--color-white);
}
.yellow-theme .shop-detail .detail-numbers {
  border-color: var(--color-black);
}
.yellow-theme .js-collapsablebox .js-collapsablebox-head {
  border: 1px solid var(--color-white);
}
.yellow-theme .img-with-footer .footer {
  border: 1px solid var(--color-white);
}
.yellow-theme .list-section .list-item.active {
  border: 4px solid var(--color-text);
}

@media print {
  body .print-hide {
    display: none !important;
  }
  body #content {
    width: 100%;
  }
  body .print-only {
    display: block !important;
    padding-top: 2rem;
  }
}
.large-text {
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  hyphens: auto;
}
.large-text .required {
  color: var(--color-dark-orange);
}

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

.hide-on-grey {
  display: block;
}

.inline.hide-on-grey {
  display: inline;
}

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