@charset "UTF-8";
.color--chartreuse {
  color: #ece72a;
}
.color--purple {
  color: #a12990;
}
.color--bright-purple {
  color: #bc4799;
}
.color--melon {
  color: #ffc40d;
}
.color--gold {
  color: #ff9c01;
}
.color--forest {
  color: #349880;
}
.color--hazy-sky {
  color: #65c3d1;
}
.color--swimming-pool {
  color: #28adc6;
}
.color--watermelon {
  color: #ee3f46;
}
.color--scarlet {
  color: #ed2c3a;
}
.color--navy {
  color: #09023b;
}
.color--black {
  color: #000000;
}
.color--text-black {
  color: #101010;
}
.color--gray-1 {
  color: #383838;
}
.color--gray-2 {
  color: #4d4d4d;
}
.color--gray-3 {
  color: #6c6a6e;
}
.color--gray-4 {
  color: rgb(126, 126, 126);
}
.color--gray-5 {
  color: rgb(190, 190, 190);
}
.color--gray-6 {
  color: #f3f3f3;
}
.color--white {
  color: #ffffff;
}

.bgcolor--chartreuse {
  background-color: #ece72a;
}
.bgcolor--purple {
  background-color: #a12990;
}
.bgcolor--bright-purple {
  background-color: #bc4799;
}
.bgcolor--melon {
  background-color: #ffc40d;
}
.bgcolor--gold {
  background-color: #ff9c01;
}
.bgcolor--forest {
  background-color: #349880;
}
.bgcolor--hazy-sky {
  background-color: #65c3d1;
}
.bgcolor--swimming-pool {
  background-color: #28adc6;
}
.bgcolor--watermelon {
  background-color: #ee3f46;
}
.bgcolor--scarlet {
  background-color: #ed2c3a;
}
.bgcolor--navy {
  background-color: #09023b;
}
.bgcolor--black {
  background-color: #000000;
}
.bgcolor--text-black {
  background-color: #101010;
}
.bgcolor--gray-1 {
  background-color: #383838;
}
.bgcolor--gray-2 {
  background-color: #4d4d4d;
}
.bgcolor--gray-3 {
  background-color: #6c6a6e;
}
.bgcolor--gray-4 {
  background-color: rgb(126, 126, 126);
}
.bgcolor--gray-5 {
  background-color: rgb(190, 190, 190);
}
.bgcolor--gray-6 {
  background-color: #f3f3f3;
}
.bgcolor--white {
  background-color: #ffffff;
}

.border-color--name {
  border-color: #ece72a;
}
.border-color--name {
  border-color: #a12990;
}
.border-color--name {
  border-color: #bc4799;
}
.border-color--name {
  border-color: #ffc40d;
}
.border-color--name {
  border-color: #ff9c01;
}
.border-color--name {
  border-color: #349880;
}
.border-color--name {
  border-color: #65c3d1;
}
.border-color--name {
  border-color: #28adc6;
}
.border-color--name {
  border-color: #ee3f46;
}
.border-color--name {
  border-color: #ed2c3a;
}
.border-color--name {
  border-color: #09023b;
}
.border-color--name {
  border-color: #000000;
}
.border-color--name {
  border-color: #101010;
}
.border-color--name {
  border-color: #383838;
}
.border-color--name {
  border-color: #4d4d4d;
}
.border-color--name {
  border-color: #6c6a6e;
}
.border-color--name {
  border-color: rgb(126, 126, 126);
}
.border-color--name {
  border-color: rgb(190, 190, 190);
}
.border-color--name {
  border-color: #f3f3f3;
}
.border-color--name {
  border-color: #ffffff;
}

body, h1, p, .what-we-do-donations--text-block h2, .what-we-do-donations--text-block p,
.what-we-do-donations--text-block ul,
.what-we-do-donations--text-block li, .our-story-intro--body h2, .our-story-intro--body p, .button--mobile-primary, .button--expand-label, .button--expand-story-label, .button--text-label, .mobile-footer--newsletter-form-label, .mobile-footer--newsletter-input input[type=email], .mobile-footer--social-media-row p, .mobile-footer--information-rows-address, .footer--info-col-h5, .footer--social-media-row > p, .footer--utility-links > li > a, .footer--utility-links > li > ul li a, .footer--newsletter-form-label, .footer--newsletter-input > input[type=email], .mobile-nav--menu, .main-nav .menu .menu-item, .main-nav .menu .submenu-item, .typeface--urbanist-thin, .typeface--urbanist-light, .typeface--urbanist-regular, .typeface--urbanist-medium, .typeface--urbanist-semi-bold, .typeface--urbanist-bold, .typeface--urbanist-extra-bold, .typeface--urbanist-black {
  font-family: "Urbanist", sans-serif;
  font-optical-sizing: auto;
}

.padding--left-0_25 {
  padding-left: 0.25rem;
}
.padding--left-0_5 {
  padding-left: 0.5rem;
}
.padding--left-0_75 {
  padding-left: 0.75rem;
}
.padding--left-1_0 {
  padding-left: 1rem;
}
.padding--right-0_25 {
  padding-right: 0.25rem;
}
.padding--right-0_5 {
  padding-right: 0.5rem;
}
.padding--right-0_75 {
  padding-right: 0.75rem;
}
.padding--right-1_0 {
  padding-right: 1rem;
}
.padding--bottom-0_25 {
  padding-bottom: 0.25rem;
}
.padding--bottom-0_5 {
  padding-bottom: 0.5rem;
}
.padding--bottom-0_75 {
  padding-bottom: 0.75rem;
}
.padding--bottom-1_0 {
  padding-bottom: 1rem;
}

.margin--left-0_25 {
  margin-left: 0.25rem;
}
.margin--left-0_5 {
  margin-left: 0.5rem;
}
.margin--left-0_75 {
  margin-left: 0.75rem;
}
.margin--left-1_0 {
  margin-left: 1rem;
}
.margin--right-0_25 {
  margin-right: 0.25rem;
}
.margin--right-0_5 {
  margin-right: 0.5rem;
}
.margin--right-0_75 {
  margin-right: 0.75rem;
}
.margin--right-1_0 {
  margin-right: 1rem;
}
.margin--bottom-0_25 {
  margin-bottom: 0.25rem;
}
.margin--bottom-0_5 {
  margin-bottom: 0.5rem;
}
.margin--bottom-0_75 {
  margin-bottom: 0.75rem;
}
.margin--bottom-1_0 {
  margin-bottom: 1rem;
}

.typeface--urbanist-thin {
  font-weight: 100 !important;
}
.typeface--urbanist-light {
  font-weight: 300 !important;
}
.typeface--urbanist-regular {
  font-weight: 400 !important;
}
.typeface--urbanist-medium {
  font-weight: 500 !important;
}
.typeface--urbanist-semi-bold {
  font-weight: 600 !important;
}
.typeface--urbanist-bold {
  font-weight: 700 !important;
}
.typeface--urbanist-extra-bold {
  font-weight: 800 !important;
}
.typeface--urbanist-black {
  font-weight: 900 !important;
}

.typestyle--italic {
  font-style: italic;
}
.typestyle--normal {
  font-style: normal;
}

.text-transform--uppercase {
  text-transform: uppercase;
}
.text-transform--lowercase {
  text-transform: lowercase;
}
.text-transform--capitalize {
  text-transform: capitalize;
}
.text-transform--unset {
  text-transform: unset;
}

.no-hyphen {
  white-space: nowrap;
}

#main-heading {
  width: 100vw;
  min-height: 5.5625rem;
  position: relative;
}
@media (min-width: 1200px) {
  #main-heading {
    height: 10rem;
  }
}

#page--home > #main-heading {
  background-image: url("./resources/images/jpeg/Welcome_Home_group_10a.jpg");
  background-position-x: center;
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 9.6875rem;
  min-height: auto;
  padding: 0;
  width: 100%;
}
@media (min-width: 430px) {
  #page--home > #main-heading {
    height: 13rem;
  }
}
@media (min-width: 576px) {
  #page--home > #main-heading {
    height: 16rem;
  }
}
@media (min-width: 768px) {
  #page--home > #main-heading {
    height: 19.375rem;
  }
}
@media (min-width: 992px) {
  #page--home > #main-heading {
    height: 30rem;
  }
}
@media (min-width: 1200px) {
  #page--home > #main-heading {
    height: auto;
    min-height: 52.5625rem;
  }
}
@media (min-width: 2560px) {
  #page--home > #main-heading {
    height: auto;
    min-height: 70rem;
  }
}
@media (min-width: 3840px) {
  #page--home > #main-heading {
    height: auto;
    min-height: 90rem;
  }
}

#top-nav--mobile-header {
  align-items: center;
  background-color: #ffffff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-flow: row nowrap;
  min-height: 5.5625rem;
  height: auto;
  justify-content: space-between;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 99;
}
@media (min-width: 1200px) {
  #top-nav--mobile-header {
    display: none;
  }
}

#page--home #top-nav--mobile-header {
  background-color: transparent;
  box-shadow: none;
  transition: background-color 0.3s linear;
}
#page--home #top-nav--mobile-header.opacify-mobile-header {
  background-color: #ffffff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}

#top-nav--mobile-close-button-anchor {
  display: block;
  line-height: 0;
  position: relative;
  transform: rotate(45deg);
  z-index: 5;
}
#top-nav--mobile-close-button-anchor .top-nav--mobile-close-button-container {
  position: relative;
  height: 2.125rem;
  width: 2.125rem;
}
#top-nav--mobile-close-button-anchor .top-nav--mobile-close-button-container .top-nav--mobile-close-button-vert {
  background-color: #09023b;
  border-radius: 0.125rem;
  height: 2.125rem;
  left: 0.9375rem;
  position: absolute;
  top: 0;
  width: 0.25rem;
}
#top-nav--mobile-close-button-anchor .top-nav--mobile-close-button-container .top-nav--mobile-close-button-horiz {
  background-color: #09023b;
  border-radius: 0.125rem;
  height: 0.25rem;
  left: 0;
  position: absolute;
  top: 0.9375rem;
  width: 2.125rem;
}

.top-nav--mobile-header-container {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  height: 100%;
  justify-content: flex-start;
  position: relative;
  width: 83vw;
  padding: 1rem 0 1rem 1rem;
}
@media (min-width: 480px) {
  .top-nav--mobile-header-container {
    width: 85vw;
  }
}
@media (min-width: 576px) {
  .top-nav--mobile-header-container {
    width: 87vw;
  }
}
.top-nav--mobile-header-container > .button--mobile-primary {
  margin-left: 0.5rem;
}
@media (min-width: 480px) {
  .top-nav--mobile-header-container > .button--mobile-primary {
    margin-left: 0.75rem;
  }
}
@media (min-width: 680px) {
  .top-nav--mobile-header-container > .button--mobile-primary {
    margin-left: 1rem;
  }
}
@media (min-width: 992px) {
  .top-nav--mobile-header-container > .button--mobile-primary {
    margin-left: 1.5rem;
  }
}
.top-nav--mobile-header-logo {
  display: block;
  margin-right: auto;
  max-width: 21rem;
  position: relative;
  width: 48vw;
}
@media (min-width: 480px) {
  .top-nav--mobile-header-logo {
    max-width: none;
  }
}
@media (min-width: 680px) {
  .top-nav--mobile-header-logo {
    height: 88px;
    width: auto;
  }
}
@media (min-width: 992px) {
  .top-nav--mobile-header-logo {
    height: 120px;
  }
}
.top-nav--mobile-header-logo a {
  display: block;
  height: 100%;
  line-height: 0;
}
.top-nav--mobile-header-logo a svg {
  height: 100%;
}
.top-nav--mobile-hamburger-button {
  display: block;
  padding: 0 1.25rem 0 0;
  position: relative;
  width: 3.375rem;
  height: 1.5rem;
  transition: visibility 0.5s linear;
  visibility: visible;
}
.top-nav--mobile-hamburger-button.menu--mobile-menu-open {
  visibility: hidden;
}
.top-nav--mobile-hamburger-button a {
  display: block;
  height: 100%;
  position: relative;
}
.top-nav--mobile-hamburger-button-top {
  background-color: #000000;
  border-radius: 0.125rem;
  height: 0.25rem;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}
.top-nav--mobile-hamburger-button-middle {
  background-color: #000000;
  border-radius: 0.125rem;
  height: 0.25rem;
  left: 0;
  position: relative;
  top: 0.375rem;
  width: 100%;
}
.top-nav--mobile-hamburger-button-bottom {
  background-color: #000000;
  border-radius: 0.125rem;
  height: 0.25rem;
  left: 0;
  position: relative;
  top: 0.75rem;
  width: 100%;
}

#top-nav--mobile {
  bottom: 0;
  display: block;
  height: 100vh;
  left: 100vw;
  position: fixed;
  top: 0;
  transition: left 0.5s ease-in-out;
  width: 100vw;
  z-index: 100;
}
@media (min-width: 576px) {
  #top-nav--mobile {
    width: 80vw;
  }
}
@media (min-width: 768px) {
  #top-nav--mobile {
    width: 60vw;
  }
}
@media (min-width: 992px) {
  #top-nav--mobile {
    width: 45vw;
  }
}
@media (min-width: 1200px) {
  #top-nav--mobile {
    width: 35vw;
  }
}
#top-nav--mobile.top-nav--mobile-open {
  left: 0vw;
}
@media (min-width: 576px) {
  #top-nav--mobile.top-nav--mobile-open {
    left: 20vw;
  }
}
@media (min-width: 768px) {
  #top-nav--mobile.top-nav--mobile-open {
    left: 40vw;
  }
}
@media (min-width: 992px) {
  #top-nav--mobile.top-nav--mobile-open {
    left: 55vw;
  }
}
@media (min-width: 1200px) {
  #top-nav--mobile.top-nav--mobile-open {
    left: 65vw;
  }
}
@media (min-width: 1200px) {
  #top-nav--mobile {
    display: none;
  }
}
#top-nav--mobile-top-bar {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  height: auto;
  justify-content: space-between;
  min-height: 5.5625rem;
  padding: 1rem 1.25rem 1rem 1rem;
}
#top-nav--mobile-top-bar-logo {
  display: block;
  height: 11.811023622vw;
  max-height: 5.1673228346rem;
  width: 2rem;
  z-index: 5;
}
#top-nav--mobile-top-bar-logo svg {
  height: 100%;
}
@media (min-width: 480px) {
  #top-nav--mobile-top-bar-logo {
    max-height: none;
  }
}
@media (min-width: 680px) {
  #top-nav--mobile-top-bar-logo {
    height: 88px;
  }
}
@media (min-width: 992px) {
  #top-nav--mobile-top-bar-logo {
    height: 120px;
  }
}

.top-nav--mobile-scrim {
  background-color: #ffffff;
  display: block;
  height: 100vh;
  bottom: 0;
  left: 0;
  opacity: 0.95;
  right: 0;
  top: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.top-nav--mobile-nav {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  overflow: scroll;
  padding: 0 10vw 10vw 10vw;
  position: relative;
  width: 100%;
  z-index: 2;
}
@media (min-width: 1200px) {
  .top-nav--mobile-nav {
    padding: 0 5vw 5vw 5vw;
  }
}

.mobile-nav--menu {
  font-weight: 700;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.mobile-nav--menu > li {
  line-height: 1.1;
  padding-bottom: 0.75rem;
}
.mobile-nav--menu > li span {
  align-items: center;
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding-bottom: 0.75rem;
}
.mobile-nav--menu > li span a {
  color: #09023b;
  display: inline-block;
  text-decoration: none;
}
.mobile-nav--submenu {
  display: block;
  height: 0;
  list-style-type: none;
  opacity: 1;
  overflow: hidden;
  padding: 0;
  transition: all 0.4s ease-in;
}
.mobile-nav--submenu li {
  border-top: 1px solid rgb(126, 126, 126);
}
.mobile-nav--submenu a {
  color: #09023b;
  display: inline-block;
  text-decoration: none;
  padding: 0.5rem 0 0.5rem 2rem;
}
.mobile-nav--submenu.submenu--open {
  height: var(--mobile-submenu-height);
  opacity: 1;
}

.menu--drop-down-arrow {
  transform: rotate(0);
  transition: transform 0.35s ease-out;
}
.menu--drop-down-arrow.menu--submenu-open {
  transform: rotate(-180deg);
}

#top-nav {
  background-color: #ffffff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  display: none;
  height: 10rem;
  position: fixed;
  width: 100%;
  z-index: 99;
}
@media (min-width: 1200px) {
  #top-nav {
    display: block;
    padding: 0 2rem;
  }
}
@media (min-width: 1680px) {
  #top-nav {
    padding: 0 2.875rem;
  }
}

#top-nav-container {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  gap: 0 1.5rem;
  height: 10rem;
  justify-content: flex-end;
  margin: 0 auto;
  max-width: 1824px;
  position: relative;
  width: 100%;
  z-index: 99;
}
@media (min-width: 1920px) {
  #top-nav-container {
    gap: normal;
    justify-content: space-between;
  }
}

#main-nav--logo-home {
  display: none;
}

#main-nav--logo-horiz {
  align-items: center;
  align-self: center;
  flex-grow: 1;
  flex-shrink: 0;
  margin-right: auto;
  max-width: 536px;
  position: relative;
  width: auto;
  display: flex;
}
#main-nav--logo-horiz a {
  position: relative;
  max-width: 536px;
  width: 100%;
}
@media (min-width: 1920px) {
  #main-nav--logo-horiz {
    margin-right: 0;
  }
}

#main-nav--button-container {
  display: flex;
  flex-flow: row nowrap;
  gap: 0 0.625rem;
  height: auto;
  justify-content: flex-end;
}
@media (min-width: 1920px) {
  #main-nav--button-container {
    gap: 0 1rem;
  }
}

#page--home #top-nav {
  background-color: transparent;
  box-shadow: none;
  transition: background-color 0.3s linear;
}
#page--home #top-nav.opacify-header {
  background-color: #ffffff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}
#page--home #top-nav #main-nav--logo-home {
  display: flex;
  align-self: flex-start;
  flex-grow: 1;
  flex-shrink: 0;
  margin-right: auto;
  max-width: 480px;
  position: relative;
  top: 52px;
  width: auto;
}
#page--home #top-nav #main-nav--logo-home > a {
  display: block;
  position: relative;
  width: 100%;
}
#page--home #top-nav #main-nav--logo-home > a svg > g ~ .cls-1 {
  fill: #09023b;
  transition: fill 0.2s linear;
}
#page--home #top-nav #main-nav--logo-home.transparentize-home-logo {
  display: none;
}
@media (min-width: 1920px) {
  #page--home #top-nav #main-nav--logo-home {
    margin-right: 0;
  }
}
#page--home #top-nav #main-nav--logo-horiz {
  align-items: center;
  align-self: center;
  flex-grow: 1;
  flex-shrink: 0;
  margin-right: auto;
  max-width: 536px;
  position: relative;
  width: auto;
  display: none;
}
#page--home #top-nav #main-nav--logo-horiz a {
  position: relative;
  max-width: 536px;
  width: 100%;
}
#page--home #top-nav #main-nav--logo-horiz.opacify-horiz-logo {
  display: flex;
}
@media (min-width: 1920px) {
  #page--home #top-nav #main-nav--logo-horiz {
    margin-right: 0;
  }
}

.main-nav .menu {
  display: flex;
  flex-flow: row nowrap;
  gap: 0 0.75rem;
  justify-content: space-between;
  list-style-type: none;
  padding: 0;
  margin: 0.9375rem 0 0 0;
}
@media (min-width: 1680px) {
  .main-nav .menu {
    gap: 0 1rem;
  }
}
.main-nav .menu .menu-item {
  font-weight: 700;
  display: inline-block;
  font-size: 1.25rem;
  height: auto;
  line-height: 1.1;
  position: relative;
  text-transform: uppercase;
}
@media (min-width: 1366px) {
  .main-nav .menu .menu-item {
    font-size: 1.4375rem;
  }
}
@media (min-width: 1440px) {
  .main-nav .menu .menu-item {
    font-size: 1.5rem;
  }
}
.main-nav .menu .menu-item > a {
  color: #09023b;
  display: block;
  padding: 0 0 1rem 0;
  text-decoration: none;
  transition: color 0.2s linear;
}
.main-nav .menu .menu-item:hover > .submenu {
  opacity: 1;
  visibility: visible;
}
.main-nav .menu .menu-item.who-we-are > a:hover {
  color: #ff9c01;
}
.main-nav .menu .menu-item.what-we-do > a:hover {
  color: #a12990;
}
.main-nav .menu .menu-item.stories > a:hover {
  color: #ffc40d;
}
.main-nav .menu .menu-item.get-involved > a:hover {
  color: #28adc6;
}
.main-nav .menu .menu-item.contact-us > a:hover {
  color: #349880;
}
.main-nav .menu .menu-item.who-we-are.current--page > a {
  color: #ff9c01;
}
.main-nav .menu .menu-item.what-we-do.current--page > a {
  color: #a12990;
}
.main-nav .menu .menu-item.stories.current--page > a {
  color: #ffc40d;
}
.main-nav .menu .menu-item.get-involved.current--page > a {
  color: #28adc6;
}
.main-nav .menu .menu-item.contact-us.current--page > a {
  color: #349880;
}
.main-nav .menu .submenu {
  display: block;
  height: min-content;
  list-style-type: none;
  margin: 0;
  min-width: 100%;
  opacity: 0;
  padding: 1rem 0.75rem;
  position: absolute;
  transition: opacity 0.4s linear;
  visibility: hidden;
  width: max-content;
  z-index: 10;
}
.main-nav .menu .submenu-item {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.1;
  margin: 0 0 0.75rem 0;
  text-transform: uppercase;
  width: 100%;
}
@media (min-width: 1440px) {
  .main-nav .menu .submenu-item {
    font-size: 1.125rem;
  }
}
.main-nav .menu .submenu-item > a {
  color: #ffffff;
  opacity: 1;
  text-decoration: none;
  transition: opacity 0.2s linear;
}
.main-nav .menu .submenu-item > a:hover {
  opacity: 0.7;
}

footer {
  background-color: #09023b;
  position: relative;
  width: 100vw;
}

#footer--mobile {
  display: block;
  padding: 1rem;
  position: relative;
  width: 100%;
}
@media (min-width: 1200px) {
  #footer--mobile {
    display: none;
  }
}

.mobile-footer--logo-row {
  align-items: flex-start;
  display: flex;
  flex-flow: row nowrap;
  gap: 0 1rem;
  height: 62.764px;
  justify-content: space-between;
  margin: 0 0 1.75rem;
}
@media (min-width: 375px) {
  .mobile-footer--logo-row {
    height: 67.592px;
  }
}
@media (min-width: 576px) {
  .mobile-footer--logo-row {
    gap: 0 1.5rem;
    height: 106.216px;
  }
}
@media (min-width: 768px) {
  .mobile-footer--logo-row {
    height: 144.84px;
    margin: 0 0 2rem;
  }
}
@media (min-width: 992px) {
  .mobile-footer--logo-row {
    height: 144.84px;
  }
}
.mobile-footer--logo-container {
  flex: 0 5 0;
  position: relative;
  height: 82.85%;
}
.mobile-footer--logo-container a {
  display: block;
  height: 100%;
  line-height: 0;
}
.mobile-footer--logo-container svg {
  height: 100%;
}
.mobile-footer--award-logos {
  align-items: flex-end;
  display: flex;
  flex: 0 2 auto;
  flex-flow: row nowrap;
  gap: 0 1rem;
  height: 100%;
}
@media (min-width: 768px) {
  .mobile-footer--award-logos {
    gap: 0 2rem;
  }
}
.mobile-footer--candid-seal, .mobile-footer--jersey-city-girl-best-of-sticker {
  position: relative;
  height: 69.35%;
}
.mobile-footer--candid-seal a, .mobile-footer--jersey-city-girl-best-of-sticker a {
  display: block;
  line-height: 0;
  height: auto;
  height: 100%;
}
.mobile-footer--candid-seal a img,
.mobile-footer--candid-seal a svg, .mobile-footer--jersey-city-girl-best-of-sticker a img,
.mobile-footer--jersey-city-girl-best-of-sticker a svg {
  width: auto;
  height: 100%;
}
.mobile-footer--newsletter-form {
  margin: 0 auto 1.5rem;
  max-width: 36rem;
  width: 100%;
}
.mobile-footer--newsletter-form-label {
  font-weight: 600;
  color: #ffffff;
  display: block;
  font-size: 0.875rem;
  line-height: 1;
  padding-bottom: 0.5rem;
  text-align: left;
  text-transform: uppercase;
}
.mobile-footer--newsletter-input {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  height: 1.875rem;
  justify-content: space-between;
}
.mobile-footer--newsletter-input input[type=email] {
  font-weight: 400;
  background-color: #ffffff;
  border: none;
  font-size: 1rem;
  height: 1.875rem;
  line-height: 1;
  padding: 4px 6px;
  position: relative;
  margin-right: auto;
  width: 100%;
}
.mobile-footer--newsletter-input button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 1.875rem;
  line-height: 0;
  padding: 0 0 0 0.75rem;
  position: relative;
}
.mobile-footer--newsletter-input button svg {
  height: 1.875rem;
}
.mobile-footer--social-media-row {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  gap: 0 0.875rem;
  height: 1.75rem;
  justify-content: center;
  margin-bottom: 1rem;
}
@media (min-width: 576px) {
  .mobile-footer--social-media-row {
    justify-content: center;
  }
}
.mobile-footer--social-media-row p {
  font-weight: 900;
  color: #ffffff;
  line-height: 1;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  font-size: 1rem !important;
}
@media (min-width: 576px) {
  .mobile-footer--social-media-row p {
    font-size: 1.25rem !important;
  }
}
@media (min-width: 768px) {
  .mobile-footer--social-media-row p {
    font-size: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .mobile-footer--social-media-row p {
    font-size: 1.125rem !important;
  }
}
@media (min-width: 1366px) {
  .mobile-footer--social-media-row p {
    font-size: 1.25rem !important;
  }
}
@media (min-width: 1560px) {
  .mobile-footer--social-media-row p {
    font-size: 1.5rem !important;
  }
}
@media (min-width: 1680px) {
  .mobile-footer--social-media-row p {
    font-size: 1.375rem !important;
  }
}
@media (min-width: 1800px) {
  .mobile-footer--social-media-row p {
    font-size: 1.625rem !important;
  }
}
.mobile-footer--social-media-row a {
  line-height: 0;
  position: relative;
}
.mobile-footer--social-media-row .facebook-logo-link {
  height: 1.75rem;
}
.mobile-footer--social-media-row .facebook-logo-link svg {
  height: 100%;
}
.mobile-footer--social-media-row .instagram-logo-link {
  height: 1.625rem;
}
.mobile-footer--social-media-row .instagram-logo-link svg {
  height: 100%;
}
.mobile-footer--information-rows > p {
  color: #ffffff;
  line-height: 1.4;
  margin: 0 0 0.5rem 0;
  padding: 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.mobile-footer--information-rows-address {
  font-weight: 600;
  font-size: 0.875rem;
}
.mobile-footer--information-rows-contact {
  font-size: 0.625rem;
}
.mobile-footer--information-rows a {
  color: #ffffff;
  text-decoration: none;
}

#footer--main {
  display: none;
  position: relative;
  width: 100vw;
}
@media (min-width: 1200px) {
  #footer--main {
    display: block;
  }
}

.footer--container {
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  gap: 0 6rem;
  justify-content: space-between;
  position: relative;
  padding: 1rem 1rem 3.5rem;
  width: 100%;
}
@media (min-width: 1440px) {
  .footer--container {
    gap: 0 8rem;
    padding: 2rem 2rem 4.5rem;
  }
}
@media (min-width: 1680px) {
  .footer--container {
    gap: 0 8rem;
    padding: 2.25rem 2.875rem 4.5rem;
  }
}
.footer--info-column {
  align-items: flex-start;
  display: flex;
  flex-flow: column nowrap;
  gap: 0;
  height: auto;
  justify-content: space-between;
  min-height: 400px;
  padding: 0;
  width: 60%;
}
@media (min-width: 1440px) {
  .footer--info-column {
    gap: 1rem 0;
  }
}
.footer--brand-row {
  align-items: flex-start;
  display: flex;
  flex-flow: row nowrap;
  gap: 0 2rem;
  height: 7.16875rem;
  justify-content: space-between;
  padding: 0;
  width: 100%;
}
@media (min-width: 1440px) {
  .footer--brand-row {
    height: 8.6025rem;
  }
}
@media (min-width: 1680px) {
  .footer--brand-row {
    height: 10.60975rem;
  }
}
@media (min-width: 2160px) {
  .footer--brand-row {
    height: 12.617rem;
  }
}
.footer--logo-container {
  display: block;
  position: relative;
  flex: 0 5 0;
  height: 87.18%;
  width: auto;
}
.footer--logo-container svg {
  height: 100%;
  width: auto;
}
.footer--award-logos {
  align-items: flex-end;
  display: flex;
  flex-flow: row nowrap;
  flex: 0 2 auto;
  gap: 0 2rem;
  height: 100%;
  justify-content: flex-end;
}
@media (min-width: 1440px) {
  .footer--award-logos {
    gap: 0 2.5rem;
  }
}
@media (min-width: 1680px) {
  .footer--award-logos {
    gap: 0 3rem;
  }
}
.footer--candid-seal, .footer--jersey-city-girl-best-of-sticker {
  display: block;
  position: relative;
  height: 5.5rem;
}
.footer--candid-seal a, .footer--jersey-city-girl-best-of-sticker a {
  display: block;
  line-height: 0;
  height: 100%;
  width: auto;
}
.footer--candid-seal a img, .footer--jersey-city-girl-best-of-sticker a img {
  width: auto;
  height: 100%;
}
@media (min-width: 1200px) {
  .footer--candid-seal, .footer--jersey-city-girl-best-of-sticker {
    height: 72.97%;
  }
}
.footer--info-row {
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 100%;
}
.footer--info-col {
  margin-bottom: -0.625rem;
  padding: 0 0 0 6.778825rem;
  position: relative;
}
@media (min-width: 1440px) {
  .footer--info-col {
    padding: 0 0 0 8.13459rem;
  }
}
@media (min-width: 1680px) {
  .footer--info-col {
    padding: 0 0 0 10.032661rem;
  }
}
@media (min-width: 2160px) {
  .footer--info-col {
    padding: 0 0 0 11.930732rem;
  }
}
.footer--info-col > h5,
.footer--info-col > p,
.footer--info-col a {
  color: #ffffff;
  line-height: 1.5;
  padding: 0;
}
.footer--info-col-h5 {
  font-weight: 600;
  font-size: 1.25rem;
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  .footer--info-col-h5 {
    font-size: 1.40625rem;
  }
}
.footer--info-col-paragraph {
  font-size: 1.125rem;
}
@media (min-width: 1440px) {
  .footer--info-col-paragraph {
    font-size: 1.34375rem;
  }
}
.footer--info-col a {
  opacity: 1;
  text-decoration: none;
  transition: opacity 0.2s linear;
}
.footer--info-col a:hover {
  opacity: 0.7;
}
.footer--social-media-col {
  align-items: flex-start;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  width: 199px;
}
@media (min-width: 1440px) {
  .footer--social-media-col {
    width: 240px;
  }
}
@media (min-width: 1680px) {
  .footer--social-media-col {
    width: 295px;
  }
}
.footer--social-media-row {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  gap: 0;
  height: 53px;
  justify-content: space-between;
  width: 100%;
  margin-bottom: -20px;
}
.footer--social-media-row > p {
  font-weight: 900;
  color: #ffffff;
  line-height: 1;
  padding: 0;
  text-transform: uppercase;
  font-size: 1rem !important;
}
@media (min-width: 576px) {
  .footer--social-media-row > p {
    font-size: 1.25rem !important;
  }
}
@media (min-width: 768px) {
  .footer--social-media-row > p {
    font-size: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .footer--social-media-row > p {
    font-size: 1.125rem !important;
  }
}
@media (min-width: 1366px) {
  .footer--social-media-row > p {
    font-size: 1.25rem !important;
  }
}
@media (min-width: 1560px) {
  .footer--social-media-row > p {
    font-size: 1.5rem !important;
  }
}
@media (min-width: 1680px) {
  .footer--social-media-row > p {
    font-size: 1.375rem !important;
  }
}
@media (min-width: 1800px) {
  .footer--social-media-row > p {
    font-size: 1.625rem !important;
  }
}
.footer--social-media-row > p .include--fit-only {
  display: none;
}
@media (min-width: 1440px) {
  .footer--social-media-row > p .include--fit-only {
    display: inline;
  }
}
@media (min-width: 1560px) {
  .footer--social-media-row > p .include--fit-only {
    display: none;
  }
}
@media (min-width: 1680px) {
  .footer--social-media-row > p .include--fit-only {
    display: inline;
  }
}
.footer--social-media-row > a {
  line-height: 0;
  opacity: 1;
  transition: opacity 0.3s linear;
}
.footer--social-media-row > a:hover {
  opacity: 0.7;
}
.footer--social-media-row .facebook-logo-link {
  height: 34px;
  width: auto;
}
@media (min-width: 1366px) {
  .footer--social-media-row .facebook-logo-link {
    height: 30px;
  }
}
@media (min-width: 1560px) {
  .footer--social-media-row .facebook-logo-link {
    height: 36px;
  }
}
@media (min-width: 1680px) {
  .footer--social-media-row .facebook-logo-link {
    height: 40px;
  }
}
@media (min-width: 1800px) {
  .footer--social-media-row .facebook-logo-link {
    height: 36px;
  }
}
.footer--social-media-row .facebook-logo-link svg {
  height: 100%;
}
.footer--social-media-row .instagram-logo-link {
  height: 32px;
  width: auto;
}
@media (min-width: 1366px) {
  .footer--social-media-row .instagram-logo-link {
    height: 28px;
  }
}
@media (min-width: 1560px) {
  .footer--social-media-row .instagram-logo-link {
    height: 34px;
  }
}
@media (min-width: 1680px) {
  .footer--social-media-row .instagram-logo-link {
    height: 37px;
  }
}
@media (min-width: 1800px) {
  .footer--social-media-row .instagram-logo-link {
    height: 34px;
  }
}
.footer--social-media-row .instagram-logo-link svg {
  height: 100%;
}
.footer--award-copy-block {
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.4;
  width: 50%;
}
.footer--award-copy-block p {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  padding: 0;
  text-wrap: balance;
  width: 100%;
}
.footer--utility-column {
  display: flex;
  flex-flow: column nowrap;
  height: auto;
  justify-content: space-between;
  min-height: 400px;
  padding: 0;
  position: relative;
  width: 40%;
}
.footer--utility-nav-row {
  padding: 34px 0 1rem;
  width: 100%;
}
.footer--utility-links {
  display: flex;
  flex-flow: row nowrap;
  gap: 0 1.5rem;
  justify-content: space-between;
  list-style-type: none;
  padding: 0;
  position: relative;
  width: 100%;
}
.footer--utility-links > li {
  display: list-item;
  position: relative;
  width: 33%;
}
.footer--utility-links > li > a {
  font-weight: 600;
  color: #ffffff;
  display: block;
  font-size: 1.25rem;
  line-height: 1;
  opacity: 1;
  padding-bottom: 0.25rem;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: opacity 0.2s linear;
}
.footer--utility-links > li > a:hover {
  opacity: 0.7;
}
@media (min-width: 1440px) {
  .footer--utility-links > li > a {
    font-size: 1.40625rem;
  }
}
.footer--utility-links > li > hr {
  background-color: #ffffff;
  border: 0;
  height: 1px;
  margin: 0.5rem 0 0.75rem;
  opacity: 1;
  width: 100%;
}
.footer--utility-links > li > ul {
  list-style-type: none;
  padding: 0;
}
.footer--utility-links > li > ul li {
  line-height: 1;
  padding-bottom: 0.5rem;
}
.footer--utility-links > li > ul li a {
  font-weight: 400;
  color: #ffffff;
  font-size: 1.125rem;
  opacity: 1;
  text-decoration: none;
  text-transform: none;
  transition: opacity 0.2s linear;
}
.footer--utility-links > li > ul li a:hover {
  opacity: 0.7;
}
.footer--utility-form-row {
  position: relative;
  width: 100%;
}
.footer--newsletter-form {
  width: 100%;
}
.footer--newsletter-form-label {
  font-weight: 600;
  color: #ffffff;
  display: block;
  font-size: 1.3125rem;
  line-height: 1;
  padding-bottom: 0.75rem;
  text-align: left;
  text-transform: uppercase;
}
.footer--newsletter-input {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.footer--newsletter-input > input[type=email] {
  font-weight: 400;
  background-color: #ffffff;
  border: none;
  font-size: 1rem;
  height: 2rem;
  line-height: 1;
  padding: 4px 6px;
  position: relative;
  margin-right: auto;
  width: 100%;
}
.footer--newsletter-input > button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 2rem;
  line-height: 0;
  padding: 0 0 0 0.75rem;
  position: relative;
}
.footer--newsletter-input > button svg {
  height: 2rem;
}

.footer--newsletter-subscribe-button.button--arrow {
  color: #ffffff !important;
  justify-content: center !important;
  margin: 0 0 1.5rem !important;
  opacity: 1;
  height: 1rem !important;
}
@media (min-width: 576px) {
  .footer--newsletter-subscribe-button.button--arrow {
    height: 1.25rem !important;
  }
}
@media (min-width: 768px) {
  .footer--newsletter-subscribe-button.button--arrow {
    height: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .footer--newsletter-subscribe-button.button--arrow {
    height: 1.125rem !important;
    margin: 0 0 -0.25rem !important;
  }
}
@media (min-width: 1366px) {
  .footer--newsletter-subscribe-button.button--arrow {
    height: 1.25rem !important;
    margin: 0 0 -0.375rem !important;
  }
}
@media (min-width: 1560px) {
  .footer--newsletter-subscribe-button.button--arrow {
    height: 1.5rem !important;
  }
}
@media (min-width: 1680px) {
  .footer--newsletter-subscribe-button.button--arrow {
    height: 1.375rem !important;
  }
}
@media (min-width: 1800px) {
  .footer--newsletter-subscribe-button.button--arrow {
    height: 1.625rem !important;
  }
}
@media (min-width: 1200px) {
  .footer--newsletter-subscribe-button.button--arrow {
    justify-content: flex-start !important;
  }
}
.footer--newsletter-subscribe-button.button--arrow:hover > .link-text {
  color: #ffffff !important;
  opacity: 0.7 !important;
}
.footer--newsletter-subscribe-button.button--arrow .link-text {
  color: inherit;
  font-family: inherit;
  text-transform: inherit;
  transition: opacity 0.2s linear !important;
  font-size: 1rem !important;
}
@media (min-width: 576px) {
  .footer--newsletter-subscribe-button.button--arrow .link-text {
    font-size: 1.25rem !important;
  }
}
@media (min-width: 768px) {
  .footer--newsletter-subscribe-button.button--arrow .link-text {
    font-size: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .footer--newsletter-subscribe-button.button--arrow .link-text {
    font-size: 1.125rem !important;
  }
}
@media (min-width: 1366px) {
  .footer--newsletter-subscribe-button.button--arrow .link-text {
    font-size: 1.25rem !important;
  }
}
@media (min-width: 1560px) {
  .footer--newsletter-subscribe-button.button--arrow .link-text {
    font-size: 1.5rem !important;
  }
}
@media (min-width: 1680px) {
  .footer--newsletter-subscribe-button.button--arrow .link-text {
    font-size: 1.375rem !important;
  }
}
@media (min-width: 1800px) {
  .footer--newsletter-subscribe-button.button--arrow .link-text {
    font-size: 1.625rem !important;
  }
}
.footer--newsletter-subscribe-button.button--arrow .arrow-icon {
  height: 150%;
}

.button--mobile-primary {
  font-weight: 800;
  align-items: center;
  background-color: #ed2c3a;
  border: 0;
  border-radius: 0.25rem;
  box-sizing: border-box;
  color: #ffffff;
  display: flex;
  flex-flow: row nowrap;
  font-size: 0.5rem;
  height: 0.9375rem;
  justify-content: center;
  line-height: 1.1;
  opacity: 1;
  padding: 0.25rem 0.1875rem;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.3s linear;
  width: fit-content;
}
.button--mobile-primary:hover {
  opacity: 1;
  background-color: #a12990;
}
@media (min-width: 480px) {
  .button--mobile-primary {
    border-radius: 0.375rem;
    font-size: 0.6875rem;
    height: 1.25rem;
    padding: 0.25rem 0.28125rem;
  }
}
@media (min-width: 576px) {
  .button--mobile-primary {
    border-radius: 0.5rem;
    font-size: 0.875rem;
    height: 2rem;
    line-height: 1;
    padding: 0.25rem 0.375rem;
  }
}
@media (min-width: 768px) {
  .button--mobile-primary {
    border-radius: 0.625rem;
    font-size: 1.25rem;
    height: 2.5rem;
    padding: 0.375rem 0.5rem;
  }
}
.button--primary {
  align-items: center;
  border: 0;
  border-radius: 0.25rem;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  font-size: 0.5rem;
  height: 0.9375rem;
  justify-content: center;
  letter-spacing: 0.5px;
  line-height: 1.1;
  opacity: 1;
  padding: 0.25rem 0.1875rem;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.3s linear;
  width: fit-content;
}
.button--primary:hover {
  opacity: 1;
  background-color: #a12990;
}
.button--primary span {
  font-family: inherit;
  color: inherit;
  text-decoration: inherit;
  text-align: center;
}
@media (min-width: 375px) {
  .button--primary {
    border-radius: 0.5rem;
    font-size: 0.875rem;
    line-height: 1;
    height: 2rem;
    padding: 0.25rem 0.375rem;
  }
}
@media (min-width: 1200px) {
  .button--primary {
    border-radius: 0.625rem;
    font-size: 1.25rem;
    height: 2.5rem;
    padding: 0.375rem 0.5rem;
  }
}
@media (min-width: 1366px) {
  .button--primary {
    border-radius: 0.6875rem;
    font-size: 1.4375rem;
    height: 2.75rem;
    padding: 0.5rem 0.5625rem;
  }
}
@media (min-width: 1680px) {
  .button--primary {
    border-radius: 0.75rem;
    font-size: 1.5rem;
    height: 3rem;
    padding: 0.75rem 0.625rem;
  }
}
.button--expand {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  gap: 0 0.5rem;
  justify-content: flex-start;
  text-decoration: none;
}
.button--expand-label {
  font-weight: 900;
  font-size: clamp(0.875rem, 2.5vw, 1.5rem);
  font-style: normal;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: inherit;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .button--expand-label {
    letter-spacing: 1px;
  }
}
.button--expand-arrow {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  height: clamp(1.2578125rem, 3.59375vw, 2.15625rem);
  justify-content: center;
  line-height: 0;
  transform: rotate(90deg);
  transform-origin: center;
  transition: transform 0.5s ease-in-out;
  width: clamp(1.2578125rem, 3.59375vw, 2.15625rem);
}
.button--expand-arrow.expanded {
  transform: rotate(-90deg);
}
.button--expand-arrow svg {
  height: 90%;
}
.button--expand-arrow img {
  display: block;
  width: 90%;
  height: auto;
}
@media (min-width: 576px) {
  .button--expand {
    gap: 0 0.75rem;
  }
}
.button--expand-story {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  gap: 0 0.5rem;
  justify-content: flex-start;
  padding: 0;
  text-decoration: none;
}
@media (min-width: 576px) {
  .button--expand-story {
    gap: 0 0.75rem;
  }
}
@media (min-width: 768px) {
  .button--expand-story {
    padding: 0;
  }
}
.button--expand-story-label {
  font-weight: 900;
  display: inline-block;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  font-style: normal;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: inherit;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .button--expand-story-label {
    letter-spacing: 1px;
  }
}
.button--expand-story-arrow {
  display: inline-block;
  width: clamp(1.4375rem, 1.4375 * (0.6667rem + 1.4815vw), 2.875rem);
  line-height: 0;
  transform: rotate(90deg);
  transform-origin: center;
}
.button--expand-story-arrow img {
  width: 90%;
  height: auto;
}
.button--expand-story.expanded .button--expand-story-arrow {
  transform: rotate(-90deg);
}
.button--text {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  gap: 0 0.5rem;
  justify-content: flex-start;
  text-decoration: none;
}
.button--text-label {
  font-weight: 900;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  letter-spacing: 0;
  line-height: 1;
  text-decoration: inherit;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .button--text-label {
    letter-spacing: 1px;
  }
}
.button--arrow {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  gap: 0 0.75rem;
  height: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  justify-content: flex-start;
  opacity: 1;
  position: relative;
  text-decoration: none;
}
.button--arrow:hover {
  opacity: 1;
}
.button--arrow:hover > .link-text {
  color: #a12990;
}
.button--arrow .link-text {
  color: #09023b;
  display: block;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  font-weight: inherit;
  letter-spacing: 0;
  line-height: 1;
  text-transform: inherit;
  transition: color 0.2s linear;
}
@media (min-width: 576px) {
  .button--arrow .link-text {
    letter-spacing: 1px;
  }
}
.button--arrow .arrow-icon {
  display: block;
  height: 150%;
  line-height: 0;
}
.button--arrow .arrow-icon svg {
  height: 100%;
}

#id--our-story {
  scroll-margin-top: var(--top-nav-mobile-header-height);
}
#id--who-we-support {
  scroll-margin-top: var(--top-nav-mobile-header-height);
}
#id--our-team {
  scroll-margin-top: var(--top-nav-mobile-header-height);
}
#id--community-partners {
  scroll-margin-top: var(--top-nav-mobile-header-height);
}
#id--annual-report {
  scroll-margin-top: var(--top-nav-mobile-header-height);
}
#id--fun-club {
  scroll-margin-top: var(--top-nav-mobile-header-height);
}
#id--educational-workshops {
  scroll-margin-top: var(--top-nav-mobile-header-height);
}
#id--employment-and-higher-education-counseling {
  scroll-margin-top: var(--top-nav-mobile-header-height);
}
#id--donations-drives-and-deliveries {
  scroll-margin-top: var(--top-nav-mobile-header-height);
}
#id--volunteer-positions {
  scroll-margin-top: var(--top-nav-mobile-header-height);
}
#id--tutoring {
  scroll-margin-top: var(--top-nav-mobile-header-height);
}
#id--translation-work {
  scroll-margin-top: var(--top-nav-mobile-header-height);
}
#id--employment-counseling {
  scroll-margin-top: var(--top-nav-mobile-header-height);
}
#id--academic-counseling {
  scroll-margin-top: var(--top-nav-mobile-header-height);
}
#id--urgent-support {
  scroll-margin-top: var(--top-nav-mobile-header-height);
}
#id--grants-team {
  scroll-margin-top: var(--top-nav-mobile-header-height);
}
#id--newsletter {
  scroll-margin-top: var(--top-nav-mobile-header-height);
}

.full-width-page-banner {
  background-color: #ffffff;
  padding: 1rem;
  width: 100vw;
}
@media (min-width: 992px) {
  .full-width-page-banner {
    padding: 1.5rem 1rem;
  }
}
@media (min-width: 1200px) {
  .full-width-page-banner {
    padding: 3.25rem 2rem;
  }
}
.full-width-page-banner--headline {
  color: #09023b;
  font-size: clamp(1.125rem, 3vw, 2.25rem);
  line-height: 1;
  margin: 0;
  padding: 0 0 0.375rem;
  text-align: center;
  text-transform: uppercase;
}
.full-width-page-banner--subhead {
  color: #09023b;
  font-size: clamp(1.125rem, 3vw, 2.25rem);
  line-height: 1.25;
  padding: 0;
  text-align: center;
}

.full-width-page-banner-with-subhead {
  position: relative;
  width: 100vw;
}
.full-width-page-banner-with-subhead--content-wrapper {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  gap: 0.5rem;
  justify-content: flex-start;
  width: 100%;
  padding: 1rem 2rem;
}
@media (min-width: 576px) {
  .full-width-page-banner-with-subhead--content-wrapper {
    padding: 2rem 3rem;
  }
}
@media (min-width: 992px) {
  .full-width-page-banner-with-subhead--content-wrapper {
    padding: 40px 8vw;
  }
}
@media (min-width: 1200px) {
  .full-width-page-banner-with-subhead--content-wrapper {
    padding: 60px 12vw;
  }
}
.full-width-page-banner-with-subhead--heading {
  color: inherit;
  font-size: clamp(1.625rem, 0.75rem + 3.8889vw, 4.25rem);
  line-height: 1.1;
  position: relative;
  text-align: center;
}
.full-width-page-banner-with-subhead--subheading {
  color: inherit;
  font-size: clamp(1.25rem, 0.9792rem + 1.2037vw, 2.0625rem);
  line-height: 1.4;
  padding: 0;
  position: relative;
  text-align: left;
  width: 100%;
}
@media (min-width: 576px) {
  .full-width-page-banner-with-subhead--subheading {
    width: 60vw;
  }
}
@media (min-width: 576px) {
  .full-width-page-banner-with-subhead--subheading {
    width: 45vw;
  }
}
@media (min-width: 992px) {
  .full-width-page-banner-with-subhead--subheading {
    width: 50vw;
  }
}
@media (min-width: 1440px) {
  .full-width-page-banner-with-subhead--subheading {
    width: 40vw;
  }
}
@media (min-width: 2160px) {
  .full-width-page-banner-with-subhead--subheading {
    width: 30vw;
  }
}
@media (min-width: 3840px) {
  .full-width-page-banner-with-subhead--subheading {
    width: 15vw;
  }
}

.two-col-event {
  align-items: stretch;
  display: flex;
  flex-flow: row wrap;
  height: fit-content;
  min-height: 100px;
  position: relative;
  width: 100vw;
}
.two-col-event--appeal {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  padding: 1rem 2rem;
  position: relative;
  width: 100%;
}
@media (min-width: 576px) {
  .two-col-event--appeal {
    padding: 2rem 3rem;
  }
}
@media (min-width: 992px) {
  .two-col-event--appeal {
    padding: 40px 5vw 40px 6vw;
    width: 40%;
  }
}
@media (min-width: 1200px) {
  .two-col-event--appeal {
    padding: 60px 5vw 60px 6vw;
    width: 40%;
  }
}
.two-col-event--appeal-text {
  justify-content: flex-start;
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  position: relative;
  width: 100%;
}
.two-col-event--appeal-heading {
  font-size: clamp(1.125rem, 4vw, 4.3125rem);
  line-height: 1.1;
  padding: 0 0 0.5rem 0;
  text-align: left;
}
@media (min-width: 576px) {
  .two-col-event--appeal-heading {
    padding: 0 0 1rem 0;
  }
}
@media (min-width: 992px) {
  .two-col-event--appeal-heading {
    text-align: left;
  }
}
.two-col-event--appeal-body {
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  line-height: 1.25;
  padding: 0 0 0.5rem 0;
}
@media (min-width: 992px) {
  .two-col-event--appeal-body {
    padding: 0 0 1.25rem 0;
  }
}
.two-col-event--appeal-cta {
  justify-content: flex-end;
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  height: auto;
  width: 100%;
}
.two-col-event--event {
  padding: 1rem 2rem;
  position: relative;
  width: 100%;
}
@media (min-width: 576px) {
  .two-col-event--event {
    padding: 2rem 3rem;
  }
}
@media (min-width: 992px) {
  .two-col-event--event {
    padding: 40px 6vw 40px 5vw;
    width: 60%;
  }
}
@media (min-width: 1200px) {
  .two-col-event--event {
    padding: 60px 6vw 60px 5vw;
    width: 60%;
  }
}
.two-col-event--event-heading {
  font-size: clamp(1.125rem, 3.5vw, 3.75rem);
  line-height: 1.1;
  padding: 0 0 0.5rem 0;
  text-align: left;
}
@media (min-width: 576px) {
  .two-col-event--event-heading {
    padding: 0 0 1rem 0;
  }
}
@media (min-width: 992px) {
  .two-col-event--event-heading {
    padding: 0 0 2rem 0;
    text-align: left;
  }
}
.two-col-event--event-content {
  align-items: flex-start;
  display: flex;
  flex-flow: row nowrap;
  gap: 0;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .two-col-event--event-content {
    text-align: left;
    gap: 0 2.5rem;
  }
}
.two-col-event--event-body {
  color: inherit;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  line-height: 1.25;
  padding: 0;
  text-align: left;
  width: 100%;
}
@media (min-width: 992px) {
  .two-col-event--event-body {
    width: 50%;
  }
}
.two-col-event--event-image {
  display: none;
  height: fit-content;
  max-width: 375px;
  width: 50%;
}
.two-col-event--event-image img {
  height: auto;
  width: 100%;
}
@media (min-width: 992px) {
  .two-col-event--event-image {
    display: block;
  }
}

.blockquote-with-image {
  align-items: flex-start;
  display: flex;
  flex-flow: row nowrap;
  gap: 0 1rem;
  height: fit-content;
  justify-content: center;
  width: 100vw;
}
@media (min-width: 992px) {
  .blockquote-with-image {
    align-items: center;
    gap: 0 2.5rem;
  }
}
.blockquote-with-image--content-wrapper {
  display: block;
  padding: 1rem 2rem;
}
@media (min-width: 576px) {
  .blockquote-with-image--content-wrapper {
    padding: 2rem 3rem;
  }
}
@media (min-width: 992px) {
  .blockquote-with-image--content-wrapper {
    padding: 40px 8vw;
  }
}
@media (min-width: 1200px) {
  .blockquote-with-image--content-wrapper {
    padding: 60px 12vw;
  }
}
.blockquote-with-image img {
  display: block;
  float: left;
  width: 50%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  margin: 0 1rem 0.5rem 0;
}
@media (min-width: 480px) {
  .blockquote-with-image img {
    aspect-ratio: 3/2;
  }
}
@media (min-width: 680px) {
  .blockquote-with-image img {
    margin: 0 1rem 3rem 0;
  }
}
@media (min-width: 1200px) {
  .blockquote-with-image img {
    margin: 0 2rem 2rem 0;
  }
}
.blockquote-with-image blockquote {
  font-size: clamp(1.125rem, 0.6667rem + 2.037vw, 2.5rem);
  line-height: 1.3;
  padding: 0 0 0.5rem;
}
@media (min-width: 992px) {
  .blockquote-with-image blockquote {
    padding: 0 0 1rem;
  }
}
.blockquote-with-image--blockquote-source {
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  line-height: 1;
  padding: 0 0 0.75rem;
  width: 100%;
}
@media (min-width: 680px) {
  .blockquote-with-image--blockquote-source {
    margin-left: auto;
    padding: 0 0 0.75rem 1rem;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .blockquote-with-image--blockquote-source {
    padding: 0 0 1.5rem;
  }
}
@media (min-width: 1200px) {
  .blockquote-with-image--blockquote-source {
    padding: 0 0 1.5rem 2rem;
  }
}
.blockquote-with-image--blockquote-link {
  display: block;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  color: inherit;
  letter-spacing: 0;
  line-height: 1;
  position: relative;
  text-decoration: none;
  transition: color 0.2s linear;
}
.blockquote-with-image--blockquote-link:hover {
  color: #a12990;
}
@media (min-width: 576px) {
  .blockquote-with-image--blockquote-link {
    letter-spacing: 1px;
  }
}
@media (min-width: 680px) {
  .blockquote-with-image--blockquote-link {
    margin-left: auto;
    padding-left: 1rem;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .blockquote-with-image--blockquote-link {
    padding-left: 2rem;
  }
}

.two-col-text-with-image {
  align-items: flex-start;
  display: flex;
  gap: 0 1rem;
  height: fit-content;
  justify-content: center;
  width: 100vw;
}
@media (min-width: 992px) {
  .two-col-text-with-image {
    align-items: center;
    gap: 0 2.5rem;
  }
}
.two-col-text-with-image.image--right {
  flex-flow: row nowrap;
}
.two-col-text-with-image.image--right .two-col-text-with-image--text {
  padding: 1rem 0 1rem 2rem;
}
@media (min-width: 576px) {
  .two-col-text-with-image.image--right .two-col-text-with-image--text {
    padding: 2rem 0 2rem 3rem;
  }
}
@media (min-width: 992px) {
  .two-col-text-with-image.image--right .two-col-text-with-image--text {
    padding: 40px 0 40px 8vw;
  }
}
@media (min-width: 1200px) {
  .two-col-text-with-image.image--right .two-col-text-with-image--text {
    padding: 60px 0 60px 12vw;
  }
}
.two-col-text-with-image.image--right .two-col-text-with-image--image {
  padding: 1rem 2rem 1rem 0;
}
@media (min-width: 576px) {
  .two-col-text-with-image.image--right .two-col-text-with-image--image {
    padding: 2rem 3rem 2rem 0;
  }
}
@media (min-width: 992px) {
  .two-col-text-with-image.image--right .two-col-text-with-image--image {
    padding: 40px 8vw 40px 0;
  }
}
@media (min-width: 1200px) {
  .two-col-text-with-image.image--right .two-col-text-with-image--image {
    padding: 60px 12vw 60px 0;
  }
}
.two-col-text-with-image.image--left {
  flex-flow: row-reverse nowrap;
}
.two-col-text-with-image.image--left .two-col-text-with-image--text {
  padding: 1rem 2rem 1rem 0;
}
@media (min-width: 576px) {
  .two-col-text-with-image.image--left .two-col-text-with-image--text {
    padding: 2rem 3rem 2rem 0;
  }
}
@media (min-width: 992px) {
  .two-col-text-with-image.image--left .two-col-text-with-image--text {
    padding: 40px 8vw 40px 0;
  }
}
@media (min-width: 1200px) {
  .two-col-text-with-image.image--left .two-col-text-with-image--text {
    padding: 60px 12vw 60px 0;
  }
}
.two-col-text-with-image.image--left .two-col-text-with-image--image {
  padding: 1rem 0 1rem 2rem;
}
@media (min-width: 576px) {
  .two-col-text-with-image.image--left .two-col-text-with-image--image {
    padding: 2rem 0 2rem 3rem;
  }
}
@media (min-width: 992px) {
  .two-col-text-with-image.image--left .two-col-text-with-image--image {
    padding: 40px 0 40px 8vw;
  }
}
@media (min-width: 1200px) {
  .two-col-text-with-image.image--left .two-col-text-with-image--image {
    padding: 60px 0 60px 12vw;
  }
}
.two-col-text-with-image--text {
  width: 50%;
}
.two-col-text-with-image--heading {
  color: inherit;
  font-size: clamp(1rem, 3vw, 2.5rem);
  line-height: 1.2;
  padding: 0 0 0.5rem;
}
@media (min-width: 992px) {
  .two-col-text-with-image--heading {
    padding: 0 0 1rem;
  }
}
.two-col-text-with-image--body {
  color: inherit;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  line-height: 1.25;
  padding: 0 0 0.75rem;
}
@media (min-width: 992px) {
  .two-col-text-with-image--body {
    padding: 0 0 1.25rem;
  }
}
.two-col-text-with-image--link {
  align-items: center;
  color: inherit;
  display: flex;
  flex-flow: row nowrap;
  height: clamp(1rem, 2vw, 1.5rem);
  justify-content: flex-start;
  position: relative;
  text-decoration: none;
  transition: color 0.2s linear;
}
.two-col-text-with-image--link:hover .link-text {
  color: #a12990;
}
.two-col-text-with-image--link .link-text {
  display: block;
  font-size: clamp(1rem, 0.8333rem + 0.7407vw, 1.5rem);
  letter-spacing: 0;
  line-height: 1;
}
@media (min-width: 576px) {
  .two-col-text-with-image--link .link-text {
    letter-spacing: 1px;
  }
}
.two-col-text-with-image--link .arrow-icon {
  display: block;
  height: 150%;
  line-height: 0;
  padding: 0 0 0 0.75rem;
}
.two-col-text-with-image--link .arrow-icon svg {
  height: 100%;
}
.two-col-text-with-image--image {
  line-height: 0;
  width: 50%;
}
.two-col-text-with-image--image img {
  aspect-ratio: 1/1;
  height: auto;
  max-width: 100%;
  object-fit: cover;
}
@media (min-width: 576px) {
  .two-col-text-with-image--image img {
    aspect-ratio: 3/2;
  }
}
.two-col-text-with-image--image.fixed--vertical img {
  aspect-ratio: 17/22;
  height: auto;
  max-height: 30rem;
  max-width: 100%;
  object-fit: cover;
}

.two-col-text-wrap-with-image {
  width: 100vw;
}
.two-col-text-wrap-with-image--content-wrapper {
  display: block;
  width: 100%;
  padding: 1rem 2rem;
}
@media (min-width: 576px) {
  .two-col-text-wrap-with-image--content-wrapper {
    padding: 2rem 3rem;
  }
}
@media (min-width: 992px) {
  .two-col-text-wrap-with-image--content-wrapper {
    padding: 40px 8vw;
  }
}
@media (min-width: 1200px) {
  .two-col-text-wrap-with-image--content-wrapper {
    padding: 60px 12vw;
  }
}
.two-col-text-wrap-with-image--content-wrapper::after {
  clear: both;
  content: "";
  display: table;
}
@media (min-width: 1200px) {
  .two-col-text-wrap-with-image--content-wrapper {
    align-items: flex-start;
    display: flex;
    justify-content: center;
  }
}
.two-col-text-wrap-with-image--content-wrapper img {
  aspect-ratio: 1;
  display: block;
  height: auto;
  width: 50%;
  object-fit: cover;
}
@media (min-width: 576px) {
  .two-col-text-wrap-with-image--content-wrapper img {
    aspect-ratio: var(--aspect-ratio);
  }
}
.two-col-text-wrap-with-image--content-wrapper img.fixed--vertical {
  aspect-ratio: var(--aspect-ratio);
  max-height: 40rem;
  object-fit: contain;
  width: 50%;
}
@media (min-width: 1200px) {
  .two-col-text-wrap-with-image--content-wrapper img.fixed--vertical {
    width: auto;
  }
}
.two-col-text-wrap-with-image--content-wrapper.image--right img {
  float: right;
  margin: 0 0 0.5rem 1rem;
}
@media (min-width: 1200px) {
  .two-col-text-wrap-with-image--content-wrapper.image--right img {
    clear: right;
    margin: 0 0 0 1.5rem;
  }
}
@media (min-width: 1440px) {
  .two-col-text-wrap-with-image--content-wrapper.image--right img {
    margin: 0 0 0 2rem;
  }
}
@media (min-width: 1200px) {
  .two-col-text-wrap-with-image--content-wrapper.image--right {
    flex-flow: row-reverse nowrap;
  }
}
.two-col-text-wrap-with-image--content-wrapper.image--left img {
  float: left;
  margin: 0 1rem 0.5rem 0;
}
@media (min-width: 1200px) {
  .two-col-text-wrap-with-image--content-wrapper.image--left img {
    clear: left;
    margin: 0 1.5rem 0 0;
  }
}
@media (min-width: 1440px) {
  .two-col-text-wrap-with-image--content-wrapper.image--left img {
    margin: 0 2rem 0 0;
  }
}
@media (min-width: 1200px) {
  .two-col-text-wrap-with-image--content-wrapper.image--left {
    flex-flow: row nowrap;
  }
}
.two-col-text-wrap-with-image--text {
  width: 100%;
}
@media (min-width: 1200px) {
  .two-col-text-wrap-with-image--text {
    width: 55%;
  }
}
@media (min-width: 1440px) {
  .two-col-text-wrap-with-image--text {
    width: 50%;
  }
}
.two-col-text-wrap-with-image--heading {
  color: inherit;
  font-size: clamp(1.125rem, 0.6667rem + 2.037vw, 2.5rem);
  line-height: 1;
  padding: 0 0 0.5rem;
}
@media (min-width: 992px) {
  .two-col-text-wrap-with-image--heading {
    padding: 0 0 1rem;
  }
}
.two-col-text-wrap-with-image--body {
  color: inherit;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  line-height: 1.4;
  padding: 0 0 0.75rem;
}
@media (min-width: 992px) {
  .two-col-text-wrap-with-image--body {
    padding: 0 0 1.25rem;
  }
}

.two-col-text-with-image-compact {
  position: relative;
  width: 100vw;
}
.two-col-text-with-image-compact--content-wrapper {
  align-items: flex-start;
  display: flex;
  flex-flow: column-reverse nowrap;
  gap: 1rem 0;
  justify-content: flex-start;
}
.two-col-text-with-image-compact--content-wrapper.narrow {
  padding: 1rem 2rem;
}
@media (min-width: 576px) {
  .two-col-text-with-image-compact--content-wrapper.narrow {
    padding: 1.5rem 4rem;
  }
}
@media (min-width: 768px) {
  .two-col-text-with-image-compact--content-wrapper.narrow {
    padding: 2rem 9vw;
  }
}
@media (min-width: 992px) {
  .two-col-text-with-image-compact--content-wrapper.narrow {
    padding: 2rem 12vw;
  }
}
@media (min-width: 1200px) {
  .two-col-text-with-image-compact--content-wrapper.narrow {
    padding: 2.5rem 18vw;
  }
}
@media (min-width: 1440px) {
  .two-col-text-with-image-compact--content-wrapper.narrow {
    padding: 2.5rem 21vw;
  }
}
@media (min-width: 1680px) {
  .two-col-text-with-image-compact--content-wrapper.narrow {
    padding: 3.75rem 21vw;
  }
}
.two-col-text-with-image-compact--content-wrapper.wide {
  padding: 1rem 2rem;
}
@media (min-width: 768px) {
  .two-col-text-with-image-compact--content-wrapper.wide {
    padding: 2rem 3rem;
  }
}
@media (min-width: 1200px) {
  .two-col-text-with-image-compact--content-wrapper.wide {
    padding: 40px 6vw;
  }
}
@media (min-width: 1680px) {
  .two-col-text-with-image-compact--content-wrapper.wide {
    padding: 60px 12vw;
  }
}
@media (min-width: 1920px) {
  .two-col-text-with-image-compact--content-wrapper.wide {
    padding: 60px 18vw;
  }
}
@media (min-width: 992px) {
  .two-col-text-with-image-compact--content-wrapper {
    align-items: flex-start;
    gap: 0 1.75rem;
  }
}
@media (min-width: 1200px) {
  .two-col-text-with-image-compact--content-wrapper {
    gap: 0 1.75rem;
  }
}
@media (min-width: 1440px) {
  .two-col-text-with-image-compact--content-wrapper {
    gap: 0 2.5rem;
  }
}
@media (min-width: 992px) {
  .two-col-text-with-image-compact--content-wrapper.image--left {
    flex-flow: row-reverse nowrap;
  }
}
@media (min-width: 992px) {
  .two-col-text-with-image-compact--content-wrapper.image--right {
    flex-flow: row nowrap;
  }
}
.two-col-text-with-image-compact--text-content {
  display: flex;
  flex-flow: column nowrap;
  gap: 1rem 0;
  justify-content: flex-start;
  position: relative;
  width: 100%;
}
@media (min-width: 992px) {
  .two-col-text-with-image-compact--text-content {
    width: 50%;
    gap: 1.5rem 0;
  }
}
.two-col-text-with-image-compact--copy {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.25rem 0;
  justify-content: flex-start;
  position: relative;
  width: 100%;
}
@media (min-width: 576px) {
  .two-col-text-with-image-compact--copy {
    gap: 0.5rem 0;
  }
}
@media (min-width: 768px) {
  .two-col-text-with-image-compact--copy {
    gap: 0.75rem 0;
  }
}
@media (min-width: 1200px) {
  .two-col-text-with-image-compact--copy {
    gap: 1rem 0;
  }
}
.two-col-text-with-image-compact--heading {
  font-size: clamp(1.25rem, 0.6667rem + 2.5926vw, 3rem);
  line-height: 1;
  padding: 0;
}
.two-col-text-with-image-compact--body {
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  line-height: 1.4;
  padding: 0 0 0.25rem;
}
@media (min-width: 1440px) {
  .two-col-text-with-image-compact--body {
    padding: 0;
  }
}
.two-col-text-with-image-compact--image {
  aspect-ratio: var(--aspect-ratio);
  line-height: 0;
  width: 100%;
}
@media (min-width: 992px) {
  .two-col-text-with-image-compact--image {
    width: 50%;
  }
}
.two-col-text-with-image-compact--image img {
  height: auto;
  object-fit: cover;
  width: 100%;
}

.three-image-banner {
  align-items: flex-start;
  display: flex;
  flex-flow: row nowrap;
  gap: 0 0.375rem;
  justify-content: space-between;
  padding: 0 0 0.375rem 0;
  width: 100vw;
}
@media (min-width: 768px) {
  .three-image-banner {
    gap: 0 1rem;
    padding: 0 0 1rem 0;
  }
}
@media (min-width: 1200px) {
  .three-image-banner {
    gap: 0 1.75rem;
    padding: 0 0 1.75rem 0;
  }
}
.three-image-banner--image {
  width: 33.33333%;
  height: fit-content;
  line-height: 0;
}
.three-image-banner--image img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.our-story-intro {
  background-color: #ff9c01;
  color: #09023b;
  column-gap: 1rem;
  display: block;
  padding: 1rem;
  position: relative;
  width: 100vw;
}
@media (min-width: 480px) {
  .our-story-intro {
    padding: 1.5rem 3rem;
  }
}
@media (min-width: 576px) {
  .our-story-intro {
    padding: 2rem 6rem;
  }
}
@media (min-width: 680px) {
  .our-story-intro {
    padding: 2rem 9rem;
  }
}
@media (min-width: 992px) {
  .our-story-intro {
    padding: 40px 20vw;
  }
}
@media (min-width: 1200px) {
  .our-story-intro {
    padding: 60px 20vw;
  }
}
@media (min-width: 1440px) {
  .our-story-intro {
    padding: 60px 25vw;
  }
}
.our-story-intro--heading {
  color: inherit;
  font-size: clamp(1.25rem, 4vw, 3.125rem);
  line-height: 1.1;
  padding: 0 0 0.5rem;
  position: relative;
}
@media (min-width: 992px) {
  .our-story-intro--heading {
    padding: 0 0 1rem;
  }
}
.our-story-intro--body {
  color: inherit;
  columns: 1;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  height: auto;
  padding: 0;
}
.our-story-intro--body h2 {
  font-weight: 900;
  color: inherit;
  font-size: clamp(1.25rem, 4vw, 3.125rem);
  line-height: 1.1;
  padding: 0 0 0.5rem;
  position: relative;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .our-story-intro--body h2 {
    padding: 0 0 1rem;
  }
}
.our-story-intro--body p {
  font-weight: 400;
  font-size: inherit;
  line-height: 1.4;
  padding: 0;
}
.our-story-intro--body img {
  --padding: 1rem;
  --padding-bottom: 0.5rem;
  display: inline-block;
  width: 60%;
}
@media (min-width: 768px) {
  .our-story-intro--body img {
    --padding: 1.5rem;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .our-story-intro--body img {
    --padding: 2rem;
  }
}
@media (min-width: 1440px) {
  .our-story-intro--body img {
    --padding-bottom: 1rem;
  }
}
.our-story-intro--body img.float-right {
  float: right;
  padding: var(--padding) 0 var(--padding-bottom) var(--padding);
}
.our-story-intro--body img.float-left {
  float: left;
  padding: var(--padding) var(--padding) var(--padding-bottom) 0;
}
.our-story-intro--body img.lead-position {
  padding-top: 0;
}
.our-story-intro--images {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  gap: 0 0.5rem;
  position: relative;
  width: 100%;
}
@media (min-width: 576px) {
  .our-story-intro--images {
    gap: 0 1rem;
  }
}
@media (min-width: 1440px) {
  .our-story-intro--images {
    gap: 0 1.5rem;
  }
}
.our-story-intro--image {
  flex: var(--aspect-ratio);
}
.our-story-intro--image img {
  display: block;
  object-fit: cover;
  width: 100%;
}

.who-we-support {
  background-color: #ffffff;
  width: 100vw;
}
.who-we-support--images {
  align-items: flex-start;
  display: flex;
  flex-flow: column nowrap;
  gap: 0.5rem 0;
  justify-content: flex-start;
  padding: 1rem 0 0 0;
  width: 100%;
}
@media (min-width: 576px) {
  .who-we-support--images {
    padding: 2rem 0 0 0;
  }
}
@media (min-width: 768px) {
  .who-we-support--images {
    gap: 1rem 0;
  }
}
@media (min-width: 992px) {
  .who-we-support--images {
    padding: 40px 0 0 0;
  }
}
@media (min-width: 1200px) {
  .who-we-support--images {
    padding: 60px 0 0 0;
  }
}
.who-we-support--image-row {
  align-items: flex-start;
  display: flex;
  flex-flow: row nowrap;
  gap: 0 0.5rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .who-we-support--image-row {
    gap: 0 1rem;
  }
}
.who-we-support--image {
  flex: var(--aspect-ratio);
}
.who-we-support--image img {
  display: block;
  object-fit: cover;
  width: 100%;
}
.who-we-support--content-wrapper {
  padding: 1.5rem 2rem 1rem;
}
@media (min-width: 576px) {
  .who-we-support--content-wrapper {
    padding: 1.5rem 3rem 2rem;
  }
}
@media (min-width: 992px) {
  .who-we-support--content-wrapper {
    padding: 2rem 8vw 40px;
  }
}
@media (min-width: 1200px) {
  .who-we-support--content-wrapper {
    padding: 40px 12vw 60px;
  }
}
.who-we-support--intro {
  display: block;
  padding: 0 0 1rem;
  width: 100%;
}
@media (min-width: 992px) {
  .who-we-support--intro {
    padding: 0 0 1.5rem;
  }
}
.who-we-support--heading {
  font-size: clamp(1.375rem, 0.7917rem + 2.5926vw, 3.125rem);
  line-height: 1;
  padding: 0;
  width: 100%;
}
.who-we-support--profile {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  flex-flow: row wrap;
  justify-content: flex-start;
}
@media (min-width: 992px) {
  .who-we-support--profile {
    flex-flow: row nowrap;
    gap: 0 1rem;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .who-we-support--profile {
    gap: 0 1.5rem;
  }
}
@media (min-width: 1680px) {
  .who-we-support--profile {
    gap: 0 2rem;
  }
}
.who-we-support--statement {
  font-size: clamp(1.25rem, 0.875rem + 1.6667vw, 2.375rem);
  line-height: 1.4;
  margin: 0 auto;
  text-align: left;
  width: 100%;
}
@media (min-width: 992px) {
  .who-we-support--statement {
    width: 50%;
  }
}
@media (min-width: 1440px) {
  .who-we-support--statement {
    width: 60%;
  }
}
.who-we-support--subheading {
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  line-height: 1.375;
  text-align: left;
  width: 100%;
}
@media (min-width: 992px) {
  .who-we-support--subheading {
    width: 50%;
  }
}
@media (min-width: 1440px) {
  .who-we-support--subheading {
    width: 40%;
  }
}

.community-partners {
  background-color: #ffffff;
  width: 100vw;
  padding: 1rem 2rem;
}
@media (min-width: 576px) {
  .community-partners {
    padding: 2rem 3rem;
  }
}
@media (min-width: 992px) {
  .community-partners {
    padding: 40px 8vw;
  }
}
@media (min-width: 1200px) {
  .community-partners {
    padding: 60px 12vw;
  }
}
.community-partners--intro {
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem 0.5rem;
  justify-content: space-between;
  padding: 0 0 1.5rem;
  width: 100%;
}
@media (min-width: 992px) {
  .community-partners--intro {
    flex-flow: row nowrap;
    gap: 0 1rem;
    padding: 0 0 2rem;
  }
}
.community-partners--heading {
  font-size: clamp(1.375rem, 0.7917rem + 2.5926vw, 3.125rem);
  line-height: 1.05;
  width: 100%;
}
@media (min-width: 992px) {
  .community-partners--heading {
    width: 40%;
  }
}
@media (min-width: 2160px) {
  .community-partners--heading {
    width: 33%;
  }
}
.community-partners--subheading {
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  line-height: 1.375;
  width: 100%;
}
@media (min-width: 992px) {
  .community-partners--subheading {
    width: 60%;
  }
}
@media (min-width: 2160px) {
  .community-partners--subheading {
    width: 67%;
  }
}
.community-partners--logo-grid {
  display: block;
  position: relative;
  width: 100%;
}
.community-partners--logo-row {
  align-items: center;
  box-sizing: content-box;
  display: flex;
  flex-flow: row wrap;
  height: auto;
  gap: 2rem 3rem;
  padding: 0 0 2.5rem;
  width: 100%;
  justify-content: center;
}
@media (min-width: 576px) {
  .community-partners--logo-row {
    flex-flow: row nowrap;
    gap: 0 2rem;
    justify-content: space-evenly;
  }
}
@media (min-width: 992px) {
  .community-partners--logo-row {
    max-height: 12.5rem;
  }
}
.community-partners--logo-row a {
  display: flex;
  height: 100%;
  justify-content: center;
  width: 50%;
}
@media (min-width: 576px) {
  .community-partners--logo-row a {
    width: 25%;
  }
}
.community-partners--logo-row a img {
  display: block;
  height: auto;
  max-height: 7.8125rem;
  min-height: 0;
  object-fit: contain;
  width: 100%;
}
@media (min-width: 992px) {
  .community-partners--logo-row a img {
    max-height: 12.5rem;
  }
}
.community-partners--compact-logo-grid {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  gap: 1rem 1.5rem;
  justify-content: space-evenly;
  padding: 0 10vw;
}
@media (min-width: 576px) {
  .community-partners--compact-logo-grid {
    padding: 0 7vw;
  }
}
@media (min-width: 768px) {
  .community-partners--compact-logo-grid {
    justify-content: center;
    gap: 0.5rem 1.5rem;
    padding: 0 5vw;
  }
}
@media (min-width: 992px) {
  .community-partners--compact-logo-grid {
    padding: 0;
  }
}
@media (min-width: 1440px) {
  .community-partners--compact-logo-grid {
    padding: 0;
  }
}
@media (min-width: 1920px) {
  .community-partners--compact-logo-grid {
    gap: 0.25rem 2rem;
  }
}
.community-partners--compact-grid-logo {
  align-items: center;
  display: flex;
  aspect-ratio: var(--aspect-ratio);
  justify-content: center;
  line-height: 0;
  max-width: 100%;
}
@media (min-width: 576px) {
  .community-partners--compact-grid-logo {
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .community-partners--compact-grid-logo {
    max-width: 30%;
  }
}
@media (min-width: 1200px) {
  .community-partners--compact-grid-logo {
    max-width: 20%;
  }
}
@media (min-width: 1680px) {
  .community-partners--compact-grid-logo {
    max-width: 16%;
  }
}
.community-partners--compact-grid-logo img {
  display: block;
  object-fit: contain;
}
.community-partners--compact-grid-logo.horizontal {
  max-height: 5rem;
}
@media (min-width: 1440px) {
  .community-partners--compact-grid-logo.horizontal {
    max-height: 5.625rem;
  }
}
.community-partners--compact-grid-logo.horizontal img {
  width: 100%;
}
.community-partners--compact-grid-logo.vertical {
  height: 6.25rem;
}
@media (min-width: 576px) {
  .community-partners--compact-grid-logo.vertical {
    height: 6rem;
  }
}
@media (min-width: 768px) {
  .community-partners--compact-grid-logo.vertical {
    height: 6.5rem;
  }
}
@media (min-width: 1440px) {
  .community-partners--compact-grid-logo.vertical {
    height: 7rem;
  }
}
@media (min-width: 1680px) {
  .community-partners--compact-grid-logo.vertical {
    height: 7.5rem;
  }
}
@media (min-width: 1920px) {
  .community-partners--compact-grid-logo.vertical {
    height: 7.8125rem;
  }
}
.community-partners--compact-grid-logo.vertical img {
  height: 100%;
}

.our-team-leadspace {
  background-color: #ffc40d;
  width: 100vw;
}
.our-team-leadspace--content-wrapper {
  width: 100%;
  padding: 1rem 2rem 0;
}
@media (min-width: 576px) {
  .our-team-leadspace--content-wrapper {
    padding: 2rem 3rem 1rem;
  }
}
@media (min-width: 992px) {
  .our-team-leadspace--content-wrapper {
    padding: 40px 8vw calc(40px - 1rem);
  }
}
@media (min-width: 1200px) {
  .our-team-leadspace--content-wrapper {
    padding: 60px 12vw calc(60px - 1rem);
  }
}
.our-team-leadspace--content-wrapper::after {
  clear: both;
  content: "";
  display: table;
}
.our-team-leadspace--founders-profile {
  color: #09023b;
  width: 100%;
}
.our-team-leadspace--eyebrow {
  color: #ffffff;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  line-height: 1.1;
  padding: 0 0 0.5rem;
}
@media (min-width: 992px) {
  .our-team-leadspace--eyebrow {
    padding: 0 0 1rem;
  }
}
.our-team-leadspace--name {
  color: inherit;
  font-size: clamp(1.25rem, 0.75rem + 2.2222vw, 2.75rem);
  line-height: 1.1;
  padding: 0 0 0.25rem;
}
@media (min-width: 992px) {
  .our-team-leadspace--name {
    padding: 0 0 0.5rem;
  }
}
.our-team-leadspace--job-title {
  color: inherit;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  line-height: 1.1;
  padding: 0 0 0.25rem;
}
@media (min-width: 992px) {
  .our-team-leadspace--job-title {
    padding: 0 0 1rem;
  }
}
.our-team-leadspace--bio {
  color: inherit;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  height: auto;
  line-height: 1.4;
  margin: 0;
  padding: 0 0 1rem 0;
}
.our-team-leadspace img {
  aspect-ratio: 1/1;
  display: block;
  float: right;
  height: auto;
  width: 50%;
  object-fit: cover;
  object-position: left center;
  margin: 0 0 1rem 1rem;
}
@media (min-width: 480px) {
  .our-team-leadspace img {
    margin: 0 0 1rem 1.25rem;
  }
}
@media (min-width: 992px) {
  .our-team-leadspace img {
    aspect-ratio: 3/2;
    margin: 0 0 1rem 2.5rem;
  }
}

.our-team-banner {
  padding: 0;
  width: 100vw;
}
.our-team-banner--text-wrapper {
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  gap: 0.625rem 1rem;
  height: auto;
  justify-content: center;
  width: 100%;
  padding: 1rem 2rem;
}
@media (min-width: 576px) {
  .our-team-banner--text-wrapper {
    padding: 2rem 3rem;
  }
}
@media (min-width: 992px) {
  .our-team-banner--text-wrapper {
    padding: 40px 8vw;
  }
}
@media (min-width: 1200px) {
  .our-team-banner--text-wrapper {
    padding: 60px 12vw;
  }
}
@media (min-width: 1440px) {
  .our-team-banner--text-wrapper {
    flex-flow: row nowrap;
    gap: 0 2rem;
    justify-content: flex-start;
  }
}
.our-team-banner--heading {
  color: inherit;
  flex: 0 1 auto;
  font-size: clamp(1.625rem, 0.875rem + 3.3333vw, 4.375rem);
  line-height: 1;
  padding: 0;
  text-align: left;
  text-wrap: balance;
  width: 100%;
}
@media (min-width: 1440px) {
  .our-team-banner--heading {
    flex: 0 1 auto;
    max-width: 40%;
    width: fit-content;
  }
}
.our-team-banner--description {
  color: inherit;
  flex: 0 1 auto;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  line-height: 1.4;
  text-align: left;
  text-wrap: balance;
  padding: 0;
  width: 100%;
}
@media (min-width: 1440px) {
  .our-team-banner--description {
    flex: 2 1 auto;
    max-width: stretch;
    width: fit-content;
  }
}

.our-team-bio {
  height: fit-content;
  position: relative;
  width: 100vw;
}
.our-team-bio--content-wrapper {
  height: auto;
  position: relative;
  padding: 1rem 2rem 0;
}
@media (min-width: 576px) {
  .our-team-bio--content-wrapper {
    padding: 2rem 3rem 1rem;
  }
}
@media (min-width: 992px) {
  .our-team-bio--content-wrapper {
    padding: 40px 8vw calc(40px - 1rem);
  }
}
@media (min-width: 1200px) {
  .our-team-bio--content-wrapper {
    padding: 60px 12vw calc(60px - 1rem);
  }
}
.our-team-bio--content-wrapper::after {
  clear: both;
  content: "";
  display: table;
}
.our-team-bio--content-wrapper.image--right img {
  float: right;
  margin-left: 1rem;
}
@media (min-width: 480px) {
  .our-team-bio--content-wrapper.image--right img {
    margin-left: 1.25rem;
  }
}
@media (min-width: 992px) {
  .our-team-bio--content-wrapper.image--right img {
    margin-left: 2.5rem;
  }
}
.our-team-bio--content-wrapper.image--left img {
  float: left;
  margin-right: 1rem;
}
@media (min-width: 480px) {
  .our-team-bio--content-wrapper.image--left img {
    margin-right: 1.25rem;
  }
}
@media (min-width: 992px) {
  .our-team-bio--content-wrapper.image--left img {
    margin-right: 2.5rem;
  }
}
.our-team-bio img {
  display: block;
  height: auto;
  margin: 0 0 1rem 0;
  object-fit: cover;
  width: 50%;
}
@media (min-width: 992px) {
  .our-team-bio img {
    width: 33%;
  }
}
@media (min-width: 1680px) {
  .our-team-bio img {
    width: 31.25%;
  }
}
.our-team-bio--profile {
  width: 100%;
}
.our-team-bio--name {
  color: inherit;
  font-size: clamp(1.25rem, 0.75rem + 2.2222vw, 2.75rem);
  line-height: 1;
  padding: 0 0 0.25rem;
  width: 100%;
}
@media (min-width: 992px) {
  .our-team-bio--name {
    padding: 0 0 0.5rem;
  }
}
.our-team-bio--job-title {
  color: inherit;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  line-height: 1;
  padding: 0 0 0.5rem;
  width: 100%;
}
@media (min-width: 992px) {
  .our-team-bio--job-title {
    padding: 0 0 1rem;
  }
}
.our-team-bio--bio-text {
  color: inherit;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  height: auto;
  line-height: 1.4;
  padding: 0 0 1rem 0;
  width: 100%;
}

.stories-profile {
  position: relative;
  width: 100vw;
}
.stories-profile--content-wrapper {
  height: auto;
  position: relative;
  width: 100%;
  padding: 1rem 2rem 0;
}
@media (min-width: 576px) {
  .stories-profile--content-wrapper {
    padding: 2rem 3rem 1rem;
  }
}
@media (min-width: 992px) {
  .stories-profile--content-wrapper {
    padding: 40px 8vw calc(40px - 1rem);
  }
}
@media (min-width: 1200px) {
  .stories-profile--content-wrapper {
    padding: 60px 12vw calc(60px - 1rem);
  }
}
.stories-profile--content-wrapper::after {
  clear: both;
  content: "";
  display: table;
}
.stories-profile--text-content {
  height: auto;
  position: relative;
  width: 100%;
}
.stories-profile--name {
  color: inherit;
  font-size: clamp(1.5rem, 0.7917rem + 3.1481vw, 3.625rem);
  line-height: 1;
  padding: 0 0 0.5rem;
  position: relative;
}
@media (min-width: 992px) {
  .stories-profile--name {
    padding: 0 0 0.75rem;
  }
}
@media (min-width: 1440px) {
  .stories-profile--name {
    padding: 0 0 1rem;
  }
}
.stories-profile--bio-intro {
  height: auto;
  padding: 0 0 0.75rem;
  position: relative;
  width: 100%;
}
.stories-profile--bio-intro.no-expand-button {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .stories-profile--bio-intro.no-expand-button {
    margin-bottom: 0.75rem;
  }
}
@media (min-width: 1200px) {
  .stories-profile--bio-intro.no-expand-button {
    margin-bottom: 1rem;
  }
}
.stories-profile--bio-intro p {
  color: inherit;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  font-style: inherit;
  font-weight: inherit;
  line-height: 1.4;
  padding: 0;
  text-indent: 4%;
  text-wrap: balance;
}
@media (min-width: 576px) {
  .stories-profile--bio-intro p {
    text-indent: 3%;
  }
}
.stories-profile--bio-intro p:first-of-type {
  text-indent: 0;
}
.stories-profile--bio-text {
  height: 0;
  overflow-y: hidden;
  padding: 0.75rem 0 0 0;
  position: relative;
  width: 100%;
}
.stories-profile--bio-text p {
  color: inherit;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  font-style: inherit;
  font-weight: inherit;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  text-indent: 4%;
  text-wrap: balance;
}
@media (min-width: 576px) {
  .stories-profile--bio-text p {
    text-indent: 3%;
  }
}
.stories-profile--portrait-wrapper {
  display: block;
  line-height: 0;
  width: 50%;
}
.stories-profile--portrait-wrapper.image--right {
  float: right;
  margin: 0 0 0.5rem 1rem;
}
@media (min-width: 1200px) {
  .stories-profile--portrait-wrapper.image--right {
    margin: 0 0 1rem 2rem;
  }
}
.stories-profile--portrait-wrapper.image--left {
  float: left;
  margin: 0 1rem 0.5rem 0;
}
@media (min-width: 1200px) {
  .stories-profile--portrait-wrapper.image--left {
    margin: 0 2rem 0 0;
    margin: 0 2rem 1rem 0;
  }
}
@media (min-width: 768px) {
  .stories-profile--portrait-wrapper {
    width: 45%;
  }
}
.stories-profile--portrait {
  aspect-ratio: var(--aspect-ratio);
  position: relative;
  line-height: 0;
  padding: 0 0 0.5rem;
  width: 100%;
}
.stories-profile--portrait img {
  display: block;
  object-fit: cover;
  width: 100%;
}
.stories-profile .portrait--caption {
  color: inherit;
  position: relative;
  font-size: clamp(0.875rem, 0.6705rem + 0.9091vw, 1.375rem);
  line-height: 1.2;
  padding: 0;
}
.stories-profile .button--expand-story {
  margin: 0 0 0.25rem;
  display: flex;
}
.stories-profile .button--expand-story.not-visible {
  display: none;
}
.stories-profile .button--expand-story.expanded {
  margin: 0.75rem 0 1rem;
}

.what-we-do-leadspace {
  background-color: #a12990;
  color: #ffffff;
  width: 100vw;
}
.what-we-do-leadspace--content-wrapper {
  display: block;
  position: relative;
  width: 100%;
  padding: 1rem 2rem;
}
@media (min-width: 576px) {
  .what-we-do-leadspace--content-wrapper {
    padding: 2rem 3rem;
  }
}
@media (min-width: 992px) {
  .what-we-do-leadspace--content-wrapper {
    padding: 40px 8vw;
  }
}
@media (min-width: 1200px) {
  .what-we-do-leadspace--content-wrapper {
    padding: 60px 12vw;
  }
}
.what-we-do-leadspace--content-wrapper::after {
  clear: both;
  content: "";
  display: table;
}
.what-we-do-leadspace img {
  aspect-ratio: 1/1;
  display: block;
  float: left;
  height: auto;
  margin: 0 1rem 0.25rem 0;
  width: 50%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .what-we-do-leadspace img {
    aspect-ratio: 5/4;
  }
}
@media (min-width: 1200px) {
  .what-we-do-leadspace img {
    margin: 0 2rem 0.5rem 0;
  }
}
.what-we-do-leadspace--intro-text {
  color: inherit;
  font-size: clamp(1.125rem, 0.8333rem + 1.2963vw, 2rem);
  height: auto;
  line-height: 1.4;
  width: 100%;
}
.what-we-do-leadspace--intro-text span {
  color: inherit;
  display: block;
  font-size: inherit;
  line-height: inherit;
  padding: 0 0 0.5rem;
}
@media (min-width: 992px) {
  .what-we-do-leadspace--intro-text span {
    padding: 0 0 0.75rem;
  }
}
.what-we-do-leadspace--intro-text span:last-child {
  padding: 0;
}

.what-we-do-image-text-grid {
  width: 100vw;
}
.what-we-do-image-text-grid--content-wrapper {
  align-items: stretch;
  display: flex;
  flex-flow: column nowrap;
  gap: 0.75rem 0;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 0;
}
@media (min-width: 576px) {
  .what-we-do-image-text-grid--content-wrapper {
    padding: 2rem 0 1rem;
  }
}
@media (min-width: 768px) {
  .what-we-do-image-text-grid--content-wrapper {
    gap: 1rem 0;
  }
}
@media (min-width: 992px) {
  .what-we-do-image-text-grid--content-wrapper {
    gap: 1.5rem 0;
    padding: 40px 0 1.5rem;
  }
}
@media (min-width: 1200px) {
  .what-we-do-image-text-grid--content-wrapper {
    gap: 2rem 0;
    padding: 60px 0 1.5rem;
  }
}
@media (min-width: 1680px) {
  .what-we-do-image-text-grid--content-wrapper {
    padding: 60px 0;
  }
}
.what-we-do-image-text-grid--text-wrapper {
  display: block;
  width: 100%;
  padding: 0 2rem 1rem;
}
@media (min-width: 576px) {
  .what-we-do-image-text-grid--text-wrapper {
    padding: 0 3rem 2rem;
  }
}
@media (min-width: 992px) {
  .what-we-do-image-text-grid--text-wrapper {
    padding: 0 8vw 40px;
  }
}
@media (min-width: 1200px) {
  .what-we-do-image-text-grid--text-wrapper {
    padding: 0 12vw 60px;
  }
}
@media (min-width: 1680px) {
  .what-we-do-image-text-grid--text-wrapper {
    display: none;
  }
}
.what-we-do-image-text-grid--row {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: 0 0.75rem;
  justify-content: center;
  width: 100%;
}
@media (min-width: 768px) {
  .what-we-do-image-text-grid--row {
    gap: 0 1rem;
  }
}
@media (min-width: 992px) {
  .what-we-do-image-text-grid--row {
    gap: 0 1.5rem;
  }
}
@media (min-width: 1200px) {
  .what-we-do-image-text-grid--row {
    gap: 0 2rem;
  }
}
.what-we-do-image-text-grid--row.row_wrap__no {
  flex-wrap: nowrap;
}
.what-we-do-image-text-grid--row.row_wrap__yes {
  flex-wrap: wrap;
}
.what-we-do-image-text-grid--row:last-child .type--image {
  width: 50% !important;
}
@media (min-width: 1680px) {
  .what-we-do-image-text-grid--row:last-child .type--image {
    width: var(--width) !important;
  }
}
.what-we-do-image-text-grid--item {
  height: auto;
  width: var(--width);
}
.what-we-do-image-text-grid--item.type--image {
  line-height: 0;
}
.what-we-do-image-text-grid--item.type--image img {
  display: block;
  height: auto;
  width: 100%;
  object-fit: cover;
}
.what-we-do-image-text-grid--item.type--text {
  display: none;
  width: 100%;
}
@media (min-width: 1680px) {
  .what-we-do-image-text-grid--item.type--text {
    display: block;
    width: var(--width);
  }
}
.what-we-do-image-text-grid--item-heading {
  color: inherit;
  font-size: clamp(1.25rem, 0.625rem + 2.7778vw, 3.125rem);
  line-height: 1;
  padding: 0 0 0.5rem;
}
.what-we-do-image-text-grid--item-copy {
  color: inherit;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  height: auto;
  line-height: 1.4;
  padding: 0;
}

.what-we-do-educational-workshops {
  background-color: #a12990;
  color: #ffffff;
  width: 100vw;
}
.what-we-do-educational-workshops--content-wrapper {
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  gap: 0 1rem;
  justify-content: center;
  width: 100%;
  padding: 1rem 2rem;
}
@media (min-width: 576px) {
  .what-we-do-educational-workshops--content-wrapper {
    padding: 2rem 3rem;
  }
}
@media (min-width: 992px) {
  .what-we-do-educational-workshops--content-wrapper {
    padding: 40px 8vw;
  }
}
@media (min-width: 1200px) {
  .what-we-do-educational-workshops--content-wrapper {
    padding: 60px 12vw;
  }
}
@media (min-width: 768px) {
  .what-we-do-educational-workshops--content-wrapper {
    gap: 0 1.5rem;
  }
}
@media (min-width: 992px) {
  .what-we-do-educational-workshops--content-wrapper {
    flex-flow: row nowrap;
  }
}
@media (min-width: 1440px) {
  .what-we-do-educational-workshops--content-wrapper {
    gap: 0 2.5rem;
  }
}
@media (min-width: 1680px) {
  .what-we-do-educational-workshops--content-wrapper {
    gap: 0 3rem;
  }
}
.what-we-do-educational-workshops--image {
  line-height: 0;
  padding-bottom: 1rem;
  width: 100%;
}
@media (min-width: 992px) {
  .what-we-do-educational-workshops--image {
    width: 58.3333%;
  }
}
.what-we-do-educational-workshops--image img {
  aspect-ratio: 3/2;
  height: auto;
  object-fit: cover;
  width: 100%;
}
.what-we-do-educational-workshops--text-block {
  width: 100%;
}
@media (min-width: 992px) {
  .what-we-do-educational-workshops--text-block {
    width: 41.6667%;
    padding-bottom: 0;
  }
}
.what-we-do-educational-workshops--heading {
  color: inherit;
  font-size: clamp(1.25rem, 0.625rem + 2.7778vw, 3.125rem);
  line-height: 1;
  padding: 0 0 0.625rem;
}
@media (min-width: 768px) {
  .what-we-do-educational-workshops--heading {
    padding: 0 0 1rem;
  }
}
.what-we-do-educational-workshops--copy p,
.what-we-do-educational-workshops--copy ul,
.what-we-do-educational-workshops--copy li {
  color: inherit;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  font-weight: inherit;
  line-height: 1.4;
  padding-bottom: 0.625rem;
}
@media (min-width: 768px) {
  .what-we-do-educational-workshops--copy p,
  .what-we-do-educational-workshops--copy ul,
  .what-we-do-educational-workshops--copy li {
    padding-bottom: 1rem;
  }
}
.what-we-do-educational-workshops--copy ul {
  list-style-type: "·  ";
  padding-left: 0.7em;
}
.what-we-do-educational-workshops--copy ul:last-of-type {
  padding-bottom: 0;
}
.what-we-do-educational-workshops--copy li :last-child {
  padding: 0;
}

.what-we-do-employment-and-higher-ed {
  width: 100vw;
}
.what-we-do-employment-and-higher-ed--content-wrapper {
  width: 100%;
  padding: 0 2rem 1rem;
}
@media (min-width: 576px) {
  .what-we-do-employment-and-higher-ed--content-wrapper {
    padding: 0 3rem 2rem;
  }
}
@media (min-width: 992px) {
  .what-we-do-employment-and-higher-ed--content-wrapper {
    padding: 0 8vw 40px;
  }
}
@media (min-width: 1200px) {
  .what-we-do-employment-and-higher-ed--content-wrapper {
    padding: 0 12vw 60px;
  }
}
.what-we-do-employment-and-higher-ed--image-row {
  align-items: flex-start;
  display: flex;
  flex-flow: row nowrap;
  gap: 0 1rem;
  justify-content: center;
  margin: 0 auto;
  padding: 0 0 1rem;
  width: 100%;
}
@media (min-width: 576px) {
  .what-we-do-employment-and-higher-ed--image-row {
    padding: 2rem 0 1rem;
  }
}
@media (min-width: 768px) {
  .what-we-do-employment-and-higher-ed--image-row {
    gap: 0 1.5rem;
  }
}
@media (min-width: 992px) {
  .what-we-do-employment-and-higher-ed--image-row {
    padding: 40px 0 1.5rem;
  }
}
@media (min-width: 1200px) {
  .what-we-do-employment-and-higher-ed--image-row {
    padding: 60px 0 2rem;
  }
}
@media (min-width: 1440px) {
  .what-we-do-employment-and-higher-ed--image-row {
    gap: 0 2.5rem;
  }
}
@media (min-width: 1680px) {
  .what-we-do-employment-and-higher-ed--image-row {
    gap: 0 3rem;
  }
}
.what-we-do-employment-and-higher-ed--image {
  height: auto;
  line-height: 0;
  width: 50%;
}
.what-we-do-employment-and-higher-ed--image img {
  aspect-ratio: 3/2;
  height: auto;
  object-fit: cover;
  width: 100%;
}
.what-we-do-employment-and-higher-ed--text-block {
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  gap: 0.625rem 1rem;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
@media (min-width: 992px) {
  .what-we-do-employment-and-higher-ed--text-block {
    flex-flow: row nowrap;
    gap: 0 1.5rem;
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .what-we-do-employment-and-higher-ed--text-block {
    gap: 0 2.5rem;
  }
}
@media (min-width: 1680px) {
  .what-we-do-employment-and-higher-ed--text-block {
    gap: 0 3rem;
  }
}
.what-we-do-employment-and-higher-ed--heading {
  color: inherit;
  font-size: clamp(1.25rem, 0.625rem + 2.7778vw, 3.125rem);
  line-height: 1;
  padding: 0;
  width: 100%;
}
@media (min-width: 992px) {
  .what-we-do-employment-and-higher-ed--heading {
    width: 33.333%;
  }
}
.what-we-do-employment-and-higher-ed--copy {
  width: 100%;
}
@media (min-width: 992px) {
  .what-we-do-employment-and-higher-ed--copy {
    width: 66.667%;
  }
}
.what-we-do-employment-and-higher-ed--copy p,
.what-we-do-employment-and-higher-ed--copy ul,
.what-we-do-employment-and-higher-ed--copy li {
  color: inherit;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  font-weight: inherit;
  line-height: 1.4;
  padding-bottom: 0.625rem;
}
@media (min-width: 768px) {
  .what-we-do-employment-and-higher-ed--copy p,
  .what-we-do-employment-and-higher-ed--copy ul,
  .what-we-do-employment-and-higher-ed--copy li {
    padding-bottom: 1em;
  }
}
.what-we-do-employment-and-higher-ed--copy ul {
  list-style-type: "·  ";
  padding-left: 0.7em;
}
.what-we-do-employment-and-higher-ed--copy ul:last-of-type {
  padding-bottom: 0;
}
.what-we-do-employment-and-higher-ed--copy li:last-child {
  padding-bottom: 0;
}

.what-we-do-donations {
  background-color: #a12990;
  color: #ffffff;
  width: 100vw;
}
.what-we-do-donations--content-wrapper {
  width: 100%;
  padding: 0 2rem 1rem;
}
@media (min-width: 576px) {
  .what-we-do-donations--content-wrapper {
    padding: 0 3rem 2rem;
  }
}
@media (min-width: 992px) {
  .what-we-do-donations--content-wrapper {
    padding: 0 8vw 40px;
  }
}
@media (min-width: 1200px) {
  .what-we-do-donations--content-wrapper {
    padding: 0 12vw 60px;
  }
}
.what-we-do-donations--image-row {
  align-items: flex-start;
  display: flex;
  flex-flow: row nowrap;
  gap: 0 1rem;
  justify-content: center;
  padding: 1rem 0;
  width: 100%;
}
@media (min-width: 576px) {
  .what-we-do-donations--image-row {
    padding: 2rem 0 1rem;
  }
}
@media (min-width: 768px) {
  .what-we-do-donations--image-row {
    gap: 0 1.5rem;
    padding: 2rem 0 1.5rem;
  }
}
@media (min-width: 992px) {
  .what-we-do-donations--image-row {
    padding: 40px 0 2rem;
  }
}
@media (min-width: 1200px) {
  .what-we-do-donations--image-row {
    padding: 60px 0 2rem;
  }
}
.what-we-do-donations--image {
  flex: var(--aspect-ratio);
  line-height: 0;
}
.what-we-do-donations--image img {
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}
.what-we-do-donations--text-block {
  width: 100%;
}
@media (min-width: 992px) {
  .what-we-do-donations--text-block {
    margin: 0 auto;
    width: 80%;
  }
}
@media (min-width: 1680px) {
  .what-we-do-donations--text-block {
    width: 70%;
  }
}
.what-we-do-donations--text-block h2 {
  color: inherit;
  font-size: clamp(1.25rem, 0.625rem + 2.7778vw, 3.125rem);
  line-height: 1;
  padding: 0 0 0.625rem;
  text-transform: uppercase;
  font-weight: 900;
}
@media (min-width: 768px) {
  .what-we-do-donations--text-block h2 {
    padding: 0 0 1rem;
  }
}
@media (min-width: 1200px) {
  .what-we-do-donations--text-block h2 {
    padding: 0 0 1.25rem;
  }
}
.what-we-do-donations--text-block p,
.what-we-do-donations--text-block ul,
.what-we-do-donations--text-block li {
  font-weight: 500;
  color: inherit;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  line-height: 1.4;
  padding-bottom: 0.625rem;
}
@media (min-width: 768px) {
  .what-we-do-donations--text-block p,
  .what-we-do-donations--text-block ul,
  .what-we-do-donations--text-block li {
    padding-bottom: 1rem;
  }
}
.what-we-do-donations--text-block p:last-of-type {
  padding: 0;
}
.what-we-do-donations--text-block ul {
  list-style-type: "·  ";
  padding-left: 0.7em;
}
.what-we-do-donations--text-block li:last-child {
  padding-bottom: 1rem;
}

.ways-to-volunteer {
  width: 100vw;
  color: #09023b;
}
.ways-to-volunteer--content-wrapper {
  padding: 1rem 2rem;
}
@media (min-width: 768px) {
  .ways-to-volunteer--content-wrapper {
    padding: 2rem 3rem;
  }
}
@media (min-width: 1200px) {
  .ways-to-volunteer--content-wrapper {
    padding: 40px 6vw;
  }
}
@media (min-width: 1680px) {
  .ways-to-volunteer--content-wrapper {
    padding: 60px 12vw;
  }
}
@media (min-width: 1920px) {
  .ways-to-volunteer--content-wrapper {
    padding: 60px 18vw;
  }
}
.ways-to-volunteer--text-block {
  width: 100%;
}
.ways-to-volunteer--heading {
  color: inherit;
  font-size: clamp(1.25rem, 0.625rem + 2.7778vw, 3.125rem);
  line-height: 1;
  padding: 0 0 0.625rem;
}
@media (min-width: 768px) {
  .ways-to-volunteer--heading {
    padding: 0 0 1rem;
  }
}
.ways-to-volunteer--copy p,
.ways-to-volunteer--copy ul,
.ways-to-volunteer--copy li {
  color: inherit;
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  font-weight: inherit;
  line-height: 1.4;
  padding-bottom: 0.625rem;
}
@media (min-width: 768px) {
  .ways-to-volunteer--copy p,
  .ways-to-volunteer--copy ul,
  .ways-to-volunteer--copy li {
    padding-bottom: 1rem;
  }
}
.ways-to-volunteer--copy ul {
  list-style-type: "·  ";
  padding-left: 1rem;
}
.ways-to-volunteer--copy ul:last-of-type {
  padding-bottom: 0;
}
.ways-to-volunteer--copy li :last-child {
  padding: 0;
}
.ways-to-volunteer--image {
  line-height: 0;
  width: 100%;
}
.ways-to-volunteer--image img {
  aspect-ratio: 2/1;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.get-involved-image-text-grid {
  position: relative;
  width: 100vw;
}
.get-involved-image-text-grid--heading {
  font-size: clamp(1.25rem, 0.6667rem + 2.5926vw, 3rem);
  line-height: 1;
  padding: 0 0 1rem;
}
.get-involved-image-text-grid--copy {
  font-size: clamp(1rem, 0.9167rem + 0.3704vw, 1.25rem);
  line-height: 1.4;
  padding: 0 0 1rem;
}

.viewport--large.get-involved-image-text-grid--content-wrapper {
  align-items: stretch;
  display: none;
  gap: 0.75rem;
  grid-template-columns: repeat(17, minmax(0, 1fr));
  justify-content: space-between;
  width: 100%;
  padding: 1rem 2rem;
}
@media (min-width: 768px) {
  .viewport--large.get-involved-image-text-grid--content-wrapper {
    padding: 2rem 3rem;
  }
}
@media (min-width: 1200px) {
  .viewport--large.get-involved-image-text-grid--content-wrapper {
    padding: 40px 6vw;
  }
}
@media (min-width: 1680px) {
  .viewport--large.get-involved-image-text-grid--content-wrapper {
    padding: 60px 12vw;
  }
}
@media (min-width: 1920px) {
  .viewport--large.get-involved-image-text-grid--content-wrapper {
    padding: 60px 18vw;
  }
}
@media (min-width: 992px) {
  .viewport--large.get-involved-image-text-grid--content-wrapper {
    gap: 1rem;
  }
}
@media (min-width: 1440px) {
  .viewport--large.get-involved-image-text-grid--content-wrapper {
    gap: 1.5rem;
    display: grid;
  }
}
.viewport--large.get-involved-image-text-grid--content-wrapper .get-involved-image-text-grid--item {
  display: flex;
  line-height: 0;
  min-height: 0;
}
.viewport--large.get-involved-image-text-grid--content-wrapper .get-involved-image-text-grid--item.col-1 {
  grid-column: span 6;
}
.viewport--large.get-involved-image-text-grid--content-wrapper .get-involved-image-text-grid--item.col-2 {
  grid-column: span 4;
}
.viewport--large.get-involved-image-text-grid--content-wrapper .get-involved-image-text-grid--item.col-3 {
  grid-column: span 7;
}
.viewport--large.get-involved-image-text-grid--content-wrapper .get-involved-image-text-grid--item.col-2-row-2 {
  grid-column: span 11;
}
.viewport--large.get-involved-image-text-grid--content-wrapper .get-involved-image-text-grid--item img {
  aspect-ratio: var(--aspect-ratio);
  height: auto;
  object-fit: cover;
  width: 100%;
}
.viewport--large.get-involved-image-text-grid--content-wrapper .get-involved-image-text-grid--text-content {
  align-self: center;
  padding: 0;
}
@media (min-width: 1680px) {
  .viewport--large.get-involved-image-text-grid--content-wrapper .get-involved-image-text-grid--text-content {
    padding: 0 1.5rem;
  }
}

.viewport--small.get-involved-image-text-grid--content-wrapper {
  align-items: stretch;
  display: flex;
  flex-flow: row wrap;
  gap: 0.625rem;
  justify-content: center;
  padding: 1rem 2rem;
}
@media (min-width: 576px) {
  .viewport--small.get-involved-image-text-grid--content-wrapper {
    padding: 1.5rem 4rem;
  }
}
@media (min-width: 768px) {
  .viewport--small.get-involved-image-text-grid--content-wrapper {
    padding: 2rem 9vw;
  }
}
@media (min-width: 992px) {
  .viewport--small.get-involved-image-text-grid--content-wrapper {
    padding: 2rem 12vw;
  }
}
@media (min-width: 1200px) {
  .viewport--small.get-involved-image-text-grid--content-wrapper {
    padding: 2.5rem 18vw;
  }
}
@media (min-width: 1440px) {
  .viewport--small.get-involved-image-text-grid--content-wrapper {
    padding: 2.5rem 21vw;
  }
}
@media (min-width: 1680px) {
  .viewport--small.get-involved-image-text-grid--content-wrapper {
    padding: 3.75rem 21vw;
  }
}
@media (min-width: 680px) {
  .viewport--small.get-involved-image-text-grid--content-wrapper {
    gap: 1rem;
  }
}
@media (min-width: 1440px) {
  .viewport--small.get-involved-image-text-grid--content-wrapper {
    display: none;
  }
}
.viewport--small.get-involved-image-text-grid--content-wrapper .get-involved-image-text-grid--item {
  order: var(--order);
  width: var(--width);
  aspect-ratio: var(--aspect-ratio);
  line-height: 0;
  overflow: hidden;
}
.viewport--small.get-involved-image-text-grid--content-wrapper .get-involved-image-text-grid--item img {
  height: 100%;
  object-fit: cover;
  width: auto;
}
.viewport--small.get-involved-image-text-grid--content-wrapper .get-involved-image-text-grid--text-content {
  padding: 0 0 0.625rem;
  position: relative;
  width: 100%;
}
@media (min-width: 992px) {
  .viewport--small.get-involved-image-text-grid--content-wrapper .get-involved-image-text-grid--text-content {
    padding: 0 0 1rem;
  }
}

.get-involved-image-text-grid-fw {
  position: relative;
  width: 100vw;
}
.get-involved-image-text-grid-fw--image-rows {
  align-items: stretch;
  display: flex;
  flex-flow: column nowrap;
  gap: 1rem 1rem;
  justify-content: flex-start;
  padding: 1rem 0 0 0;
  width: 100%;
}
@media (min-width: 576px) {
  .get-involved-image-text-grid-fw--image-rows {
    padding: 1.5rem 0 0 0;
  }
}
@media (min-width: 768px) {
  .get-involved-image-text-grid-fw--image-rows {
    padding: 2rem 0 0 0;
  }
}
@media (min-width: 992px) {
  .get-involved-image-text-grid-fw--image-rows {
    flex-flow: row nowrap;
    gap: 0 1.5rem;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .get-involved-image-text-grid-fw--image-rows {
    padding: 2.5rem 0 0 0;
  }
}
@media (min-width: 1680px) {
  .get-involved-image-text-grid-fw--image-rows {
    padding: 3.75rem 0 0 0;
  }
}
.get-involved-image-text-grid-fw--image-row {
  align-items: stretch;
  display: flex;
  flex: 1;
  flex-flow: row nowrap;
  gap: 0 1rem;
  height: auto;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 992px) {
  .get-involved-image-text-grid-fw--image-row {
    gap: 0 1.5rem;
    width: 50%;
  }
}
.get-involved-image-text-grid-fw--image {
  aspect-ratio: var(--aspect-ratio);
  align-items: stretch;
  display: flex;
  height: auto;
  line-height: 0;
  overflow: hidden;
}
.get-involved-image-text-grid-fw--image img {
  height: auto;
  object-fit: cover;
  width: 100%;
}
.get-involved-image-text-grid-fw--content-wrapper {
  width: 100%;
  padding: 1rem 2rem;
}
@media (min-width: 576px) {
  .get-involved-image-text-grid-fw--content-wrapper {
    padding: 1.5rem 2rem;
  }
}
@media (min-width: 768px) {
  .get-involved-image-text-grid-fw--content-wrapper {
    padding: 1.5rem 3rem 2rem;
  }
}
@media (min-width: 1200px) {
  .get-involved-image-text-grid-fw--content-wrapper {
    padding: 1.5rem 6vw 40px;
  }
}
@media (min-width: 1680px) {
  .get-involved-image-text-grid-fw--content-wrapper {
    padding: 2rem 12vw 60px;
  }
}
@media (min-width: 1920px) {
  .get-involved-image-text-grid-fw--content-wrapper {
    padding: 2rem 18vw 60px;
  }
}
.get-involved-image-text-grid-fw--heading {
  color: inherit;
  font-size: clamp(1.25rem, 0.6667rem + 2.5926vw, 3rem);
  line-height: 1;
  padding: 0 0 1rem;
}
.get-involved-image-text-grid-fw--copy {
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  color: inherit;
  line-height: 1.4;
  padding: 0 0 1rem;
}

.form-with-copy {
  max-height: var(--form-id)px;
  position: relative;
  width: 100vw;
}
.form-with-copy--content-wrapper {
  margin: 0 auto;
  max-width: 45.5rem;
  position: relative;
  padding: 1rem 2rem;
}
@media (min-width: 576px) {
  .form-with-copy--content-wrapper {
    padding: 1.5rem 4rem;
  }
}
@media (min-width: 768px) {
  .form-with-copy--content-wrapper {
    padding: 2rem 12vw;
  }
}
@media (min-width: 992px) {
  .form-with-copy--content-wrapper {
    padding: 2rem 18vw;
    padding: 2rem 0;
  }
}
@media (min-width: 1440px) {
  .form-with-copy--content-wrapper {
    max-width: none;
    padding: 3rem 0;
    width: 45.5rem;
  }
}
.form-with-copy--subheading {
  visibility: hidden;
  line-height: var(--form-id);
}
.form-with-copy--heading {
  font-size: clamp(1.25rem, 0.6667rem + 2.5926vw, 3rem);
  line-height: 1;
  padding: 0 0 0.625rem;
}
@media (min-width: 992px) {
  .form-with-copy--heading {
    padding: 0 0 1rem;
  }
}
@media (min-width: 1440px) {
  .form-with-copy--heading {
    padding: 0 0 1.375rem;
  }
}
.form-with-copy--body {
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  line-height: 1.4;
  padding: 0;
}
.form-with-copy--form-wrapper {
  position: relative;
}
.form-with-copy--form-wrapper .wpforms-container-full:not(:empty) {
  margin: 0;
}
.form-with-copy--form-wrapper .wpforms-container .wpforms-form {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  gap: 0 0.5rem;
  justify-content: flex-start;
  width: 100%;
}
@media (min-width: 576px) {
  .form-with-copy--form-wrapper .wpforms-container .wpforms-form {
    gap: 0 0.75rem;
  }
}
@media (min-width: 992px) {
  .form-with-copy--form-wrapper .wpforms-container .wpforms-form {
    gap: 0 1.375rem;
  }
}
.form-with-copy--form-wrapper .wpforms-container .wpforms-field-container {
  display: inline-block;
  width: 90%;
}
@media (min-width: 576px) {
  .form-with-copy--form-wrapper .wpforms-container .wpforms-field-container {
    width: 80%;
  }
}
@media (min-width: 768px) {
  .form-with-copy--form-wrapper .wpforms-container .wpforms-field-container {
    width: 80%;
  }
}
.form-with-copy--form-wrapper .wpforms-container input.wpforms-field-medium {
  height: 1.9375rem;
  max-width: none;
}
@media (min-width: 992px) {
  .form-with-copy--form-wrapper .wpforms-container input.wpforms-field-medium {
    height: var(--wpforms-field-size-input-height);
  }
}
.form-with-copy--form-wrapper .wpforms-container .wpforms-submit-container {
  display: inline-block;
  height: 1.875rem;
  margin: 0 !important;
  padding: 0;
  width: auto;
}
@media (min-width: 576px) {
  .form-with-copy--form-wrapper .wpforms-container .wpforms-submit-container {
    padding: 0;
    width: 20%;
  }
}
@media (min-width: 768px) {
  .form-with-copy--form-wrapper .wpforms-container .wpforms-submit-container {
    width: 20%;
  }
}
@media (min-width: 992px) {
  .form-with-copy--form-wrapper .wpforms-container .wpforms-submit-container {
    height: 2.5rem;
  }
}
.form-with-copy--form-wrapper .wpforms-container .wpforms-submit-container button.whjc-submit-button {
  background: none !important;
  border: none !important;
  cursor: pointer;
  height: auto;
  line-height: 0;
  padding: 0;
  position: absolute;
  top: 0;
}
.form-with-copy--form-wrapper .wpforms-container .wpforms-submit-container button.whjc-submit-button::before {
  content: url("./resources/images/svg/action_arrow_scarlet_circle.svg");
  display: inline-block;
  height: 1.875rem;
  margin: 0;
  width: 1.875rem;
  vertical-align: middle;
}
@media (min-width: 992px) {
  .form-with-copy--form-wrapper .wpforms-container .wpforms-submit-container button.whjc-submit-button::before {
    height: 2.5rem;
    margin: 0;
    width: 2.5rem;
  }
}
.form-with-copy--form-wrapper .wpforms-container .wpforms-confirmation-container-full {
  background-color: #ffffff;
  border: 1px solid #09023b;
  margin: 1rem 0 0 0;
}
.form-with-copy--form-wrapper .wpforms-container .wpforms-confirmation-container-full p {
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  line-height: 1.4;
}

.contact-us-volunteer-form {
  padding: 1.5rem 2rem 0;
  position: relative;
  width: 100vw;
}
@media (min-width: 576px) {
  .contact-us-volunteer-form {
    padding: 2rem 3rem 0;
  }
}
@media (min-width: 992px) {
  .contact-us-volunteer-form {
    padding: 3rem 8vw 0;
  }
}
@media (min-width: 1440px) {
  .contact-us-volunteer-form {
    padding: 4rem 12vw 0;
  }
}
.contact-us-volunteer-form--content-wrapper {
  padding: 1rem;
  width: 100%;
}
@media (min-width: 576px) {
  .contact-us-volunteer-form--content-wrapper {
    padding: 1.5rem 2rem;
  }
}
@media (min-width: 1440px) {
  .contact-us-volunteer-form--content-wrapper {
    padding: 3rem 5rem;
  }
}
.contact-us-volunteer-form--heading {
  font-size: clamp(1.5rem, 0.5rem + 4.4444vw, 4.5rem);
  line-height: 1;
  padding: 0 0 1rem 0;
  text-align: center;
}
@media (min-width: 992px) {
  .contact-us-volunteer-form--heading {
    padding: 0 0 1.5rem 0;
  }
}
@media (min-width: 1440px) {
  .contact-us-volunteer-form--heading {
    padding: 0 0 2rem 0;
  }
}
.contact-us-volunteer-form--intro-text {
  color: inherit;
  font-size: clamp(1rem, 0.7083rem + 1.2963vw, 1.875rem);
  line-height: 1.25;
  margin: 0 0 1rem 0;
  padding: 0;
}
.contact-us-volunteer-form--contact-info {
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin: 0 0 1rem 0;
  padding: 0;
}
@media (min-width: 992px) {
  .contact-us-volunteer-form--contact-info {
    align-items: center;
    flex-flow: row nowrap;
    padding: 0 1rem;
  }
}
@media (min-width: 1440px) {
  .contact-us-volunteer-form--contact-info {
    padding: 0 2rem;
  }
}
.contact-us-volunteer-form--address {
  color: inherit;
  font-size: clamp(1rem, 0.7083rem + 1.2963vw, 1.875rem);
  line-height: 1.25;
  margin: 0 0 1rem 0;
  padding: 0;
  width: 100%;
}
.contact-us-volunteer-form hr {
  color: #349880;
  height: 1px;
  margin: 0 0 1rem 0;
}
.contact-us-volunteer-form--instructions {
  color: inherit;
  font-size: clamp(1rem, 0.7083rem + 1.2963vw, 1.875rem);
  line-height: 1.25;
  margin: 0 0 1rem 0;
  padding: 0;
}
.contact-us-volunteer-form--instructions p {
  font-size: inherit;
  line-height: inherit;
  margin: inherit;
  padding: inherit;
}
.contact-us-volunteer-form .wpforms-container {
  width: 100%;
}
.contact-us-volunteer-form .wpforms-field-medium {
  max-width: 100% !important;
}
.contact-us-volunteer-form .wpforms-field-row.wpforms-field-medium {
  flex-direction: column !important;
  flex-wrap: nowrap !important;
}
@media (min-width: 576px) {
  .contact-us-volunteer-form .wpforms-field-row.wpforms-field-medium {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
  }
}
.contact-us-volunteer-form .wpforms-field-row .wpforms-one-half {
  margin: 0 !important;
  padding: 15px 0 0 !important;
  width: 100% !important;
}
@media (min-width: 576px) {
  .contact-us-volunteer-form .wpforms-field-row .wpforms-one-half {
    padding: 0 10px !important;
    padding-inline-end: 0 !important;
    width: 50% !important;
  }
}
.contact-us-volunteer-form .wpforms-field-row .wpforms-one-half.wpforms-first {
  padding: 0 0 15px !important;
}
@media (min-width: 576px) {
  .contact-us-volunteer-form .wpforms-field-row .wpforms-one-half.wpforms-first {
    padding-bottom: 0 !important;
    padding-inline-start: 0 !important;
  }
}
.contact-us-volunteer-form .wpforms-field-description {
  font-size: clamp(0.875rem, 0.7727rem + 0.4545vw, 1.125rem) !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}
@media (min-width: 992px) {
  .contact-us-volunteer-form .wpforms-field-description {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 1440px) {
  .contact-us-volunteer-form .wpforms-field-description {
    margin-top: 0.625rem !important;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.contact-us-volunteer-form .wpforms-submit-container button {
  background-color: #ed2c3a !important;
  border-radius: 0.25rem !important;
  font-size: 0.5rem !important;
  font-weight: 800 !important;
  height: 0.9375rem !important;
  line-height: 1 !important;
  padding: 0.25rem 0.1875rem !important;
  text-transform: uppercase;
}
@media (min-width: 375px) {
  .contact-us-volunteer-form .wpforms-submit-container button {
    border-radius: 0.5rem !important;
    font-size: 0.875rem !important;
    height: 2rem !important;
    padding: 0.25rem 0.375rem !important;
  }
}
@media (min-width: 1200px) {
  .contact-us-volunteer-form .wpforms-submit-container button {
    border-radius: 0.625rem !important;
    font-size: 1.25rem !important;
    height: 2.5rem !important;
    padding: 0.375rem 0.5rem !important;
  }
}
@media (min-width: 1366px) {
  .contact-us-volunteer-form .wpforms-submit-container button {
    border-radius: 0.6875rem !important;
    font-size: 1.4375rem !important;
    height: 2.75rem !important;
    padding: 0.5rem 0.5625rem !important;
  }
}
@media (min-width: 1680px) {
  .contact-us-volunteer-form .wpforms-submit-container button {
    border-radius: 0.75rem !important;
    font-size: 1.5rem !important;
    height: 3rem !important;
    padding: 0.75rem 0.625rem !important;
  }
}
.contact-us-volunteer-form .wpforms-confirmation-container-full {
  background-color: #ffffff;
  border: 1px solid #09023b;
}
.contact-us-volunteer-form .wpforms-confirmation-container-full p {
  font-size: clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  line-height: 1.4;
}
.contact-us-volunteer-form .wpforms-confirmation-container-full p span {
  font-size: inherit;
  line-height: inherit;
}

.four-oh-four {
  align-items: center;
  background-image: url("./resources/images/svg/404_background.svg");
  background-position-x: -4vw;
  background-position-y: top;
  background-repeat: no-repeat;
  background-size: 110vw;
  display: flex;
  flex-flow: row nowrap;
  height: 60vh;
  justify-content: center;
  padding: 1rem;
  width: 100vw;
}
@media (min-width: 576px) {
  .four-oh-four {
    padding: 2rem 3rem;
  }
}
@media (min-width: 992px) {
  .four-oh-four {
    background-position-x: center;
    background-size: 100vw;
    height: 70vh;
    padding: 40px 8vw;
  }
}
@media (min-width: 1200px) {
  .four-oh-four {
    padding: 60px 12vw;
  }
}
@media (min-width: 1440px) {
  .four-oh-four {
    height: 80vh;
  }
}
.four-oh-four--heading {
  color: #09023b;
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  height: 65%;
  justify-content: flex-end;
  position: relative;
}
@media (min-width: 992px) {
  .four-oh-four--heading {
    height: 80%;
  }
}
.four-oh-four--heading div {
  color: inherit;
  line-height: 1;
  text-align: center;
}
.four-oh-four--heading a {
  color: #ed2c3a;
  transition: color 0.2s, linear;
}
.four-oh-four--heading a:hover {
  color: #a12990;
}
.four-oh-four--page-not-found {
  font-size: clamp(2.5rem, 6vw, 8rem);
}
.four-oh-four--navigate-home {
  font-size: clamp(1.5rem, 3vw, 4rem);
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

:root {
  --mobile-submenu-height: 0px;
  --top-nav-mobile-header-height: 89px;
  --expand-target-scroll-height: 0px;
  --color-palette--bright-purple: #bc4799;
  --color-palette--chartreuse: #ece72a;
  --color-palette--forest: #349880;
  --color-palette--gold: #ff9c01;
  --color-palette--hazy-sky: #65c3d1;
  --color-palette--melon: #ffc40d;
  --color-palette--navy: #09023b;
  --color-palette--purple: #a12990;
  --color-palette--scarlet: #ed2c3a;
  --color-palette--swimming-pool: #28adc6;
  --color-palette--watermelon: #ee3f46;
  --color-palette--black: #000;
  --color-palette--text-black: #101010;
  --color-palette--gray-1: #383838;
  --color-palette--gray-2: #4d4d4d;
  --color-palette--gray-3: #6c6a6e;
  --color-palette--gray-4: rgba(126, 126, 126, 1);
  --color-palette--gray-5: rgba(190, 190, 190, 1);
  --color-palette--gray-6: #f3f3f3;
  --color-palette--white: #fff;
}

body {
  font-weight: 300;
  color: #09023b;
  font-size: 1.25rem;
  line-height: 1.75;
  margin: 0;
  padding: 0;
}

p,
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}

section {
  display: block;
  margin: 0;
  max-width: 100%;
}

#main-content {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100vw;
}

#main {
  padding: 1rem;
}
@media (min-width: 1440px) {
  #main {
    padding: 3.125rem 2rem;
  }
}

h1 {
  font-weight: 700;
  color: #09023b;
  font-size: 3rem;
  line-height: 1.4;
  padding: 0 0 1.75rem 0;
}

p {
  font-weight: 400;
  color: #09023b;
  font-size: 1.25rem;
  line-height: 1.75;
  padding: 0 0 1.75rem 0;
}

a {
  color: inherit;
  opacity: 1;
  text-decoration: none;
  transition: opacity 0.2s linear;
}
a:hover {
  opacity: 0.7;
}

ul {
  padding-left: 1rem;
}

em {
  font-style: italic;
}