@font-face {
  font-family: Fontawesome webfont;
  src: url('../fonts/fontawesome-webfont.woff2') format("woff2"), url('../fonts/fontawesome-webfont.eot') format("embedded-opentype"), url('../fonts/fontawesome-webfont.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: "Fa Sharp Duotone Solid 900";
  src: url('../fonts/fa-sharp-duotone-solid-900.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fontawesome pro solid 900";
  src: url('../fonts/fontawesome-pro-solid-900.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: "Fa brands 400";
  src: url('../fonts/fa-brands-400.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: "Fa 400";
  src: url('../fonts/fa-regular-400.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: "Fa solid 900";
  src: url('../fonts/fa-solid-900.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Lora Variablefont Wght;
  src: url('../fonts/Lora-VariableFont_wght.ttf') format("truetype");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lora Variablefont Wght;
  src: url('../fonts/Lora-Italic-VariableFont_wght.ttf') format("truetype");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Opensans Variablefont Wdth Wght;
  src: url('../images/') format("truetype");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Opensans Variablefont Wdth Wght;
  src: url('../images/') format("truetype");
  font-weight: 300 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Airlines;
  src: url('../fonts/Airlines-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

:root {
  --text-grey: #444;
  --light-colour: #e7e5e5;
  --primary-brand-colour-green: #71b96f;
  --secondary-brand-colour-grey: #858585;
  --black: #000;
  --transparent: #fff0;
  --dark-slate-grey: #3a3a3a;
  --forest-green: #5aaf57;
  --medium-sea-green: #3a4;
  --sea-green: #074;
  --midnight-blue: #003478;
  --maroon: #780034;
  --maroon-2: #780034;
  --dark-violet: #7b1fa2;
  --midnight-blue-2: #002984;
  --cadet-blue: #4bacc6;
  --sandy-brown: #f79646;
  --yellow-green: #9bbb59;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: #333;
  font-family: Opensans Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
}

h1 {
  margin-top: 1.25rem;
  margin-bottom: .625rem;
  font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
  font-size: 2.375rem;
  font-weight: 600;
  line-height: 2.75rem;
}

h2 {
  margin-top: 1.25rem;
  margin-bottom: .625rem;
  font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.25rem;
}

h3 {
  letter-spacing: .1875rem;
  margin-top: 1.25rem;
  margin-bottom: .625rem;
  font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.875rem;
}

h4 {
  margin-top: .625rem;
  margin-bottom: .625rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5rem;
}

p {
  margin-bottom: .625rem;
}

a {
  text-align: center;
  text-decoration: none;
}

li {
  font-size: 1.125rem;
}

.heading-1 {
  color: var(--text-grey);
  text-align: center;
  letter-spacing: .1875rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 2.8rem;
}

.heading-1.recipients-story {
  letter-spacing: .1875rem;
  margin-top: 0;
  margin-bottom: .625rem;
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 2.375rem;
}

.heading-1.white {
  color: var(--light-colour);
  font-size: 2.6rem;
}

.heading-1.green {
  color: var(--primary-brand-colour-green);
}

.story-paragraph {
  color: var(--text-grey);
  text-align: justify;
  margin-top: 0;
  margin-bottom: .625rem;
  padding-top: 0;
  font-family: Opensans Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8rem;
  display: block;
}

.story-paragraph.recipients-story {
  font-size: 1.375rem;
  line-height: 1.5rem;
}

.navbar {
  border: 0rem none var(--secondary-brand-colour-grey);
  text-align: center;
  background-color: #fff;
  height: 3.75rem;
  margin-top: 0;
  font-family: Teko;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 1px .1875rem #0003;
}

.navbar.dark {
  background-color: #fff0;
}

.navbar.light {
  color: var(--black);
  height: 4rem;
  font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
  font-size: 1.6rem;
  line-height: 1.7rem;
}

.body {
  text-align: center;
  font-family: Opensans Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 1rem;
}

.section.asa-video {
  background-color: #0000;
}

.section.footer-contact {
  background-image: linear-gradient(#01010199, #01010199), url('../images/contact-page-background_1contact-page-background.webp');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.section.top {
  margin-top: 4rem;
}

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

.container {
  border: 1px none var(--primary-brand-colour-green);
  border-radius: 1px;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: .5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: block;
}

.container.nav {
  text-align: left;
  background-color: #fff;
  max-width: 87.5rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.left {
  float: left;
  border-style: none solid none none;
  border-right-width: .0625rem;
  border-right-color: #000;
  width: 50%;
  height: 6.25rem;
}

.right {
  float: right;
  border-style: none none none solid;
  border-left-width: .0625rem;
  border-left-color: #000;
  width: 50%;
  height: 6.25rem;
}

.navlink {
  color: var(--black);
  cursor: pointer;
  padding: .75rem .9rem;
  font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2rem;
}

.navlink:hover {
  color: var(--forest-green);
  font-weight: 500;
}

.navlink:focus {
  color: var(--forest-green);
  padding: .75rem .9rem;
  font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
  font-weight: 400;
}

.navlink.w--current {
  color: var(--primary-brand-colour-green);
  cursor: pointer;
  padding: .75rem .9rem;
  font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2rem;
  transition-property: none;
}

.navlink.w--current:hover, .navlink.w--current:active {
  color: var(--forest-green);
}

.navlink.w--current:focus {
  color: var(--forest-green);
  font-weight: 500;
}

.navlink.dark {
  color: var(--light-colour);
  font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.navlink.dark:hover {
  color: var(--primary-brand-colour-green);
}

.navlink.dark:focus-visible, .navlink.dark[data-wf-focus-visible] {
  text-transform: capitalize;
  text-decoration: none;
}

.navlink.dark.w--current {
  font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
  font-size: 1.4rem;
  line-height: 1.6rem;
}

.bird-logo {
  margin-top: .6875rem;
}

.bird-logo._2 {
  margin-top: 0;
  padding-top: .125rem;
}

.nav-menu {
  text-align: left;
  margin-top: .4rem;
  font-size: 1.6rem;
  line-height: 1.7rem;
}

.partner-wrapper {
  flex-flow: row;
  place-content: center space-between;
  align-items: center;
  padding: .625rem;
  display: flex;
}

.partner-wrapper.donors {
  flex-flow: wrap;
  place-content: stretch space-between;
  align-items: stretch;
  width: 100%;
  padding: 0 0 2.5rem;
  display: flex;
}

.partner-wrapper.recipients {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding-top: 3.75rem;
  display: block;
}

.logo-block {
  text-align: center;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: stretch;
  width: 50%;
  max-width: 100%;
  max-height: none;
  margin-right: 0;
  display: flex;
}

.logo-block.donors {
  flex-wrap: nowrap;
  place-content: stretch space-around;
  align-items: center;
  width: 20%;
  margin-bottom: 2.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.image-4 {
  text-align: center;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.button {
  border: .125rem none var(--primary-brand-colour-green);
  background-color: var(--primary-brand-colour-green);
  color: var(--black);
  text-align: center;
  letter-spacing: .125rem;
  text-transform: capitalize;
  cursor: pointer;
  border-radius: .25rem;
  padding: 1.5rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2rem;
}

.button:hover {
  background-color: var(--secondary-brand-colour-grey);
  color: var(--light-colour);
}

.button.big-green {
  border: .125rem solid var(--primary-brand-colour-green);
  background-color: var(--primary-brand-colour-green);
  backface-visibility: hidden;
  color: var(--light-colour);
  text-align: center;
  letter-spacing: .1875rem;
  width: 100%;
  margin-top: 0;
  padding: .9375rem .625rem .625rem;
  font-family: Teko;
  font-size: 2rem;
  line-height: 2rem;
  transform: perspective(61.1875rem);
}

.button.big-green:hover {
  border: .125rem solid var(--primary-brand-colour-green);
  color: #000;
  background-color: #fff;
  transform: perspective(61.1875rem)translate(0);
}

.button.big-green {
  backface-visibility: hidden;
  color: var(--black);
  text-align: center;
  letter-spacing: .1875rem;
  background-color: #62cb55;
  border: .125rem solid #62cb55;
  width: 100%;
  margin-top: 0;
  padding: 1rem .625rem;
  font-family: Opensans Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  transform: perspective(61.1875rem);
}

.button.big-green:hover {
  color: #000;
  background-color: #fff;
  border: .125rem solid #62cb55;
  transform: perspective(61.1875rem)translate(0);
}

.button.inverse-button {
  background-color: var(--light-colour);
  color: var(--black);
}

.button.inverse-button:hover {
  color: var(--primary-brand-colour-green);
}

.button.inverse-button.ghost-button {
  border: .125rem solid var(--light-colour);
  background-color: var(--transparent);
  color: var(--light-colour);
}

.button.inverse-button.ghost-button:hover {
  border-color: var(--primary-brand-colour-green);
  color: var(--primary-brand-colour-green);
}

.button.form-submit {
  margin-top: .9375rem;
}

.greenbox-logo {
  text-align: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.greenboxconduit {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.purpose {
  margin-top: 2rem;
}

.bioimage {
  border: .0625rem #000;
  margin-top: .3125rem;
  margin-bottom: .125rem;
  display: block;
  box-shadow: 11px 10px .9375rem -.4375rem #3a3a3a;
}

.bioimage:hover {
  filter: grayscale();
}

.link-block {
  align-items: center;
  display: flex;
}

.horizontalline {
  flex: 1;
  max-width: 20%;
  margin-right: 0;
}

.horizontalline.left {
  text-align: center;
  border-style: none;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  max-width: 20%;
  display: flex;
}

.horizontalline.right {
  border-style: none;
  flex-direction: column;
  justify-content: center;
  max-width: 20%;
  margin-right: 0;
  display: flex;
}

.topblock {
  border: .125rem solid var(--primary-brand-colour-green);
  margin-bottom: .3125rem;
}

.bottomblock {
  border: .125rem solid var(--primary-brand-colour-green);
  margin-top: .3125rem;
  padding-top: 0;
}

.partner-block-outer {
  border: .0625rem none var(--primary-brand-colour-green);
  border-radius: 0;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 0;
  padding: 1.24rem;
  display: flex;
}

.story-block {
  background-color: var(--transparent);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  margin-bottom: 2rem;
  margin-left: 0;
  display: flex;
}

.recipients-partner-block-inner {
  border: .125rem solid #0000;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0;
  padding: .625rem;
  display: flex;
}

.recipients-partner-block-inner.recipients {
  border: 1px solid var(--primary-brand-colour-green);
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  padding: 2rem;
}

.recipient-logo {
  float: left;
  text-align: left;
  width: 50%;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.buttons-block {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: block;
}

.social-wrap {
  width: 75%;
  margin-bottom: 0;
}

.coyright {
  color: var(--light-colour);
  margin-top: 3rem;
}

.html-embed {
  color: var(--light-colour);
}

.html-embed.coyright {
  text-align: center;
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 2rem;
  padding-bottom: 0;
  font-family: PT Sans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.firstfruits {
  color: var(--light-colour);
  margin-bottom: 0;
  padding-bottom: 1.25rem;
  font-weight: 400;
}

.firstfruits:hover {
  color: var(--light-colour);
}

.bottom-line {
  border-top: .125rem solid var(--primary-brand-colour-green);
  color: var(--light-colour);
  text-align: center;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1.2rem;
  line-height: 1.2rem;
  display: block;
}

.social-icon {
  float: left;
  clear: none;
  color: #fff;
  text-align: left;
  width: auto;
  font-family: Fontawesome webfont, sans-serif;
  font-size: 2rem;
  line-height: 2rem;
}

.social-icon.youtube {
  float: left;
  color: #e7e5e5;
  width: auto;
  margin-bottom: 0;
  font-size: 4.5rem;
  line-height: 3.375rem;
}

.social-icon.youtube:hover {
  color: #62cb55;
}

.fb {
  color: var(--light-colour);
  margin-left: .625rem;
  padding: .625rem .375rem .375rem;
  font-family: Fontawesome webfont, sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
  display: none;
}

.fb:hover {
  color: var(--forest-green);
}

.fb:active {
  color: var(--light-colour);
}

.fb._2 {
  color: #000;
  margin-top: 0;
  padding: .625rem .375rem .375rem;
  font-size: 1.625rem;
  line-height: 1.625rem;
  display: none;
}

.fb._2:hover, .fb._2:focus {
  color: var(--forest-green);
}

.icon-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: auto;
  flex-flow: wrap;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: stretch center;
  place-items: center;
  display: flex;
}

.icon-wrapper:hover {
  color: var(--primary-brand-colour-green);
}

.trust-member-bio-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border: 1px solid var(--primary-brand-colour-green);
  border-radius: 12px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: flex-start;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: grid;
}

.paragraph {
  color: var(--text-grey);
  text-align: justify;
  margin-bottom: .625rem;
  font-family: Opensans Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8rem;
}

.paragraph.white {
  color: var(--light-colour);
  text-align: center;
  flex: 1;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.paragraph.bold {
  font-weight: 600;
}

.paragraph.bold.center, .paragraph.centered {
  text-align: center;
}

.story-icons {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.story-icon {
  color: var(--primary-brand-colour-green);
  margin-bottom: 0;
  padding-left: .625rem;
  padding-right: .625rem;
  font-family: Fontawesome webfont, sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
}

.story-page-heading {
  color: var(--primary-brand-colour-green);
  text-align: left;
  letter-spacing: .1875rem;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Teko;
  font-size: 2.375rem;
  font-weight: 600;
  line-height: 2.625rem;
}

.story-page-icon-link {
  color: var(--primary-brand-colour-green);
  align-self: auto;
  font-family: Fontawesome webfont, sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
  display: flex;
}

.story-page-body {
  font-family: PT Sans, sans-serif;
}

.rich-text-block {
  text-align: justify;
  width: auto;
  margin-bottom: 1.875rem;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.lightbox-link-left {
  width: 50%;
  font-family: Opensans Variablefont Wdth Wght, Arial, sans-serif;
  display: inline-block;
}

.image-15 {
  box-shadow: 2px 2px 16px -3px var(--dark-slate-grey);
  text-align: center;
  border-radius: .625rem;
}

.credits-outer-wrap {
  border: .0625rem none var(--primary-brand-colour-green);
  border-radius: .0625rem;
  height: 18.75rem;
  margin-top: 1.25rem;
  margin-bottom: 3.75rem;
  padding-bottom: 1.25rem;
  overflow: hidden;
}

.credits-inner-wrap {
  padding-top: 1rem;
  display: block;
  position: static;
}

.bottom-padding {
  margin-bottom: .0625rem;
  display: block;
}

.story-container {
  max-width: 68.75rem;
  margin-top: 3.75rem;
  margin-bottom: 1.25rem;
  padding-top: 3.125rem;
}

.story-header {
  text-align: left;
  justify-content: space-between;
  margin-bottom: 2.5rem;
  display: flex;
}

.story-page-lightbox-row {
  text-align: center;
  margin-bottom: 2.5rem;
  margin-left: 0;
  margin-right: 0;
  font-family: Opensans Variablefont Wdth Wght, Arial, sans-serif;
  display: flex;
}

.column-16 {
  padding-left: .625rem;
  padding-right: .625rem;
  position: static;
}

.column-17 {
  position: static;
}

.bot-field-label {
  color: #eb2400;
  letter-spacing: .0625rem;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem;
  display: none;
}

.bot-field {
  color: #fff;
  background-color: #1a4563;
  border-style: none;
  border-radius: .625rem;
  margin-bottom: 1.5625rem;
  padding-bottom: .5rem;
  padding-left: 1.25rem;
  display: none;
}

.bot-field:active, .bot-field:focus {
  background-color: #ebebeb;
}

.scrollingdonorlist {
  color: #000;
  text-align: center;
  font-family: PT Sans, sans-serif;
  font-size: 1.375rem;
  line-height: 1.75rem;
}

.scrollingdonorlist h3 {
  color: #333;
  font-size: 2rem;
  line-height: 2rem;
}

.fieldlabel {
  color: #fff;
  display: none;
}

.formfield {
  color: var(--black);
  margin-bottom: .625rem;
  padding: .375rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}

.formfield::placeholder {
  color: var(--black);
}

.formfield.message {
  max-width: 37.5rem;
  min-height: 5rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
}

.footer-block-wrap {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  text-align: left;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 33%;
  height: 100%;
  display: flex;
}

.contact-wrap {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch space-around;
  align-items: flex-start;
  margin-bottom: 2.5rem;
  padding-top: 2rem;
  display: flex;
}

.block-quote {
  border: 1px solid var(--primary-brand-colour-green);
  text-align: justify;
  border-radius: 12px;
  margin-bottom: 2.5rem;
  padding-left: 3.75rem;
}

.cv-19-text {
  color: #fff;
  margin-bottom: 2.5rem;
  padding-top: 1.25rem;
  font-size: 1.25rem;
  font-style: normal;
  line-height: 1.75rem;
  text-decoration: none;
}

.modal {
  z-index: 100;
  background-color: var(--black);
  text-align: center;
  border: .0625rem solid #fff;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
  padding: 2.5rem;
  font-family: PT Sans, sans-serif;
  display: none;
  position: fixed;
  inset: 10% 0% auto;
}

.link-wrap {
  justify-content: space-around;
  display: flex;
  position: relative;
  inset: auto 0% 0% auto;
}

.link-4 {
  color: #fff;
  letter-spacing: .25rem;
  text-indent: 0;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 400;
}

.photos {
  text-align: center;
  flex-flow: wrap;
  justify-content: space-around;
  align-items: center;
  font-family: Opensans Variablefont Wdth Wght, Arial, sans-serif;
  display: block;
}

.photo-container {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-wrap: wrap;
  place-content: space-between space-around;
  align-items: stretch;
  margin-top: 6.25rem;
  padding-bottom: 3.75rem;
  display: flex;
}

.photo {
  box-shadow: 3px 3px 10px 2px var(--text-grey);
  margin-bottom: .625rem;
}

.testmonials-photo-caption {
  text-align: center;
  display: none;
}

.intro-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
  padding-top: 1rem;
  display: grid;
}

.story {
  justify-content: space-between;
  margin-bottom: 2.5rem;
  display: flex;
}

.story._3up {
  margin-bottom: 0;
}

.story-rtb-right {
  text-align: justify;
  width: 50%;
  margin-bottom: 0;
  padding-left: 1rem;
  font-size: 1.125rem;
  line-height: 1.625rem;
}

.story-rtb-left {
  text-align: justify;
  width: 50%;
  margin-bottom: 1.875rem;
  padding-right: 2.5rem;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.story-rtb-left.wide {
  width: 50%;
  margin-bottom: 0;
  padding-right: 1rem;
  font-size: 1.125rem;
}

.lightbox-right {
  padding-left: 2.5rem;
}

.lightbox-left {
  text-align: center;
  padding-right: 2.5rem;
}

.lightbox-left.wide {
  padding: 1.5rem;
}

.lightbox-centre {
  width: 50%;
  padding: 2.125rem 1.5rem 1.5rem;
}

.lightbox {
  width: 33.33%;
  padding: 2.125rem 1.5rem 1.5rem;
}

.lightbox._3by3 {
  flex: 0 auto;
  width: auto;
}

.story-rtb-2-by3col {
  text-align: justify;
  width: 66.66%;
  margin-bottom: 1.875rem;
  padding-right: 2.5rem;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.story-rtb-3-by3col {
  text-align: justify;
  width: auto;
  margin-bottom: 1.875rem;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.spacer-amanaki {
  height: 1.875rem;
}

.button-wrap {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: .625rem 3.125rem;
  display: flex;
}

.slider-thumb-wrap {
  background-color: #bfbfffe6;
  width: 6.25rem;
  height: 6.25rem;
  margin-left: .625rem;
  margin-right: .625rem;
  padding: .625rem;
  display: inline-block;
  position: relative;
}

.image {
  width: 100%;
}

.slider-navigation {
  z-index: 4;
  background-color: #ffffff45;
  border: .0625rem dashed #32ff47;
  height: 6.25rem;
  margin: 0;
  padding-top: 0;
  position: absolute;
  inset: auto 0% -25%;
}

.slider-navigation.default-no-perspective {
  z-index: 5;
  opacity: .07;
  background-color: #0000;
  border: .0625rem #000;
  font-size: 6.25rem;
  bottom: -15%;
}

.slider-navigation.no-perspective {
  background-color: #0000;
  border: 0 #0000;
  bottom: -15%;
}

.slider-thumb-image {
  position: absolute;
  inset: 0%;
}

.slider-arrow {
  color: #777;
}

.slider-arrow.right {
  border-left-style: none;
  width: 20%;
  right: -4.8125rem;
}

.slider-arrow.left {
  border-right-style: none;
  width: 20%;
  left: -4.75rem;
}

.graphics-slider {
  height: 31.25rem;
}

.graphics-slider.no-perspective {
  text-align: center;
  background-color: #0000;
  height: auto;
  margin-bottom: 13.75rem;
  margin-left: auto;
  margin-right: auto;
  transform: none;
}

.doner-report-card {
  grid-column-gap: 0rem;
  grid-row-gap: 2.5rem;
  background-color: var(--primary-brand-colour-green);
  box-shadow: 3px 3px 10px 2px var(--text-grey);
  color: #07090d;
  text-align: center;
  border: .0625rem solid #edeff2;
  border-radius: .4rem;
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  width: 30%;
  padding: 1rem;
  text-decoration: none;
  transition: box-shadow .3s, border-color .3s;
  display: flex;
}

.doner-report-card:hover {
  border-color: #0000;
  box-shadow: 45px 45px 8.75rem -3rem #07090d14;
}

.pdf-icon {
  color: var(--dark-slate-grey);
  font-family: Fontawesome webfont, sans-serif;
  font-size: 3.25rem;
  line-height: 3.875rem;
}

.pdf-icon:hover {
  border: .0625rem none var(--light-colour);
  opacity: 1;
  color: var(--secondary-brand-colour-grey);
}

.donor-reports-text {
  color: var(--light-colour);
  text-align: center;
  width: auto;
  font-family: Opensans Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 2.2rem;
  line-height: 2.2rem;
}

.donor-reports-title {
  color: var(--black);
  text-align: center;
  letter-spacing: .125rem;
  width: auto;
  margin-bottom: .125rem;
  font-family: Opensans Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
}

.pdf-wrap {
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  display: flex;
}

.pdf-link-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.corp-donor-roi-button {
  border: .125rem solid var(--primary-brand-colour-green);
  background-image: linear-gradient(to bottom, var(--primary-brand-colour-green), var(--primary-brand-colour-green));
  color: var(--light-colour);
  text-align: center;
  letter-spacing: .1875rem;
  text-transform: uppercase;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding: .625rem .625rem .375rem;
  font-family: Teko;
  font-size: 1.5rem;
  line-height: 1.75rem;
  display: none;
}

.corp-donor-roi-button:hover {
  color: #000;
  background-image: linear-gradient(#fff, #fff);
}

.scrollingcommunitylist {
  color: #000;
  text-align: center;
  font-family: PT Sans, sans-serif;
  font-size: 1.375rem;
  line-height: 1.75rem;
}

.scrollingcommunitylist h3 {
  color: #333;
  font-size: 2rem;
  line-height: 2rem;
}

.information-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: .125rem solid var(--primary-brand-colour-green);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-bottom: 2.5rem;
  padding: 1.875rem 1rem 2.5rem;
  display: flex;
}

.information-wrap.hidden {
  display: none;
}

.information-richtext-donate {
  color: var(--secondary-brand-colour-grey);
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.5rem;
  display: block;
}

.apply-button {
  border: .125rem solid var(--primary-brand-colour-green);
  background-image: linear-gradient(to bottom, var(--primary-brand-colour-green), var(--primary-brand-colour-green));
  color: var(--light-colour);
  text-align: center;
  letter-spacing: .1875rem;
  text-transform: uppercase;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding: .75rem .625rem .625rem;
  font-family: Teko;
  font-size: 1.75rem;
  line-height: 2rem;
  display: block;
}

.apply-button:hover {
  color: #000;
  background-image: linear-gradient(#fff, #fff);
}

.information-richtext-drop-off-black-text-donate-page {
  color: var(--black);
  text-align: center;
  background-color: #0000;
  margin-top: 1.25rem;
  margin-bottom: 0;
  padding-top: 1.875rem;
  padding-bottom: 0;
  font-size: .9375rem;
  line-height: 1.5rem;
  display: block;
}

.dark-footer-wrap {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.button-wrap-charity-requests {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 12.5rem;
  padding-right: 12.5rem;
  display: none;
}

.iphone {
  background-color: #0000;
  height: auto;
  display: block;
  position: static;
}

.phone-container {
  color: var(--primary-brand-colour-green);
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 68.75rem;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
  padding-bottom: 2.5rem;
  display: flex;
}

.phone-wrap-large {
  flex: 0 auto;
  height: 51.4375rem;
}

.embed-wrap {
  text-align: left;
  width: 23.125rem;
  height: 40.75rem;
  display: block;
  position: relative;
  top: -44.8125rem;
  left: 1.6rem;
}

.slide {
  width: 100%;
  height: 25rem;
}

.slider-wrap {
  flex-direction: column;
  justify-content: center;
  max-width: 87.5rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 4rem;
  display: block;
  top: 0;
  left: 0;
  right: 0;
}

.slider {
  background-color: #0000;
  width: 100%;
  height: 100%;
}

.slide-nav-2 {
  color: #0000;
  display: none;
}

.testimonial-wrap {
  border: 1px solid var(--primary-brand-colour-green);
  cursor: grab;
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 1rem;
  display: flex;
}

.testimonial-text {
  text-align: center;
  margin-bottom: 1.25rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  font-size: 1.25rem;
  font-style: normal;
  line-height: 1.625rem;
}

.testimonial-footer {
  text-align: center;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
}

.testimonial-heading {
  color: var(--medium-sea-green);
  text-align: center;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
}

.testimonials-intro-image {
  box-shadow: 3px 3px 10px 2px var(--text-grey);
  border-radius: 12px;
}

.youtube-2 {
  background-image: none;
  background-size: cover;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.tooltip-trigger {
  background-color: var(--light-colour);
  text-align: center;
  border: .0625rem #000;
  border-radius: 50%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  position: relative;
}

.tooltip {
  z-index: 10;
  background-color: var(--light-colour);
  opacity: 1;
  border-radius: .625rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 18.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: .625rem;
  padding-bottom: .625rem;
  font-weight: 400;
  display: flex;
  position: absolute;
  inset: auto 0% 118% -1.625rem;
}

.tooltip._1 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .125rem;
  padding-bottom: .125rem;
  left: -1.375rem;
}

.tooltip._2 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  bottom: 135%;
  left: -4.625rem;
}

.tooltip._3 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  bottom: 135%;
  left: -7.875rem;
}

.tooltip._4 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  bottom: 135%;
  left: -11.3125rem;
}

.tooltip._5 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  bottom: 135%;
  left: -14.875rem;
}

.tooltip._6 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -2.4375rem;
}

.tooltip._7 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -7.9375rem;
}

.tooltip._8 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -13.5625rem;
}

.tooltip._9 {
  opacity: 0;
  color: var(--light-colour);
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -2.4375rem;
}

.tooltip._10 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -7.875rem;
}

.tooltip._11 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -13.5rem;
}

.tooltip._12 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -3.6875rem;
}

.tooltip._13 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -12.1875rem;
}

.tooltip._14 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -2.375rem;
}

.tooltip._15 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -7.875rem;
}

.tooltip._16 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -13.4375rem;
}

.tooltip._17 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -7.9375rem;
}

.tooltip-text {
  opacity: 1;
  color: var(--black);
  text-align: center;
  padding: .625rem;
  font-family: Opensans Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 1.1rem;
  line-height: 1.5rem;
  display: block;
}

.report-card-wrap {
  grid-column-gap: 0rem;
  grid-row-gap: 2.5rem;
  text-align: center;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: flex-start space-between;
  align-items: stretch;
  max-width: 87.5rem;
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2rem;
  display: flex;
}

.footer-download-documents {
  color: var(--light-colour);
  text-align: center;
  margin-bottom: .5rem;
  font-size: 1.125rem;
  line-height: 2rem;
}

.pdf-link {
  color: var(--light-colour);
}

.pdf-link:hover {
  color: var(--text-grey);
}

.tagline-suffix {
  color: var(--text-grey);
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.8rem;
}

.list {
  text-align: left;
  margin-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 0;
  list-style-type: disc;
}

.recaptcha-wrap {
  margin-top: .625rem;
  margin-bottom: .625rem;
}

.contact-page-form {
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  display: flex;
}

.modal-heading {
  color: var(--light-colour);
  margin-top: .625rem;
  font-size: 2.625rem;
  font-weight: 400;
  line-height: 3.25rem;
}

.heading-2 {
  color: var(--text-grey);
  text-align: center;
  letter-spacing: .1875rem;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 1.25rem;
  padding-top: 0;
  font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.4rem;
}

.heading-2.white {
  color: var(--light-colour);
}

.heading-3 {
  color: var(--text-grey);
  text-align: center;
  font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  display: block;
}

.spacer20px {
  height: 1.25rem;
}

.web-link-image {
  margin-bottom: 2rem;
}

.text-link {
  color: var(--black);
}

.text-link:hover {
  color: var(--primary-brand-colour-green);
}

.our-purpose-image {
  box-shadow: 11px 10px .9375rem -.4375rem #3a3a3a;
}

.list-title {
  color: var(--primary-brand-colour-green);
  text-align: left;
  margin-bottom: .625rem;
  font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2rem;
}

.information-outer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-around;
  display: flex;
}

.social-icon-wrap {
  text-align: center;
  margin-bottom: 0;
}

.heading-wrap {
  padding-bottom: 1.25rem;
}

.drop-off-address-block {
  color: var(--light-colour);
  text-align: center;
  padding-top: 1rem;
  font-size: 1.4rem;
  line-height: 2rem;
}

.firstfruits-link {
  color: var(--light-colour);
  font-size: 1rem;
}

.firstfruits-link:hover {
  color: var(--primary-brand-colour-green);
}

.grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: .75fr .25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.purpose-content-wrap {
  display: flex;
}

.tagline {
  color: var(--primary-brand-colour-green);
  text-align: center;
  letter-spacing: 0;
  margin-bottom: 1.5rem;
  font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
}

.team-member-text-wrap {
  width: auto;
}

.bio-image-wrap {
  margin-top: 2.5rem;
}

.logo-social-wrap {
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.map {
  border: .0625rem solid #000;
}

.map-wrap {
  border: .0625rem solid var(--primary-brand-colour-green);
  width: 100%;
}

.text-span {
  font-size: 3rem;
  line-height: 2.4rem;
}

.block-quote {
  text-align: center;
  font-size: 1.8rem;
  line-height: 2rem;
}

.right-arrow-wrap {
  text-align: left;
}

.slider-arrow-right, .slider-arrow-left {
  color: var(--primary-brand-colour-green);
}

.mask {
  width: 100%;
}

.html-embed-phone-large {
  flex: 0 auto;
  display: block;
  position: static;
  top: 100px;
  right: 52px;
}

.phone-wrap-small {
  flex: 0 auto;
  height: 51.4375rem;
  display: none;
}

.html-embed-phone-smalll {
  flex: 0 auto;
  display: block;
}

.list-item {
  text-align: left;
  margin-top: .625rem;
  margin-bottom: .625rem;
  font-family: Opensans Variablefont Wdth Wght, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.2rem;
  list-style-type: disc;
}

.form-checkbox {
  width: 1.25rem;
}

.style-guide-layout-demo {
  background-color: #d3d3d3;
  border: .0625rem solid #d3d3d3;
}

.style-guide-layout-demo.section-padding {
  margin-top: 1.875rem;
}

.popup-card {
  text-align: center;
  background-color: #fff;
  border-radius: .3125rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 28.125rem;
  padding: 1.875rem;
  display: flex;
  position: relative;
}

.close-popup-button {
  color: #000;
  padding: .9375rem;
  font-size: 1.25rem;
  text-decoration: none;
  position: absolute;
  inset: -.3125rem -.3125rem auto auto;
}

.style-guide-grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5625rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  display: grid;
}

.style-guide-element {
  color: #fff;
  background-color: #3b83f7;
  margin-top: .1875rem;
  margin-bottom: .1875rem;
  padding: .1875rem .3125rem;
  font-size: .875rem;
  font-weight: 300;
  display: inline-block;
}

.form-lable {
  margin-top: 1.25rem;
  font-weight: 600;
}

.style-guide-white-div {
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 1.25rem;
}

.style-guide-color-wrap {
  background-color: var(--black);
  justify-content: flex-start;
  align-items: center;
  height: 6.25rem;
  margin-top: 1.875rem;
  padding: .9375rem 1.875rem;
  display: flex;
}

.style-guide-color-wrap.light-color-background {
  background-color: #fff;
}

.style-guide-color-wrap.text-grey {
  background-color: var(--text-grey);
  color: var(--dark-slate-grey);
}

.style-guide-color-wrap.secondary-color-background {
  background-color: var(--secondary-brand-colour-grey);
}

.style-guide-color-wrap.light-grey-color-background {
  background-color: #ddd;
}

.style-guide-color-wrap.white-background {
  background-color: #fff;
}

.style-guide-color-wrap.primary-color-background {
  background-color: var(--primary-brand-colour-green);
}

.light-text {
  color: #fff;
  margin-top: .625rem;
  margin-bottom: .625rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
}

.form-field.form-select {
  background-color: #fff;
}

.button-2 {
  background-color: var(--primary-brand-colour-green);
  letter-spacing: .125rem;
  border-radius: .25rem;
  margin-top: 0;
  padding: .9375rem 1.25rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.375rem;
}

.button-2.ghost-button {
  border: .125rem solid var(--primary-brand-colour-green);
  color: var(--primary-brand-colour-green);
  background-color: #0000;
  padding: 1.5rem;
  font-size: 1.5rem;
  line-height: 1.2rem;
}

.button-2.ghost-button:hover {
  border-color: var(--black);
  color: var(--black);
}

.style-guide-grid-item-wrap {
  grid-column-gap: 1.25rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: flex-start stretch;
  padding-top: .625rem;
  display: grid;
}

.list-text {
  color: var(--text-grey);
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.style-guide-edit {
  text-transform: uppercase;
  border-bottom: .0625rem solid #e6e6e6;
  margin-top: .625rem;
  margin-bottom: .625rem;
}

.rich-text h1 {
  color: var(--black);
  font-size: 2.2rem;
  line-height: 2.8rem;
}

.rich-text h2 {
  color: var(--text-grey);
  font-size: 1.8rem;
  line-height: 2.4rem;
}

.rich-text h3 {
  color: var(--text-grey);
  font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
  font-size: 1.6rem;
  line-height: 2rem;
}

.large-p {
  color: var(--text-grey);
  font-size: 1.4rem;
  line-height: 2rem;
}

.style-guide-popup-wrap {
  background-color: #000;
  justify-content: center;
  align-items: center;
  margin-top: .625rem;
  margin-bottom: 1.875rem;
  padding: 1.375rem;
  display: flex;
}

.style-guide-edit-wrap {
  opacity: .4;
}

.style-guide-edit-wrap:hover {
  opacity: 1;
}

.style-guide-class {
  color: #fff;
  background-color: #3b83f7;
  border-radius: .1875rem;
  padding: .1875rem .5rem;
  font-size: .875rem;
  font-weight: 300;
  display: inline-block;
}

.style-guide-class.tag-class {
  background-color: #cc55b8;
}

.small-p {
  color: var(--text-grey);
  font-size: .9rem;
  line-height: 1.2rem;
}

.style-guide-category {
  text-transform: uppercase;
  border-bottom: .0625rem solid #e6e6e6;
  margin-top: 1.25rem;
  padding-bottom: .3125rem;
  font-weight: 700;
}

.section-padding {
  padding: 4rem 2.5rem;
}

.section-padding.top {
  margin-top: 4rem;
  padding: .4rem 1.25rem 1.25rem;
}

.section-padding.dark {
  background-color: var(--dark-slate-grey);
}

.section-padding.i-frame {
  background-color: var(--dark-slate-grey);
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.section-padding.hidden {
  display: none;
}

.style-guide-wrap {
  padding-top: 1.25rem;
}

.popup-background-wrap {
  z-index: 100;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.icon-text {
  color: var(--black);
  padding-left: .625rem;
  padding-right: .625rem;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.icon-text.green {
  color: var(--primary-brand-colour-green);
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.2rem;
  font-weight: 600;
}

.icon-image {
  text-align: center;
  align-self: flex-start;
  width: 100%;
  max-width: 100%;
}

.services-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  object-fit: fill;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: space-around space-between;
  place-items: start stretch;
  margin-bottom: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: grid;
}

.stats-wrap-outer {
  background-color: var(--dark-slate-grey);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.paragraph-4 {
  color: var(--text-grey);
  font-size: 1.2rem;
  line-height: 1.8rem;
}

.paragraph-5 {
  color: var(--text-grey);
  font-size: 1.2rem;
}

.font {
  color: var(--black);
}

.tagline-wrap {
  margin-bottom: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.column-18 {
  font-family: Opensans Variablefont Wdth Wght, Arial, sans-serif;
}

.pdf-embed {
  border: 1px none var(--primary-brand-colour-green);
  border-radius: 1px;
  padding-bottom: 3rem;
}

.pdf-embed.hidden {
  display: none;
}

.ms365-form-embed, .greenbox-conduit-wrapper {
  padding-top: 2rem;
}

.count-up-embed {
  padding: 1.25rem;
}

.list-purpose {
  text-align: left;
  padding-left: 1rem;
  padding-right: 1rem;
  list-style-type: disc;
}

.puketea-image-wrap {
  margin-top: 2rem;
  margin-bottom: 60px;
}

.pukeatua-pdf-link {
  border: 1px solid var(--primary-brand-colour-green);
}

.pukeatua-tooltip {
  z-index: 10;
  background-color: var(--light-colour);
  opacity: 1;
  border-radius: .625rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 18.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: .625rem;
  padding-bottom: .625rem;
  font-weight: 400;
  display: flex;
  position: absolute;
  inset: 133% auto auto 37%;
}

.pukeatua-tooltip._1 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .125rem;
  padding-bottom: .125rem;
  left: -1.375rem;
}

.pukeatua-tooltip._2 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  bottom: 135%;
  left: -4.625rem;
}

.pukeatua-tooltip._3 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  bottom: 135%;
  left: -7.875rem;
}

.pukeatua-tooltip._4 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  bottom: 135%;
  left: -11.3125rem;
}

.pukeatua-tooltip._5 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  bottom: 135%;
  left: -14.875rem;
}

.pukeatua-tooltip._6 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -2.4375rem;
}

.pukeatua-tooltip._7 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -7.9375rem;
}

.pukeatua-tooltip._8 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -13.5625rem;
}

.pukeatua-tooltip._9 {
  opacity: 0;
  color: var(--light-colour);
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -2.4375rem;
}

.pukeatua-tooltip._10 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -7.875rem;
}

.pukeatua-tooltip._11 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -13.5rem;
}

.pukeatua-tooltip._12 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -3.6875rem;
}

.pukeatua-tooltip._13 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -12.1875rem;
}

.pukeatua-tooltip._14 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -2.375rem;
}

.pukeatua-tooltip._15 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -7.875rem;
}

.pukeatua-tooltip._16 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -13.4375rem;
}

.pukeatua-tooltip._17 {
  opacity: 0;
  min-width: 18.75rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  left: -7.9375rem;
}

.pukeatua-subheading-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  justify-content: center;
  justify-items: center;
  display: flex;
}

.text-block {
  color: var(--primary-brand-colour-green);
  text-align: center;
  cursor: pointer;
  font-family: Fontawesome webfont, sans-serif;
  font-size: 2rem;
  line-height: 2rem;
}

.image-16 {
  border: 1px solid var(--primary-brand-colour-green);
  box-shadow: 5px 5px 5px #0003;
}

.laptop-request-link {
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.laptop-request-link.hidden {
  display: block;
}

.laptop-request-link.centered {
  text-align: center;
}

.link-block-6, .ms365-form-link {
  text-align: center;
  display: block;
}

.youtube-padding {
  padding-left: 8rem;
  padding-right: 8rem;
}

.explore-animated {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.sub-heading {
  color: var(--primary-brand-colour-green);
  text-align: center;
  letter-spacing: 0;
  margin-bottom: 1.5rem;
  font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
}

@media screen and (min-width: 1280px) {
  .heading-1 {
    text-align: center;
    line-height: 2.8rem;
  }

  .navbar {
    background-color: var(--black);
    background-image: none;
    height: 3.9rem;
    box-shadow: 0 1px .1875rem #0009;
  }

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

  .navbar.light {
    background-image: linear-gradient(#fff, #fff);
  }

  .navlink {
    color: var(--black);
    font-size: 1.2rem;
    line-height: 1.4rem;
  }

  .navlink.w--current {
    color: var(--primary-brand-colour-green);
    font-weight: 500;
    line-height: 1.4rem;
  }

  .navlink.dark {
    color: var(--light-colour);
  }

  .navlink.dark:hover {
    color: var(--primary-brand-colour-green);
  }

  .partner-wrapper.donors {
    padding-bottom: 2rem;
  }

  .logo-block {
    width: 40%;
    padding: 2rem;
  }

  .logo-block.donors {
    padding: 1rem;
  }

  .greenboxconduit {
    padding-top: 1rem;
    padding-bottom: 0;
  }

  .partner-block-outer {
    box-shadow: none;
    background-image: none;
    border-style: none;
    border-width: 1px;
    border-radius: 0;
    margin-bottom: 1rem;
    padding: 1.25rem;
  }

  .recipients-partner-block-inner.recipients, .recipient-logo {
    width: 100%;
  }

  .fb._2 {
    display: none;
  }

  .icon-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .trust-member-bio-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    border-style: solid;
    border-width: 1px;
    border-radius: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .25fr;
    grid-auto-columns: 1fr;
    margin-bottom: 2rem;
    padding-bottom: 2.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: grid;
  }

  .paragraph {
    line-height: 1.8rem;
  }

  .footer-block-wrap {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 33%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .block-quote {
    border-radius: 12px;
  }

  .intro-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .slider-wrap {
    max-width: 80rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .testimonial-text {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .testimonial-footer {
    font-size: 1rem;
    line-height: 1.2rem;
  }

  .testimonial-heading {
    font-size: 2rem;
    line-height: 2.4rem;
  }

  .tooltip._9, .tooltip._10, .tooltip._11 {
    opacity: 0;
  }

  .tooltip-text {
    opacity: 1;
    display: block;
  }

  .heading-2, .heading-3 {
    text-align: center;
  }

  .text-link {
    color: var(--black);
  }

  .text-link:hover {
    font-weight: 700;
  }

  .success-message {
    width: 100%;
  }

  .our-purpose-image-wrap {
    width: auto;
  }

  .grid {
    grid-column-gap: 19px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .purpose-content-wrap {
    margin-bottom: 1.25rem;
  }

  .tagline {
    font-size: 1.6rem;
    line-height: 2rem;
  }

  .team-member-text-wrap {
    width: auto;
  }

  .list-item {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }

  .style-guide-grid {
    grid-template-rows: auto auto auto;
    grid-template-areas: "Area"
                         "."
                         ".";
    padding-bottom: 8.75rem;
  }

  .list-text {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }

  .icon-image {
    flex: 1;
    align-self: auto;
    width: 100px;
    min-width: 100px;
  }

  .services-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    display: grid;
  }

  .paragraph-5 {
    line-height: 1.8rem;
  }

  .font {
    font-size: 1rem;
    line-height: 1.2rem;
  }

  .tagline-wrap {
    margin-bottom: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .pukeatua-tooltip {
    top: 135%;
    left: 39%;
  }

  .pukeatua-tooltip._9, .pukeatua-tooltip._10, .pukeatua-tooltip._11 {
    opacity: 0;
  }

  .navbar-3 {
    background-color: var(--transparent);
  }

  .sub-heading {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}

@media screen and (max-width: 991px) {
  h3 {
    font-size: 1.75rem;
    line-height: 2rem;
  }

  h4 {
    font-size: 1.375rem;
  }

  p {
    font-weight: 400;
  }

  .heading-1 {
    margin-bottom: 1.25rem;
    font-size: 2rem;
    line-height: 2.4rem;
  }

  .heading-1.recipients-story {
    margin-bottom: 1.3125rem;
    font-size: 1.75rem;
    line-height: 2rem;
  }

  .story-paragraph {
    margin-bottom: 1.25rem;
  }

  .navbar {
    z-index: 1000;
    height: 3.75rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  .navbar.light {
    background-color: var(--transparent);
    height: 3.4rem;
  }

  .section.top {
    margin-top: 2rem;
  }

  .container {
    padding: 0 .5rem;
  }

  .container.nav {
    margin-top: 0;
    padding-top: 0;
  }

  .navlink {
    background-color: var(--dark-slate-grey);
    color: var(--light-colour);
    text-align: left;
    padding: .5rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4rem;
    text-decoration: none;
  }

  .navlink:hover {
    color: var(--primary-brand-colour-green);
    text-align: left;
    padding: .5rem;
    font-weight: 400;
    text-decoration: none;
  }

  .navlink:active {
    text-shadow: 0 0 #0003;
    -webkit-text-decoration-color: var(--primary-brand-colour-green);
    text-decoration-color: var(--primary-brand-colour-green);
    padding: .5rem;
    font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
    font-weight: 400;
  }

  .navlink:focus {
    color: var(--primary-brand-colour-green);
    text-align: left;
    padding: .5rem;
    font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
    font-weight: 400;
    text-decoration: none;
  }

  .navlink:focus-visible, .navlink[data-wf-focus-visible] {
    padding: .5rem;
  }

  .navlink:visited {
    color: var(--primary-brand-colour-green);
    padding: .5rem;
  }

  .bird-logo {
    margin-top: .375rem;
  }

  .nav-menu {
    z-index: 9999;
    background-color: var(--dark-slate-grey);
    color: #0000;
    border: 1px #000;
    flex-direction: row;
    margin-top: 3.75rem;
    display: block;
  }

  .icon-3 {
    color: var(--dark-slate-grey);
    letter-spacing: 0;
    font-size: 3rem;
    line-height: 3rem;
  }

  .icon-3:hover {
    color: var(--forest-green);
  }

  .icon-3:focus {
    color: var(--forest-green);
    font-size: 3rem;
    line-height: 3rem;
  }

  .icon-3:focus-visible, .icon-3[data-wf-focus-visible] {
    color: var(--primary-brand-colour-green);
    font-size: 3rem;
    line-height: 3rem;
  }

  .partner-wrapper.donors {
    justify-content: space-around;
    padding-bottom: .625rem;
  }

  .partner-wrapper.recipients {
    padding: 0;
  }

  .logo-block {
    flex-direction: column;
    width: auto;
    max-width: none;
    height: auto;
    max-height: none;
    margin-bottom: 1.875rem;
    padding: 0;
  }

  .logo-block.donors {
    width: 30%;
    margin-bottom: .625rem;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }

  .button.big-green {
    padding-top: .9375rem;
    padding-bottom: .625rem;
    font-size: 1.75rem;
    line-height: 1.875rem;
  }

  .greenboxconduit {
    padding-top: 1rem;
    padding-bottom: 2rem;
  }

  .bioimage {
    margin-top: 0;
    margin-bottom: 1.875rem;
    padding-top: .625rem;
  }

  .partner-block-outer {
    border-radius: 10px;
    flex-direction: column;
    flex: none;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 1rem;
    padding: .625rem .625rem 0;
  }

  .story-block {
    align-items: center;
    width: 100%;
  }

  .recipients-partner-block-inner {
    flex-flow: column;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    padding: .5625rem .9375rem;
  }

  .recipients-partner-block-inner.recipients {
    flex-flow: column wrap;
    align-items: center;
    width: 100%;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }

  .recipient-logo {
    width: auto;
    max-width: 18.75rem;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
  }

  .buttons-block {
    padding-left: 0;
    padding-right: 0;
  }

  .html-embed.coyright {
    margin-bottom: .625rem;
    padding-bottom: .625rem;
  }

  .fb {
    text-align: right;
  }

  .fb._2 {
    color: var(--black);
    font-size: 2.25rem;
    line-height: 2.25rem;
  }

  .icon-wrapper {
    align-content: flex-start;
    align-items: center;
  }

  .trust-member-bio-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .paragraph {
    color: var(--black);
    text-align: justify;
    font-size: 1.2rem;
    line-height: 1.6rem;
  }

  .paragraph.white {
    color: var(--light-colour);
    text-align: center;
  }

  .paragraph.centered {
    text-align: center;
  }

  .menu-button-pages {
    padding: .3125rem;
  }

  .menu-button-pages.w--open {
    background-color: #0000;
  }

  .story-icons {
    justify-content: space-around;
  }

  .story-icon {
    padding-left: .625rem;
    padding-right: .625rem;
    font-size: 2rem;
    line-height: 2.25rem;
  }

  .story-page-heading {
    text-align: center;
    letter-spacing: .0625rem;
    font-size: 1.5rem;
    line-height: 2.375rem;
  }

  .story-page-body {
    padding-left: .625rem;
    padding-right: .625rem;
  }

  .rich-text-block {
    margin-bottom: 1.25rem;
    line-height: 1.5rem;
  }

  .credits-outer-wrap {
    margin-bottom: 2.5rem;
  }

  .credits-inner-wrap {
    padding-top: 1rem;
  }

  .bottom-padding {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    padding-top: .625rem;
    padding-bottom: .625rem;
  }

  .story-container {
    padding-top: 1.25rem;
  }

  .story-header {
    margin-bottom: 1.25rem;
  }

  .story-page-lightbox-row {
    margin-bottom: 1.875rem;
  }

  .formfield.message {
    max-width: none;
  }

  .footer-block-wrap {
    justify-content: space-around;
    align-self: center;
    align-items: center;
    width: 100%;
    min-width: auto;
    margin-top: 1.25rem;
    margin-bottom: 0;
    margin-right: 0;
  }

  .contact-wrap {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .block-quote {
    border-radius: 10px;
    font-family: PT Sans, sans-serif;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .cv-19-text {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }

  .modal {
    top: 14%;
  }

  .photos {
    text-align: center;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.25rem;
  }

  .photo-container {
    flex-direction: column;
    align-items: center;
    margin-top: 2.5rem;
  }

  .photo {
    max-width: 100%;
  }

  .intro-wrap {
    flex-direction: column;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-content: space-between;
    place-items: center;
    width: auto;
    margin-bottom: 1rem;
  }

  .story._3up {
    flex-direction: column;
  }

  .story-rtb-right {
    width: auto;
    margin-bottom: 1.25rem;
    line-height: 1.5rem;
  }

  .story-rtb-left {
    margin-bottom: 1.25rem;
    line-height: 1.5rem;
  }

  .story-rtb-left.wide, .lightbox-centre, .lightbox {
    width: auto;
  }

  .story-rtb-2-by3col, .story-rtb-3-by3col {
    margin-bottom: 1.25rem;
    line-height: 1.5rem;
  }

  .button-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .slider-navigation.default-no-perspective, .slider-navigation.no-perspective {
    bottom: -25%;
  }

  .slider-arrow.right {
    right: -4.0625rem;
  }

  .slider-arrow.left {
    left: -4.0625rem;
  }

  .graphics-slider.no-perspective {
    width: auto;
    margin-top: 2.5rem;
    margin-bottom: 13.75rem;
  }

  .doner-report-card {
    width: 45%;
  }

  .pdf-icon {
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.1em;
  }

  .donor-reports-text {
    width: auto;
    margin-bottom: 1.25rem;
    padding-right: 0;
    font-size: 1.375rem;
    line-height: 1.5rem;
  }

  .donor-reports-title {
    width: auto;
    margin-bottom: 1.25rem;
    padding-right: 0;
    font-size: 1.4375rem;
    line-height: 1.2em;
  }

  .corp-donor-roi-button {
    width: 80%;
    padding: .625rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .information-wrap {
    width: 80%;
  }

  .apply-button {
    width: 60%;
    padding: .625rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .information-richtext-drop-off-black-text-donate-page {
    padding-top: .625rem;
  }

  .button-wrap-charity-requests {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
  }

  .iphone {
    width: auto;
    max-width: 26.75rem;
    height: auto;
    max-height: 51.25rem;
  }

  .phone-container {
    padding-top: 2.5rem;
    display: flex;
  }

  .slider-wrap {
    padding-bottom: 1.25rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .testimonial-text {
    font-size: 1.125rem;
    line-height: 1.4em;
  }

  .testimonials-intro-image {
    width: auto;
    max-width: 100%;
    margin-left: 0;
  }

  .report-card-wrap {
    justify-content: space-around;
    width: auto;
  }

  .testimonials-intro-image-wrap {
    order: 1;
    width: auto;
    margin-bottom: 2.5rem;
  }

  .list {
    line-height: 1rem;
  }

  .contact-page-form {
    flex: 0 auto;
    width: 100%;
  }

  .modal-heading {
    font-size: 1.75rem;
    line-height: 2rem;
  }

  .heading-2 {
    margin-bottom: 1.25rem;
    font-size: 1.6rem;
    line-height: 2rem;
  }

  .heading-3 {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6rem;
  }

  .text-link {
    color: var(--black);
  }

  .text-link:hover {
    font-weight: 400;
  }

  .our-purpose-image {
    text-align: center;
  }

  .list-title {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.2rem;
  }

  .heading-wrap {
    padding-bottom: 0;
  }

  .grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .tagline {
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.6rem;
  }

  .map {
    text-align: center;
  }

  .map-wrap {
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    display: block;
  }

  .text-span {
    font-size: 3.2rem;
    line-height: 4rem;
  }

  .list-item {
    font-size: 1.125rem;
    line-height: 1.2rem;
  }

  .section-padding {
    padding: 1rem;
  }

  .icon-text.green {
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .services-wrapper {
    margin-bottom: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .font {
    color: var(--text-grey);
    font-size: 3rem;
    font-weight: 500;
    line-height: 2.8rem;
  }

  .greenbox-conduit-wrapper {
    padding-top: 1rem;
  }

  .count-up-embed {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .pukeatua-tooltip {
    display: none;
    top: 166%;
    left: 29%;
  }

  .navbar-2 {
    background-color: var(--dark-slate-grey);
    margin-top: 4rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
  }

  .navbar-3 {
    font-family: Lora Variablefont Wght, Times New Roman, sans-serif;
  }

  .sub-heading {
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .heading-1 {
    margin-top: .625rem;
    margin-bottom: 1.25rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2rem;
  }

  .heading-1.recipients-story {
    text-align: center;
    letter-spacing: .125rem;
    margin-bottom: .9375rem;
  }

  .heading-1.white {
    font-size: 2rem;
    line-height: 2.4rem;
  }

  .story-paragraph {
    margin-bottom: 1.875rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
  }

  .story-paragraph.recipients-story {
    flex: 1;
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    display: block;
  }

  .navbar {
    height: 3.125rem;
    top: 0;
    left: 0;
    right: 0;
  }

  .section.asa-video {
    padding-top: 2rem;
    padding-bottom: .625rem;
  }

  .section.footer-contact {
    padding-top: 2rem;
  }

  .section.top {
    margin-top: 4rem;
  }

  .bird-logo {
    margin-top: .25rem;
  }

  .icon-3 {
    color: #000;
    font-size: 3rem;
    line-height: 3rem;
  }

  .partner-wrapper {
    padding: 0;
  }

  .partner-wrapper.recipients {
    padding-top: 0;
  }

  .logo-block {
    align-self: center;
    width: auto;
    max-width: none;
    margin-bottom: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .logo-block.donors {
    width: 30%;
  }

  .button {
    padding: 1.25rem;
    font-size: 1.2rem;
  }

  .button.big-green {
    padding: .75rem 0 .625rem;
    font-size: 1.5rem;
    font-style: normal;
    line-height: 1.5rem;
  }

  .button.big-green:hover {
    border-width: .125rem;
  }

  .greenboxconduit {
    margin-top: .625rem;
    margin-bottom: .625rem;
  }

  .bioimage {
    overflow: clip;
  }

  .partner-block-outer {
    text-align: center;
    flex-flow: column;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    padding: 1.25rem 0 0;
    display: flex;
  }

  .story-block {
    justify-content: space-between;
    align-items: stretch;
    width: auto;
    padding-left: 0;
  }

  .recipients-partner-block-inner {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .recipients-partner-block-inner.recipients {
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .recipient-logo {
    max-width: 9.375rem;
  }

  .buttons-block {
    margin-top: 0;
    margin-bottom: .625rem;
    padding-left: 6.3125rem;
    padding-right: 6.3125rem;
  }

  .social-wrap {
    width: 80%;
  }

  .html-embed.coyright {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .social-icon.youtube {
    float: none;
    text-align: center;
    float: none;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 4rem;
    line-height: 2.9rem;
  }

  .trust-member-bio-wrapper {
    flex-flow: column;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph {
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .paragraph.white {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }

  .menu-button-pages {
    color: #000;
  }

  .story-icons {
    flex: 0 auto;
    justify-content: space-between;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .story-icon {
    margin-top: .3125rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 2rem;
    line-height: 2rem;
  }

  .story-page-heading {
    margin-top: 0;
    margin-bottom: .3125rem;
    font-size: 1.75rem;
    line-height: 2.625rem;
  }

  .rich-text-block {
    padding-right: 0;
    font-size: 1.125rem;
    line-height: 1.375rem;
  }

  .lightbox-link-left {
    display: inline-block;
  }

  .image-15 {
    margin-bottom: 1.25rem;
  }

  .credits-inner-wrap {
    padding-top: 0;
  }

  .story-container {
    padding-top: .625rem;
    padding-left: .625rem;
    padding-right: .625rem;
  }

  .story-header {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .story-page-lightbox-row {
    margin-bottom: 1.25rem;
  }

  .column-16, .column-17 {
    padding-left: 0;
    padding-right: 0;
  }

  .scrollingdonorlist {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .formfield.message {
    max-width: none;
  }

  .footer-block-wrap {
    align-items: center;
    margin-top: 0;
    font-size: .875rem;
  }

  .contact-wrap {
    flex-direction: column;
    align-items: center;
    margin-bottom: 1.25rem;
    padding-left: 0;
    padding-right: 0;
  }

  .block-quote {
    padding-left: 1rem;
    padding-right: 0;
    font-size: 1.125rem;
    line-height: 1.4rem;
  }

  .cv-19-text {
    margin-bottom: 1.25rem;
    padding-top: .625rem;
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .modal {
    z-index: 100;
    padding: 0 .625rem 1.25rem;
    top: 12%;
  }

  .link-4 {
    font-size: 1.125rem;
  }

  .photo-container {
    flex-direction: column;
    padding-bottom: .625rem;
  }

  .photo {
    margin-bottom: 1.25rem;
  }

  .intro-wrap {
    margin-bottom: 2.5rem;
  }

  .story-rtb-right, .story-rtb-left, .story-rtb-2-by3col, .story-rtb-3-by3col {
    padding-right: 0;
    font-size: 1.125rem;
    line-height: 1.375rem;
  }

  .button-wrap {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .slider-navigation.default-no-perspective, .slider-navigation.no-perspective {
    bottom: -30%;
  }

  .slider-arrow.right {
    font-size: 1.25rem;
    right: -3.4375rem;
  }

  .slider-arrow.left {
    font-size: 1.25rem;
    left: -3.4375rem;
  }

  .graphics-slider.no-perspective {
    margin-top: 0;
    margin-bottom: 13.75rem;
  }

  .pdf-icon {
    font-size: 2.625rem;
  }

  .donor-reports-text {
    font-size: 1.5rem;
    line-height: 1.375rem;
  }

  .donor-reports-title {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.375rem;
  }

  .pdf-wrap {
    grid-row-gap: .625rem;
    flex-flow: wrap;
    justify-content: space-around;
    align-items: center;
  }

  .pdf-link-block {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: row;
    align-content: space-between;
    width: 33%;
  }

  .corp-donor-roi-button {
    width: 100%;
    margin-bottom: .625rem;
    font-size: 1.5rem;
  }

  .scrollingcommunitylist {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .information-wrap {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    width: 100%;
    margin-bottom: 1.5rem;
    margin-left: 0;
    margin-right: 0;
    padding: .625rem;
  }

  .apply-button {
    width: 100%;
    margin-bottom: .625rem;
    font-size: 1.5rem;
  }

  .information-richtext-drop-off-black-text-donate-page {
    margin-top: 0;
    padding-top: 0;
  }

  .button-wrap-charity-requests {
    padding-left: 0;
    padding-right: 0;
  }

  .iphone {
    width: 94%;
    max-width: none;
    height: 100%;
    max-height: none;
  }

  .phone-container {
    width: 18.75rem;
    max-width: 21.875rem;
    height: 32.5rem;
    max-height: 34.375rem;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .phone-wrap-large {
    height: 35.1875rem;
    display: none;
  }

  .embed-wrap {
    text-align: center;
    width: auto;
    height: auto;
    margin-top: 0;
    top: -29.6875rem;
    left: -.625rem;
    right: auto;
  }

  .slide {
    padding: 1rem;
  }

  .slider-wrap {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .slide-nav-2 {
    font-size: .625rem;
  }

  .testimonial-text {
    font-size: 1.0625rem;
    line-height: 1.3em;
  }

  .testimonials-intro-image {
    max-width: 100%;
    margin-left: 0;
  }

  .youtube-2 {
    background-image: none;
  }

  .testimonial-providor {
    font-size: 1rem;
  }

  .tooltip._1 {
    opacity: 0;
    min-width: 12.5rem;
    left: -.4375rem;
  }

  .tooltip._2 {
    opacity: 0;
    min-width: 12.5rem;
    left: -4.375rem;
  }

  .tooltip._3 {
    opacity: 0;
    min-width: 12.5rem;
    left: -8.125rem;
  }

  .tooltip._4 {
    min-width: 12.5rem;
    left: -1.5rem;
  }

  .tooltip._5 {
    opacity: 0;
    min-width: 12.5rem;
    left: -7.25rem;
  }

  .tooltip._6 {
    opacity: 0;
    min-width: 12.5rem;
    left: -.375rem;
  }

  .tooltip._7 {
    opacity: 0;
    min-width: 12.5rem;
    left: -4.3125rem;
  }

  .tooltip._8 {
    opacity: 0;
    min-width: 12.5rem;
    left: -8.3125rem;
  }

  .tooltip._9 {
    opacity: 0;
    min-width: 12.5rem;
    left: -.4375rem;
  }

  .tooltip._10 {
    opacity: 0;
    min-width: 12.5rem;
    left: -4.375rem;
  }

  .tooltip._11 {
    opacity: 0;
    min-width: 12.5rem;
    left: -8.25rem;
  }

  .tooltip._12 {
    opacity: 0;
    min-width: 12.5rem;
    left: -1.5rem;
  }

  .tooltip._13 {
    opacity: 0;
    min-width: 12.5rem;
    left: -7.375rem;
  }

  .tooltip._14 {
    opacity: 0;
    min-width: 12.5rem;
    left: -.375rem;
  }

  .tooltip._15 {
    opacity: 0;
    min-width: 12.5rem;
    left: -4.3125rem;
  }

  .tooltip._16 {
    opacity: 0;
    min-width: 12.5rem;
    left: -8.25rem;
  }

  .tooltip._17 {
    opacity: 0;
    min-width: 12.5rem;
    left: -4.4375rem;
  }

  .list {
    padding-left: 2rem;
    padding-right: 0;
  }

  .benefits-list-wrap {
    width: auto;
  }

  .contact-page-form {
    text-align: center;
    width: auto;
    margin-bottom: 1.25rem;
  }

  .modal-heading {
    margin-bottom: 0;
    font-size: 1.5625rem;
  }

  .heading-2 {
    margin-top: .625rem;
    margin-bottom: 1.25rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8rem;
  }

  .heading-3 {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }

  .information-outer {
    flex-flow: column;
  }

  .drop-off-address-block {
    font-size: 1.2rem;
    line-height: 2rem;
  }

  .grid {
    grid-template-columns: minmax(200px, 1fr);
    justify-content: stretch;
    place-items: stretch stretch;
  }

  .purpose-content-wrap {
    flex-flow: column;
    align-items: center;
  }

  .tagline {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }

  .team-member-text-wrap {
    width: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .bio-image-wrap {
    flex: 0 auto;
    align-self: center;
    margin-top: .25rem;
  }

  .text-span {
    font-size: 2.6rem;
    line-height: 3rem;
  }

  .slider-arrow-right, .slider-arrow-left {
    font-size: 1.75rem;
  }

  .phone-wrap-small {
    width: 18.75rem;
    height: 34.375rem;
    display: block;
  }

  .list-item {
    font-size: 1rem;
    line-height: 1rem;
  }

  .style-guide-color-wrap {
    height: auto;
  }

  .list-text {
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .section-padding, .section-padding.top {
    padding-left: 0;
    padding-right: 0;
  }

  .icon-text.green {
    font-size: .9rem;
    line-height: 1rem;
  }

  .icon-image {
    width: 75%;
  }

  .services-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    margin-top: 1rem;
    margin-bottom: 2rem;
    padding-top: 0;
    padding-bottom: 0;
    display: grid;
  }

  .tagline-wrap {
    margin-bottom: 0;
  }

  .greenbox-conduit-wrapper {
    padding-top: 0;
  }

  .list-purpose {
    padding-left: 2rem;
    padding-right: 0;
  }

  .corporate-testimonials-wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .puketea-image-wrap {
    margin-top: 1rem;
  }

  .pukeatua-tooltip._1 {
    opacity: 0;
    min-width: 12.5rem;
    left: -.4375rem;
  }

  .pukeatua-tooltip._2 {
    opacity: 0;
    min-width: 12.5rem;
    left: -4.375rem;
  }

  .pukeatua-tooltip._3 {
    opacity: 0;
    min-width: 12.5rem;
    left: -8.125rem;
  }

  .pukeatua-tooltip._4 {
    min-width: 12.5rem;
    left: -1.5rem;
  }

  .pukeatua-tooltip._5 {
    opacity: 0;
    min-width: 12.5rem;
    left: -7.25rem;
  }

  .pukeatua-tooltip._6 {
    opacity: 0;
    min-width: 12.5rem;
    left: -.375rem;
  }

  .pukeatua-tooltip._7 {
    opacity: 0;
    min-width: 12.5rem;
    left: -4.3125rem;
  }

  .pukeatua-tooltip._8 {
    opacity: 0;
    min-width: 12.5rem;
    left: -8.3125rem;
  }

  .pukeatua-tooltip._9 {
    opacity: 0;
    min-width: 12.5rem;
    left: -.4375rem;
  }

  .pukeatua-tooltip._10 {
    opacity: 0;
    min-width: 12.5rem;
    left: -4.375rem;
  }

  .pukeatua-tooltip._11 {
    opacity: 0;
    min-width: 12.5rem;
    left: -8.25rem;
  }

  .pukeatua-tooltip._12 {
    opacity: 0;
    min-width: 12.5rem;
    left: -1.5rem;
  }

  .pukeatua-tooltip._13 {
    opacity: 0;
    min-width: 12.5rem;
    left: -7.375rem;
  }

  .pukeatua-tooltip._14 {
    opacity: 0;
    min-width: 12.5rem;
    left: -.375rem;
  }

  .pukeatua-tooltip._15 {
    opacity: 0;
    min-width: 12.5rem;
    left: -4.3125rem;
  }

  .pukeatua-tooltip._16 {
    opacity: 0;
    min-width: 12.5rem;
    left: -8.25rem;
  }

  .pukeatua-tooltip._17 {
    opacity: 0;
    min-width: 12.5rem;
    left: -4.4375rem;
  }

  .sub-heading {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}

@media screen and (max-width: 479px) {
  .heading-1 {
    margin-bottom: .625rem;
    font-size: 1.4rem;
    line-height: 1.6rem;
  }

  .heading-1.recipients-story {
    letter-spacing: .09375rem;
    margin-bottom: .9375rem;
    font-size: 1.5rem;
    line-height: 1.625rem;
    display: block;
  }

  .heading-1.white {
    font-size: 1.6rem;
    line-height: 1.7rem;
  }

  .story-paragraph {
    text-align: justify;
    margin-bottom: 1.25rem;
    font-size: 1.125rem;
    line-height: 1.25rem;
  }

  .story-paragraph.recipients-story {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }

  .navbar {
    height: 3.125rem;
    margin-top: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    overflow: visible;
  }

  .navbar.dark {
    height: 3.6rem;
  }

  .navbar.light {
    color: var(--transparent);
  }

  .section.asa-video {
    height: auto;
    margin-top: 4rem;
    padding-top: 1.25rem;
    padding-left: .625rem;
    padding-right: .625rem;
    position: static;
  }

  .section.footer-contact {
    padding-top: 1rem;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .container {
    padding: 0 .125rem .125rem;
  }

  .container.nav {
    background-color: var(--black);
    color: var(--transparent);
    border-color: #0000;
  }

  .left, .right {
    height: 3.125rem;
  }

  .navlink {
    color: var(--light-colour);
    text-align: right;
    padding: .5rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4rem;
  }

  .navlink:focus {
    padding: .5rem;
  }

  .navlink.w--current {
    font-size: 1.25rem;
  }

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

  .navlink.dark.w--current {
    color: var(--primary-brand-colour-green);
  }

  .bird-logo {
    margin-top: .3125rem;
  }

  .nav-menu {
    background-color: var(--dark-slate-grey);
    color: var(--black);
    flex-flow: column;
    margin-top: 4rem;
    margin-right: 0;
    padding-right: .3125rem;
    display: block;
  }

  .icon-3 {
    color: var(--dark-slate-grey);
    text-align: left;
    font-size: 3rem;
    font-weight: 400;
    line-height: 3rem;
  }

  .icon-3:hover, .icon-3:active {
    color: var(--forest-green);
  }

  .icon-3:focus {
    color: var(--forest-green);
    font-size: 3rem;
    line-height: 3rem;
  }

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

  .partner-wrapper.donors {
    margin-bottom: 0;
    padding-top: 2rem;
    padding-left: 0;
    padding-right: 0;
  }

  .logo-block {
    width: auto;
    padding: .625rem;
  }

  .logo-block.donors {
    width: 80%;
    min-height: 6.25rem;
    margin-bottom: 2rem;
    padding: 0;
  }

  .button {
    flex: 0 auto;
    align-self: auto;
  }

  .button.big-green {
    color: #e7e5e5;
    margin-top: 0;
    margin-bottom: 0;
    padding: .75rem 0 .625rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
    display: block;
  }

  .button.big-green:hover {
    border-width: .125rem;
  }

  .greenboxconduit {
    margin-top: 0;
    margin-bottom: .625rem;
  }

  .purpose {
    margin-bottom: 0;
  }

  .bioimage {
    float: none;
    text-align: center;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .link-block {
    width: 70%;
  }

  .topblock {
    margin-bottom: .1875rem;
  }

  .bottomblock {
    margin-top: .1875rem;
  }

  .partner-block-outer {
    flex-flow: column;
    flex: 0 auto;
    justify-content: space-between;
    align-items: stretch;
    width: auto;
    margin-top: 1rem;
    margin-bottom: .625rem;
    padding: .625rem 0;
  }

  .story-block {
    width: 100%;
    margin-left: 0;
  }

  .recipients-partner-block-inner {
    flex-flow: wrap-reverse;
    align-items: center;
    padding-left: .625rem;
    padding-right: .625rem;
  }

  .recipients-partner-block-inner.recipients {
    flex-flow: wrap;
    justify-content: center;
    align-items: stretch;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .recipient-logo {
    width: auto;
    max-width: 9.375rem;
  }

  .buttons-block {
    padding-left: 0;
    padding-right: 0;
  }

  .social-wrap {
    text-align: left;
    width: 90%;
    font-size: 1.125rem;
    display: block;
  }

  .html-embed.coyright {
    margin-top: 0;
    margin-bottom: .625rem;
    line-height: 1.25rem;
  }

  .firstfruits {
    padding-top: 1rem;
  }

  .bottom-line {
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .social-icon.youtube {
    float: none;
    float: none;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 4rem;
    line-height: 3rem;
  }

  .brand {
    background-color: var(--black);
    padding-left: .1875rem;
  }

  .brand.homepage-navbar {
    padding-left: .25rem;
  }

  .brand.pages {
    background-color: var(--transparent);
  }

  .fb {
    float: right;
    text-align: right;
    margin-left: 0;
    padding: .625rem;
  }

  .fb._2 {
    color: var(--black);
    font-size: 2rem;
    line-height: 2rem;
  }

  .icon-wrapper {
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.2rem;
    flex-flow: wrap;
    align-items: center;
    width: 50%;
    font-size: .75rem;
    line-height: 1.125rem;
  }

  .trust-member-bio-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    text-align: center;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    place-content: start space-around;
    align-self: center;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: .625rem;
    padding-left: .5rem;
    padding-right: .5rem;
    display: grid;
  }

  .paragraph {
    text-align: justify;
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .paragraph.white {
    font-size: 1.1rem;
    line-height: 1.5rem;
  }

  .menu-button-pages {
    padding: .125rem;
  }

  .story-icons {
    flex-wrap: nowrap;
    flex: 1;
    padding-left: 0;
    padding-right: 0;
  }

  .story-icon {
    flex: 0 auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.75rem;
    line-height: 2rem;
  }

  .story-page-heading {
    letter-spacing: .0625rem;
    margin-top: .1875rem;
    margin-bottom: .3125rem;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.75rem;
  }

  .rich-text-block {
    margin-bottom: .625rem;
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .lightbox-link-left {
    display: block;
  }

  .credits-outer-wrap {
    margin-bottom: 2.5rem;
  }

  .credits-inner-wrap {
    padding-top: 1rem;
  }

  .story-container {
    padding-top: .625rem;
    padding-left: 0;
    padding-right: 0;
  }

  .story-header {
    flex-flow: column wrap;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: .9375rem;
    padding-left: .625rem;
    padding-right: .625rem;
  }

  .story-page-lightbox-row {
    margin-bottom: .625rem;
  }

  .column-16 {
    padding: 0;
  }

  .column-17 {
    padding: 0;
    position: static;
  }

  .bot-field-label {
    color: #eb2400;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25rem;
  }

  .bot-field {
    text-align: center;
    height: 2.5rem;
    margin-bottom: 1.25rem;
    padding: 0 .625rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1rem;
  }

  .scrollingdonorlist {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.25rem;
  }

  .scrollingdonorlist h3 {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .formfield {
    margin-bottom: .625rem;
  }

  .formfield.message {
    min-height: 3.75rem;
  }

  .footer-block-wrap {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    width: 100%;
    margin-top: .625rem;
    margin-bottom: .625rem;
    padding-left: 0;
  }

  .contact-wrap {
    flex-flow: column;
    margin-bottom: 0;
    padding-top: .125rem;
    padding-left: 0;
    padding-right: 0;
  }

  .block-quote {
    margin-bottom: 1rem;
    padding-left: 0;
    padding-right: 0;
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .cv-19-text {
    margin-bottom: .625rem;
    padding-top: 0;
    font-size: .8125rem;
    line-height: 1.125rem;
  }

  .modal {
    z-index: 100;
  }

  .link-4 {
    font-size: 1rem;
  }

  .photos {
    flex-direction: column;
  }

  .photo-container {
    margin-top: 3.75rem;
    margin-bottom: .625rem;
    padding-bottom: .625rem;
  }

  .testmonials-photo-caption {
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1rem;
  }

  .intro-wrap {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
  }

  .story {
    flex-direction: column;
  }

  .story-rtb-right {
    width: auto;
    margin-bottom: .625rem;
    padding-left: 0;
    font-size: 1.125rem;
    line-height: 1.375rem;
  }

  .story-rtb-left {
    width: auto;
    margin-bottom: .625rem;
    padding-right: 0;
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .story-rtb-left.wide {
    padding: .625rem;
    line-height: 1.375rem;
  }

  .lightbox-right {
    width: auto;
    padding-left: 0;
  }

  .lightbox-left {
    width: auto;
    padding-right: 0;
  }

  .lightbox-centre, .lightbox {
    width: auto;
    padding: .625rem 0 0;
  }

  .story-rtb-2-by3col, .story-rtb-3-by3col {
    width: auto;
    margin-bottom: .625rem;
    padding-right: 0;
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .button-wrap {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 1rem;
    padding-left: 0;
    padding-right: 0;
  }

  .slider-thumb-wrap {
    width: 3.125rem;
    height: 3.125rem;
  }

  .slider-navigation.default-no-perspective {
    width: auto;
    height: 3.125rem;
    font-size: 3.125rem;
    bottom: -30%;
  }

  .slider-navigation.no-perspective {
    width: auto;
    height: 3.125rem;
    bottom: -30%;
  }

  .slider-arrow.right {
    width: 22%;
    font-size: 1.25rem;
    right: -1.25rem;
  }

  .slider-arrow.left {
    font-size: 1.25rem;
    left: -1.25rem;
  }

  .graphics-slider.no-perspective {
    margin-top: .125rem;
    margin-bottom: 5rem;
    font-size: .75rem;
  }

  .doner-report-card {
    width: auto;
  }

  .pdf-icon {
    font-size: 2.625rem;
  }

  .donor-reports-text {
    font-size: 1.25rem;
    line-height: 1.125rem;
  }

  .donor-reports-title {
    letter-spacing: .1875rem;
    font-size: 1.375rem;
    line-height: 1.1em;
  }

  .corp-donor-roi-button {
    text-transform: uppercase;
    background-color: #0000;
    width: 100%;
    margin-bottom: 0;
    padding: .75rem .75rem .625rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .scrollingcommunitylist {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.25rem;
  }

  .scrollingcommunitylist h3 {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .information-richtext-donate p {
    font-size: .875rem;
  }

  .apply-button {
    text-transform: uppercase;
    background-color: #0000;
    width: 100%;
    margin-bottom: 0;
    padding: .75rem .75rem .625rem;
    font-size: 1.375rem;
    line-height: 1.5rem;
  }

  .dark-footer-wrap {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .button-wrap-charity-requests {
    padding-left: 0;
    padding-right: 0;
    font-size: .75rem;
  }

  .iphone {
    text-align: center;
    width: auto;
    max-width: 21.875rem;
    height: auto;
    max-height: 40.625rem;
    padding-left: 2.1875rem;
    padding-right: 2.1875rem;
    display: block;
    overflow: visible;
  }

  .phone-container {
    text-align: center;
    width: 18.75rem;
    max-width: 21.875rem;
    height: 32.5rem;
    max-height: 34.375rem;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .phone-wrap-large {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 18.75rem;
    height: 32.5rem;
    display: none;
  }

  .embed-wrap {
    text-align: center;
    width: auto;
    height: auto;
    margin-top: 0;
    display: block;
    position: relative;
    top: -29.5rem;
    left: .25rem;
    overflow: visible;
  }

  .slide {
    width: auto;
    height: auto;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .slider-wrap {
    position: static;
  }

  .slider {
    width: auto;
  }

  .slide-nav-2 {
    height: 2rem;
    font-size: .5rem;
  }

  .testimonial-wrap {
    justify-content: flex-start;
    width: auto;
    height: auto;
    padding: .5rem;
  }

  .testimonial-text {
    text-transform: none;
    margin-bottom: .5rem;
    padding-left: 0;
    padding-right: 0;
    font-size: 1rem;
    font-style: italic;
    font-weight: 500;
    line-height: 1.2rem;
  }

  .testimonial-footer {
    font-family: Opensans Variablefont Wdth Wght, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2rem;
  }

  .testimonial-heading {
    margin-bottom: .625rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2em;
  }

  .testimonial-providor {
    font-size: .8rem;
    line-height: .8rem;
  }

  .tooltip-text {
    letter-spacing: 0;
    padding: 0;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5rem;
  }

  .footer-download-documents {
    margin-bottom: .5rem;
    font-size: 1rem;
    line-height: 1.6rem;
  }

  .tagline-suffix {
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.4rem;
  }

  .testimonials-intro-image-wrap {
    width: auto;
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .list {
    padding-left: 1rem;
    padding-right: 0;
  }

  .benefits-list-wrap {
    width: 100%;
  }

  .contact-page-form {
    align-self: stretch;
    width: auto;
    margin-bottom: 0;
  }

  .modal-heading {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.0625rem;
    line-height: 1.5rem;
  }

  .heading-2 {
    margin-top: .5rem;
    margin-bottom: .25rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
  }

  .heading-2.white {
    margin-bottom: 1rem;
  }

  .heading-3 {
    letter-spacing: .0117188rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4rem;
  }

  .spacer20px {
    display: none;
  }

  .our-purpose-image {
    max-width: 90%;
    margin-bottom: 1.25rem;
  }

  .list-title {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.4rem;
  }

  .social-icon-wrap {
    text-align: center;
    width: 100%;
    display: block;
  }

  .drop-off-address-block {
    font-size: 1.1rem;
    line-height: 1.8rem;
  }

  .firstfruits-link {
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .purpose-content-wrap {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    text-align: center;
    flex-flow: column;
  }

  .tagline {
    font-size: 1rem;
    line-height: 1.4rem;
  }

  .team-member-text-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .bio-image-wrap {
    width: auto;
    margin-top: 0;
  }

  .text-span {
    font-size: 2.2rem;
    line-height: 3rem;
  }

  .left-arrow-wrap {
    text-align: left;
    width: 1.5rem;
  }

  .right-arrow-wrap {
    text-align: right;
    width: 1.5rem;
  }

  .slider-arrow-right {
    text-align: right;
    margin-left: 0;
    margin-right: 0;
    font-size: 1.375rem;
  }

  .slider-arrow-left {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    font-size: 1.375rem;
  }

  .html-embed-phone-large {
    text-align: left;
    display: block;
    position: static;
    inset: 14% auto auto 6%;
  }

  .phone-wrap-small {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: block;
    position: absolute;
    top: auto;
    left: auto;
  }

  .html-embed-phone-smalll {
    text-align: center;
    width: 97%;
    height: 100%;
    display: block;
  }

  .list-item {
    font-size: 1rem;
    line-height: 1rem;
  }

  .style-guide-grid {
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .style-guide-grid-item-wrap {
    grid-template-columns: 1fr;
  }

  .list-text {
    line-height: 1.4rem;
  }

  .section-padding, .section-padding.top {
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .section-padding.top.dark {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .section-padding.dark {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .section-padding.i-frame {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .icon-text.green {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }

  .icon-image {
    width: 100%;
  }

  .services-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    place-items: start center;
    width: 100%;
    margin-bottom: 2rem;
    padding-top: 1rem;
  }

  .tagline-wrap {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .list-purpose {
    padding-left: 1rem;
    padding-right: 0;
  }

  .corporate-testimonials-wrap {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .pukeatua-tooltip {
    min-width: 16.8rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: 1rem;
    top: 210%;
    left: 7%;
  }

  .navbar-3 {
    height: 3.4rem;
  }

  .sub-heading {
    font-size: 1rem;
    line-height: 1.4rem;
  }
}

#w-node-_688f12b4-3680-f465-216e-22cb99678b83-dd18436d, #w-node-ccd73daa-0de0-c461-1996-0bd3e96dd398-dd18436d {
  place-self: stretch center;
}

#w-node-d1874a26-929b-a085-2e96-a33221daf1f5-dd18436d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch center;
}

#w-node-_0ac4643d-76c1-c14a-cea6-8118a552b9e3-dd18436d, #w-node-_1ffe1583-b05b-2b5a-d0d8-4b893823d98e-dd18436d {
  place-self: stretch center;
}

#w-node-_0edcf0e9-0bb3-dd17-00fb-8893f9e848c1-dd184391 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8fb4337a-9a3c-195a-221c-f7c350babf1e-dd184391 {
  grid-area: 1 / 2 / 5 / 3;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843a9 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843a9, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843a9 {
  place-self: auto;
}

#w-node-_8ccbd23e-1f82-6aba-db29-5072c3682b0c-dd1843c7 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-_8ccbd23e-1f82-6aba-db29-5072c3682b12-dd1843c7, #w-node-_8ccbd23e-1f82-6aba-db29-5072c3682b15-dd1843c7 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843c9 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843c9, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843c9 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843dc {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843dc, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843dc {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843de {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843de, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843de {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843e0 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843e0, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843e0 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843e1 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843e1, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843e1 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843e2 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843e2, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843e2 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843e3 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843e3, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843e3 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843e4 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843e4, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843e4 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843e5 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843e5, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843e5 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843e6 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843e6, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843e6 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843e7 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843e7, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843e7 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843e8 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843e8, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843e8 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843e9 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843e9, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843e9 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843ea {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843ea, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843ea {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843eb {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843eb, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843eb {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843ec {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843ec, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843ec {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843ed {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843ed, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843ed {
  place-self: auto;
}

#w-node-_6a7a9c47-7611-b9c0-4b17-3dbf67b5c1ae-dd1843ee {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843ef {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843ef, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843ef {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843f0 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843f0, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843f0 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843f1 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843f1, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843f1 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843f2 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843f2, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843f2 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843f3 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843f3, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843f3 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843f4 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843f4, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843f4 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843f5 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843f5, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843f5 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843f6 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843f6, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843f6 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843f7 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843f7, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843f7 {
  place-self: auto;
}

#w-node-_148b676f-eb9b-c925-5d48-7523aaf4f484-dd1843f8 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-_148b676f-eb9b-c925-5d48-7523aaf4f48a-dd1843f8, #w-node-_148b676f-eb9b-c925-5d48-7523aaf4f48d-dd1843f8 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843f9 {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843f9, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843f9 {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843fa {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843fa, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843fa {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843fb {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843fb, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843fb {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843fc {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843fc, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843fc {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843fd {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843fd, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843fd {
  place-self: auto;
}

#w-node-b4d1f950-00f9-57e9-f114-9df5d68ba7f8-dd1843fe {
  grid-area: 1 / 4 / 2 / 5;
  place-self: auto start;
}

#w-node-be16e7c1-e977-8845-3c9c-1e5b5a32bb14-dd1843fe, #w-node-_1def5bf6-2706-6b1e-bef6-8a8c6244663e-dd1843fe {
  place-self: auto;
}

#w-node-_4ba07311-6350-9419-aea9-d983dcd250b3-5f2e9c3b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ba07311-6350-9419-aea9-d983dcd250b4-5f2e9c3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4ba07311-6350-9419-aea9-d983dcd250b6-5f2e9c3b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ba07311-6350-9419-aea9-d983dcd250b9-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd250c4-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd250c9-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd250d1-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd250d6-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd250de-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd250e3-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd250eb-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd250f0-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd250f8-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd250f9-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd250ff-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd25107-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd2510c-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd25114-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd25119-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd25121-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd25122-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd25127-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd25133-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd25141-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd25149-5f2e9c3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4ba07311-6350-9419-aea9-d983dcd25156-5f2e9c3b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ba07311-6350-9419-aea9-d983dcd25159-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd25161-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd25162-5f2e9c3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4ba07311-6350-9419-aea9-d983dcd25174-5f2e9c3b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ba07311-6350-9419-aea9-d983dcd25177-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd2518e-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd2518f-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd25192-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd25195-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd25198-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd2519b-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd2519e-5f2e9c3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4ba07311-6350-9419-aea9-d983dcd251a1-5f2e9c3b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ba07311-6350-9419-aea9-d983dcd251a4-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd251ac-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd251ad-5f2e9c3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4ba07311-6350-9419-aea9-d983dcd251cb-5f2e9c3b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ba07311-6350-9419-aea9-d983dcd251ce-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd251d6-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd251d7-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd251df-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd251e7-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd251e8-5f2e9c3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4ba07311-6350-9419-aea9-d983dcd251f0-5f2e9c3b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ba07311-6350-9419-aea9-d983dcd251f3-5f2e9c3b, #w-node-_4ba07311-6350-9419-aea9-d983dcd2520b-5f2e9c3b, #w-node-_4deaac0b-f3e9-8502-7fbf-867048cdcdf9-5f2e9c3b, #w-node-_32a69c0d-4332-1e2b-a8fa-48e1b0db8cf4-5f2e9c3b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1280px) {
  #w-node-ccd73daa-0de0-c461-1996-0bd3e96dd398-dd18436d, #w-node-d1874a26-929b-a085-2e96-a33221daf1f5-dd18436d, #w-node-_0ac4643d-76c1-c14a-cea6-8118a552b9e3-dd18436d {
    align-self: stretch;
  }

  #w-node-_44c2fd9e-38d3-4bc5-a7ce-4100102f9653-dd1843ee {
    justify-self: end;
  }

  #w-node-_4ba07311-6350-9419-aea9-d983dcd2510c-5f2e9c3b {
    grid-area: 9 / 1 / 10 / 2;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_8fb4337a-9a3c-195a-221c-f7c350babf1e-dd184391 {
    grid-area: 4 / 1 / 6 / 2;
  }

  #w-node-_20f77197-5965-3130-9aea-1e2c9c1939bf-dd184391, #w-node-_1edca2f6-b899-5a1c-4c3d-97a07e978c3e-dd184391 {
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_1ffe1583-b05b-2b5a-d0d8-4b893823d98e-dd18436d {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: stretch center;
  }

  #w-node-_924ad5e4-7b88-7e7f-26c3-1c2fdd0ed165-dd184391 {
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_688f12b4-3680-f465-216e-22cb99678b83-dd18436d, #w-node-ccd73daa-0de0-c461-1996-0bd3e96dd398-dd18436d, #w-node-d1874a26-929b-a085-2e96-a33221daf1f5-dd18436d {
    place-self: auto;
  }

  #w-node-_1ffe1583-b05b-2b5a-d0d8-4b893823d98e-dd18436d {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: stretch center;
  }
}


@font-face {
  font-family: 'Fontawesome webfont';
  src: url('../fonts/fontawesome-webfont.woff2') format('woff2'), url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Fa Sharp Duotone Solid 900';
  src: url('../fonts/fa-sharp-duotone-solid-900.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fontawesome pro solid 900';
  src: url('../fonts/fontawesome-pro-solid-900.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Fa brands 400';
  src: url('../fonts/fa-brands-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Fa solid 900';
  src: url('../fonts/fa-solid-900.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Lora Variablefont Wght';
  src: url('../fonts/Lora-VariableFont_wght.ttf') format('truetype');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lora Variablefont Wght';
  src: url('../fonts/Lora-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans Variablefont Wdth Wght';
  src: url('../images/') format('truetype');
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensans Variablefont Wdth Wght';
  src: url('../images/') format('truetype');
  font-weight: 300 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Airlines';
  src: url('../fonts/Airlines-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}