@charset "UTF-8";
/*!
 * Theme Name:  HITW
 * Theme URI:   https://www.holeinthewallgang.org
 * Author:      [Your Agency Name]
 * Author URI:  [Your Agency URL]
 * Description: Custom theme for The Hole in the Wall Gang Camp, built on Underscores (_s).
 * Version:     1.0.0
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: hitw
 * Tags:        custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */
:root {
  --color-night-sky: #242F64;
  --color-tangerine-dream: #F05625;
  --color-dandelion: #FBA91A;
  --color-blue-bird-days: #2AACE2;
  --color-key-limey: #9CCB3B;
  --color-grasshopper: #047553;
  --color-plum-puddin: #744C9E;
  --color-pink-pong: #EE4E97;
  --color-rosy-cheeks: #E61A4A;
  --color-fudge-brownie: #422121;
  --color-ice-cream: #F9F4EF;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-text-default: var(--color-fudge-brownie);
  --color-text-light: var(--color-white);
  --color-text-heading: var(--color-night-sky);
  --color-bg-default: var(--color-white);
  --color-bg-nav: var(--color-ice-cream);
  --color-bg-footer: var(--color-night-sky);
  --color-bg-banner: var(--color-rosy-cheeks);
  --color-accent-primary: var(--color-dandelion);
  --color-accent-cta: var(--color-grasshopper);
  --color-link: var(--color-night-sky);
  --color-link-hover: var(--color-fudge-brownie);
  --gradient-hero-overlay: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0) 60%
  );
  --font-display: 'Mudstone', sans-serif;
  --font-body: 'Gill Sans Nova', 'Gill Sans', 'Gill Sans MT', sans-serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-bold: 700;
  --fs-legal: 12px;
  --fs-small: 14px;
  --fs-body: 16px;
  --fs-body-lg: 18px;
  --fs-nav: 20px;
  --fs-nav-mob: 25px;
  --fs-subhead: 24px;
  --fs-h3: 32px;
  --fs-h2: 48px;
  --fs-display: 80px;
  --lh-display: 1;
  --lh-tight: 1.2;
  --lh-normal: 1.5;
  --ls-normal: 0;
  --ls-button: 0.2px;
  --ls-wide: 0.05em;
  --space-5: 5px;
  --space-10: 10px;
  --space-15: 15px;
  --space-20: 20px;
  --space-25: 25px;
  --space-30: 30px;
  --space-40: 40px;
  --space-50: 50px;
  --space-60: 60px;
  --space-70: 70px;
  --space-75: 75px;
  --space-80: 80px;
  --space-100: 100px;
  --space-115: 115px;
  --max-width-content: 1200px;
  --max-width-wide: 1440px;
  --container-padding: var(--space-20);
  --radius-button: 4px;
  --radius-search: 10px;
  --radius-card: 8px;
  --radius-circle: 9999px;
  --shadow-nav: 0px 4px 20px 0px rgba(0, 0, 0, 0.5);
  --shadow-button: 4px 4px 0px 0px rgba(0, 0, 0, 0.25);
  --shadow-card: 0px 2px 12px 0px rgba(0, 0, 0, 0.12);
  --nav-height: 80px;
  --banner-height: 35px;
  --nav-total-height: 115px;
  --mob-nav-height: 68px;
  --mob-banner-height: 55px;
  --mob-nav-total-height: 123px;
  --transition-base: all 0.2s ease-in-out;
  --transition-color: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  --slant-size: 15px;
  --negative-slant-size: -15px;
}

@media (min-width: 768px) {
  :root {
    --container-padding: var(--space-30);
  }
}
.hitw-anchor-target {
  scroll-margin-top: var(--mob-nav-total-height);
}
@media (min-width: 768px) {
  .hitw-anchor-target {
    scroll-margin-top: var(--nav-total-height);
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  overflow-x: hidden;
  max-width: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  font-size: var(--fs-body);
  font-weight: var(--fw-regular);
  line-height: var(--lh-normal);
  color: var(--color-text-default);
  background-color: var(--color-bg-default);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img,
video {
  max-width: 100%;
  height: auto;
  display: block;
}

figure {
  margin: 0;
}

p:has(+ ul) {
  margin-bottom: 0;
}

ul,
ol {
  padding-left: var(--space-30);
  margin: 0 0 var(--space-25);
}

li {
  margin-bottom: var(--space-5);
}

a {
  color: var(--color-link);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: text-decoration-thickness 0.2s ease;
}

a:hover,
a:focus {
  color: var(--color-link-hover);
  text-decoration-thickness: 2px;
}

hr {
  border: none;
  border-top: 1px solid var(--color-night-sky);
  margin: var(--space-50) 0;
}

button {
  cursor: pointer;
}

section {
  position: relative;
}

.post,
.page {
  margin-bottom: 0;
}

/* search */
.search-results h2 {
  font-size: 40px;
  color: var(--color-rosy-cheeks);
  font-family: var(--font-body);
  text-transform: none;
  font-weight: 700;
}
.search-results h2 a {
  text-decoration: none;
}
.search-results h2 a:hover {
  text-decoration: underline;
  color: var(--color-night-sky);
}

.search-no-results .main-icon,
.error404 .main-icon {
  display: none;
}
.search-no-results #primary .search-form-wrap,
.error404 #primary .search-form-wrap {
  display: flex;
}
.search-no-results #primary .search-form-wrap button,
.error404 #primary .search-form-wrap button {
  background-color: transparent;
  border: none;
}
.search-no-results #primary button:hover, .search-no-results #primary button:focus-visible,
.error404 #primary button:hover,
.error404 #primary button:focus-visible {
  transform: scale(1.2);
}
.search-no-results #primary button svg,
.error404 #primary button svg {
  height: 25px;
  width: 25px;
}
.search-no-results #primary .search-form,
.error404 #primary .search-form {
  overflow: visible;
  padding: 0;
  flex-direction: column;
  align-items: start;
  gap: 20px;
  width: 100%;
}
.search-no-results #primary .search-form .search-field,
.error404 #primary .search-form .search-field {
  background: none;
  background-color: #fff;
  display: block;
  width: 100%;
  padding: 10px var(--space-20);
  border: 1px solid var(--color-grasshopper);
  border-radius: 10px;
  font-family: var(--font-body);
  font-size: var(--fs-body);
}
.search-no-results #primary .entry-content.main-sect .slant-box,
.error404 #primary .entry-content.main-sect .slant-box {
  padding-top: 20px;
  padding-bottom: 90px;
}

.error404 .main-icon {
  display: block;
}

.search .nav-links {
  padding: 30px 0 70px;
}

.is-position-top {
  object-position: top;
}

.is-position-center {
  object-position: center;
}

.is-position-bottom {
  object-position: bottom;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 var(--space-20);
  line-height: var(--lh-tight);
  color: var(--color-text-heading);
}

h1,
.h1 {
  font-family: var(--font-display);
  font-size: 40px;
  font-weight: var(--fw-regular);
  line-height: var(--lh-display);
  letter-spacing: var(--ls-normal);
  text-transform: uppercase;
}
@media (min-width: 768px) {
  h1,
  .h1 {
    font-size: clamp(40px, 6vw, var(--fs-display));
  }
}

h2,
.h2 {
  font-family: var(--font-display);
  font-size: 40px;
  font-weight: var(--fw-regular);
  line-height: var(--lh-display);
  letter-spacing: var(--ls-normal);
  text-transform: uppercase;
}
@media (min-width: 990px) {
  h2,
  .h2 {
    font-size: 60px;
  }
}
@media (min-width: 1200px) {
  h2,
  .h2 {
    font-size: 80px;
  }
}

h3,
.h3 {
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
}
@media (min-width: 768px) {
  h3,
  .h3 {
    font-size: clamp(24px, 2.5vw, var(--fs-h3));
  }
}

h4,
.h4 {
  font-family: var(--font-body);
  font-size: var(--fs-subhead);
  font-weight: var(--fw-bold);
  line-height: 1.25;
}

h5,
.h5 {
  font-family: var(--font-display);
  font-size: var(--fs-nav);
  font-weight: var(--fw-light);
  line-height: var(--lh-display);
  text-transform: uppercase;
  letter-spacing: var(--ls-button);
}

h6,
.h6 {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  font-weight: var(--fw-bold);
  line-height: var(--lh-normal);
}

p {
  margin: 0 0 var(--space-25);
  font-family: var(--font-body);
  font-size: var(--fs-body);
  font-weight: var(--fw-regular);
  line-height: var(--lh-normal);
}
p:last-child {
  margin-bottom: 0;
}

.subhead {
  font-family: var(--font-body);
  font-size: var(--fs-body-lg);
  font-weight: var(--fw-bold);
  line-height: 1.44;
}

.text-legal,
.text-caption {
  font-family: var(--font-body);
  font-size: var(--fs-legal);
  line-height: var(--lh-normal);
}

strong, b {
  font-weight: var(--fw-bold);
}

blockquote {
  font-family: var(--font-display);
  font-size: clamp(32px, 3vw, var(--fs-h2));
  font-weight: var(--fw-regular);
  line-height: var(--lh-display);
  text-transform: uppercase;
  color: var(--color-night-sky);
  margin: 0 0 var(--space-25);
  padding: 0;
  border: none;
}
blockquote cite {
  display: block;
  font-family: var(--font-body);
  font-size: var(--fs-body);
  font-weight: var(--fw-regular);
  font-style: normal;
  text-transform: none;
  color: var(--color-fudge-brownie);
  margin-top: var(--space-25);
}

.container {
  width: 100%;
  max-width: var(--max-width-content);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}
.container--wide {
  max-width: var(--max-width-wide);
}
.container--full {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

#page {
  margin-top: var(--mob-nav-height, 80px);
}
@media (min-width: 990px) {
  #page {
    margin-top: var(--nav-height);
  }
}
.has-site-banner #page {
  margin-top: var(--mob-nav-total-height);
}
@media (min-width: 990px) {
  .has-site-banner #page {
    margin-top: var(--nav-total-height);
  }
}

#primary {
  width: 100%;
}

.col-grid--2,
.col-grid--3,
.col-grid--4 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-30);
}

@media (min-width: 768px) {
  .col-grid--2 {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-60);
    align-items: center;
  }
  .col-grid--3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .col-grid--4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 990px) {
  .col-grid--4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.section {
  padding-top: var(--space-50);
  padding-bottom: var(--space-50);
}
@media (min-width: 768px) {
  .section {
    padding-top: var(--space-70);
    padding-bottom: var(--space-70);
  }
}
.section--sm {
  padding-top: var(--space-30);
  padding-bottom: var(--space-30);
}
@media (min-width: 768px) {
  .section--sm {
    padding-top: var(--space-50);
    padding-bottom: var(--space-50);
  }
}
.section--lg {
  padding-top: var(--space-70);
  padding-bottom: var(--space-70);
}
@media (min-width: 768px) {
  .section--lg {
    padding-top: var(--space-115);
    padding-bottom: var(--space-115);
  }
}

.full-bleed {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

.slant-top-left {
  clip-path: polygon(0 0, 100% var(--slant-size), 100% 100%, 0 100%);
  margin-top: calc(var(--slant-size) * -1);
  padding-top: calc(var(--space-50) + var(--slant-size));
}
@media (min-width: 768px) {
  .slant-top-left {
    padding-top: calc(var(--space-100) + var(--slant-size));
  }
}

.slant-top-left-md {
  clip-path: polygon(0 0, 100% var(--slant-size), 100% 100%, 0 100%);
  margin-top: calc(var(--slant-size) * -1);
  padding-top: calc(var(--space-30) + var(--slant-size));
}
@media (min-width: 768px) {
  .slant-top-left-md {
    clip-path: none;
    margin-top: unset;
    padding-top: unset;
  }
}

.slant-top-left-lg {
  clip-path: polygon(0 0, 100% var(--slant-size), 100% 100%, 0 100%);
  margin-top: calc(var(--slant-size) * -1);
  padding-top: calc(var(--space-30) + var(--slant-size));
}
@media (min-width: 990px) {
  .slant-top-left-lg {
    clip-path: none;
    margin-top: unset;
    padding-top: unset;
  }
}

.slant-top-left-xl {
  clip-path: polygon(0 0, 100% var(--slant-size), 100% 100%, 0 100%);
  margin-top: calc(var(--slant-size) * -1);
  padding-top: calc(var(--space-30) + var(--slant-size));
}
@media (min-width: 1200px) {
  .slant-top-left-xl {
    clip-path: none;
    margin-top: unset;
    padding-top: unset;
  }
}

.slant-top-right {
  clip-path: polygon(0 var(--slant-size), 100% 0, 100% 100%, 0 100%);
  margin-top: calc(var(--slant-size) * -1);
  padding-top: calc(var(--space-70) + var(--slant-size));
}
@media (min-width: 1200px) {
  .slant-top-right {
    padding-top: calc(var(--space-30) + var(--slant-size));
  }
}

.slant-top-right-md {
  clip-path: polygon(0 var(--slant-size), 100% 0, 100% 100%, 0 100%);
  margin-top: calc(var(--slant-size) * -1);
  padding-top: calc(var(--space-30) + var(--slant-size));
}
@media (min-width: 768px) {
  .slant-top-right-md {
    clip-path: none;
    margin-top: unset;
    padding-top: unset;
  }
}

.slant-top-right-lg {
  clip-path: polygon(0 var(--slant-size), 100% 0, 100% 100%, 0 100%);
  margin-top: calc(var(--slant-size) * -1);
  padding-top: calc(var(--space-30) + var(--slant-size));
}
@media (min-width: 990px) {
  .slant-top-right-lg {
    clip-path: none;
    margin-top: unset;
    padding-top: unset;
  }
}

.slant-top-right-xl {
  clip-path: polygon(0 var(--slant-size), 100% 0, 100% 100%, 0 100%);
  margin-top: calc(var(--slant-size) * -1);
  padding-top: calc(var(--space-30) + var(--slant-size));
}
@media (min-width: 1200px) {
  .slant-top-right-xl {
    clip-path: none;
    margin-top: unset;
    padding-top: unset;
  }
}

.slant-bottom-left {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--slant-size)), 0 100%);
  padding-bottom: calc(var(--space-30) + var(--slant-size));
}

.slant-bottom-left-md {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--slant-size)), 0 100%);
  padding-bottom: calc(var(--space-30) + var(--slant-size));
}
@media (min-width: 768px) {
  .slant-bottom-left-md {
    clip-path: none;
    margin-top: unset;
    padding-top: unset;
  }
}

.slant-bottom-left-lg {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--slant-size)), 0 100%);
  padding-bottom: calc(var(--space-30) + var(--slant-size));
}
@media (min-width: 990px) {
  .slant-bottom-left-lg {
    clip-path: none;
    margin-top: unset;
    padding-top: unset;
  }
}

.slant-bottom-left-xl {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--slant-size)), 0 100%);
  padding-bottom: calc(var(--space-30) + var(--slant-size));
}
@media (min-width: 1200px) {
  .slant-bottom-left-xl {
    clip-path: none;
    margin-top: unset;
    padding-top: unset;
  }
}

.slant-bottom-right {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--slant-size)));
  padding-bottom: calc(var(--space-30) + var(--slant-size));
}

.slant-bottom-right-md {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--slant-size)));
  padding-bottom: calc(var(--space-30) + var(--slant-size));
}
@media (min-width: 768px) {
  .slant-bottom-right-md {
    clip-path: none;
    margin-top: unset;
    padding-top: unset;
  }
}

.slant-bottom-right-lg {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--slant-size)));
  padding-bottom: calc(var(--space-30) + var(--slant-size));
}
@media (min-width: 990px) {
  .slant-bottom-right-lg {
    clip-path: none;
    margin-top: unset;
    padding-top: unset;
  }
}

.slant-bottom-right-xl {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--slant-size)));
  padding-bottom: calc(var(--space-30) + var(--slant-size));
}
@media (min-width: 1200px) {
  .slant-bottom-right-xl {
    clip-path: none;
    margin-top: unset;
    padding-top: unset;
  }
}

.slant-both-left {
  clip-path: polygon(0 0, 100% var(--slant-size), 100% calc(100% - var(--slant-size)), 0 100%);
  margin-top: calc(var(--slant-size) * -1);
  padding-top: calc(var(--space-30) + var(--slant-size));
  padding-bottom: calc(var(--space-30) + var(--slant-size));
}

.slant-both-right {
  clip-path: polygon(0 var(--slant-size), 100% 0, 100% 100%, 0 calc(100% - var(--slant-size)));
  margin-top: calc(var(--slant-size) * -1);
  padding-top: calc(var(--space-30) + var(--slant-size));
  padding-bottom: calc(var(--space-30) + var(--slant-size));
}

.slant-top-swap-right-to-left {
  clip-path: polygon(0 var(--slant-size), 100% 0, 100% 100%, 0 100%);
  margin-top: calc(var(--slant-size) * -1);
  padding-top: calc(var(--space-30) + var(--slant-size));
}
@media (min-width: 768px) {
  .slant-top-swap-right-to-left {
    clip-path: polygon(0 0, 100% var(--slant-size), 100% 100%, 0 100%);
  }
}

.slant-top-swap-left-to-right {
  clip-path: polygon(0 0, 100% var(--slant-size), 100% 100%, 0 100%);
  margin-top: calc(var(--slant-size) * -1);
  padding-top: calc(var(--space-30) + var(--slant-size));
}
@media (min-width: 768px) {
  .slant-top-swap-left-to-right {
    clip-path: polygon(0 var(--slant-size), 100% 0, 100% 100%, 0 100%);
  }
}

.slant-bottom-swap-right-to-left {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--slant-size)));
  padding-bottom: calc(var(--space-30) + var(--slant-size));
}
@media (min-width: 768px) {
  .slant-bottom-swap-right-to-left {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--slant-size)), 0 100%);
  }
}

.slant-bottom-swap-left-to-right {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--slant-size)), 0 100%);
  padding-bottom: calc(var(--space-30) + var(--slant-size));
}
@media (min-width: 768px) {
  .slant-bottom-swap-left-to-right {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--slant-size)));
  }
}

#masthead {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
#masthead.site-header--scrolled .nav-desktop__link {
  font-size: 18px;
  padding: 0 15px;
}
@media (min-width: 1060px) {
  #masthead.site-header--scrolled .nav-desktop__link {
    font-size: 20px;
    padding: 0 20px;
  }
}

.site-banner {
  background-color: var(--color-bg-banner);
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px var(--space-20);
  text-align: center;
  flex-direction: column;
}
@media (min-width: 990px) {
  .site-banner {
    height: 35px;
    gap: var(--space-25);
    flex-direction: row;
    padding: 0 var(--container-padding);
    text-align: left;
  }
}
.site-banner__text {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  font-weight: var(--fw-regular);
  color: var(--color-white);
  line-height: 1;
  margin: 0;
}
.site-banner__link {
  font-family: var(--font-display);
  font-size: var(--fs-body);
  font-weight: var(--fw-light);
  color: var(--color-white);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: var(--ls-button);
  white-space: nowrap;
  transition: var(--transition-color);
}
.site-banner__link:hover, .site-banner__link:focus {
  color: var(--color-dandelion);
  text-decoration: underline;
}
.site-banner__link:visited {
  color: var(--color-white);
}

.site-header__nav-bar {
  background-color: var(--color-bg-nav);
  height: 68px;
  box-shadow: var(--shadow-nav);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 0 var(--space-20);
  position: relative;
}
@media (min-width: 990px) {
  .site-header__nav-bar {
    height: var(--nav-height);
    padding: 0 var(--space-30);
  }
}

.site-logo {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  position: relative;
  width: 100%;
  max-width: 200px;
}
@media (min-width: 990px) {
  .site-logo {
    max-width: 105px;
  }
}
.site-logo__desktop-top {
  display: none;
  width: auto;
  height: 110px;
  object-fit: contain;
  transition: opacity 0.3s ease-in-out;
}
@media (min-width: 990px) {
  .site-logo__desktop-top {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    height: auto;
    max-width: 105px;
    margin-top: 25px;
  }
}
.site-logo__desktop-scrolled {
  display: none;
}
@media (min-width: 990px) {
  .site-logo__desktop-scrolled {
    display: block;
    width: auto;
    height: 60px;
    object-fit: contain;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    max-width: 200px;
  }
}
.site-logo__mobile-nav {
  display: block;
  width: auto;
  height: 55px;
  object-fit: contain;
}
@media (min-width: 990px) {
  .site-logo__mobile-nav {
    display: none;
  }
}
.site-logo__fallback {
  font-family: var(--font-display);
  font-size: var(--fs-nav);
  font-weight: var(--fw-light);
  color: var(--color-night-sky);
  text-transform: uppercase;
}

@media (min-width: 990px) {
  .site-header--scrolled .site-logo__desktop-top,
  .is-scrolled #masthead .site-logo__desktop-top {
    opacity: 0;
    pointer-events: none;
  }
}
@media (min-width: 990px) and (min-width: 990px) {
  .site-header--scrolled .site-logo,
  .is-scrolled #masthead .site-logo {
    max-width: 200px;
  }
}
@media (min-width: 990px) {
  .site-header--scrolled .site-logo__desktop-scrolled,
  .is-scrolled #masthead .site-logo__desktop-scrolled {
    opacity: 1;
    pointer-events: auto;
  }
}
.no-transition * {
  transition: none !important;
  animation: none !important;
}

.site-header__actions {
  display: flex;
  align-items: center;
  gap: var(--space-20);
}

.nav-mobile-toggle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: var(--space-5);
  cursor: pointer;
  gap: 5px;
  height: 68px;
  width: 70px;
  background-color: var(--color-grasshopper);
  border-radius: 0;
}
@media (min-width: 990px) {
  .nav-mobile-toggle {
    display: none;
  }
}
.nav-mobile-toggle__bar {
  display: block;
  width: 28px;
  height: 2px;
  background-color: var(--color-ice-cream);
  transition: var(--transition-base);
}

.nav-mobile__overlay {
  display: none;
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 998;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-mobile__overlay {
    transition: none;
  }
}

body.nav-mobile-open .nav-mobile__overlay {
  display: block;
  opacity: 1;
}

.nav-mobile {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background-color: var(--color-ice-cream);
  overflow-y: auto;
  z-index: 999;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
}
@media (prefers-reduced-motion: reduce) {
  .nav-mobile {
    transition: none;
  }
}
@media (min-width: 990px) {
  .nav-mobile {
    display: none;
  }
}
.nav-mobile.is-open {
  transform: translateX(0);
}
.nav-mobile__header {
  display: flex;
  justify-content: space-between;
  padding: 0 0 0 var(--space-20);
  flex-shrink: 0;
}
.nav-mobile__logo {
  display: block;
  text-decoration: none;
}
.nav-mobile__logo-img {
  width: 105px;
  height: auto;
  object-fit: contain;
  margin-top: var(--space-20);
}
.nav-mobile__close {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-grasshopper);
  border: none;
  border-radius: 0;
  cursor: pointer;
  color: var(--color-white);
  flex-shrink: 0;
  transition: var(--transition-color);
  height: 80px;
  width: 80px;
}
.nav-mobile__close:hover, .nav-mobile__close:focus {
  background-color: rgb(2.6512396694, 77.5487603306, 55.0132231405);
}
.nav-mobile__close svg {
  display: block;
}
.nav-mobile__list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: var(--space-20);
}
.nav-mobile__item {
  margin: var(--space-25) 0;
}
.nav-mobile__item--has-children {
  background-color: var(--color-ice-cream);
}
.nav-mobile__item--has-children .nav-mobile__link,
.nav-mobile__item--has-children .nav-mobile__link--toggle {
  color: var(--color-night-sky);
}
.nav-mobile__item--has-children .nav-mobile__link:hover, .nav-mobile__item--has-children .nav-mobile__link:focus,
.nav-mobile__item--has-children .nav-mobile__link--toggle:hover,
.nav-mobile__item--has-children .nav-mobile__link--toggle:focus {
  background-color: var(--color-dandelion);
  color: var(--color-night-sky);
}
.nav-mobile__item--has-children .nav-mobile__toggle-icon {
  color: var(--color-white);
}
.nav-mobile__item--active > .nav-mobile__link,
.nav-mobile__item--active > .nav-mobile__link--toggle {
  font-weight: var(--fw-bold);
}
.nav-mobile__link {
  display: block;
  font-family: var(--font-display);
  font-size: var(--fs-nav-mob);
  font-weight: var(--fw-light);
  color: var(--color-night-sky);
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 var(--space-20);
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  transition: var(--transition-color);
}
.nav-mobile__link:hover, .nav-mobile__link:focus {
  background-color: var(--color-dandelion);
  color: var(--color-night-sky);
}
.nav-mobile__link:visited {
  color: var(--color-night-sky);
}
.nav-mobile__link--toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav-mobile__row {
  display: flex;
  align-items: center;
  justify-content: start;
}
.nav-mobile__row .nav-mobile__link {
  flex: 1;
}
.nav-mobile__row .nav-mobile__link.level_one {
  flex: unset;
  width: auto;
  padding-right: 7.5px;
}
.nav-mobile__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: var(--color-night-sky);
  transition: color 0.2s ease-in-out;
}
.nav-mobile__toggle svg {
  display: block;
  transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-mobile__toggle svg {
    transition: none;
  }
}
.nav-mobile__toggle:visited {
  color: var(--color-night-sky);
}
.nav-mobile .is-expanded > .nav-mobile__sub-row > .nav-mobile__toggle svg,
.nav-mobile .nav-mobile__sub-row [aria-expanded=true] svg {
  transform: rotate(90deg);
}
.nav-mobile__toggle-icon {
  display: none;
}
.nav-mobile__sub {
  list-style: none;
  margin: 0;
  padding: var(--space-10) 0;
  background-color: var(--color-key-limey);
}
.nav-mobile__sub[hidden] {
  display: none;
}
.nav-mobile__sub.is-open {
  display: block;
}
.nav-mobile__sub.has-open-child {
  background-color: var(--color-ice-cream);
}
.nav-mobile__sub-item {
  margin: 0;
}
.nav-mobile__sub-item--active > .nav-mobile__sub-link {
  background-color: rgba(36, 47, 100, 0.15);
}
.nav-mobile__sub-item.is-expanded {
  background-color: var(--color-ice-cream);
}
.nav-mobile__sub-row {
  display: flex;
  align-items: center;
}
.nav-mobile__sub-row .nav-mobile__sub-link {
  flex: 1;
}
.nav-mobile__sub-link {
  display: flex;
  align-items: center;
  font-family: var(--font-display);
  font-size: var(--fs-nav-mob);
  font-weight: var(--fw-light);
  color: var(--color-night-sky);
  text-decoration: none;
  text-transform: uppercase;
  padding: var(--space-10) var(--space-25);
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.2s ease-in-out;
}
.nav-mobile__sub-link:hover, .nav-mobile__sub-link:focus {
  background-color: rgba(36, 47, 100, 0.1);
}
.nav-mobile__sub-link--active {
  background-color: rgba(36, 47, 100, 0.15);
}
.nav-mobile__sub-link:visited {
  color: var(--color-night-sky);
}
.nav-mobile__sub-sub {
  list-style: none;
  margin: 5px 0 0;
  padding: 0;
  background-color: var(--color-ice-cream);
}
.nav-mobile__sub-sub[hidden] {
  display: none;
}
.nav-mobile__sub-sub.is-open {
  display: block;
}
.nav-mobile__sub-sub-item--active {
  background-color: var(--color-dandelion);
  color: var(--color-night-sky);
}
.nav-mobile__sub-sub-link {
  display: block;
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: var(--fw-light);
  color: var(--color-night-sky);
  text-decoration: none;
  padding: var(--space-10) var(--space-25) var(--space-10) var(--space-30);
  transition: var(--transition-color);
}
.nav-mobile__sub-sub-link:hover, .nav-mobile__sub-sub-link:focus {
  background-color: var(--color-dandelion);
  color: var(--color-night-sky);
}
.nav-mobile__sub-sub-link:visited {
  color: var(--color-night-sky);
}
.nav-mobile__sub-sub-link--active,
.nav-mobile__sub-sub-link [aria-current=page] {
  background-color: var(--color-dandelion);
  color: var(--color-night-sky);
}
.nav-mobile__donate {
  padding: 0 var(--space-20);
  margin: var(--space-20) 0;
}
.nav-mobile__donate .btn {
  width: 180px;
}
.nav-mobile__back {
  display: flex;
  align-items: center;
  gap: var(--space-10);
  font-family: var(--font-display);
  font-size: var(--fs-nav-mob);
  font-weight: var(--fw-light);
  color: var(--color-night-sky);
  text-transform: uppercase;
  background: none;
  border: none;
  cursor: pointer;
  padding: var(--space-25) var(--space-25) var(--space-20);
  width: 100%;
  text-align: left;
  transition: color 0.2s ease-in-out;
  margin-top: var(--space-20);
  line-height: var(--lh-normal);
}
.nav-mobile__back svg {
  flex-shrink: 0;
}
.nav-mobile__sub.is-active-panel {
  display: block;
  position: static;
}
.nav-mobile__icons {
  display: block;
  position: relative;
  height: 282px;
  pointer-events: none;
  z-index: -1;
  margin-top: -100px;
}
.nav-mobile__icon {
  position: absolute;
  display: block;
  line-height: 0;
}
.nav-mobile__icon svg {
  display: block;
}
.nav-mobile__icon--campfire {
  right: 20px;
  bottom: 180px;
  transform: rotate(-1.84deg);
}
.nav-mobile__icon--archer {
  left: 20px;
  bottom: 95px;
  transform: rotate(2.94deg);
}
.nav-mobile__icon--smore {
  left: 105px;
  bottom: 15px;
  transform: rotate(-1.8deg);
}
.nav-mobile__icon--hat {
  left: 160px;
  bottom: 95px;
  transform: rotate(-1.45deg);
}
.nav-mobile__icon--trees {
  right: 40px;
  bottom: 15px;
  transform: rotate(11.08deg);
}

.nav-desktop-wrap {
  display: none;
  flex: 1;
  padding: 0 var(--space-30);
}
@media (min-width: 990px) {
  .nav-desktop-wrap {
    display: flex;
    align-items: center;
    justify-content: start;
    height: 100%;
  }
}

@media (min-width: 990px) {
  .nav-desktop {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
  }
  .nav-desktop__item {
    margin: 0;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .nav-desktop__link {
    font-family: var(--font-display);
    font-size: var(--fs-nav);
    font-weight: var(--fw-light);
    color: var(--color-night-sky);
    text-decoration: none;
    text-transform: uppercase;
    line-height: var(--lh-display);
    white-space: nowrap;
    transition: var(--transition-color);
    padding-bottom: 3px;
    border-bottom: 3px solid transparent;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 var(--space-20);
  }
  .nav-desktop__link:hover, .nav-desktop__link:focus {
    background-color: var(--color-dandelion);
    color: var(--color-night-sky);
  }
  .nav-desktop__link:visited {
    color: var(--color-night-sky);
  }
  .nav-desktop__item--active .nav-desktop__link,
  .nav-desktop__item.current-menu-item .nav-desktop__link,
  .nav-desktop__item.current-menu-ancestor .nav-desktop__link {
    background-color: var(--color-dandelion);
  }
  .nav-desktop__dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--color-key-limey);
    min-width: 300px;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 100;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  }
  .nav-desktop__dropdown li {
    margin: 0;
  }
  .nav-desktop__item.is-open .nav-desktop__dropdown {
    display: block;
  }
  .nav-desktop__dropdown-link {
    display: block;
    font-family: var(--font-display);
    font-size: var(--fs-nav);
    font-weight: var(--fw-light);
    color: var(--color-night-sky);
    text-decoration: none;
    text-transform: uppercase;
    padding: var(--space-20) var(--space-25);
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    white-space: nowrap;
  }
  .nav-desktop__dropdown-link:hover, .nav-desktop__dropdown-link:focus, .nav-desktop__dropdown-link[aria-current=page] {
    background-color: var(--color-dandelion);
    color: var(--color-night-sky);
  }
  .nav-desktop__dropdown-link:visited {
    color: var(--color-night-sky);
  }
  .nav-desktop__dropdown-row {
    display: flex;
    align-items: stretch;
  }
  .nav-desktop__dropdown-row .nav-desktop__dropdown-link {
    flex: 1;
  }
  .nav-desktop__dropdown-row:hover .nav-desktop__dropdown-link,
  .nav-desktop__dropdown-row:hover .nav-desktop__accordion-toggle, .nav-desktop__dropdown-row:focus-within .nav-desktop__dropdown-link,
  .nav-desktop__dropdown-row:focus-within .nav-desktop__accordion-toggle {
    background-color: var(--color-dandelion);
    color: var(--color-night-sky);
  }
  .nav-desktop__accordion-toggle {
    display: flex;
    align-items: center;
    justify-content: end;
    font-family: var(--font-display);
    font-size: var(--fs-nav);
    font-weight: var(--fw-light);
    color: var(--color-night-sky);
    background: none;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    padding: var(--space-20);
    flex-shrink: 0;
    width: 100px;
  }
  .nav-desktop__accordion-toggle:hover, .nav-desktop__accordion-toggle:focus {
    background-color: var(--color-dandelion);
    color: var(--color-night-sky);
  }
  .nav-desktop__accordion-toggle.is-open {
    background-color: var(--color-ice-cream);
    color: var(--color-night-sky);
  }
  .nav-desktop__accordion-toggle:not(.nav-desktop__dropdown-row .nav-desktop__accordion-toggle) {
    width: 100%;
    justify-content: space-between;
    text-transform: uppercase;
    text-align: left;
    padding: var(--space-20) var(--space-25);
    white-space: nowrap;
    gap: var(--space-20);
  }
  .nav-desktop__accordion-toggle__text {
    font-size: var(--fs-nav);
    font-weight: var(--fw-light);
    text-transform: uppercase;
  }
  .nav-desktop__accordion-toggle__icon {
    font-size: var(--fs-nav);
    line-height: 1;
    flex-shrink: 0;
    font-style: normal;
    font-family: var(--font-display);
    font-weight: var(--fw-light);
    display: flex;
    transition: transform 0.2s ease-in-out;
  }
}
@media (min-width: 990px) and (prefers-reduced-motion: reduce) {
  .nav-desktop__accordion-toggle__icon {
    transition: none;
  }
}
@media (min-width: 990px) {
  .nav-desktop__accordion-toggle.is-open .nav-desktop__accordion-toggle__icon {
    transform: rotate(90deg);
  }
  .nav-desktop__accordion-panel {
    display: none;
    background-color: var(--color-ice-cream);
    list-style: none;
    margin: 0;
    padding: 7.5px 0;
  }
  .nav-desktop__accordion-panel.is-open {
    display: block;
  }
  .nav-desktop__accordion-panel li {
    margin: 0;
  }
  .nav-desktop__accordion-link {
    display: block;
    font-family: var(--font-display);
    font-size: var(--fs-body);
    font-weight: var(--fw-light);
    color: var(--color-night-sky);
    text-decoration: none;
    text-transform: uppercase;
    padding: var(--space-10) var(--space-25) var(--space-10) var(--space-40);
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    white-space: nowrap;
    border-bottom: 1px solid rgba(36, 47, 100, 0.1);
  }
  .nav-desktop__accordion-link:last-child {
    border-bottom: none;
  }
  .nav-desktop__accordion-link:hover, .nav-desktop__accordion-link:focus, .nav-desktop__accordion-link[aria-current=page] {
    background-color: var(--color-dandelion);
    color: var(--color-night-sky);
  }
  .nav-desktop__accordion-link:visited {
    color: var(--color-night-sky);
  }
}
.nav-donate {
  display: none;
}
@media (min-width: 990px) {
  .nav-donate {
    display: inline-flex;
  }
}

@media (orientation: landscape) {
  .nav-mobile__icons {
    display: none;
  }
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-size: var(--fs-nav);
  font-weight: var(--fw-light);
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: var(--ls-button);
  text-decoration: none;
  white-space: normal;
  text-align: center;
  cursor: pointer;
  border: none;
  border-radius: 0;
  padding: 10px 30px;
  max-width: 275px;
  position: relative;
  background: transparent;
  transition: color 0.2s ease-in-out;
  z-index: 1;
  transition: transform 0.2s ease;
  transform: scale(1);
}
.btn:hover, .btn:focus-visible {
  transform: scale(1.05);
}
@media (prefers-reduced-motion: no-preference) {
  .btn {
    transition: transform 0.15s ease;
  }
  .btn:hover, .btn:focus-visible {
    animation: btn-wiggle 0.3s ease;
  }
}
.btn span {
  position: relative;
  z-index: 1;
}
.btn::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  transition: background-color 0.2s ease-in-out;
  clip-path: polygon(0% 3px, 100% 0%, 100% 100%, 0% calc(100% - 2px));
}
.btn--grasshopper {
  color: var(--color-white);
}
.btn--grasshopper::before {
  background-color: var(--color-grasshopper);
}
.btn--grasshopper:hover, .btn--grasshopper:focus {
  color: var(--color-white);
}
.btn--grasshopper:hover::before, .btn--grasshopper:focus::before {
  background-color: var(--color-night-sky);
}
.btn--grasshopper:visited {
  color: var(--color-white);
}
.btn--night-sky {
  color: var(--color-white);
}
.btn--night-sky::before {
  background-color: var(--color-night-sky);
}
.btn--night-sky:hover, .btn--night-sky:focus {
  color: var(--color-white);
}
.btn--night-sky:hover::before, .btn--night-sky:focus::before {
  background-color: var(--color-fudge-brownie);
}
.btn--night-sky:visited {
  color: var(--color-white);
}
.btn--dandelion {
  color: var(--color-night-sky);
}
.btn--dandelion::before {
  background-color: var(--color-dandelion);
}
.btn--dandelion:hover, .btn--dandelion:focus {
  color: var(--color-white);
}
.btn--dandelion:hover::before, .btn--dandelion:focus::before {
  background-color: var(--color-night-sky);
}
.btn--dandelion:visited {
  color: var(--color-night-sky);
}
.btn--dandelion:visited:hover, .btn--dandelion:visited:focus {
  color: var(--color-white);
  background-color: var(--color-night-sky);
}
.btn--key-limey {
  color: var(--color-night-sky);
}
.btn--key-limey::before {
  background-color: var(--color-key-limey);
}
.btn--key-limey:hover, .btn--key-limey:focus {
  color: var(--white);
}
.btn--key-limey:hover::before, .btn--key-limey:focus::before {
  background-color: var(--color-night-sky);
}
.btn--key-limey:visited {
  color: var(--color-night-sky);
}
.btn--urgent {
  color: var(--color-white);
}
.btn--urgent::before {
  background-color: var(--color-rosy-cheeks);
}
.btn--urgent:hover, .btn--urgent:focus {
  color: var(--color-white);
}
.btn--urgent:hover::before, .btn--urgent:focus::before {
  background-color: var(--color-night-sky);
}
.btn--urgent:visited {
  color: var(--color-night-sky);
}
.btn--tangerine {
  color: var(--color-white);
}
.btn--tangerine::before {
  background-color: var(--color-tangerine-dream);
}
.btn--tangerine:hover, .btn--tangerine:focus {
  color: var(--color-white);
}
.btn--tangerine:hover::before, .btn--tangerine:focus::before {
  background-color: var(--color-night-sky);
}
.btn--tangerine:visited {
  color: var(--color-night-sky);
}
.btn--blue-bird {
  color: var(--color-white);
}
.btn--blue-bird::before {
  background-color: var(--color-blue-bird-days);
}
.btn--blue-bird:hover, .btn--blue-bird:focus {
  color: var(--color-white);
}
.btn--blue-bird:hover::before, .btn--blue-bird:focus::before {
  background-color: var(--color-night-sky);
}
.btn--blue-bird:visited {
  color: var(--color-night-sky);
}
.btn--outline-white {
  color: var(--color-white);
}
.btn--outline-white::before {
  background-color: transparent;
  outline: 2px solid var(--color-white);
  outline-offset: -2px;
}
.btn--outline-white:hover, .btn--outline-white:focus {
  color: var(--color-night-sky);
}
.btn--outline-white:hover::before, .btn--outline-white:focus::before {
  background-color: var(--color-white);
  outline: none;
}
.btn--outline-white:visited {
  color: var(--color-night-sky);
}
.btn--shadow::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--color-night-sky);
  transform: translate(5px, 5px);
  z-index: -1;
  transition: none;
  clip-path: polygon(0% 3px, 100% 0%, 100% 100%, 0% calc(100% - 2px));
}
.btn--sm {
  font-size: var(--fs-body);
  padding: 8px 24px;
  min-height: 34px;
}
.btn--flat::before {
  clip-path: none;
}
.btn--flat::after {
  clip-path: none;
}

#donate-nav:hover::before,
#donate-mobile-nav:hover::before {
  background-color: var(--color-dandelion);
}

@keyframes btn-wiggle {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.05) rotate(-3deg);
  }
  100% {
    transform: scale(1.05) rotate(0deg);
  }
}
.search-form {
  display: flex;
  align-items: center;
  background-color: var(--color-ice-cream);
  border-radius: var(--radius-search);
  overflow: hidden;
  height: 40px;
  padding: 0 var(--space-10);
}
.search-form input[type=search] {
  background: none;
  border: none;
  outline: none;
  font-family: var(--font-body);
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
  width: 100%;
  padding: 5px 0 0;
}
.search-form input[type=search]::placeholder {
  color: var(--color-fudge-brownie);
}
.search-form button {
  background: none;
  border: none;
  padding: 0;
  color: var(--color-fudge-brownie);
  cursor: pointer;
  display: flex;
  align-items: center;
}

.wpcf7-form label {
  display: block;
  text-align: left;
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 20px;
  color: var(--color-night-sky);
  margin-bottom: var(--space-10);
}
.wpcf7-form input {
  display: block;
  width: 100%;
  height: 40px;
  padding: 8px 0 0 var(--space-10);
  background: var(--color-white);
  border: 1px solid var(--color-grasshopper);
  border-radius: 10px;
  font-family: var(--font-body);
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
}
.wpcf7-form textarea.wpcf7-form-control.wpcf7-textarea {
  display: block;
  width: 100%;
  padding: 0 var(--space-20);
  background: var(--color-white);
  border: 1px solid var(--color-grasshopper);
  border-radius: 10px;
  font-family: var(--font-body);
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
}
.wpcf7-form select {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 0 0 5px;
  background: var(--color-white);
  border: 1px solid var(--color-grasshopper);
  border-radius: 10px;
  font-family: var(--font-body);
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
}
.wpcf7-form .btn {
  background-color: var(--color-grasshopper);
  clip-path: polygon(0% 3px, 100% 0%, 100% 100%, 0% calc(100% - 2px));
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-size: var(--fs-nav);
  font-weight: var(--fw-light) !important;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: var(--ls-button);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  border-radius: 0;
  padding: 10px 32px;
  min-height: 42px;
  position: relative;
  transition: color 0.2s ease-in-out;
  z-index: 0;
  color: #fff;
  width: auto;
}
.wpcf7-form .btn:hover {
  background-color: var(--color-night-sky);
}

.wpcf7 .wpcf7-response-output {
  background-color: #fff;
}

.block-cf7-form .wpcf7-not-valid-tip {
  color: var(--color-night-sky);
}

.block-cf7-form--plum-puddin .wpcf7 .wpcf7-response-output {
  color: var(--color-night-sky);
}

.block-cf7-form--plum-puddin .wpcf7-not-valid-tip {
  color: var(--color-white);
}

/* Modern Browsers (Chrome, Firefox, Safari, Edge) */
::placeholder {
  color: var(--color-fudge-brownie);
  opacity: 1; /* Required for Firefox */
}

/* Chrome, Safari, and Opera (Older versions) */
::-webkit-input-placeholder {
  color: var(--color-fudge-brownie);
}

/* Firefox 19-28 (Legacy) */
::-moz-placeholder {
  color: var(--color-fudge-brownie);
  opacity: 1;
}

/* Firefox 4-18 (Legacy) */
:-moz-placeholder {
  color: var(--color-fudge-brownie);
  opacity: 1;
}

/* Internet Explorer 10-11 */
:-ms-input-placeholder {
  color: var(--color-fudge-brownie);
}

/* Microsoft Edge (Legacy versions 12-18) */
::-ms-input-placeholder {
  color: var(--color-fudge-brownie);
}

.site-footer {
  background-color: var(--color-bg-footer);
}

.site-footer__main {
  padding: var(--space-20) var(--space-20) var(--space-100);
  margin: 0 auto;
}
@media (min-width: 990px) {
  .site-footer__main {
    padding: var(--space-20) var(--space-30) var(--space-80);
  }
}

.footer-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-50);
  align-items: start;
}
@media (min-width: 1200px) {
  .footer-inner {
    grid-template-columns: 447px 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "brand nav" "brand bottom";
    gap: var(--space-70);
  }
}

.footer-brand {
  display: flex;
  flex-direction: column;
  gap: var(--space-30);
}
@media (min-width: 1200px) {
  .footer-brand {
    grid-area: brand;
  }
}
.footer-brand svg {
  width: 100%;
  max-width: 447px;
  height: auto;
}

.footer-brand__logo {
  width: 130px;
}
.footer-brand__logo-img {
  width: 100%;
  height: auto;
}
.footer-brand__logo-missing {
  font-family: var(--font-body);
  font-size: var(--fs-small);
  color: rgba(255, 255, 255, 0.5);
  font-style: italic;
  margin: 0;
}

.footer-accreditation {
  display: flex;
  gap: var(--space-20);
  align-items: center;
  flex-wrap: wrap;
}
.footer-accreditation__item {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.footer-accreditation__badge {
  height: 60px;
  width: auto;
}

.footer-nav {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-30) var(--space-50);
  align-items: start;
}
@media (min-width: 990px) {
  .footer-nav {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .footer-nav {
    grid-area: nav;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--space-30);
  }
}
.footer-nav__col {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}
.footer-nav__heading {
  font-family: var(--font-display);
  font-size: var(--fs-nav);
  font-weight: var(--fw-light);
  color: var(--color-dandelion);
  text-transform: lowercase;
  letter-spacing: 0;
  line-height: var(--lh-display);
  margin: 0 0 var(--space-5);
}
.footer-nav__heading a {
  color: var(--color-dandelion);
  text-decoration: underline;
  transition: var(--transition-color);
}
.footer-nav__heading a:hover {
  color: var(--color-white);
}
.footer-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-nav__list li {
  margin: 0;
}
.footer-nav__list a {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  font-weight: var(--fw-regular);
  color: var(--color-white);
  text-decoration: none;
  line-height: 1.5;
  text-transform: capitalize;
  transition: var(--transition-color);
  display: block;
  padding: 2px 0;
}
.footer-nav__list a:hover, .footer-nav__list a:focus {
  text-decoration: underline;
  color: var(--color-dandelion);
}

.footer-bottom-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-50);
  align-items: start;
}
@media (min-width: 1200px) {
  .footer-bottom-row {
    grid-area: bottom;
    grid-template-columns: auto auto;
    gap: var(--space-60);
  }
}

.footer-seriousfun-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--space-25);
}

.footer-seriousfun__label {
  margin-bottom: 0;
}
.footer-seriousfun__logo {
  height: 20px;
  width: auto;
}

.footer-seriousfun {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  font-weight: var(--fw-regular);
  color: var(--color-white);
  line-height: var(--lh-normal);
}
@media (min-width: 1200px) {
  .footer-seriousfun {
    max-width: 1000px;
  }
}
.footer-seriousfun p {
  margin: 0;
  color: var(--color-white);
}
.footer-seriousfun a {
  color: var(--color-blue-bird-days);
  font-weight: var(--fw-bold);
  text-decoration: none;
}
.footer-seriousfun a:hover {
  text-decoration: underline;
}

.footer-social-search {
  display: flex;
  flex-direction: column;
  gap: var(--space-25);
  align-items: flex-start;
}
@media (min-width: 1200px) {
  .footer-social-search {
    min-width: 180px;
  }
}

.footer-social {
  display: flex;
  gap: 15px;
  align-items: center;
}
.footer-social__link {
  color: var(--color-white);
  text-decoration: none;
  display: flex;
  align-items: center;
  transition: opacity 0.2s ease-in-out;
  line-height: 1;
}
.footer-social__link:hover svg path, .footer-social__link:focus svg path {
  fill: white;
}
.footer-social__link svg {
  display: block;
}

.footer-search {
  display: flex;
  align-items: center;
  gap: var(--space-15);
  width: 100%;
}
.footer-search .search-form-wrap {
  display: flex;
  align-items: center;
  gap: var(--space-15);
  width: 100%;
}
.footer-search .search-form {
  display: flex;
  align-items: center;
  background-color: var(--color-ice-cream);
  border-radius: var(--radius-search);
  height: 30px;
  overflow: hidden;
  flex: 1;
}
@media (min-width: 1200px) {
  .footer-search .search-form {
    min-width: 200px;
  }
}
.footer-search .search-field {
  background: none;
  border: none;
  outline: none;
  font-family: var(--font-body);
  font-size: var(--fs-body);
  font-weight: var(--fw-regular);
  color: var(--color-fudge-brownie);
  width: 100%;
  padding: 0;
  text-transform: capitalize;
}
.footer-search .search-field::placeholder {
  color: var(--color-fudge-brownie);
}
.footer-search .search-submit {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
  transition: var(--transition-base);
}
.footer-search .search-submit svg {
  display: block;
  width: 20px;
  height: 20px;
}
.footer-search .search-submit:hover, .footer-search .search-submit:focus-visible {
  transform: scale(1.2);
}
.footer-search .search-submit:hover svg path {
  fill: var(--color-white);
}

.site-footer__legal {
  background-color: var(--color-dandelion);
  padding: var(--space-50) var(--space-30) var(--space-20);
  display: flex;
  flex-direction: column;
  gap: var(--space-25);
  align-items: flex-start;
}
@media (min-width: 1200px) {
  .site-footer__legal {
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    gap: var(--space-50);
    padding: var(--space-20) var(--space-30);
  }
}

.footer-legal__copy {
  font-family: var(--font-body);
  font-size: var(--fs-legal);
  color: var(--color-night-sky);
  line-height: var(--lh-normal);
}
@media (min-width: 1200px) {
  .footer-legal__copy {
    max-width: 57%;
  }
}
@media (min-width: 1400px) {
  .footer-legal__copy {
    max-width: 825px;
  }
}
.footer-legal__copy p {
  font-size: 12px;
}
.footer-legal__copy strong {
  display: block;
  font-weight: var(--fw-bold);
  margin-bottom: 2px;
}

.footer-legal__nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: var(--space-20);
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 1200px) {
  .footer-legal__nav {
    gap: var(--space-25);
    justify-content: flex-end;
  }
}
.footer-legal__nav li {
  margin: 0;
}
.footer-legal__nav a {
  font-family: var(--font-body);
  font-size: var(--fs-legal);
  font-weight: var(--fw-bold);
  color: var(--color-night-sky);
  white-space: nowrap;
  transition: var(--transition-color);
  text-decoration: none;
}
.footer-legal__nav a:hover, .footer-legal__nav a:focus {
  text-decoration: underline;
}

.footer-legal__links {
  display: flex;
  gap: 5px var(--space-20);
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 1200px) {
  .footer-legal__links {
    gap: var(--space-25);
    justify-content: flex-end;
  }
}
.footer-legal__links a {
  font-family: var(--font-body);
  font-size: var(--fs-legal);
  font-weight: var(--fw-bold);
  color: var(--color-night-sky);
  white-space: nowrap;
  transition: var(--transition-color);
  text-decoration: none;
}
.footer-legal__links a:hover, .footer-legal__links a:focus {
  text-decoration: underline;
}

.decor-icons {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  overflow: visible;
}

.decor-cluster {
  position: absolute;
  pointer-events: none;
}
.decor-cluster--bottom-left {
  display: none;
}
@media (min-width: 1200px) {
  .decor-cluster--bottom-left {
    display: block;
    left: 0;
    bottom: 0;
  }
}
.decor-cluster--top-right {
  display: none;
}
@media (min-width: 1200px) {
  .decor-cluster--top-right {
    display: block;
    right: 0;
    top: 0;
  }
}

.decor-icon {
  position: absolute;
  pointer-events: none;
  line-height: 0;
  display: block;
}
.decor-icon svg {
  display: block;
}
.decor-icon--bottom-anchor {
  position: relative;
  left: 30px;
  bottom: -30px;
}
.decor-icon--bottom-accent {
  left: 150px;
  bottom: 60px;
}
.decor-icon--bottom-standalone {
  left: 55px;
  bottom: 170px;
}
.decor-icon--top-anchor {
  position: relative;
  top: 60px;
  right: 30px;
}
.decor-icon--top-accent {
  right: 150px;
  top: 50px;
}
.decor-icon--top-standalone {
  right: 100px;
  top: 260px;
}
.decor-icon--top-right-cowboy-hat-1 {
  right: 20px;
  top: -58px;
}
@media (min-width: 990px) {
  .decor-icon--top-right-cowboy-hat-1 {
    right: 55px;
    top: -80px;
  }
}
.decor-icon--top-right-cowboy-hat-1 svg {
  width: 100px;
  height: 100px;
}
@media (min-width: 990px) {
  .decor-icon--top-right-cowboy-hat-1 svg {
    width: 154px;
    height: 154px;
  }
}
.decor-icon--top-right-cowboy-hat-2 {
  top: -10px;
  right: 95px;
}
@media (min-width: 990px) {
  .decor-icon--top-right-cowboy-hat-2 {
    right: 175px;
    top: 15px;
  }
}
.decor-icon--top-right-cowboy-hat-2 svg {
  width: 50px;
}
@media (min-width: 990px) {
  .decor-icon--top-right-cowboy-hat-2 svg {
    width: 80px;
    height: 80px;
  }
}
.decor-icon--top-right-cowboy-hat-3 {
  display: none;
}
@media (min-width: 990px) {
  .decor-icon--top-right-cowboy-hat-3 {
    display: block;
    right: 30px;
    top: 85px;
  }
}
.decor-icon--top-right-cowboy-hat-3 svg {
  width: 100px;
  height: 100px;
}
.decor-icon--top-right-bandaid-1 {
  right: 20px;
  top: -35px;
}
@media (min-width: 990px) {
  .decor-icon--top-right-bandaid-1 {
    right: 55px;
    top: -95px;
  }
}
.decor-icon--top-right-bandaid-1 svg {
  width: 100px;
  height: 100px;
}
@media (min-width: 990px) {
  .decor-icon--top-right-bandaid-1 svg {
    width: 154px;
    height: 154px;
  }
}
.decor-icon--top-right-bandaid-2 {
  right: 100px;
  top: 20px;
}
@media (min-width: 990px) {
  .decor-icon--top-right-bandaid-2 {
    right: 165px;
    top: 5px;
  }
}
.decor-icon--top-right-bandaid-2 svg {
  width: 50px;
  height: 50px;
}
@media (min-width: 990px) {
  .decor-icon--top-right-bandaid-2 svg {
    width: 80px;
    height: 80px;
  }
}
.decor-icon--top-right-bandaid-3 {
  display: none;
}
@media (min-width: 990px) {
  .decor-icon--top-right-bandaid-3 {
    display: block;
    right: 30px;
    top: 70px;
  }
}
.decor-icon--top-right-bandaid-3 svg {
  width: 100px;
  height: 100px;
}
.decor-icon--top-right-yarn-1 {
  right: 20px;
  top: -35px;
}
@media (min-width: 990px) {
  .decor-icon--top-right-yarn-1 {
    right: 55px;
    top: -95px;
  }
}
.decor-icon--top-right-yarn-1 svg {
  width: 100px;
  height: 100px;
}
@media (min-width: 990px) {
  .decor-icon--top-right-yarn-1 svg {
    width: 154px;
    height: 154px;
  }
}
.decor-icon--top-right-yarn-2 {
  right: 100px;
  top: 20px;
}
@media (min-width: 990px) {
  .decor-icon--top-right-yarn-2 {
    right: 165px;
    top: 5px;
  }
}
.decor-icon--top-right-yarn-2 svg {
  width: 50px;
  height: 50px;
}
@media (min-width: 990px) {
  .decor-icon--top-right-yarn-2 svg {
    width: 80px;
    height: 80px;
  }
}
.decor-icon--top-right-yarn-3 {
  display: none;
}
@media (min-width: 990px) {
  .decor-icon--top-right-yarn-3 {
    display: block;
    right: 30px;
    top: 70px;
  }
}
.decor-icon--top-right-yarn-3 svg {
  width: 100px;
  height: 100px;
}
.decor-icon--bottom-right-arrow-1 {
  bottom: -25px;
  right: 100px;
}
@media (min-width: 990px) {
  .decor-icon--bottom-right-arrow-1 {
    bottom: -25px;
    right: 105px;
  }
}
.decor-icon--bottom-right-arrow-1 svg {
  width: 100px;
  height: 100px;
}
@media (min-width: 990px) {
  .decor-icon--bottom-right-arrow-1 svg {
    width: 154px;
    height: 154px;
  }
}
.decor-icon--bottom-right-arrow-2 {
  bottom: 30px;
  right: 20px;
}
@media (min-width: 990px) {
  .decor-icon--bottom-right-arrow-2 {
    bottom: 110px;
    right: 30px;
  }
}
.decor-icon--bottom-right-arrow-2 svg {
  width: 80px;
  height: 80px;
}
@media (min-width: 990px) {
  .decor-icon--bottom-right-arrow-2 svg {
    width: 100px;
    height: 100px;
  }
}
.decor-icon--bottom-right-leaf-2 {
  bottom: -25px;
  right: 100px;
}
@media (min-width: 990px) {
  .decor-icon--bottom-right-leaf-2 {
    bottom: -25px;
    right: 105px;
  }
}
.decor-icon--bottom-right-leaf-2 svg {
  width: 100px;
  height: 100px;
}
@media (min-width: 990px) {
  .decor-icon--bottom-right-leaf-2 svg {
    width: 154px;
    height: 154px;
  }
}
.decor-icon--bottom-right-leaf-1 {
  bottom: 30px;
  right: 20px;
}
@media (min-width: 990px) {
  .decor-icon--bottom-right-leaf-1 {
    bottom: 110px;
    right: 30px;
  }
}
.decor-icon--bottom-right-leaf-1 svg {
  width: 80px;
  height: 80px;
}
@media (min-width: 990px) {
  .decor-icon--bottom-right-leaf-1 svg {
    width: 100px;
    height: 100px;
  }
}
.decor-icon--bottom-right-heart-1 {
  bottom: -25px;
  right: 100px;
}
@media (min-width: 990px) {
  .decor-icon--bottom-right-heart-1 {
    bottom: -25px;
    right: 105px;
  }
}
.decor-icon--bottom-right-heart-1 svg {
  width: 100px;
  height: 100px;
}
@media (min-width: 990px) {
  .decor-icon--bottom-right-heart-1 svg {
    width: 154px;
    height: 154px;
  }
}
.decor-icon--bottom-right-heart-2 {
  bottom: 30px;
  right: 20px;
}
@media (min-width: 990px) {
  .decor-icon--bottom-right-heart-2 {
    bottom: 110px;
    right: 30px;
  }
}
.decor-icon--bottom-right-heart-2 svg {
  width: 80px;
  height: 80px;
}
@media (min-width: 990px) {
  .decor-icon--bottom-right-heart-2 svg {
    width: 100px;
    height: 100px;
  }
}
.decor-icon--bottom-left-sneaker-1 {
  bottom: -30px;
  left: 20px;
}
@media (min-width: 990px) {
  .decor-icon--bottom-left-sneaker-1 {
    bottom: -35px;
    left: 30px;
  }
}
.decor-icon--bottom-left-sneaker-1 svg {
  width: 100px;
  height: 100px;
}
@media (min-width: 990px) {
  .decor-icon--bottom-left-sneaker-1 svg {
    width: 154px;
    height: 154px;
  }
}
.decor-icon--bottom-left-sneaker-2 {
  bottom: 30px;
  right: 20px;
}
@media (min-width: 990px) {
  .decor-icon--bottom-left-sneaker-2 {
    bottom: 110px;
    right: 30px;
  }
}
.decor-icon--bottom-left-sneaker-2 svg {
  width: 60px;
  height: 60px;
}
@media (min-width: 990px) {
  .decor-icon--bottom-left-sneaker-2 svg {
    width: 100px;
    height: 100px;
  }
}

.decor-icon.decor-icon--top-right-hands-1 {
  right: 100px;
  top: 0;
  z-index: 2;
}
@media (min-width: 990px) {
  .decor-icon.decor-icon--top-right-hands-1 {
    right: 170px;
    top: 5px;
  }
}
.decor-icon.decor-icon--top-right-hands-1 svg {
  width: 50px;
  height: 50px;
}
@media (min-width: 990px) {
  .decor-icon.decor-icon--top-right-hands-1 svg {
    width: 80px;
    height: 80px;
  }
}

.decor-icon.decor-icon--top-right-hands-2 {
  right: 20px;
  top: 60px;
}
.decor-icon.decor-icon--top-right-hands-2 svg {
  width: 50px;
  height: 50px;
}
@media (min-width: 990px) {
  .decor-icon.decor-icon--top-right-hands-2 svg {
    width: 100px;
    height: 100px;
  }
}

.decor-icon.decor-icon--top-right-hands-3 {
  right: 20px;
  top: -60px;
  z-index: 1;
}
@media (min-width: 990px) {
  .decor-icon.decor-icon--top-right-hands-3 {
    right: 55px;
    top: -95px;
  }
}
.decor-icon.decor-icon--top-right-hands-3 svg {
  width: 100px;
  height: 100px;
}
@media (min-width: 990px) {
  .decor-icon.decor-icon--top-right-hands-3 svg {
    width: 154px;
    height: 154px;
  }
}

.block-hero {
  --hero-bg-y: 0px;
  --hero-fg-y: 0px;
  --hero-content-y: 0px;
  --hero-artwork-scale: 1.15;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  width: 100%;
  height: 400px;
  overflow: visible;
  isolation: isolate;
}
@media (min-width: 768px) {
  .block-hero {
    height: 765px;
  }
}
.block-hero__viewport {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  isolation: isolate;
}
.block-hero__bg, .block-hero__fg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none;
  transform-origin: center center !important;
  will-change: transform;
}
.block-hero__bg {
  z-index: 0;
  transform: translate3d(0, var(--hero-bg-y), 0) scale(var(--hero-artwork-scale)) !important;
}
.block-hero__fg {
  z-index: 3;
  transform: translate3d(0, var(--hero-fg-y), 0) scale(var(--hero-artwork-scale)) !important;
}
.block-hero__bg-img, .block-hero__fg-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
}
.block-hero__bg-img--desktop, .block-hero__fg-img--desktop {
  display: none;
}
.block-hero__bg-img--mobile, .block-hero__fg-img--mobile {
  display: block;
}
@media (min-width: 768px) {
  .block-hero__bg-img--desktop, .block-hero__fg-img--desktop {
    display: block;
  }
  .block-hero__bg-img--mobile, .block-hero__fg-img--mobile {
    display: none;
  }
}
.block-hero__overlay {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 95, 71, 0) 20%, rgba(0, 95, 71, 0.2) 45%, rgba(0, 95, 71, 0.7) 100%);
}
.block-hero__content {
  position: absolute;
  z-index: 2;
  top: 50px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  margin-left: auto;
  padding: 30px 15px 25px 5px;
  text-align: center;
  transform: translate3d(0, var(--hero-content-y), 0);
  will-change: transform;
}
@media (min-width: 768px) {
  .block-hero__content {
    top: 30px;
    padding: 60px clamp(30px, 5vw, 90px);
  }
}
.block-hero__headline {
  margin: 0;
}
.block-hero__headline svg {
  display: block;
  width: 260px;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .block-hero__headline svg {
    width: 600px;
  }
}
.block-hero__cta {
  position: relative;
  z-index: 4;
  margin-top: 12px;
}
@media (min-width: 768px) {
  .block-hero__cta {
    margin-top: 20px;
    margin-right: 15px;
  }
}
.block-hero__cta .btn:hover {
  color: var(--color-night-sky);
}
.block-hero__cta .btn:hover::before {
  background-color: var(--color-blue-bird-days);
}
.block-hero__cta .btn:visited {
  color: var(--color-night-sky);
}
@media (max-width: 767px) {
  .block-hero__cta .btn {
    font-size: 0.875rem;
  }
}
.block-hero__icons {
  position: absolute;
  z-index: 20;
  inset: 0;
  overflow: visible;
  pointer-events: none;
}
.block-hero__icons .block-hero__icon--campfire {
  position: absolute;
  top: 150px;
  left: 25px;
  display: none;
}
@media (min-width: 990px) {
  .block-hero__icons .block-hero__icon--campfire {
    display: block;
  }
}
.block-hero__icons .block-hero__icon--anchor {
  position: absolute;
  top: -40px;
  right: 20%;
  display: none;
}
@media (min-width: 1200px) {
  .block-hero__icons .block-hero__icon--anchor {
    display: block;
  }
}
.block-hero__icons .block-hero__icon--horseshoe {
  position: absolute;
  bottom: -45px;
  left: 15px;
}
@media (min-width: 990px) {
  .block-hero__icons .block-hero__icon--horseshoe {
    left: 95px;
    bottom: -80px;
  }
}
.block-hero__icons .block-hero__icon--horseshoe svg {
  display: block;
  width: 100px;
  height: auto;
}
@media (min-width: 990px) {
  .block-hero__icons .block-hero__icon--horseshoe svg {
    width: 154px;
  }
}
.block-hero__icons .block-hero__icon--star {
  position: absolute;
  z-index: 1;
  bottom: 35px;
  left: 65px;
}
@media (min-width: 990px) {
  .block-hero__icons .block-hero__icon--star {
    left: 205px;
    bottom: 15px;
  }
}
.block-hero__icons .block-hero__icon--star svg {
  display: block;
  width: 50px;
  height: auto;
}
.block-hero__icons .block-hero__icon--star svg path {
  fill: var(--color-key-limey);
}
@media (min-width: 990px) {
  .block-hero__icons .block-hero__icon--star svg path {
    fill: var(--color-dandelion);
  }
}
@media (min-width: 990px) {
  .block-hero__icons .block-hero__icon--star svg {
    width: 80px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .block-hero {
    --hero-bg-y: 0px !important;
    --hero-fg-y: 0px !important;
    --hero-content-y: 0px !important;
  }
  .block-hero__bg, .block-hero__fg {
    transform: translate3d(0, 0, 0) scale(var(--hero-artwork-scale)) !important;
    will-change: auto;
  }
  .block-hero__content {
    transform: none;
    will-change: auto;
  }
}
.block-hero-photo {
  position: relative;
  width: 100%;
  height: 220px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .block-hero-photo {
    height: 400px;
  }
}
.block-hero-photo__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.block-hero-photo__overlay {
  position: absolute;
  inset: 0;
  background: var(--gradient-hero-overlay);
  mix-blend-mode: multiply;
}

.block-overview {
  position: relative;
  background-color: var(--color-night-sky);
  text-align: center;
  padding: var(--space-50) var(--space-25);
  overflow: hidden;
}
@media (min-width: 768px) {
  .block-overview {
    padding: var(--space-100) var(--space-30);
  }
}
.block-overview--grasshopper {
  background-color: var(--color-grasshopper);
}
.block-overview--dandelion {
  background-color: var(--color-dandelion);
}
.block-overview--rosy-cheeks {
  background-color: var(--color-rosy-cheeks);
}
.block-overview--ice-cream {
  background-color: var(--color-ice-cream);
}
.block-overview__wave {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  opacity: 0.15;
}
.block-overview__inner {
  position: relative;
  z-index: 2;
  max-width: 800px;
  margin: 0 auto;
}
.block-overview__headline {
  color: var(--color-cloud-white);
  margin-bottom: var(--space-25);
}
.block-overview__body {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: var(--lh-normal);
  color: var(--color-cloud-white);
  margin-bottom: var(--space-30);
}
.block-overview__cta {
  margin-top: var(--space-30);
}

.block-tabs {
  width: 100%;
}
.block-tabs__nav {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: none;
}
@media (min-width: 768px) {
  .block-tabs__nav {
    flex-direction: row;
  }
}
.block-tabs__nav-item {
  flex: 1;
  margin: 0;
}
.block-tabs__nav-btn {
  display: block;
  width: 100%;
  font-family: var(--font-body);
  font-size: var(--fs-subhead);
  font-weight: var(--fw-bold);
  color: var(--color-night-sky);
  background-color: var(--color-cloud-white);
  text-align: center;
  padding: var(--space-20) var(--space-25);
  border: none;
  cursor: pointer;
  height: 50px;
  transition: var(--transition-color);
  text-transform: capitalize;
}
.block-tabs__nav-btn:hover {
  background-color: var(--color-ice-cream);
}
.block-tabs__nav-item--active .block-tabs__nav-btn, .block-tabs__nav-btn[aria-selected=true] {
  background-color: var(--color-dandelion);
  color: var(--color-night-sky);
}
.block-tabs__panel {
  display: none;
  padding: var(--space-50) var(--space-25);
  text-align: center;
}
@media (min-width: 768px) {
  .block-tabs__panel {
    padding: var(--space-70) var(--space-30);
  }
}
.block-tabs__panel.is-active {
  display: block;
}
.block-tabs__panel-image {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  margin-bottom: var(--space-30);
}
.block-tabs__panel-headline {
  color: var(--color-rosy-cheeks);
  margin-bottom: var(--space-25);
}
.block-tabs__panel-body {
  max-width: 680px;
  margin: 0 auto var(--space-30);
  color: var(--color-fudge-brownie);
}

.block-events {
  padding: var(--space-50) var(--space-25);
}
@media (min-width: 768px) {
  .block-events {
    padding: var(--space-70) var(--space-30);
  }
}
.block-events__headline {
  color: var(--color-rosy-cheeks);
  text-align: left;
  margin-bottom: var(--space-50);
}
.block-events__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-30);
  margin-bottom: var(--space-50);
}
@media (min-width: 768px) {
  .block-events__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.block-events__cta-wrap {
  text-align: center;
}

.event-table {
  background-color: var(--color-cloud-white);
}
.event-table__schedule-title {
  font-family: var(--font-body);
  font-size: var(--fs-body-lg);
  font-weight: var(--fw-bold);
  color: var(--color-night-sky);
  line-height: 1.44;
  margin-bottom: var(--space-20);
}
.event-table__header {
  background-color: var(--color-key-limey);
  padding: var(--space-5) var(--space-20);
  font-family: var(--font-body);
  font-size: var(--fs-body);
  font-weight: var(--fw-bold);
  color: var(--color-night-sky);
  height: 40px;
  display: flex;
  align-items: center;
}
.event-table__body {
  padding: var(--space-5) 0;
}
.event-table__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-5) var(--space-20);
  border-bottom: 1px solid rgba(36, 47, 100, 0.15);
  gap: var(--space-25);
}
.event-table__row:last-child {
  border-bottom: none;
}
.event-table__name {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  color: var(--color-night-sky);
  text-decoration: none;
  flex: 1;
  line-height: var(--lh-normal);
}
.event-table__name:hover {
  text-decoration: underline;
}
.event-table__date {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  color: var(--color-night-sky);
  text-decoration: underline;
  white-space: nowrap;
  text-align: right;
}

.block-testimonial {
  position: relative;
  background-color: var(--color-dandelion);
  padding: var(--space-50) var(--space-25);
  overflow: hidden;
  text-align: center;
}
@media (min-width: 768px) {
  .block-testimonial {
    padding: var(--space-100) var(--space-30);
  }
}
.block-testimonial__wave {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.block-testimonial__inner {
  position: relative;
  z-index: 2;
  max-width: 800px;
  margin: 0 auto;
}
.block-testimonial__slide {
  display: none;
}
.block-testimonial__slide.is-active {
  display: block;
}
.block-testimonial__title {
  font-family: var(--font-display);
  font-size: clamp(40px, 5vw, var(--fs-display));
  font-weight: var(--fw-regular);
  color: var(--color-night-sky);
  text-transform: uppercase;
  line-height: var(--lh-display);
  margin-bottom: var(--space-30);
}
.block-testimonial__quote {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  font-weight: var(--fw-regular);
  color: var(--color-fudge-brownie);
  line-height: var(--lh-normal);
  margin-bottom: var(--space-25);
}
.block-testimonial__attribution {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
  margin-bottom: var(--space-50);
}
.block-testimonial__attribution strong {
  font-weight: var(--fw-bold);
}
.block-testimonial__dots {
  display: flex;
  justify-content: center;
  gap: var(--space-20);
  list-style: none;
  margin: 0;
  padding: 0;
}
.block-testimonial__dot {
  width: 10px;
  height: 10px;
  border-radius: var(--radius-circle);
  background: none;
  background-color: var(--color-night-sky);
  border: 1px solid var(--color-night-sky);
  cursor: pointer;
  padding: 0;
  transition: var(--transition-base);
}
.block-testimonial__dot.is-active, .block-testimonial__dot:hover {
  background-color: transparent;
}
.block-testimonial__prev, .block-testimonial__next {
  background: none;
  border: none;
  color: var(--color-night-sky);
  font-size: var(--fs-subhead);
  cursor: pointer;
  padding: 0 var(--space-25);
  transition: var(--transition-color);
}
.block-testimonial__prev:hover, .block-testimonial__next:hover {
  color: var(--color-cloud-white);
}
.block-testimonial__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-20);
  margin-top: var(--space-30);
}

.block-get-involved {
  padding: var(--space-50) var(--space-25);
  text-align: center;
}
@media (min-width: 768px) {
  .block-get-involved {
    padding: var(--space-70) var(--space-30);
  }
}
.block-get-involved__headline {
  color: var(--color-rosy-cheeks);
  margin-bottom: var(--space-50);
}
@media (min-width: 768px) {
  .block-get-involved__headline {
    margin-bottom: var(--space-70);
  }
}
.block-get-involved__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-30);
  max-width: var(--max-width-wide);
  margin: 0 auto;
}
@media (min-width: 990px) {
  .block-get-involved__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-50);
  }
}

.card-involve {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-25);
}
.card-involve__image-wrap {
  width: 100%;
  aspect-ratio: 1;
  border-radius: var(--radius-circle);
  overflow: hidden;
  max-width: 330px;
}
.card-involve__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.card-involve__title {
  font-family: var(--font-body);
  font-size: var(--fs-subhead);
  font-weight: var(--fw-bold);
  color: var(--color-night-sky);
  line-height: 1.25;
  text-align: center;
  text-transform: capitalize;
  margin: 0;
}

.block-content-image {
  padding: var(--space-50) var(--space-25);
}
@media (min-width: 768px) {
  .block-content-image {
    padding-left: var(--space-30);
    padding-right: var(--space-30);
    padding-bottom: var(--space-70);
  }
}
.block-content-image__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-30);
  max-width: var(--max-width-content);
  margin: 0 auto;
}
@media (min-width: 768px) {
  .block-content-image__inner {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-60);
    align-items: center;
  }
}
.block-content-image--image-left .block-content-image__image {
  order: 0;
}
@media (min-width: 768px) {
  .block-content-image--image-left .block-content-image__image {
    order: -1;
  }
}
.block-content-image__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.block-content-image__headline {
  margin-bottom: var(--space-25);
}
.block-content-image__body {
  margin-bottom: var(--space-30);
}

.block-cta-banner {
  background-color: var(--color-night-sky);
  padding: var(--space-30) var(--space-25);
  text-align: center;
}
@media (min-width: 768px) {
  .block-cta-banner {
    padding: var(--space-50) var(--space-30);
  }
}
.block-cta-banner--dandelion {
  background-color: var(--color-dandelion);
}
.block-cta-banner--grasshopper {
  background-color: var(--color-grasshopper);
}
.block-cta-banner--rosy-cheeks {
  background-color: var(--color-rosy-cheeks);
}
.block-cta-banner--tangerine {
  background-color: var(--color-tangerine-dream);
}
.block-cta-banner__headline {
  color: var(--color-cloud-white);
  margin-bottom: var(--space-30);
}
.block-cta-banner--dandelion .block-cta-banner__headline {
  color: var(--color-night-sky);
}

.block-content-media {
  padding-bottom: var(--space-50);
  padding-left: var(--space-25);
  padding-right: var(--space-25);
  background-color: var(--color-white);
}
@media (min-width: 990px) {
  .block-content-media {
    padding-left: var(--space-30);
    padding-right: var(--space-30);
    padding-bottom: var(--space-70);
  }
}
.block-content-media .white-space {
  display: none;
}
.block-content-media.has-caption .white-space {
  display: block;
  height: 70px;
  background-color: #fff;
}
@media (min-width: 990px) {
  .block-content-media.has-caption .white-space {
    display: none;
  }
}
.block-content-media--extra-bottom-mobile {
  padding-bottom: var(--space-100) !important;
}
@media (min-width: 990px) {
  .block-content-media--extra-bottom-mobile {
    padding-bottom: var(--space-70) !important;
  }
}
.block-content-media.slider-block {
  padding: 0;
}
.block-content-media.slider-block .block-content-media__text {
  padding: var(--space-70) var(--space-30);
}
@media (min-width: 768px) {
  .block-content-media.slider-block .block-content-media__text {
    padding-left: var(--space-70);
    padding-right: var(--space-70);
  }
}
@media (min-width: 1200px) {
  .block-content-media.slider-block .block-content-media__text {
    padding: var(--space-115);
  }
}
.block-content-media.video-block {
  padding-right: 25px;
  padding-left: 25px;
  padding-bottom: 100px;
}
@media (min-width: 768px) {
  .block-content-media.video-block {
    padding-right: 40px;
    padding-left: 100px;
  }
}
.block-content-media.video-block .block-content-media__media {
  margin-top: 50px;
}
@media (min-width: 990px) {
  .block-content-media.video-block .block-content-media__media {
    margin-top: 0;
  }
}
.block-content-media.video-block .block-content-media__body {
  color: var(--color-fudge-brownie);
  margin-bottom: var(--space-30);
}
@media (min-width: 990px) {
  .block-content-media.video-block .block-content-media__body {
    margin-right: 100px;
  }
}
.block-content-media.video-block.block-content-media--plum-puddin .block-content-media__body, .block-content-media.video-block.block-content-media--night-sky .block-content-media__body {
  color: #fff;
}
.block-content-media.image-block {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 0;
}
@media (min-width: 990px) {
  .block-content-media.image-block {
    padding: 90px 25px;
    text-align: left;
  }
}
.block-content-media.image-block .block-content-media__inner {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-items: center;
}
@media (min-width: 990px) {
  .block-content-media.image-block .block-content-media__inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-40);
  }
}
.block-content-media.image-block .block-content-media__text {
  padding: var(--space-70) var(--space-30) var(--space-30);
}
@media (min-width: 990px) {
  .block-content-media.image-block .block-content-media__text {
    padding: 0 125px 0 75px;
  }
}
.block-content-media.image-block .block-content-media__media {
  width: 100%;
  max-height: 260px;
  position: relative;
}
@media (min-width: 990px) {
  .block-content-media.image-block .block-content-media__media {
    max-height: 400px;
  }
}
@media (min-width: 1400px) {
  .block-content-media.image-block .block-content-media__media {
    max-height: 500px;
  }
}
.block-content-media.image-block .block-content-media__image-wrap {
  clip-path: polygon(0 0, 100% var(--slant-size), 100% 100%, 0 100%);
}
@media (min-width: 990px) {
  .block-content-media.image-block .block-content-media__image-wrap {
    clip-path: unset;
  }
}
.block-content-media.image-block .block-content-media__image-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 3/2;
  height: 260px;
}
@media (min-width: 990px) {
  .block-content-media.image-block .block-content-media__image-wrap img {
    height: 400px;
  }
}
@media (min-width: 1400px) {
  .block-content-media.image-block .block-content-media__image-wrap img {
    height: 500px;
  }
}
.block-content-media.image-block .block-content-media__icons {
  display: none;
}
@media (min-width: 990px) {
  .block-content-media.image-block .block-content-media__icons {
    display: block;
  }
}
.block-content-media.image-block .block-content-media__icons .block-content-media__icon.block-content-media__icon--a {
  top: 30px;
  left: -75px;
}
.block-content-media.image-block .block-content-media__icons .block-content-media__icon.block-content-media__icon--b {
  top: 160px;
  left: -95px;
}
.block-content-media.cut-out-image {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .block-content-media.cut-out-image {
    padding-left: var(--space-30);
    padding-right: var(--space-30);
    padding-bottom: var(--space-70);
  }
}
.block-content-media.cut-out-image .block-content-media__text {
  padding: var(--space-30);
}
.block-content-media.cut-out-image .block-content-media__media {
  margin-bottom: -50px;
}
.block-content-media.cut-out-image {
  padding-bottom: 10%;
}
@media (min-width: 990px) {
  .block-content-media.cut-out-image {
    padding: 0;
  }
}
.block-content-media.cut-out-image .block-content-media__text {
  padding: var(--space-30);
}
@media (min-width: 990px) {
  .block-content-media.cut-out-image .block-content-media__text {
    padding: var(--space-100) var(--space-30) var(--space-100) var(--space-50);
  }
}
.block-content-media.cut-out-image .block-content-media__inner {
  gap: 20px;
  padding-top: 50px;
}
@media (min-width: 990px) {
  .block-content-media.cut-out-image .block-content-media__inner {
    gap: 40px;
    padding-top: 0;
  }
}
.block-content-media.cut-out-image .block-content-media__media {
  width: 100vw;
  margin-bottom: -1px;
  overflow: visible;
  background: transparent;
  clip-path: unset;
}
@media (min-width: 990px) {
  .block-content-media.cut-out-image .block-content-media__media {
    margin-top: 10%;
    width: 75vw;
    margin-left: calc(-30vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-height: 450px;
  }
}
.block-content-media.cut-out-image .block-content-media__media.heart {
  width: 100vw;
}
@media (min-width: 990px) {
  .block-content-media.cut-out-image .block-content-media__media.heart {
    width: 62vw;
    margin-left: calc(-32vw + 50%);
  }
}
.block-content-media.cut-out-image .block-content-media__media .block-content-media__image-wrap {
  clip-path: unset;
}
.block-content-media.cut-out-image .block-content-media__media .block-content-media__image-wrap img {
  object-fit: contain;
  height: 90vw;
}
@media (min-width: 550px) {
  .block-content-media.cut-out-image .block-content-media__media .block-content-media__image-wrap img {
    height: 75vw;
  }
}
@media (min-width: 650px) {
  .block-content-media.cut-out-image .block-content-media__media .block-content-media__image-wrap img {
    height: 60vw;
  }
}
@media (min-width: 768px) {
  .block-content-media.cut-out-image .block-content-media__media .block-content-media__image-wrap img {
    height: 55vw;
  }
}
@media (min-width: 990px) {
  .block-content-media.cut-out-image .block-content-media__media .block-content-media__image-wrap img {
    height: auto;
  }
}
.block-content-media.cut-out-image .block-content-media__media .block-content-media__image-wrap--shape-heart img {
  object-fit: cover;
  margin-left: -10%;
}
@media (min-width: 990px) {
  .block-content-media.cut-out-image .block-content-media__media .block-content-media__image-wrap--shape-heart img {
    object-fit: contain;
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-top: -60px;
  }
}
.block-content-media.cut-out-image .block-content-media__media .block-content-media__image-wrap--shape-tree img {
  object-fit: cover;
  margin-left: -10%;
}
@media (min-width: 650px) {
  .block-content-media.cut-out-image .block-content-media__media .block-content-media__image-wrap--shape-tree img {
    margin-top: -6%;
  }
}
.block-content-media__inner {
  display: grid;
  grid-template-columns: 1fr;
  margin: 0 auto;
}
@media (min-width: 990px) {
  .block-content-media__inner {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-60);
    align-items: center;
  }
}
.block-content-media__text {
  text-align: center;
}
@media (min-width: 768px) {
  .block-content-media__text {
    text-align: left;
  }
}
.block-content-media__headline {
  font-family: var(--font-display);
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  color: var(--color-night-sky);
  margin-bottom: var(--space-30);
}
.block-content-media__subhead {
  font-family: var(--font-body);
  font-size: var(--fs-subhead-sm, 18px);
  font-weight: var(--fw-bold);
  line-height: 1.44;
  color: var(--color-night-sky);
  margin-bottom: var(--space-20);
}
.block-content-media__slide-description {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  margin-bottom: var(--space-50);
}
.block-content-media__body {
  color: var(--color-fudge-brownie);
  margin-bottom: var(--space-30);
}
.block-content-media__ctas {
  display: flex;
  gap: var(--space-20);
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 990px) {
  .block-content-media__ctas {
    justify-content: flex-start;
  }
}
.block-content-media--rosy-cheeks-accent {
  background-color: var(--color-ice-cream);
}
.block-content-media--rosy-cheeks-accent .block-content-media__headline {
  color: var(--color-rosy-cheeks);
}
.block-content-media--rosy-cheeks-accent .block-content-media__body a {
  color: var(--color-grasshopper);
}
.block-content-media--rosy-cheeks-accent .block-content-media__body strong {
  color: var(--color-night-sky);
}
.block-content-media--night-sky-accent {
  background-color: var(--color-ice-cream);
}
.block-content-media--night-sky-accent .block-content-media__headline {
  color: var(--color-night-sky);
}
.block-content-media--night-sky-accent .block-content-media__body a {
  color: var(--color-grasshopper);
}
.block-content-media--night-sky-accent .block-content-media__body strong {
  color: var(--color-night-sky);
}
.block-content-media--tangerine-accent {
  background-color: var(--color-ice-cream);
}
.block-content-media--tangerine-accent .block-content-media__headline {
  color: var(--color-tangerine-dream);
}
.block-content-media--tangerine-accent .block-content-media__body a {
  color: var(--color-grasshopper);
}
.block-content-media--tangerine-accent .block-content-media__body strong {
  color: var(--color-night-sky);
}
.block-content-media--tangerine {
  background-color: var(--color-white);
}
.block-content-media--tangerine .block-content-media__headline {
  color: var(--color-tangerine-dream);
}
.block-content-media--tangerine .block-content-media__body a {
  color: var(--color-grasshopper);
}
.block-content-media--tangerine .block-content-media__body strong {
  color: var(--color-night-sky);
}
.block-content-media--grasshopper .block-content-media__headline,
.block-content-media--grasshopper .block-content-media__subhead,
.block-content-media--grasshopper .block-content-media__body, .block-content-media--plum-puddin .block-content-media__headline,
.block-content-media--plum-puddin .block-content-media__subhead,
.block-content-media--plum-puddin .block-content-media__body, .block-content-media--night-sky .block-content-media__headline,
.block-content-media--night-sky .block-content-media__subhead,
.block-content-media--night-sky .block-content-media__body {
  color: var(--color-white);
}
.block-content-media--grasshopper .block-content-media__body a, .block-content-media--plum-puddin .block-content-media__body a, .block-content-media--night-sky .block-content-media__body a {
  color: var(--color-white);
}
.block-content-media--grasshopper .block-content-media__body strong, .block-content-media--plum-puddin .block-content-media__body strong, .block-content-media--night-sky .block-content-media__body strong {
  color: var(--color-white);
}
.block-content-media--grasshopper {
  background-color: var(--color-grasshopper);
}
.block-content-media--plum-puddin {
  background-color: var(--color-plum-puddin);
}
.block-content-media--night-sky {
  background-color: var(--color-night-sky);
}
.block-content-media--dandelion .block-content-media__headline,
.block-content-media--dandelion .block-content-media__subhead, .block-content-media--key-limey .block-content-media__headline,
.block-content-media--key-limey .block-content-media__subhead, .block-content-media--blue-bird .block-content-media__headline,
.block-content-media--blue-bird .block-content-media__subhead {
  color: var(--color-night-sky);
}
.block-content-media--dandelion .block-content-media__body, .block-content-media--key-limey .block-content-media__body, .block-content-media--blue-bird .block-content-media__body {
  color: var(--color-fudge-brownie);
}
.block-content-media--dandelion {
  background-color: var(--color-dandelion);
}
.block-content-media--key-limey {
  background-color: var(--color-key-limey);
}
.block-content-media--blue-bird {
  background-color: var(--color-blue-bird-days);
}
.block-content-media__image-wrap {
  position: relative;
}
.block-content-media__image-wrap--shape-tree, .block-content-media__image-wrap--shape-heart {
  position: relative;
}
.block-content-media__image-wrap--shape-tree .block-content-media__image, .block-content-media__image-wrap--shape-heart .block-content-media__image {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  margin-top: -12%;
  margin-left: -6%;
}
.block-content-media__image-wrap--shape-tree .block-content-media__image {
  margin-top: -12%;
  margin-left: -6%;
  -webkit-mask-image: url("/wp-content/themes/hole-in-the-wall-gang/assets/images/mask-tree.svg");
  mask-image: url("/wp-content/themes/hole-in-the-wall-gang/assets/images/mask-tree.svg");
}
.block-content-media__image-wrap--shape-heart .block-content-media__image {
  margin-top: 0;
  margin-left: 0;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url("/wp-content/themes/hole-in-the-wall-gang/assets/images/mask-heart.svg");
  mask-image: url("/wp-content/themes/hole-in-the-wall-gang/assets/images/mask-heart.svg");
  aspect-ratio: 1380/400;
  width: 100%;
  height: auto;
  max-height: none;
}
.block-content-media__image {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.block-content-media__caption {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  background: var(--color-white);
  border: 2px solid var(--color-plum-puddin);
  color: var(--color-plum-puddin);
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: var(--fs-small);
  padding: 15px 20px 10px;
  text-align: center;
  max-width: 85%;
  white-space: nowrap;
}
@media (min-width: 990px) {
  .block-content-media__caption {
    left: auto;
    right: var(--space-20);
    bottom: -20px;
    transform: none;
    white-space: normal;
  }
}
.block-content-media__video-wrap {
  position: relative;
}
.block-content-media__video-shadow {
  position: absolute;
  bottom: var(--space-20);
  left: var(--space-20);
  right: calc(-1 * var(--space-10));
  top: calc(-1 * var(--space-10));
  background-color: var(--color-dandelion);
  z-index: 0;
}
.block-content-media__video {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 16/9;
}
.block-content-media__video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.block-content-media__icon {
  position: absolute;
  display: block;
  line-height: 0;
}
.block-content-media__icon svg {
  display: block;
  width: 100%;
  height: auto;
}
.block-content-media__icon--plum-a {
  bottom: -25px;
  left: -5px;
  z-index: 2;
}
@media (min-width: 990px) {
  .block-content-media__icon--plum-a {
    left: -90px;
    bottom: 75px;
  }
}
.block-content-media__icon--plum-a svg {
  width: 50px;
  height: 50px;
}
@media (min-width: 990px) {
  .block-content-media__icon--plum-a svg {
    width: 80px;
    height: 80px;
  }
}
.block-content-media__icon--plum-b {
  left: 30px;
  bottom: -55px;
  z-index: 1;
}
@media (min-width: 990px) {
  .block-content-media__icon--plum-b {
    left: -75px;
    bottom: -47px;
  }
}
.block-content-media__icon--plum-b svg {
  width: 80px;
  height: 80px;
}
@media (min-width: 990px) {
  .block-content-media__icon--plum-b svg {
    width: 154px;
    height: 154px;
  }
}
@media (min-width: 990px) {
  .block-content-media__media {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.block-content-media__slider {
  position: relative;
  text-align: center;
  padding: var(--space-80) var(--space-50);
  color: var(--color-night-sky);
  align-items: center;
}
@media (min-width: 990px) {
  .block-content-media__slider {
    padding: var(--space-115);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.block-content-media__slider a.btn-fixed {
  margin-top: var(--space-40);
}
.block-content-media__slider--rosy-cheeks, .block-content-media__slider--tangerine, .block-content-media__slider--grasshopper, .block-content-media__slider--plum-puddin, .block-content-media__slider--night-sky {
  color: var(--color-white);
}
.block-content-media__slider--rosy-cheeks .block-content-media__slider-dot, .block-content-media__slider--tangerine .block-content-media__slider-dot, .block-content-media__slider--grasshopper .block-content-media__slider-dot, .block-content-media__slider--plum-puddin .block-content-media__slider-dot, .block-content-media__slider--night-sky .block-content-media__slider-dot {
  background: rgba(255, 255, 255, 0.35);
}
.block-content-media__slider--rosy-cheeks .block-content-media__slider-dot.is-active, .block-content-media__slider--tangerine .block-content-media__slider-dot.is-active, .block-content-media__slider--grasshopper .block-content-media__slider-dot.is-active, .block-content-media__slider--plum-puddin .block-content-media__slider-dot.is-active, .block-content-media__slider--night-sky .block-content-media__slider-dot.is-active {
  background: var(--color-white);
}
.block-content-media__slider--rosy-cheeks .block-content-media__slider-prev,
.block-content-media__slider--rosy-cheeks .block-content-media__slider-next, .block-content-media__slider--tangerine .block-content-media__slider-prev,
.block-content-media__slider--tangerine .block-content-media__slider-next, .block-content-media__slider--grasshopper .block-content-media__slider-prev,
.block-content-media__slider--grasshopper .block-content-media__slider-next, .block-content-media__slider--plum-puddin .block-content-media__slider-prev,
.block-content-media__slider--plum-puddin .block-content-media__slider-next, .block-content-media__slider--night-sky .block-content-media__slider-prev,
.block-content-media__slider--night-sky .block-content-media__slider-next {
  color: var(--color-white);
}
.block-content-media__slider--dandelion, .block-content-media__slider--key-limey, .block-content-media__slider--blue-bird {
  color: var(--color-night-sky);
}
.block-content-media__slider--rosy-cheeks {
  background-color: var(--color-rosy-cheeks);
}
.block-content-media__slider--tangerine {
  background-color: var(--color-tangerine-dream);
}
.block-content-media__slider--grasshopper {
  background-color: var(--color-grasshopper);
}
.block-content-media__slider--plum-puddin {
  background-color: var(--color-plum-puddin);
}
.block-content-media__slider--night-sky {
  background-color: var(--color-night-sky);
}
.block-content-media__slider--dandelion {
  background-color: var(--color-dandelion);
}
.block-content-media__slider--key-limey {
  background-color: var(--color-key-limey);
}
.block-content-media__slider--blue-bird {
  background-color: var(--color-blue-bird-days);
}
.block-content-media__slide {
  display: none;
}
.block-content-media__slide.is-active {
  display: block;
  animation: content-media-fade-in 0.3s ease;
}
.block-content-media__slide-title {
  font-family: var(--font-display);
  font-size: clamp(28px, 8vw, 40px);
  font-weight: var(--fw-bold);
  margin-bottom: var(--space-10);
}
.block-content-media__slide-subhead {
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: var(--fw-bold);
  line-height: 26px;
}
.block-content-media__slider--heading-fixed .block-content-media__slide-subhead {
  font-size: 32px;
  line-height: 40px;
}
.block-content-media__slider-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-20);
  margin-top: var(--space-25);
}
.block-content-media__slider-dots {
  display: flex;
  gap: var(--space-10);
}
.block-content-media__slider-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid var(--color-night-sky);
  background-color: var(--color-night-sky);
  cursor: pointer;
  padding: 0;
}
.block-content-media__slider-dot.is-active {
  background-color: transparent;
}
.block-content-media__slider-prev, .block-content-media__slider-next {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}
@media (min-width: 990px) {
  .block-content-media--image-left .block-content-media__inner {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 990px) {
  .block-content-media--image-left .block-content-media__text {
    order: 2;
  }
}
@media (min-width: 990px) {
  .block-content-media--image-left .block-content-media__media {
    order: 1;
  }
}
.block-content-media--layout-text-box-full-image {
  padding: 0;
  background: none !important;
}
@media (min-width: 990px) {
  .block-content-media--layout-text-box-full-image {
    margin: 50px 0;
  }
}
.block-content-media--layout-text-box-full-image .block-content-media__inner {
  gap: 0;
}
@media (min-width: 990px) {
  .block-content-media--layout-text-box-full-image .block-content-media__inner {
    grid-template-columns: 1fr 1fr;
  }
}
.block-content-media--layout-text-box-full-image .block-content-media__text {
  padding: var(--space-50) var(--space-30) var(--space-70);
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 990px) {
  .block-content-media--layout-text-box-full-image .block-content-media__text {
    padding-top: var(--space-70);
    padding-bottom: var(--space-70);
  }
}
.block-content-media--layout-text-box-full-image .block-content-media__ctas {
  justify-content: center;
}
.block-content-media--layout-text-box-full-image .block-content-media__media {
  order: -1;
}
@media (min-width: 990px) {
  .block-content-media--layout-text-box-full-image .block-content-media__media {
    order: 0;
    height: 100%;
  }
}
.block-content-media--layout-text-box-full-image .block-content-media__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.block-content-media--layout-text-box-full-image .block-content-media__image-wrap {
  height: 370px;
}
@media (min-width: 990px) {
  .block-content-media--layout-text-box-full-image .block-content-media__image-wrap {
    height: 650px;
  }
}
.block-content-media--layout-text-box-full-image.block-content-media--key-limey .block-content-media__text {
  background-color: var(--color-key-limey);
}
.block-content-media--layout-text-box-full-image.block-content-media--rosy-cheeks .block-content-media__text {
  background-color: var(--color-white);
}
.block-content-media--layout-text-box-full-image.block-content-media--plum-puddin .block-content-media__text {
  background-color: var(--color-plum-puddin);
}
@media (min-width: 990px) {
  .block-content-media--layout-text-box-full-image .block-content-media__text {
    clip-path: polygon(0 var(--slant-size), 100% 0, 100% 100%, 0 calc(100% - var(--slant-size)));
    padding-top: calc(var(--space-70) + var(--slant-size));
    padding-bottom: calc(var(--space-70) + var(--slant-size));
  }
}

@keyframes content-media-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .block-content-media__slide.is-active {
    animation: none;
  }
}
.block-image-carousel {
  margin-top: 50px;
  margin-bottom: 50px;
}
.block-image-carousel__text {
  padding: var(--space-50) var(--space-30) var(--space-70);
  text-align: center;
  margin: 0 auto;
  clip-path: polygon(0 var(--slant-size), 100% 0, 100% 100%, 0 100%);
  margin-top: calc(var(--slant-size) * -1);
}
@media (min-width: 990px) {
  .block-image-carousel__text {
    clip-path: polygon(0 var(--slant-size), 100% 0, 100% 100%, 0 calc(100% - var(--slant-size)));
    padding-top: calc(var(--space-70) + var(--slant-size));
    padding-bottom: calc(var(--space-70) + var(--slant-size));
  }
}
.block-image-carousel__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin: 0 auto;
}
.block-image-carousel__inner .block-image-carousel__media {
  order: -1;
}
.block-image-carousel__inner .block-image-carousel__text {
  width: 100%;
}
@media (min-width: 990px) {
  .block-image-carousel__inner {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
  .block-image-carousel__inner .block-image-carousel__media {
    order: 0;
  }
}
@media (min-width: 768px) {
  .block-image-carousel--image-left .block-image-carousel__inner .block-image-carousel__text {
    order: 2;
  }
  .block-image-carousel--image-left .block-image-carousel__inner .block-image-carousel__media {
    order: 1;
  }
}
.block-image-carousel__headline {
  font-family: var(--font-display);
  line-height: 1;
  text-transform: uppercase;
  color: var(--color-night-sky);
  margin-bottom: var(--space-30);
  font-weight: 400;
}
.block-image-carousel__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-20);
  margin-bottom: var(--space-25);
}
.block-image-carousel__dots {
  display: flex;
  gap: var(--space-10);
}
.block-image-carousel__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: none;
  background-color: var(--color-night-sky);
  border: 1px solid var(--color-night-sky);
  cursor: pointer;
  padding: 0;
}
.block-image-carousel__dot.is-active {
  background: transparent;
}
.block-image-carousel__prev, .block-image-carousel__next {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: var(--color-night-sky);
}
.block-image-carousel__ctas {
  display: flex;
  gap: var(--space-20);
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var(--space-40);
}
.block-image-carousel--rosy-cheeks-accent {
  background-color: var(--color-ice-cream);
}
.block-image-carousel--rosy-cheeks-accent .block-image-carousel__headline {
  color: var(--color-rosy-cheeks);
}
.block-image-carousel--rosy-cheeks-accent .block-content-media__body {
  color: var(--color-fudge-brownie);
}
.block-image-carousel--night-sky-accent {
  background-color: var(--color-ice-cream);
}
.block-image-carousel--night-sky-accent .block-image-carousel__headline {
  color: var(--color-night-sky);
}
.block-image-carousel--night-sky-accent .block-content-media__body {
  color: var(--color-fudge-brownie);
}
.block-image-carousel--tangerine-accent {
  background-color: var(--color-ice-cream);
}
.block-image-carousel--tangerine-accent .block-image-carousel__headline {
  color: var(--color-tangerine-dream);
}
.block-image-carousel--tangerine-accent .block-content-media__body {
  color: var(--color-fudge-brownie);
}
.block-image-carousel--tangerine {
  background-color: var(--color-white);
}
.block-image-carousel--tangerine .block-image-carousel__headline {
  color: var(--color-tangerine-dream);
}
.block-image-carousel--tangerine .block-content-media__body {
  color: var(--color-fudge-brownie);
}
.block-image-carousel--dandelion .block-image-carousel__headline,
.block-image-carousel--dandelion .block-image-carousel__body,
.block-image-carousel--dandelion .block-content-media__body, .block-image-carousel--key-limey .block-image-carousel__headline,
.block-image-carousel--key-limey .block-image-carousel__body,
.block-image-carousel--key-limey .block-content-media__body, .block-image-carousel--blue-bird .block-image-carousel__headline,
.block-image-carousel--blue-bird .block-image-carousel__body,
.block-image-carousel--blue-bird .block-content-media__body {
  color: var(--color-night-sky);
}
.block-image-carousel--dandelion .block-image-carousel__text {
  background-color: var(--color-dandelion);
}
.block-image-carousel--key-limey .block-image-carousel__text {
  background-color: var(--color-key-limey);
}
.block-image-carousel--blue-bird .block-image-carousel__text {
  background-color: var(--color-blue-bird-days);
}
.block-image-carousel__media {
  position: relative;
  height: 370px;
}
@media (min-width: 990px) {
  .block-image-carousel__media {
    height: 650px;
  }
}
.block-image-carousel__track {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.block-image-carousel__slide {
  display: none;
  height: 100%;
}
.block-image-carousel__slide.is-active {
  display: block;
  animation: content-media-fade-in 0.3s ease;
}
.block-image-carousel__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.block-centered-fh {
  padding: 0;
  position: relative;
}
.block-centered-fh__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
@media (min-width: 990px) {
  .block-centered-fh__inner {
    grid-template-columns: 2fr 3fr;
    align-items: center;
    clip-path: polygon(0 var(--slant-size), 100% 0, 100% 100%, 0 calc(100% - var(--slant-size)));
    padding-top: calc(var(--space-50) + var(--slant-size));
    padding-bottom: calc(var(--space-50) + var(--slant-size));
  }
}
.block-centered-fh__text {
  padding: var(--space-70) var(--space-30);
  text-align: center;
  margin: 0 auto;
  width: 100%;
  clip-path: polygon(0 0, 100% var(--slant-size), 100% 100%, 0 100%);
  margin-top: calc(var(--slant-size) * -1);
}
@media (min-width: 990px) {
  .block-centered-fh__text {
    padding: var(--space-70) var(--space-40);
    padding-top: calc(var(--space-70) + var(--slant-size));
    padding-bottom: calc(var(--space-70) + var(--slant-size));
    clip-path: polygon(0 var(--slant-size), 100% 0, 100% 100%, 0 calc(100% - var(--slant-size)));
  }
}
.block-centered-fh__media {
  order: -1;
}
@media (min-width: 990px) {
  .block-centered-fh__media {
    order: 0;
  }
}
.block-centered-fh__image-wrap, .block-centered-fh__image {
  width: 100%;
  object-fit: cover;
  display: block;
  height: 370px;
}
@media (min-width: 990px) {
  .block-centered-fh__image-wrap, .block-centered-fh__image {
    height: 550px;
  }
}
.block-centered-fh__headline {
  font-family: var(--font-display);
  font-size: 40px;
  line-height: 1;
  margin-bottom: var(--space-25);
  color: var(--color-night-sky);
}
@media (min-width: 768px) {
  .block-centered-fh__headline {
    font-size: 80px;
  }
}
.block-centered-fh__subhead {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 18px;
  margin-bottom: var(--space-20);
}
.block-centered-fh__body {
  margin-bottom: var(--space-25);
  color: var(--color-fudge-brownie);
}
.block-centered-fh__ctas {
  display: flex;
  gap: var(--space-20);
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 990px) {
  .block-centered-fh--image-left .block-centered-fh__inner .block-centered-fh__text {
    order: 2;
  }
  .block-centered-fh--image-left .block-centered-fh__inner .block-centered-fh__media {
    order: 1;
  }
}
.block-centered-fh--dandelion .block-centered-fh__text .block-centered-fh__headline,
.block-centered-fh--dandelion .block-centered-fh__text .block-centered-fh__subhead, .block-centered-fh--key-limey .block-centered-fh__text .block-centered-fh__headline,
.block-centered-fh--key-limey .block-centered-fh__text .block-centered-fh__subhead, .block-centered-fh--blue-bird .block-centered-fh__text .block-centered-fh__headline,
.block-centered-fh--blue-bird .block-centered-fh__text .block-centered-fh__subhead {
  color: var(--color-night-sky);
}
.block-centered-fh--dandelion .block-centered-fh__text .block-centered-fh__body, .block-centered-fh--key-limey .block-centered-fh__text .block-centered-fh__body, .block-centered-fh--blue-bird .block-centered-fh__text .block-centered-fh__body {
  color: var(--color-fudge-brwonie);
}
.block-centered-fh--dandelion .block-centered-fh__text {
  background-color: var(--color-dandelion);
}
.block-centered-fh--key-limey .block-centered-fh__text {
  background-color: var(--color-key-limey);
}
.block-centered-fh--blue-bird .block-centered-fh__text {
  background-color: var(--color-blue-bird-days);
}
.block-centered-fh__slider {
  position: relative;
  text-align: center;
  margin-top: -30px;
  clip-path: polygon(0 0, 100% var(--slant-size), 100% 100%, 0 100%);
  margin-top: calc(var(--slant-size) * -1);
  padding-top: calc(var(--space-70) + var(--slant-size));
}
@media (min-width: 990px) {
  .block-centered-fh__slider {
    clip-path: polygon(0 var(--slant-size), 100% 0, 100% 100%, 0 calc(100% - var(--slant-size)));
  }
}
.block-centered-fh--slider-mode .block-centered-fh__text {
  background-color: white;
  padding: 0;
}
.block-centered-fh__slider-static-heading {
  font-family: var(--font-display);
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1;
  margin-bottom: var(--space-25);
  color: var(--color-night-sky);
}
.block-centered-fh__slider-track {
  position: relative;
}
.block-centered-fh__slide {
  display: none;
}
.block-centered-fh__slide.is-active {
  display: block;
  animation: content-media-fade-in 0.3s ease;
}
.block-centered-fh__slide-title {
  font-family: var(--font-display);
  font-size: 40px;
  margin-bottom: var(--space-10);
  color: var(--color-night-sky);
}
@media (min-width: 768px) {
  .block-centered-fh__slide-title {
    font-size: 80px;
  }
}
.block-centered-fh__slide-subhead {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 18px;
  line-height: 26px;
  margin-bottom: var(--space-15);
  color: var(--color-night-sky);
}
.block-centered-fh__slide-description {
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
  margin-bottom: var(--space-25);
}
.block-centered-fh__slide-description p:last-child {
  margin-bottom: 0;
}
.block-centered-fh__slider-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-20);
  margin-top: var(--space-20);
  margin-bottom: var(--space-25);
}
.block-centered-fh__slider-dots {
  display: flex;
  gap: var(--space-10);
}
.block-centered-fh__slider-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid var(--color-night-sky);
  background-color: var(--color-night-sky);
  cursor: pointer;
  padding: 0;
}
.block-centered-fh__slider-dot.is-active {
  background: transparent;
}
.block-centered-fh__slider-prev, .block-centered-fh__slider-next {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: var(--color-night-sky);
  padding: 0;
  line-height: 1;
}
.block-centered-fh__slider--dandelion {
  background-color: var(--color-dandelion);
  padding: var(--space-80) var(--space-30);
}
.block-centered-fh__slider--key-limey {
  background-color: var(--color-key-limey);
  padding: var(--space-80) var(--space-30);
}
.block-centered-fh__slider--blue-bird {
  background-color: var(--color-blue-bird-days);
  padding: var(--space-80) var(--space-30);
}

.block-explore-programs {
  padding: var(--space-70) var(--space-20);
  text-align: center;
}
@media (min-width: 990px) {
  .block-explore-programs {
    padding: var(--space-100) var(--space-30);
  }
}
.block-explore-programs__headline {
  font-family: var(--font-display);
  font-size: 40px;
  font-weight: 400;
  color: var(--color-rosy-cheeks);
  margin-bottom: var(--space-40);
}
@media (min-width: 768px) {
  .block-explore-programs__headline {
    font-size: 80px;
  }
}
.block-explore-programs__cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-15);
  margin: 0 auto var(--space-40);
  max-width: var(--max-width-wide);
}
@media (min-width: 990px) {
  .block-explore-programs__cards {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-20);
  }
}
.block-explore-programs__card {
  position: relative;
}
@media (min-width: 990px) {
  .block-explore-programs__card {
    perspective: 1200px;
    min-height: 350px;
  }
}
.block-explore-programs__card-inner {
  position: relative;
  width: 100%;
}
@media (min-width: 990px) {
  .block-explore-programs__card-inner {
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.5s ease;
  }
}
@media (min-width: 990px) {
  .block-explore-programs__card:hover .block-explore-programs__card-inner, .block-explore-programs__card:focus-within .block-explore-programs__card-inner {
    transform: rotateY(180deg);
  }
}
.block-explore-programs__card-front, .block-explore-programs__card-back {
  display: none;
}
@media (min-width: 990px) {
  .block-explore-programs__card-front, .block-explore-programs__card-back {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset: 0;
    backface-visibility: hidden;
    padding: var(--space-70) 45px;
  }
}
@media (min-width: 990px) {
  .block-explore-programs__card-back {
    transform: rotateY(180deg);
  }
  .block-explore-programs__card-back__card-heading {
    line-height: 1.1;
  }
  .block-explore-programs__card-back__card-body {
    color: var(--color-fudge-brownie);
  }
}
.block-explore-programs__card-heading {
  font-size: 28px;
  line-height: 1.1;
}
.block-explore-programs__card-link {
  font-family: Mudstone;
  font-size: 20px;
  font-style: normal;
  font-weight: 100;
  line-height: normal;
  letter-spacing: 0.2px;
  text-decoration: none;
  color: var(--color-night-sky);
}
.block-explore-programs__card-link:hover {
  text-decoration: underline;
  color: var(--color-night-sky);
}
.block-explore-programs__card-link:visited {
  color: var(--color-night-sky);
}
.block-explore-programs__card--blue-bird .block-explore-programs__card-front, .block-explore-programs__card--blue-bird .block-explore-programs__card-back {
  background-color: var(--color-blue-bird-days);
}
.block-explore-programs__card--key-limey .block-explore-programs__card-front, .block-explore-programs__card--key-limey .block-explore-programs__card-back {
  background-color: var(--color-key-limey);
}
.block-explore-programs__card--dandelion .block-explore-programs__card-front, .block-explore-programs__card--dandelion .block-explore-programs__card-back {
  background-color: var(--color-dandelion);
}
.block-explore-programs__card-mobile {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--space-40) var(--space-30);
}
@media (min-width: 990px) {
  .block-explore-programs__card-mobile {
    display: none;
  }
}
.block-explore-programs__card--1 .block-explore-programs__card-mobile, .block-explore-programs__card--3 .block-explore-programs__card-mobile {
  clip-path: polygon(0 var(--slant-size), 100% 0, 100% 100%, 0 calc(100% - var(--slant-size)));
  padding-top: calc(var(--space-40) + var(--slant-size));
  padding-bottom: calc(var(--space-40) + var(--slant-size));
}
.block-explore-programs__card--2 .block-explore-programs__card-mobile {
  clip-path: polygon(0 0, 100% var(--slant-size), 100% calc(100% - var(--slant-size)), 0 100%);
  padding-top: calc(var(--space-40) + var(--slant-size));
  padding-bottom: calc(var(--space-40) + var(--slant-size));
}
.block-explore-programs__card--blue-bird .block-explore-programs__card-mobile {
  background-color: var(--color-blue-bird-days);
}
.block-explore-programs__card--key-limey .block-explore-programs__card-mobile {
  background-color: var(--color-key-limey);
}
.block-explore-programs__card--dandelion .block-explore-programs__card-mobile {
  background-color: var(--color-dandelion);
}
@media (min-width: 990px) {
  .block-explore-programs__card--1 .block-explore-programs__card-front, .block-explore-programs__card--1 .block-explore-programs__card-back, .block-explore-programs__card--2 .block-explore-programs__card-front, .block-explore-programs__card--2 .block-explore-programs__card-back {
    clip-path: polygon(0 var(--slant-size), 100% 0, 100% 100%, 0 calc(100% - var(--slant-size)));
  }
}
@media (min-width: 990px) {
  .block-explore-programs__card--3 .block-explore-programs__card-front, .block-explore-programs__card--3 .block-explore-programs__card-back {
    clip-path: polygon(0 0, 100% var(--slant-size), 100% calc(100% - var(--slant-size)), 0 100%);
  }
}
.block-explore-programs__icon {
  max-height: 145px;
  margin-bottom: var(--space-30);
}
.block-explore-programs__shared-cta {
  display: inline-block;
}

@media (prefers-reduced-motion: reduce) {
  .block-explore-programs__card-inner {
    transition: none;
  }
}
.block-making-it-count-outer {
  background-color: #fff;
  clip-path: polygon(0 0, 100% var(--slant-size), 100% 100%, 0 100%);
  margin-top: calc(var(--slant-size) * -1);
  padding-top: 0;
}

.block-making-it-count {
  position: relative;
  padding: var(--space-50) 0;
  background: var(--color-ice-cream);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-40);
  overflow: hidden;
  padding-bottom: calc(var(--space-30) + var(--slant-size));
  padding-top: 70px;
}
@media (min-width: 990px) {
  .block-making-it-count {
    grid-template-columns: 6fr 4fr;
    align-items: center;
    margin: -15px auto 0;
    padding: 0;
  }
}
.block-making-it-count svg.count-svg {
  position: absolute;
  top: 40px;
  right: -10px;
  width: 140px;
  height: 140px;
  display: none;
}
@media (min-width: 990px) {
  .block-making-it-count svg.count-svg {
    display: block;
  }
}
@media (min-width: 1200px) {
  .block-making-it-count svg.count-svg {
    width: 185px;
    height: 185px;
  }
}
.block-making-it-count__photos {
  position: relative;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: var(--space-15);
  justify-items: center;
  align-items: center;
  overflow: hidden;
  left: 50%;
  transform: translateX(-50%);
  width: 150%;
}
@media (min-width: 768px) {
  .block-making-it-count__photos {
    width: 125%;
  }
}
@media (min-width: 990px) {
  .block-making-it-count__photos {
    display: block;
    height: 555px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-40);
    justify-items: center;
    width: 100%;
  }
}
.block-making-it-count__photo {
  position: relative;
  width: 150px;
  height: 150px;
  perspective: 1200px;
}
@media (min-width: 768px) {
  .block-making-it-count__photo {
    width: 200px;
    height: 200px;
  }
}
@media (min-width: 990px) {
  .block-making-it-count__photo {
    width: 100%;
    max-width: 258px;
    height: auto;
    aspect-ratio: 1/1;
  }
}
.block-making-it-count__photo--1 {
  grid-column: 1/3;
  grid-row: 1;
}
.block-making-it-count__photo--2 {
  grid-column: 3/5;
  grid-row: 1;
}
.block-making-it-count__photo--3 {
  grid-column: 5/7;
  grid-row: 1;
}
.block-making-it-count__photo--4 {
  grid-column: 7/9;
  grid-row: 1;
}
.block-making-it-count__photo--5 {
  grid-column: 2/4;
  grid-row: 2;
}
.block-making-it-count__photo--6 {
  grid-column: 4/6;
  grid-row: 2;
}
.block-making-it-count__photo--7 {
  grid-column: 6/8;
  grid-row: 2;
}
@media (min-width: 990px) {
  .block-making-it-count__photo--1 {
    grid-column: 1;
    grid-row: 1;
  }
  .block-making-it-count__photo--2 {
    grid-column: 1;
    grid-row: 2;
  }
  .block-making-it-count__photo--1, .block-making-it-count__photo--2 {
    transform: translateY(3%);
  }
  .block-making-it-count__photo--3, .block-making-it-count__photo--4, .block-making-it-count__photo--5 {
    grid-column: 2;
    transform: translateY(-42%);
  }
  .block-making-it-count__photo--3 {
    grid-row: 1;
  }
  .block-making-it-count__photo--4 {
    grid-row: 2;
  }
  .block-making-it-count__photo--5 {
    grid-row: 3;
  }
  .block-making-it-count__photo--6 {
    grid-column: 3;
    grid-row: 1;
  }
  .block-making-it-count__photo--7 {
    grid-column: 3;
    grid-row: 2;
  }
  .block-making-it-count__photo--6, .block-making-it-count__photo--7 {
    transform: translateY(7%);
  }
}
.block-making-it-count__photo-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.6s ease;
}
.block-making-it-count__photo.is-flipped .block-making-it-count__photo-inner {
  transform: rotateY(180deg);
}
.block-making-it-count__photo-face {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  overflow: hidden;
  backface-visibility: hidden;
}
.block-making-it-count__photo-face--front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.block-making-it-count__photo-face--back {
  transform: rotateY(180deg);
  background-color: transparent;
}
.block-making-it-count__photo.flip-pink-pong .block-making-it-count__photo-face--back {
  background-color: var(--color-pink-pong);
}
.block-making-it-count__photo.flip-tangerine .block-making-it-count__photo-face--back {
  background-color: var(--color-tangerine-dream);
}
.block-making-it-count__photo.flip-dandelion .block-making-it-count__photo-face--back {
  background-color: var(--color-dandelion);
}
.block-making-it-count__photo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: relative;
  z-index: 1;
  transition: opacity 0.3s ease;
}
.block-making-it-count__photo-color {
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.block-making-it-count__photo.is-flipped .block-making-it-count__photo-color {
  opacity: 1;
}
.block-making-it-count__photo.flip-pink-pong .block-making-it-count__photo-color {
  background: var(--color-pink-pong);
}
.block-making-it-count__photo.flip-tangerine .block-making-it-count__photo-color {
  background: var(--color-tangerine-dream);
}
.block-making-it-count__photo.flip-dandelion .block-making-it-count__photo-color {
  background: var(--color-dandelion);
}
.block-making-it-count__pause {
  position: absolute;
  bottom: var(--space-30);
  right: var(--space-15);
  z-index: 3;
  background: var(--color-grasshopper);
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-making-it-count__pause::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Crect x='5' y='4' width='5' height='16'/%3E%3Crect x='14' y='4' width='5' height='16'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: var(--color-white);
}
.block-making-it-count__pause[aria-pressed=true]::before {
  content: "▶";
  background-image: none;
  color: var(--color-white);
}
.block-making-it-count__pause:hover {
  background: var(--color-night-sky);
}
.block-making-it-count__pause-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.block-making-it-count__text {
  padding: var(--space-20) var(--space-30) var(--space-50);
  text-align: center;
}
@media (min-width: 990px) {
  .block-making-it-count__text {
    padding: var(--space-70) var(--space-30) var(--space-70) 0;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .block-making-it-count__text {
    padding-left: var(--space-40);
    padding-right: var(--space-80);
  }
}
.block-making-it-count__headline {
  color: var(--color-rosy-cheeks);
  margin-bottom: var(--space-20);
}
@media (min-width: 990px) {
  .block-making-it-count__headline {
    max-width: 245px;
  }
}
.block-making-it-count__body {
  color: var(--color-fudge-brownie);
  margin-bottom: var(--space-25);
}

@media (prefers-reduced-motion: reduce) {
  .block-making-it-count__photo-color {
    transition: none;
  }
}
/* NEWSLETTER BLOCK */
.block-newsletter-signup {
  padding: 0 0 var(--space-70);
  text-align: center;
  position: relative;
  overflow: visible;
  margin-top: -50px;
}
@media (min-width: 990px) {
  .block-newsletter-signup {
    margin-top: 0;
    padding: 0 0 var(--space-100);
  }
}
.block-newsletter-signup__inner {
  padding: 0 30px;
}
.block-newsletter-signup__inner:not([class*=slant-]) {
  margin-top: 50px;
}
.block-newsletter-signup__headline {
  font-family: var(--font-display);
  font-size: 40px;
  color: var(--color-rosy-cheeks);
  font-weight: 400;
  line-height: 1;
  margin: 0 auto var(--space-25);
  max-width: 900px;
}
@media (min-width: 768px) {
  .block-newsletter-signup__headline {
    font-size: 80px;
  }
}
.block-newsletter-signup__form {
  max-width: 600px;
  margin: 0 auto;
}
.block-newsletter-signup__form p.desktopOnly {
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
  margin-bottom: var(--space-30);
}
.block-newsletter-signup.volunteer-signup {
  overflow: visible;
  margin-top: 0;
  padding: 0;
}
.block-newsletter-signup.volunteer-signup .block-newsletter-signup__inner {
  background-color: var(--color-blue-bird-days);
  padding: 70px 20px 0;
}
@media (min-width: 768px) {
  .block-newsletter-signup.volunteer-signup .block-newsletter-signup__inner {
    padding: 100px 0 30px;
  }
}
.block-newsletter-signup.volunteer-signup .block-newsletter-signup__inner:not([class*=slant-]) {
  margin-top: 0;
  padding: 0;
}
.block-newsletter-signup.volunteer-signup .block-newsletter-signup__inner .block-newsletter-signup__headline {
  color: var(--color-night-sky);
}
.block-newsletter-signup.volunteer-signup .emailSignup .section.inline.group {
  gap: 0;
}
.block-newsletter-signup.volunteer-signup .wFormContainer .wForm form {
  padding: 0;
}
.block-newsletter-signup.volunteer-signup .wFormContainer .actions .primaryAction {
  background-color: var(--color-night-sky);
  white-space: normal;
}
.block-newsletter-signup.volunteer-signup .wFormContainer .wForm {
  background-color: var(--color-blue-bird-days);
  margin: 0;
}
.block-newsletter-signup.volunteer-signup .wFormContainer .wForm .inputWrapper input[type=text] {
  border-radius: 10px !important;
  height: 40px !important;
}
.block-newsletter-signup.volunteer-signup .emailSignup .wForm .primaryAction:hover {
  background-color: var(--color-fudge-brownie);
}
.block-newsletter-signup.volunteer-signup .wFormContainer .errMsg {
  color: #fff !important;
}

.block-newsletter-signup .emailSignup .wFormContainer,
.block-newsletter-signup .emailSignup .wForm {
  width: 100%;
  box-shadow: none;
  padding: 0;
  margin: 50px 0 0;
}
.block-newsletter-signup .emailSignup #tfa_4, .block-newsletter-signup .emailSignup #tfa_6, .block-newsletter-signup .emailSignup #tfa_1873 {
  width: 100% !important;
}
.block-newsletter-signup .emailSignup .section.inline.group {
  display: flex;
  gap: var(--space-20);
  flex-wrap: wrap;
}
.block-newsletter-signup .emailSignup .section.inline.group .oneField {
  flex: 1 1 200px;
}
.block-newsletter-signup .emailSignup .oneField {
  margin: 0 0 var(--space-20);
}
.block-newsletter-signup .emailSignup .label {
  display: block;
  text-align: left;
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 20px;
  color: var(--color-night-sky);
  margin-bottom: var(--space-10);
}
.block-newsletter-signup .emailSignup .inputWrapper input {
  display: block;
  width: 100%;
  padding: var(--space-15) var(--space-20);
  background: var(--color-ice-cream);
  border: 1px solid var(--color-grasshopper);
  border-radius: 10px;
  font-family: var(--font-body);
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
  height: 40px;
}
.block-newsletter-signup .emailSignup .htmlSection p {
  font-size: 14px;
  color: var(--color-fudge-brownie);
  margin: var(--space-15) 0;
}
.block-newsletter-signup .emailSignup .actions {
  text-align: center;
}
.block-newsletter-signup .emailSignup .primaryAction {
  display: inline-block;
  padding: var(--space-15) var(--space-30);
  background: var(--color-grasshopper);
  color: var(--color-white);
  border: none;
  border-radius: var(--radius-button);
  font-family: var(--font-display);
  text-transform: uppercase;
  cursor: pointer;
  white-space: normal;
}
.block-newsletter-signup .emailSignup .wForm .inputWrapper {
  width: 100%;
}
.block-newsletter-signup .emailSignup .label.preField {
  color: var(--Night-Sky, #242F64);
  padding-bottom: 0;
  line-height: 12px;
}
.block-newsletter-signup .emailSignup .wForm .primaryAction {
  clip-path: polygon(0% 3px, 100% 0%, 100% 100%, 0% calc(100% - 2px));
  padding: 10px 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-size: var(--fs-nav);
  font-weight: var(--fw-light) !important;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: var(--ls-button);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  border-radius: 0;
  padding: 10px 32px;
  min-height: 42px;
  position: relative;
  transition: color 0.2s ease-in-out;
  z-index: 0;
}
.block-newsletter-signup .emailSignup .wForm .primaryAction:hover {
  background-color: var(--color-night-sky);
}

@media (prefers-reduced-motion: reduce) {
  .block-newsletter-signup__banner {
    animation: none;
  }
}
/* IMAGE BANNER _ ICONS QUOTES */
.block-full-bleed-image {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: var(--negative-slant-size);
}
.block-full-bleed-image.with-quote .block-full-bleed-image__img-wrap {
  margin-top: var(--negative-slant-size);
}
@media (min-width: 990px) {
  .block-full-bleed-image {
    display: block;
    height: 650px;
  }
}
.block-full-bleed-image__img-wrap {
  position: relative;
  width: 100%;
  height: 310px;
}
@media (min-width: 990px) {
  .block-full-bleed-image__img-wrap {
    height: 100%;
  }
}
.block-full-bleed-image__img-slant {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding-top: 0;
  margin: 0 !important;
}
.block-full-bleed-image__img {
  position: absolute;
  top: calc(var(--slant-size) * -1);
  left: 0;
  width: 100%;
  height: calc(100% + var(--slant-size));
  object-fit: cover;
  display: block;
}
.block-full-bleed-image__icons {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
}
.block-full-bleed-image__icon {
  position: absolute;
  display: block;
}
.block-full-bleed-image__icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.block-full-bleed-image__icon--sneaker {
  top: -18%;
  left: 20px;
  width: 100px;
  height: 100px;
}
@media (min-width: 990px) {
  .block-full-bleed-image__icon--sneaker {
    width: 154px;
    height: 154px;
    left: 30px;
    top: -90px;
  }
}
.block-full-bleed-image__icon--dance {
  top: 2%;
  left: 75px;
  width: 60px;
  height: 60px;
}
@media (min-width: 990px) {
  .block-full-bleed-image__icon--dance {
    width: 80px;
    height: 80px;
    left: 122px;
    top: 20px;
  }
}
.block-full-bleed-image__icon--anchor {
  bottom: -12%;
  right: 20px;
  width: 100px;
  height: 100px;
}
@media (min-width: 990px) {
  .block-full-bleed-image__icon--anchor {
    width: 154px;
    height: 154px;
    bottom: -75px;
    right: 30px;
  }
}
.block-full-bleed-image__quote-wrap {
  position: relative;
  width: 100%;
  z-index: 2;
}
@media (min-width: 990px) {
  .block-full-bleed-image__quote-wrap {
    position: absolute;
    max-width: 580px;
    top: -125px;
    right: 30px;
  }
}
.block-full-bleed-image__quote {
  background-color: var(--color-dandelion);
  padding: var(--space-25) var(--space-30);
  text-align: center;
  clip-path: polygon(0 var(--slant-size), 100% 0, 100% 100%, 0 100%);
  padding: 80px 30px 85px;
}
@media (min-width: 990px) {
  .block-full-bleed-image__quote {
    padding: 50px 30px calc(var(--space-20) + var(--slant-size));
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.block-full-bleed-image__quote-mark {
  position: absolute;
  z-index: 2;
  width: 32px;
  height: auto;
}
.block-full-bleed-image__quote-mark--open {
  top: 0;
  left: 20px;
}
.block-full-bleed-image__quote-mark--close {
  bottom: -10px;
  right: 20px;
  transform: rotate(180deg);
}
.block-full-bleed-image__quote-text {
  font-family: var(--font-body);
  font-style: italic;
  font-weight: 600;
  font-size: 20px;
  color: var(--color-fudge-brownie-dark, var(--color-fudge-brownie));
  margin-bottom: var(--space-20);
  line-height: 24px;
}
.block-full-bleed-image__quote-attribution {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 18px;
  color: var(--color-night-sky);
}

/* IMAGE BANNER PLAIN */
.block-full-bleed-banner {
  width: 100%;
  position: relative;
}
.block-full-bleed-banner--page-banner {
  height: 300px;
}
@media (min-width: 768px) {
  .block-full-bleed-banner--page-banner {
    height: 450px;
  }
}
.block-full-bleed-banner--short-page-banner {
  height: 200px;
}
@media (min-width: 768px) {
  .block-full-bleed-banner--short-page-banner {
    height: 400px;
  }
}
.block-full-bleed-banner__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.block-full-bleed-banner svg.icon {
  display: none;
}
.block-full-bleed-banner--icons svg.icon {
  display: block;
  position: absolute;
  z-index: 1;
}
.block-full-bleed-banner--icons svg.icon.shoe {
  top: -18%;
  left: 20px;
  width: 100px;
  height: 100px;
}
@media (min-width: 990px) {
  .block-full-bleed-banner--icons svg.icon.shoe {
    width: 154px;
    height: 154px;
    left: 30px;
    top: -90px;
  }
}
.block-full-bleed-banner--icons svg.icon.dance {
  top: 2%;
  left: 75px;
  width: 60px;
  height: 60px;
}
@media (min-width: 768px) {
  .block-full-bleed-banner--icons svg.icon.dance {
    width: 80px;
    height: 80px;
    left: 122px;
    top: 20px;
  }
}
.block-full-bleed-banner--icons svg.icon.anchor {
  bottom: -12%;
  right: 20px;
  width: 100px;
  height: 100px;
}
@media (min-width: 990px) {
  .block-full-bleed-banner--icons svg.icon.anchor {
    width: 154px;
    height: 154px;
    bottom: -75px;
    right: 30px;
  }
}

/* BLOCK COPY IMAGE */
.block-copy-image {
  position: relative;
}
.block-copy-image__bg {
  position: absolute;
  inset: 0;
  background: var(--color-ice-cream);
  z-index: 0;
}
.block-copy-image__inner {
  position: relative;
  z-index: 1;
  padding: var(--space-80) 0 100px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .block-copy-image__inner {
    padding: var(--space-80) var(--space-100);
  }
}
.block-copy-image--reduce-top .block-copy-image__inner {
  padding-top: 10px;
}
.block-copy-image--reduce-bottom .block-copy-image__inner {
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .block-copy-image--extra-bottom .block-copy-image__inner {
    padding-bottom: 150px;
  }
}
.block-copy-image--small-copy .block-copy-image__body h2 {
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .block-copy-image--small-copy .block-copy-image__body h2 {
    font-size: 40px;
    line-height: 40px;
  }
}
.block-copy-image--small-copy .block-copy-image__body h3 {
  font-family: var(--font-body);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}
@media (min-width: 768px) {
  .block-copy-image--small-copy .block-copy-image__body h3 {
    font-size: 24px;
    line-height: 32px;
  }
}
.block-copy-image__text {
  padding: 0 var(--space-30);
}
@media (min-width: 768px) {
  .block-copy-image__text {
    padding: 0;
    max-width: 75%;
  }
}
.block-copy-image__text strong {
  color: var(--color-night-sky);
}
.block-copy-image--align-center .block-copy-image__text {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}
.block-copy-image--align-left .block-copy-image__text {
  text-align: left;
}
.block-copy-image__headline {
  font-family: var(--font-display);
  font-size: 25px;
  line-height: 1;
  color: var(--color-rosy-cheeks);
  margin-bottom: var(--space-20);
}
@media (min-width: 768px) {
  .block-copy-image__headline {
    font-size: 40px;
  }
}
.block-copy-image__subhead {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 20px;
  color: var(--color-night-sky);
  margin-bottom: var(--space-15);
  line-height: 28px;
}
.block-copy-image__body {
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
}
.block-copy-image__body ul, .block-copy-image__body ol {
  margin: var(--space-15) 0;
  padding-left: var(--space-25);
}
.block-copy-image__body li {
  margin-bottom: var(--space-10);
}
.block-copy-image__body a {
  color: var(--color-grasshopper);
}
.block-copy-image__body a:visited {
  color: var(--color-grasshopper);
}
.block-copy-image__body a:hover {
  color: var(--color-night-sky);
}
.block-copy-image__ctas {
  display: flex;
  gap: var(--space-20);
  flex-wrap: wrap;
  margin-top: 50px;
}
.block-copy-image--align-center .block-copy-image__ctas {
  justify-content: center;
}
.block-copy-image__images {
  margin: 50px 0 var(--space-30) 0;
  display: grid;
  gap: var(--space-20);
}
.block-copy-image__images--single {
  grid-template-columns: 1fr;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .block-copy-image__images--single {
    margin-bottom: 30px;
  }
}
.block-copy-image__images--double {
  grid-template-columns: 1fr;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .block-copy-image__images--double {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 30px;
  }
}
.block-copy-image__img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  display: block;
}
@media (min-width: 768px) {
  .block-copy-image__img {
    height: 450px;
  }
}
.block-copy-image__img.block-copy-image__img--auto-height {
  height: auto;
  object-fit: initial;
}
.block-copy-image--rosy-cheeks-accent .block-copy-image__headline {
  color: var(--color-rosy-cheeks);
}
.block-copy-image--tangerine-accent .block-copy-image__headline {
  color: var(--color-tangerine-dream);
}
.block-copy-image--night-sky-accent .block-copy-image__headline {
  color: var(--color-night-sky);
}
.block-copy-image--dandelion .block-copy-image__headline,
.block-copy-image--dandelion .block-copy-image__subhead,
.block-copy-image--dandelion .block-copy-image__body, .block-copy-image--key-limey .block-copy-image__headline,
.block-copy-image--key-limey .block-copy-image__subhead,
.block-copy-image--key-limey .block-copy-image__body, .block-copy-image--blue-bird .block-copy-image__headline,
.block-copy-image--blue-bird .block-copy-image__subhead,
.block-copy-image--blue-bird .block-copy-image__body {
  color: var(--color-night-sky);
}
.block-copy-image--rosy-cheeks-accent .block-copy-image__body h2 {
  color: var(--color-rosy-cheeks);
}
.block-copy-image--tangerine-accent .block-copy-image__body h2 {
  color: var(--color-tangerine-dream);
}
.block-copy-image--night-sky-accent .block-copy-image__body h2 {
  color: var(--color-night-sky);
}
.block-copy-image--dandelion .block-copy-image__body h2, .block-copy-image--key-limey .block-copy-image__body h2, .block-copy-image--blue-bird .block-copy-image__body h2 {
  color: var(--color-night-sky);
}
.block-copy-image--dandelion .block-copy-image__bg {
  background-color: var(--color-dandelion);
}
.block-copy-image--key-limey .block-copy-image__bg {
  background-color: var(--color-key-limey);
}
.block-copy-image--blue-bird .block-copy-image__bg {
  background-color: var(--color-blue-bird-days);
}

/* BLOCK HEADER */
.block-header-copy {
  text-align: center;
  position: relative;
}
.block-header-copy__inner {
  position: relative;
  z-index: 1;
  padding: var(--space-60) var(--space-25);
}
@media (min-width: 768px) {
  .block-header-copy__inner {
    padding: var(--space-100) var(--space-30);
  }
}
@media (min-width: 990px) {
  .block-header-copy__inner {
    min-height: 380px;
  }
}
.block-header-copy--extra-top .block-header-copy__inner {
  padding-top: var(--space-100);
}
.block-header-copy--extra-bottom .block-header-copy__inner {
  padding-bottom: var(--space-100);
}
@media (min-width: 768px) {
  .block-header-copy--extra-bottom .block-header-copy__inner {
    padding-bottom: 125px;
  }
}
.block-header-copy__headline {
  font-family: var(--font-display);
  font-size: 40px;
  line-height: 1;
  margin-bottom: var(--space-20);
  margin-left: auto;
  margin-right: auto;
  max-width: 750px;
}
@media (min-width: 768px) {
  .block-header-copy__headline {
    font-size: 80px;
  }
}
.block-header-copy__body {
  font-size: var(--fs-body);
  margin-left: auto;
  margin-right: auto;
  max-width: 680px;
}
.block-header-copy__body.has-button {
  margin-bottom: var(--space-25);
}
.block-header-copy__body strong {
  color: var(--color-night-sky);
}
.block-header-copy__body a {
  color: var(--color-grasshopper);
}
.block-header-copy__cta {
  display: flex;
  justify-content: center;
}
.block-header-copy--white-red .block-header-copy__headline {
  color: var(--color-rosy-cheeks);
}
.block-header-copy--ice-cream-red .block-header-copy__headline {
  color: var(--color-rosy-cheeks);
}
.block-header-copy--white-green .block-header-copy__headline {
  color: var(--color-grasshopper);
}
.block-header-copy--white-blue .block-header-copy__headline {
  color: var(--color-night-sky);
}
.block-header-copy--white-red .block-header-copy__inner, .block-header-copy--white-green .block-header-copy__inner, .block-header-copy--white-blue .block-header-copy__inner {
  background-color: var(--color-white);
}
.block-header-copy--white-red .block-header-copy__body, .block-header-copy--white-green .block-header-copy__body, .block-header-copy--white-blue .block-header-copy__body {
  color: var(--color-fudge-brownie);
}
.block-header-copy--ice-cream-red .block-header-copy__inner {
  background-color: var(--color-ice-cream);
}
.block-header-copy--ice-cream-red .block-header-copy__body {
  color: var(--color-fudge-brownie);
}
.block-header-copy--night-sky .block-header-copy__inner {
  background-color: var(--color-night-sky);
}
.block-header-copy--night-sky .block-header-copy__headline,
.block-header-copy--night-sky .block-header-copy__body,
.block-header-copy--night-sky .block-header-copy__body strong {
  color: var(--color-white);
}
.block-header-copy--night-sky .btn--dandelion:hover, .block-header-copy--night-sky .btn--dandelion:hover::before {
  background-color: var(--color-white);
}
.block-header-copy--blue-bird .block-header-copy__inner {
  background-color: var(--color-blue-bird-days);
}
.block-header-copy--blue-bird .block-header-copy__headline {
  color: var(--color-night-sky);
}
.block-header-copy--blue-bird .block-header-copy__body {
  color: var(--color-fudge-brownie);
}

/* Experience Camp */
.block-experience-camp {
  position: relative;
}
.block-experience-camp__inner {
  padding: var(--space-70) var(--space-30) var(--space-70) 35px;
  background-color: var(--color-ice-cream);
  text-align: center;
}
.block-experience-camp .icon-a {
  position: absolute;
  bottom: -30px;
  left: 20px;
  z-index: 1;
  width: 100px;
  height: 100px;
}
@media (min-width: 990px) {
  .block-experience-camp .icon-a {
    left: 30px;
    bottom: -75px;
    width: 154px;
    height: 154px;
  }
}
.block-experience-camp .icon-b {
  position: absolute;
  z-index: 2;
  left: 80px;
  bottom: -55px;
  width: 60px;
  height: 60px;
}
@media (min-width: 990px) {
  .block-experience-camp .icon-b {
    bottom: -100px;
    left: 130px;
    width: 80px;
    height: 80px;
  }
}
.block-experience-camp__headline {
  font-family: var(--font-display);
  font-size: 40px;
  color: var(--color-tangerine-dream);
  line-height: 1;
  margin-bottom: var(--space-50);
}
@media (min-width: 768px) {
  .block-experience-camp__headline {
    font-size: 80px;
  }
}
.block-experience-camp__items {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-40);
  max-width: var(--max-width-wide);
  margin: 0 auto;
}
@media (min-width: 768px) {
  .block-experience-camp__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
.block-experience-camp__item {
  position: relative;
  display: block;
  text-decoration: none;
  padding-bottom: var(--space-20);
}
.block-experience-camp__img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 265px;
  object-fit: cover;
  display: block;
  margin: 0 0 20px;
}
.block-experience-camp__caption {
  position: relative;
  z-index: 2;
  display: block;
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 32px;
  line-height: 40px;
  color: var(--color-grasshopper);
}
.block-experience-camp__item:hover .block-experience-camp__caption, .block-experience-camp__item:focus .block-experience-camp__caption {
  text-decoration: underline;
}

/* GET INVOLVED */
.block-get-involved {
  padding: var(--space-80) var(--space-25) 90px;
  background-color: var(--color-white);
  text-align: center;
}
@media (min-width: 990px) {
  .block-get-involved {
    padding: var(--space-100) var(--space-25) 110px;
  }
}
.block-get-involved__headline {
  font-family: var(--font-display);
  font-size: 40px;
  color: var(--color-rosy-cheeks);
  line-height: 1;
  margin-bottom: var(--space-100);
}
@media (min-width: 768px) {
  .block-get-involved__headline {
    font-size: 80px;
  }
}
.block-get-involved__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-25);
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .block-get-involved__items {
    grid-template-columns: repeat(4, 1fr);
  }
}
.block-get-involved__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.block-get-involved__item:nth-child(odd) {
  margin-top: -50px;
}
@media (min-width: 990px) {
  .block-get-involved__item:nth-child(even) {
    margin-top: -50px;
  }
  .block-get-involved__item:nth-child(odd) {
    margin-top: 0;
  }
}
.block-get-involved__img-wrap {
  width: 150px;
  height: 150px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: var(--space-20);
}
@media (min-width: 400px) {
  .block-get-involved__img-wrap {
    width: 165px;
    height: 165px;
  }
}
@media (min-width: 768px) {
  .block-get-involved__img-wrap {
    width: 330px;
    height: 330px;
  }
}
@media (min-width: 1200px) {
  .block-get-involved__img-wrap {
    width: 250px;
    height: 250px;
  }
}
@media (min-width: 1400px) {
  .block-get-involved__img-wrap {
    width: 330px;
    height: 330px;
  }
}
.block-get-involved__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.block-get-involved__subhead {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 18px;
  line-height: 22px;
  color: var(--color-night-sky);
  margin-bottom: var(--space-20);
  text-transform: capitalize;
}
@media (min-width: 768px) {
  .block-get-involved__subhead {
    font-size: 24px;
    line-height: 30px;
  }
}
.block-get-involved__cta {
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: 0.2px;
}

/* LINKDED CARDS - BENEFIT EVENTS */
.block-benefit-events {
  padding: var(--space-70) var(--space-25);
  background-color: var(--color-ice-cream);
  text-align: center;
}
.block-benefit-events__headline {
  font-family: var(--font-display);
  font-size: 40px;
  color: var(--color-night-sky);
  line-height: 1;
  margin-bottom: var(--space-20);
}
@media (min-width: 768px) {
  .block-benefit-events__headline {
    font-size: 80px;
  }
}
.block-benefit-events__body {
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
  max-width: 700px;
  margin: 0 auto var(--space-50);
}
.block-benefit-events__items {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-40);
  max-width: var(--max-width-wide);
  margin: 0 auto;
}
@media (min-width: 768px) {
  .block-benefit-events__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.block-benefit-events__item {
  position: relative;
  display: block;
  text-decoration: none;
  overflow: hidden;
}
.block-benefit-events__img-wrap {
  width: 100%;
  height: 200px;
}
@media (min-width: 768px) {
  .block-benefit-events__img-wrap {
    height: 350px;
  }
}
.block-benefit-events__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.block-benefit-events__overlay {
  width: 100%;
  padding: var(--space-20) var(--space-20) var(--space-25);
  text-align: left;
  transition: background-color 0.2s ease;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 768px) {
  .block-benefit-events__overlay {
    padding: var(--space-20) var(--space-40) var(--space-30);
    flex-direction: row;
    align-items: end;
  }
}
.block-benefit-events__title {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 20px;
  color: var(--color-white);
  margin-bottom: 0;
  line-height: 1;
}
.block-benefit-events__learn-more {
  display: block;
  font-family: var(--font-display);
  font-size: 20px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  text-decoration: underline;
  color: var(--color-white);
  font-weight: 100;
}
.block-benefit-events__item--rosy-cheeks .block-benefit-events__overlay {
  background-color: var(--color-rosy-cheeks);
}
.block-benefit-events__item--plum-puddin .block-benefit-events__overlay {
  background-color: var(--color-plum-puddin);
}
.block-benefit-events__item--pink-pong .block-benefit-events__overlay {
  background-color: var(--color-pink-pong);
}
.block-benefit-events__item--tangerine-dream .block-benefit-events__overlay {
  background-color: var(--color-tangerine-dream);
}
.block-benefit-events__item:hover .block-benefit-events__overlay, .block-benefit-events__item:focus .block-benefit-events__overlay {
  background-color: var(--color-night-sky);
}

/* Cards with ACCORDIONS */
.block-create-camp-magic {
  padding: var(--space-70) var(--space-25);
  text-align: center;
  background-color: var(--color-ice-cream);
}
@media (min-width: 768px) {
  .block-create-camp-magic {
    padding: var(--space-70) var(--space-100);
  }
}
.block-create-camp-magic__headline {
  font-family: var(--font-display);
  font-size: 40px;
  color: var(--color-night-sky);
  line-height: 1;
  margin-bottom: var(--space-50);
}
@media (min-width: 768px) {
  .block-create-camp-magic__headline {
    font-size: 80px;
  }
}
.block-create-camp-magic__items {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-30);
  margin: 0 auto;
}
@media (min-width: 768px) {
  .block-create-camp-magic__items {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-50) var(--space-30);
  }
}
@media (min-width: 768px) {
  .block-create-camp-magic__item--full {
    grid-column: 1/-1;
  }
}
.block-create-camp-magic__item {
  position: relative;
  text-align: left;
  overflow: visible;
}
.block-create-camp-magic__img-wrap {
  width: 100%;
  height: 230px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .block-create-camp-magic__img-wrap {
    height: 350px;
  }
}
.block-create-camp-magic__item--full .block-create-camp-magic__img-wrap {
  height: 350px;
}
.block-create-camp-magic__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.block-create-camp-magic__toggle {
  border: none;
  cursor: pointer;
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 20px;
  color: var(--color-white);
  width: 100%;
  padding: 17px var(--space-20) 27px;
  text-align: left;
  transition: background-color 0.2s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  border-radius: 0;
  align-items: end;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .block-create-camp-magic__toggle {
    padding: 25px var(--space-40) 35px;
    flex-direction: row;
    font-size: 20px;
  }
}
.block-create-camp-magic__toggle-icon {
  width: 16px;
  height: 24px;
  flex-shrink: 0;
  position: relative;
}
.block-create-camp-magic__item.is-open .block-create-camp-magic__toggle-icon {
  transform: rotate(90deg);
}
.block-create-camp-magic__panel {
  position: relative;
  padding: var(--space-60) var(--space-25) 100px;
  margin-top: -15px;
}
@media (min-width: 990px) {
  .block-create-camp-magic__panel {
    padding-bottom: 125px;
  }
}
@media (min-width: 990px) {
  .block-create-camp-magic__panel.extra-pad-btm {
    padding-bottom: var(--space-60);
  }
}
.block-create-camp-magic__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: var(--color-white);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--slant-size)));
}
.block-create-camp-magic__panel strong {
  color: var(--color-night-sky);
}
.block-create-camp-magic__panel .btn {
  position: relative;
  z-index: 1;
  margin-top: var(--space-30);
}
.block-create-camp-magic__icons {
  display: flex;
  gap: var(--space-15);
  position: absolute;
  bottom: calc(-1 * var(--space-15));
  right: 0;
  z-index: 1;
}
.block-create-camp-magic__icons .block-create-camp-magic__icon--a svg {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 105px;
  bottom: 0;
  z-index: 1;
  transform: rotate(15deg);
}
@media (min-width: 990px) {
  .block-create-camp-magic__icons .block-create-camp-magic__icon--a svg {
    width: 80px;
    height: 80px;
    right: 165px;
    bottom: 50px;
  }
}
.block-create-camp-magic__icons .block-create-camp-magic__icon--b svg {
  width: 100px;
  height: 100px;
  position: absolute;
  right: 20px;
  bottom: 0;
}
@media (min-width: 990px) {
  .block-create-camp-magic__icons .block-create-camp-magic__icon--b svg {
    width: 150px;
    height: 150px;
    right: 30px;
    bottom: -15px;
  }
}
.block-create-camp-magic__body {
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
  position: relative;
  z-index: 1;
}
.block-create-camp-magic__body strong {
  color: var(--color-night-sky);
}
.block-create-camp-magic__ctas {
  display: flex;
  gap: 20px;
}
.block-create-camp-magic__item--grasshopper .block-create-camp-magic__toggle {
  background-color: var(--color-grasshopper);
}
.block-create-camp-magic__item--rosy-cheeks .block-create-camp-magic__toggle {
  background-color: var(--color-rosy-cheeks);
}
.block-create-camp-magic__item--tangerine .block-create-camp-magic__toggle {
  background-color: var(--color-tangerine-dream);
}
.block-create-camp-magic__item--pink-pong .block-create-camp-magic__toggle {
  background-color: var(--color-pink-pong);
}
.block-create-camp-magic__item--plum-puddin .block-create-camp-magic__toggle {
  background-color: var(--color-plum-puddin);
}

.block-create-camp-magic__item.block-create-camp-magic__item__no-icons .block-create-camp-magic__panel {
  padding-bottom: 60px;
}

@media (prefers-reduced-motion: reduce) {
  .block-create-camp-magic__toggle-icon::before {
    transition: none;
  }
}
/* BY NUMBERS */
.block-by-the-numbers {
  padding: var(--space-70) var(--space-25);
  background-color: var(--color-white);
  text-align: center;
}
@media (min-width: 990px) {
  .block-by-the-numbers {
    padding: var(--space-100) var(--space-30);
  }
}
.block-by-the-numbers__headline {
  font-family: var(--font-display);
  font-size: 40px;
  color: var(--color-night-sky);
  line-height: 1;
  margin-bottom: var(--space-50);
}
@media (min-width: 768px) {
  .block-by-the-numbers__headline {
    font-size: 80px;
  }
}
.block-by-the-numbers__headline.less-bottom {
  margin-bottom: var(--space-30);
}
.block-by-the-numbers__subheadline {
  max-width: 680px;
  margin: 0 auto 50px;
}
.block-by-the-numbers__inner {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  max-width: var(--max-width-wide);
  margin: 0 auto var(--space-60);
  text-align: left;
}
@media (min-width: 1200px) {
  .block-by-the-numbers__inner {
    grid-template-columns: 1fr 1fr;
  }
}
.block-by-the-numbers__media {
  position: relative;
  height: 300px;
}
@media (min-width: 768px) {
  .block-by-the-numbers__media {
    height: auto;
  }
}
.block-by-the-numbers__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.block-by-the-numbers__img.is-active {
  opacity: 1;
}
.block-by-the-numbers__list {
  display: flex;
  flex-direction: column;
}
.block-by-the-numbers__stat {
  display: block;
  width: 100%;
  text-align: left;
  border: none;
  cursor: pointer;
  padding: var(--space-20) var(--space-25);
  color: var(--color-white);
  position: relative;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.block-by-the-numbers__stat.is-active {
  min-height: 180px;
}
@media (min-width: 1200px) {
  .block-by-the-numbers__stat.is-active {
    min-height: 260px;
  }
}
.block-by-the-numbers__number {
  display: block;
  font-family: var(--font-display);
  font-size: 60px;
  line-height: 64px;
}
.block-by-the-numbers__panel:not([hidden]) {
  display: block;
  margin-top: var(--space-10);
}
.block-by-the-numbers__desc {
  display: block;
  font-family: var(--font-body);
  font-size: 20px;
  margin-bottom: var(--space-10);
  padding-right: 80px;
}
@media (min-width: 768px) {
  .block-by-the-numbers__desc {
    font-size: 24px;
    padding-right: 120px;
  }
}
@media (min-width: 1200px) {
  .block-by-the-numbers__desc {
    padding-right: 300px;
  }
}
.block-by-the-numbers__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  right: 0;
}
@media (min-width: 400px) {
  .block-by-the-numbers__icon {
    right: 10px;
    height: 120px;
    width: 120px;
  }
}
@media (min-width: 1200px) {
  .block-by-the-numbers__icon {
    width: 260px;
    height: 260px;
    top: -40px;
    right: 70px;
  }
}
@media (min-width: 1400px) {
  .block-by-the-numbers__icon {
    width: 260px;
    height: 260px;
    top: -40px;
    right: 70px;
  }
}
.block-by-the-numbers__icon svg {
  height: 80px;
  width: 80px;
}
@media (min-width: 400px) {
  .block-by-the-numbers__icon svg {
    height: 120px;
    width: 120px;
  }
}
@media (min-width: 1400px) {
  .block-by-the-numbers__icon svg {
    height: 260px;
    width: 260px;
  }
}
.block-by-the-numbers__indicator {
  position: absolute;
  bottom: var(--space-20);
  right: var(--space-20);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid var(--color-white);
}
@media (min-width: 1200px) {
  .block-by-the-numbers__indicator {
    bottom: 35px;
  }
}
.block-by-the-numbers__stat.is-active .block-by-the-numbers__indicator {
  background-color: var(--color-white);
}
.block-by-the-numbers__stat--tangerine {
  background-color: var(--color-tangerine-dream);
}
.block-by-the-numbers__stat--rosy-cheeks {
  background-color: var(--color-rosy-cheeks);
}
.block-by-the-numbers__stat--pink-pong {
  background-color: var(--color-pink-pong);
}
.block-by-the-numbers__stat--plum-puddin {
  background-color: var(--color-plum-puddin);
}
.block-by-the-numbers__cta {
  display: flex;
  justify-content: center;
}
.block-by-the-numbers__pause {
  position: absolute;
  bottom: -50px;
  right: 0;
  z-index: 3;
  background: var(--color-grasshopper);
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-by-the-numbers__pause::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Crect x='5' y='4' width='5' height='16'/%3E%3Crect x='14' y='4' width='5' height='16'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: var(--color-white);
}
.block-by-the-numbers__pause[aria-pressed=true]::before {
  content: "▶";
  background-image: none;
  color: var(--color-white);
}
.block-by-the-numbers__pause:hover {
  background: var(--color-night-sky);
}
.block-by-the-numbers__pause-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

/* TEXT SLIDER */
.block-text-slider {
  position: relative;
  padding: var(--space-70) var(--space-25);
  text-align: center;
  overflow: hidden;
}
.block-text-slider__wave-corner {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  display: none;
}
@media (min-width: 990px) {
  .block-text-slider__wave-corner {
    display: block;
  }
}
.block-text-slider__wave-corner--bottom-left {
  bottom: 0;
  left: 0;
  max-width: 619px;
  width: 100%;
  height: 287px;
  -webkit-mask-image: url("/wp-content/themes/hole-in-the-wall-gang/assets/images/wave-bottom-left.svg");
  mask-image: url("/wp-content/themes/hole-in-the-wall-gang/assets/images/wave-bottom-left.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: bottom left;
  mask-position: bottom left;
}
.block-text-slider__wave-corner--top-right {
  top: 0;
  right: 0;
  max-width: 500px;
  width: 100%;
  height: 256px;
  -webkit-mask-image: url("/wp-content/themes/hole-in-the-wall-gang/assets/images/wave-top-right.svg");
  mask-image: url("/wp-content/themes/hole-in-the-wall-gang/assets/images/wave-top-right.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: top right;
  mask-position: top right;
}
.block-text-slider__inner {
  position: relative;
  z-index: 1;
  max-width: 800px;
  margin: 0 auto;
}
.block-text-slider__headline {
  font-family: var(--font-display);
  font-size: 40px;
  color: var(--color-night-sky);
  line-height: 1;
  margin-bottom: var(--space-25);
}
@media (min-width: 768px) {
  .block-text-slider__headline {
    font-size: 80px;
  }
}
.block-text-slider__slide {
  display: none;
}
.block-text-slider__slide.is-active {
  display: block;
  animation: content-media-fade-in 0.3s ease;
}
.block-text-slider__slide-subhead {
  font-family: var(--font-body);
  font-size: 28px;
  line-height: 40px;
  color: var(--color-night-sky);
  margin-bottom: var(--space-15);
  font-weight: var(--fw-bold);
}
@media (min-width: 990px) {
  .block-text-slider__slide-subhead {
    font-size: 32px;
  }
}
.block-text-slider__slide-subhead.block-text-slider__slide-subhead--as-header {
  font-family: var(--font-display);
  font-size: 40px;
  line-height: 1;
  margin-bottom: var(--space-25);
  font-weight: var(--fw-regular);
}
@media (min-width: 768px) {
  .block-text-slider__slide-subhead.block-text-slider__slide-subhead--as-header {
    font-size: 80px;
  }
}
.block-text-slider__slide-body {
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
}
.block-text-slider__slide-body p:last-child strong {
  color: var(--color-night-sky);
}
.block-text-slider__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-20);
  margin-top: var(--space-25);
}
.block-text-slider__dots {
  display: flex;
  gap: var(--space-10);
}
.block-text-slider__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid var(--color-night-sky);
  background-color: var(--color-night-sky);
  cursor: pointer;
  padding: 0;
}
.block-text-slider__dot.is-active {
  background: transparent;
}
.block-text-slider__prev, .block-text-slider__next {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: var(--color-night-sky);
}
.block-text-slider--key-limey {
  background-color: var(--color-key-limey);
}
.block-text-slider--key-limey .block-text-slider__wave-corner {
  background-color: var(--color-grasshopper);
}
.block-text-slider--dandelion {
  background-color: var(--color-dandelion);
}
.block-text-slider--dandelion .block-text-slider__wave-corner {
  background-color: var(--color-rosy-cheeks);
}
.block-text-slider--blue-bird {
  background-color: var(--color-blue-bird-days);
}
.block-text-slider--blue-bird .block-text-slider__wave-corner {
  background-color: var(--color-plum-puddin);
}

/* Locations Tabs */
.block-locations-tabs {
  background-color: var(--color-ice-cream);
  text-align: center;
  padding-bottom: var(--space-80);
}
.block-locations-tabs__media {
  position: relative;
  max-height: 400px;
  padding-top: 0;
  overflow: hidden;
}
.block-locations-tabs__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 400px;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.block-locations-tabs__img.is-active {
  opacity: 1;
  position: relative;
}
.block-locations-tabs__tablist {
  display: none;
}
@media (min-width: 768px) {
  .block-locations-tabs__tablist {
    display: flex;
  }
}
.block-locations-tabs__tab {
  flex: 1;
  padding: var(--space-15) var(--space-20) var(--space-10);
  border: none;
  background-color: var(--color-white);
  color: var(--color-night-sky);
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 24px;
  cursor: pointer;
}
.block-locations-tabs__tab.is-active, .block-locations-tabs__tab:hover {
  background-color: var(--color-dandelion);
}
.block-locations-tabs__dropdown {
  position: relative;
}
@media (min-width: 768px) {
  .block-locations-tabs__dropdown {
    display: none;
  }
}
.block-locations-tabs__dropdown-trigger {
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--space-20) var(--space-20) var(--space-15);
  background: var(--color-dandelion);
  border: none;
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 18px;
  color: var(--color-night-sky);
  cursor: pointer;
  justify-content: center;
}
.block-locations-tabs__dropdown-trigger[aria-expanded=true] .block-locations-tabs__dropdown-chevron svg {
  transform: rotate(90deg);
}
.block-locations-tabs__dropdown-chevron {
  width: 17px;
  height: 12px;
  position: absolute;
  right: 15px;
  top: 20px;
}
.block-locations-tabs__dropdown-chevron svg {
  width: 17px;
  height: 12px;
}
.block-locations-tabs__dropdown-list {
  z-index: 10;
  background-color: var(--color-ice-cream);
  border: 1px solid var(--color-night-sky);
  margin-top: var(--space-5);
  list-style: none;
  padding: 0;
  border: 0;
  margin: 0;
  box-shadow: 0px 8px 6px -6px rgba(0, 0, 0, 0.5);
  width: 100%;
}
.block-locations-tabs__dropdown-option {
  padding: var(--space-15) var(--space-20) 10px;
  margin-bottom: 0;
  font-family: var(--font-body);
  cursor: pointer;
  font-weight: var(--fw-bold);
  font-size: 18px;
  color: var(--color-night-sky);
}
.block-locations-tabs__dropdown-option:hover, .block-locations-tabs__dropdown-option:focus {
  background-color: var(--color-ice-cream);
  outline: none;
}
.block-locations-tabs__dropdown-option.is-selected {
  background-color: var(--color-dandelion);
  font-weight: var(--fw-bold);
}
.block-locations-tabs__panel {
  padding: var(--space-50) var(--space-25);
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .block-locations-tabs__panel {
    padding: var(--space-100) var(--space-100) var(--space-50);
  }
}
.block-locations-tabs__headline {
  font-family: var(--font-display);
  font-size: 40px;
  color: var(--color-rosy-cheeks);
  line-height: 1;
  margin-bottom: var(--space-25);
}
@media (min-width: 768px) {
  .block-locations-tabs__headline {
    font-size: 80px;
  }
}
.block-locations-tabs__body {
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
  max-width: 800px;
  margin: 0 auto var(--space-25);
}
.block-locations-tabs__events-heading {
  font-family: var(--font-display);
  font-weight: var(--fw-regular);
  font-size: 40px;
  color: var(--color-rosy-cheeks);
  line-height: 1;
  margin-bottom: var(--space-25);
  margin-top: 50px;
}
@media (min-width: 768px) {
  .block-locations-tabs__events-heading {
    font-size: 80px;
    margin-top: 75px;
  }
}
.block-locations-tabs__events-columns {
  display: grid;
  gap: var(--space-25);
  margin: 0 auto;
  text-align: left;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .block-locations-tabs__events-columns {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .block-locations-tabs__events-columns--count-1 {
    grid-template-columns: minmax(0, 680px);
    justify-content: center;
  }
  .block-locations-tabs__events-columns--count-2 {
    grid-template-columns: repeat(2, minmax(0, 600px));
    justify-content: center;
  }
}
.block-locations-tabs__events-column-heading {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 18px;
  color: var(--color-night-sky);
  margin-bottom: var(--space-10);
}
.block-locations-tabs__events-table-header {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 16px;
  padding: var(--space-10) var(--space-15);
}
.block-locations-tabs__events-table-header--key-limey {
  background-color: var(--color-key-limey);
  color: var(--color-night-sky);
}
.block-locations-tabs__events-table-header--blue-bird-days {
  background-color: var(--color-blue-bird-days);
  color: var(--color-night-sky);
}
.block-locations-tabs__events-table-header--night-sky {
  background-color: var(--color-night-sky);
  color: var(--color-white);
}
.block-locations-tabs__events-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-15);
  padding: var(--space-10) var(--space-15);
  background-color: var(--color-white);
  border-bottom: 1px solid var(--color-ice-cream);
  font-size: 16px;
}
.block-locations-tabs__events-row:last-child {
  border-bottom: none;
}
.block-locations-tabs__events-row-title {
  color: var(--color-night-sky);
  text-decoration: underline;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.block-locations-tabs__events-row-date {
  color: var(--color-night-sky);
  text-decoration: underline;
  white-space: nowrap;
}

/* Medical Leadership Tabs — reuses Locations Tabs structural rules by class name pattern */
.block-medical-leadership-tabs {
  background-color: var(--color-ice-cream);
  text-align: center;
  padding-top: 0;
}
.block-medical-leadership-tabs__media {
  position: relative;
  max-height: 400px;
  padding-top: 0;
}
.block-medical-leadership-tabs__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 400px;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.block-medical-leadership-tabs__img.is-active {
  opacity: 1;
  position: relative;
}
.block-medical-leadership-tabs__tablist {
  display: none;
}
@media (min-width: 768px) {
  .block-medical-leadership-tabs__tablist {
    display: flex;
  }
}
.block-medical-leadership-tabs__tab {
  flex: 1;
  padding: var(--space-15) var(--space-20);
  border: none;
  background-color: var(--color-white);
  color: var(--color-night-sky);
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 24px;
  cursor: pointer;
}
.block-medical-leadership-tabs__tab.is-active, .block-medical-leadership-tabs__tab:hover {
  background-color: var(--color-dandelion);
}
.block-medical-leadership-tabs__dropdown {
  position: relative;
}
@media (min-width: 768px) {
  .block-medical-leadership-tabs__dropdown {
    display: none;
  }
}
.block-medical-leadership-tabs__dropdown-trigger {
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--space-20) var(--space-20) var(--space-15);
  background-color: var(--color-dandelion);
  border: none;
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 18px;
  color: var(--color-night-sky);
  cursor: pointer;
  justify-content: center;
}
.block-medical-leadership-tabs__dropdown-chevron {
  width: 17px;
  height: 12px;
  position: absolute;
  right: 15px;
}
.block-medical-leadership-tabs__dropdown-chevron svg {
  width: 17px;
  height: 12px;
}
.block-medical-leadership-tabs__dropdown-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: var(--color-ice-cream);
  border: 0;
  margin: 0;
  list-style: none;
  padding: 0;
  box-shadow: 0px 8px 6px -6px rgba(0, 0, 0, 0.5);
}
.block-medical-leadership-tabs__dropdown-option {
  cursor: pointer;
  padding: var(--space-15) var(--space-20) 10px;
  margin-bottom: 0;
  font-family: var(--font-body);
  cursor: pointer;
  font-weight: var(--fw-bold);
  font-size: 18px;
  color: var(--color-night-sky);
}
.block-medical-leadership-tabs__dropdown-option:hover, .block-medical-leadership-tabs__dropdown-option:focus {
  background-color: var(--color-ice-cream);
  outline: none;
}
.block-medical-leadership-tabs__dropdown-option.is-selected {
  background-color: var(--color-dandelion);
  font-weight: var(--fw-bold);
}
.block-medical-leadership-tabs__panel {
  padding: var(--space-50) var(--space-30);
  margin: 0 auto;
}
@media (min-width: 768px) {
  .block-medical-leadership-tabs__panel {
    padding: var(--space-80) var(--space-30);
  }
}
.block-medical-leadership-tabs__headline {
  font-family: var(--font-display);
  font-size: 40px;
  color: var(--color-rosy-cheeks);
  line-height: 1;
  margin-bottom: var(--space-25);
}
@media (min-width: 768px) {
  .block-medical-leadership-tabs__headline {
    font-size: 80px;
  }
}
.block-medical-leadership-tabs__body {
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
  max-width: 720px;
  margin: 0 auto var(--space-25);
}
.block-medical-leadership-tabs .wavy-desk,
.block-medical-leadership-tabs .wavy-mob {
  margin-left: -30px;
}
.block-medical-leadership-tabs__leadership-heading {
  font-family: var(--font-display);
  font-size: clamp(30px, 5vw, 60px);
  color: var(--color-rosy-cheeks);
  line-height: 1.1;
  margin: var(--space-50) 0 var(--space-25);
  font-weight: var(--fw-regular);
}
@media (min-width: 768px) {
  .block-medical-leadership-tabs__leadership-heading {
    margin-bottom: 50px;
  }
}
.block-medical-leadership-tabs__team {
  display: flex;
  justify-content: center;
  gap: var(--space-30);
  flex-wrap: wrap;
  margin-bottom: var(--space-50);
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .block-medical-leadership-tabs__team {
    flex-direction: row;
    gap: var(--space-50);
  }
}
.block-medical-leadership-tabs__person-photo {
  position: relative;
  width: 165px;
  height: 165px;
  margin: 0 auto var(--space-30);
  border-radius: 50%;
  overflow: visible;
}
@media (min-width: 768px) {
  .block-medical-leadership-tabs__person-photo {
    width: 330px;
    height: 330px;
  }
}
.block-medical-leadership-tabs__person-photo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.block-medical-leadership-tabs__person-icon {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.block-medical-leadership-tabs__person-icon--clapping {
  top: 0;
  right: -25px;
  width: 70px;
  height: 70px;
  background-image: url(/wp-content/themes/hole-in-the-wall-gang/assets/images/icon-clapping.svg);
}
@media (min-width: 768px) {
  .block-medical-leadership-tabs__person-icon--clapping {
    width: 100px;
    height: 100px;
    right: -15px;
  }
}
.block-medical-leadership-tabs__person-icon--archery {
  bottom: 10px;
  left: -23px;
  width: 50px;
  height: 50px;
  background-image: url(/wp-content/themes/hole-in-the-wall-gang/assets/images/icon-archery.svg);
}
@media (min-width: 768px) {
  .block-medical-leadership-tabs__person-icon--archery {
    width: 80px;
    height: 80px;
    left: -10px;
    bottom: 25px;
  }
}
.block-medical-leadership-tabs__person-icon--microphone {
  top: 0;
  right: -25px;
  width: 70px;
  height: 70px;
  background-image: url(/wp-content/themes/hole-in-the-wall-gang/assets/images/icon-microphone.svg);
}
@media (min-width: 768px) {
  .block-medical-leadership-tabs__person-icon--microphone {
    width: 100px;
    height: 100px;
    right: -15px;
  }
}
.block-medical-leadership-tabs__person-icon--dance {
  bottom: 10px;
  left: -23px;
  width: 50px;
  height: 50px;
  background-image: url(/wp-content/themes/hole-in-the-wall-gang/assets/images/icon-dance.svg);
}
@media (min-width: 768px) {
  .block-medical-leadership-tabs__person-icon--dance {
    width: 80px;
    height: 80px;
    left: -10px;
    bottom: 25px;
  }
}
.block-medical-leadership-tabs__person-name {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 24px;
  color: var(--color-night-sky);
  margin-bottom: 2px;
  line-height: 1.1;
}
.block-medical-leadership-tabs__person-title {
  font-size: 18px;
  color: var(--color-fudge-brownie);
}
.block-medical-leadership-tabs__slider {
  margin: 0 -50vw;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
}
@media (min-width: 768px) {
  .block-medical-leadership-tabs__slider {
    width: auto;
    position: relative;
    left: 0;
    right: 0;
    max-width: 1240px;
    margin: 0 auto;
  }
}
.block-medical-leadership-tabs__slider-track {
  position: relative;
  height: 300px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .block-medical-leadership-tabs__slider-track {
    height: 500px;
  }
}
.block-medical-leadership-tabs__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.block-medical-leadership-tabs__slide.is-active {
  opacity: 1;
}
.block-medical-leadership-tabs__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block-medical-leadership-tabs__slider-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-15);
  margin-top: var(--space-15);
}
.block-medical-leadership-tabs__slider-prev, .block-medical-leadership-tabs__slider-next {
  background: none;
  border: none;
  cursor: pointer;
  padding: var(--space-5);
  display: flex;
  align-items: center;
}
.block-medical-leadership-tabs__slider-dots {
  display: flex;
  align-items: center;
  gap: var(--space-10);
}
.block-medical-leadership-tabs__slider-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid var(--color-night-sky);
  background-color: var(--color-night-sky);
  cursor: pointer;
  padding: 0;
}
.block-medical-leadership-tabs__slider-dot.is-active {
  background-color: transparent;
}

/* ways to volunteer - notes */
.block-ways-to-volunteer-tabs {
  background-color: var(--color-ice-cream);
  text-align: center;
  padding-bottom: var(--space-100);
  padding-top: 0;
}
@media (min-width: 768px) {
  .block-ways-to-volunteer-tabs {
    padding-bottom: var(--space-100);
  }
}
.block-ways-to-volunteer-tabs__media {
  position: relative;
  height: 300px;
  padding-top: 0;
}
.block-ways-to-volunteer-tabs__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.block-ways-to-volunteer-tabs__img.is-active {
  opacity: 1;
  position: relative;
}
.block-ways-to-volunteer-tabs__tablist {
  display: none;
}
@media (min-width: 768px) {
  .block-ways-to-volunteer-tabs__tablist {
    display: flex;
  }
}
.block-ways-to-volunteer-tabs__tab {
  flex: 1;
  padding: var(--space-15) var(--space-20) 10px;
  border: none;
  background-color: var(--color-white);
  color: var(--color-night-sky);
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 24px;
  cursor: pointer;
}
.block-ways-to-volunteer-tabs__tab.is-active {
  background-color: var(--color-dandelion);
}
.block-ways-to-volunteer-tabs__dropdown {
  position: relative;
}
@media (min-width: 768px) {
  .block-ways-to-volunteer-tabs__dropdown {
    display: none;
  }
}
.block-ways-to-volunteer-tabs__dropdown-trigger {
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--space-20) var(--space-20) var(--space-15);
  background-color: var(--color-dandelion);
  border: none;
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 18px;
  color: var(--color-night-sky);
  cursor: pointer;
  justify-content: center;
}
.block-ways-to-volunteer-tabs__dropdown-chevron {
  width: 17px;
  height: 12px;
  position: absolute;
  right: 15px;
}
.block-ways-to-volunteer-tabs__dropdown-chevron svg {
  width: 17px;
  height: 12px;
}
.block-ways-to-volunteer-tabs__dropdown-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: var(--color-ice-cream);
  border: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  box-shadow: 0px 8px 6px -6px rgba(0, 0, 0, 0.5);
}
.block-ways-to-volunteer-tabs__dropdown-option {
  cursor: pointer;
  padding: var(--space-15) var(--space-20) 10px;
  margin-bottom: 0;
  font-family: var(--font-body);
  cursor: pointer;
  font-weight: var(--fw-bold);
  font-size: 18px;
  color: var(--color-night-sky);
}
.block-ways-to-volunteer-tabs__dropdown-option:hover, .block-ways-to-volunteer-tabs__dropdown-option:focus {
  background-color: var(--color-ice-cream);
  outline: none;
}
.block-ways-to-volunteer-tabs__dropdown-option.is-selected {
  background-color: var(--color-dandelion);
  font-weight: var(--fw-bold);
}
.block-ways-to-volunteer-tabs__panel {
  padding: var(--space-50) var(--space-20);
  margin: 0 auto;
}
@media (min-width: 768px) {
  .block-ways-to-volunteer-tabs__panel {
    padding: var(--space-100) var(--space-30) var(--space-50);
  }
}
.block-ways-to-volunteer-tabs__headline {
  font-family: var(--font-display);
  font-size: 40px;
  color: var(--color-rosy-cheeks);
  line-height: 1;
  margin-bottom: var(--space-25);
}
@media (min-width: 768px) {
  .block-ways-to-volunteer-tabs__headline {
    font-size: 80px;
  }
}
.block-ways-to-volunteer-tabs__headline.less-bottom {
  margin-bottom: 10px;
}
.block-ways-to-volunteer-tabs .subheading {
  font-family: var(--font-display);
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  color: var(--color-night-sky);
  margin-bottom: var(--space-25);
  display: block;
}
@media (min-width: 768px) {
  .block-ways-to-volunteer-tabs .subheading {
    font-size: 40px;
    line-height: 40px;
  }
}
.block-ways-to-volunteer-tabs__body {
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
  max-width: 680px;
  margin: 0 auto var(--space-25);
}
.block-ways-to-volunteer-tabs__notes {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-25);
  max-width: 1250px;
  margin: 80px auto 0;
  text-align: left;
}
@media (min-width: 768px) {
  .block-ways-to-volunteer-tabs__notes {
    display: block;
    columns: 2;
    column-gap: var(--space-25);
  }
}
.block-ways-to-volunteer-tabs__note {
  transition: transform 0.3s ease;
}
@media (min-width: 768px) {
  .block-ways-to-volunteer-tabs__note {
    margin-bottom: var(--space-25);
    break-inside: avoid;
  }
}
@media (min-width: 768px) {
  .block-ways-to-volunteer-tabs__note:nth-child(odd):hover {
    transform: rotate(-5deg);
  }
}
@media (min-width: 768px) {
  .block-ways-to-volunteer-tabs__note:nth-child(even):hover {
    transform: rotate(5deg);
  }
}
@media (min-width: 768px) {
  .block-ways-to-volunteer-tabs__note[hidden] {
    display: block !important;
  }
}
.block-ways-to-volunteer-tabs__note-header {
  padding: var(--space-15) var(--space-20) var(--space-10);
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 20px;
  color: var(--color-white);
  text-align: center;
  width: fit-content;
  line-height: normal;
  margin: 0 auto -5%;
  max-width: 90%;
  z-index: 2;
  position: relative;
}
@media (min-width: 768px) {
  .block-ways-to-volunteer-tabs__note-header {
    font-size: 24px;
  }
}
.block-ways-to-volunteer-tabs__note-header--pink-pong {
  background-color: var(--color-pink-pong);
}
.block-ways-to-volunteer-tabs__note-header--tangerine-dream {
  background-color: var(--color-tangerine-dream);
}
.block-ways-to-volunteer-tabs__note-header--rosey-cheeks {
  background-color: var(--color-rosy-cheeks);
}
.block-ways-to-volunteer-tabs__note-header--plum-puddin {
  background-color: var(--color-plum-puddin);
}
.block-ways-to-volunteer-tabs__note-header--dandelion {
  background-color: var(--color-dandelion);
  color: var(--color-night-sky);
}
.block-ways-to-volunteer-tabs__note-body {
  padding: var(--space-50) var(--space-50) var(--space-30);
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
  background-color: var(--color-white);
  text-align: center;
}
.block-ways-to-volunteer-tabs__note-body .block-ways-to-volunteer-tabs__note-img-wrap {
  max-width: 200px;
  margin: 0 auto 30px;
}
.block-ways-to-volunteer-tabs__note-body .block-ways-to-volunteer-tabs__note-img-wrap img {
  width: 100%;
}
.block-ways-to-volunteer-tabs__note-body a {
  color: var(--color-grasshopper);
}
.block-ways-to-volunteer-tabs__note-body a:hover {
  color: var(--color-night-sky);
}
.block-ways-to-volunteer-tabs__note-body a.block-ways-to-volunteer-tabs__note-cta {
  font-family: var(--font-display);
  font-size: 20px;
  display: block;
  margin-top: 40px;
  font-weight: 100;
}
.block-ways-to-volunteer-tabs__view-more-box {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .block-ways-to-volunteer-tabs__view-more-box svg {
    display: none;
  }
}
.block-ways-to-volunteer-tabs__view-more {
  display: block;
  margin: 5px auto 0;
  padding: var(--space-10) var(--space-25);
  background-color: transparent;
  color: var(--color-grasshopper);
  border: none;
  border-radius: 0;
  font-size: 24px;
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  cursor: pointer;
}
@media (min-width: 768px) {
  .block-ways-to-volunteer-tabs__view-more {
    display: none;
  }
}

/* Timeline */
.block-camp-history-timeline {
  background-color: var(--color-white);
  text-align: center;
}
.block-camp-history-timeline .inner-box {
  padding: 135px var(--space-30) var(--space-100);
}
@media (min-width: 768px) {
  .block-camp-history-timeline .inner-box {
    padding: var(--space-70) var(--space-50);
  }
}
@media (min-width: 1400px) {
  .block-camp-history-timeline .inner-box {
    padding: var(--space-70) 130px;
  }
}
.block-camp-history-timeline .circle-box {
  position: absolute;
  top: -50px;
  right: 30px;
}
@media (min-width: 990px) {
  .block-camp-history-timeline .circle-box {
    top: -95px;
  }
}
.block-camp-history-timeline svg.circle-hitw {
  width: 135px;
  height: 135px;
  animation: circle-hitw-spin 20s linear infinite;
  position: relative;
  z-index: 2;
}
@media (min-width: 990px) {
  .block-camp-history-timeline svg.circle-hitw {
    width: 250px;
    height: 250px;
  }
}
.block-camp-history-timeline svg.circle-hitw.is-paused {
  animation-play-state: paused;
}
@keyframes circle-hitw-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.block-camp-history-timeline__circle-pause {
  position: absolute;
  bottom: -30px;
  right: -5px;
  z-index: 3;
  background: var(--color-grasshopper);
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 990px) {
  .block-camp-history-timeline__circle-pause {
    bottom: -30px;
    right: 0;
  }
}
.block-camp-history-timeline__circle-pause::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Crect x='5' y='4' width='5' height='16'/%3E%3Crect x='14' y='4' width='5' height='16'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.block-camp-history-timeline__circle-pause[aria-pressed=true]::before {
  content: "▶";
  background-image: none;
  color: var(--color-white);
}
.block-camp-history-timeline__circle-pause:hover {
  background: var(--color-night-sky);
}
.block-camp-history-timeline__circle-pause-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.block-camp-history-timeline__heading {
  font-family: var(--font-display);
  font-size: clamp(50px, 6vw, 80px);
  color: var(--color-night-sky);
  line-height: 1;
  max-width: 500px;
  margin: 0 auto var(--space-20);
}
@media (min-width: 768px) {
  .block-camp-history-timeline__heading {
    max-width: 800px;
  }
}
.block-camp-history-timeline__subheading {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  color: var(--color-night-sky);
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .block-camp-history-timeline__subheading {
    font-size: 28px;
  }
}
.block-camp-history-timeline__list {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .block-camp-history-timeline__list {
    margin-top: 160px;
  }
}
.block-camp-history-timeline__entry {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-20);
  padding: 0 0 var(--space-50) var(--space-40);
  text-align: left;
}
@media (min-width: 768px) {
  .block-camp-history-timeline__entry {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-50);
    padding-left: 0;
    align-items: start;
    gap: 225px;
  }
}
.block-camp-history-timeline__entry[hidden] {
  display: none;
}
.block-camp-history-timeline__dot {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .block-camp-history-timeline__dot {
    left: 50%;
    transform: translateX(-50%);
  }
}
.block-camp-history-timeline__connector {
  position: absolute;
  top: var(--space-40);
  bottom: 5px;
  left: 12px;
  width: 4px;
  background-color: var(--color-grasshopper);
}
@media (min-width: 768px) {
  .block-camp-history-timeline__connector {
    left: 50%;
    transform: translateX(-50%);
  }
}
.block-camp-history-timeline__entry:last-child .block-camp-history-timeline__connector {
  display: none;
}
.block-camp-history-timeline__copy {
  order: 1;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .block-camp-history-timeline__copy {
    margin-bottom: 120px;
  }
}
.block-camp-history-timeline__image {
  order: 2;
  position: relative;
}
.block-camp-history-timeline__image img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
  max-height: 250px;
}
@media (min-width: 480px) {
  .block-camp-history-timeline__image img {
    max-height: 350px;
  }
}
@media (min-width: 990px) {
  .block-camp-history-timeline__image img {
    max-height: 310px;
  }
}
.block-camp-history-timeline__entry--even .block-camp-history-timeline__image {
  transform: rotate(-5deg);
}
@media (min-width: 768px) {
  .block-camp-history-timeline__entry--even .block-camp-history-timeline__image {
    transform: none;
    transition: transform 0.3s ease;
  }
}
.block-camp-history-timeline__entry--odd .block-camp-history-timeline__image {
  transform: rotate(5deg);
}
@media (min-width: 768px) {
  .block-camp-history-timeline__entry--odd .block-camp-history-timeline__image {
    transform: none;
    transition: transform 0.3s ease;
  }
}
@media (min-width: 768px) {
  .block-camp-history-timeline__entry--even .block-camp-history-timeline__copy {
    order: 2;
  }
  .block-camp-history-timeline__entry--even .block-camp-history-timeline__image {
    order: 1;
    margin-top: -80px;
  }
  .block-camp-history-timeline__entry--odd .block-camp-history-timeline__copy {
    order: 1;
  }
  .block-camp-history-timeline__entry--odd .block-camp-history-timeline__image {
    order: 2;
    margin-top: -80px;
  }
  .block-camp-history-timeline__entry--even .block-camp-history-timeline__image:hover {
    transform: rotate(-5deg);
  }
  .block-camp-history-timeline__entry--odd .block-camp-history-timeline__image:hover {
    transform: rotate(5deg);
  }
}
@media (min-width: 990px) {
  .block-camp-history-timeline__entry--even .block-camp-history-timeline__copy {
    margin-right: 100px;
  }
  .block-camp-history-timeline__entry--odd .block-camp-history-timeline__copy {
    margin-left: 100px;
  }
}
.block-camp-history-timeline__date {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  padding: 12.5px 20px 7.5px;
  color: var(--color-white);
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 20px;
  white-space: nowrap;
}
.block-camp-history-timeline__entry-heading {
  font-family: var(--font-display);
  font-weight: var(--fw-regular);
  font-size: clamp(25px, 4vw, 40px);
  line-height: 1.2;
  margin-bottom: var(--space-15);
}
.block-camp-history-timeline__entry-body {
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
  margin-bottom: var(--space-15);
}
.block-camp-history-timeline__entry-cta {
  display: inline-flex;
  align-items: center;
  gap: var(--space-10);
  color: var(--color-grasshopper);
  font-family: var(--font-display);
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: underline;
}
.block-camp-history-timeline__entry-cta:visited {
  color: var(--color-grasshopper);
}
.block-camp-history-timeline__entry-cta:hover {
  color: var(--color-night-sky);
}
.block-camp-history-timeline__view-more {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: var(--space-10);
  margin: var(--space-25) 0 0;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-grasshopper);
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 24px;
  padding: 0;
}
.block-camp-history-timeline__view-more[hidden] {
  display: none;
}
.block-camp-history-timeline__view-more:hover {
  color: var(--color-night-sky);
}
@media (min-width: 768px) {
  .block-camp-history-timeline__view-more {
    margin: 30px auto 0;
    align-items: center;
  }
}
.block-camp-history-timeline__entry:nth-child(5n+1) .block-camp-history-timeline__dot, .block-camp-history-timeline__entry:nth-child(5n+1) .block-camp-history-timeline__date {
  background-color: var(--color-pink-pong);
}
.block-camp-history-timeline__entry:nth-child(5n+1) .block-camp-history-timeline__entry-heading {
  color: var(--color-pink-pong);
}
.block-camp-history-timeline__entry:nth-child(5n+2) .block-camp-history-timeline__dot, .block-camp-history-timeline__entry:nth-child(5n+2) .block-camp-history-timeline__date {
  background-color: var(--color-tangerine-dream);
}
.block-camp-history-timeline__entry:nth-child(5n+2) .block-camp-history-timeline__entry-heading {
  color: var(--color-tangerine-dream);
}
.block-camp-history-timeline__entry:nth-child(5n+3) .block-camp-history-timeline__dot, .block-camp-history-timeline__entry:nth-child(5n+3) .block-camp-history-timeline__date {
  background-color: var(--color-rosy-cheeks);
}
.block-camp-history-timeline__entry:nth-child(5n+3) .block-camp-history-timeline__entry-heading {
  color: var(--color-rosy-cheeks);
}
.block-camp-history-timeline__entry:nth-child(5n+4) .block-camp-history-timeline__dot, .block-camp-history-timeline__entry:nth-child(5n+4) .block-camp-history-timeline__date {
  background-color: var(--color-plum-puddin);
}
.block-camp-history-timeline__entry:nth-child(5n+4) .block-camp-history-timeline__entry-heading {
  color: var(--color-plum-puddin);
}
.block-camp-history-timeline__entry:nth-child(5n+5) .block-camp-history-timeline__dot, .block-camp-history-timeline__entry:nth-child(5n+5) .block-camp-history-timeline__date {
  background-color: var(--color-dandelion);
}
.block-camp-history-timeline__entry:nth-child(5n+5) .block-camp-history-timeline__entry-heading {
  color: var(--color-dandelion);
}

@media (prefers-reduced-motion: reduce) {
  .circle-hitw {
    animation-play-state: paused;
  }
}
/* BLOCK ICON STATS NOTES */
.block-icon-stat-notes {
  background-color: var(--color-dandelion);
  padding: var(--space-70) var(--space-30);
  text-align: center;
}
.block-icon-stat-notes__heading {
  font-family: var(--font-display);
  font-size: 40px;
  color: var(--color-night-sky);
  line-height: 1;
  margin-bottom: var(--space-70);
}
@media (min-width: 768px) {
  .block-icon-stat-notes__heading {
    font-size: 80px;
  }
}
.block-icon-stat-notes__notes {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-70);
  max-width: 1250px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .block-icon-stat-notes__notes {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-30);
  }
}
.block-icon-stat-notes__note {
  position: relative;
  background-color: var(--color-white);
  padding: var(--space-30);
  text-align: left;
}
.block-icon-stat-notes__icon {
  position: absolute;
  top: -50px;
  right: 12px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.block-icon-stat-notes__note--anchor .block-icon-stat-notes__icon {
  background-image: url(/wp-content/themes/hole-in-the-wall-gang/assets/images/icon-anchor-red.svg);
}
.block-icon-stat-notes__note--hands .block-icon-stat-notes__icon {
  background-image: url(/wp-content/themes/hole-in-the-wall-gang/assets/images/icon-clapping.svg);
}
.block-icon-stat-notes__note--star .block-icon-stat-notes__icon {
  background-image: url(/wp-content/themes/hole-in-the-wall-gang/assets/images/icon-star.svg);
}
.block-icon-stat-notes__stat {
  font-family: var(--font-display);
  font-size: clamp(36px, 5vw, 60px);
  line-height: 1.1;
  margin-bottom: var(--space-10);
}
.block-icon-stat-notes__note--anchor .block-icon-stat-notes__stat {
  color: var(--color-rosy-cheeks);
}
.block-icon-stat-notes__note--hands .block-icon-stat-notes__stat {
  color: var(--color-pink-pong);
}
.block-icon-stat-notes__note--star .block-icon-stat-notes__stat {
  color: var(--color-plum-puddin);
}
.block-icon-stat-notes__copy {
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 20px;
  color: var(--color-fudge-brownie);
}

/* Block Icon Stats Notes Accordion */
.block-icon-stat-notes-accordion {
  background-color: var(--color-dandelion);
  padding: var(--space-70) var(--space-30);
  text-align: center;
}
.block-icon-stat-notes-accordion__heading {
  font-family: var(--font-display);
  font-size: 40px;
  color: var(--color-night-sky);
  line-height: 1;
  margin-bottom: var(--space-70);
}
@media (min-width: 768px) {
  .block-icon-stat-notes-accordion__heading {
    font-size: 80px;
  }
}
.block-icon-stat-notes-accordion__notes {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-70);
  max-width: 1250px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .block-icon-stat-notes-accordion__notes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.block-icon-stat-notes-accordion__note {
  position: relative;
  background-color: var(--color-white);
  padding: var(--space-30);
  text-align: left;
}
.block-icon-stat-notes-accordion__icon {
  position: absolute;
  top: -50px;
  right: 12px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.block-icon-stat-notes-accordion__note--anchor .block-icon-stat-notes-accordion__icon {
  background-image: url(/wp-content/themes/hole-in-the-wall-gang/assets/images/icon-anchor-red.svg);
}
.block-icon-stat-notes-accordion__note--hands .block-icon-stat-notes-accordion__icon {
  background-image: url(/wp-content/themes/hole-in-the-wall-gang/assets/images/icon-clapping.svg);
}
.block-icon-stat-notes-accordion__stat {
  font-family: var(--font-display);
  font-size: clamp(36px, 5vw, 60px);
  line-height: 1.1;
  margin-bottom: var(--space-10);
}
.block-icon-stat-notes-accordion__note--anchor .block-icon-stat-notes-accordion__stat {
  color: var(--color-rosy-cheeks);
}
.block-icon-stat-notes-accordion__note--hands .block-icon-stat-notes-accordion__stat {
  color: var(--color-pink-pong);
}
.block-icon-stat-notes-accordion__copy {
  font-family: var(--font-body);
  font-weight: 500;
  font-size: 20px;
  color: var(--color-fudge-brownie);
  margin-bottom: var(--space-15);
}
.block-icon-stat-notes-accordion__expanded {
  font-style: italic;
  font-size: 16px;
  color: var(--color-fudge-brownie);
  margin-bottom: var(--space-15);
}
.block-icon-stat-notes-accordion__expanded[hidden] {
  display: none;
}
.block-icon-stat-notes-accordion__toggle {
  display: inline-flex;
  align-items: center;
  gap: var(--space-10);
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-grasshopper);
  font-family: var(--font-display);
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: underline;
  padding: 0;
  font-weight: 100;
}
.block-icon-stat-notes-accordion__toggle:hover {
  color: var(--color-midnight-sky);
}
.block-icon-stat-notes-accordion__toggle-arrow {
  transition: transform 0.2s ease;
}
.block-icon-stat-notes-accordion__toggle[aria-expanded=true] .block-icon-stat-notes-accordion__toggle-arrow {
  transform: rotate(-90deg);
}

/* note cards (standalone) */
.block-note-cards {
  background-color: var(--color-ice-cream);
  text-align: center;
  padding: var(--space-70) var(--space-20);
}
@media (min-width: 768px) {
  .block-note-cards {
    padding: var(--space-100);
  }
}
.block-note-cards__heading {
  margin-bottom: 30px;
}
.block-note-cards__intro {
  font-size: var(--fs-body);
  max-width: 800px;
  margin: 0 auto var(--space-60);
}
.block-note-cards__intro strong {
  font-weight: var(--fw-bold);
}
.block-note-cards__intro a {
  color: var(--color-grasshopper);
  text-decoration: underline;
}
.block-note-cards__notes {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-25);
  margin: 0 auto;
  text-align: left;
}
@media (min-width: 768px) {
  .block-note-cards__notes {
    display: block;
    columns: 2;
    column-gap: var(--space-25);
  }
}
.block-note-cards__note {
  transition: transform 0.3s ease;
}
@media (min-width: 768px) {
  .block-note-cards__note {
    margin-bottom: var(--space-25);
    break-inside: avoid;
  }
}
@media (min-width: 768px) {
  .block-note-cards__note:nth-child(odd):hover {
    transform: rotate(-5deg);
  }
}
@media (min-width: 768px) {
  .block-note-cards__note:nth-child(even):hover {
    transform: rotate(5deg);
  }
}
@media (min-width: 768px) {
  .block-note-cards__note[hidden] {
    display: block !important;
  }
}
.block-note-cards__note-header {
  padding: var(--space-15) var(--space-20) var(--space-10);
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 20px;
  color: var(--color-white);
  text-align: center;
  width: fit-content;
  line-height: normal;
  margin: 0 auto -5%;
  max-width: 90%;
  z-index: 2;
  position: relative;
}
@media (min-width: 768px) {
  .block-note-cards__note-header {
    font-size: 24px;
  }
}
.block-note-cards__note-header--pink-pong {
  background-color: var(--color-pink-pong);
}
.block-note-cards__note-header--tangerine-dream {
  background-color: var(--color-tangerine-dream);
}
.block-note-cards__note-header--rosey-cheeks {
  background-color: var(--color-rosy-cheeks);
}
.block-note-cards__note-header--plum-puddin {
  background-color: var(--color-plum-puddin);
}
.block-note-cards__note-header--dandelion {
  background-color: var(--color-dandelion);
  color: var(--color-night-sky);
}
.block-note-cards__note-body {
  padding: var(--space-60) var(--space-50) var(--space-30);
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
  background-color: var(--color-white);
  text-align: center;
}
.block-note-cards__note-body p {
  margin: 0;
  line-height: 28px;
}
.block-note-cards__note-body a {
  color: var(--color-grasshopper);
}
.block-note-cards__note-body a:hover {
  color: var(--color-night-sky);
}
.block-note-cards__view-more-box {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .block-note-cards__view-more-box svg {
    display: none;
  }
}
.block-note-cards__view-more {
  display: block;
  margin: 5px auto 0;
  padding: var(--space-10) var(--space-25);
  background-color: transparent;
  color: var(--color-grasshopper);
  border: none;
  border-radius: 0;
  font-size: 24px;
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  cursor: pointer;
}
@media (min-width: 768px) {
  .block-note-cards__view-more {
    display: none;
  }
}

/* slider */
.block-team-slider {
  position: relative;
  overflow-y: visible;
  padding: var(--space-70) 0 var(--space-100);
  text-align: center;
}
.block-team-slider__bg {
  position: absolute;
  inset: 0;
  background-color: var(--color-ice-cream);
  z-index: 0;
}
.block-team-slider__heading {
  position: relative;
  z-index: 1;
  color: var(--color-tangerine-dream);
}
@media (min-width: 768px) {
  .block-team-slider__heading {
    margin-bottom: 0;
  }
}
.block-team-slider__carousel {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 0 var(--space-25);
  overflow-x: hidden;
  overflow-y: visible;
}
@media (min-width: 768px) {
  .block-team-slider__carousel {
    padding: 0 var(--space-50);
    height: 410px;
  }
}
.block-team-slider__arrow {
  position: absolute;
  top: calc(50% - 10px);
  margin-top: -22px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: transform 0.15s ease;
  z-index: 2;
  padding: 0;
}
@media (min-width: 768px) {
  .block-team-slider__arrow {
    top: 50%;
  }
}
.block-team-slider__arrow svg {
  width: 17px;
  height: auto;
}
.block-team-slider__arrow:hover {
  transform: scale(1.08);
}
.block-team-slider__arrow:focus-visible {
  outline: 3px solid var(--color-tangerine-dream);
  outline-offset: 2px;
}
.block-team-slider__arrow--prev {
  left: calc(50% - 214px);
}
.block-team-slider__arrow--next {
  left: calc(50% + 170px);
}
.block-team-slider__track {
  display: flex;
  align-items: center;
  gap: clamp(16px, 2vw, 24px);
  list-style: none;
  margin: 0;
  padding: var(--space-30) 0;
  transition: transform 0.45s ease;
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  .block-team-slider__track {
    transition: none;
  }
}
.block-team-slider__item {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
}
.block-team-slider__thumb {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.block-team-slider__thumb:focus-visible {
  outline: 3px solid var(--color-tangerine-dream);
  outline-offset: 4px;
  border-radius: 50%;
}
.block-team-slider__photo {
  display: block;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  transform: scale(1);
  transition: transform 0.35s ease;
}
.block-team-slider__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.block-team-slider__icons {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.block-team-slider__icon {
  position: absolute;
  display: block;
  line-height: 0;
}
.block-team-slider__icon svg {
  width: 100%;
  height: auto;
  display: block;
}
.block-team-slider__icon--a {
  top: -15px;
  right: -40px;
  width: 70px;
}
@media (min-width: 768px) {
  .block-team-slider__icon--a {
    width: 100px;
    top: -60px;
    right: -80px;
  }
}
.block-team-slider__icon--b {
  top: 120px;
  left: -10px;
  width: 50px;
  transform: rotate(-13deg);
}
@media (min-width: 768px) {
  .block-team-slider__icon--b {
    width: 80px;
    top: 175px;
    left: -65px;
  }
}
.block-team-slider__panels {
  position: relative;
  z-index: 1;
  margin-top: var(--space-20);
}
.block-team-slider__panel {
  display: flex;
  flex-direction: column;
  gap: 4px;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  padding: 0 30px;
}
.block-team-slider__panel[hidden] {
  display: none;
}
.block-team-slider__panel--active {
  opacity: 1;
  transform: translateY(0);
}
.block-team-slider__bio {
  max-width: 640px;
  margin: var(--space-25) auto 0;
  text-align: left;
}
.block-team-slider__bio p {
  margin-bottom: var(--space-15);
}
.block-team-slider__bio p:last-child {
  margin-bottom: 0;
}
.block-team-slider__bio-more[hidden] {
  display: none;
}
.block-team-slider__read-more {
  display: inline-flex;
  background: none;
  border: none;
  padding: 0;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: var(--space-10);
  color: var(--color-grasshopper);
  font-family: var(--font-display);
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: 100;
}
.block-team-slider__read-more svg {
  width: 18px;
  height: auto;
}
.block-team-slider__read-more.is-expanded svg {
  transform: rotate(-180deg);
}
.block-team-slider__read-more:focus-visible {
  outline: 2px solid var(--color-tangerine-dream);
  outline-offset: 2px;
}
.block-team-slider__read-more:hover {
  color: var(--color-night-sky);
}
.block-team-slider__bio-more {
  margin-bottom: 25px;
}
.block-team-slider__cta {
  margin-top: var(--space-25);
}
.block-team-slider .wavy-desk,
.block-team-slider .wavy-mob {
  position: relative;
  z-index: 2;
  margin-top: 50px;
}
.block-team-slider__name {
  font-family: var(--font-display);
  color: var(--color-night-sky);
  font-weight: var(--fw-bold);
  font-family: "Gill Sans Nova";
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .block-team-slider__name {
    font-size: 24px;
  }
}
.block-team-slider__role {
  color: var(--color-fudge-brownie);
  font-size: 18px;
}
.block-team-slider__item--active {
  z-index: 2;
  margin: 0 40px;
}
@media (min-width: 768px) {
  .block-team-slider__item--active {
    margin: 0 90px;
  }
}
.block-team-slider__item--active .block-team-slider__photo {
  transform: scale(1.65);
}
.block-team-slider__item--active .block-team-slider__icons {
  opacity: 1;
}
.block-team-slider__item--entering .block-team-slider__icons {
  animation: team-slider-fade-in 0.4s ease both;
}
.block-team-slider__panel--active {
  animation: team-slider-fade-in 0.4s ease both;
}
@media (prefers-reduced-motion: reduce) {
  .block-team-slider__photo, .block-team-slider__panel, .block-team-slider__icons {
    transition: none !important;
  }
  .block-team-slider__item--entering .block-team-slider__icons {
    animation: none !important;
  }
  .block-team-slider__panel--active {
    animation: none !important;
  }
}
@media (max-width: 767px) {
  .block-team-slider__carousel {
    gap: var(--space-10);
  }
  .block-team-slider__track {
    gap: 12px;
  }
  .block-team-slider__photo {
    width: 150px;
    height: 150px;
  }
  .block-team-slider__item--active .block-team-slider__photo {
    transform: scale(1.25);
  }
  .block-team-slider__arrow {
    width: 36px;
    height: 36px;
    margin-top: 0;
  }
  .block-team-slider__arrow--prev {
    left: calc(50% - 95px - 36px);
  }
  .block-team-slider__arrow--next {
    left: calc(50% + 95px);
  }
}

@keyframes team-slider-fade-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* faq accordions */
.block-accordion-faq {
  position: relative;
  padding: var(--space-70) var(--space-25) var(--space-100);
}
@media (min-width: 768px) {
  .block-accordion-faq {
    padding: var(--space-70) var(--space-100);
  }
}
.block-accordion-faq__bg {
  position: absolute;
  inset: 0;
  background-color: var(--color-ice-cream);
  z-index: 0;
}
.block-accordion-faq__inner {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
.block-accordion-faq__heading {
  color: var(--color-night-sky);
  margin-bottom: var(--space-20);
}
.block-accordion-faq__list {
  display: flex;
  flex-direction: column;
}
.block-accordion-faq__item-heading {
  margin: 0;
}
.block-accordion-faq__toggle {
  display: flex;
  align-items: center;
  gap: var(--space-15);
  width: 100%;
  background: none;
  border: none;
  padding: var(--space-15) 0;
  cursor: pointer;
  text-align: left;
  border: none;
  align-items: start;
}
.block-accordion-faq__toggle:focus-visible {
  outline: 3px solid var(--color-tangerine-dream);
  outline-offset: 2px;
}
.block-accordion-faq__title {
  font-family: var(--font-display);
  font-weight: var(--fw-bold);
  line-height: 30px;
  font-family: "Gill Sans Nova";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 125% */
}
.block-accordion-faq__arrow {
  flex: 0 0 auto;
  color: var(--color-night-sky);
  transition: transform 0.2s ease;
  transform: rotate(90deg);
}
@media (prefers-reduced-motion: reduce) {
  .block-accordion-faq__arrow {
    transition: none;
  }
}
.block-accordion-faq__toggle.is-expanded .block-accordion-faq__arrow {
  transform: rotate(-90deg);
}
.block-accordion-faq__panel {
  padding: 0 0 var(--space-25);
  color: var(--color-fudge-brownie);
}
.block-accordion-faq__panel[hidden] {
  display: none;
}
.block-accordion-faq__panel a {
  color: var(--color-grasshopper);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.block-accordion-faq__panel a:hover {
  color: var(--color-night-sky);
}
.block-accordion-faq__panel a:visited {
  color: var(--color-grasshopper);
}
.block-accordion-faq__panel p:last-child {
  margin-bottom: 0;
}
.block-accordion-faq--title-rosey-cheeks .block-accordion-faq__title {
  color: var(--color-rosy-cheeks);
}
.block-accordion-faq--title-night-sky .block-accordion-faq__title {
  color: var(--color-night-sky);
}
.block-accordion-faq__list[hidden], .block-accordion-faq__item[hidden] {
  display: none;
}
.block-accordion-faq__view-more {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: var(--space-30);
  border-top: 1px solid rgba(36, 47, 100, 0.1);
  background: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-top: none;
  color: var(--color-grasshopper);
  font-family: var(--font-display);
  font-weight: var(--fw-light);
  font-size: 20px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  padding: 0;
}
.block-accordion-faq__view-more svg {
  width: 15px;
  height: auto;
  transition: transform 0.2s ease;
}
.block-accordion-faq__view-more[aria-expanded=true] svg {
  transform: rotate(180deg);
}
.block-accordion-faq__view-more:focus-visible {
  outline: 3px solid var(--color-tangerine-dream);
  outline-offset: 2px;
}
.block-accordion-faq__view-more[hidden] {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .block-accordion-faq__view-more svg {
    transition: none;
  }
}

/* Volunteer Faqs (categories)*/
.block-volunteer-faqs {
  position: relative;
  padding: var(--space-70) var(--space-25);
}
@media (min-width: 768px) {
  .block-volunteer-faqs {
    padding: var(--space-70) var(--space-100);
  }
}
.block-volunteer-faqs__bg {
  position: absolute;
  inset: 0;
  background-color: var(--color-ice-cream);
  z-index: 0;
}
.block-volunteer-faqs__inner {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
@media (min-width: 990px) {
  .block-volunteer-faqs__inner {
    margin-right: 100px;
  }
}
.block-volunteer-faqs__heading {
  color: var(--color-night-sky);
  margin-bottom: var(--space-40);
}
.block-volunteer-faqs__categories {
  display: flex;
  flex-direction: column;
}
.block-volunteer-faqs__category:not(:first-child) {
  margin-top: var(--space-15);
}
.block-volunteer-faqs__category-heading {
  margin: 0;
  font-size: 24px;
}
.block-volunteer-faqs__category-toggle {
  display: flex;
  align-items: center;
  gap: var(--space-15);
  background: none;
  border: none;
  padding: 0 0 var(--space-15);
  cursor: pointer;
  text-align: left;
}
.block-volunteer-faqs__category-toggle:focus-visible {
  outline: 3px solid var(--color-tangerine-dream);
  outline-offset: 2px;
}
.block-volunteer-faqs__category-title {
  font-weight: var(--fw-bold);
  font-size: 24px;
  line-height: 30px;
  color: var(--color-rosy-cheeks);
  font-family: "Gill Sans Nova";
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
.block-volunteer-faqs__category-arrow {
  flex: 0 0 auto;
  color: var(--color-rosey-cheeks);
  transition: transform 0.2s ease;
  transform: rotate(90deg);
}
.block-volunteer-faqs__category-toggle.is-expanded .block-volunteer-faqs__category-arrow {
  transform: rotate(-90deg);
}
.block-volunteer-faqs__category-panel[hidden] {
  display: none;
}
.block-volunteer-faqs__question-heading {
  margin: 0;
}
.block-volunteer-faqs__question-toggle {
  display: flex;
  align-items: center;
  gap: var(--space-10);
  width: 100%;
  background: none;
  border: none;
  padding: var(--space-15) 0;
  cursor: pointer;
  text-align: left;
}
.block-volunteer-faqs__question-toggle:focus-visible {
  outline: 3px solid var(--color-tangerine-dream);
  outline-offset: 2px;
}
.block-volunteer-faqs__question-title {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  color: var(--color-night-sky);
  font-size: 20px;
  line-height: 24px;
}
.block-volunteer-faqs__question-arrow {
  flex: 0 0 auto;
  color: var(--color-night-sky);
  transition: transform 0.2s ease;
  transform: rotate(90deg);
}
.block-volunteer-faqs__question-toggle.is-expanded .block-accordion-faq__arrow {
  transform: rotate(-90deg);
}
.block-volunteer-faqs__question-panel {
  padding: 0 0 var(--space-25);
  color: var(--color-fudge-brownie);
}
.block-volunteer-faqs__question-panel[hidden] {
  display: none;
}
.block-volunteer-faqs__question-panel strong {
  display: block;
  color: var(--color-night-sky);
  margin-bottom: 4px;
}
.block-volunteer-faqs__question-panel a {
  color: var(--color-grasshopper);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.block-volunteer-faqs__question-panel p:last-child {
  margin-bottom: 0;
}
.block-volunteer-faqs__view-more {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: var(--space-15);
  margin-bottom: 25px;
  background: none;
  color: var(--color-grasshopper);
  font-family: var(--font-display);
  font-weight: var(--fw-light);
  font-size: 20px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  padding: 0;
  border: none;
}
.block-volunteer-faqs__view-more svg {
  width: 15px;
  height: auto;
  transition: transform 0.2s ease;
}
.block-volunteer-faqs__view-more[aria-expanded=true] svg {
  transform: rotate(180deg);
}
.block-volunteer-faqs__view-more:focus-visible {
  outline: 3px solid var(--color-tangerine-dream);
  outline-offset: 2px;
}
.block-volunteer-faqs__view-more[hidden] {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .block-volunteer-faqs__category-arrow, .block-volunteer-faqs__question-arrow, .block-volunteer-faqs__view-more svg {
    transition: none;
  }
}

/* Meet our partners */
.block-meet-our-partners {
  position: relative;
  overflow: hidden;
  padding: var(--space-70) var(--space-25);
}
.block-meet-our-partners__bg {
  position: absolute;
  inset: 0;
  background-color: var(--color-key-limey);
  z-index: 0;
}
.block-meet-our-partners__inner {
  position: relative;
  z-index: 1;
  max-width: 1240px;
  margin: 0 auto;
}
.block-meet-our-partners__intro {
  max-width: 680px;
  margin: 0 auto var(--space-50);
  text-align: center;
}
.block-meet-our-partners__heading {
  color: var(--color-night-sky);
  margin-bottom: var(--space-15);
}
.block-meet-our-partners__body {
  color: var(--color-fudge-brownie);
}
.block-meet-our-partners__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-40) var(--space-30);
}
@media (max-width: 900px) {
  .block-meet-our-partners__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .block-meet-our-partners__grid {
    grid-template-columns: 1fr;
  }
}
.block-meet-our-partners__item[hidden] {
  display: none;
}
.block-meet-our-partners__logo {
  display: flex;
  align-items: flex-start;
  height: 65px;
  margin-bottom: var(--space-25);
}
.block-meet-our-partners__logo img {
  max-width: 150px;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
.block-meet-our-partners__copy {
  color: var(--color-fudge-brownie);
}
.block-meet-our-partners__copy-teaser {
  display: inline;
}
.block-meet-our-partners__copy-more[hidden] {
  display: none;
}
.block-meet-our-partners__read-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: var(--space-15);
  background: none;
  border: none;
  padding: 0;
  color: var(--color-night-sky);
  font-family: var(--font-display);
  font-weight: var(--fw-light);
  font-size: 20px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  cursor: pointer;
}
.block-meet-our-partners__read-more svg {
  width: 10px;
  height: auto;
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}
.block-meet-our-partners__read-more.is-expanded svg {
  transform: rotate(90deg);
}
.block-meet-our-partners__read-more:focus-visible {
  outline: 3px solid var(--color-tangerine-dream);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .block-meet-our-partners__read-more svg {
    transition: none;
  }
}
.block-meet-our-partners__view-more {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-10);
  margin: var(--space-50) auto 0;
  background: none;
  border: none;
  padding: 0;
  color: var(--color-night-sky);
  font-family: var(--font-display);
  font-weight: var(--fw-bold);
  font-size: 24px;
  line-height: 30px;
  text-transform: capitalize;
  cursor: pointer;
}
.block-meet-our-partners__view-more svg {
  width: 20px;
  height: auto;
  transition: transform 0.2s ease;
}
.block-meet-our-partners__view-more:focus-visible {
  outline: 3px solid var(--color-tangerine-dream);
  outline-offset: 2px;
}
.block-meet-our-partners__view-more[hidden] {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .block-meet-our-partners__view-more svg {
    transition: none;
  }
}

/*Donate Form*/
.block-embedded-form {
  position: relative;
  padding: var(--space-70) var(--space-25);
}
.block-embedded-form__bg {
  position: absolute;
  inset: 0;
  background-color: var(--color-grasshopper);
  z-index: 0;
}
.block-embedded-form__inner {
  position: relative;
  z-index: 1;
  max-width: 800px;
  margin: 0 auto;
}

/* board of directors */
.block-board-of-directors {
  position: relative;
  padding: var(--space-70) var(--space-25);
}
.block-board-of-directors.block-copy-image--reduce-bottom {
  padding-bottom: 0;
}
.block-board-of-directors:nth-last-child(1 of .block-board-of-directors) {
  padding-bottom: 75px;
}
@media (min-width: 768px) {
  .block-board-of-directors:nth-last-child(1 of .block-board-of-directors) {
    padding-bottom: 125px;
  }
}
.block-board-of-directors__bg {
  position: absolute;
  inset: 0;
  background-color: var(--color-ice-cream);
  z-index: 0;
}
.block-board-of-directors__inner {
  position: relative;
  z-index: 1;
  max-width: 1240px;
  margin: 0 auto;
}
.block-board-of-directors__intro {
  max-width: 970px;
  margin: 0 auto var(--space-50);
  text-align: center;
}
@media (min-width: 768px) {
  .block-board-of-directors__intro {
    margin-bottom: var(--space-70);
  }
}
.block-board-of-directors__intro.with-subhead {
  margin-bottom: var(--space-50);
}
.block-board-of-directors__heading {
  color: var(--color-rosy-cheeks);
  margin-bottom: var(--space-15);
}
.block-board-of-directors__subheading {
  margin-top: var(--space-30);
}
.block-board-of-directors__body {
  color: var(--color-fudge-brownie);
}
.block-board-of-directors__columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 var(--space-40);
}
@media (max-width: 800px) {
  .block-board-of-directors__columns {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.block-board-of-directors__column {
  list-style: none;
  margin: 0;
  padding: 0;
}
.block-board-of-directors__row {
  padding: 5px 20px 2.5px;
  min-height: 60px;
  flex-direction: column;
  justify-content: center;
}
.block-board-of-directors__row:not([hidden]) {
  display: flex;
}
.block-board-of-directors__row {
  background-color: var(--color-ice-cream);
}
.block-board-of-directors__row.is-striped {
  background-color: var(--color-white);
}
@media (min-width: 801px) {
  .block-board-of-directors__row {
    background-color: var(--color-ice-cream);
  }
  .block-board-of-directors__row.is-striped {
    background-color: var(--color-ice-cream);
  }
  .block-board-of-directors__row:nth-child(odd) {
    background-color: var(--color-white);
  }
}
@media (min-width: 768px) {
  .block-board-of-directors__row[hidden] {
    display: flex !important;
  }
}
.block-board-of-directors__view-more {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: var(--space-10);
  margin: var(--space-25) 0 0;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-grasshopper);
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 24px;
  padding: 0;
  margin: 40px auto 0;
  align-items: center;
}
@media (min-width: 768px) {
  .block-board-of-directors__view-more {
    display: none;
  }
}
.block-board-of-directors__name {
  font-weight: var(--fw-bold);
  color: var(--color-night-sky);
  margin: 0;
  line-height: 20px;
}
.block-board-of-directors__role {
  color: var(--color-fudge-brownie);
  line-height: 20px;
}

/* jobs */
.block-job-listings {
  position: relative;
  overflow: hidden;
  padding: var(--space-70) var(--space-25);
}
@media (min-width: 768px) {
  .block-job-listings {
    padding: var(--space-70) var(--space-100) var(--space-100);
  }
}
.block-job-listings__bg {
  position: absolute;
  inset: 0;
  background-color: var(--color-white);
  z-index: 0;
}
.block-job-listings__inner {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
.block-job-listings__heading {
  color: var(--color-rosy-cheeks);
  margin-bottom: var(--space-40);
  text-align: center;
}
.block-job-listings__categories {
  display: flex;
  flex-direction: column;
  gap: var(--space-15);
}
.block-job-listings__category-heading {
  margin: 0;
}
.block-job-listings__category-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: var(--color-dandelion);
  border: none;
  padding: 20px 45px 15px 25px;
  cursor: pointer;
  text-align: left;
}
.block-job-listings__category-toggle:focus-visible {
  outline: 3px solid var(--color-night-sky);
  outline-offset: -3px;
}
.block-job-listings__category-toggle svg {
  transform: rotate(90deg);
  transition: transform 0.2s ease;
  position: absolute;
  right: 20px;
}
.block-job-listings__category-toggle.is-expanded svg {
  transform: rotate(-90deg);
}
.block-job-listings__category-title {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  color: var(--color-night-sky);
  font-size: 20px;
}
@media (min-width: 768px) {
  .block-job-listings__category-title {
    font-size: 24px;
  }
}
.block-job-listings__category-arrow {
  flex: 0 0 auto;
  color: var(--color-night-sky);
  transition: transform 0.2s ease;
}
.block-job-listings__category-toggle.is-expanded .block-job-listings__category-arrow {
  transform: rotate(90deg);
}
.block-job-listings__category-panel {
  padding: 35px 0;
  border-bottom: 1px solid grey;
}
.block-job-listings__category-panel[hidden] {
  display: none;
}
.block-job-listings__category-panel:last-of-type {
  border: none;
}
.block-job-listings__job {
  border-bottom: 1px solid rgba(36, 47, 100, 0.1);
  padding-bottom: var(--space-25);
  margin-bottom: var(--space-25);
}
.block-job-listings__job:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.block-job-listings__job-heading {
  color: var(--color-night-sky);
  font-size: 24px;
  line-height: 30px;
  text-transform: capitalize;
  margin-bottom: var(--space-20);
}
.block-job-listings__job-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
  padding: 0;
  color: var(--color-grasshopper);
  font-family: var(--font-display);
  font-weight: var(--fw-light);
  font-size: 20px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.block-job-listings__job-toggle svg {
  width: 18px;
  height: auto;
  transition: transform 0.2s ease;
}
.block-job-listings__job-toggle:focus-visible {
  outline: 3px solid var(--color-tangerine-dream);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .block-job-listings__job-toggle svg {
    transition: none;
  }
}
.block-job-listings__job-toggle--top.is-expanded {
  display: none;
}
.block-job-listings__job-toggle--bottom {
  margin-top: var(--space-25);
}
.block-job-listings__job-panel {
  margin-top: var(--space-20);
}
.block-job-listings__job-panel[hidden] {
  display: none;
}
.block-job-listings__job-panel h2 {
  font-size: 16px;
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  text-transform: none;
  margin-bottom: 10px;
}
.block-job-listings__job-body {
  color: var(--color-fudge-brownie);
}
.block-job-listings__job-body strong {
  color: var(--color-night-sky);
}
.block-job-listings__job-body ul, .block-job-listings__job-body ol {
  padding-left: 1.2em;
}
.block-job-listings__job-body p:last-child,
.block-job-listings__job-body ul:last-child,
.block-job-listings__job-body ol:last-child {
  margin-bottom: 0;
}
.block-job-listings__job-cta {
  margin: var(--space-25) 0 50px;
}
.block-job-listings__disclaimer {
  color: var(--color-fudge-brownie);
  font-size: 14px;
}
.block-job-listings__disclaimer p:last-child {
  margin-bottom: 0;
}
.block-job-listings__disclaimer em {
  font-style: italic;
}

/* image with mobile option for expenses */
.block-image-with-banner {
  position: relative;
  padding: var(--space-70) var(--space-25) 125px;
  text-align: center;
}
@media (min-width: 990px) {
  .block-image-with-banner {
    padding-bottom: 80px;
  }
}
.block-image-with-banner__bg {
  position: absolute;
  inset: 0;
  background-color: var(--color-ice-cream);
  z-index: 0;
}
.block-image-with-banner__inner {
  position: relative;
  z-index: 1;
  max-width: 1240px;
  margin: 0 auto;
}
.block-image-with-banner__card {
  background: var(--color-white);
  margin-bottom: var(--space-40);
}
.block-image-with-banner__image picture,
.block-image-with-banner__image img {
  display: block;
  width: 100%;
  height: auto;
}
.block-image-with-banner__body {
  max-width: 1000px;
  margin: 0 0 var(--space-30);
  text-align: left;
  color: var(--color-fudge-brownie);
}
.block-image-with-banner__body p:last-child {
  margin-bottom: 0;
}
@media (min-width: 990px) {
  .block-image-with-banner__body {
    padding-right: 100px;
  }
}
.block-image-with-banner__ctas {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-15);
  align-items: center;
}

/* logo / partner info (badges strip) */
.block-logo-partner-info {
  position: relative;
  overflow: hidden;
  padding: var(--space-70) var(--space-25);
  text-align: center;
}
.block-logo-partner-info__bg {
  position: absolute;
  inset: 0;
  background-color: var(--color-night-sky);
  z-index: 0;
}
.block-logo-partner-info__container {
  position: relative;
  z-index: 1;
  max-width: var(--max-width-wide);
  margin: 0 auto;
}
.block-logo-partner-info__items {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-50);
}
@media (min-width: 768px) {
  .block-logo-partner-info__items {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-25);
    align-items: center;
  }
}
.block-logo-partner-info__item:not([hidden]) {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .block-logo-partner-info__item[hidden] {
    display: flex !important;
    flex-direction: column;
    align-items: center;
  }
}
.block-logo-partner-info__logo {
  max-width: 150px;
  margin-bottom: var(--space-20);
}
.block-logo-partner-info__logo img {
  display: block;
  width: 100%;
  height: auto;
}
.block-logo-partner-info__copy {
  color: var(--color-white);
  font-size: var(--fs-body);
  max-width: 280px;
}
.block-logo-partner-info__copy strong {
  font-weight: var(--fw-bold);
  color: var(--color-grasshopper);
}
.block-logo-partner-info__copy a {
  color: var(--color-key-limey);
  font-weight: 600;
  text-decoration: none;
}
.block-logo-partner-info__copy a:hover, .block-logo-partner-info__copy a:visited {
  color: var(--color-key-limey);
  text-decoration: underline;
}
.block-logo-partner-info__view-more-box {
  margin-top: var(--space-40);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-10);
}
@media (min-width: 768px) {
  .block-logo-partner-info__view-more-box {
    display: none;
  }
}
.block-logo-partner-info__view-more-box:has(.block-logo-partner-info__view-more[hidden]) {
  display: none;
}
.block-logo-partner-info__view-more-arrow {
  color: var(--color-white);
}
.block-logo-partner-info__view-more {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-white);
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  padding: 0;
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.block-logo-partner-info__view-more[aria-expanded=true] svg {
  transform: rotate(180deg);
}
.block-logo-partner-info__view-more:hover {
  color: var(--color-dandelion);
}

/* icon note */
.block-icon-note {
  position: relative;
  overflow: hidden;
  padding: var(--space-75) var(--space-25) var(--space-60);
  text-align: center;
}
.block-icon-note--dandelion {
  background-color: var(--color-dandelion);
}
.block-icon-note--blue-bird-days {
  background-color: var(--color-blue-bird-days);
}
.block-icon-note--plum-puddin {
  background-color: var(--color-plum-puddin);
}
.block-icon-note__container {
  position: relative;
  z-index: 1;
  max-width: 500px;
  margin: 0 auto;
}
.block-icon-note__icon {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
}
.block-icon-note__icon svg {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.block-icon-note__card {
  background-color: var(--color-white);
  padding: var(--space-30) var(--space-20);
}
.block-icon-note__copy {
  color: var(--color-fudge-brownie);
  font-size: var(--fs-body);
}
.block-icon-note__copy strong {
  font-weight: var(--fw-bold);
  color: var(--color-night-sky);
}
.block-icon-note__copy p {
  margin-bottom: 0;
}
.block-icon-note__copy a {
  color: var(--color-grasshopper);
  text-decoration: underline;
}
.block-icon-note__copy a:hover, .block-icon-note__copy a:visited {
  color: var(--color-night-sky);
}

/* program tabs */
.block-program-tabs {
  position: relative;
  overflow: hidden;
  padding: var(--space-70) var(--space-25) var(--space-100);
}
@media (min-width: 768px) {
  .block-program-tabs {
    padding: var(--space-100) var(--space-25);
  }
}
.block-program-tabs__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: var(--color-blue-bird-days);
  transition: background-color 0.3s ease;
}
.block-program-tabs[data-active-theme=blue-bird] .block-program-tabs__bg {
  background-color: var(--color-blue-bird-days);
}
.block-program-tabs[data-active-theme=dandelion] .block-program-tabs__bg {
  background-color: var(--color-dandelion);
}
.block-program-tabs[data-active-theme=key-limey] .block-program-tabs__bg {
  background-color: var(--color-key-limey);
}
.block-program-tabs__container {
  position: relative;
  z-index: 1;
  max-width: var(--max-width-wide);
  margin: 0 auto;
}
.block-program-tabs__tablist {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-20) var(--space-30);
  margin-bottom: var(--space-40);
  justify-content: center;
}
.block-program-tabs__tab {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  color: var(--color-night-sky);
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 18px;
  text-transform: capitalize;
  text-decoration: none;
}
@media (min-width: 768px) {
  .block-program-tabs__tab {
    font-size: 24px;
  }
}
.block-program-tabs__tab:hover, .block-program-tabs__tab.is-active, .block-program-tabs__tab[aria-selected=true] {
  text-decoration: underline;
}
.block-program-tabs__tab:focus-visible {
  outline: 2px solid var(--color-night-sky);
  outline-offset: 4px;
}
.block-program-tabs__panel {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-40);
  align-items: center;
}
@media (min-width: 768px) {
  .block-program-tabs__panel {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
.block-program-tabs__panel[hidden] {
  display: none;
}
.block-program-tabs__copy {
  color: var(--color-night-sky);
  min-width: 0;
}
@media (min-width: 990px) {
  .block-program-tabs__copy {
    margin-left: 100px;
  }
}
.block-program-tabs__header {
  font-family: var(--font-display);
  font-size: 44px;
  line-height: 1;
  margin: 0 0 var(--space-20);
  color: var(--color-night-sky);
  overflow-wrap: break-word;
}
@media (min-width: 768px) {
  .block-program-tabs__header {
    font-size: 56px;
  }
}
.block-program-tabs__body {
  font-size: var(--fs-body);
  margin-bottom: var(--space-25);
  color: var(--color-fudge-brownie);
}
.block-program-tabs__body strong {
  font-weight: var(--fw-bold);
}
.block-program-tabs__body a {
  color: inherit;
  text-decoration: underline;
}
.block-program-tabs__cta {
  color: var(--color-white);
}
.block-program-tabs__cta:hover {
  color: var(--color-fudge-brownie);
}
.block-program-tabs__cta:visited {
  color: var(--color-white);
}
.block-program-tabs__cta span {
  display: inline-block;
}
.block-program-tabs__cta--night-sky:before {
  background-color: var(--color-night-sky);
}
.block-program-tabs__image {
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
}
.block-program-tabs__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* event schedules */
.block-event-schedules {
  position: relative;
  overflow: hidden;
  padding: var(--space-70) var(--space-25);
  text-align: center;
}
.block-event-schedules__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: var(--color-ice-cream);
}
.block-event-schedules__container {
  position: relative;
  z-index: 1;
  max-width: unset;
  margin: 0 auto;
}
.block-event-schedules__heading {
  font-family: var(--font-display);
  font-size: 40px;
  color: var(--color-rosy-cheeks);
  line-height: 1;
  margin: 0 0 var(--space-40);
}
@media (min-width: 768px) {
  .block-event-schedules__heading {
    font-size: 80px;
  }
}
.block-event-schedules__columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-25);
  text-align: left;
  margin-bottom: var(--space-40);
}
@media (min-width: 768px) {
  .block-event-schedules__columns.block-event-schedules__columns--count-1 {
    grid-template-columns: minmax(0, 680px);
    justify-content: center;
  }
  .block-event-schedules__columns.block-event-schedules__columns--count-2 {
    grid-template-columns: repeat(2, minmax(0, 600px));
    justify-content: center;
  }
  .block-event-schedules__columns.block-event-schedules__columns--count-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .block-event-schedules__columns {
    padding-left: 100px;
    padding-right: 100px;
  }
}
.block-event-schedules__column-heading {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 18px;
  color: var(--color-night-sky);
  margin: 0 0 var(--space-10);
}
.block-event-schedules__table .tablesaw {
  margin-top: 0;
}
.block-event-schedules__table-header {
  background-color: var(--color-key-limey);
  color: var(--color-night-sky);
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 16px;
  padding: var(--space-10) var(--space-15);
}
.block-event-schedules__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-15);
  padding: var(--space-10) var(--space-15);
  background-color: var(--color-white);
  border-bottom: 1px solid var(--color-ice-cream);
  font-size: 16px;
}
.block-event-schedules__row:last-child {
  border-bottom: none;
}
.block-event-schedules__row-title {
  color: var(--color-night-sky);
  text-decoration: underline;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.block-event-schedules__row-date {
  color: var(--color-night-sky);
  text-decoration: underline;
  white-space: nowrap;
}
.block-event-schedules__cta {
  display: inline-block;
}

/* breadcrumb + copy */
.block-breadcrumb-copy {
  position: relative;
  overflow: hidden;
  padding: var(--space-50) var(--space-25) 60px;
}
@media (min-width: 990px) {
  .block-breadcrumb-copy {
    padding: var(--space-50) var(--space-100) 60px;
  }
}
.block-breadcrumb-copy__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: var(--color-white);
}
.block-breadcrumb-copy__container {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
.block-breadcrumb-copy__breadcrumb {
  margin-bottom: 0;
}
.block-breadcrumb-copy__breadcrumb.with-bottom {
  margin-bottom: 40px;
}
.block-breadcrumb-copy__breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.block-breadcrumb-copy__breadcrumb li {
  display: flex;
  align-items: center;
  margin: 0;
}
.block-breadcrumb-copy__breadcrumb a {
  color: var(--color-grasshopper);
  font-size: 14px;
  text-decoration: none;
}
.block-breadcrumb-copy__breadcrumb a:hover {
  text-decoration: underline;
}
.block-breadcrumb-copy__breadcrumb span[aria-current=page] {
  color: var(--color-night-sky);
  font-size: 14px;
}
.block-breadcrumb-copy__separator {
  color: var(--color-night-sky);
  font-size: 14px;
  margin: 0 var(--space-10);
}
.block-breadcrumb-copy__copy {
  color: var(--color-night-sky);
  font-size: var(--fs-body);
  max-width: 780px;
}
.block-breadcrumb-copy__copy ul, .block-breadcrumb-copy__copy ol {
  margin: var(--space-10) 0 var(--space-20);
  padding-left: var(--space-20);
}
.block-breadcrumb-copy__copy li {
  margin-bottom: var(--space-5);
}
.block-breadcrumb-copy__copy a {
  color: var(--color-grasshopper);
  text-decoration: underline;
}
.block-breadcrumb-copy__copy p,
.block-breadcrumb-copy__copy li {
  color: var(--color-fudge-brownie);
}
.block-breadcrumb-copy__copy strong {
  color: var(--color-night-sky);
  font-weight: var(--fw-bold);
}

/* column grid */
.block-column-grid {
  position: relative;
  padding: var(--space-80) var(--space-25);
}
@media (min-width: 768px) {
  .block-column-grid {
    padding: var(--space-70) 150px var(--space-70) var(--space-100);
  }
}
@media (min-width: 990px) {
  .block-column-grid {
    padding-right: 200px;
  }
}
.block-column-grid__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: var(--color-ice-cream);
}
.block-column-grid__container {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
.block-column-grid__heading {
  font-family: var(--font-display);
  font-size: 25px;
  color: var(--color-rosy-cheeks);
  line-height: 1;
  margin: 0 0 var(--space-30);
}
@media (min-width: 768px) {
  .block-column-grid__heading {
    font-size: 40px;
  }
}
.block-column-grid__columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-30);
}
@media (min-width: 768px) {
  .block-column-grid__columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: var(--space-40);
  }
}
.block-column-grid__column {
  color: var(--color-night-sky);
  font-size: var(--fs-body);
}
.block-column-grid__column h1, .block-column-grid__column h2, .block-column-grid__column h3, .block-column-grid__column h4, .block-column-grid__column strong {
  font-weight: var(--fw-bold);
  color: var(--color-night-sky);
  display: block;
  margin: 0 0 var(--space-10);
  font-size: 20px;
}
.block-column-grid__column p {
  color: var(--color-fudge-brownie);
}
.block-column-grid__column p:last-child, .block-column-grid__column p ul:last-child, .block-column-grid__column p ol:last-child {
  margin-bottom: 0;
}
.block-column-grid__column ul, .block-column-grid__column ol {
  margin: 0 0 var(--space-15);
  padding-left: var(--space-20);
}
.block-column-grid__column li {
  margin-bottom: var(--space-5);
  color: var(--color-fudge-brownie);
}
.block-column-grid__column a {
  color: var(--color-grasshopper);
  text-decoration: underline;
}

/* detail subpage hero */
.block-detail-hero {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.block-detail-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.block-detail-hero--tangerine .block-detail-hero__bg {
  background-color: var(--color-tangerine-dream);
}
.block-detail-hero--grasshopper .block-detail-hero__bg {
  background-color: var(--color-grasshopper);
}
.block-detail-hero--rosy-cheeks .block-detail-hero__bg {
  background-color: var(--color-rosy-cheeks);
}
.block-detail-hero--plum-puddin .block-detail-hero__bg {
  background-color: var(--color-plum-puddin);
}
.block-detail-hero__container {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: space-between;
  height: clamp(180px, 127px + 13.4vw, 320px);
}
.block-detail-hero__heading {
  flex: 1 1 auto;
  min-width: 0;
  padding-left: 20px;
  padding-right: var(--space-20);
  font-family: var(--font-display);
  font-size: 40px;
  line-height: 1;
  color: var(--color-white);
  margin: 0;
  overflow-wrap: break-word;
}
@media (min-width: 400px) {
  .block-detail-hero__heading {
    font-size: 40px;
  }
}
@media (min-width: 480px) {
  .block-detail-hero__heading {
    font-size: 50px;
  }
}
@media (min-width: 768px) {
  .block-detail-hero__heading {
    font-size: 60px;
  }
}
@media (min-width: 990px) {
  .block-detail-hero__heading {
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  .block-detail-hero__heading {
    font-size: 80px;
    padding-left: 60px;
  }
}
@media (min-width: 1400px) {
  .block-detail-hero__heading {
    padding-left: 100px;
  }
}
.block-detail-hero__photo {
  position: relative;
  height: 100%;
  overflow: hidden;
  flex: 0 0 auto;
}
.block-detail-hero--heart .block-detail-hero__photo {
  aspect-ratio: 205/180;
}
@media (min-width: 990px) {
  .block-detail-hero--heart .block-detail-hero__photo {
    aspect-ratio: 847/320;
  }
}
.block-detail-hero--smiley .block-detail-hero__photo {
  aspect-ratio: 189/180;
}
@media (min-width: 990px) {
  .block-detail-hero--smiley .block-detail-hero__photo {
    aspect-ratio: 849/320;
  }
}
.block-detail-hero__clip-svg {
  display: none;
  width: 100%;
  height: 100%;
}
.block-detail-hero__clip-svg--mobile {
  display: block;
}
@media (min-width: 990px) {
  .block-detail-hero__clip-svg--mobile {
    display: none;
  }
}
.block-detail-hero__clip-svg--desktop {
  display: none;
}
@media (min-width: 990px) {
  .block-detail-hero__clip-svg--desktop {
    display: block;
  }
}
.block-detail-hero__swoosh {
  fill: currentColor;
}
.block-detail-hero--tangerine .block-detail-hero__clip-svg {
  color: var(--color-tangerine-dream);
}
.block-detail-hero--grasshopper .block-detail-hero__clip-svg {
  color: var(--color-grasshopper);
}
.block-detail-hero--rosy-cheeks .block-detail-hero__clip-svg {
  color: var(--color-rosy-cheeks);
}
.block-detail-hero--plum-puddin .block-detail-hero__clip-svg {
  color: var(--color-plum-puddin);
}

/* camp map copy */
.block-camp-map-copy {
  position: relative;
  overflow: hidden;
  padding: 80px var(--space-30) var(--space-100);
}
@media (min-width: 990px) {
  .block-camp-map-copy {
    padding: var(--space-70) var(--space-100);
  }
}
.block-camp-map-copy__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: var(--color-ice-cream);
}
.block-camp-map-copy__container {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-40);
}
@media (min-width: 990px) {
  .block-camp-map-copy__container {
    flex-direction: row;
    align-items: center;
    text-align: left;
    justify-content: space-between;
  }
}
.block-camp-map-copy__text {
  text-align: left;
}
@media (min-width: 990px) {
  .block-camp-map-copy__text {
    text-align: left;
    flex: 1 1 auto;
    max-width: 600px;
  }
}
@media (min-width: 1400px) {
  .block-camp-map-copy__text {
    max-width: 800px;
  }
}
.block-camp-map-copy__heading {
  font-family: var(--font-display);
  font-size: 25px;
  color: var(--color-rosy-cheeks);
  line-height: 30px;
  margin: 0 0 var(--space-25);
  text-align: left;
}
@media (min-width: 990px) {
  .block-camp-map-copy__heading {
    font-size: 40px;
    line-height: 1;
    max-width: 500px;
  }
}
.block-camp-map-copy__body {
  color: var(--color-night-sky);
  font-size: var(--fs-body);
  margin-bottom: var(--space-25);
}
.block-camp-map-copy__body strong {
  font-weight: var(--fw-bold);
}
.block-camp-map-copy__body ul, .block-camp-map-copy__body ol {
  text-align: left;
  margin: var(--space-10) 0 var(--space-20);
  padding-left: var(--space-20);
}
.block-camp-map-copy__body li {
  margin-bottom: var(--space-5);
}
.block-camp-map-copy__body a {
  color: var(--color-grasshopper);
  text-decoration: underline;
}
.block-camp-map-copy__map {
  width: 100%;
}
@media (min-width: 990px) {
  .block-camp-map-copy__map {
    flex: 0 0 clamp(300px, 45%, 600px);
  }
}
.block-camp-map-copy__map img {
  display: block;
  width: 100%;
  height: auto;
}
.block-camp-map-copy__map--desktop-only {
  display: none;
}
@media (min-width: 990px) {
  .block-camp-map-copy__map--desktop-only {
    display: block;
  }
}
.block-camp-map-copy__map--mobile {
  display: flex;
  flex-direction: column;
  gap: var(--space-20);
  max-width: 400px;
}
@media (min-width: 990px) {
  .block-camp-map-copy__map--mobile {
    display: none;
  }
}

/* featured story */
.block-featured-story {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 0;
}
@media (min-width: 990px) {
  .block-featured-story {
    padding: 100px 30px 90px;
    text-align: left;
  }
}
.block-featured-story__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: var(--color-blue-bird-days);
}
.block-featured-story__container {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-40);
  align-items: center;
}
@media (min-width: 990px) {
  .block-featured-story__container {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
.block-featured-story__copy {
  padding: var(--space-70) var(--space-30) var(--space-30);
}
@media (min-width: 990px) {
  .block-featured-story__copy {
    padding: 0 30px 0 60px;
  }
}
.block-featured-story__copy .btn:hover::before {
  background-color: var(--color-fudge-brownie);
}
.block-featured-story__eyebrow {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 18px;
  color: var(--color-night-sky);
  text-transform: capitalize;
  margin: 0 0 var(--space-15);
}
@media (min-width: 990px) {
  .block-featured-story__eyebrow {
    font-size: 24px;
  }
}
.block-featured-story__title {
  font-family: var(--font-display);
  font-size: 25px;
  line-height: 30px;
  color: var(--color-night-sky);
  margin: 0 0 var(--space-20);
}
@media (min-width: 990px) {
  .block-featured-story__title {
    font-size: 40px;
    line-height: 40px;
  }
}
.block-featured-story__excerpt {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
  line-height: 24px;
  margin: 0 0 var(--space-25);
}
.block-featured-story__image {
  width: 100%;
  /* aspect-ratio: 680 / 400; */
  clip-path: polygon(0 0, 100% var(--slant-size), 100% 100%, 0 100%);
  height: 260px;
}
@media (min-width: 990px) {
  .block-featured-story__image {
    height: 400px;
    clip-path: unset;
  }
}
.block-featured-story__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* latest news */
.block-latest-news {
  position: relative;
  padding: var(--space-70) var(--space-20) var(--space-100) var(--space-20);
  text-align: center;
}
@media (min-width: 768px) {
  .block-latest-news {
    padding: var(--space-100) var(--space-30);
  }
}
.block-latest-news__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: var(--color-ice-cream);
}
.block-latest-news__container {
  position: relative;
  z-index: 1;
}
.block-latest-news__heading {
  font-family: var(--font-display);
  font-size: clamp(50px, 6vw, 80px);
  line-height: 1;
  color: var(--color-tangerine-dream);
  margin-bottom: var(--space-40);
}
.block-latest-news__cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  margin: 0 auto var(--space-40);
  text-align: left;
  max-width: var(--max-width-wide);
}
@media (min-width: 768px) {
  .block-latest-news__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.block-latest-news__card {
  display: block;
  color: inherit;
  text-decoration: none;
}
.block-latest-news__card:hover > .block-latest-news__card-title {
  text-decoration: underline;
}
.block-latest-news__card-image {
  aspect-ratio: 4/3;
  overflow: hidden;
  margin-bottom: var(--space-15);
}
.block-latest-news__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.block-latest-news__card-title {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 20px;
  color: var(--color-night-sky);
}

/* schedule of festivities */
.block-schedule-of-festivities {
  position: relative;
  background-color: var(--color-white);
  padding: var(--space-70) var(--space-30) var(--space-100);
  text-align: center;
  overflow: hidden;
}
@media (min-width: 768px) {
  .block-schedule-of-festivities {
    padding: var(--space-70) var(--space-100);
  }
}
.block-schedule-of-festivities__heading {
  font-family: var(--font-display);
  font-size: clamp(50px, 6vw, 80px);
  color: var(--color-night-sky);
  line-height: 1;
  margin: 0 auto var(--space-40);
}
.block-schedule-of-festivities__inner {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-50);
  max-width: 1400px;
  margin: 0 auto;
}
@media (min-width: 990px) {
  .block-schedule-of-festivities__inner {
    grid-template-columns: 1fr 1fr;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    align-items: center;
    text-align: left;
  }
}
.block-schedule-of-festivities {
  /* ---- Timeline list (from Camp History Timeline) ---- */
}
.block-schedule-of-festivities__list {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.block-schedule-of-festivities__entry {
  position: relative;
  padding: 0 0 var(--space-50) var(--space-40);
}
.block-schedule-of-festivities__entry:last-child {
  padding-bottom: 0;
}
.block-schedule-of-festivities__dot {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.block-schedule-of-festivities__connector {
  position: absolute;
  top: var(--space-40);
  bottom: 5px;
  left: 12px;
  width: 4px;
  background-color: var(--color-grasshopper);
}
.block-schedule-of-festivities__entry:last-child .block-schedule-of-festivities__connector {
  display: none;
}
.block-schedule-of-festivities__time {
  font-family: var(--font-display);
  font-size: 25px;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  margin: 0 0 var(--space-10);
  /* Desktop uses a genuinely different type treatment, not just a
     bigger font-size — same pattern as the single-post title. */
}
@media (min-width: 990px) {
  .block-schedule-of-festivities__time {
    font-size: 40px;
    line-height: 40px;
    text-transform: none;
    letter-spacing: 0;
  }
}
.block-schedule-of-festivities__details {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: 24px;
  color: var(--color-fudge-brownie);
  margin: 0;
}
.block-schedule-of-festivities {
  /* Color cycles automatically: pink-pong → tangerine-dream →
     rosy-cheeks → plum-puddin → dandelion → repeats. Same cycle as
     Camp History Timeline, applied to &__dot, &__connector's top end,
     and &__time together. */
}
.block-schedule-of-festivities__entry:nth-child(5n+1) .block-schedule-of-festivities__dot {
  background-color: var(--color-pink-pong);
}
.block-schedule-of-festivities__entry:nth-child(5n+1) .block-schedule-of-festivities__time {
  color: var(--color-pink-pong);
}
.block-schedule-of-festivities__entry:nth-child(5n+2) .block-schedule-of-festivities__dot {
  background-color: var(--color-tangerine-dream);
}
.block-schedule-of-festivities__entry:nth-child(5n+2) .block-schedule-of-festivities__time {
  color: var(--color-tangerine-dream);
}
.block-schedule-of-festivities__entry:nth-child(5n+3) .block-schedule-of-festivities__dot {
  background-color: var(--color-rosy-cheeks);
}
.block-schedule-of-festivities__entry:nth-child(5n+3) .block-schedule-of-festivities__time {
  color: var(--color-rosy-cheeks);
}
.block-schedule-of-festivities__entry:nth-child(5n+4) .block-schedule-of-festivities__dot {
  background-color: var(--color-plum-puddin);
}
.block-schedule-of-festivities__entry:nth-child(5n+4) .block-schedule-of-festivities__time {
  color: var(--color-plum-puddin);
}
.block-schedule-of-festivities__entry:nth-child(5n+5) .block-schedule-of-festivities__dot {
  background-color: var(--color-dandelion);
}
.block-schedule-of-festivities__entry:nth-child(5n+5) .block-schedule-of-festivities__time {
  color: var(--color-dandelion);
}
.block-schedule-of-festivities {
  /* &__time picks up color as text-color; &__dot picks up the SAME
     value as background-color. Harmless overlap — each selector only
     actually applies the property relevant to that element. */
  /* ---- Photo collage (from Making It Count) ----
     Unified 2-column grid at every breakpoint — no more staggered
     3-column scatter, no separate mobile-only virtual-column trick.
     Photos just flow naturally into 2 columns, 2 per row, in DOM
     order; the last (7th) photo sits alone, centered under the pair
     above it via justify-items: center. */
}
.block-schedule-of-festivities__photos {
  position: relative;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: var(--space-15);
  justify-items: center;
  align-items: center;
  overflow: hidden;
  left: 50%;
  transform: translateX(-50%);
  width: 150%;
}
@media (min-width: 768px) {
  .block-schedule-of-festivities__photos {
    width: 125%;
  }
}
@media (min-width: 990px) {
  .block-schedule-of-festivities__photos {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-30);
    overflow: visible;
    left: auto;
    transform: none;
    width: 100%;
  }
}
.block-schedule-of-festivities__photo {
  position: relative;
  width: 150px;
  height: 150px;
  perspective: 1200px;
}
@media (min-width: 768px) {
  .block-schedule-of-festivities__photo {
    width: 200px;
    height: 200px;
  }
}
@media (min-width: 990px) {
  .block-schedule-of-festivities__photo {
    width: 100%;
    max-width: 200px;
    height: auto;
    aspect-ratio: 1/1;
  }
}
.block-schedule-of-festivities {
  /* Mobile/tablet: clean 4-across-top, 3-centered-below grid — no
     vertical offset between photos, matching Making It Count's
     original mobile layout exactly. */
}
.block-schedule-of-festivities__photo--1 {
  grid-column: 1/3;
  grid-row: 1;
}
.block-schedule-of-festivities__photo--2 {
  grid-column: 3/5;
  grid-row: 1;
}
.block-schedule-of-festivities__photo--3 {
  grid-column: 5/7;
  grid-row: 1;
}
.block-schedule-of-festivities__photo--4 {
  grid-column: 7/9;
  grid-row: 1;
}
.block-schedule-of-festivities__photo--5 {
  grid-column: 2/4;
  grid-row: 2;
}
.block-schedule-of-festivities__photo--6 {
  grid-column: 4/6;
  grid-row: 2;
}
.block-schedule-of-festivities__photo--7 {
  grid-column: 6/8;
  grid-row: 2;
}
.block-schedule-of-festivities {
  /* 4-column stagger at desktop — odd columns (1, 3) shifted down,
     even columns (2, 4) shifted up, matching the reference screenshot.
     7 photos across 4 columns: cols 1–3 get 2 each, col 4 gets 1. */
}
@media (min-width: 990px) {
  .block-schedule-of-festivities__photo--1 {
    grid-column: 1;
    grid-row: 1;
  }
  .block-schedule-of-festivities__photo--5 {
    grid-column: 1;
    grid-row: 2;
  }
  .block-schedule-of-festivities__photo--1, .block-schedule-of-festivities__photo--5 {
    transform: translateY(15%);
  }
  .block-schedule-of-festivities__photo--2 {
    grid-column: 2;
    grid-row: 1;
  }
  .block-schedule-of-festivities__photo--6 {
    grid-column: 2;
    grid-row: 2;
  }
  .block-schedule-of-festivities__photo--2, .block-schedule-of-festivities__photo--6 {
    transform: translateY(-15%);
  }
  .block-schedule-of-festivities__photo--3 {
    grid-column: 3;
    grid-row: 1;
  }
  .block-schedule-of-festivities__photo--7 {
    grid-column: 3;
    grid-row: 2;
  }
  .block-schedule-of-festivities__photo--3, .block-schedule-of-festivities__photo--7 {
    transform: translateY(15%);
  }
  .block-schedule-of-festivities__photo--4 {
    grid-column: 4;
    grid-row: 1;
    transform: translateY(-15%);
  }
}
.block-schedule-of-festivities__photo-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.6s ease;
}
.block-schedule-of-festivities__photo.is-flipped .block-schedule-of-festivities__photo-inner {
  transform: rotateY(180deg);
}
.block-schedule-of-festivities__photo-face {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  overflow: hidden;
  backface-visibility: hidden;
}
.block-schedule-of-festivities__photo-face--front img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.block-schedule-of-festivities__photo-face--back {
  transform: rotateY(180deg);
  background-color: transparent;
}
.block-schedule-of-festivities__photo.flip-pink-pong .block-schedule-of-festivities__photo-face--back {
  background-color: var(--color-pink-pong);
}
.block-schedule-of-festivities__photo.flip-tangerine .block-schedule-of-festivities__photo-face--back {
  background-color: var(--color-tangerine-dream);
}
.block-schedule-of-festivities__photo.flip-dandelion .block-schedule-of-festivities__photo-face--back {
  background-color: var(--color-dandelion);
}
.block-schedule-of-festivities__photo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: relative;
  z-index: 1;
  transition: opacity 0.3s ease;
}
.block-schedule-of-festivities__pause {
  position: absolute;
  bottom: -40px;
  right: 0;
  z-index: 3;
  background: var(--color-grasshopper);
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-schedule-of-festivities__pause::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Crect x='5' y='4' width='5' height='16'/%3E%3Crect x='14' y='4' width='5' height='16'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: var(--color-white);
}
.block-schedule-of-festivities__pause[aria-pressed=true]::before {
  content: "▶";
  background-image: none;
  color: var(--color-white);
}
.block-schedule-of-festivities__pause:hover {
  background: var(--color-night-sky);
}
.block-schedule-of-festivities__pause-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

@media (prefers-reduced-motion: reduce) {
  .block-schedule-of-festivities__photo-inner {
    transition: none;
  }
}
/* partner with us */
.block-partner-with-us {
  position: relative;
  /* ---- Full-bleed ticker ---- */
}
.block-partner-with-us__ticker {
  position: relative;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  overflow: hidden; /* the cut-off-at-the-edges look is intentional */
  padding: var(--space-30) 0 var(--space-70);
  background-color: var(--color-key-limey);
}
.block-partner-with-us__ticker-track {
  display: flex;
  align-items: center;
  gap: var(--space-70);
  width: max-content;
  animation: partner-ticker-scroll 30s linear infinite;
}
.block-partner-with-us__ticker-track.is-paused {
  animation-play-state: paused;
}
.block-partner-with-us__ticker-logo {
  flex: 0 0 auto;
  height: 60px;
  display: flex;
  align-items: center;
}
.block-partner-with-us__ticker-logo img {
  display: block;
  height: 100%;
  width: auto;
  object-fit: contain;
}
.block-partner-with-us__ticker-pause {
  position: absolute;
  bottom: var(--space-10);
  right: var(--space-15);
  z-index: 2;
  background: var(--color-night-sky);
  border: none;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-partner-with-us__ticker-pause::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Crect x='5' y='4' width='5' height='16'/%3E%3Crect x='14' y='4' width='5' height='16'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: var(--color-white);
}
.block-partner-with-us__ticker-pause[aria-pressed=true]::before {
  content: "▶";
  background-image: none;
  color: var(--color-white);
}
.block-partner-with-us__ticker-pause:hover {
  background: var(--color-fudge-brownie);
}
.block-partner-with-us__ticker-pause-label {
  /* visually hidden, screen-reader only */
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.block-partner-with-us {
  /* ---- Key Limey colored section ---- */
}
.block-partner-with-us__color {
  position: relative;
  background-color: var(--color-key-limey);
  padding: var(--space-20) var(--space-30) var(--space-70);
  text-align: center;
}
@media (min-width: 768px) {
  .block-partner-with-us__color {
    padding: var(--space-30) var(--space-50) var(--space-100);
  }
}
.block-partner-with-us__content {
  position: relative;
  z-index: 1;
  max-width: 900px;
  margin: 0 auto;
}
.block-partner-with-us__heading {
  font-family: var(--font-display);
  font-size: clamp(50px, 6vw, 80px);
  color: var(--color-night-sky);
  line-height: 1;
  margin: 0 0 var(--space-25);
}
.block-partner-with-us__body {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
  line-height: 24px;
  margin: 0 0 var(--space-30);
}

@keyframes partner-ticker-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  } /* exactly half, since the logo set is duplicated once */
}
@media (prefers-reduced-motion: reduce) {
  .block-partner-with-us__ticker-track {
    animation: none;
  }
}
/* hospital outreach partner locations */
.block-hop-locations {
  position: relative;
  background-color: var(--color-ice-cream);
}
.block-hop-locations__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: var(--color-ice-cream);
}
.block-hop-locations {
  /* ---- Top banner (swaps per tab) ---- */
}
.block-hop-locations__banner {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 16/6;
  overflow: hidden;
  max-height: 400px;
}
.block-hop-locations__banner-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.block-hop-locations__banner-img.is-active {
  opacity: 1;
  position: relative;
}
.block-hop-locations__tabbar {
  position: relative;
  z-index: 1;
  display: none;
  background-color: var(--color-white);
}
@media (min-width: 990px) {
  .block-hop-locations__tabbar {
    display: flex;
    flex-wrap: wrap;
  }
}
.block-hop-locations__tab {
  flex: 1 1 0;
  background: none;
  border: none;
  cursor: pointer;
  padding: var(--space-20) var(--space-15) var(--space-15);
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: var(--fs-body);
  color: var(--color-night-sky);
  text-align: center;
}
.block-hop-locations__tab.is-active, .block-hop-locations__tab:hover {
  background-color: var(--color-dandelion);
}
.block-hop-locations__tab:focus-visible {
  outline: 2px solid var(--color-night-sky);
  outline-offset: -2px;
}
.block-hop-locations__dropdown {
  position: relative;
  z-index: 1;
}
@media (min-width: 990px) {
  .block-hop-locations__dropdown {
    display: none;
  }
}
.block-hop-locations__dropdown-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: var(--space-20) var(--space-20) var(--space-15);
  background: var(--color-dandelion);
  border: none;
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 18px;
  color: var(--color-night-sky);
  cursor: pointer;
}
.block-hop-locations__dropdown-trigger[aria-expanded=true] .block-hop-locations__dropdown-chevron svg {
  transform: rotate(90deg);
}
.block-hop-locations__dropdown-chevron {
  width: 17px;
  height: 12px;
  position: absolute;
  right: 15px;
}
.block-hop-locations__dropdown-chevron svg {
  width: 17px;
  height: 12px;
}
.block-hop-locations__dropdown-list {
  z-index: 10;
  background-color: var(--color-ice-cream);
  list-style: none;
  padding: 0;
  box-shadow: 0px 8px 6px -6px rgba(0, 0, 0, 0.5);
  width: 100%;
}
.block-hop-locations__dropdown-option {
  padding: var(--space-15) var(--space-20);
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 18px;
  color: var(--color-night-sky);
  cursor: pointer;
}
.block-hop-locations__dropdown-option:hover, .block-hop-locations__dropdown-option:focus {
  background-color: var(--color-ice-cream);
  outline: none;
}
.block-hop-locations__dropdown-option.is-selected {
  background-color: var(--color-dandelion);
}
.block-hop-locations {
  /* ---- Body: intro, map, and region panels — CSS grid-template-areas
     reorders these three per breakpoint. Mobile stacks intro → map →
     panels (map drops in between the heading/intro and the tab-specific
     copy). Desktop keeps intro+panels together in the 60% left column;
     the map is pulled out of normal grid flow (position: absolute) at
     bp-lg so it no longer contributes to how row1/row2 are sized — it
     still aligns to the exact same "map" grid-area lines, but the two
     rows now size purely from intro-wrap's and panels' own content,
     with no risk of the map's height inflating either row. ---- */
}
.block-hop-locations__body {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "intro" "map" "panels";
  gap: var(--space-50);
  margin: 0 auto;
  padding: var(--space-50) var(--space-25) var(--space-70);
}
@media (min-width: 990px) {
  .block-hop-locations__body {
    grid-template-columns: minmax(0, 60%) minmax(0, 40%);
    grid-template-rows: auto 1fr;
    grid-template-areas: "intro map" "panels map";
    align-items: start;
    padding: var(--space-100) var(--space-30) var(--space-100) var(--space-100);
    gap: unset;
    column-gap: var(--space-50);
  }
}
.block-hop-locations__intro-wrap {
  grid-area: intro;
}
@media (min-width: 990px) {
  .block-hop-locations__intro-wrap {
    margin-bottom: var(--space-60);
  }
}
.block-hop-locations__panels {
  grid-area: panels;
}
.block-hop-locations__heading {
  font-family: var(--font-display);
  font-size: clamp(32px, 5vw, 50px);
  color: var(--color-rosy-cheeks);
  line-height: 1.1;
  margin: 0 0 var(--space-20);
}
.block-hop-locations__intro {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  color: var(--color-fudge-brownie);
  line-height: 24px;
}
.block-hop-locations__intro strong {
  font-weight: var(--fw-bold);
  color: var(--color-night-sky);
}
.block-hop-locations__region-heading {
  font-family: var(--font-display);
  font-size: clamp(24px, 3vw, 32px);
  color: var(--color-rosy-cheeks);
  line-height: 1.1;
  margin: 0 0 var(--space-20);
  font-weight: var(--fw-regular);
}
.block-hop-locations__list {
  list-style: none;
  margin: 0 0 var(--space-20);
  padding: 0;
}
.block-hop-locations__location {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  color: var(--color-night-sky);
  line-height: 1.6;
  margin-bottom: var(--space-5);
}
.block-hop-locations__location[hidden] {
  display: none;
}
.block-hop-locations__location-name {
  font-weight: var(--fw-bold);
}
.block-hop-locations__location-area {
  font-style: italic;
  margin-left: var(--space-5);
}
.block-hop-locations__view-more {
  display: block;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-grasshopper);
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: var(--fs-body);
  text-decoration: underline;
  padding: 0;
}
.block-hop-locations__view-more:hover {
  color: var(--color-night-sky);
}
.block-hop-locations {
  /* ---- Map ----
     All 5 regions reset to inactive/faded on load, regardless of
     whatever active/inactive state happens to be baked into the
     source SVG file — JS only ever re-activates whichever region
     matches the currently selected tab. */
}
.block-hop-locations__map {
  grid-area: map;
  width: 100%;
  display: flex;
}
.block-hop-locations__map svg {
  display: block;
  width: 100%;
  height: auto;
}
.block-hop-locations__map svg.where-the-heart-is {
  display: none;
}
@media (min-width: 990px) {
  .block-hop-locations__map svg.where-the-heart-is {
    display: block;
    width: 150px;
    margin-left: -25%;
    margin-top: 40%;
  }
}
@media (min-width: 1200px) {
  .block-hop-locations__map svg.where-the-heart-is {
    width: 200px;
  }
}
.block-hop-locations__map [id^=region-] {
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
.block-hop-locations__map [id^=region-].is-active {
  opacity: 1;
}
.block-hop-locations__map [id^=marker-],
.block-hop-locations__map [id^=markers] {
  display: none;
}
.block-hop-locations__map [id^=region-].is-active [id^=marker-],
.block-hop-locations__map [id^=region-].is-active [id^=markers] {
  display: block;
}

/* Forms */
.block-cf7-form {
  position: relative;
  overflow: hidden;
  padding: var(--space-80) 0;
  text-align: center;
}
.block-cf7-form__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.block-cf7-form__inner {
  position: relative;
  z-index: 1;
  max-width: var(--max-width-content);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}
.block-cf7-form__headline {
  font-family: var(--font-display);
  font-size: var(--fs-h2);
  line-height: var(--lh-tight);
  text-transform: uppercase;
  margin-bottom: var(--space-20);
  color: currentColor;
}
@media (min-width: 768px) {
  .block-cf7-form__headline {
    font-size: var(--fs-display);
    line-height: var(--lh-display);
  }
}
.block-cf7-form__body {
  max-width: 720px;
  margin: 0 auto var(--space-40);
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: var(--lh-normal);
  color: currentColor;
}
.block-cf7-form--dandelion {
  background-color: var(--color-dandelion);
  color: var(--color-night-sky);
}
.block-cf7-form--dandelion .block-cf7-form__form .btn {
  background-color: var(--color-night-sky);
  color: var(--color-white);
}
.block-cf7-form--dandelion .block-cf7-form__form .btn:hover, .block-cf7-form--dandelion .block-cf7-form__form .btn:focus {
  background-color: var(--color-fudge-brownie);
  color: var(--color-white);
}
.block-cf7-form--dandelion .block-cf7-form__form .wpcf7-form label {
  color: var(--color-night-sky);
}
.block-cf7-form--plum-puddin {
  background-color: var(--color-plum-puddin);
  color: var(--color-white);
}
.block-cf7-form--plum-puddin .block-cf7-form__form .btn {
  color: var(--color-plum-puddin);
  background-color: var(--color-white);
}
.block-cf7-form--plum-puddin .block-cf7-form__form .btn:hover, .block-cf7-form--plum-puddin .block-cf7-form__form .btn:focus {
  background-color: var(--color-fudge-brownie);
  color: var(--color-white);
}
.block-cf7-form__form {
  max-width: 700px;
  margin: 0 auto;
  text-align: left;
}
.block-cf7-form__form .wpcf7-form {
  display: grid;
  gap: 15px;
}
.block-cf7-form__form .wpcf7-form label {
  color: var(--color-white);
  line-height: 24px;
}
.block-cf7-form__form .wpcf7-form input,
.block-cf7-form__form .wpcf7-form textarea.wpcf7-form-control.wpcf7-textarea,
.block-cf7-form__form .wpcf7-form select {
  background: var(--color-ice-cream);
  border-color: var(--form-accent);
}
.block-cf7-form__form .wpcf7-form p {
  margin-bottom: 0;
}
.block-cf7-form__form .wpcf7-form em {
  font-weight: 100;
}
.block-cf7-form__form .block-cf7-form__row {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .block-cf7-form__form .block-cf7-form__row {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .block-cf7-form__form .block-cf7-form__row--triple {
    grid-template-columns: 1.4fr 0.8fr 0.8fr;
  }
}
.block-cf7-form__form fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
.block-cf7-form__form fieldset legend {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: var(--fs-nav);
  color: currentColor;
  margin-bottom: var(--space-10);
  padding: 0;
  line-height: 24px;
}
.block-cf7-form__form fieldset legend em {
  font-style: italic;
  font-weight: var(--fw-regular);
}
.block-cf7-form__form .wpcf7-form-control-wrap {
  margin-top: 2.5px;
  display: block;
}
.block-cf7-form__form .btn {
  margin: 15px auto 0;
  display: block;
}
.block-cf7-form__form .wpcf7-form-control.wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-10);
}
.block-cf7-form__form .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
  margin: 0;
}
.block-cf7-form__form .wpcf7-form-control.wpcf7-checkbox label {
  display: flex;
  align-items: center;
  gap: var(--space-10);
  font-weight: var(--fw-regular);
  font-size: var(--fs-body);
}
.block-cf7-form__form .wpcf7-form-control.wpcf7-checkbox input[type=checkbox] {
  width: 20px;
  height: 20px;
  background-color: var(--color-ice-cream);
  border: 1px solid var(--form-accent);
  flex-shrink: 0;
  cursor: pointer;
  transition: var(--transition-base);
}
.block-cf7-form__form .wpcf7-form-control.wpcf7-checkbox input[type=checkbox]:checked {
  background-color: var(--form-accent);
}
.block-cf7-form__form .wpcf7-form-control.wpcf7-checkbox input[type=checkbox]:hover, .block-cf7-form__form .wpcf7-form-control.wpcf7-checkbox input[type=checkbox]:focus-visible {
  transform: scale(1.05);
  outline: 2px solid var(--form-accent);
  outline-offset: 2px;
}
.block-cf7-form__form .wpcf7-response-output {
  margin-top: var(--space-25);
  padding: var(--space-20);
  border-radius: var(--radius-search);
  border: 1px solid currentColor;
}

/* generic image */
.generic-image {
  padding: 70px 0;
}
@media (min-width: 768px) {
  .generic-image {
    padding: 50px;
  }
}
.generic-image {
  background-color: var(--white);
}
.generic-image.is-bg-ice-cream {
  background-color: var(--color-ice-cream);
}
.generic-image.is-bg-pink-pong {
  background-color: var(--color-pink-pong);
}
.generic-image.is-bg-tangerine-dream {
  background-color: var(--color-tangerine-dream);
}
.generic-image.is-bg-rosey-cheeks {
  background-color: var(--color-rosey-cheeks);
}
.generic-image.is-bg-plum-puddin {
  background-color: var(--color-plum-puddin);
}
.generic-image.is-bg-dandelion {
  background-color: var(--color-dandelion);
}
@media (min-width: 1700px) {
  .generic-image img {
    max-height: 750px;
    margin: 0 auto;
  }
}

/* EVENTS OVERRIDES - SAWFISH */
.alt_card {
  padding: 0.5em 0.7em;
  background: var(--color-white);
  border: 1px solid #e5e8ed;
  -webkit-box-shadow: 0 2px 4px rgba(3, 27, 78, 0.06);
  box-shadow: 0 2px 4px rgba(3, 27, 78, 0.06);
  -webkit-transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
}

.tablesaw {
  margin: 0 !important;
  border: none !important;
  border-radius: unset !important;
}
.tablesaw thead {
  display: none !important;
}

.tablesaw-stack td .tablesaw-cell-label {
  display: none !important;
}

.tablesaw-stack td .tablesaw-cell-content {
  width: 100% !important;
  max-width: unset !important;
}

.tablesaw-stack tbody tr {
  border-bottom: 1px solid #b6b6b6 !important;
}
.tablesaw-stack tbody tr:last-of-type {
  border: none !important;
}

.wavy-desk {
  display: none;
  width: 100vw;
  height: auto;
}
@media (min-width: 768px) {
  .wavy-desk {
    display: block;
  }
}

.wavy-mob {
  display: block;
  width: 100vw;
  height: auto;
}
@media (min-width: 768px) {
  .wavy-mob {
    display: none;
  }
}

.view-more-box {
  display: flex;
  gap: 10px;
  align-items: center;
}
.view-more-box svg {
  margin-top: 30px;
  transform: rotate(180deg);
}

/* color overrides */
.block-centered-fh__slider--key-limey .block-centered-fh__slide-description,
.block-centered-fh__slider--dandelion .block-centered-fh__slide-description,
.block-centered-fh__slider--blue-bird .block-centered-fh__slide-description {
  color: var(--color-fudge-brownie);
}
.block-centered-fh__slider--key-limey .block-centered-fh__slide-description strong,
.block-centered-fh__slider--dandelion .block-centered-fh__slide-description strong,
.block-centered-fh__slider--blue-bird .block-centered-fh__slide-description strong {
  color: var(--color-night-sky);
}

.block-content-media__slider--blue-bird .block-content-media__slide-description,
.block-content-media__slider--dandelion .block-content-media__slide-description,
.block-content-media__slider--key-limey .block-content-media__slide-description {
  color: var(--color-fudge-brownie);
}
.block-content-media__slider--blue-bird .block-content-media__slide-description strong,
.block-content-media__slider--dandelion .block-content-media__slide-description strong,
.block-content-media__slider--key-limey .block-content-media__slide-description strong {
  color: var(--color-night-sky);
}

.block-image-carousel--dandelion .block-image-carousel__headline,
.block-image-carousel--key-limey .block-image-carousel__headline,
.block-image-carousel--blue-bird .block-image-carousel__headline {
  color: var(--color-night-sky);
}

.block-image-carousel--dandelion .block-image-carousel__body,
.block-image-carousel--dandelion .block-content-media__body,
.block-image-carousel--key-limey .block-image-carousel__body,
.block-image-carousel--key-limey .block-content-media__body,
.block-image-carousel--blue-bird .block-image-carousel__body,
.block-image-carousel--blue-bird .block-content-media__body {
  color: var(--color-fudge-brownie);
}

.block-header-copy--blue-bird .btn--night-sky:hover::before {
  background-color: var(--color-fudge-brownie);
}

.block-content-media--plum-puddin .btn--dandelion:hover {
  color: var(--color-plum-puddin);
}
.block-content-media--plum-puddin .btn--dandelion:hover::before {
  background-color: var(--color-white);
}

.block-header-copy--night-sky .btn--dandelion:hover,
.block-header-copy--night-sky .btn--dandelion:hover::before {
  background-color: var(--color-white);
  color: var(--color-night-sky);
}

.inner {
  padding-left: 25px;
  padding-right: 25px;
}
@media (min-width: 768px) {
  .inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.page-temp {
  padding: var(--space-50) 0 var(--space-100);
}
@media (min-width: 768px) {
  .page-temp {
    padding: var(--space-100) 0;
  }
}
.page-temp h1 {
  color: var(--color-grasshopper);
  margin-bottom: 70px;
}

.entry-content.main-sect {
  position: relative;
}
.entry-content.main-sect .slant-box {
  background-color: var(--color-ice-cream);
  min-height: 450px;
  display: flex;
  align-items: center;
}
.entry-content.main-sect .entry-content-inner {
  padding: var(--space-70) var(--space-20);
}
@media (min-width: 768px) {
  .entry-content.main-sect .entry-content-inner {
    padding: var(--space-70) 200px var(--space-70) var(--space-30);
  }
}
.entry-content.main-sect h2 {
  color: var(--color-rosy-cheeks);
  font-size: 40px;
}
.entry-content.main-sect h3 {
  color: var(--color-night-sky);
  font-size: 20px;
}
.entry-content.main-sect a {
  color: var(--color-grasshopper);
}
.entry-content.main-sect a:hover {
  color: var(--color-night-sky);
}
.entry-content.main-sect a:visited {
  color: var(--color-grasshopper);
}
.entry-content.main-sect strong {
  color: var(--color-night-sky);
}
.entry-content.main-sect .page-icons {
  position: absolute;
}
.entry-content.main-sect .page-cowboy {
  width: 100px;
  top: -80px;
  right: 30px;
}
@media (min-width: 768px) {
  .entry-content.main-sect .page-cowboy {
    top: -125px;
    right: 60px;
    width: 150px;
  }
}
.entry-content.main-sect .page-tools {
  width: 60px;
  top: 25px;
  right: 20px;
}
@media (min-width: 768px) {
  .entry-content.main-sect .page-tools {
    width: 100px;
    top: 40px;
    right: 30px;
  }
}
.entry-content.main-sect .page-steth {
  top: 0;
  width: 45px;
  right: 100px;
}
@media (min-width: 768px) {
  .entry-content.main-sect .page-steth {
    top: -20px;
    right: 165px;
    width: 80px;
  }
}
.entry-content.main-sect .page-heart {
  bottom: -75px;
  right: 35px;
  width: 100px;
}
@media (min-width: 768px) {
  .entry-content.main-sect .page-heart {
    width: 150px;
    right: 80px;
    bottom: -55px;
  }
}
.entry-content.main-sect .page-arrow {
  width: 60px;
  bottom: 35px;
  right: 20px;
}
@media (min-width: 768px) {
  .entry-content.main-sect .page-arrow {
    width: 100px;
    right: 25px;
    bottom: 100px;
  }
}

.block-related-cross-promo {
  background-color: var(--color-ice-cream);
  padding: var(--space-70) var(--space-20) var(--space-100);
  text-align: center;
}
@media (min-width: 768px) {
  .block-related-cross-promo {
    padding: var(--space-100) var(--space-30);
  }
}
.block-related-cross-promo__heading {
  font-family: var(--font-display);
  font-size: clamp(50px, 6vw, 80px);
  line-height: 1;
  margin-bottom: var(--space-40);
}
.block-related-cross-promo__heading--tangerine-dream {
  color: var(--color-tangerine-dream);
}
.block-related-cross-promo__heading--rosey-cheeks {
  color: var(--color-rosy-cheeks);
}
.block-related-cross-promo__cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  margin: 0 auto var(--space-40);
  text-align: left;
}
@media (min-width: 768px) {
  .block-related-cross-promo__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.block-related-cross-promo__card {
  display: block;
  color: inherit;
  text-decoration: none;
}
.block-related-cross-promo__card:hover > .block-related-cross-promo__card-title {
  text-decoration: underline;
}
.block-related-cross-promo__card-image {
  aspect-ratio: 4/3;
  overflow: hidden;
  margin-bottom: var(--space-15);
}
.block-related-cross-promo__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.block-related-cross-promo__card-title {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 20px;
  color: var(--color-night-sky);
}

.single-post-entry {
  max-width: var(--max-width-wide);
  margin: 0 auto;
  padding: 35px var(--space-30);
}
@media (min-width: 990px) {
  .single-post-entry {
    padding: var(--space-70) var(--space-30);
  }
}
.single-post-entry h2 {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 18px;
  line-height: 22px;
  text-transform: none;
}
@media (min-width: 990px) {
  .single-post-entry h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
.single-post-entry h3 {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 16px;
  line-height: 20px;
  text-transform: none;
}
@media (min-width: 990px) {
  .single-post-entry h3 {
    font-size: 22px;
    line-height: 26px;
  }
}
.single-post-entry__back {
  margin-bottom: var(--space-20);
}
.single-post-entry__back-link {
  display: inline-flex;
  align-items: start;
  gap: var(--space-10);
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 20px;
  color: var(--color-night-sky);
  text-decoration: none;
}
@media (min-width: 990px) {
  .single-post-entry__back-link {
    font-size: 24px;
  }
}
.single-post-entry__back-link:visited {
  color: var(--color-night-sky);
}
.single-post-entry__back-link svg {
  flex-shrink: 0;
}
.single-post-entry__back-link svg path {
  fill: var(--color-night-sky);
}
.single-post-entry__back-link:hover {
  text-decoration: underline;
}
.single-post-entry__image {
  width: 100%;
  aspect-ratio: 333/180;
  overflow: hidden;
  margin-bottom: var(--space-30);
}
@media (min-width: 990px) {
  .single-post-entry__image {
    aspect-ratio: 1240/561;
  }
}
.single-post-entry__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-post-entry__video {
  width: 100%;
  aspect-ratio: 16/9;
  margin-bottom: var(--space-30);
}
.single-post-entry__video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}
.single-post-entry__title {
  font-family: var(--font-display);
  font-size: 25px;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  margin: 0 0 var(--space-20);
}
@media (min-width: 990px) {
  .single-post-entry__title {
    font-size: 40px;
    line-height: 40px;
    text-transform: none;
    letter-spacing: 0;
  }
}
.single-post-entry__title--rosey-cheeks {
  color: var(--color-rosy-cheeks);
}
.single-post-entry__title--tangerine-dream {
  color: var(--color-tangerine-dream);
}
.single-post-entry__title--night-sky {
  color: var(--color-night-sky);
}
.single-post-entry__date {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  color: var(--color-night-sky);
  font-size: 16px;
  margin: 0 0 var(--space-20);
}
.single-post-entry__content {
  font-family: var(--font-body);
  color: var(--color-fudge-brownie);
  font-size: 16px;
  line-height: 24px;
  max-width: 1081px;
}
.single-post-entry__content p {
  margin: 0 0 var(--space-20);
}
.single-post-entry__content a {
  text-decoration: underline;
  color: var(--color-grasshopper);
}
.single-post-entry__content a:hover {
  color: var(--color-night-sky);
}
.single-post-entry__content a:visited {
  color: var(--color-grasshopper);
}
.single-post-entry__content a:visited:hover {
  color: var(--color-night-sky);
}
.single-post-entry__content strong {
  color: var(--color-night-sky);
}

.category-archive__intro {
  padding: var(--space-70) var(--space-30) var(--space-50);
  font-family: var(--font-body);
  font-size: 16px;
  color: var(--color-fudge-brownie);
  background-color: #fff;
}
.category-archive__intro strong {
  font-weight: var(--fw-bold);
  color: var(--color-night-sky);
}
.category-archive__intro p {
  max-width: var(--max-width-wide);
}
@media (min-width: 990px) {
  .category-archive__intro {
    padding: var(--space-70) var(--space-100) var(--space-50);
  }
}
.category-archive__list {
  margin: 0 auto;
  padding: var(--space-50) var(--space-30);
  display: flex;
  flex-direction: column;
  gap: var(--space-40);
  background-color: var(--color-ice-cream);
}
@media (min-width: 990px) {
  .category-archive__list {
    padding: var(--space-70) var(--space-100);
  }
}
.category-archive__entry {
  display: flex;
  flex-direction: column;
  gap: var(--space-20);
}
@media (min-width: 990px) {
  .category-archive__entry {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--space-40);
  }
}
.category-archive__entry-image {
  width: 100%;
  aspect-ratio: 480/260;
  overflow: hidden;
  flex: 0 0 auto;
}
@media (min-width: 990px) {
  .category-archive__entry-image {
    width: 480px;
  }
}
.category-archive__entry-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.category-archive__entry-body {
  flex: 1 1 auto;
  min-width: 0;
}
.category-archive__entry-title {
  font-family: var(--font-display);
  font-size: 28px;
  line-height: 1.1;
  margin: 0 0 var(--space-15);
}
@media (min-width: 990px) {
  .category-archive__entry-title {
    font-size: 40px;
  }
}
.category-archive__entry-title a {
  color: inherit;
  text-decoration: none;
}
.category-archive__entry-title a:hover {
  text-decoration: underline;
}
.category-archive__entry-title--rosey-cheeks a {
  color: var(--color-rosy-cheeks);
}
.category-archive__entry-title--tangerine-dream a {
  color: var(--color-tangerine-dream);
}
.category-archive__entry-title--night-sky a {
  color: var(--color-night-sky);
}
.category-archive__entry-date {
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  font-size: 16px;
  color: var(--color-night-sky);
  margin: 0 0 var(--space-10);
}
.category-archive__entry-excerpt {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 24px;
  color: var(--color-fudge-brownie);
  margin: 0;
}

.category-archive__pagination-arrow {
  display: inline-flex;
  align-items: center;
}
.category-archive__pagination-arrow--prev svg {
  transform: scaleX(-1);
}

.nav-links {
  background-color: var(--color-ice-cream);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 30px 70px 30px;
  font-family: "Gill Sans Nova";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  text-transform: capitalize;
  color: var(--color-night-sky);
}

.page-numbers {
  margin: 0 10px;
}
.page-numbers:hover {
  color: var(--color-rosy-cheeks);
}
.page-numbers:hover svg path {
  fill: var(--color-rosy-cheeks);
}

.next.page-numbers {
  margin-left: 30px;
}

.prev.page-numbers {
  margin-right: 30px;
}

.category .block-detail-hero__heading {
  font-size: 31px;
}
@media (min-width: 400px) {
  .category .block-detail-hero__heading {
    font-size: 40px;
  }
}
@media (min-width: 480px) {
  .category .block-detail-hero__heading {
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  .category .block-detail-hero__heading {
    font-size: 80px;
  }
}

.text-night-sky {
  color: var(--color-night-sky);
}

.text-tangerine {
  color: var(--color-tangerine-dream);
}

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

.text-blue-bird {
  color: var(--color-blue-bird-days);
}

.text-key-limey {
  color: var(--color-key-limey);
}

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

.text-rosy-cheeks {
  color: var(--color-rosy-cheeks);
}

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

.text-fudge-brownie {
  color: var(--color-fudge-brownie);
}

.bg-night-sky {
  background-color: var(--color-night-sky);
}

.bg-tangerine {
  background-color: var(--color-tangerine-dream);
}

.bg-dandelion {
  background-color: var(--color-dandelion);
}

.bg-blue-bird {
  background-color: var(--color-blue-bird-days);
}

.bg-key-limey {
  background-color: var(--color-key-limey);
}

.bg-grasshopper {
  background-color: var(--color-grasshopper);
}

.bg-rosy-cheeks {
  background-color: var(--color-rosy-cheeks);
}

.bg-ice-cream {
  background-color: var(--color-ice-cream);
}

.bg-white {
  background-color: var(--color-white);
}

.text-left {
  text-align: left;
}

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

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

.d-none {
  display: none;
}

.d-block {
  display: block;
}

.d-flex {
  display: flex;
}

.d-grid {
  display: grid;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.img-circle {
  border-radius: var(--radius-circle);
  overflow: hidden;
  aspect-ratio: 1;
  object-fit: cover;
}

.skip-link {
  position: absolute;
  top: -100%;
  left: var(--space-25);
  background-color: var(--color-night-sky);
  color: var(--color-white);
  padding: var(--space-5) var(--space-25);
  font-family: var(--font-body);
  font-size: var(--fs-body);
  text-decoration: none;
  z-index: 9999;
  transition: top 0.2s;
}
.skip-link:focus {
  top: var(--space-25);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
@media print {
  #masthead,
  .site-banner,
  .nav-mobile-toggle,
  .block-testimonial__controls,
  .block-tabs__nav,
  #colophon {
    display: none;
  }
  body {
    font-size: 12pt;
    color: #000;
  }
  a {
    text-decoration: underline;
    color: #000;
  }
  #page {
    padding-top: 0;
  }
}

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