@font-face {
  font-family: Rubik;
  src: url('../fonts/Rubik-VariableFont_wght.ttf') format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Big Shoulders Display;
  src: url('../fonts/BigShouldersDisplay-VariableFont_wght.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --midnight-blue: #132d7d;
  --tomato: #ff5257;
  --medium-spring-green: #74fab1;
  --coral: #ff8555;
  --black: black;
}

body {
  background-color: var(--white);
  color: var(--midnight-blue);
  font-family: Rubik, sans-serif;
  line-height: 1;
}

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

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

h3 {
  margin-top: 20px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 30px;
}

h4 {
  margin-top: .75rem;
  margin-bottom: .75rem;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 1.1;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--tomato);
  text-decoration: underline;
}

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

strong {
  font-weight: bold;
}

.home-hero {
  background-color: var(--midnight-blue);
  position: relative;
}

.main-container {
  width: 100%;
  max-width: 94.5em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5em;
  padding-right: 5em;
  position: relative;
}

.main-container.is--hero {
  z-index: 5;
}

.main-container.is--sponsors, .main-container.is--nav {
  z-index: 2;
}

.hero-inner {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100dvh;
  min-height: 40vw;
  max-height: 70vw;
  padding-bottom: 3em;
  display: flex;
  position: relative;
}

.hero-content-wrapper {
  grid-column-gap: 2.5em;
  align-items: center;
  width: 100%;
  padding-bottom: 4em;
  display: flex;
}

.hero-cta-wrapper {
  grid-column-gap: 1em;
  align-items: center;
  width: 100%;
  display: flex;
}

.hero-button-down {
  background-color: var(--medium-spring-green);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 5em;
  height: 5em;
  display: flex;
}

.hero-line {
  background-color: var(--white);
  flex: 1;
  height: 2px;
}

.hero-button {
  border: 2px solid var(--white);
  width: 19.25em;
  height: 4.5em;
  color: var(--white);
  text-transform: uppercase;
  border-radius: 3em;
  justify-content: center;
  align-items: center;
  font-family: Big Shoulders Display, sans-serif;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.hero-button-text {
  white-space: nowrap;
  font-size: 1.5em;
}

.hero-headline {
  color: var(--white);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 5em;
  font-weight: 800;
  line-height: 1;
}

.hero-video-wrapper {
  flex: 0 0 25%;
  justify-content: center;
  display: flex;
}

.hero-video-button {
  background-color: var(--medium-spring-green);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 12em;
  height: 12em;
  display: flex;
}

.hero-headline-wrapper {
  flex: 1;
}

.hero-video-circle-1 {
  background-color: var(--midnight-blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 11.0713em;
  height: 11.0713em;
  display: flex;
  position: relative;
}

.hero-video-circle-2 {
  background-image: url('../images/hero-orange-pickleball.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 7.34625em;
  height: 7.34625em;
  display: flex;
  position: relative;
}

.hero-video-play {
  width: 3em;
  margin-left: .8em;
}

.play-button-alignment {
  border: 1px solid #000;
  border-radius: 50%;
  width: 53px;
  height: 53px;
  position: absolute;
}

.hero-circle-text {
  width: 10.055em;
  max-width: none;
  height: 10.055em;
  position: absolute;
}

.button-down-arrow {
  width: 2.5em;
  height: 2.5em;
}

.hero-bg-video {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.hero-splatter {
  z-index: 3;
  opacity: .1;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hero-dots {
  z-index: 4;
  opacity: .4;
  width: 48.5625em;
  max-width: none;
  height: 39.4375em;
  position: absolute;
  inset: auto 0% 0% auto;
}

.hero-orange-text {
  color: var(--tomato);
}

.hero-green-text, .text-span {
  color: var(--medium-spring-green);
}

.text-span-2 {
  color: var(--tomato);
}

.hero-banner {
  z-index: 21;
  background-color: var(--medium-spring-green);
  width: 100%;
  height: 2.25em;
  text-decoration: none;
  display: none;
  position: relative;
  overflow: hidden;
}

.hero-banner-panel {
  grid-column-gap: 2.5em;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding-right: 2.5em;
  display: flex;
}

.hero-banner-text {
  color: var(--midnight-blue);
  text-transform: uppercase;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 1.25em;
  font-weight: 800;
  display: flex;
}

.header {
  z-index: 20;
  position: fixed;
  inset: 0 0% auto;
}

.header.is--scrolled {
  -webkit-backdrop-filter: blur(.7em);
  backdrop-filter: blur(.7em);
  background-color: #ffffffbf;
}

.navbar {
  z-index: 20;
  justify-content: space-between;
  align-items: center;
  padding-top: 2em;
  padding-bottom: 1em;
  transition: padding .4s;
  display: flex;
  position: relative;
}

.navbar.is--scrolled {
  padding-top: 1em;
}

.nav-brand-logo {
  width: 19em;
  max-width: none;
  height: 2em;
  color: var(--white);
  mix-blend-mode: difference;
  transition: color .2s;
}

.nav-brand-logo.is--dark {
  color: var(--tomato);
}

.nav-brand-logo.is--scrolled {
  color: var(--midnight-blue);
}

.nav-brand {
  color: var(--white);
}

.nav-hamburger {
  grid-row-gap: .375em;
  height: 2em;
  transform: scale3d(1none, 1none, 1none);
  color: var(--white);
  cursor: pointer;
  transform-style: preserve-3d;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-right: -1.5em;
  padding-left: 1em;
  padding-right: 1.5em;
  transition: color .2s, transform .3s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  overflow: hidden;
}

.nav-hamburger:hover {
  transform: scale(1.1);
}

.nav-hamburger.is--dark {
  color: var(--tomato);
}

.nav-hamburger.is--scrolled {
  color: var(--midnight-blue);
}

.menu-bar {
  height: 2px;
}

.menu-bar.is--top {
  width: 2em;
}

.menu-bar.is--middle {
  width: 3em;
}

.menu-bar.is--bottom {
  width: 2em;
}

.nav {
  z-index: 19;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #132d7de6;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  padding: 4em 2.5em 2.5em;
  display: grid;
  position: fixed;
  top: 0%;
  left: 0%;
  overflow: hidden;
  transform: translate(0, -100%);
}

.nav-links {
  z-index: 2;
  grid-column-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  display: flex;
  position: relative;
}

.nav-sub-links {
  z-index: 2;
  grid-column-gap: 4em;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.nav-link {
  text-decoration: none;
}

.nav-link-text {
  color: var(--medium-spring-green);
  text-align: center;
  text-transform: uppercase;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 4.5em;
  font-weight: 800;
  transition: color .2s;
}

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

.nav-sub-link {
  text-decoration: none;
}

.nav-sub-link-text {
  color: var(--white);
  letter-spacing: .3em;
  text-transform: uppercase;
  font-family: Rubik, sans-serif;
  font-size: 1.25em;
  font-weight: 500;
  text-decoration: none;
}

.nav-splatter {
  z-index: 1;
  opacity: .1;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.nav-pickleball-ball {
  opacity: .2;
  mix-blend-mode: multiply;
  object-fit: contain;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
}

.hero-video-overlay {
  z-index: 2;
  mix-blend-mode: normal;
  background-color: #132d7de6;
  position: absolute;
  inset: 0%;
}

.home-about {
  padding-top: 8em;
}

.about-block-1 {
  grid-column-gap: 2.5em;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  display: grid;
}

.about-block-2 {
  padding-top: 4.5em;
}

.about-content-1-wrap {
  z-index: 2;
  position: sticky;
  top: 7.5em;
}

.about-headline {
  z-index: 2;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 7.5em;
  font-weight: 800;
  line-height: 1.1;
  position: relative;
}

.about-p-large {
  margin-bottom: 0;
  font-size: 1.75em;
  font-weight: 500;
  line-height: 1.4;
}

.about-headline-wrap {
  z-index: 1;
  padding-bottom: 1.5em;
  position: relative;
}

.about-paragraph-wrap {
  z-index: 2;
  max-width: 60ch;
  position: relative;
}

.about-content-2 {
  z-index: 1;
  width: 35em;
  max-width: none;
  height: 35em;
  position: relative;
}

.scrolling-space {
  height: 400vh;
}

.audience-headline {
  padding-bottom: 1.5em;
  display: inline-block;
  position: relative;
}

.audience-block {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.headline-size-3 {
  z-index: 2;
  color: var(--tomato);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 5.5em;
  font-weight: 800;
  line-height: 1.1;
  position: relative;
}

.headline-size-3.is--white {
  color: var(--white);
}

.headline-size-3.is--white.is--center {
  text-align: center;
}

.audience-card {
  grid-row-gap: 1.5em;
  border-left: 2px solid var(--medium-spring-green);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2em;
  padding-bottom: 2em;
  padding-left: 1.5em;
  display: flex;
}

.audience-item {
  grid-column-gap: .5em;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.audience-icon {
  width: 1.25em;
  max-width: none;
  height: 1.25em;
  margin-top: .6em;
}

.audience-item-text {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 2.5em;
  line-height: 1;
}

.audience-item-wrap {
  grid-row-gap: .25em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.audience-subtext {
  text-transform: none;
  margin-bottom: 0;
  font-size: 1.25em;
  font-weight: 500;
}

.global-styles {
  display: none;
}

.about-block-3 {
  padding-top: 6em;
}

.pillars-headline {
  padding-bottom: 1.5em;
  display: inline-block;
  position: relative;
}

.pillars-block {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  min-height: 75em;
  display: grid;
  position: relative;
}

.pillars-card {
  border-left: 2px solid var(--medium-spring-green);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 1.5em;
  padding-right: 1.5em;
  display: flex;
  position: relative;
}

.pillars-card.is--align-top {
  justify-content: flex-start;
}

.pillars-card.is--align-center {
  justify-content: center;
}

.pillars-card.is--bottom-aligned {
  justify-content: flex-end;
}

.pillars-card-inner {
  width: 100%;
  height: 33.7em;
  position: sticky;
  top: 8.6em;
}

.pillars-item-title {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 3em;
  line-height: 1;
}

.pillars-image {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.pillars-image-wrap {
  border: 2px solid var(--midnight-blue);
  border-radius: .25em;
  width: 100%;
  padding-top: 84%;
  position: relative;
  overflow: hidden;
}

.pillars-item-title-wrap {
  padding-top: 1em;
  padding-bottom: .5em;
}

.pillars-item-paragraph {
  margin-bottom: 0;
  font-size: 1.125em;
  line-height: 1.4;
}

.pillars-button-wrap {
  justify-content: flex-end;
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
}

.main-button {
  grid-column-gap: .5em;
  background-color: var(--medium-spring-green);
  width: 19.25em;
  height: 4.5em;
  color: var(--midnight-blue);
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 3em;
  justify-content: center;
  align-items: center;
  font-family: Big Shoulders Display, sans-serif;
  font-weight: 800;
  text-decoration: none;
  display: flex;
  position: relative;
}

.home-orange {
  background-color: #0000;
  background-image: none;
}

.home-program {
  padding-top: 6em;
  padding-bottom: 6em;
}

.home-waitlist {
  width: 100%;
  overflow: hidden;
}

.scroll-logo-track {
  height: 100vh;
  position: relative;
}

.scroll-logo-height {
  z-index: 2;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.scroll-logo {
  max-width: none;
  height: 10em;
  transform: translate(50%);
}

.program-inner {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.program-headline {
  padding-bottom: 3em;
  position: relative;
}

.program-block {
  grid-column-gap: 1em;
  justify-content: center;
  width: 100%;
  padding-top: 9.25em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.program-card {
  z-index: 2;
  background-image: linear-gradient(to bottom, var(--medium-spring-green), white);
  text-align: center;
  border-radius: .25em;
  width: 22.8125em;
  padding: 4.5em 2.5em 5.5em;
  position: relative;
}

.program-title-wrap {
  padding-top: 3em;
  padding-bottom: 1.25em;
}

.program-icon {
  width: auto;
  max-width: none;
  height: 6em;
}

.program-paragraph {
  font-size: 1em;
  font-weight: 500;
  line-height: 1.4;
}

.program-title {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 2em;
  line-height: 1;
}

.pickleball-court {
  z-index: 1;
  width: 100%;
  max-width: none;
  position: absolute;
  top: 0;
}

.waitlist-inner {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.waitlist-green-banner {
  z-index: 1;
  background-color: var(--medium-spring-green);
  justify-content: flex-start;
  align-items: center;
  width: 110%;
  height: 5em;
  display: flex;
  position: relative;
  transform: translate(-5%, 2.5em)rotate(4deg);
}

.waitlist-banners-wrapper {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
}

.waitlist-banner-panel {
  grid-column-gap: 2em;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding-right: 2em;
  display: flex;
}

.waitlist-banner-icon {
  flex: none;
  width: 1.5em;
  max-width: none;
  height: 1.5em;
}

.waitlist-banner-text {
  text-transform: uppercase;
  flex: none;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 3em;
  font-weight: 800;
}

.waitlist-blue-banner {
  z-index: 2;
  background-color: var(--midnight-blue);
  width: 110%;
  height: 5em;
  color: var(--medium-spring-green);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  transform: translate(-5%, -2.5em)rotate(-4deg);
}

.waitlist-green-scroll {
  display: flex;
  transform: translate(-50%);
}

.waitlist-blue-scroll {
  display: flex;
  transform: translate(-25%);
}

.waitlist-button {
  z-index: 4;
  background-color: var(--medium-spring-green);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20.625em;
  height: 20.625em;
  text-decoration: none;
  display: flex;
  position: absolute;
}

.waitlist-circle-1 {
  background-color: var(--midnight-blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 19.375em;
  height: 19.375em;
  display: flex;
  position: relative;
}

.waitlist-circle-2 {
  z-index: 2;
  background-color: var(--white);
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 14.25em;
  height: 14.25em;
  display: flex;
  position: relative;
}

.waitlist-button-text {
  color: var(--midnight-blue);
  text-transform: uppercase;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 3em;
  font-weight: 800;
  line-height: 1.1;
}

.waitlist-circle-text {
  z-index: 1;
  width: 18.125em;
  max-width: none;
  height: 18.125em;
  position: absolute;
}

.home-upcoming-events {
  padding-top: 10.5em;
  overflow: hidden;
}

.upcoming-events-block {
  grid-column-gap: .5em;
  grid-template-rows: auto;
  grid-template-columns: 25% 25% 25% 25%;
  grid-auto-columns: 25%;
  grid-auto-flow: column;
  justify-content: flex-start;
  justify-items: start;
  display: flex;
}

.upcoming-event-card {
  flex: none;
}

.upcoming-event-icon-row {
  grid-column-gap: .5em;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 1.25em;
  display: flex;
}

.upcoming-event-location-row {
  grid-row-gap: .25em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.upcoming-event-icon {
  flex: none;
  width: 2.5em;
  max-width: none;
  height: 2.5em;
}

.upcoming-event-line {
  background-color: var(--medium-spring-green);
  flex: 1;
  height: 2px;
}

.upcoming-event-month {
  color: var(--tomato);
  text-transform: uppercase;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 1.125em;
  font-weight: 800;
}

.upcoming-event-location {
  color: var(--midnight-blue);
  text-transform: uppercase;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 2em;
  font-weight: 800;
}

.visible-box {
  background-color: var(--midnight-blue);
  width: 100px;
  height: 100px;
}

.scrollable-events {
  width: 100%;
}

.headline-size-4 {
  z-index: 2;
  color: var(--midnight-blue);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 4em;
  font-weight: 800;
  line-height: 1.1;
  position: relative;
}

.headline-size-4.is--white {
  color: var(--white);
}

.headline-size-4.is--white.is--center {
  text-align: center;
}

.upcoming-events-headline {
  padding-bottom: 1.5em;
  display: inline-block;
  position: relative;
}

.slider-upcoming_component {
  padding-top: 2.25em;
  padding-bottom: 2.25em;
}

.swiper.is-slider-upcoming, .swiper.is-slider-previous-1, .swiper.is-slider-previous-2 {
  overflow: visible;
}

.swiper-wrapper.is-slider-upcoming {
  justify-content: flex-start;
  display: flex;
}

.swiper-wrapper.is-slider-previous-1 {
  grid-column-gap: 1%;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.swiper-wrapper.is-slider-previous-2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.swiper-slide.is-slider-upcoming {
  flex: none;
  width: 25%;
  padding-right: .5em;
}

.swiper-slide.is-slider-previous-1 {
  border: 2px solid var(--medium-spring-green);
  cursor: pointer;
  border-radius: .25em;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 2.375em;
  padding: .5em .75em;
  transition: background-color .2s;
  display: flex;
}

.swiper-slide.is-slider-previous-1:hover {
  background-color: var(--medium-spring-green);
}

.swiper-slide.is-slider-previous-2 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  background-color: var(--white);
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  width: 100%;
  position: relative;
}

.upcoming-events-button-wrap {
  justify-content: flex-end;
  padding-top: 2.25em;
  padding-bottom: 2em;
  display: flex;
}

.home-previous-events {
  background-image: linear-gradient(to top, transparent, var(--white) 7%, var(--white) 85%, #fff0);
  padding-top: 9.5em;
  padding-bottom: 9.5em;
}

.previous-events-headline {
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 2em;
  display: flex;
}

.slider-previous_button-wrapper {
  grid-column-gap: .75em;
  display: flex;
}

.slider-previous_button {
  grid-column-gap: .5em;
  background-color: var(--medium-spring-green);
  cursor: pointer;
  border-radius: 3em;
  justify-content: center;
  align-items: center;
  width: 7.4em;
  height: 2.75em;
  padding: .5em 1em;
  text-decoration: none;
  display: flex;
}

.slider-previous_button-text {
  color: var(--midnight-blue);
  text-align: center;
  text-transform: uppercase;
  font-size: 1.25em;
  font-weight: 500;
}

.slider-upcoming_button-icon {
  width: 1.25em;
  max-width: none;
  height: 1.25em;
}

.slider-previous-1_text {
  color: var(--midnight-blue);
  text-transform: uppercase;
  flex: none;
  font-size: 1.25em;
  font-weight: 500;
}

.slider-tabs_component {
  padding-bottom: 2em;
  overflow: hidden;
}

.slider-event_component {
  width: 100%;
}

.event-video-col {
  padding-right: 1.25em;
  position: sticky;
  top: 6em;
}

.event-recap-col {
  border-right: 2px solid var(--medium-spring-green);
  border-left: 2px solid var(--medium-spring-green);
  max-height: 400px;
  padding: 2em 2.9em 5.2em 1.5em;
  overflow: hidden;
}

.event-recap-col.colored {
  background-color: var(--tomato);
}

.event-video-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.event-video-height {
  z-index: 1;
  border: 2px solid var(--midnight-blue);
  border-radius: .25em;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 56.25%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.event-video-thumb {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.event-video-col-inner {
  height: 500px;
  position: sticky;
  top: 0;
}

.slide-inner {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.event-recap-p {
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.4;
}

.event-recap-p-wrap {
  padding-bottom: 4em;
}

.event-recap-title {
  color: var(--tomato);
  text-transform: uppercase;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 2.5em;
  font-weight: 800;
}

.event-recap-title-wrap {
  padding-bottom: .5em;
}

.event-stats-wrap {
  grid-row-gap: .25em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 8em;
  display: flex;
}

.event-stats-small {
  margin-bottom: 0;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.2;
}

.event-stats-big {
  background-image: linear-gradient(to right, var(--tomato), var(--coral));
  color: var(--tomato);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: .05em;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 2.5em;
  font-weight: 800;
  line-height: 1.1;
}

.scroll-logo-transition {
  z-index: 1;
  background-color: var(--white);
  display: none;
  position: absolute;
  inset: 0%;
}

.background-gradient {
  background-image: linear-gradient(to right, var(--tomato), var(--coral));
}

.body-gradient {
  z-index: -2;
  background-image: linear-gradient(225deg, var(--coral), var(--tomato));
  opacity: 0;
  transition: opacity .6s;
  position: fixed;
  inset: 0%;
}

.body-gradient.is--showing {
  opacity: 1;
}

.event-video-title {
  grid-column-gap: 1.25em;
  grid-row-gap: 16px;
  border-bottom: 2px solid var(--medium-spring-green);
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  padding-top: .75em;
  padding-bottom: .75em;
  display: grid;
}

.event-title {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 2em;
  font-weight: 800;
  line-height: 1;
}

.event-video-date {
  color: var(--tomato);
  text-align: right;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.4;
}

.event-video-location {
  color: var(--coral);
  text-align: right;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.4;
}

.video-event-circle {
  z-index: 2;
  background-color: var(--medium-spring-green);
  width: 8em;
  height: 8em;
  box-shadow: 0 0 1em 0 var(--midnight-blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.video-event-play {
  width: 2.875em;
  max-width: none;
  height: 2.875em;
  margin-left: .8em;
}

.video-event-circle-text {
  width: 7.5em;
  max-width: none;
  height: 7.5em;
  position: absolute;
}

.body-splatter {
  z-index: -1;
  opacity: .6;
  background-image: url('../images/smaller-splatter-gray.png');
  background-position: 50% 0;
  background-repeat: repeat-y;
  background-size: 100%;
  background-attachment: scroll;
  transition: opacity .6s;
  position: absolute;
  inset: 0%;
}

.body-splatter.is-on-orange {
  opacity: .2;
}

.event-recap-images {
  border: 2px solid var(--midnight-blue);
  border-radius: .25em;
  overflow: hidden;
}

.event-recap-images-height {
  width: 100%;
  padding-top: 61.7%;
  position: relative;
}

.event-recap-image {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.home-instagram {
  min-height: 60vw;
  padding-top: 6em;
  padding-bottom: 6em;
}

.instagram-banner {
  background-color: var(--midnight-blue);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 4.5em;
  margin-bottom: 2em;
  display: flex;
  overflow: hidden;
}

.instagram-panel {
  grid-column-gap: 2em;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding-right: 2em;
  display: flex;
}

.instagram-text-1 {
  color: var(--white);
  text-transform: uppercase;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 3em;
  font-weight: 800;
}

.instagram-text-2 {
  color: var(--medium-spring-green);
  text-transform: uppercase;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 3em;
  font-weight: 800;
}

.instagram-ball-icon {
  width: 1.5em;
  max-width: none;
  height: 1.5em;
}

.instagram-button-wrap {
  justify-content: center;
  padding-top: 4.5em;
  padding-bottom: 2em;
  display: flex;
}

.home-sponsors {
  background-image: linear-gradient(225deg, var(--coral), var(--tomato));
  padding-top: 6em;
  padding-bottom: 4em;
  position: relative;
}

.sponsors-splatter {
  z-index: 1;
  opacity: .15;
  background-image: url('../images/smaller-splatter-gray.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.sponsors-headline {
  text-align: center;
  padding-bottom: 1em;
}

.sponsors-small-title {
  color: var(--white);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 3em;
  font-weight: 800;
  line-height: 1.1;
}

.sponsors-small-title.is--white {
  color: var(--white);
}

.sponsors-small-title.is--white.is--center {
  text-align: center;
}

.larger-sponsors-grid {
  grid-column-gap: 2.5em;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100%;
  margin-bottom: 2em;
  display: grid;
}

.small-sponsors-grid {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.75em;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100%;
  display: flex;
}

.large-sponsor-image {
  max-width: 25em;
  max-height: 12em;
}

.small-sponsor-image {
  object-fit: contain;
  width: 9em;
  max-width: none;
  height: 9em;
}

.small-sponsor-image.is--pickleroll {
  max-width: 13em;
}

.sponsors-button-wrap {
  justify-content: center;
  padding-top: 7.4em;
  padding-bottom: 2em;
  display: flex;
}

.main-footer {
  background-color: var(--midnight-blue);
  padding-top: 4.5em;
  padding-bottom: 2em;
}

.footer-banner {
  border-top: 2px solid var(--medium-spring-green);
  border-bottom: 2px solid var(--medium-spring-green);
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  height: 5.5em;
  display: flex;
  overflow: hidden;
}

.footer-banner-panel {
  grid-column-gap: 6em;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding-right: 6em;
  display: flex;
}

.footer-banner-logo {
  flex: none;
  width: 24em;
  max-width: none;
}

.footer-bottom {
  color: var(--medium-spring-green);
  justify-content: space-between;
  align-items: center;
  padding-top: 1.875em;
  display: flex;
}

.footer-bottom-text {
  font-size: 1.125em;
}

.footer-bottom-link-text {
  color: var(--medium-spring-green);
}

.footer-top {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  border-top: 2px solid var(--medium-spring-green);
  border-right: 2px solid var(--medium-spring-green);
  border-left: 2px solid var(--medium-spring-green);
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr auto;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.footer-menu {
  grid-row-gap: 1.25em;
  border-right: 2px solid var(--medium-spring-green);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 2.5em;
  display: flex;
}

.footer-socials {
  grid-row-gap: 2em;
  border-right: 2px solid var(--medium-spring-green);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 2.5em;
  display: flex;
}

.footer-court {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.footer-menu-link {
  color: var(--white);
  text-transform: uppercase;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 1.5em;
  font-weight: 800;
  text-decoration: none;
}

.footer-menu-link:hover {
  color: var(--medium-spring-green);
}

.court-center-right-box, .court-center-left-box {
  border-right: 2px solid var(--medium-spring-green);
  flex: none;
  width: 20%;
  height: 100%;
}

.court-right-box, .court-left-box {
  border-right: 2px solid var(--medium-spring-green);
  flex: none;
  align-items: center;
  width: 30%;
  height: 100%;
  display: flex;
  position: relative;
}

.court-lines {
  background-color: var(--medium-spring-green);
  width: 100%;
  height: 2px;
}

.court-center-logo {
  z-index: 2;
  width: 6em;
  max-width: none;
  height: 6em;
  position: absolute;
}

.footer-form {
  width: 21.875em;
  height: 100%;
  margin-bottom: 0;
}

.form {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 21.875em;
  display: flex;
}

.footer-field-wrapper {
  border: 2px solid var(--medium-spring-green);
  border-radius: .25em;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: .25em;
  padding-bottom: .25em;
  padding-right: .25em;
  display: flex;
}

.footer-form-title {
  color: var(--coral);
  text-transform: uppercase;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 3em;
  font-weight: 800;
}

.footer-form-p {
  color: var(--white);
  font-family: Rubik, sans-serif;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.2;
}

.footer-form-headline {
  padding-bottom: 2em;
}

.footer-form-input {
  outline-offset: 0px;
  height: 100%;
  color: var(--white);
  background-color: #0000;
  border: 0 #0000;
  outline: 3px #333;
  flex: 1;
  margin-bottom: 0;
  padding: .5em .75em .5em 1.5em;
  font-size: 1em;
}

.footer-form-input::placeholder {
  color: #ffffffc7;
}

.submit-trigger {
  z-index: 2;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.submit-button {
  background-color: var(--coral);
  border-radius: .25em;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  display: flex;
  position: relative;
}

.subscribe-arrow {
  width: 1.25em;
  max-width: none;
  height: 1.25em;
}

.about-slash-1 {
  z-index: 1;
  max-width: none;
  height: 14.0625em;
  position: absolute;
  inset: -1.1em 5.7em auto auto;
}

.about-slash-2 {
  z-index: 1;
  max-width: none;
  height: 12em;
  position: absolute;
  inset: auto auto .8em 3.1em;
}

.headline-slash-1 {
  z-index: 1;
  max-width: none;
  height: 4.875em;
  position: absolute;
  inset: -.6em 2.3em auto auto;
}

.headline-slash-2 {
  z-index: 1;
  max-width: none;
  height: 4.25em;
  position: absolute;
  top: 1.9em;
  left: 1.8em;
}

.headline-slash-2.is--program {
  height: 2.6875em;
  bottom: 3.5em;
  left: 4.9em;
}

.previous-headline-wrapper {
  position: relative;
}

.headline-slash-3 {
  z-index: 1;
  max-width: none;
  height: 3em;
  position: absolute;
  inset: -.5em 2.8em auto auto;
}

.headline-slash-4 {
  z-index: 1;
  max-width: none;
  height: 2.75em;
  position: absolute;
  inset: auto auto -.2em 1.2em;
}

.headline-slash-4.is--program {
  height: 2.6875em;
  bottom: 3.5em;
  left: 4.9em;
}

.headline-slash-4.is--upcoming {
  bottom: 4.4em;
}

.home-contact {
  padding-top: 10rem;
  padding-bottom: 8rem;
}

.footer-icon-link {
  width: 1.75em;
  height: 1.75em;
  color: var(--white);
}

.footer-icon-link:hover {
  color: var(--medium-spring-green);
}

.footer-icon-link.is--youtube {
  width: 2.125em;
  height: 1.5em;
}

.contact-inner {
  grid-column-gap: 2.5em;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-form-block {
  width: 100%;
}

.contact-form {
  grid-row-gap: 1.5em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-headline-wrap {
  padding-bottom: 1.5em;
  position: relative;
}

.contact-headline {
  z-index: 2;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 7.5em;
  font-weight: 800;
  line-height: 1.1;
  position: relative;
}

.contact-slash-1 {
  z-index: 1;
  max-width: none;
  height: 10em;
  position: absolute;
  inset: -1.1em 4em auto auto;
}

.contact-slash-2 {
  z-index: 1;
  max-width: none;
  height: 10em;
  position: absolute;
  inset: auto auto .2em -2.5em;
}

.contact-field-input {
  border: 2px solid var(--midnight-blue);
  height: 3em;
  color: var(--midnight-blue);
  border-radius: .25em;
  margin-bottom: 0;
  padding: .5em .75em .5em 1.5em;
  font-size: 1.25em;
  font-weight: 500;
}

.contact-field-input:focus {
  border-color: var(--medium-spring-green);
}

.contact-field-input::placeholder {
  color: var(--tomato);
}

.contact-text-area {
  border: 2px solid var(--midnight-blue);
  height: 3em;
  min-height: 9.5em;
  color: var(--midnight-blue);
  border-radius: .25em;
  margin-bottom: 0;
  padding: 1em .75em 1em 1.5em;
  font-size: 1.25em;
  font-weight: 500;
}

.contact-text-area:focus {
  border-color: #91ffc3;
}

.contact-text-area::placeholder {
  color: var(--tomato);
}

.contact-button {
  z-index: 3;
  opacity: 1;
  width: 100%;
  height: 100%;
  color: var(--midnight-blue);
  text-transform: uppercase;
  background-color: #0000;
  font-size: 1.5em;
  position: absolute;
  inset: 0%;
}

.success-message {
  border: 2px solid var(--medium-spring-green);
  background-color: #0000;
  border-radius: .25em;
  padding: 1.25em;
  font-family: Big Shoulders Display, sans-serif;
  font-weight: 800;
}

.success-text {
  color: var(--coral);
  font-size: 1.5em;
  line-height: 1.3;
}

.error-message {
  background-color: var(--tomato);
  border-radius: .25em;
  margin-top: .625em;
  padding: .625em;
}

.error-text {
  color: var(--white);
  font-size: 1em;
  line-height: 1.1;
}

.footer-form-wrap {
  width: 100%;
  padding: 2.5em;
}

.contact-success-message {
  background-color: var(--medium-spring-green);
  border-radius: .25em;
  padding: 2.15em 1.25em;
}

.contact-success-text {
  color: var(--midnight-blue);
  text-transform: uppercase;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 1.5em;
  font-weight: 800;
}

.contact-error-message {
  background-color: var(--tomato);
  border-radius: .5em;
  margin-top: .75em;
  padding: 1.125em 1.525em;
}

.contact-error-text {
  color: var(--white);
  font-size: 1.2em;
}

.instagram-button-icon {
  width: 1.5em;
  height: 1.5em;
}

.sponsor-modal {
  z-index: 20;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffffeb;
  justify-content: center;
  align-items: flex-start;
  padding: 3em;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.modal-container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 53em;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6.7em;
  display: flex;
  position: relative;
}

.sponsor-form {
  grid-row-gap: 1.5em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.modal-headline {
  text-align: center;
  padding-bottom: 3em;
  display: inline-block;
  position: relative;
}

.headline-size-modal {
  z-index: 2;
  color: var(--midnight-blue);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 5em;
  font-weight: 800;
  line-height: 1.1;
  position: relative;
}

.headline-size-modal.is--white {
  color: var(--white);
}

.headline-size-modal.is--white.is--center {
  text-align: center;
}

.sponsor-form-block {
  width: 100%;
  margin-bottom: 0;
}

.close-modal-btn {
  cursor: pointer;
  padding-bottom: 1em;
  padding-left: 1em;
  display: inline-block;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-modal-text {
  text-transform: uppercase;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 2em;
  font-weight: 800;
}

.navbar-wrapper {
  z-index: 20;
  background-color: #132d7d00;
  transition: background-color .4s;
  position: relative;
}

.navbar-wrapper.is--scrolled {
  background-color: var(--midnight-blue);
  transition: background-color .2s;
}

.navbar-bg {
  z-index: 1;
  background-color: var(--midnight-blue);
  opacity: 0;
  transition: opacity .4s;
  position: absolute;
  inset: 0%;
}

.navbar-bg.is--scrolled {
  opacity: 1;
}

.next-event_component {
  padding-top: 1.5em;
  padding-bottom: 2.25em;
  display: none;
}

.next-event_item {
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.next_event_image-block {
  border: 2px solid var(--midnight-blue);
  border-radius: .25em;
  flex: none;
  width: 45%;
  overflow: hidden;
}

.next_event_image-height {
  padding-top: 56.25%;
  position: relative;
}

.next-event_content-block {
  flex: 1;
}

.next-event_title-block {
  padding-top: .25em;
  padding-bottom: .25em;
}

.next-event_title {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 4em;
  font-weight: 800;
  line-height: 1.1;
}

.next-event_date-block {
  padding-bottom: .25em;
}

.next-event_location-block {
  padding-top: .25em;
  padding-bottom: .25em;
}

.next-event_blurb-block {
  padding-top: .75em;
}

.next-event_date {
  color: var(--tomato);
  text-transform: uppercase;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 1.75em;
  font-weight: 800;
  line-height: 1.1;
}

.next-event_location {
  color: var(--coral);
  text-transform: uppercase;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 1.75em;
  font-weight: 800;
  line-height: 1.1;
}

.next-event_blurb {
  margin-bottom: 0;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.4;
}

.next-event_rsvp-block {
  padding-top: 2em;
}

.next-event_rsvp-label {
  font-size: 1em;
  font-weight: 600;
}

.next-event_btn-block {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  flex-wrap: wrap;
  padding-top: .25em;
  display: flex;
}

.next-event_btn {
  background-color: var(--medium-spring-green);
  border-radius: .25em;
  align-items: center;
  width: 12.875em;
  height: 3em;
  padding-left: .75em;
  padding-right: .6em;
  text-decoration: none;
  display: flex;
}

.next-event_btn-inner {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-block {
  color: var(--midnight-blue);
  text-transform: uppercase;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 1em;
  font-weight: 800;
  line-height: 1.1;
}

.image {
  width: 1.5em;
  height: 1.5em;
}

.testing-cms {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.event_agenda {
  padding-top: 2rem;
  padding-bottom: 4.375rem;
}

.event_container {
  width: 100%;
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5rem;
  padding-right: 5rem;
  position: relative;
}

.event_container.is--hero {
  z-index: 5;
}

.event_container.is--sponsors, .event_container.is--nav {
  z-index: 2;
}

.event_container.event_menu-container {
  background-color: var(--white);
  border: 1px solid #e9e8e8;
  border-radius: .25rem;
  box-shadow: 4px 0 2rem #132d7d40;
}

.event_heading-2 {
  text-transform: uppercase;
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 2.125rem;
  font-weight: 800;
  line-height: 1;
  display: inline-block;
}

.event_agenda-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.event_agenda-day {
  color: var(--midnight-blue);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
}

.event_agenda-1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #e9e8e8;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 8.25rem;
  min-height: 4rem;
  padding: .75rem 1.5rem;
  display: flex;
}

.event_agenda-2 {
  border-right: 1px solid #e9e8e8;
  align-items: center;
  width: 100%;
  max-width: 16.5rem;
  min-height: 4rem;
  padding: .75rem 1.5rem;
  display: flex;
}

.event_agenda-3 {
  align-items: center;
  width: 100%;
  min-height: 4rem;
  padding: .75rem 1.5rem;
  display: flex;
}

.event_agenda-card {
  border: 2px solid var(--medium-spring-green);
  border-radius: .25rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 4rem;
  display: flex;
}

.event_agenda-description {
  color: var(--tomato);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.2;
}

.event_agenda-time {
  color: var(--coral);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1;
}

.event_details {
  padding-top: 2rem;
  padding-bottom: 4.375rem;
}

.event_details-header {
  border-bottom: 2px solid var(--medium-spring-green);
}

.event_rich-text {
  padding-top: 1.5rem;
}

.event_rich-text p {
  margin-bottom: .75rem;
  font-size: 1rem;
  line-height: 1.5;
}

.event_rich-text h2 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.1;
}

.event_rich-text h3 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-family: Big Shoulders Display, sans-serif;
  font-weight: 800;
  line-height: 1.1;
}

.event_rich-text h1 {
  margin-top: 1.5rem;
  margin-bottom: .75rem;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 2.375rem;
  font-weight: 800;
  line-height: 1.1;
}

.event_rich-text figure {
  margin-bottom: .75rem;
}

.event_sponsors {
  background-image: linear-gradient(45deg, var(--tomato), var(--coral));
  padding-top: 2rem;
  padding-bottom: 4.375rem;
}

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

.event_sponsor-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.event_sponsor-item {
  width: 10rem;
  height: 10rem;
  padding: 1rem;
}

.event_sponsor-logo {
  object-fit: contain;
  width: 100%;
  max-width: none;
  height: 100%;
}

.event_hero {
  background-color: var(--midnight-blue);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.event_hero-content {
  padding-top: 4rem;
  padding-bottom: 2rem;
  position: relative;
}

.event_title-block {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: .75rem;
  padding-bottom: .75rem;
  display: flex;
  position: relative;
}

.event_logo-block {
  object-position: 50% 100%;
  width: 20rem;
  height: 12rem;
}

.event_logo {
  object-fit: contain;
  width: 100%;
  max-width: none;
  height: 100%;
}

.event_banner-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.event_title {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 4rem;
  font-weight: 800;
  line-height: 1.2;
}

.event_date-block {
  z-index: 2;
  padding-top: .75rem;
  padding-bottom: .75rem;
  position: relative;
}

.event_location-block {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: .75rem;
  padding-bottom: .75rem;
  display: flex;
  position: relative;
}

.event_location-logo-wrapper {
  width: 16rem;
  height: 8rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.event_location-logo {
  object-fit: contain;
  object-position: 50% 100%;
  width: 100%;
  max-width: none;
  height: 100%;
}

.event_date {
  color: var(--tomato);
  text-align: center;
  text-transform: uppercase;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 2.125rem;
  font-weight: 800;
}

.event_location-address {
  color: var(--tomato);
  text-transform: uppercase;
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 1.5rem;
  font-weight: 800;
}

.event_location-title {
  color: var(--white);
  text-transform: uppercase;
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-family: Big Shoulders Display, sans-serif;
  font-size: 3rem;
  font-weight: 800;
}

.event_blur {
  -webkit-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem);
  background-color: #132d7db3;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.event_menu-bar {
  z-index: 1000;
  padding-left: 1rem;
  padding-right: 1rem;
  position: sticky;
  top: .5rem;
}

.event_menu-content {
  justify-content: center;
  align-items: center;
  min-height: 5rem;
  display: flex;
}

@media screen and (max-width: 991px) {
  .main-container {
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .hero-inner {
    max-height: 113vw;
  }

  .hero-cta-wrapper {
    grid-column-gap: .5em;
  }

  .hero-button-down {
    width: 4em;
    height: 4em;
  }

  .hero-button {
    width: 12em;
    height: 3.5em;
  }

  .hero-button-text {
    font-size: 1.125em;
  }

  .hero-headline {
    font-size: 3.5em;
  }

  .hero-video-button {
    width: 16.9271vw;
    height: 16.9271vw;
  }

  .hero-video-circle-1 {
    width: 15.625vw;
    height: 15.625vw;
  }

  .hero-video-circle-2 {
    width: 10.4167vw;
    height: 10.4167vw;
  }

  .hero-video-play {
    width: 4.16667vw;
  }

  .hero-circle-text {
    width: 14.3229vw;
    height: 14.3229vw;
  }

  .button-down-arrow {
    width: 2em;
    height: 2em;
  }

  .hero-dots {
    width: 37em;
    height: 30em;
  }

  .nav-brand-logo {
    width: 17.3em;
    height: 1.8em;
  }

  .nav-hamburger:hover {
    transform: none;
  }

  .nav {
    padding-bottom: 3em;
  }

  .nav-links {
    grid-row-gap: 1.5em;
    flex-direction: column;
  }

  .nav-link-text {
    font-size: 3.5em;
  }

  .nav-sub-link-text {
    font-size: 1.1em;
  }

  .about-block-1 {
    position: relative;
  }

  .about-content-1-wrap {
    flex: 1;
  }

  .about-headline {
    font-size: 3.8em;
  }

  .about-p-large {
    font-size: 1.25em;
  }

  .about-headline-wrap {
    padding-bottom: .5em;
  }

  .about-paragraph-wrap {
    max-width: none;
  }

  .about-content-2 {
    width: 16em;
    height: 16em;
    position: absolute;
  }

  .audience-headline {
    padding-bottom: 1em;
  }

  .audience-block {
    grid-row-gap: 1.5em;
    border-right: 2px solid var(--medium-spring-green);
    border-left: 2px solid var(--medium-spring-green);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 2em;
    padding-bottom: 2em;
    display: flex;
  }

  .headline-size-3 {
    font-size: 3em;
  }

  .audience-card {
    border-left-style: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  .audience-icon {
    width: 1em;
    height: 1em;
    margin-top: .5em;
  }

  .audience-item-text {
    font-size: 2em;
  }

  .audience-item-wrap {
    grid-row-gap: .5em;
  }

  .audience-subtext {
    font-size: 1.125em;
  }

  .about-block-3 {
    padding-top: 4em;
  }

  .pillars-headline {
    padding-bottom: 2.34375vw;
  }

  .pillars-card {
    padding-left: .5em;
    padding-right: .5em;
  }

  .pillars-card-inner {
    height: 21.2em;
    top: 2em;
  }

  .pillars-item-title {
    font-size: 2em;
  }

  .pillars-item-paragraph {
    font-size: .8em;
  }

  .main-button {
    width: 14em;
    height: 3.5em;
  }

  .home-program {
    margin-left: 1.75vw;
    margin-right: 1.75vw;
  }

  .scroll-logo-track, .scroll-logo-height {
    max-height: 80vw;
  }

  .scroll-logo {
    width: 100vw;
    height: auto;
  }

  .program-block {
    grid-column-gap: .5em;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    padding-top: 3.55em;
    display: grid;
    overflow: visible;
  }

  .program-card {
    flex: 1;
    width: auto;
    padding: 3em 1em;
  }

  .program-title-wrap {
    padding-top: 2em;
  }

  .program-icon {
    height: 5em;
  }

  .program-paragraph {
    font-size: .875em;
  }

  .program-title {
    font-size: 1.5em;
  }

  .pickleball-court {
    width: 90%;
  }

  .waitlist-inner {
    max-height: 100vw;
  }

  .waitlist-green-banner {
    height: 7.16146vw;
    transform: translate(-5%, 28px)rotate(4deg);
  }

  .waitlist-banner-icon {
    width: 2.60417vw;
    height: 2.60417vw;
  }

  .waitlist-banner-text {
    font-size: 4.16667vw;
  }

  .waitlist-blue-banner {
    height: 7.16146vw;
    transform: translate(-5%, -3.64583vw)rotate(-4deg);
  }

  .waitlist-button {
    width: 33.8542vw;
    height: 33.8542vw;
  }

  .waitlist-circle-1 {
    width: 31.901vw;
    height: 31.901vw;
  }

  .waitlist-circle-2 {
    width: 23.4375vw;
    height: 23.4375vw;
  }

  .waitlist-button-text {
    font-size: 4.94792vw;
  }

  .waitlist-circle-text {
    width: 29.9479vw;
    height: 29.9479vw;
  }

  .home-upcoming-events {
    padding-top: 10.4167vw;
  }

  .upcoming-event-icon-row {
    grid-column-gap: 1.04167vw;
    padding-bottom: 2.08333vw;
  }

  .upcoming-event-icon {
    width: 2em;
    height: 2em;
  }

  .upcoming-event-month {
    font-size: 1em;
  }

  .upcoming-event-location {
    font-size: 1.5em;
  }

  .headline-size-4 {
    font-size: 5.20833vw;
  }

  .swiper-slide.is-slider-upcoming {
    width: 33.3333%;
    padding-right: 1.04167vw;
  }

  .swiper-slide.is-slider-previous-1 {
    height: 2em;
  }

  .upcoming-events-button-wrap {
    padding-top: 3.1em;
  }

  .home-previous-events {
    padding-top: 10.5vw;
    padding-bottom: 12vw;
  }

  .previous-events-headline {
    padding-bottom: 1.5em;
  }

  .slider-previous_button-wrapper {
    grid-column-gap: .5em;
  }

  .slider-previous_button {
    width: 6em;
    height: 2em;
  }

  .slider-previous_button-text {
    font-size: 1.5625vw;
  }

  .slider-upcoming_button-icon {
    width: 1.5625vw;
    height: 1.5625vw;
  }

  .slider-previous-1_text {
    font-size: .875em;
  }

  .slider-tabs_component {
    padding-bottom: 1em;
  }

  .event-recap-col {
    max-height: 42.9688vw;
    padding-bottom: 2.9em;
    padding-left: 1em;
    padding-right: 1em;
  }

  .event-recap-p {
    font-size: 1em;
  }

  .event-recap-title {
    font-size: 1.75em;
  }

  .event-stats-wrap {
    padding-bottom: 7em;
  }

  .event-stats-small {
    font-size: .875em;
  }

  .event-stats-big {
    font-size: 1.75em;
  }

  .event-video-title {
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .event-title {
    font-size: 1.25em;
  }

  .event-video-date, .event-video-location {
    font-size: .75em;
  }

  .video-event-circle {
    width: 6em;
    height: 6em;
  }

  .video-event-play {
    width: 2.5em;
    height: 2.5em;
  }

  .video-event-circle-text {
    width: 5.5em;
    height: 5.5em;
  }

  .home-instagram {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }

  .instagram-banner {
    height: 3.4em;
    margin-bottom: 1em;
  }

  .instagram-text-1, .instagram-text-2 {
    font-size: 2em;
  }

  .instagram-button-wrap {
    padding-top: 4vw;
    padding-bottom: 2vw;
  }

  .sponsors-small-title {
    font-size: 2em;
  }

  .small-sponsors-grid {
    grid-column-gap: 1.75em;
    grid-row-gap: 1.5em;
  }

  .large-sponsor-image {
    max-width: 18em;
    max-height: 8.2em;
  }

  .small-sponsor-image {
    max-width: 5.5em;
    max-height: 3.5em;
  }

  .sponsors-button-wrap {
    padding-top: 4.2em;
  }

  .footer-banner {
    height: 4.6em;
  }

  .footer-banner-panel {
    grid-column-gap: 3em;
    padding-right: 3em;
  }

  .footer-banner-logo {
    width: 20em;
  }

  .footer-bottom-text {
    font-size: 1em;
  }

  .footer-top {
    grid-row-gap: 0px;
    grid-template-columns: auto auto;
  }

  .footer-menu {
    border-bottom: 2px solid var(--medium-spring-green);
  }

  .court-right-box {
    border-right-style: none;
  }

  .form {
    width: auto;
  }

  .about-slash-1 {
    height: 7em;
    top: -.6em;
    right: 3.8em;
  }

  .about-slash-2 {
    height: 6em;
    top: 3em;
    bottom: auto;
    left: 1.6em;
  }

  .headline-slash-1 {
    height: 2em;
    top: -.2em;
    right: 1.1em;
  }

  .headline-slash-2 {
    height: 2em;
    top: 1.2em;
    bottom: auto;
    left: 1.2em;
  }

  .headline-slash-2.is--program {
    height: 3.64583vw;
    bottom: 3.125vw;
    left: 4.55729vw;
  }

  .home-contact {
    padding-top: 8rem;
    padding-bottom: 6rem;
  }

  .contact-headline {
    font-size: 4em;
  }

  .contact-slash-1 {
    height: 5em;
    top: -.4em;
    right: 1.3em;
  }

  .contact-slash-2 {
    height: 6em;
    bottom: 1em;
    left: -1.7em;
  }

  .contact-field-input {
    height: 2.5em;
    font-size: 1em;
  }

  .contact-text-area {
    font-size: 1em;
  }

  .contact-button {
    font-size: 1.125em;
  }

  .success-message {
    border-radius: .25em;
  }

  .footer-form-wrap {
    border-bottom: 2px solid var(--medium-spring-green);
  }

  .contact-success-message {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }

  .contact-success-text {
    font-size: 1.2em;
  }

  .contact-error-text {
    font-size: .8em;
  }

  .instagram-button-icon {
    width: 1.125em;
    height: 1.125em;
  }

  .modal-headline {
    padding-bottom: 1em;
    display: inline-block;
  }

  .headline-size-modal {
    font-size: 3em;
  }

  .close-modal-text {
    font-size: 1.5em;
  }

  .next-event_item {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    align-items: flex-start;
  }

  .next_event_image-height {
    padding-top: 120%;
  }

  .next-event_title {
    font-size: 3em;
  }

  .next-event_date, .next-event_location {
    font-size: 1.5em;
  }

  .next-event_blurb {
    font-size: 1.1em;
  }

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

  .event_agenda-1 {
    max-width: 8rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .event_agenda-2 {
    max-width: 13rem;
  }

  .event_agenda-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .event_agenda-time {
    font-size: 1rem;
  }
}

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

  .hero-content-wrapper {
    grid-row-gap: 2em;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 2em;
  }

  .hero-cta-wrapper {
    grid-row-gap: .5em;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-button-down, .hero-line {
    display: none;
  }

  .hero-button {
    width: 12em;
    height: 3em;
  }

  .hero-button-text {
    font-size: 1em;
  }

  .hero-headline {
    font-size: 2.7em;
  }

  .nav-links {
    grid-row-gap: 2em;
    flex-direction: column;
  }

  .nav-sub-links {
    grid-row-gap: 2em;
    flex-direction: column;
    align-items: center;
  }

  .about-block-1 {
    grid-column-gap: 1em;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .about-block-2 {
    padding-top: 2.6em;
  }

  .about-headline {
    font-size: 3.2em;
  }

  .about-p-large {
    font-size: 1.2em;
  }

  .about-content-2 {
    right: -11em;
  }

  .headline-size-3 {
    font-size: 2.5em;
  }

  .audience-item-text {
    font-size: 2em;
  }

  .audience-subtext {
    font-size: 1.1em;
  }

  .main-button {
    width: 12em;
    height: 3em;
  }

  .scroll-logo {
    height: 3em;
  }

  .contact-headline {
    font-size: 3.2em;
  }

  .headline-size-modal {
    font-size: 2.5em;
  }

  .next-event_item {
    flex-direction: column;
  }

  .next_event_image-block, .event_container {
    width: 100%;
  }

  .event_agenda-1 {
    background-color: #e9e8e8;
    max-width: none;
    min-height: auto;
    padding: 1rem 1.5rem;
  }

  .event_agenda-2 {
    border-bottom: 1px solid #e9e8e8;
    border-right-style: none;
    justify-content: center;
    max-width: none;
    min-height: auto;
    padding: 1rem 1.5rem;
  }

  .event_agenda-3 {
    justify-content: center;
    min-height: auto;
    padding: 1rem 1.5rem;
  }

  .event_agenda-card {
    text-align: center;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .event_menu-bar {
    padding-left: .5rem;
    padding-right: .5rem;
  }
}

@media screen and (max-width: 479px) {
  .main-container {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .main-container.is--hero {
    padding-left: 6.15385vw;
    padding-right: 6.15385vw;
  }

  .hero-inner {
    height: 100svh;
    max-height: none;
    padding-bottom: 6.15385vw;
  }

  .hero-content-wrapper {
    grid-row-gap: 6.15385vw;
    flex-direction: column-reverse;
    align-items: flex-end;
    padding-bottom: 6.15385vw;
  }

  .hero-cta-wrapper {
    grid-column-gap: 2.05128vw;
  }

  .hero-button {
    border-radius: 10.2564vw;
    width: 42.8205vw;
    height: 14.359vw;
  }

  .hero-button-text {
    font-size: 1.125em;
  }

  .hero-headline {
    font-size: 10.2564vw;
  }

  .hero-video-wrapper {
    flex: 0 auto;
  }

  .hero-video-button {
    width: 25.641vw;
    height: 25.641vw;
  }

  .hero-video-circle-1 {
    width: 23.6564vw;
    height: 23.6564vw;
  }

  .hero-video-circle-2 {
    width: 15.6974vw;
    height: 15.6974vw;
  }

  .hero-video-play {
    width: 6.78974vw;
  }

  .hero-circle-text {
    width: 21.4846vw;
    height: 21.4846vw;
  }

  .hero-dots {
    width: 30em;
    height: 25em;
  }

  .hero-banner {
    height: 2em;
  }

  .hero-banner-panel {
    grid-column-gap: 1.75em;
    padding-right: 1.75em;
  }

  .hero-banner-text {
    font-size: 1.2em;
  }

  .navbar {
    padding-top: 1.25em;
    padding-bottom: .8em;
  }

  .nav-brand-logo {
    width: 14.1875em;
    height: 1.5em;
  }

  .nav-hamburger {
    height: 1.5em;
  }

  .nav-links {
    grid-row-gap: 1.5em;
  }

  .nav-link-text {
    font-size: 2em;
  }

  .nav-sub-link-text {
    font-size: 1.125em;
  }

  .home-about {
    padding-top: 15.3846vw;
    overflow: hidden;
  }

  .about-block-1 {
    align-items: center;
    height: 70.2564vw;
    display: flex;
  }

  .about-block-2 {
    padding-top: 12.8205vw;
  }

  .about-content-1-wrap {
    max-width: none;
    position: relative;
    top: 0;
  }

  .about-headline {
    font-size: 3em;
  }

  .about-p-large {
    font-size: .888889em;
  }

  .about-headline-wrap {
    padding-bottom: 2.05128vw;
  }

  .about-content-2 {
    opacity: .3;
    width: 70.2564vw;
    height: 70.2564vw;
    right: -27.4359vw;
  }

  .audience-headline {
    padding-bottom: 1em;
  }

  .audience-block {
    grid-row-gap: 4.10256vw;
    border-right: 2px solid var(--medium-spring-green);
    border-left: 2px solid var(--medium-spring-green);
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    padding-left: 4.10256vw;
    padding-right: 4.10256vw;
    display: flex;
  }

  .headline-size-3 {
    font-size: 2.75em;
  }

  .headline-size-3.is--white.is--sponsors {
    font-size: 2.25em;
  }

  .audience-card {
    grid-row-gap: 4.10256vw;
    border-left-style: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .audience-item {
    grid-column-gap: 2.05128vw;
  }

  .audience-icon {
    width: 1em;
    height: 1em;
  }

  .audience-item-text {
    font-size: 1.75em;
  }

  .audience-item-wrap {
    grid-row-gap: 2.05128vw;
  }

  .audience-subtext {
    font-size: 1em;
  }

  .about-block-3 {
    padding-top: 3.75em;
  }

  .pillars-headline {
    padding-bottom: 4.10256vw;
  }

  .pillars-block {
    grid-column-gap: 1.75em;
    grid-row-gap: 1.75em;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    min-height: auto;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .pillars-card {
    border-left-style: none;
    flex: none;
    width: 21.375em;
    padding-left: 0;
    padding-right: 0;
  }

  .pillars-card.is--align-center {
    justify-content: flex-start;
  }

  .pillars-card-inner {
    border-bottom: 2px solid var(--medium-spring-green);
    border-right-width: 1px;
    border-right-color: #000;
    height: 100%;
    padding: 1em;
    position: relative;
    top: 0;
  }

  .pillars-item-title {
    font-size: 1.75em;
  }

  .pillars-item-title-wrap {
    padding-top: 1em;
    padding-bottom: .25em;
  }

  .pillars-item-paragraph {
    font-size: 1em;
  }

  .pillars-button-wrap {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .main-button {
    border-radius: 10.2564vw;
    width: 12.5em;
    height: 3.5em;
  }

  .home-orange {
    background-image: none;
  }

  .home-program {
    margin-left: 0;
    margin-right: 0;
  }

  .scroll-logo-track, .scroll-logo-height {
    max-height: 110vw;
  }

  .scroll-logo {
    width: 120vw;
    height: auto;
  }

  .program-headline {
    padding-bottom: 1.8em;
  }

  .program-block {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 4em;
    display: flex;
  }

  .program-card {
    flex: none;
    width: 21.375em;
    padding: 2.5em 1.25em 3.5em;
  }

  .program-title-wrap {
    padding-top: 2em;
  }

  .program-paragraph {
    font-size: 1em;
  }

  .program-title {
    font-size: 1.75em;
  }

  .pickleball-court {
    width: 80%;
  }

  .waitlist-green-banner, .waitlist-blue-banner {
    display: none;
  }

  .waitlist-button {
    width: 12.5em;
    height: 12.5em;
  }

  .waitlist-circle-1 {
    width: 11.813em;
    height: 11.813em;
  }

  .waitlist-circle-2 {
    width: 8.625em;
    height: 8.625em;
  }

  .waitlist-button-text {
    font-size: 1.75em;
  }

  .waitlist-circle-text {
    width: 11em;
    height: 11em;
  }

  .home-upcoming-events {
    padding-top: 5em;
  }

  .upcoming-event-icon-row {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    padding-bottom: .5em;
  }

  .upcoming-event-icon {
    width: 1.5em;
    height: 1.5em;
  }

  .upcoming-event-month {
    font-size: 1.25em;
  }

  .upcoming-event-location {
    font-size: 1.75em;
  }

  .headline-size-4 {
    font-size: 2.5em;
  }

  .upcoming-events-headline {
    padding-bottom: .75em;
  }

  .swiper-slide.is-slider-upcoming {
    width: 75%;
    padding-right: .5em;
  }

  .swiper-slide.is-slider-previous-1 {
    height: auto;
    padding: .25em .75em;
  }

  .upcoming-events-button-wrap {
    padding-top: 3em;
    padding-bottom: 1em;
  }

  .home-previous-events {
    padding-top: 6em;
    padding-bottom: 6em;
  }

  .previous-events-headline {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
    flex-direction: column;
    padding-bottom: 1em;
  }

  .slider-previous_button-wrapper {
    grid-column-gap: .5em;
    display: none;
  }

  .slider-previous_button {
    grid-column-gap: .5em;
    width: 6em;
    height: 2em;
    padding: .5em 1em;
  }

  .slider-previous_button-text {
    font-size: 1em;
  }

  .slider-upcoming_button-icon {
    width: .875em;
    height: .875em;
  }

  .slider-previous-1_text {
    font-size: .875em;
  }

  .slider-tabs_component {
    padding-bottom: 0;
    position: sticky;
  }

  .event-video-col {
    z-index: 3;
    background-color: var(--white);
    padding-top: 2em;
    padding-right: 0;
    top: 3em;
  }

  .event-recap-col {
    border-left-style: none;
    border-right-style: none;
    max-height: 34em;
    padding: 2em 0 0;
  }

  .slide-inner {
    grid-template-columns: 1fr;
  }

  .event-recap-p {
    font-size: 1em;
  }

  .event-recap-title {
    font-size: 1.5em;
  }

  .event-stats-wrap {
    grid-row-gap: .25em;
    padding-bottom: 4em;
  }

  .event-stats-small {
    font-size: .875em;
  }

  .event-stats-big {
    font-size: 1.5em;
  }

  .event-video-title {
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .event-title {
    font-size: 1.25em;
  }

  .event-video-date, .event-video-location {
    font-size: .875em;
  }

  .video-event-circle {
    width: 6em;
    height: 6em;
  }

  .video-event-play {
    width: 2.5em;
    height: 2.5em;
  }

  .video-event-circle-text {
    width: 5.5em;
    height: 5.5em;
  }

  .body-splatter {
    background-size: 210%;
  }

  .home-instagram {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .instagram-banner {
    height: 3em;
    margin-bottom: 1em;
  }

  .instagram-panel {
    grid-column-gap: 1em;
    padding-right: 1em;
  }

  .instagram-text-1, .instagram-text-2 {
    font-size: 1.5em;
  }

  .instagram-ball-icon {
    width: 1em;
    height: 1em;
  }

  .instagram-button-wrap {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .home-sponsors {
    padding-top: 5em;
    overflow: hidden;
  }

  .sponsors-headline {
    grid-column-gap: .25em;
    grid-row-gap: .25em;
    flex-direction: column;
    display: flex;
  }

  .sponsors-small-title {
    font-size: 1.5em;
  }

  .larger-sponsors-grid {
    margin-bottom: 1em;
  }

  .small-sponsors-grid {
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
  }

  .large-sponsor-image {
    max-width: 12em;
    max-height: 6.5em;
  }

  .small-sponsor-image {
    max-width: 4.5em;
    max-height: 3.4em;
  }

  .small-sponsor-image.is--pickleroll {
    max-width: 6.5em;
  }

  .sponsors-button-wrap {
    padding-top: 3.5em;
  }

  .main-footer {
    padding-bottom: 4em;
  }

  .footer-banner {
    height: 3.5em;
  }

  .footer-banner-panel {
    grid-column-gap: 2em;
    padding-right: 2em;
  }

  .footer-banner-logo {
    width: 13em;
  }

  .footer-bottom {
    grid-row-gap: 1em;
    flex-direction: column;
    justify-content: center;
  }

  .footer-bottom-text {
    font-size: .875em;
  }

  .footer-top {
    grid-template-columns: auto;
  }

  .footer-menu {
    grid-row-gap: 1.5em;
    text-align: center;
    border-right-style: none;
    align-items: center;
  }

  .footer-socials {
    text-align: center;
    border-right-style: none;
    align-items: center;
  }

  .footer-court {
    display: none;
  }

  .footer-form {
    width: 100%;
  }

  .footer-form-title {
    font-size: 2.5em;
  }

  .footer-form-headline {
    text-align: center;
  }

  .about-slash-1 {
    height: 23.0769vw;
    top: -3.07692vw;
  }

  .about-slash-2 {
    height: 20.5128vw;
    bottom: -.25641vw;
    left: 4.35897vw;
  }

  .headline-slash-1 {
    height: 8.71795vw;
    top: -.25em;
    right: .6625em;
  }

  .headline-slash-2 {
    height: 8.20513vw;
    bottom: 4.35897vw;
    left: 6.66667vw;
  }

  .headline-slash-2.is--program {
    height: 1.4375em;
    top: 1.35em;
    bottom: auto;
    left: 1.925em;
  }

  .headline-slash-3 {
    height: 2em;
    top: -.4em;
    right: .9em;
  }

  .headline-slash-4 {
    height: 2em;
    top: .9em;
    bottom: auto;
    left: .5em;
  }

  .headline-slash-4.is--upcoming {
    height: 2em;
    top: 1.1em;
    bottom: auto;
    left: .4em;
  }

  .home-contact {
    padding-top: 5.8rem;
    padding-bottom: 5.8rem;
  }

  .contact-inner {
    flex-direction: column;
  }

  .contact-headline-wrap {
    padding-bottom: 3.1em;
  }

  .contact-headline {
    font-size: 3em;
  }

  .contact-slash-1 {
    height: 3em;
    top: -.5em;
    right: .8em;
  }

  .contact-slash-2 {
    height: 3em;
    top: .7em;
    bottom: auto;
    left: .1em;
  }

  .contact-field-input {
    height: 3em;
  }

  .contact-button {
    font-size: 1.125em;
  }

  .footer-form-wrap {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .contact-success-text {
    font-size: 1.4em;
    line-height: 1.2;
  }

  .contact-error-message {
    padding: .725em;
  }

  .contact-error-text {
    font-size: .9em;
    line-height: 1.3;
  }

  .sponsor-modal {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .modal-container {
    padding-top: 4.5em;
    padding-bottom: 1em;
  }

  .modal-headline {
    padding-bottom: 1em;
  }

  .headline-size-modal {
    font-size: 2.75em;
  }

  .headline-size-modal.is--white.is--sponsors {
    font-size: 2.25em;
  }

  .next-event_component {
    padding-top: .75em;
  }

  .next-event_item {
    grid-row-gap: 1.5em;
  }

  .next-event_title {
    font-size: 2em;
  }

  .next-event_blurb-block {
    padding-top: .5em;
  }

  .next-event_date, .next-event_location {
    font-size: 1.25em;
  }

  .next-event_blurb {
    font-size: 1em;
  }

  .event_container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .event_container.is--hero {
    padding-left: 6.15385vw;
    padding-right: 6.15385vw;
  }

  .event_logo-block {
    width: 15rem;
    height: 10rem;
  }

  .event_location-logo-wrapper {
    width: 10rem;
    height: 5rem;
  }
}

#w-node-f1d1ac4c-82c1-604a-7b1d-f6f9a3a163d2-1834e11a {
  grid-area: 1 / 1 / 2 / 9;
}

#w-node-_518acb86-f4da-8031-5661-647ac23e45cf-1834e11a {
  grid-area: 1 / 8 / 2 / 13;
}

#w-node-_3d350c61-4cda-fa68-fc4f-722c4591477c-1834e11a, #w-node-_7c802926-11cd-fc06-ecbe-f7fb749c1f5f-1834e11a, #w-node-_68bab52e-c12e-c45f-7dfd-e1645404ea18-1834e11a, #w-node-e7610ce6-8007-e749-b296-a10c68aa42c6-1834e11a, #w-node-eea213ea-6842-9e00-2f5c-6c0b605064c1-1834e11a, #w-node-fc4c2fbd-799b-23ea-0968-5cb2f0b1f167-1834e11a, #w-node-d78e74a5-e2ab-f1f6-cd64-447620b51cd8-1834e11a, #w-node-_96694287-e16b-7ac1-201b-40eb02e6aff1-1834e11a, #w-node-_96694287-e16b-7ac1-201b-40eb02e6aff3-1834e11a, #w-node-_96694287-e16b-7ac1-201b-40eb02e6affb-1834e11a, #w-node-_96694287-e16b-7ac1-201b-40eb02e6affd-1834e11a, #w-node-_9879ad04-4fc8-8782-b197-6caf0463e0b7-1834e11a, #w-node-_9879ad04-4fc8-8782-b197-6caf0463e0b9-1834e11a, #w-node-_9879ad04-4fc8-8782-b197-6caf0463e0c1-1834e11a, #w-node-_9879ad04-4fc8-8782-b197-6caf0463e0c3-1834e11a, #w-node-_28c0cff5-87ae-0a3b-8a09-3e398284961a-1834e11a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_50dff766-1038-b0b6-6025-6f903cf120d6-1834e11a {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_93cb9206-25df-8e6c-6d4e-758f63673cb5-1834e11a, #w-node-_6ed12921-bb78-7409-4208-98bab9eb7551-1834e11a, #w-node-_4cfa0f99-940d-8532-5f05-2c24987217ec-987217e9, #w-node-_4cfa0f99-940d-8532-5f05-2c24987217f9-987217e9, #w-node-_4cfa0f99-940d-8532-5f05-2c2498721802-987217e9, #w-node-_4cfa0f99-940d-8532-5f05-2c249872180a-987217e9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1b44934c-78a0-f29a-1597-73d499acb07e-99acb07d {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_1b44934c-78a0-f29a-1597-73d499acb08e-99acb07d {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_1b44934c-78a0-f29a-1597-73d499acb098-99acb07d, #w-node-_1b44934c-78a0-f29a-1597-73d499acb099-99acb07d, #w-node-_518b89d9-952e-c8ef-e023-d997b313f01b-af61a54d, #w-node-df8da46a-ffae-498e-b7d7-31d52117ae19-af61a54d, #w-node-ba45e09a-9da8-b63c-f002-1f425e6c616a-af61a54d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_518acb86-f4da-8031-5661-647ac23e45cf-1834e11a {
    grid-area: 1 / 8 / 2 / 13;
  }

  #w-node-_4cfa0f99-940d-8532-5f05-2c249872180a-987217e9, #w-node-_4cfa0f99-940d-8532-5f05-2c249872180b-987217e9 {
    grid-area: 1 / 2 / 2 / 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-f1d1ac4c-82c1-604a-7b1d-f6f9a3a163d2-1834e11a {
    grid-column-end: 5;
  }

  #w-node-_518acb86-f4da-8031-5661-647ac23e45cf-1834e11a {
    grid-column: 1 / 5;
    justify-self: end;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4cfa0f99-940d-8532-5f05-2c249872180a-987217e9, #w-node-_4cfa0f99-940d-8532-5f05-2c249872180b-987217e9 {
    order: -9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Big Shoulders Display';
  src: url('../fonts/BigShouldersDisplay-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}