/* import css normalise/reset library */
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

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

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol {
  list-style: none;
}

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

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

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

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

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

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* import vars */
:root {
  font-size: 16px;
  --base: #FFFFFF;
  --black: #1E1E1E;
  --grey: #AAAAAA;
  --light-grey: #EBEBEB;
  --dark-grey: #616161;
  --primary: #0082C8;
  --secondary: #A52B72;
  --tertiary: #4E74BC;
  --accent-1: #FFC00F;
  --accent-2: #8FB33D;
  --accent-3: #BC2228;
  --accent-4: #15476C;
  --accent-5: #221F1F;
  --accent-6: #205983;
  --accent-7: #E0EDFC;
  --accent-8: #F5F7FA;
  --shadow-1: 0px 16px 16px rgba(0, 0, 0, 0.25);
  --text-xxxxl: 2.25rem;
  --text-xxxl: 2rem;
  --text-xxl: 1.875rem;
  --text-xl: 1.5rem;
  --text-lg: 1.375rem;
  --text-base: 1.125rem;
  --text-sm: 1rem;
  --text-xs: 0.875rem;
  --sp-200: 12.5rem;
  --sp-156: 9.75rem;
  --sp-136: 8.5rem;
  --sp-100: 6.25rem;
  --sp-96: 6rem;
  --sp-92: 5.75rem;
  --sp-80: 5rem;
  --sp-64: 4rem;
  --sp-60: 3.75rem;
  --sp-52: 3.25rem;
  --sp-48: 3rem;
  --sp-44: 2.75rem;
  --sp-40: 2.5rem;
  --sp-36: 2.25rem;
  --sp-32: 2rem;
  --sp-28: 1.75rem;
  --sp-24: 1.5rem;
  --sp-22: 1.375rem;
  --sp-18: 1.125rem;
  --sp-16: 1rem;
  --sp-12: 0.75rem;
  --sp-8: 0.5rem;
  --sp-4: 0.25rem;
}

/* import mixins */
/* import base styles */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadeInBlock {
  0% {
    display: block;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInBlock {
  0% {
    display: block;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeDown25 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
  }
  80% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeDown25 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
  }
  80% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes fadeDown100 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeDown100 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@font-face {
  font-family: "GothamRounded-Medium";
  src: local("GothamRounded-Medium"), url(/fonts/GothamRnd-Medium.otf) format("opentype");
}

@font-face {
  font-family: "GothamRounded-Bold";
  src: local("GothamRounded-Bold"), url(/fonts/GothamRnd-Bold.otf) format("opentype");
}

@font-face {
  font-family: "GothamRounded-Book";
  src: local("GothamRounded-Book"), url(/fonts/GothamRnd-Book.otf) format("opentype");
}

* {
  margin: 0;
  padding: 0;
}

html {
  overflow-y: scroll;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
  height: 100%;
}

body {
  position: relative;
  font-family: "GothamRounded-Book", arial, helvetica, tahoma, verdana, sans-serif;
  color: var(--black);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-padding-before: 77px;
          padding-block-start: 77px;
}

@media only screen and (min-width: 1024px) {
  body {
    -webkit-padding-before: 160px;
            padding-block-start: 160px;
  }
}

main {
  display: flow-root;
}

main:empty {
  -webkit-margin-after: var(--sp-48);
          margin-block-end: var(--sp-48);
}

header.bg--pattern, header.bg--pattern-2, header.bg--pink-bg,
section.bg--pattern,
section.bg--pattern-2,
section.bg--pink-bg {
  -webkit-padding-before: var(--sp-48);
          padding-block-start: var(--sp-48);
  margin-block: 0;
}

header.bg--pattern,
section.bg--pattern {
  background: center/cover no-repeat url(/img/backgrounds/bg-pattern.png);
  -webkit-padding-after: var(--sp-92);
          padding-block-end: var(--sp-92);
}

header.bg--pattern-2,
section.bg--pattern-2 {
  background: center/cover no-repeat url(/img/backgrounds/bg-pattern-2.png);
  -webkit-padding-after: var(--sp-52);
          padding-block-end: var(--sp-52);
}

header.bg--pink-bg,
section.bg--pink-bg {
  background: center/cover no-repeat url(/img/backgrounds/pink-bg.png);
  -webkit-padding-after: var(--sp-60);
          padding-block-end: var(--sp-60);
  color: var(--base);
}

header.bg--base,
section.bg--base {
  background-color: var(--base);
  -webkit-padding-before: var(--sp-48);
          padding-block-start: var(--sp-48);
  -webkit-padding-after: var(--sp-92);
          padding-block-end: var(--sp-92);
  margin-block: 0;
}

header.bg--base:last-child,
section.bg--base:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

header.bg--black,
section.bg--black {
  background-color: var(--black);
  -webkit-padding-before: var(--sp-48);
          padding-block-start: var(--sp-48);
  -webkit-padding-after: var(--sp-92);
          padding-block-end: var(--sp-92);
  margin-block: 0;
}

header.bg--black:last-child,
section.bg--black:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

header.bg--grey,
section.bg--grey {
  background-color: var(--grey);
  -webkit-padding-before: var(--sp-48);
          padding-block-start: var(--sp-48);
  -webkit-padding-after: var(--sp-92);
          padding-block-end: var(--sp-92);
  margin-block: 0;
}

header.bg--grey:last-child,
section.bg--grey:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

header.bg--dark-grey,
section.bg--dark-grey {
  background-color: var(--dark-grey);
  -webkit-padding-before: var(--sp-48);
          padding-block-start: var(--sp-48);
  -webkit-padding-after: var(--sp-92);
          padding-block-end: var(--sp-92);
  margin-block: 0;
}

header.bg--dark-grey:last-child,
section.bg--dark-grey:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

header.bg--primary,
section.bg--primary {
  background-color: var(--primary);
  -webkit-padding-before: var(--sp-48);
          padding-block-start: var(--sp-48);
  -webkit-padding-after: var(--sp-92);
          padding-block-end: var(--sp-92);
  margin-block: 0;
}

header.bg--primary:last-child,
section.bg--primary:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

header.bg--secondary,
section.bg--secondary {
  background-color: var(--secondary);
  -webkit-padding-before: var(--sp-48);
          padding-block-start: var(--sp-48);
  -webkit-padding-after: var(--sp-92);
          padding-block-end: var(--sp-92);
  margin-block: 0;
}

header.bg--secondary:last-child,
section.bg--secondary:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

header.bg--tertiary,
section.bg--tertiary {
  background-color: var(--tertiary);
  -webkit-padding-before: var(--sp-48);
          padding-block-start: var(--sp-48);
  -webkit-padding-after: var(--sp-92);
          padding-block-end: var(--sp-92);
  margin-block: 0;
}

header.bg--tertiary:last-child,
section.bg--tertiary:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

header.bg--accent-1,
section.bg--accent-1 {
  background-color: var(--accent-1);
  -webkit-padding-before: var(--sp-48);
          padding-block-start: var(--sp-48);
  -webkit-padding-after: var(--sp-92);
          padding-block-end: var(--sp-92);
  margin-block: 0;
}

header.bg--accent-1:last-child,
section.bg--accent-1:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

header.bg--accent-2,
section.bg--accent-2 {
  background-color: var(--accent-2);
  -webkit-padding-before: var(--sp-48);
          padding-block-start: var(--sp-48);
  -webkit-padding-after: var(--sp-92);
          padding-block-end: var(--sp-92);
  margin-block: 0;
}

header.bg--accent-2:last-child,
section.bg--accent-2:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

header.bg--accent-3,
section.bg--accent-3 {
  background-color: var(--accent-3);
  -webkit-padding-before: var(--sp-48);
          padding-block-start: var(--sp-48);
  -webkit-padding-after: var(--sp-92);
          padding-block-end: var(--sp-92);
  margin-block: 0;
}

header.bg--accent-3:last-child,
section.bg--accent-3:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

header.bg--accent-4,
section.bg--accent-4 {
  background-color: var(--accent-4);
  -webkit-padding-before: var(--sp-48);
          padding-block-start: var(--sp-48);
  -webkit-padding-after: var(--sp-92);
          padding-block-end: var(--sp-92);
  margin-block: 0;
}

header.bg--accent-4:last-child,
section.bg--accent-4:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

header.bg--accent-5,
section.bg--accent-5 {
  background-color: var(--accent-5);
  -webkit-padding-before: var(--sp-48);
          padding-block-start: var(--sp-48);
  -webkit-padding-after: var(--sp-92);
          padding-block-end: var(--sp-92);
  margin-block: 0;
}

header.bg--accent-5:last-child,
section.bg--accent-5:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

header.bg--accent-6,
section.bg--accent-6 {
  background-color: var(--accent-6);
  -webkit-padding-before: var(--sp-48);
          padding-block-start: var(--sp-48);
  -webkit-padding-after: var(--sp-92);
          padding-block-end: var(--sp-92);
  margin-block: 0;
}

header.bg--accent-6:last-child,
section.bg--accent-6:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

header.bg--accent-7,
section.bg--accent-7 {
  background-color: var(--accent-7);
  -webkit-padding-before: var(--sp-48);
          padding-block-start: var(--sp-48);
  -webkit-padding-after: var(--sp-92);
          padding-block-end: var(--sp-92);
  margin-block: 0;
}

header.bg--accent-7:last-child,
section.bg--accent-7:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

header.bg--accent-8,
section.bg--accent-8 {
  background-color: var(--accent-8);
  -webkit-padding-before: var(--sp-48);
          padding-block-start: var(--sp-48);
  -webkit-padding-after: var(--sp-92);
          padding-block-end: var(--sp-92);
  margin-block: 0;
}

header.bg--accent-8:last-child,
section.bg--accent-8:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

header {
  -webkit-padding-before: var(--sp-48);
          padding-block-start: var(--sp-48);
}

section {
  margin: var(--sp-40) 0 var(--sp-52) 0;
}

@media only screen and (min-width: 768px) {
  section {
    margin: var(--sp-52) 0 var(--sp-60) 0;
  }
}

a img,
iframe {
  border: none;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.container {
  width: calc(100% - var(--sp-32));
  max-width: 1236px;
  margin-inline: auto;
}

.container--thin {
  max-width: 950px;
}

@media only screen and (max-width: 767px) {
  .container--mobile-full {
    width: 100%;
    max-width: 100%;
  }
}

.flex-col {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .container {
    width: calc(100% - var(--sp-44));
  }
}

.grecaptcha-badge {
  display: none;
}

.row {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  gap: var(--sp-8);
  flex-wrap: initial;
}

@media only screen and (min-width: 768px) {
  .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-align: normal;
            align-items: normal;
    -webkit-box-pack: initial;
            justify-content: initial;
  }
}

@media only screen and (min-width: 1024px) {
  .row {
    gap: var(--sp-32);
  }
}

@media only screen and (min-width: 768px) {
  .row--center {
    -webkit-box-pack: center;
            justify-content: center;
  }
  .row--wrap {
    flex-wrap: wrap;
  }
}

.col {
  -webkit-box-flex: 1;
          flex: 1 1 100%;
}

.col--auto {
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  .col {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .col--third {
    -webkit-box-flex: 1;
            flex: 1 1 50%;
    max-width: 50%;
  }
  .col--quarter {
    -webkit-box-flex: 1;
            flex: 1 1 33.33333333%;
    max-width: 33%;
  }
}

@media only screen and (min-width: 1024px) {
  .col--half {
    -webkit-box-flex: 1;
            flex: 1 1 50%;
  }
  .col--third {
    -webkit-box-flex: 1;
            flex: 1 1 33.33333333%;
  }
  .col--quarter {
    -webkit-box-flex: 1;
            flex: 1 1 25%;
  }
}

::-moz-selection {
  background: var(--primary);
  color: var(--base);
}

::selection,
::-moz-selection {
  background: var(--primary);
  color: var(--base);
}

h1,
h2,
h3,
h4,
button,
.bold {
  font-family: "GothamRounded-Bold", arial, helvetica, tahoma, verdana, sans-serif;
  font-weight: normal;
}

h5,
h6,
.medium,
.social-share__link,
.field__label {
  font-family: "GothamRounded-Medium", arial, helvetica, tahoma, verdana, sans-serif;
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
details,
summary,
form,
input,
select,
button,
textarea,
label,
ul,
ol,
li,
th,
td,
dl,
dt,
dd {
  line-height: 1.5;
  text-decoration: none;
  color: inherit;
}

h1,
.heading-1 {
  font-size: var(--text-xxl);
  line-height: 1.2;
}

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

h3,
.heading-3 {
  font-size: var(--text-lg);
}

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

h5,
.heading-5,
h6,
.heading-6,
p,
a,
span,
details,
summary,
form,
input,
select,
textarea,
label,
button,
ul,
ol,
li,
th,
td,
dl,
dt,
dd {
  font-size: var(--text-sm);
}

h5,
.heading-5,
h6,
.heading-6,
p,
a
span,
details,
summary,
form,
input,
select,
textarea,
label,
button,
li,
th,
td,
dl,
dt,
dd {
  max-width: 80ch;
}

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

.disclaimer-text {
  margin-bottom: var(--sp-22);
}

footer {
  color: var(--base);
}

.inline-link {
  display: inline-block;
  color: var(--primary);
  font-weight: 600;
  text-decoration: underline;
}

.copy * {
  margin-bottom: var(--sp-28);
}

.copy *:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  h1,
  .heading-1 {
    font-size: var(--text-xxxxl);
  }
  h2,
  .heading-2 {
    font-size: var(--text-xxxl);
  }
  h3,
  .heading-3 {
    font-size: var(--text-xl);
  }
  h4,
  .heading-4 {
    font-size: var(--text-lg);
  }
  h5,
  .heading-5,
  h6,
  .heading-6,
  p,
  a,
  span,
  details,
  summary,
  form,
  input,
  select,
  textarea,
  label,
  button,
  ul,
  ol,
  li,
  th,
  td,
  dl,
  dt,
  dd {
    font-size: var(--text-base);
  }
  .footer__heading {
    font-size: var(--text-xxl);
  }
}

.pad--22 {
  padding: 1.375rem;
}

.pad--18 {
  padding: 1.125rem;
}

.pad--16 {
  padding: 1rem;
}

.pad--12 {
  padding: 0.75rem;
}

.pad--8 {
  padding: 0.5rem;
}

.pad--4 {
  padding: 0.25rem;
}

.pad-y--22 {
  padding-block: 1.375rem;
}

.pad-y--18 {
  padding-block: 1.125rem;
}

.pad-y--16 {
  padding-block: 1rem;
}

.pad-y--12 {
  padding-block: 0.75rem;
}

.pad-y--8 {
  padding-block: 0.5rem;
}

.pad-y--4 {
  padding-block: 0.25rem;
}

.pad-x--22 {
  padding-inline: 1.375rem;
}

.pad-x--18 {
  padding-inline: 1.125rem;
}

.pad-x--16 {
  padding-inline: 1rem;
}

.pad-x--12 {
  padding-inline: 0.75rem;
}

.pad-x--8 {
  padding-inline: 0.5rem;
}

.pad-x--4 {
  padding-inline: 0.25rem;
}

.pad-t--22 {
  -webkit-padding-before: 1.375rem;
          padding-block-start: 1.375rem;
}

.pad-t--18 {
  -webkit-padding-before: 1.125rem;
          padding-block-start: 1.125rem;
}

.pad-t--16 {
  -webkit-padding-before: 1rem;
          padding-block-start: 1rem;
}

.pad-t--12 {
  -webkit-padding-before: 0.75rem;
          padding-block-start: 0.75rem;
}

.pad-t--8 {
  -webkit-padding-before: 0.5rem;
          padding-block-start: 0.5rem;
}

.pad-t--4 {
  -webkit-padding-before: 0.25rem;
          padding-block-start: 0.25rem;
}

.pad-b--22 {
  -webkit-padding-after: 1.375rem;
          padding-block-end: 1.375rem;
}

.pad-b--18 {
  -webkit-padding-after: 1.125rem;
          padding-block-end: 1.125rem;
}

.pad-b--16 {
  -webkit-padding-after: 1rem;
          padding-block-end: 1rem;
}

.pad-b--12 {
  -webkit-padding-after: 0.75rem;
          padding-block-end: 0.75rem;
}

.pad-b--8 {
  -webkit-padding-after: 0.5rem;
          padding-block-end: 0.5rem;
}

.pad-b--4 {
  -webkit-padding-after: 0.25rem;
          padding-block-end: 0.25rem;
}

.pad-l--22 {
  -webkit-padding-start: 1.375rem;
          padding-inline-start: 1.375rem;
}

.pad-l--18 {
  -webkit-padding-start: 1.125rem;
          padding-inline-start: 1.125rem;
}

.pad-l--16 {
  -webkit-padding-start: 1rem;
          padding-inline-start: 1rem;
}

.pad-l--12 {
  -webkit-padding-start: 0.75rem;
          padding-inline-start: 0.75rem;
}

.pad-l--8 {
  -webkit-padding-start: 0.5rem;
          padding-inline-start: 0.5rem;
}

.pad-l--4 {
  -webkit-padding-start: 0.25rem;
          padding-inline-start: 0.25rem;
}

.pad-r--22 {
  -webkit-padding-end: 1.375rem;
          padding-inline-end: 1.375rem;
}

.pad-r--18 {
  -webkit-padding-end: 1.125rem;
          padding-inline-end: 1.125rem;
}

.pad-r--16 {
  -webkit-padding-end: 1rem;
          padding-inline-end: 1rem;
}

.pad-r--12 {
  -webkit-padding-end: 0.75rem;
          padding-inline-end: 0.75rem;
}

.pad-r--8 {
  -webkit-padding-end: 0.5rem;
          padding-inline-end: 0.5rem;
}

.pad-r--4 {
  -webkit-padding-end: 0.25rem;
          padding-inline-end: 0.25rem;
}

.mar--22 {
  margin: 1.375rem;
}

.mar--18 {
  margin: 1.125rem;
}

.mar--16 {
  margin: 1rem;
}

.mar--12 {
  margin: 0.75rem;
}

.mar--8 {
  margin: 0.5rem;
}

.mar--4 {
  margin: 0.25rem;
}

.mar-y--22 {
  margin-block: 1.375rem;
}

.mar-y--18 {
  margin-block: 1.125rem;
}

.mar-y--16 {
  margin-block: 1rem;
}

.mar-y--12 {
  margin-block: 0.75rem;
}

.mar-y--8 {
  margin-block: 0.5rem;
}

.mar-y--4 {
  margin-block: 0.25rem;
}

.mar-x--22 {
  margin-inline: 1.375rem;
}

.mar-x--18 {
  margin-inline: 1.125rem;
}

.mar-x--16 {
  margin-inline: 1rem;
}

.mar-x--12 {
  margin-inline: 0.75rem;
}

.mar-x--8 {
  margin-inline: 0.5rem;
}

.mar-x--4 {
  margin-inline: 0.25rem;
}

.mar-t--22 {
  -webkit-margin-before: 1.375rem;
          margin-block-start: 1.375rem;
}

.mar-t--18 {
  -webkit-margin-before: 1.125rem;
          margin-block-start: 1.125rem;
}

.mar-t--16 {
  -webkit-margin-before: 1rem;
          margin-block-start: 1rem;
}

.mar-t--12 {
  -webkit-margin-before: 0.75rem;
          margin-block-start: 0.75rem;
}

.mar-t--8 {
  -webkit-margin-before: 0.5rem;
          margin-block-start: 0.5rem;
}

.mar-t--4 {
  -webkit-margin-before: 0.25rem;
          margin-block-start: 0.25rem;
}

.mar-b--22 {
  -webkit-margin-after: 1.375rem;
          margin-block-end: 1.375rem;
}

.mar-b--18 {
  -webkit-margin-after: 1.125rem;
          margin-block-end: 1.125rem;
}

.mar-b--16 {
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
}

.mar-b--12 {
  -webkit-margin-after: 0.75rem;
          margin-block-end: 0.75rem;
}

.mar-b--8 {
  -webkit-margin-after: 0.5rem;
          margin-block-end: 0.5rem;
}

.mar-b--4 {
  -webkit-margin-after: 0.25rem;
          margin-block-end: 0.25rem;
}

.mar-l--22 {
  -webkit-margin-start: 1.375rem;
          margin-inline-start: 1.375rem;
}

.mar-l--18 {
  -webkit-margin-start: 1.125rem;
          margin-inline-start: 1.125rem;
}

.mar-l--16 {
  -webkit-margin-start: 1rem;
          margin-inline-start: 1rem;
}

.mar-l--12 {
  -webkit-margin-start: 0.75rem;
          margin-inline-start: 0.75rem;
}

.mar-l--8 {
  -webkit-margin-start: 0.5rem;
          margin-inline-start: 0.5rem;
}

.mar-l--4 {
  -webkit-margin-start: 0.25rem;
          margin-inline-start: 0.25rem;
}

.mar-r--22 {
  -webkit-margin-end: 1.375rem;
          margin-inline-end: 1.375rem;
}

.mar-r--18 {
  -webkit-margin-end: 1.125rem;
          margin-inline-end: 1.125rem;
}

.mar-r--16 {
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
}

.mar-r--12 {
  -webkit-margin-end: 0.75rem;
          margin-inline-end: 0.75rem;
}

.mar-r--8 {
  -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
}

.mar-r--4 {
  -webkit-margin-end: 0.25rem;
          margin-inline-end: 0.25rem;
}

/* import components */
.accordions__list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: var(--sp-12);
  max-width: 53.125rem;
  margin-inline: auto;
}

.accordion {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.accordion__summary {
  position: relative;
  background-color: var(--light-grey);
  padding: var(--sp-18);
  list-style: none;
  border-radius: var(--sp-4);
  display: -webkit-box;
  display: flex;
  gap: var(--sp-12);
  font-family: "GothamRounded-Bold", arial, helvetica, tahoma, verdana, sans-serif;
}

.accordion__summary::-webkit-details-marker {
  display: none;
}

.accordion__summary .icon {
  width: 1.88rem;
  height: 1.88rem;
  border-radius: var(--sp-4);
}

.accordion__summary:hover {
  cursor: pointer;
}

.accordion__copy {
  position: relative;
  z-index: -1;
  padding: var(--sp-12) 0 var(--sp-18) 0;
}

.accordion[open] .accordion__copy {
  -webkit-animation: fadeDown25 600ms ease-in-out;
          animation: fadeDown25 600ms ease-in-out;
}

.alert {
  padding: var(--sp-12) var(--sp-24);
  border: 0.125rem solid transparent;
  border-radius: var(--sp-8);
  box-sizing: border-box;
  -webkit-animation: fadeDown100 400ms linear;
          animation: fadeDown100 400ms linear;
  font-family: "Gotham Rounded 7r", "Gotham Rounded A", "Gotham Rounded B", "GothamRounded-Bold", arial, helvetica, tahoma, verdana, sans-serif;
}

.alert p:last-of-type {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.alert--success {
  border-color: var(--accent-2);
  background-color: #8FB33D30;
}

.alert--warning {
  border-color: #FFC00F;
  background-color: #FFC00F30;
  color: #564000;
}

.alert--error {
  border-color: #EB484E;
  background-color: #EB484E30;
  color: #5f0004;
}

.alert.hide {
  display: none;
}

.article {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: var(--sp-22);
}

.article__img-link {
  display: block;
  -webkit-box-flex: 0;
          flex: 0 1 100%;
}

.article__img {
  aspect-ratio: 1/1;
  border-radius: var(--sp-4);
  overflow: hidden;
}

.article__content {
  -webkit-box-flex: 1;
          flex: 1 1 100%;
}

.article__heading {
  -webkit-margin-after: var(--sp-16);
          margin-block-end: var(--sp-16);
}

.article__details {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: var(--sp-8);
}

.article__detail--date, .article__detail--location, .article__detail--published {
  position: relative;
  isolation: isolate;
  font-weight: 600;
  -webkit-padding-start: var(--sp-28);
          padding-inline-start: var(--sp-28);
}

.article__detail--date::before, .article__detail--location::before, .article__detail--published::before {
  content: '';
  position: absolute;
  top: var(--sp-4);
  left: 0;
}

.article__detail--date::before, .article__detail--published::before {
  width: 18px;
  height: 18px;
  background: center/cover no-repeat url(/img/icons/calendar.svg);
}

.article__detail--location::before {
  width: 16px;
  height: 20px;
  background: center/cover no-repeat url(/img/icons/marker.svg);
}

.article__copy {
  -webkit-margin-before: var(--sp-16);
          margin-block-start: var(--sp-16);
}

.article__readmore {
  display: inline-block;
  -webkit-margin-before: var(--sp-22);
          margin-block-start: var(--sp-22);
}

@media only screen and (min-width: 768px) {
  .article {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .article__img-link {
    -webkit-box-flex: 0;
            flex: 0 1 17.5rem;
  }
  .article__img-link:has(.article__img--sm) {
    -webkit-box-flex: 0;
            flex: 0 1 9.375rem;
  }
  .article__img {
    max-width: 17.5rem;
  }
  .article__img--sm {
    max-width: 9.375rem;
  }
  .article__content {
    -webkit-box-flex: 1;
            flex: 1 0 calc(100% - 17.5rem);
  }
}

.banner {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-auto-rows: minmax(15.625rem, auto);
  background-color: var(--primary);
  color: var(--base);
  margin-block: 0;
  -webkit-padding-before: 0;
          padding-block-start: 0;
}

.banner__picture {
  grid-row: 1;
  height: 15.625rem;
}

.banner__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.banner__content {
  grid-row: 2;
  background-color: var(--primary);
}

.banner__copy {
  padding-block: var(--sp-16) var(--sp-22);
}

.banner__heading {
  -webkit-margin-after: var(--sp-8);
          margin-block-end: var(--sp-8);
}

.banner .btn {
  -webkit-margin-before: var(--sp-16);
          margin-block-start: var(--sp-16);
}

.banner--img {
  display: block;
  height: 15.625rem;
}

.banner--img .banner__picture {
  position: absolute;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  width: 100%;
}

@media only screen and (min-width: 960px) {
  .banner {
    display: -webkit-box;
    display: flex;
    min-height: 31.25rem;
  }
  .banner__content {
    width: 100%;
    -webkit-clip-path: polygon(0 0, 50% 0, 38% 100%, 0% 100%);
            clip-path: polygon(0 0, 50% 0, 38% 100%, 0% 100%);
  }
  .banner__copy {
    width: 60%;
    max-width: 28rem;
  }
  .banner__picture {
    position: absolute;
    inset: 0 0 0 auto;
    z-index: -1;
    width: 78%;
    height: 100%;
  }
  .banner .container {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
  }
  .banner--img {
    height: 31.25rem;
  }
  .banner--img .banner__picture {
    height: 31.25rem;
  }
}

.breadcrumbs {
  margin-block: var(--sp-28) 0;
}

.breadcrumbs__wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
  gap: var(--sp-8);
  width: 100%;
  padding: var(--sp-8) var(--sp-16);
  background-color: var(--accent-7);
  border-radius: var(--sp-4);
}

.breadcrumbs__crumb {
  position: relative;
  -webkit-padding-end: var(--sp-18);
          padding-inline-end: var(--sp-18);
  color: var(--accent-6);
  font-weight: 600;
  text-transform: capitalize;
}

.breadcrumbs__crumb::after {
  content: url("/img/icons/chevron-accent-6.svg");
  width: 9px;
  height: 21px;
  position: absolute;
  inset: 0% 0 auto auto;
}

.breadcrumbs__crumb:last-of-type {
  -webkit-padding-end: 0;
          padding-inline-end: 0;
  font-weight: 400;
}

.breadcrumbs__crumb:last-of-type::after {
  content: '';
  width: 0;
  height: 0;
}

@media only screen and (min-width: 768px) {
  .breadcrumbs__wrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

button {
  background-color: transparent;
  border: 0;
}

button:focus {
  outline: 0;
}

.btn {
  border-radius: var(--sp-16);
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  gap: var(--sp-4);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: var(--sp-12) var(--sp-24);
  color: var(--base);
  font-family: "Gotham Rounded 7r", "Gotham Rounded A", "Gotham Rounded B", "GothamRounded-Bold", arial, helvetica, tahoma, verdana, sans-serif;
}

.btn__text {
  font-family: inherit;
  color: inherit;
}

.btn--rounded {
  border-radius: var(--sp-16);
}

.btn--lg {
  max-width: 27.8125rem;
  width: 100%;
}

.btn--full {
  width: 100%;
}

.btn--icon {
  width: var(--sp-60);
  height: var(--sp-60);
  padding: var(--sp-12);
  border-radius: var(--sp-60);
}

.btn--top-margin {
  margin: 1rem 0 0;
}

.btn:hover {
  cursor: pointer;
}

.btn--base {
  background-color: var(--base);
}

.btn--black {
  background-color: var(--black);
}

.btn--grey {
  background-color: var(--grey);
}

.btn--dark-grey {
  background-color: var(--dark-grey);
}

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

.btn--secondary {
  background-color: var(--secondary);
}

.btn--tertiary {
  background-color: var(--tertiary);
}

.btn--accent-1 {
  background-color: var(--accent-1);
  color: var(--black);
}

.btn--accent-2 {
  background-color: var(--accent-2);
}

.btn--accent-3 {
  background-color: var(--accent-3);
}

.btn--accent-4 {
  background-color: var(--accent-4);
}

.btn--accent-5 {
  background-color: var(--accent-5);
}

.btn--accent-6 {
  background-color: var(--accent-6);
}

.btn--accent-7 {
  background-color: var(--accent-7);
}

.btn--accent-8 {
  background-color: var(--accent-8);
}

.burger__svg {
  width: var(--sp-22);
  height: var(--sp-12);
}

.burger .line {
  background-color: var(--black);
  -webkit-transition: y 300ms ease-in 300ms,  opacity 0ms 300ms,  -webkit-transform 300ms ease-in;
  transition: y 300ms ease-in 300ms,  opacity 0ms 300ms,  -webkit-transform 300ms ease-in;
  transition: y 300ms ease-in 300ms,  transform 300ms ease-in,  opacity 0ms 300ms;
  transition: y 300ms ease-in 300ms,  transform 300ms ease-in,  opacity 0ms 300ms,  -webkit-transform 300ms ease-in;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.burger[aria-pressed="true"] .line {
  -webkit-transition: y 300ms ease-in,  opacity 0ms 300ms,  -webkit-transform 300ms ease-in 300ms;
  transition: y 300ms ease-in,  opacity 0ms 300ms,  -webkit-transform 300ms ease-in 300ms;
  transition: y 300ms ease-in,  transform 300ms ease-in 300ms,  opacity 0ms 300ms;
  transition: y 300ms ease-in,  transform 300ms ease-in 300ms,  opacity 0ms 300ms,  -webkit-transform 300ms ease-in 300ms;
}

.burger[aria-pressed="true"] .top,
.burger[aria-pressed="true"] .bottom {
  y: 5;
}

.burger[aria-pressed="true"] .top {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.burger[aria-pressed="true"] .mid {
  opacity: 0;
}

.burger[aria-pressed="true"] .bottom {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.card {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  border-radius: var(--sp-4);
  border: 1px solid var(--grey);
  box-shadow: var(--shadow-1);
  overflow: hidden;
  min-height: 100%;
}

.card__link--img, .card__picture, .card__img {
  width: 100%;
}

.card__picture {
  aspect-ratio: 160/107;
  overflow: hidden;
}

.card__img {
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

.card__link--img:hover .card__img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.card__content {
  width: 100%;
  padding: var(--sp-16) var(--sp-22) var(--sp-22) var(--sp-22);
}

.card__heading {
  -webkit-margin-after: var(--sp-16);
          margin-block-end: var(--sp-16);
}

.carousel__wrapper {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.carousel__slides {
  z-index: -1;
  padding-block: var(--sp-40);
}

.carousel__nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.carousel__nav.prev {
  left: var(--sp-12);
}

.carousel__nav.next {
  right: var(--sp-12);
}

.carousel__nav.next svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.carousel__cta {
  margin-inline: auto;
}

.carousel .heading__text {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.details-panel {
  width: 100%;
}

.details-panel .container, .details-panel__items {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.details-panel .container {
  -webkit-box-align: center;
          align-items: center;
  gap: var(--sp-12);
  padding: var(--sp-24) var(--sp-18) var(--sp-32) var(--sp-18);
  background-color: var(--accent-7);
  border-radius: var(--sp-4);
}

.details-panel__items {
  gap: var(--sp-12);
}

@media only screen and (min-width: 768px) {
  .details-panel .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: justify;
            justify-content: space-between;
    gap: var(--sp-22);
  }
}

.donate-box {
  padding: var(--sp-28) var(--sp-12);
}

.donate-box__tab {
  position: relative;
  -webkit-animation: fadeOut 300ms ease-out;
          animation: fadeOut 300ms ease-out;
  display: none;
}

.donate-box__tab--active {
  display: block;
  -webkit-animation: fadeIn 300ms ease-in;
          animation: fadeIn 300ms ease-in;
}

.donate-box__image {
  display: none;
}

.donate-box__heading {
  width: 100%;
  text-align: center;
}

.donate-box__heading span {
  display: block;
  padding: var(--sp-12);
}

.donate-box__heading:hover {
  cursor: pointer;
}

.donate-box__content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  gap: var(--sp-8);
  flex-wrap: initial;
}

@media only screen and (min-width: 768px) {
  .donate-box__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-align: normal;
            align-items: normal;
    -webkit-box-pack: initial;
            justify-content: initial;
  }
}

@media only screen and (min-width: 1024px) {
  .donate-box__content {
    gap: var(--sp-32);
  }
}

.donate-box__circle {
  -webkit-box-flex: 1;
          flex: 1 0 var(--sp-60);
  min-width: var(--sp-60);
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  background-color: var(--accent-1);
  border-radius: 999px;
  font-weight: 600;
}

.donate-box__copy {
  -webkit-box-flex: 1;
          flex: 1 0 calc(100% - 4.5rem);
}

.donate-box__form {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  gap: var(--sp-12);
  -webkit-margin-before: var(--sp-32);
          margin-block-start: var(--sp-32);
}

.donate-box__label {
  position: relative;
}

.donate-box__label svg {
  position: absolute;
  inset: 1.25rem auto auto 0.75rem;
  width: var(--sp-12);
}

.donate-box__input, .donate-box__button {
  width: 14.375rem;
}

.donate-box__input {
  -webkit-padding-start: var(--sp-36);
          padding-inline-start: var(--sp-36);
}

.donate-box__button.bt-default {
  margin: 0;
}

.donate-tabs {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-8);
}

.donate-tabs__tab {
  position: relative;
  -webkit-box-flex: 0;
          flex: 0 1 48%;
  -webkit-box-align: stretch;
          align-items: stretch;
}

.donate-tabs__content {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 100%;
  padding: var(--sp-8) var(--sp-12);
  border-radius: var(--sp-16);
  border: 2px solid var(--primary);
  font-weight: 600;
  text-align: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.donate-tabs__content:hover {
  cursor: pointer;
}

.donate-tabs__input {
  display: none;
}

.donate-tabs__input:checked + label {
  background-color: var(--primary);
  color: var(--base);
}

.donate-columns {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
  gap: var(--sp-8);
  -webkit-margin-before: var(--sp-28);
          margin-block-start: var(--sp-28);
}

.donate-columns__column {
  -webkit-box-flex: 1;
          flex: 1 0 100%;
}

.donate-columns__column input {
  display: none;
}

.donate-columns__column--third {
  -webkit-box-flex: 1;
          flex: 1 0 var(--sp-60);
  background-color: var(--accent-1);
  text-align: center;
}

.donate-columns__column--circle {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  gap: var(--sp-12);
  -webkit-box-align: center;
          align-items: center;
}

.donate-columns__column--donation:hover {
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .donate-box__image {
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
  }
  .donate-box__heading span {
    padding: var(--sp-16) var(--sp-22);
  }
  .donate-box__form {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .donate-columns {
    gap: var(--sp-18);
  }
  .donate-columns__column--circle {
    gap: var(--sp-18);
  }
  .donate-columns--circles {
    gap: var(--sp-22);
  }
}

@media only screen and (min-width: 1024px) {
  .donate-box {
    padding: var(--sp-44) var(--sp-40) var(--sp-52);
  }
  .donate-box__circle {
    flex-basis: var(--sp-100);
  }
  .donate-box__form {
    -webkit-margin-before: var(--sp-40);
            margin-block-start: var(--sp-40);
  }
  .donate-box__copy {
    flex-basis: calc(100% - 7.375rem);
  }
  .donate-tabs {
    flex-wrap: nowrap;
    gap: var(--sp-18);
  }
  .donate-columns {
    -webkit-margin-before: var(--sp-52);
            margin-block-start: var(--sp-52);
  }
  .donate-columns__column--circle {
    -webkit-box-flex: 0;
            flex: 0 0 32.5%;
  }
  .donate-columns--circles {
    flex-wrap: nowrap;
  }
}

.donate form {
  width: 100%;
  max-width: 100%;
}

.donate .container {
  position: relative;
  isolation: isolate;
  background-color: var(--base);
  border-radius: var(--sp-4);
  overflow: hidden;
  box-shadow: var(--shadow-1);
}

.donate__heading {
  width: 100%;
  padding: var(--sp-18) var(--sp-22);
  background-color: var(--secondary);
  color: var(--base);
  text-align: center;
}

.donate--footer legend {
  display: none;
}

.donate--footer fieldset {
  width: 100%;
}

.donate--footer .donate__fields {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-16);
  width: 100%;
}

.donate--footer .donate__radios {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: var(--sp-18);
  -webkit-box-flex: 0;
          flex: 0 0 114px;
}

.donate--footer .donate__other {
  position: relative;
  -webkit-box-flex: 1;
          flex: 1 1 186px;
}

.donate--footer .donate__other input {
  width: 100%;
  -webkit-padding-start: var(--sp-36);
          padding-inline-start: var(--sp-36);
}

.donate--footer .donate__input-decor {
  position: absolute;
  inset: var(--sp-18) auto auto var(--sp-8);
  width: var(--sp-18);
  -webkit-filter: contrast(0.3);
          filter: contrast(0.3);
}

.donation {
  background-color: var(--primary);
  margin-block: 0;
  -webkit-padding-before: 0;
          padding-block-start: 0;
}

.donation legend {
  display: none;
}

.donation .container {
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
}

.donation__content {
  background-color: var(--base);
  border-radius: var(--sp-4);
  overflow: hidden;
  text-align: center;
}

.donation__heading {
  width: 100%;
  background-color: var(--secondary);
  color: var(--base);
  padding: var(--sp-18) var(--sp-22);
}

.donation__form {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: var(--sp-32);
  padding: var(--sp-22);
}

.donation__fieldset {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  flex-wrap: wrap;
  gap: var(--sp-12);
  -webkit-margin-after: var(--sp-26);
          margin-block-end: var(--sp-26);
}

.donation__fieldset--types {
  flex-wrap: nowrap;
}

.donation__fieldset--types .donation__label {
  -webkit-box-flex: 1;
          flex: 1 1 50%;
}

.donation__fieldset--amounts .donation__label {
  -webkit-box-flex: 1;
          flex: 1 0 30%;
  border: 1px solid var(--dark-grey);
}

.donation__fieldset--amounts .donation__label.donation__label--nested {
  -webkit-box-flex: 1;
          flex: 1 0 7.5rem;
}

.donation__fieldset--panes {
  position: relative;
}

.donation__label, .donation__amount {
  display: block;
  padding: var(--sp-12) var(--sp-22);
  border-radius: var(--sp-8);
  font-weight: 600;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.donation__label {
  border: 1px solid var(--dark-grey);
}

.donation__label--nested {
  position: relative;
  isolation: isolate;
  padding: 0;
  border-color: transparent;
}

.donation__label:hover {
  cursor: pointer;
}

.donation__input--radio {
  display: none;
}

.donation__input:checked + .donation__label {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--base);
}

.donation__amount--other {
  width: 100%;
  border-color: transparent;
}

.donation__pane {
  display: none;
  gap: var(--sp-12);
  -webkit-box-pack: center;
          justify-content: center;
  flex-wrap: wrap;
}

.donation__pane--active {
  display: -webkit-box;
  display: flex;
  -webkit-animation: fadeIn 300ms ease;
          animation: fadeIn 300ms ease;
}

.donation__messages, .donation__foot,
.donation .btn {
  width: 100%;
}

.donation__messages {
  border-radius: var(--sp-4);
  -webkit-animation: fadeOut 120ms ease-out;
          animation: fadeOut 120ms ease-out;
}

.donation__messages p {
  font-weight: 600;
}

.donation__messages--hasMsg {
  padding: var(--sp-8);
  background-color: var(--accent-7);
  -webkit-animation: fadeIn 300ms ease-in;
          animation: fadeIn 300ms ease-in;
}

.donation__picture {
  width: 100%;
}

.donation__img {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .donation__content {
    max-width: 100%;
    margin: -3rem 0 1.5rem;
  }
  .donation__form {
    padding: var(--sp-36) var(--sp-36) var(--sp-36) var(--sp-40);
  }
  .donation__fieldset--amounts .donation__label {
    -webkit-box-flex: 1;
            flex: 1 0 var(--sp-96);
  }
  .donation__pane {
    flex-wrap: nowrap;
  }
}

@media only screen and (min-width: 1024px) {
  .donation {
    position: relative;
    isolation: isolate;
    height: 54.125rem;
  }
  .donation__content {
    box-shadow: var(--shadow-1);
    max-width: 32.25rem;
    margin: unset;
  }
  .donation__picture {
    position: absolute;
    inset: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    aspect-ratio: 12/5;
  }
  .donation__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  .donation__messages--hasMsg {
    padding: var(--sp-22) var(--sp-16);
  }
}

.donation-steps {
  background: #bb2c78;
  min-height: 160px;
  margin-bottom: 30px;
}

.donation-steps li {
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 51px 51px;
  padding-top: 70px;
  margin-top: 40px;
  height: 50px;
  color: black;
  text-align: center;
  float: left;
  width: 33%;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  opacity: .15;
}

.donation-steps li.active {
  color: #fff;
  opacity: 1;
}

.donation-steps li.active:after {
  content: "";
  position: absolute;
  bottom: -22px;
  left: 50%;
  margin-left: -12px;
  width: 0;
  height: 0;
  display: block;
  border-top: 12px solid #bb2c78;
  border-right: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid transparent;
}

.donation-steps li.your-details {
  background-image: url(/img/system/donate-your-details-bk.png);
}

.donation-steps li.your-details.active {
  background-image: url(/img/system/donate-your-details-active.png);
}

.donation-steps li.payment-details {
  background-image: url(/img/system/donate-payment-details-bk.png);
}

.donation-steps li.payment-details.active {
  background-image: url(/img/system/donate-payment-details-active.png);
}

.donation-steps li.confirmation {
  background-image: url(/img/system/donate-confirmation-bk.png);
}

.donation-steps li.confirmation.active {
  background-image: url(/img/system/donate-confirmation-active.png);
}

.donation-steps li.complete {
  background-image: url(/img/system/donate-complete-bk.png);
}

#donationDetails .gift-aid {
  clear: both;
  color: #fff;
  background: #002d62;
  padding: 30px;
}

#donationDetails .gift-aid h3 {
  color: #fff;
  max-width: 500px;
}

#donationDetails .gift-aid .radio-check {
  margin: 20px 0;
}

#donationDetails .gift-aid b {
  color: #ffc00f;
}

#donationDetails .gift-aid p {
  margin-bottom: 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 18px;
  line-height: 1.8rem;
}

#donationDetails .gift-aid figure {
  float: right;
  margin: 0 40px 70px;
}

.editorial__items {
  gap: var(--sp-32);
}

.editorial__item {
  -webkit-box-flex: 1;
          flex: 1 1 100%;
  width: 100%;
}

.editorial__article {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}

.editorial__heading {
  -webkit-margin-after: var(--sp-8);
          margin-block-end: var(--sp-8);
}

.editorial__heading .editorial__link {
  font-size: inherit;
}

.editorial__cta {
  display: block;
  -webkit-margin-before: var(--sp-8);
          margin-block-start: var(--sp-8);
  color: var(--primary);
  font-weight: 600;
  text-decoration: underline;
}

.editorial .btn {
  -webkit-margin-before: var(--sp-32);
          margin-block-start: var(--sp-32);
}

.editorial--halves .editorial__article, .editorial--fifths .editorial__article {
  gap: var(--sp-12);
  text-align: center;
}

.editorial--fifths .editorial__items {
  -webkit-box-align: center;
          align-items: center;
}

.editorial--fifths .editorial__item {
  max-width: 12.5rem;
}

.editorial--thirds .editorial__article {
  border-radius: var(--sp-4);
  border: 1px solid var(--grey);
  box-shadow: var(--shadow-1);
  overflow: hidden;
  min-height: 100%;
}

.editorial--thirds .editorial__link--img,
.editorial--thirds .editorial__picture,
.editorial--thirds .editorial__img {
  width: 100%;
}

.editorial--thirds .editorial__picture {
  aspect-ratio: 160/107;
  overflow: hidden;
}

.editorial--thirds .editorial__img {
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

.editorial--thirds .editorial__link--img:hover .editorial__img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.editorial--thirds .editorial__content {
  width: 100%;
  padding: var(--sp-16) var(--sp-22) var(--sp-22) var(--sp-22);
}

.editorial--thirds .editorial__heading {
  -webkit-margin-after: var(--sp-16);
          margin-block-end: var(--sp-16);
}

.editorial--decor {
  position: relative;
  -webkit-padding-before: var(--sp-60);
          padding-block-start: var(--sp-60);
}

.editorial--decor .heading {
  -webkit-padding-before: var(--sp-28);
          padding-block-start: var(--sp-28);
}

.editorial--decor::after {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  width: 100%;
  height: var(--sp-60);
  background: repeat-x center/cover url("/img/backgrounds/editorial-decor.png");
}

.editorial.bg--pink-bg .editorial__cta {
  color: var(--base);
}

.editorial .btn {
  margin-inline: auto;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .editorial__item {
    width: unset;
  }
  .editorial .btn {
    -webkit-margin-before: var(--sp-44);
            margin-block-start: var(--sp-44);
  }
  .editorial--halves .editorial__item, .editorial--thirds .editorial__item {
    -webkit-box-flex: 1;
            flex: 1 1 50%;
    max-width: calc(50% - 16px);
  }
  .editorial--fifths .editorial__items {
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
            justify-content: center;
    gap: var(--sp-40);
  }
  .editorial--fifths .editorial__item {
    -webkit-box-flex: 1;
            flex: 1 1 33.33333333%;
    max-width: calc(33% - 26.67px);
  }
  .editorial--decor {
    -webkit-padding-before: var(--sp-96);
            padding-block-start: var(--sp-96);
  }
  .editorial--decor::after {
    height: var(--sp-96);
  }
}

@media only screen and (min-width: 1024px) {
  .editorial .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .editorial--halves .editorial__article {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-align: start;
            align-items: flex-start;
    gap: var(--sp-24);
    text-align: left;
  }
  .editorial--halves .editorial__link {
    -webkit-box-flex: 0;
            flex: 0 0 10rem;
  }
  .editorial--fifths .editorial__items {
    flex-wrap: nowrap;
  }
  .editorial--thirds .editorial__items {
    gap: var(--sp-18);
  }
  .editorial--thirds .editorial__item {
    -webkit-box-flex: 1;
            flex: 1 1 33.33333333%;
    max-width: 32%;
  }
  .editorial--fifths .editorial__items {
    gap: var(--sp-60);
  }
  .editorial--fifths .editorial__item {
    -webkit-box-flex: 1;
            flex: 1 1 20%;
    max-width: 20%;
  }
  .editorial--decor {
    -webkit-padding-before: 18.625rem;
            padding-block-start: 18.625rem;
  }
  .editorial--decor .heading {
    -webkit-padding-before: var(--sp-60);
            padding-block-start: var(--sp-60);
  }
  .editorial--decor::after {
    height: 18.625rem;
  }
}

.event__article, .event__details, .event__ctas {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.event__article {
  -webkit-box-align: center;
          align-items: center;
  gap: var(--sp-28);
  width: 100%;
}

.event__details {
  gap: var(--sp-16);
}

.event__detail {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  gap: var(--sp-12);
  -webkit-box-flex: 1;
          flex: 1 0 100%;
}

.event__detail-img {
  width: var(--sp-36);
  height: var(--sp-36);
  -webkit-box-flex: 0;
          flex: 0 0 var(--sp-36);
}

.event__detail-text, .event__detail-items {
  -webkit-box-flex: 1;
          flex: 1 1 85%;
}

.event__ctas {
  gap: var(--sp-16);
}

@media only screen and (min-width: 768px) {
  .event__article {
    gap: var(--sp-32);
  }
  .event__details {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: center;
            justify-content: center;
  }
  .event__detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-flex: 0;
            flex: 0 1 12.5rem;
    text-align: center;
  }
  .event__detail-img {
    width: 7.25rem;
    height: 7.25rem;
    -webkit-box-flex: 0;
            flex: 0 1 7.25rem;
  }
  .event__detail-text,
  .event__detail-item > span {
    font-weight: 600;
  }
  .event__ctas {
    gap: var(--sp-22);
  }
}

.feature-text__copy {
  margin-inline: auto;
  font-family: "GothamRounded-Medium", arial, helvetica, tahoma, verdana, sans-serif;
  font-size: var(--text-lg);
  text-align: center;
}

.feature-text__ctas {
  -webkit-margin-before: var(--sp-32);
          margin-block-start: var(--sp-32);
}

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

input,
select,
textarea {
  padding: var(--sp-16) var(--sp-22);
  border: 0.125rem solid var(--dark-grey);
  border-radius: var(--sp-8);
  -webkit-transition: border 250ms ease-in-out;
  transition: border 250ms ease-in-out;
  color: var(--black);
}

input:focus, input:focus-visible, input:focus-within,
select:focus,
select:focus-visible,
select:focus-within,
textarea:focus,
textarea:focus-visible,
textarea:focus-within {
  outline: 0;
  border-color: var(--primary);
}

input[type="submit"],
select[type="submit"],
textarea[type="submit"] {
  border-radius: var(--sp-16);
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  gap: var(--sp-4);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: var(--sp-12) var(--sp-24);
  color: var(--base);
  font-family: "Gotham Rounded 7r", "Gotham Rounded A", "Gotham Rounded B", "GothamRounded-Bold", arial, helvetica, tahoma, verdana, sans-serif;
  background-color: var(--accent-1);
  border: 0;
}

input[type="submit"]:hover,
select[type="submit"]:hover,
textarea[type="submit"]:hover {
  cursor: pointer;
}

input[type="radio"],
select[type="radio"],
textarea[type="radio"] {
  width: var(--sp-16);
  height: var(--sp-16);
}

.field__input {
  width: 100%;
  border: 0.125rem solid var(--grey);
  box-sizing: border-box;
}

.field__input--sc {
  -webkit-box-flex: 0;
          flex: 0 1 var(--sp-156);
}

.field__input--error {
  border-color: #EB484E;
}

.field label, .field__label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.field label--regular, .field__label--regular {
  font-family: "GothamRounded-Book", arial, helvetica, tahoma, verdana, sans-serif;
}

.field label:not(.field__label) {
  font-family: Gotham Rounded\ 4r,Gotham Rounded A,Gotham Rounded B,GothamRounded-Book,arial,helvetica,tahoma,verdana,sans-serif;
}

.field__error {
  color: #EB484E;
}

.field__error-alert {
  width: 100%;
  -webkit-margin-before: var(--sp-8);
          margin-block-start: var(--sp-8);
  padding: var(--sp-4);
  border: 2px solid #EB484E;
  border-radius: var(--sp-4);
  background-color: #EB484E30;
  color: #EB484E;
}

.field__multi-field {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  gap: var(--sp-16);
}

.field .freeform-errors {
  width: 100%;
  font-size: var(--sp-12);
  color: #EB484E;
}

.field--required .field__label {
  position: relative;
  isolation: isolate;
  padding-right: var(--sp-12);
}

.field--required .field__label::after {
  content: url("/img/icons/asterisk.svg");
  position: absolute;
  top: -0.25rem;
  right: 0;
  width: var(--sp-8);
  height: var(--sp-8);
  -webkit-transform: translateY(-20%);
          transform: translateY(-20%);
}

.field--error .field__input {
  border-color: #EB484E;
}

.field--error .field__label {
  color: #EB484E;
}

.field--success .field__input {
  border-color: #0AA143;
}

.field--success .field__label {
  color: #0AA143;
}

.field--checkbox input[type="checkbox"], .field--checkbox_group input[type="checkbox"] {
  width: var(--sp-36);
  height: var(--sp-36);
}

.field--checkbox {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -webkit-box-align: center;
          align-items: center;
  gap: var(--sp-16);
}

.field--checkbox_group label,
.field--checkbox_group .field__label, .field--radio-group label,
.field--radio-group .field__label {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -webkit-box-align: center;
          align-items: center;
  gap: var(--sp-16);
  -webkit-margin-after: var(--sp-8);
          margin-block-end: var(--sp-8);
}

.field--action {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: end;
          justify-content: flex-end;
}

.field--action .btn {
  width: 100%;
  min-height: 63px;
}

.field--editAmount .custom-donate {
  display: none;
}

.field.edit .custom-donate {
  display: block;
  -webkit-animation: fadeIn 300ms ease 120ms;
          animation: fadeIn 300ms ease 120ms;
}

.filters {
  display: -webkit-box;
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  margin: 2rem 0;
  padding: var(--sp-16) var(--sp-22);
  background-color: var(--accent-7);
  border-radius: var(--sp-4);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.filters__label {
  font-weight: 600;
  color: var(--accent-6);
}

.filters__select {
  padding: 5px;
  border: none;
  border-bottom: 2px solid var(--grey);
  border-radius: 0;
}

.filters__select:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px var(--primary-10);
}

.filters__btn {
  height: 35px;
}

.footer {
  margin-top: auto;
}

.footer__top {
  padding: var(--sp-40) 0 var(--sp-24);
  background-color: var(--accent-4);
}

.footer__top .footer__row {
  padding-bottom: var(--sp-36);
}

.footer__bottom {
  padding: var(--sp-28) 0 var(--sp-40);
  background-color: var(--accent-5);
}

.footer__bottom .container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: var(--sp-36);
}

.footer__row {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  gap: var(--sp-28);
  flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  .footer__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-align: normal;
            align-items: normal;
    -webkit-box-pack: initial;
            justify-content: initial;
  }
}

@media only screen and (min-width: 1024px) {
  .footer__row {
    gap: var(--sp-40);
  }
}

.footer__row--center {
  -webkit-box-pack: center;
          justify-content: center;
}

.footer__row--top-border {
  padding-top: var(--sp-52);
  border-top: 1px solid var(--accent-6);
}

.footer__row--not-mobile {
  display: none;
}

.footer__heading {
  -webkit-margin-after: var(--sp-8);
          margin-block-end: var(--sp-8);
}

.footer__logo {
  width: 14rem;
  aspect-ratio: 112/61;
}

.footer__socials {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  gap: var(--sp-32);
  max-width: 20rem;
}

.footer__social-icon {
  height: 1.5rem;
  width: auto;
  color: var(--base);
}

.footer__partners {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  gap: var(--sp-28);
}

.footer__partner:first-of-type-logo {
  height: 5.1875rem;
}

.footer__partner-logo {
  height: 4.375rem;
  width: auto;
}

.footer__business {
  -webkit-box-flex: 0;
          flex: 0 1 auto;
}

.footer__inline-link a {
  -webkit-border-end: 1px solid var(--base);
          border-inline-end: 1px solid var(--base);
  line-height: 1;
}

.footer__inline-link:last-of-type a {
  -webkit-border-end: 0;
          border-inline-end: 0;
}

.footer .links--inline {
  -webkit-box-pack: center;
          justify-content: center;
}

.footer .flex-col:first-of-type {
  -webkit-box-align: inherit;
          align-items: inherit;
  gap: var(--sp-36);
  max-width: 20rem;
}

@media only screen and (min-width: 1024px) {
  .footer__bottom {
    gap: var(--sp-60);
  }
  .footer__row {
    -webkit-box-align: normal;
            align-items: normal;
    -webkit-box-pack: justify;
            justify-content: space-between;
    flex-wrap: nowrap;
  }
  .footer__row--not-mobile {
    display: -webkit-box;
    display: flex;
  }
  .footer__row--center {
    -webkit-box-pack: center;
            justify-content: center;
  }
  .footer__row--start {
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
  .footer__row--no-gap {
    gap: 0;
  }
  .footer__row--top-border {
    border-color: var(--grey);
  }
  .footer__col--sm {
    flex-shrink: 1;
  }
  .footer__col--form {
    -webkit-box-flex: 0;
            flex: 0 0 25.375rem;
  }
  .footer__heading {
    -webkit-margin-after: var(--sp-12);
            margin-block-end: var(--sp-12);
  }
  .footer__partners {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: start;
            align-items: flex-start;
    gap: var(--sp-40);
  }
  .footer__business {
    flex-basis: 29.75rem;
  }
}

@media only screen and (min-width: 1280px) {
  .footer__top .footer__row:first-of-type {
    gap: var(--sp-100);
  }
  .footer__bottom {
    padding-inline: var(--sp-96);
  }
  .footer__partners {
    gap: var(--sp-60);
  }
}

.forms {
  width: 100%;
}

.forms form {
  margin: auto;
  min-width: -webkit-fill-available;
  min-width: -moz-available;
  min-width: stretch;
}

.forms .matrix__remove {
  position: relative;
}

.forms .freeform-pages {
  display: none;
}

.forms .freeform-input {
  max-width: unset;
}

.forms .freeform-row [class*="freeform-col-"] .freeform-label {
  font-family: GothamRounded-Book, arial, helvetica, tahoma, verdana, sans-serif;
}

.forms .freeform-label.freeform-required::after {
  content: "*";
  color: red;
  position: relative;
  top: 0;
  font-size: 1.4rem;
  margin-left: 0.5rem;
  opacity: 1;
}

.forms--iizukamakeareferral .freeform-page-table thead {
  display: none;
}

.forms--iizukamakeareferral .freeform-page-table + .freeform-page-table {
  display: table !important;
}

.forms--iizukamakeareferral .referral-buttons .js-referral-remove {
  display: none;
}

.forms--iizukamakeareferral .form__row:has(.freeform-page-table + .freeform-page-table) .referral-buttons .js-referral-remove {
  display: inline-block;
}

.forms--iizukamakeareferral .form__row {
  display: block;
}

.forms--iizukamakeareferral .form__row:has(.form__col:nth-of-type(2)) {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: unset;
  gap: 1.5rem;
}

.forms--iizukamakeareferral .form__row:has(.form__col:nth-of-type(2)) > * {
  width: 50%;
}

.forms--iizukamakeareferral label:first-of-type::after {
  content: "*";
  position: relative;
  top: 0;
  font-size: 1.4rem;
  margin-left: 0.5rem;
  opacity: 0;
}

.forms--iizukamakeareferral .field--required label {
  position: relative;
}

.forms--iizukamakeareferral .field--required label:first-of-type::after {
  content: "*";
  color: red;
  position: relative;
  top: 0;
  font-size: 1.4rem;
  margin-left: 0.5rem;
  opacity: 1;
}

.forms .matrix__row {
  padding: 0.8rem;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.forms .matrix__row .matrix__data {
  width: 100%;
}

.forms .matrix__row > * {
  width: calc(50% - 0.8rem);
  padding: 0;
  border: 0;
  max-width: unset;
}

.form {
  width: 100%;
  margin-inline: auto;
  padding-block: var(--sp-52) var(--sp-60);
}

.form__errors, .form__pages, .form__tabs {
  margin-bottom: var(--sp-24);
}

.form__errors {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column nowrap;
  gap: var(--sp-16);
  width: 100%;
}

.form__pages {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row nowrap;
  overflow: hidden;
}

.form__page, .form__rows {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column nowrap;
}

.form__page {
  display: none;
  width: 0px;
}

.form__page[data-form-active-page="true"] {
  display: -webkit-box;
  display: flex;
  -webkit-animation: fadeIn 1000ms;
          animation: fadeIn 1000ms;
}

.form__rows {
  display: -webkit-box;
  display: flex;
}

.form__row {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  gap: var(--sp-22);
}

.form__col--1 {
  -webkit-box-flex: 1;
          flex: 1 1 8.33333333%;
}

.form__col--2 {
  -webkit-box-flex: 1;
          flex: 1 1 16.66666667%;
}

.form__col--3 {
  -webkit-box-flex: 1;
          flex: 1 1 25%;
}

.form__col--4 {
  -webkit-box-flex: 1;
          flex: 1 1 33.33333333%;
}

.form__col--5 {
  -webkit-box-flex: 1;
          flex: 1 1 41.66666667%;
}

.form__col--6 {
  -webkit-box-flex: 1;
          flex: 1 1 50%;
}

.form__col--7 {
  -webkit-box-flex: 1;
          flex: 1 1 58.33333333%;
}

.form__col--8 {
  -webkit-box-flex: 1;
          flex: 1 1 66.66666667%;
}

.form__col--9 {
  -webkit-box-flex: 1;
          flex: 1 1 75%;
}

.form__col--10 {
  -webkit-box-flex: 1;
          flex: 1 1 83.33333333%;
}

.form__col--11 {
  -webkit-box-flex: 1;
          flex: 1 1 91.66666667%;
}

.form__col--12 {
  -webkit-box-flex: 1;
          flex: 1 1 100%;
}

.form__actions {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.form__action--submit {
  justify-self: flex-end;
}

.form__submit {
  -webkit-margin-before: var(--sp-28);
          margin-block-start: var(--sp-28);
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}

.form__submit:disabled {
  display: none;
}

.form__heading--small {
  font-size: 1.25rem;
  color: var(--secondary);
}

.form__heading--small .edit-amount {
  font-size: var(--sp-18);
  font-weight: 400;
  text-decoration: underline;
  color: var(--primary);
}

.form .announcement {
  -webkit-margin-after: 0px;
          margin-block-end: 0px;
}

.form .hidden {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .form__row {
    flex-wrap: nowrap;
  }
  .form__row--wrap {
    flex-wrap: wrap;
  }
}

.form__confirmation--custom {
  display: none;
}

.form-donate-footer input[type="submit"] {
  background-color: var(--secondary);
}

.form-msg__msg {
  display: none;
}

.form-msg__msg.alert {
  display: block;
}

.form-restricted__fields {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column nowrap;
  gap: var(--sp-24);
  opacity: 0;
  -webkit-transition: opacity 300ms ease 100ms;
  transition: opacity 300ms ease 100ms;
}

.form-restricted__fields.visible {
  display: -webkit-box;
  display: flex;
  opacity: 1;
}

.form-success {
  margin-bottom: var(--sp-18);
}

.full-image .container,
.full-video .container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}

.full-image__picture, .full-image__video,
.full-video__picture,
.full-video__video {
  width: 100%;
  max-width: 77.25rem;
}

.full-image__video,
.full-video__video {
  position: relative;
  -webkit-padding-after: 56.25%;
          padding-block-end: 56.25%;
}

.full-image__video iframe,
.full-video__video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.full-image__img,
.full-video__img {
  width: 100%;
}

.full-image .btn,
.full-video .btn {
  width: calc(100% - var(--sp-40));
  -webkit-margin-before: var(--sp-52);
          margin-block-start: var(--sp-52);
}

.full-image--ctas .full-image__content,
.full-video--ctas .full-image__content {
  position: relative;
  width: 100%;
}

.full-image--ctas .full-image__img,
.full-video--ctas .full-image__img {
  min-height: 25rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.full-image--ctas .full-image__ctas,
.full-video--ctas .full-image__ctas {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 52%;
  min-width: 15.625rem;
  max-width: 40.25rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  gap: var(--sp-22);
}

@media only screen and (min-width: 768px) {
  .full-image--ctas .full-image__ctas,
  .full-video--ctas .full-image__ctas {
    width: 90%;
    max-width: 40.25rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    justify-content: space-around;
  }
}

.fund-search__label {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: var(--sp-8);
  position: relative;
  width: 100%;
}

.fund-search__label.searching::after {
  content: '';
  position: absolute;
  inset: 0.75rem 0.25rem auto auto;
  width: 2.25rem;
  height: 2.25rem;
  background-image: url(/img/system/loader-on-white.gif);
  background-size: cover;
}

.fund-search__input {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .fund-search__label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
    gap: var(--sp-22);
  }
}

.funds .container, .funds__cards {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.funds .container {
  gap: var(--sp-32);
  -webkit-box-align: center;
          align-items: center;
}

.funds__cards {
  gap: var(--sp-22);
}

.funds__card {
  -webkit-box-flex: 0;
          flex: 0 0 100%;
}

.funds__card.hide {
  display: none;
}

@media only screen and (min-width: 768px) {
  .funds__cards {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
  .funds__card {
    -webkit-box-flex: 0;
            flex: 0 0 calc(50% - var(--sp-22));
  }
}

@media only screen and (min-width: 1024px) {
  .funds__card {
    -webkit-box-flex: 0;
            flex: 0 0 calc(33% - 14.6px);
  }
}

.heading {
  width: 100%;
}

.heading__text {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 80ch;
  margin: 0 auto var(--sp-40) auto;
  -webkit-padding-after: var(--sp-16);
          padding-block-end: var(--sp-16);
  text-align: center;
}

.heading__text::after {
  content: '';
  position: absolute;
  inset: 100% 0 auto 0;
  width: 100%;
  height: 4px;
  background: repeat-x center/cover url("/img/backgrounds/shard-line-bg.png");
}

@media only screen and (min-width: 1024px) {
  .heading__text {
    -webkit-margin-after: var(--sp-52);
            margin-block-end: var(--sp-52);
  }
}

.heading-text__copy {
  text-align: center;
}

.heading-text__copy p {
  font-size: var(--sp-22);
}

.heading-text .btn {
  margin: var(--sp-32) auto 0 auto;
}

.hero {
  position: relative;
  isolation: isolate;
  background-color: var(--secondary);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 32rem;
  overflow: hidden;
  -webkit-padding-before: 0;
          padding-block-start: 0;
}

.hero__picture {
  width: 100%;
  aspect-ratio: 36/25;
}

.hero__img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}

.hero__content {
  padding: var(--sp-32) var(--sp-22);
  background-color: var(--primary);
  color: var(--base);
  border-radius: var(--sp-4) var(--sp-4) 0 0;
  box-shadow: var(--shadow-1);
}

.hero__heading {
  -webkit-margin-after: var(--sp-8);
          margin-block-end: var(--sp-8);
}

.hero__copy {
  max-width: 80ch;
  -webkit-margin-after: var(--sp-16);
          margin-block-end: var(--sp-16);
}

@media only screen and (min-width: 768px) {
  .hero__content {
    max-width: 32.5rem;
    border-radius: var(--sp-4);
  }
  .hero .container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-padding-before: unset;
            padding-block-start: unset;
    min-height: 32rem;
  }
}

@media only screen and (min-width: 1024px) {
  .hero {
    min-height: 43.625rem;
  }
  .hero__picture {
    position: absolute;
    inset: 0;
    z-index: -1;
    aspect-ratio: unset;
  }
}

.icon {
  display: block;
}

.icon--add-to-subtract {
  width: var(--sp-32);
  height: var(--sp32);
  background-color: var(--primary);
  color: var(--base);
}

.icon--add-to-subtract .line {
  -webkit-transition: -webkit-transform 300ms ease-in;
  transition: -webkit-transform 300ms ease-in;
  transition: transform 300ms ease-in;
  transition: transform 300ms ease-in, -webkit-transform 300ms ease-in;
  -webkit-transform-origin: center;
          transform-origin: center;
}

details[open] .icon--add-to-subtract .up,
[aria-pressed="true"] .icon--add-to-subtract .up {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.image-gallery {
  box-sizing: border-box;
  padding: 0;
}

.image-gallery *,
.image-gallery *::before,
.image-gallery *::after {
  box-sizing: inherit;
}

.image-gallery__grid {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}

.image-gallery__item {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  margin: 0 0 1rem;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

.image-gallery__image {
  display: block;
  width: 100%;
  height: auto;
}

.image-gallery__caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem;
  background: #ffc00f;
  color: #1E1E1E;
  font-size: 0.875rem;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.image-gallery__item:hover .image-gallery__caption,
.image-gallery__item:focus-within .image-gallery__caption {
  opacity: 1;
}

@media (max-width: 768px) {
  .image-gallery__grid {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}

@media (max-width: 480px) {
  .image-gallery__grid {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .image-gallery__caption {
    -webkit-transition: none;
    transition: none;
  }
}

.image-hero {
  display: block;
}

.image-hero picture,
.image-hero img {
  max-width: unset;
  width: 100%;
  display: block;
}

.large-ctas__ctas {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: var(--sp-28);
}

.large-ctas__cta, .large-ctas__picture, .large-ctas__img {
  max-width: 28.75rem;
}

.large-ctas__picture, .large-ctas__img, .large-ctas__copy {
  width: 100%;
}

.large-ctas__picture {
  aspect-ratio: 8/7;
}

.large-ctas__img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.large-ctas__copy {
  background-color: var(--accent-1);
  padding: var(--sp-8);
}

.large-ctas__text {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .large-ctas__ctas {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    justify-content: space-around;
    gap: var(--sp-18);
  }
  .large-ctas__cta {
    width: 50%;
  }
}

@media only screen and (min-width: 1024px) {
  .large-ctas__ctas {
    gap: var(--sp-40);
  }
}

.links--bullets {
  list-style-type: disc;
  -webkit-padding-start: var(--sp-22);
          padding-inline-start: var(--sp-22);
}

.links--inline {
  display: -webkit-inline-box;
  display: inline-flex;
  flex-wrap: wrap;
}

@media only screen and (min-width: 1024px) {
  .links--nowrap {
    flex-wrap: nowrap;
  }
}

.link--decorated {
  text-decoration: underline;
}

.link--inline {
  display: inline-block;
  padding-inline: var(--sp-8);
}

.link--img {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media only screen and (min-width: 768px) {
  .link--inline {
    padding-inline: var(--sp-12);
  }
}

.list--icons {
  -webkit-padding-start: var(--sp-40);
          padding-inline-start: var(--sp-40);
}

.list-item--icon {
  position: relative;
  -webkit-margin-after: var(--sp-22);
          margin-block-end: var(--sp-22);
}

.list-item--icon::before {
  position: absolute;
  inset: 0 auto auto -2.5rem;
  width: var(--sp-24);
  height: var(--sp-24);
  -webkit-filter: invert(1);
          filter: invert(1);
}

.list-item--phone::before {
  content: url("/img/icons/phone.svg");
}

.list-item--email::before {
  content: url("/img/icons/email-at.svg");
}

.matrix {
  width: 100%;
}

.matrix__row {
  position: relative;
  isolation: isolate;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  gap: var(--sp-8);
  -webkit-margin-after: var(--sp-16);
          margin-block-end: var(--sp-16);
  padding: var(--sp-12) var(--sp-40) var(--sp-24) var(--sp-12);
  border-radius: var(--sp-8);
  border: 0.125rem solid var(--grey);
  opacity: 100;
  -webkit-transform: opacity 300ms ease-in-out;
          transform: opacity 300ms ease-in-out;
}

.matrix__row[data-matrix-hidden="true"] {
  display: none;
  opacity: 0;
}

.matrix__row:last-child {
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
}

.matrix__data {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
          justify-content: space-between;
  gap: var(--sp-16);
}

.matrix__heading {
  width: calc(100% - var(--sp-44));
}

.matrix__remove, .matrix[data-matrix-hide] {
  position: absolute;
  top: 0;
  right: 0;
  width: var(--sp-36);
  height: var(--sp-36);
}

.matrix__remove:hover, .matrix[data-matrix-hide]:hover {
  cursor: pointer;
}

.matrix__fields {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .matrix__data {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
  }
  .matrix__col {
    flex-basis: calc(50% - var(--sp-16));
  }
}

.media-text .container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: var(--sp-28);
}

.media-text__copy, .media-text__media {
  width: 100%;
}

.media-text__media {
  position: relative;
  aspect-ratio: 16/9;
}

.media-text__heading {
  -webkit-margin-after: var(--sp-12);
          margin-block-end: var(--sp-12);
}

.media-text__img,
.media-text iframe {
  width: 100%;
}

.media-text iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  height: 100%;
}

.media-text iframe.donate {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.media-text__ctas {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: var(--sp-12);
  -webkit-margin-before: var(--sp-16);
          margin-block-start: var(--sp-16);
}

@media only screen and (min-width: 768px) {
  .media-text .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .media-text__heading {
    -webkit-margin-after: var(--sp-22);
            margin-block-end: var(--sp-22);
  }
  .media-text__ctas {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    gap: var(--sp-22);
    -webkit-margin-before: var(--sp-24);
            margin-block-start: var(--sp-24);
  }
  .media-text--reverse .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
}

@media only screen and (min-width: 1024px) {
  .media-text .container {
    -webkit-box-pack: justify;
            justify-content: space-between;
    gap: var(--sp-80);
  }
}

.modal-content,
.modal-media-detail,
.modal-message-list,
.modal-message-create,
.modal-message-notice {
  width: 100%;
}

.modal-content h2,
.modal-media-detail h2,
.modal-message-list h2,
.modal-message-create h2,
.modal-message-notice h2 {
  -webkit-margin-after: var(--sp-22);
          margin-block-end: var(--sp-22);
}

.modal-content h3,
.modal-media-detail h3,
.modal-message-list h3,
.modal-message-create h3,
.modal-message-notice h3 {
  -webkit-margin-after: var(--sp-16);
          margin-block-end: var(--sp-16);
}

.modal-content p,
.modal-content blockquote,
.modal-media-detail p,
.modal-media-detail blockquote,
.modal-message-list p,
.modal-message-list blockquote,
.modal-message-create p,
.modal-message-create blockquote,
.modal-message-notice p,
.modal-message-notice blockquote {
  -webkit-margin-after: var(--sp-12);
          margin-block-end: var(--sp-12);
}

.modal-media-detail,
.modal-message-list,
.modal-message-create,
.modal-content > .social-share {
  -webkit-margin-after: var(--sp-44);
          margin-block-end: var(--sp-44);
}

.modal-content {
  -webkit-padding-after: var(--sp-48);
          padding-block-end: var(--sp-48);
}

.modal-media-detail {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: var(--sp-22);
}

.modal-media-detail__picture, .modal-media-detail__detail {
  -webkit-box-flex: 1;
          flex: 1 1 100%;
}

.modal-media-detail__img {
  width: 100%;
}

.modal-message-list {
  display: flow-root;
}

.modal-message-list__item {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  gap: var(--sp-22);
  max-width: 100%;
  padding-block: var(--sp-16);
  border-bottom: 1px solid var(--grey);
}

.modal-message-list__item:last-of-type {
  border-bottom: 0;
}

.modal-message-list__picture {
  width: var(--sp-80);
  -webkit-box-flex: 0;
          flex: 0 0 var(--sp-80);
  aspect-ratio: 1/1;
}

.modal-message-list__img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.modal-message-list__msg {
  -webkit-box-flex: 0;
          flex: 0 1 calc(100% - var(--sp-100));
}

.modal-message-list__msg-heading {
  -webkit-margin-after: var(--sp-12);
          margin-block-end: var(--sp-12);
}

.modal-message-create form,
.modal-message-create label,
.modal-message-create input,
.modal-message-create textarea {
  max-width: 100%;
}

.modal-message-create__fields {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: var(--sp-22);
}

.modal-message-create .field__input {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .modal-media-detail {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
  .modal-media-detail__picture {
    -webkit-box-flex: 0;
            flex: 0 1 40%;
  }
  .modal-media-detail__detail {
    -webkit-box-flex: 0;
            flex: 0 0 50%;
  }
}

.multi-column {
  padding: 2.5rem 0 3rem;
}

.multi-column + .multi-column {
  padding: 0 0 3rem;
  margin-top: -0.75rem;
}

.multi-column__container {
  max-width: 900px;
}

.multi-column__heading {
  font-size: 2rem;
  line-height: 1.1;
}

@media (min-width: 1000px) {
  .multi-column__heading {
    font-size: 2.5rem;
  }
}

.multi-column__subheading {
  font-family: "GothamRounded-Bold", arial, helvetica, tahoma, verdana, sans-serif;
  font-size: 1.3rem;
}

.multi-column__image {
  margin: 2rem 0 0;
  position: relative;
}

.multi-column__image picture,
.multi-column__image img {
  display: block;
  width: 100%;
  height: auto;
}

.multi-column__image-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.multi-column__text-cols {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  position: relative;
}

.multi-column__text-cols-item {
  width: 100%;
  margin-top: 1.25rem;
}

@media (min-width: 750px) {
  .multi-column__text-cols-item {
    width: calc(50% - 1rem);
  }
}

.multi-column__cards {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: start;
          justify-content: flex-start;
  margin: 1rem -0.5rem 0;
  position: relative;
}

.multi-column__card-item {
  margin: 1rem 0.5rem 0;
  width: calc(50% - 1rem);
  display: block;
  padding: 0.5rem;
}

@media (min-width: 750px) {
  .multi-column__card-item {
    width: calc(33.33% - 1rem);
  }
}

.multi-column__card-item a {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
          justify-content: space-between;
  height: 100%;
}

.multi-column__card-item-heading {
  font-size: 2rem;
  line-height: 1;
  margin-bottom: -3px;
}

@media (min-width: 1000px) {
  .multi-column__card-item-heading {
    font-size: 4.5rem;
  }
}

.multi-column__text-cols-item p,
.multi-column__card-item-copy p {
  font-size: 1.15rem;
  line-height: 1.3;
}

.multi-column__text-cols-item p strong,
.multi-column__card-item-copy p strong {
  font-family: "GothamRounded-Bold", arial, helvetica, tahoma, verdana, sans-serif;
}

@media (min-width: 1000px) {
  .multi-column__text-cols-item p,
  .multi-column__card-item-copy p {
    font-size: 1.35rem;
  }
}

.multi-column__card-item-image {
  aspect-ratio: 1;
  margin: 1rem -0.5rem -0.5rem;
  background-size: cover;
  background-position: 50%;
}

@media (min-width: 1000px) {
  .multi-column__card-item-image {
    margin: 2rem -0.5rem -0.5rem;
  }
}

.multi-column__badge {
  position: absolute;
  top: 0;
  left: -14vw;
  width: 13vw;
  aspect-ratio: 0.8;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

@media (max-width: 1100px) {
  .multi-column__badge {
    display: none;
  }
}

.multi-column__badge--right {
  left: unset;
  right: -14vw;
}

.nav {
  position: fixed;
  inset: 0 0 auto;
  z-index: 30;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
          flex-direction: column-reverse;
  background-color: var(--base);
  box-shadow: 0px 0px 3px rgba(30, 30, 30, 0.25);
}

.nav .container {
  display: -webkit-box;
  display: flex;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  z-index: inherit;
}

.nav__main-bar {
  padding: var(--sp-16) 0;
}

.nav__logo {
  width: var(--sp-80);
  aspect-ratio: 16/9;
  background: url(/img/branding/logo-rainbow-trust@3x.png) no-repeat;
  background-size: contain;
  -ms-behavior: url(../polyfills/background-size/backgroundsize.htc);
  text-indent: -999rem;
}

.nav__actions {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: stretch;
          align-items: stretch;
  gap: var(--sp-8);
  -webkit-box-flex: 1;
          flex: 1 1 13.1875rem;
}

.nav__action {
  border-radius: var(--sp-16);
  padding: var(--sp-8) var(--sp-16);
}

.nav__action:not(.nav__action--control) .btn__text {
  display: none;
}

.nav__items-wrap {
  position: absolute;
  inset: 100% 0 auto 0;
  z-index: -1;
  width: 100%;
  height: calc(100vh - 61px);
  pointer-events: all;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: var(--base);
  padding: var(--sp-12);
  border-top: 0.125rem solid var(--grey);
  box-shadow: 4px 6px 12px rgba(30, 30, 30, 0.15);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 200ms linear;
  transition: -webkit-transform 200ms linear;
  transition: transform 200ms linear;
  transition: transform 200ms linear, -webkit-transform 200ms linear;
}

.nav__items-wrap.open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.nav__item, .nav__item--child {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.nav__item {
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
  padding: var(--sp-16) 0;
  border-bottom: 1px solid var(--grey);
}

.nav__item:last-of-type {
  border-bottom: 0;
}

.nav__item--btn-wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
          flex-direction: column-reverse;
  gap: var(--sp-12);
}

.nav__item--child {
  -webkit-box-flex: 0;
          flex: 0 0 0;
  overflow: hidden;
  border-bottom: 0px solid transparent;
  padding-left: var(--sp-18);
  opacity: 0;
  -webkit-transition: opacity 200ms ease-in-out, border-bottom 300ms ease-in-out, -webkit-flex-basis 300ms linear;
  transition: opacity 200ms ease-in-out, border-bottom 300ms ease-in-out, -webkit-flex-basis 300ms linear;
  transition: opacity 200ms ease-in-out, flex-basis 300ms linear, border-bottom 300ms ease-in-out;
  transition: opacity 200ms ease-in-out, flex-basis 300ms linear, border-bottom 300ms ease-in-out, -webkit-flex-basis 300ms linear;
}

.nav__item .btn {
  width: 100%;
}

.nav__item-heading {
  display: none;
}

.nav__items {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.nav__items--secondary {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
          flex-direction: column-reverse;
  -webkit-box-flex: 1;
          flex: 1;
}

.nav__items--child {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  width: 100%;
}

.nav__items--child[aria-expanded="true"] .nav__item--child {
  opacity: 1;
  -webkit-box-flex: 1;
          flex-grow: 1;
  flex-basis: 65px;
  border-bottom: 1px solid var(--grey);
}

.nav__items--child[aria-expanded="true"] .nav__item--child:last-of-type {
  border-bottom: 0;
}

.nav__link {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.nav__link-icon {
  -webkit-margin-end: var(--sp-16);
          margin-inline-end: var(--sp-16);
}

.nav__child-toggle {
  border-radius: var(--sp-32);
  overflow: hidden;
}

.nav__search {
  -webkit-padding-after: var(--sp-22);
          padding-block-end: var(--sp-22);
}

.nav__search .label {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.nav__search .label__icon:hover {
  cursor: pointer;
}

.nav__search-input {
  padding: var(--sp-4) var(--sp-8);
}

@media only screen and (min-width: 360px) {
  .nav__action:not(.nav__action--control) .btn__text {
    display: block;
  }
}

@media only screen and (max-width: 1199px) {
  .nav__search {
    width: 100%;
    -webkit-padding-after: 0;
            padding-block-end: 0;
  }
  .nav__search .label {
    position: relative;
  }
  .nav__search .label__icon {
    position: absolute;
    left: var(--sp-12);
  }
  .nav__search-input {
    width: 100%;
    padding: var(--sp-8) var(--sp-8) var(--sp-8) var(--sp-32);
    background-color: var(--light-grey);
    border-color: var(--grey);
  }
}

@media only screen and (min-width: 1200px) {
  .nav {
    display: block;
  }
  .nav__top-bar {
    height: var(--sp-52);
    background: url(/img/backgrounds/top-bar-shards.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .nav__logo {
    width: 8.375rem;
  }
  .nav__actions, .nav__action {
    display: none;
    width: 0;
    height: 0;
    -webkit-box-flex: unset;
            flex: unset;
  }
  .nav__items-wrap, .nav__items, .nav__items--secondary {
    -webkit-box-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .nav__items-wrap {
    position: unset;
    z-index: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border: 0;
    box-shadow: unset;
    background-color: transparent;
    -webkit-transform: unset;
            transform: unset;
    overflow: hidden;
  }
  .nav__items {
    gap: var(--sp-12);
  }
  .nav__items--secondary {
    position: absolute;
    top: 6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: calc(100% - var(--sp-22));
    max-width: 1236px;
  }
  .nav__items--secondary .nav__item {
    height: 2.5rem;
    font-size: var(--sp-16);
    font-family: "GothamRounded-Medium", arial, helvetica, tahoma, verdana, sans-serif;
  }
  .nav__items--child {
    display: none;
    position: absolute;
    inset: 9.9375rem auto auto 0;
    width: 100vw;
    background-color: var(--base);
    gap: var(--sp-28);
    -webkit-animation: fadeOut 180ms ease;
            animation: fadeOut 180ms ease;
  }
  .nav__items--child.visible {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    flex-wrap: wrap;
    -webkit-padding-after: var(--sp-32);
            padding-block-end: var(--sp-32);
    padding-inline: calc((100vw - 46rem) / 2);
    box-shadow: 0px var(--sp-16) var(--sp-16) rgba(0, 0, 0, 0.15);
    -webkit-animation: fadeIn 300ms ease;
            animation: fadeIn 300ms ease;
  }
  .nav__items--child.visible .nav__item-heading {
    -webkit-box-flex: 1;
            flex: 1 0 100%;
    display: block;
  }
  .nav__items--child.visible .nav__item--child {
    opacity: 1;
    -webkit-box-flex: 0;
            flex: 0 0 48%;
    font-family: "GothamRounded-Medium", arial, helvetica, tahoma, verdana, sans-serif;
  }
  .nav__item {
    padding: 0;
    border: 0;
  }
  .nav__item--btn-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    gap: var(--sp-16);
    padding-left: var(--sp-8);
  }
  .nav__item--parent > .nav__link {
    position: relative;
  }
  .nav__item--parent > .nav__link::after {
    content: url(/img/icons/chevron-black.svg);
    position: absolute;
    inset: auto auto -32px 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
  }
  .nav__item--parent:hover > .nav__link::after {
    opacity: 1;
  }
  .nav__item--child {
    padding: 0 0 var(--sp-16) 0;
    border-bottom: 2px solid var(--grey);
    -webkit-transition: opacity 320ms ease;
    transition: opacity 320ms ease;
  }
  .nav__item .btn {
    width: auto;
  }
  .nav__item-heading {
    position: relative;
    -webkit-padding-after: var(--sp-16);
            padding-block-end: var(--sp-16);
    -webkit-margin-before: var(--sp-32);
            margin-block-start: var(--sp-32);
  }
  .nav__item-heading::after {
    content: '';
    position: absolute;
    inset: 100% 0 auto 0;
    width: 100%;
    height: 4px;
    background: repeat-x center/cover url("/img/backgrounds/shard-line-bg.png");
  }
  .nav__search {
    -webkit-padding-after: 0;
            padding-block-end: 0;
  }
  .nav__search .label__icon {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .nav__search-input {
    -webkit-animation: fadeOut 300ms ease;
            animation: fadeOut 300ms ease;
    display: none;
    -webkit-margin-start: var(--sp-8);
            margin-inline-start: var(--sp-8);
  }
  .nav__search-input.visible {
    display: block;
    -webkit-animation: fadeIn 300ms ease;
            animation: fadeIn 300ms ease;
  }
  .nav .nav__child-toggle {
    display: none;
  }
}

@media only screen and (min-width: 1280px) {
  .nav__items {
    gap: var(--sp-32);
  }
}

.newsletter-signup--footer .form {
  padding-block: 0;
  margin-block: var(--sp-22);
}

.newsletter-signup__disclaimer a {
  text-decoration: underline;
  color: inherit;
}

.announcement {
  background: #ffc00f;
  padding: 30px;
  margin: 0 0 30px;
}

.announcement h1 {
  background: none !important;
  color: #1e1e1e;
  text-transform: uppercase;
  padding: 0;
}

.carousel-page,
.carousel-page-gallery {
  margin-bottom: 40px;
  margin-bottom: 4rem;
}

.carousel-item {
  position: relative;
  float: left;
}

.carousel-item img {
  float: left;
}

.carousel-info {
  position: absolute;
  left: 130px;
  left: 13rem;
  bottom: 45px;
  bottom: 4.5rem;
  width: 460px;
  width: 46rem;
  height: 210px;
  height: 21rem;
  color: #fff;
  background: url(/img/backgrounds/bg-carousel-info.png);
  padding: 40px 40px 15px 40px;
  padding: 4rem 4rem 1.5rem 4rem;
  z-index: 3;
}

.carousel-info h2 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
  padding: 0;
  background: none;
}

.carousel-page .carousel-info,
.carousel-page-gallery .carousel-info {
  width: 100%;
  height: auto;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  *behavior: url(../polyfills/box-sizing/boxsizing.htc);
  padding: 40px 20px 25px 20px;
  padding: 4rem 2rem 2.5rem 2rem;
}

.carousel-page .carousel-info .article,
.carousel-page-gallery .carousel-info .article {
  float: left;
  width: 70%;
}

.carousel-page .carousel-info a.bt-default,
.carousel-page-gallery .carousel-info a.bt-default {
  float: right;
}

.carousel-gallery .carousel-info {
  background: url(/img/backgrounds/bg-gallery-info.png);
}

#carousel-pager {
  clear: both;
  padding-top: 20px;
  padding-top: 2rem;
  background: #fff;
}

#carousel-pager li {
  float: left;
  margin: 0 0 20px 0;
  margin: 0 0 2rem 0;
}

#carousel-pager li a.active img {
  border: 8px solid #f4811f;
}

#carousel-pager li a img {
  border: 8px solid transparent;
}

.carousel-cta li {
  float: left;
  margin: 0;
  min-height: 300px;
  min-height: 30rem;
}

.carousel-cta-item {
  position: relative;
  display: table;
  width: 300px;
  width: 30rem;
  height: 300px;
  height: 30rem;
}

.carousel-cta-item a {
  display: block;
  display: table-cell;
  height: 100%;
  vertical-align: bottom;
  color: #fff;
  text-decoration: none;
}

.carousel-cta-item img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.carousel-cta-info {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0 20px 30px 20px;
  padding: 0 2rem 3rem 2rem;
  box-sizing: border-box;
  *behavior: url(../polyfills/box-sizing/boxsizing.htc);
}

.carousel-cta-info h2 {
  font-size: 15px;
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background: none;
  margin: 0 0 10px 0;
  margin: 0 0 1rem 0;
  padding: 0;
}

.carousel-cta-info p.read-more-cta {
  font-family: "Gotham Rounded 7r", "Gotham Rounded A", "Gotham Rounded B", "GothamRounded-Bold", arial, helvetica, tahoma, verdana, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
}

.carousel-cta-item a:hover .overlay {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
}

.main .carousel-cta-item {
  width: 200px;
  width: 20rem;
  height: 200px;
  height: 20rem;
}

.main .carousel-cta-info h2,
.main .carousel-cta-info p.read-more-cta {
  font-size: 12px;
  font-size: 1.2rem;
}

.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
  width: 60px !important;
  width: 6rem !important;
  height: 60px !important;
  height: 6rem !important;
}

.bx-wrapper .bx-prev {
  background: url(/img/system/carousel-nav-back.png) no-repeat;
}

.bx-wrapper .bx-next {
  background: url(/img/system/carousel-nav-forward.png) no-repeat;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.bx-wrapper .bx-controls-direction a {
  margin-top: -30px !important;
  margin-top: -3rem !important;
}

#carousel-pager .bx-wrapper .bx-prev {
  left: -60px;
  left: -6rem;
}

#carousel-pager .bx-wrapper .bx-next {
  right: -60px;
  right: -6rem;
}

@media screen and (max-width: 980px) {
  .bx-wrapper .bx-prev,
  .bx-wrapper .bx-next {
    width: 40px !important;
    width: 4rem !important;
    height: 40px !important;
    height: 4rem !important;
    background-size: contain !important;
    -ms-behavior: url(../polyfills/background-size/backgroundsize.htc);
  }
  .bx-wrapper .bx-controls-direction a {
    margin-top: -20px !important;
    margin-top: -2rem !important;
  }
  .carousel-wrapper {
    background: #002d62;
  }
  .carousel-info {
    position: static;
    background-image: none;
    height: auto;
    width: 100%;
    clear: both;
    box-sizing: border-box;
    padding: 20px 70px;
    padding: 2rem 7rem;
  }
  .carousel-info h2 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .carousel-info a.bt-default {
    padding: 10px;
    padding: 1rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .carousel-page .carousel-info {
    box-sizing: border-box;
    padding: 20px 70px;
    padding: 2rem 7rem;
  }
  .carousel-page .carousel-info .article,
  .carousel-page .carousel-info a.bt-default,
  .carousel-page-gallery .carousel-info .article,
  .carousel-page-gallery .carousel-info a.bt-default {
    float: none;
  }
  .carousel-page .carousel-info .article,
  .carousel-page-gallery .carousel-info .article {
    width: 100%;
  }
  .carousel-page-cta .carousel-wrapper {
    background: #fff;
  }
  #carousel-pager li a.active img {
    border: none;
    opacity: 1;
  }
  #carousel-pager li a img {
    border: none;
    opacity: 0.4;
  }
  .carousel-gallery .carousel-info {
    background: #002d62;
    padding: 20px;
    padding: 2rem;
  }
  #carousel-pager .bx-wrapper .bx-prev {
    left: 0;
  }
  #carousel-pager .bx-wrapper .bx-next {
    right: 0;
  }
}

.pagination {
  clear: both;
  overflow: hidden;
  text-align: center;
  border-top: 4px solid #0082c8;
  padding: 35px 0 0 0;
  padding: var(--sp-36) 0 0 0;
  margin: 0 0 15px 0;
  margin: 0 0 var(--sp-16) 0;
}

.pagination li {
  display: inline-block;
  margin: 0 7px;
  margin: 0 0.7rem;
}

.pagination li a {
  font-family: "Gotham Rounded 7r", "Gotham Rounded A", "Gotham Rounded B", "GothamRounded-Bold", arial, helvetica, tahoma, verdana, sans-serif;
  font-weight: 700;
}

.pagination li.page-current a,
.pagination li.page-current a:hover {
  cursor: default;
  color: var(--black);
  text-decoration: none;
}

.pagination li.page-first,
.pagination li.page-last {
  margin: 0;
}

.pagination li.page-first {
  float: left;
}

.pagination li.page-last {
  float: right;
}

.salary-calculator {
  display: table;
}

.salary-calculator .calculator,
.salary-calculator .calculator-sidebar {
  display: table-cell;
}

.salary-calculator .calculator {
  background: #7db042;
  width: 620px;
  width: 62rem;
}

.salary-calculator .calculator h3,
.salary-calculator .calculator p,
.salary-calculator .calculator .capture li label {
  color: #fff;
}

.salary-calculator .calculator .calculator-intro {
  background: #1a8325;
  border-bottom: 3px solid #177621;
}

.salary-calculator .calculator .calculator-section {
  padding: 40px 20px 40px 20px;
  padding: 4rem 2rem 4rem 2rem;
}

.salary-calculator .calculator .capture li.salary-annual,
.salary-calculator .calculator .capture li .salary-monthly {
  width: 25%;
}

.salary-calculator .calculator .capture li label.label-choice {
  margin-bottom: 0;
}

.salary-calculator .calculator .capture li input.field-submit {
  background: #002d62;
}

.salary-calculator .calculator .capture li input#bt-calculate-salary {
  padding: 14px 20px 14px 20px;
  padding: 1.4rem 2rem 1.4rem 2rem;
  margin-left: 17px;
  margin-left: 1.7rem;
}

.salary-calculator .calculator .capture li button#submit-salary {
  background: #002d62;
}

.salary-calculator .calculator .capture li button#submit-salary span {
  max-width: 240px;
  max-width: 24rem;
  word-wrap: break-word;
}

.salary-calculator .calculator .capture .custom-donate {
  display: inline-block;
  float: left;
  width: auto;
  background: #fff url(/img/system/pound-black.png) no-repeat 10px center;
  background-size: 13px 16px;
  padding-left: 30px;
  padding-left: 3rem;
  width: 145px;
  width: 14.5rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
  border: 0;
}

.salary-calculator .calculator .capture .custom-donate#hourly-rate {
  width: 280px;
  width: 28rem;
}

.salary-calculator .calculator .capture .field-tip {
  position: relative;
}

.salary-calculator .calculator .capture .field-tip a {
  text-indent: -9999px;
  display: block;
  background: url(/img/system/tip.png) no-repeat center center;
  background-size: 25px 24px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  position: absolute;
  left: 240px;
  top: 11px;
}

.salary-calculator .calculator .capture .field-tip a:hover {
  cursor: help;
}

.salary-calculator .calculator .capture .field-tip input {
  padding-right: 45px !important;
}

.salary-calculator .calculator .capture .field-tip .tip {
  display: none;
  background: #221f1f;
  color: #fff;
  padding: 4px 20px 14px;
  margin-top: 20px;
}

.salary-calculator .calculator .capture .field-tip .tip:before {
  content: "";
  position: relative;
  top: -16px;
  left: 236px;
  margin-left: -9px;
  width: 0;
  height: 0;
  display: block;
  border-bottom: 6px solid #221f1f;
  border-right: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid transparent;
}

.salary-calculator .calculator .capture .field-tip .tip p {
  margin-bottom: 0;
}

.salary-calculator .calculator .capture .field-tip.show .tip {
  display: block;
}

.salary-calculator .calculator-sidebar {
  position: relative;
  width: 300px;
  width: 30rem;
  background: #fff url(/img/backgrounds/bg-calculator-sidebar.jpg) no-repeat top center;
  background-size: cover;
  border-left: 20px solid #fff;
}

.salary-calculator .calculator-sidebar img {
  position: absolute;
  bottom: 12px;
  left: 12px;
  width: 50%;
}

@media only screen and (max-width: 480px) {
  .salary-calculator .calculator .capture li input#salary-amount {
    width: 100%;
    margin-bottom: 25px;
    margin-bottom: 2.5rem;
  }
  .salary-calculator .calculator .capture li input#bt-calculate-salary,
  .salary-calculator .calculator .capture li button#submit-salary {
    margin-left: 0;
    width: 100%;
    max-width: none;
  }
  .salary-calculator .calculator .capture li .custom-donate#hourly-rate {
    width: 100%;
  }
  .salary-calculator .calculator .capture li .field-tip a {
    right: 11px;
    left: auto;
  }
  .salary-calculator .calculator .capture li .field-tip .tip:before {
    right: 11px;
    margin-left: auto;
    left: auto;
    right: 0;
  }
}

@media only screen and (max-width: 980px) {
  .salary-calculator .calculator {
    width: 100%;
  }
  .salary-calculator .calculator .capture li.salary-annual,
  .salary-calculator .calculator .capture li .salary-monthly {
    width: 100%;
  }
  .salary-calculator .calculator-sidebar {
    display: none;
  }
}

.sub h1,
.sub h2 {
  color: #1e1e1e;
  padding: 0;
  background: none;
}

.widget {
  overflow: hidden;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 30px;
  margin-bottom: 3rem;
  margin-left: auto;
}

.widget .article ol,
.widget .article ul,
.widget .article blockquote {
  font-size: 15px;
  font-size: 1.5rem;
}

.widget .article ul {
  list-style: disc;
  margin: 0 0 15px 18px;
  margin: 0 0 1.5rem 1.8rem;
}

.widget .article ul ul {
  margin: 10px 0 15px 18px;
  margin: 1rem 0 1.5rem 1.8rem;
}

.widget .article ol {
  list-style: decimal;
  margin: 0 0 15px 20px;
  margin: 0 0 1.5rem 2rem;
}

.widget .article li {
  margin: 0 0 10px 0;
  margin: 0 0 1rem 0;
}

.widget .article ul.item-list {
  list-style: none;
  margin: 0 0 15px 0;
  margin: 0 0 1.5rem 0;
}

.widget .article ul.item-list li {
  clear: both;
  margin: 0;
}

.widget .article .article-info {
  color: #b7b7b7;
  list-style: none;
  margin: 10px 0 15px 0;
  margin: 1rem 0 1.5rem 0;
}

.widget .article .article-info li {
  display: inline-block;
  padding: 0 0 0 10px;
  padding: 0 0 0 1rem;
  margin-bottom: 0;
  background: url(/img/system/divide-article-info.png) no-repeat 0 1px;
}

.widget .article .article-info li a {
  color: #b7b7b7;
}

.widget .article .article-info li.article-date {
  padding: 0 2px 0 0;
  padding: 0 0.2rem 0 0;
  margin: 0;
  background: none;
}

.widget .article .data-info {
  color: #0082c8;
  margin: 0 0 15px 0;
  margin: 0 0 1.5rem 0;
  list-style: none;
}

.widget .article .data-info li {
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}

.widget .article blockquote {
  font-family: "Gotham Rounded 5r", "Gotham Rounded A", "Gotham Rounded B", "GothamRounded-Medium", arial, helvetica, tahoma, verdana, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #002D62;
  line-height: 25px;
  line-height: 2.5rem;
  margin: 0 0 20px 15px;
  margin: 0 0 2rem 1.5rem;
  padding-left: 15px;
  padding-left: 1.5rem;
  border-left: 3px solid #b1cd30;
}

.widget .article img,
.widget .article iframe,
.widget .article embed {
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
}

.widget article.article.article--large-type p,
.widget article.article.article--large-type li {
  font-size: 1.8rem;
  line-height: 2.6rem;
}

.archive div > ul {
  margin-left: 0;
}

.archive div > ul > li > a {
  font-family: "Gotham Rounded 7r", "Gotham Rounded A", "Gotham Rounded B", "GothamRounded-Bold", arial, helvetica, tahoma, verdana, sans-serif;
  font-weight: 700;
}

.archive div > ul > li {
  list-style: none;
}

.archive div > ul > li > a {
  background: url(/img/system/chevron-down.png) no-repeat 0 2px;
  padding-left: 20px;
  padding-left: 2rem;
}

.archive div > ul > li.archive-active > a {
  background: url(/img/system/chevron-up.png) no-repeat 0 2px;
  padding-left: 20px;
  padding-left: 2rem;
}

.archive ul ul {
  margin-left: 35px;
  margin-left: 3.5rem;
}

.contact-widget li {
  margin: 0 0 15px 0;
  margin: 0 0 1.5rem 0;
}

.contact-widget li a {
  font-family: "Gotham Rounded 7r", "Gotham Rounded A", "Gotham Rounded B", "GothamRounded-Bold", arial, helvetica, tahoma, verdana, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #1e1e1e;
}

.contact-widget li:last-child {
  margin-bottom: 0;
}

.contact-widget li.telephone-main {
  height: 27px;
  height: 2.7rem;
  background: url(/img/system/icon-widget-telephone.png) no-repeat;
  padding: 0 0 0 45px;
  padding: 0 0 0 4.5rem;
}

.contact-widget li.email-main {
  height: 27px;
  height: 2.7rem;
  background: url(/img/system/icon-widget-email.png) no-repeat;
  padding: 2px 0 0 45px;
  padding: 0.2rem 0 0 4.5rem;
}

.widget-categories .article ul li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 980px) {
  .widget .txt-central img {
    display: block;
    clear: both;
    text-align: center;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
    margin-left: auto;
  }
}

.paginated-articles__articles {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: var(--sp-32);
}

.paginated-articles__pagination {
  -webkit-margin-before: var(--sp-36);
          margin-block-start: var(--sp-36);
  color: var(--primary);
}

.paginated-articles__alerts {
  width: 100%;
}

.payment {
  max-width: 80ch;
  margin-inline: auto;
}

.payment .field__input {
  -webkit-margin-before: var(--sp-8);
          margin-block-start: var(--sp-8);
}

.quote {
  padding-block: var(--sp-32) var(--sp-40);
}

.quote .container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  background-color: var(--base);
  box-shadow: var(--shadow-1);
  border-radius: var(--sp-4);
}

.quote__picture, .quote__img {
  width: 100%;
}

.quote__content {
  padding: var(--sp-28) var(--sp-18) var(--sp-32) var(--sp-18);
}

.quote__copy {
  position: relative;
  isolation: isolate;
  -webkit-margin-after: var(--sp-32);
          margin-block-end: var(--sp-32);
  -webkit-padding-end: var(--sp-16);
          padding-inline-end: var(--sp-16);
}

.quote__copy p:first-of-type {
  text-indent: var(--sp-64);
}

.quote__copy::before, .quote__copy::after {
  content: url(/img/system/pink-quote.png);
  position: absolute;
  z-index: -1;
  width: var(--sp-60);
  height: var(--sp-52);
}

.quote__copy::before {
  inset: -1.125rem auto auto 0;
}

.quote__copy::after {
  inset: auto 0 -2.625rem auto;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

.quote__quotee {
  -webkit-margin-before: var(--sp-16);
          margin-block-start: var(--sp-16);
  font-weight: 600;
  font-style: italic;
}

.quote__quotee-role {
  font-weight: 400;
}

@media only screen and (min-width: 1024px) {
  .quote {
    padding-inline: var(--sp-64) var(--sp-96);
  }
  .quote .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
    padding: var(--sp-32) var(--sp-28);
  }
  .quote__copy {
    -webkit-padding-end: var(--sp-22);
            padding-inline-end: var(--sp-22);
  }
}

.search-results__list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: var(--sp-32);
}

.signup__heading-wrap, .signup__content {
  width: 100%;
}

.signup__heading-wrap {
  background-color: var(--accent-1);
  text-align: center;
  padding: var(--sp-18);
  border-radius: var(--sp-4) var(--sp-4) 0 0;
}

.signup__content {
  background-color: var(--base);
  padding: var(--sp-22) var(--sp-22) var(--sp-32) var(--sp-22);
  border-radius: 0 0 var(--sp-4) var(--sp-4);
}

.signup__copy {
  -webkit-margin-after: var(--sp-12);
          margin-block-end: var(--sp-12);
}

.signup .form {
  padding: 0;
}

.signup .disclaimer-text {
  -webkit-margin-before: var(--sp-32);
          margin-block-start: var(--sp-32);
}

@media only screen and (min-width: 768px) {
  .signup__copy {
    -webkit-margin-after: var(--sp-22);
            margin-block-end: var(--sp-22);
  }
}

.social-share__heading {
  -webkit-margin-after: var(--sp-8);
          margin-block-end: var(--sp-8);
}

.social-share__items {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  gap: var(--sp-12);
  flex-wrap: wrap;
}

.social-share__item {
  position: relative;
  isolation: isolate;
  padding: var(--sp-12) var(--sp-18) var(--sp-12) var(--sp-52);
  background-color: var(--accent-1);
  border-radius: var(--sp-8);
  overflow: hidden;
  color: var(--base);
}

.social-share__item::before {
  position: absolute;
  content: url(img/icons/share.svg);
  width: var(--sp-32);
  height: var(--sp-32);
  inset: 50% auto auto var(--sp-12);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.social-share__item--fb::before, .social-share__item--tw::before, .social-share__item--wa::before {
  top: 46%;
}

.social-share__item--fb {
  background-color: #306199;
}

.social-share__item--fb::before {
  content: url(/img/icons/fb-square.svg);
}

.social-share__item--tw {
  background-color: #1A8CD8;
}

.social-share__item--tw::before {
  content: url(/img/icons/twitter-square.svg);
}

.social-share__item--wa {
  background-color: #25D366;
  color: var(--black);
}

.social-share__item--wa::before {
  content: url(/img/icons/whatsapp-square-b.svg);
}

.social-share__item--em {
  background-color: #E31B22;
}

.social-share__item--em::before {
  content: url(/img/icons/email.svg);
}

@media only screen and (min-width: 768px) {
  .social-share__heading {
    -webkit-margin-after: var(--sp-12);
            margin-block-end: var(--sp-12);
  }
  .social-share__items {
    gap: var(--sp-16);
  }
}

.standard .container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}

.standard__picture {
  -webkit-margin-after: var(--sp-22);
          margin-block-end: var(--sp-22);
}

.standard__article {
  width: 100%;
}

.standard__article h1,
.standard__article h2,
.standard__article h3 {
  -webkit-margin-before: var(--sp-40);
          margin-block-start: var(--sp-40);
  -webkit-margin-after: var(--sp-16);
          margin-block-end: var(--sp-16);
}

.standard__article p,
.standard__article ul,
.standard__article ol,
.standard__article picture,
.standard__article img,
.standard__article video,
.standard__article iframe,
.standard__article form,
.standard__article blockquote {
  -webkit-margin-after: var(--sp-16);
          margin-block-end: var(--sp-16);
}

.standard__article blockquote {
  -webkit-margin-start: var(--sp-16);
          margin-inline-start: var(--sp-16);
  -webkit-padding-start: var(--sp-16);
          padding-inline-start: var(--sp-16);
  -webkit-border-start: 3px solid var(--accent-2);
          border-inline-start: 3px solid var(--accent-2);
  color: var(--accent-6);
  font-weight: 500;
}

.standard__article a:not(.btn) {
  font-weight: 600;
  color: var(--primary);
  text-decoration: underline;
}

.standard__text-blocks,
.standard__text-blocks > * {
  -webkit-margin-after: var(--sp-22);
          margin-block-end: var(--sp-22);
}

.standard__text-blocks:last-child,
.standard__text-blocks > *:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.standard__nested-ctas {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  gap: var(--sp-12);
}

.standard__date {
  color: var(--grey);
}

.standard .btn {
  width: 100%;
  -webkit-margin-before: var(--sp-32);
          margin-block-start: var(--sp-32);
}

@media only screen and (min-width: 768px) {
  .standard__picture {
    -webkit-margin-after: var(--sp-32);
            margin-block-end: var(--sp-32);
  }
  .standard .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .standard__nested-ctas {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: center;
            justify-content: center;
    gap: var(--sp-18);
  }
}

.sticky-cta {
  margin-bottom: -1px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 10;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  padding: 0.75rem 1rem;
  gap: 0.75rem;
  row-gap: 0.75rem;
  box-shadow: 0 5px 26px rgba(0, 0, 0, 0.3);
}

@media (max-width: 1000px) {
  .sticky-cta {
    display: none;
  }
}

.sticky-cta__copy {
  font-size: 1rem;
}

.sticky-cta__button {
  font-family: "GothamRounded-Bold", arial, helvetica, tahoma, verdana, sans-serif;
  font-size: 1rem;
  padding: 0.35ex 1ex 0.25ex;
  border-radius: 1ex;
}

/* import modules */
/* import third party  styles */

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