:root {
  --grey: #8b8d8e;
  --fct-black: #1c242b;
  --white: white;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}

p {
  margin-bottom: 10px;
}

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

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

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

figcaption {
  text-align: center;
  margin-top: 5px;
}

.header-logo-section {
  background-color: var(--fct-black);
  background-image: radial-gradient(circle farthest-corner at 100% 0%, black, var(--fct-black) 57%);
  flex-direction: column;
  align-items: center;
  padding-bottom: 40px;
  display: flex;
}

.nav-wrapper {
  border-bottom: 2px solid var(--grey);
  background-color: var(--fct-black);
  justify-content: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.brand {
  display: none;
}

.nav-link {
  color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 15px;
  font-family: pragmatica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  transition: color .2s;
}

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

.nav-link.w--current {
  color: var(--white);
}

.header-logo {
  width: 460px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.navbar {
  z-index: 100;
  background-color: #0000;
  width: 100%;
  position: sticky;
  top: 0;
}

.header-logo-link {
  position: relative;
}

.nav-fb-icon {
  height: 20px;
  transition: opacity .2s;
}

.nav-fb-icon:hover {
  opacity: .6;
}

.nav-menu {
  align-items: center;
  display: flex;
}

.fb-nav-link {
  margin-left: 10px;
}

.nav-button-animated-2 {
  z-index: 900;
  background-color: #0000;
  width: 60px;
  height: 60px;
  margin-top: 10px;
  margin-right: 20px;
  padding: 0;
  position: fixed;
  top: 0;
  right: 0;
}

.nav-button-animated-2.w--open {
  background-color: #0000;
}

.top-line {
  background-color: #fff;
  width: 40px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 18px;
  left: 0;
  right: 0;
}

.middle-line {
  background-color: #fff;
  width: 40px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 28px;
  left: 0;
  right: 0;
}

.bottom-line {
  background-color: #fff;
  width: 40px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 38px;
  left: 0;
  right: 0;
}

.home-slider-section {
  height: 95vh;
  margin-top: -304px;
  position: relative;
}

.slider {
  background-color: #0000;
  height: 100%;
  margin-top: 0;
}

.slide-nav {
  display: none;
}

.slider-footer-text-wrapper {
  -webkit-backdrop-filter: blur(5px) blur(5px);
  backdrop-filter: blur(5px) blur(5px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.slider-text {
  color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  text-shadow: 0 0 12px var(--white);
  margin-bottom: 0;
  font-family: kallisto, sans-serif;
  font-size: 1.3vw;
}

.slide {
  background-image: url('../images/20221031_63720.avif');
  background-position: 50%;
  background-size: cover;
}

.content-section {
  padding: 40px;
}

.content-section.home {
  padding-top: 0;
  padding-bottom: 100px;
  position: relative;
}

.h1-blue {
  color: var(--fct-black);
  font-family: pragmatica, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.6;
}

.h1-blue.centred {
  text-align: center;
  font-size: 42px;
  font-weight: 700;
}

.h1-blue.centred.home {
  border: 1px none var(--grey);
  background-image: url('../images/arrow-pattern.svg');
  background-position: 0 0;
  background-size: auto;
  margin-top: 0;
  margin-left: -40px;
  margin-right: -40px;
  padding: 100px 60px;
}

.content-wrapper.centred {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.content-wrapper.contact {
  width: 65%;
  margin-left: auto;
  margin-right: auto;
}

.nav-section {
  z-index: 100;
  position: sticky;
  top: 0;
}

.rich-text h2 {
  color: var(--fct-black);
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: kallisto, sans-serif;
  font-weight: 300;
  line-height: 1.2;
}

.rich-text p {
  margin-bottom: 15px;
  font-family: pragmatica, sans-serif;
  font-size: 18px;
  line-height: 1.6;
}

.rich-text h4 {
  color: var(--grey);
  margin-bottom: 15px;
  font-family: pragmatica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}

.rich-text h1 {
  color: var(--fct-black);
  font-family: pragmatica, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.6;
}

.rich-text h3 {
  font-family: pragmatica, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.6;
}

.rich-text h5 {
  color: var(--fct-black);
  text-transform: uppercase;
  font-family: pragmatica, sans-serif;
  font-size: 20px;
  line-height: 1.6;
}

.rich-text h6 {
  color: var(--grey);
  font-family: pragmatica, sans-serif;
  font-size: 18px;
  line-height: 1.6;
}

.rich-text ul {
  margin-bottom: 25px;
  font-family: pragmatica, sans-serif;
  font-size: 18px;
  line-height: 1.6;
}

.rich-text ol {
  font-family: pragmatica, sans-serif;
  font-size: 18px;
  line-height: 1.6;
}

.rich-text li {
  margin-bottom: 8px;
}

.rich-text img {
  margin-bottom: 0;
}

.rich-text figcaption {
  color: var(--fct-black);
  text-transform: uppercase;
  font-family: kallisto, sans-serif;
}

.rich-text a {
  color: var(--grey);
  font-weight: 700;
  transition: color .2s;
}

.rich-text a:hover {
  color: var(--fct-black);
}

.rich-text-centred h2 {
  color: var(--fct-black);
  text-align: center;
  text-transform: uppercase;
  font-family: kallisto, sans-serif;
  font-weight: 300;
  line-height: 1.2;
}

.rich-text-centred p {
  text-align: center;
  margin-bottom: 20px;
  font-family: pragmatica, sans-serif;
  font-size: 18px;
  line-height: 1.6;
}

.rich-text-centred h4 {
  color: var(--grey);
  text-align: center;
  font-family: pragmatica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}

.rich-text-centred h1 {
  color: var(--fct-black);
  text-align: center;
  font-family: pragmatica, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.6;
}

.rich-text-centred h3 {
  text-align: center;
  font-family: pragmatica, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.6;
}

.rich-text-centred h5 {
  color: var(--fct-black);
  text-align: center;
  text-transform: uppercase;
  font-family: pragmatica, sans-serif;
  font-size: 20px;
  line-height: 1.6;
}

.rich-text-centred h6 {
  color: var(--grey);
  text-align: center;
  font-family: pragmatica, sans-serif;
  font-size: 18px;
  line-height: 1.6;
}

.rich-text-centred a {
  color: var(--fct-black);
  text-decoration: none;
  transition: color .2s;
}

.rich-text-centred a:hover {
  color: var(--grey);
}

.cell {
  padding-top: 24px;
}

.quick-stack {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0;
}

.bg-home-icon {
  z-index: -1;
  opacity: .08;
  height: 55%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.footer {
  background-color: var(--fct-black);
  background-image: linear-gradient(#1c242ba6, #1c242ba6), url('../images/arrow-pattern-black.svg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  margin-top: 60px;
  padding: 40px;
}

.footer-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.footer-logo {
  width: 320px;
  margin-bottom: 40px;
}

.footer-head-text {
  color: var(--white);
  text-align: center;
  margin-bottom: 20px;
  font-family: pragmatica, sans-serif;
  font-size: 20px;
  line-height: 1.6;
}

.container {
  width: 1200px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.outline-button {
  border: 1px solid var(--grey);
  color: var(--grey);
  text-align: center;
  background-color: #0000;
  border-radius: 4px;
  padding: 15px 20px;
  font-family: pragmatica, sans-serif;
  font-weight: 700;
  transition: background-color .2s;
}

.outline-button:hover {
  background-color: var(--fct-black);
  color: var(--white);
}

.footer-columns {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  width: 65%;
  margin-top: 40px;
}

.cell-2 {
  justify-content: center;
  align-items: center;
}

.small-footer-text {
  color: var(--white);
  text-align: center;
  margin-bottom: 20px;
  font-family: pragmatica, sans-serif;
}

.inferno-logo {
  width: 120px;
}

.page-header {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 600px;
  margin-top: -230px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-header-image {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  inset: 0%;
}

.header-logo-section-inner {
  z-index: 1;
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.header-colour-bg {
  background-image: radial-gradient(circle farthest-corner at 100% 0%, black, var(--fct-black) 55%);
  opacity: .6;
  mix-blend-mode: color-burn;
  position: absolute;
  inset: 0%;
}

.header-colour-bg.no-pic {
  background-image: radial-gradient(circle farthest-corner at 100% 0%, black, var(--fct-black) 55%);
  opacity: 1;
}

.page-title-wrapper {
  background-color: var(--fct-black);
  mix-blend-mode: hard-light;
  background-image: url('../images/arrow-pattern-black.svg');
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.h1-kallisto-white {
  z-index: 1;
  color: var(--white);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: kallisto, sans-serif;
  font-weight: 300;
  position: relative;
}

.rebecca-pic {
  object-fit: cover;
  position: relative;
  inset: auto 0%;
}

.quick-stack-3 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}

.header-logo-section-no-pic {
  z-index: 1;
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.full-width-section {
  background-color: #8b8d8e2e;
  background-image: url('../images/arrows-pattern-lighten.svg');
  background-position: 0 0;
  background-size: auto 75px;
  padding: 40px;
}

.grey-page-title-wrapper {
  background-color: var(--grey);
  mix-blend-mode: normal;
  background-image: linear-gradient(#8b8d8ebf, #8b8d8ebf), url('../images/arrow-pattern.svg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.trustee-pic {
  object-fit: cover;
  max-width: 200px;
  position: relative;
  inset: auto 0%;
}

.trustee-pic.gibsons {
  max-width: 100%;
}

.trustees-quick-stack {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}

.grey-divider {
  background-color: var(--grey);
  height: 1px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.button_component {
  color: #16121a;
  text-align: center;
  background-color: #8b8d8e26;
  border-radius: .5rem;
  align-items: center;
  height: 4rem;
  margin-top: 20px;
  font-size: 1.25rem;
  display: flex;
  position: relative;
}

.button_component:hover {
  opacity: 1;
}

.button_background-scale {
  text-align: center;
  background-color: #8b8d8e80;
  border-radius: .5rem;
  width: 4rem;
  height: 4rem;
  position: absolute;
}

.button_icon-wrapper {
  background-color: var(--fct-black);
  border-radius: .5rem;
  width: 4rem;
  height: 4rem;
  position: absolute;
}

.icon-svg {
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.button_content {
  z-index: 2;
  justify-content: center;
  width: 100%;
  margin-left: 4rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
}

.text-block {
  font-family: pragmatica, sans-serif;
  font-size: 1.1rem;
}

.quick-stack-4 {
  grid-column-gap: 40px;
  grid-row-gap: 60px;
  margin-bottom: 80px;
  padding: 0;
}

.cell-4 {
  justify-content: flex-end;
}

.cell-5 {
  justify-content: flex-start;
  align-items: flex-start;
}

.rich-text-recipient {
  border-right: 1px dotted var(--grey);
  border-bottom: 1px dotted var(--grey);
  border-left: 1px dotted var(--grey);
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.rich-text-recipient h2 {
  color: var(--fct-black);
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: kallisto, sans-serif;
  font-weight: 300;
  line-height: 1.2;
}

.rich-text-recipient p {
  color: var(--fct-black);
  text-align: center;
  margin-bottom: 5px;
  font-family: pragmatica, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
}

.rich-text-recipient h4 {
  color: var(--grey);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: pragmatica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}

.rich-text-recipient h1 {
  color: var(--fct-black);
  font-family: pragmatica, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.6;
}

.rich-text-recipient h3 {
  font-family: pragmatica, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.6;
}

.rich-text-recipient h5 {
  color: var(--fct-black);
  text-transform: uppercase;
  font-family: pragmatica, sans-serif;
  font-size: 20px;
  line-height: 1.6;
}

.rich-text-recipient h6 {
  color: var(--grey);
  font-family: pragmatica, sans-serif;
  font-size: 18px;
  line-height: 1.6;
}

.rich-text-recipient ul {
  margin-bottom: 25px;
  font-family: pragmatica, sans-serif;
  font-size: 18px;
  line-height: 1.6;
}

.rich-text-recipient ol {
  font-family: pragmatica, sans-serif;
  font-size: 18px;
  line-height: 1.6;
}

.rich-text-recipient li {
  margin-bottom: 8px;
}

.full-width-section-no-pattern {
  background-color: #8b8d8e2e;
  margin-top: 40px;
  margin-bottom: -60px;
  padding: 40px;
}

.quick-stack-7 {
  grid-column-gap: 60px;
  padding: 0;
}

.recipients-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.mega-logo {
  width: 320px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.wanganui-text {
  color: #000;
  margin-top: 20px;
  margin-bottom: 100px;
  font-family: pragmatica, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 1;
}

.major-sponsors-section {
  background-color: #0000;
  padding: 0 40px 40px;
}

.flex-block {
  grid-column-gap: 40px;
  grid-row-gap: 100px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 120px;
  display: grid;
}

.sponsors-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.sponsor-logo {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  margin-bottom: 0;
  padding-top: 0%;
  padding-bottom: 0%;
  display: flex;
  position: relative;
}

.sponsors-logo-image {
  max-width: 85%;
  max-height: 75%;
  position: relative;
  inset: auto;
}

.sponsors-logo-image.square {
  max-width: 65%;
  max-height: 90%;
}

.sponsors-logo-image.square.h-a {
  max-height: 50%;
}

.sponsors-logo-image.lions {
  max-width: 55%;
  max-height: 75%;
}

.h3-grey-centred {
  border-bottom: 1px dotted var(--grey);
  color: var(--grey);
  text-align: center;
  width: 100%;
  margin-bottom: 40px;
  padding-bottom: 40px;
  font-family: pragmatica, sans-serif;
}

.lions-text {
  margin-top: 10px;
  margin-bottom: 0;
  font-family: pragmatica, sans-serif;
  font-size: 16px;
  line-height: 1.2;
}

.datapro {
  text-align: center;
  letter-spacing: 2px;
  background-color: #8b8d8e1a;
  border-radius: 4px;
  margin-bottom: 0;
  padding: 50px;
  font-family: pragmatica, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
}

.sponsors-link {
  color: var(--fct-black);
  width: 100%;
  text-decoration: none;
}

.form-block {
  margin-top: 60px;
  margin-bottom: 40px;
}

.form-field-title {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: kallisto, sans-serif;
  font-weight: 300;
}

.form-field {
  border: 1px solid var(--grey);
  border-radius: 2px;
  margin-bottom: 40px;
  font-family: pragmatica, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

.form-field.long {
  min-height: 180px;
}

.quick-stack-8 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding: 0;
}

.submit-button {
  background-color: var(--fct-black);
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 2px;
  padding: 20px 25px;
  font-family: kallisto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  transition: background-color .2s;
}

.submit-button:hover {
  background-color: var(--grey);
}

.athlete-name {
  color: var(--white);
  text-align: center;
  font-family: kallisto, sans-serif;
  font-size: 36px;
  line-height: 1.2;
}

.athlete-sport {
  color: var(--white);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-family: pragmatica, sans-serif;
  font-size: 20px;
  line-height: 1;
}

.slide-2 {
  background-image: url('../images/received_1083482092256293_1.avif');
  background-position: 50%;
  background-size: cover;
}

.slide-league {
  background-image: url('../images/kobe-millar-rugby_1.avif');
  background-position: 50%;
  background-size: cover;
}

.slide-katie {
  background-image: url('../images/thumbnail_PA_NVNM2023-06913_1.avif');
  background-position: 50%;
  background-size: cover;
}

.apply-button {
  border: 1px solid var(--grey);
  background-color: var(--fct-black);
  color: var(--white);
  text-align: center;
  border-radius: 4px;
  padding: 15px 20px;
  font-family: pragmatica, sans-serif;
  font-weight: 700;
  transition: background-color .2s;
}

.apply-button:hover {
  background-color: var(--grey);
}

.footer-button {
  border: 1px solid var(--grey);
  color: var(--grey);
  text-align: center;
  background-color: #0000;
  border-radius: 4px;
  padding: 15px 20px;
  font-family: pragmatica, sans-serif;
  font-weight: 700;
  transition: border-color .2s, background-color .2s;
}

.footer-button:hover {
  border-color: var(--white);
  background-color: var(--fct-black);
  color: var(--white);
}

.home-header-logo-section {
  z-index: 20;
  background-color: #0000;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.slider-overlay {
  z-index: 10;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: 0%;
}

.home-header-logo {
  width: 360px;
  margin-top: 40px;
  margin-left: 40px;
  margin-right: auto;
  display: none;
}

.home-header-stacked-logo {
  width: 160px;
  margin-top: 20px;
  margin-left: 0;
  margin-right: auto;
}

.home-header-logo-link-copy {
  background-color: #1c242b99;
  margin-left: 80px;
  padding: 0 20px 20px;
  position: relative;
}

.home-header-logo-link-copy.w--current {
  z-index: 20;
  background-image: linear-gradient(#1c242b99, #1c242b99);
  margin-left: 80px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.home-nav-section {
  z-index: 100;
  position: sticky;
  top: 0;
}

.home-nav-wrapper {
  border-bottom: 2px solid var(--grey);
  background-color: var(--fct-black);
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.cell-6, .cell-7 {
  align-items: center;
}

.news-main-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.news-pic-wrapper-thumb {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 0;
  padding-top: 35%;
  padding-bottom: 35%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.news-thumb {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  inset: auto 0%;
}

.h2-news-small {
  color: var(--fct-black);
  margin-bottom: 20px;
  font-family: kallisto, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.4;
}

.news-intro {
  color: var(--grey);
  margin-bottom: 20px;
  font-family: pragmatica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.news-link {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: opacity .2s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.news-link:hover {
  opacity: .6;
}

.content-wrapper-news {
  margin-bottom: 40px;
}

.content-section-news {
  padding: 0 40px 40px;
}

.h1-kallisto-white-news {
  z-index: 1;
  color: var(--white);
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: kallisto, sans-serif;
  font-weight: 300;
  line-height: 1.2;
  position: relative;
}

.news-date {
  color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: kallisto, sans-serif;
  font-size: 18px;
  line-height: 1.8;
}

.slide-thor {
  background-image: url('../images/squash-1_1.avif');
  background-position: 50%;
  background-size: cover;
}

.news-intro-date {
  color: var(--grey);
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: pragmatica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.text-block-2 {
  font-family: pragmatica, sans-serif;
  font-size: 16px;
  line-height: 1.2;
}

.success-message {
  background-color: #ddd0;
  padding: 0;
}

.text-block-3 {
  font-family: pragmatica, sans-serif;
  font-size: 15px;
  line-height: 1.2;
}

.html-embed {
  margin-bottom: 30px;
}

.slide-lucas {
  background-image: url('../images/slide-lucas-munn_1.avif');
  background-position: 50%;
  background-size: cover;
}

@media screen and (min-width: 1440px) {
  .nav-wrapper {
    border-bottom-width: 2px;
  }

  .header-logo {
    width: 550px;
  }

  .home-slider-section {
    height: 95vh;
    margin-top: -304px;
  }

  .slider-text {
    font-size: 1.2vw;
  }

  .h1-blue.centred {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

  .h1-blue.centred.home {
    max-width: none;
  }

  .content-wrapper {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

  .rich-text-centred a {
    color: var(--fct-black);
    text-decoration: none;
    transition: color .2s;
  }

  .rich-text-centred a:hover {
    color: var(--grey);
  }

  .outline-button {
    color: var(--grey);
    background-color: #0000;
    transition: color .2s, background-color .2s;
  }

  .outline-button:hover {
    background-color: var(--fct-black);
    color: var(--white);
  }

  .page-header {
    height: 720px;
    margin-top: -260px;
  }

  .trustee-pic.gibsons {
    max-width: 100%;
  }

  .sponsor-logo {
    width: 100%;
  }

  .apply-button {
    background-color: var(--fct-black);
  }

  .footer-button {
    color: var(--grey);
    background-color: #0000;
    transition: color .2s, background-color .2s;
  }

  .footer-button:hover {
    background-color: var(--fct-black);
    color: var(--white);
  }

  .home-header-logo {
    width: 360px;
  }

  .home-header-logo-link-copy {
    margin-left: 180px;
  }

  .home-header-logo-link-copy.w--current {
    margin-left: 190px;
  }

  .home-nav-wrapper {
    border-bottom-width: 2px;
    padding-left: 40px;
  }

  .content-wrapper-news {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

  .news-intro-date {
    text-transform: uppercase;
  }
}

@media screen and (max-width: 991px) {
  .header-logo-section {
    position: relative;
  }

  .nav-wrapper {
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .nav-link {
    text-align: center;
    font-size: 18px;
    line-height: 1.6;
  }

  .nav-link:hover, .nav-link.w--current {
    color: var(--white);
  }

  .navbar {
    position: relative;
  }

  .nav-fb-icon {
    height: 30px;
  }

  .nav-menu {
    background-color: var(--fct-black);
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .fb-nav-link {
    margin-top: 20px;
    margin-left: 0;
  }

  .nav-button-animated-2 {
    background-color: #0000;
    width: 70px;
    height: 70px;
    margin-top: 0;
    margin-right: 0;
    position: relative;
  }

  .nav-button-animated-2.w--open {
    background-color: #0000;
    transition: background-color .2s;
    position: relative;
  }

  .top-line {
    width: 35px;
    top: 20px;
  }

  .middle-line {
    width: 35px;
    top: 30px;
  }

  .bottom-line {
    width: 35px;
    top: 40px;
  }

  .home-slider-section {
    height: 60vh;
    margin-top: 0;
  }

  .slider-text {
    font-size: 2vw;
  }

  .content-wrapper.contact {
    width: 100%;
  }

  .nav-section {
    position: relative;
    top: auto;
  }

  .header-logo-section-inner, .header-logo-section-no-pic {
    position: relative;
  }

  .button_component {
    height: 3rem;
  }

  .button_background-scale, .button_icon-wrapper {
    width: 3rem;
    height: 3rem;
  }

  .button_content {
    margin-left: 3rem;
    font-size: 1rem;
  }

  .recipients-wrapper, .flex-block {
    grid-template-columns: 1fr 1fr;
  }

  .home-header-logo-section {
    background-image: radial-gradient(circle farthest-corner at 100% 0%, #000, var(--fct-black) 55%);
    align-items: center;
    position: relative;
  }

  .slider-overlay {
    display: none;
  }

  .home-header-logo {
    width: 460px;
    margin-left: auto;
    display: block;
  }

  .home-header-stacked-logo {
    display: none;
  }

  .home-header-logo-link-copy {
    background-color: #1c242b00;
    margin-left: 0;
    padding: 0;
  }

  .home-header-logo-link-copy.w--current {
    background-image: none;
    margin-left: 0;
    padding: 0;
  }

  .home-nav-section {
    position: relative;
    top: auto;
  }

  .home-nav-wrapper {
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }
}

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

  .header-logo-link {
    width: 75%;
  }

  .header-logo-link.w--current {
    width: 70%;
  }

  .home-slider-section {
    height: 400px;
  }

  .slider-text {
    font-size: 2vw;
  }

  .h1-blue.centred.home {
    color: var(--fct-black);
    padding: 40px;
    font-size: 32px;
    line-height: 1.2;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .rebecca-pic {
    width: 65%;
  }

  .quick-stack-3 {
    padding: 0;
  }

  .trustee-pic {
    width: 65%;
  }

  .trustee-pic.gibsons {
    width: 100%;
  }

  .trustees-quick-stack {
    padding: 0;
  }

  .trustees-quick-stack.gibsons {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .button_component {
    max-width: 13rem;
  }

  .button_content {
    font-size: 1rem;
  }

  .quick-stack-7 {
    grid-row-gap: 60px;
  }

  .recipients-wrapper {
    grid-template-columns: 1fr;
  }

  .wanganui-text {
    font-size: 36px;
  }

  .flex-block {
    grid-template-columns: 1fr;
  }

  .sponsor-logo {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .quick-stack-8 {
    grid-row-gap: 0px;
  }

  .athlete-name {
    font-size: 30px;
  }

  .athlete-sport {
    font-size: 18px;
  }

  .home-header-logo, .home-header-stacked-logo {
    width: 100%;
  }

  .home-header-logo-link-copy {
    width: 75%;
  }

  .home-header-logo-link-copy.w--current {
    width: 70%;
  }

  .h1-kallisto-white-news {
    font-size: 30px;
  }
}

@media screen and (max-width: 479px) {
  .header-logo-link.w--current {
    width: 80%;
  }

  .nav-button-animated-2 {
    width: 60px;
    height: 60px;
    margin-top: 0;
    position: relative;
  }

  .home-slider-section {
    height: 300px;
  }

  .slider-footer-text-wrapper {
    padding: 10px;
  }

  .slider-text {
    font-size: 2vw;
  }

  .content-section {
    padding: 30px;
  }

  .content-section.home {
    padding-bottom: 30px;
  }

  .left-arrow, .right-arrow {
    display: none;
  }

  .h1-blue.centred.home {
    margin-left: -30px;
    margin-right: -30px;
  }

  .rich-text h2 {
    font-size: 22px;
  }

  .rich-text p {
    font-size: 17px;
  }

  .rich-text h3 {
    font-size: 22px;
  }

  .rich-text li {
    font-size: 17px;
  }

  .rich-text-centred h2 {
    font-size: 26px;
  }

  .rich-text-centred p {
    font-size: 17px;
  }

  .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .rebecca-pic {
    width: 85%;
  }

  .quick-stack-3 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .grey-page-title-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .trustee-pic {
    width: 85%;
  }

  .trustees-quick-stack {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .button_component {
    max-width: none;
    height: 3.5rem;
  }

  .button_background-scale {
    height: 3.5rem;
  }

  .button_icon-wrapper {
    width: 3.5rem;
    height: 3.5rem;
  }

  .button_content {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .text-block {
    font-size: .9rem;
    line-height: 1.2;
  }

  .rich-text-recipient h2 {
    font-size: 22px;
  }

  .rich-text-recipient p {
    font-size: 17px;
  }

  .rich-text-recipient h3 {
    font-size: 22px;
  }

  .rich-text-recipient li {
    font-size: 17px;
  }

  .mega-logo {
    width: 80%;
  }

  .wanganui-text {
    font-size: 32px;
  }

  .sponsors-logo-image {
    max-width: 100%;
  }

  .sponsors-logo-image.square {
    max-width: 75%;
  }

  .sponsors-logo-image.square.h-a {
    max-width: 55%;
  }

  .sponsors-logo-image.square.sel {
    max-width: 90%;
  }

  .sponsors-logo-image.velo {
    max-width: 80%;
  }

  .athlete-name {
    margin-bottom: 5px;
    font-size: 24px;
  }

  .athlete-sport {
    margin-bottom: 5px;
    font-size: 16px;
  }

  .home-header-logo-link-copy.w--current {
    width: 80%;
  }

  .content-section-news {
    padding: 30px;
  }

  .h1-kallisto-white-news {
    font-size: 26px;
  }

  .news-date {
    font-size: 16px;
  }
}

#w-node-e451f526-562b-5db4-0a0b-dc431ac920eb-1f592de4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-e451f526-562b-5db4-0a0b-dc431ac920ec-1f592de4, #w-node-e451f526-562b-5db4-0a0b-dc431ac920ed-1f592de4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c0ff811e-f13c-74c6-0940-53758771c16e-1f592de4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-c0ff811e-f13c-74c6-0940-53758771c16f-1f592de4, #w-node-c0ff811e-f13c-74c6-0940-53758771c170-1f592de4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6d55f118-c2fa-a2d5-b620-d55fb4ee71ea-b4ee71e1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-_6d55f118-c2fa-a2d5-b620-d55fb4ee71eb-b4ee71e1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eee73b55-e76d-dd8b-6713-2443b8b0da7c-c9b3470f {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-b2795175-155d-2f9f-3f57-daac8813c00e-c9b3470f, #w-node-a54e1676-2dd1-19cd-90ee-f2fb8fd268ca-c9b3470f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_86e5e4d1-1365-2bfc-1491-e9e816892c7f-30b5951d {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-_86e5e4d1-1365-2bfc-1491-e9e816892c80-30b5951d, #w-node-_86e5e4d1-1365-2bfc-1491-e9e816892c82-30b5951d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_47c0ed3e-f16a-2aeb-dbd7-aae4d12b97ff-30b5951d {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-_47c0ed3e-f16a-2aeb-dbd7-aae4d12b9800-30b5951d, #w-node-_47c0ed3e-f16a-2aeb-dbd7-aae4d12b9802-30b5951d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a55688b8-cb34-952c-50a4-24048dfdc6a3-30b5951d {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-a55688b8-cb34-952c-50a4-24048dfdc6a4-30b5951d, #w-node-a55688b8-cb34-952c-50a4-24048dfdc6a6-30b5951d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d77ebfec-171c-a071-cec1-b7423f152c50-30b5951d {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-d77ebfec-171c-a071-cec1-b7423f152c51-30b5951d, #w-node-d77ebfec-171c-a071-cec1-b7423f152c53-30b5951d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c4449d9-4200-c7db-0738-d4a21140b0ea-30b5951d {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
}

#w-node-_3c4449d9-4200-c7db-0738-d4a21140b0eb-30b5951d, #w-node-_3c4449d9-4200-c7db-0738-d4a21140b0ed-30b5951d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8e11fa6b-c3e6-fdf8-a19a-8f8d23f4ca9b-30b5951d {
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

#w-node-_8e11fa6b-c3e6-fdf8-a19a-8f8d23f4ca9c-30b5951d, #w-node-_8e11fa6b-c3e6-fdf8-a19a-8f8d23f4ca9e-30b5951d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_059c4fae-3977-c82f-ca47-f66a48517b3d-78da42a6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-c2fda941-60f2-6e28-d077-4447b5728f3a-78da42a6, #w-node-_68afa3da-76c9-e50f-96b7-af3388802b87-78da42a6, #w-node-bfde2b8f-311c-4df2-6c64-c7886f7bcb62-0da015c2, #w-node-_10857803-0882-8902-92aa-8fe8081b6f92-0da015c2, #w-node-_08ef8912-6373-a344-8662-c17e517d451d-0da015c2, #w-node-cb0577e1-0506-17bc-e0dd-fb36df6a20b0-0da015c2, #w-node-_848578aa-f9f8-b656-76df-9172d61a0cf3-0da015c2, #w-node-_1731d656-fc1e-987f-914f-9e8bc9d2fabf-0da015c2, #w-node-_3e6dae22-07ee-78c4-12c8-b0e6dd98458c-0da015c2, #w-node-e05a2b10-f602-4dcc-35c7-eaffafb8dd04-0da015c2, #w-node-_8a94b11a-0412-e45b-d5e5-b9d1cb0991e4-0da015c2, #w-node-e525ead9-de63-23de-eb8b-0a66a5205318-0da015c2, #w-node-_84719a51-7f69-d6a9-9d30-498e883b42db-0da015c2, #w-node-_1f2264a7-cf75-9859-34b1-165e98a8b007-62c82ba4, #w-node-_81f0398a-a63d-d573-413a-c9aefb024c45-62c82ba4, #w-node-_679f5123-9042-1bd8-32a4-5fa2cb48f503-62c82ba4, #w-node-_1baf9351-be15-2f4d-7cda-30264f86dbe3-62c82ba4, #w-node-_225744c8-c9aa-5941-bfba-72f99bbb1ec1-62c82ba4, #w-node-ba4adbcd-3934-8393-acd6-126e852c8b44-62c82ba4, #w-node-ba4adbcd-3934-8393-acd6-126e852c8b47-62c82ba4, #w-node-ba4adbcd-3934-8393-acd6-126e852c8b4a-62c82ba4, #w-node-ba4adbcd-3934-8393-acd6-126e852c8b4f-62c82ba4, #w-node-ba4adbcd-3934-8393-acd6-126e852c8b52-62c82ba4, #w-node-df682dfd-9f33-962d-549d-2921662b3243-62c82ba4, #w-node-cf42f78f-c511-7813-a85e-913083ba6559-62c82ba4, #w-node-_196b509c-dc75-ad80-c7e8-b0a6341ff1b6-62c82ba4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ab8b0aa8-753c-6b1d-c3e6-06849a400180-273c8e9e {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-ab8b0aa8-753c-6b1d-c3e6-06849a400181-273c8e9e, #w-node-ab8b0aa8-753c-6b1d-c3e6-06849a400182-273c8e9e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1440px) {
  #w-node-_84719a51-7f69-d6a9-9d30-498e883b42db-0da015c2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-e451f526-562b-5db4-0a0b-dc431ac920eb-1f592de4 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-e451f526-562b-5db4-0a0b-dc431ac920ec-1f592de4, #w-node-e451f526-562b-5db4-0a0b-dc431ac920ed-1f592de4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_059c4fae-3977-c82f-ca47-f66a48517b3d-78da42a6 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-c2fda941-60f2-6e28-d077-4447b5728f3a-78da42a6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c0ff811e-f13c-74c6-0940-53758771c16e-1f592de4 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-c0ff811e-f13c-74c6-0940-53758771c16f-1f592de4, #w-node-c0ff811e-f13c-74c6-0940-53758771c170-1f592de4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-eee73b55-e76d-dd8b-6713-2443b8b0da7c-c9b3470f {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-b2795175-155d-2f9f-3f57-daac8813c00e-c9b3470f, #w-node-a54e1676-2dd1-19cd-90ee-f2fb8fd268ca-c9b3470f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_86e5e4d1-1365-2bfc-1491-e9e816892c7f-30b5951d {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_86e5e4d1-1365-2bfc-1491-e9e816892c80-30b5951d, #w-node-_86e5e4d1-1365-2bfc-1491-e9e816892c82-30b5951d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_47c0ed3e-f16a-2aeb-dbd7-aae4d12b97ff-30b5951d {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_47c0ed3e-f16a-2aeb-dbd7-aae4d12b9800-30b5951d, #w-node-_47c0ed3e-f16a-2aeb-dbd7-aae4d12b9802-30b5951d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a55688b8-cb34-952c-50a4-24048dfdc6a3-30b5951d {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-a55688b8-cb34-952c-50a4-24048dfdc6a4-30b5951d, #w-node-a55688b8-cb34-952c-50a4-24048dfdc6a6-30b5951d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d77ebfec-171c-a071-cec1-b7423f152c50-30b5951d {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-d77ebfec-171c-a071-cec1-b7423f152c51-30b5951d, #w-node-d77ebfec-171c-a071-cec1-b7423f152c53-30b5951d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3c4449d9-4200-c7db-0738-d4a21140b0ea-30b5951d {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_3c4449d9-4200-c7db-0738-d4a21140b0eb-30b5951d, #w-node-_3c4449d9-4200-c7db-0738-d4a21140b0ed-30b5951d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8e11fa6b-c3e6-fdf8-a19a-8f8d23f4ca9b-30b5951d {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_8e11fa6b-c3e6-fdf8-a19a-8f8d23f4ca9c-30b5951d, #w-node-_8e11fa6b-c3e6-fdf8-a19a-8f8d23f4ca9e-30b5951d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ab8b0aa8-753c-6b1d-c3e6-06849a400180-273c8e9e {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-ab8b0aa8-753c-6b1d-c3e6-06849a400181-273c8e9e, #w-node-ab8b0aa8-753c-6b1d-c3e6-06849a400182-273c8e9e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}