.inner-page {
  background: var(--white-clr);
}

.inner-hero {
  align-items: center;
  display: flex;
  min-height: 430px;
  margin-top: -38px;
  overflow: hidden;
  background: var(--primary-clr);
}

.inner-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(77, 40, 85, 0.78), rgba(0, 121, 192, 0.42)),
    linear-gradient(rgba(27, 30, 32, 0.26), rgba(27, 30, 32, 0.26));
  pointer-events: none;
}

.inner-hero .container {
  position: relative;
  z-index: 2;
}

.inner-hero-copy {
  max-width: 760px;
  padding-top: 38px;
}

.inner-kicker {
  color: var(--tertiary-clr);
  font-family: var(--heading-font);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.1;
  margin-bottom: 10px;
  text-shadow: var(--design-shadow);
  text-transform: uppercase;
}

.inner-hero .hero-heading {
  text-align: left;
}

.get-involved-hero {
  background:
    linear-gradient(rgba(77, 40, 85, 0.22), rgba(77, 40, 85, 0.22)),
    url("/wp-content/uploads/2026/08/sedol-involved-generated.png") center / cover;
}

.donate-hero {
  background:
    linear-gradient(rgba(77, 40, 85, 0.34), rgba(77, 40, 85, 0.34)),
    url("/wp-content/uploads/2026/08/sedol-about-generated.png") center / cover;
}

.volunteer-hero {
  background:
    linear-gradient(rgba(77, 40, 85, 0.26), rgba(0, 121, 192, 0.2)),
    url("/wp-content/uploads/2026/08/sedol-involved-generated.png") center / cover;
}

.about-hero {
  background:
    linear-gradient(rgba(77, 40, 85, 0.3), rgba(0, 121, 192, 0.18)),
    url("/wp-content/uploads/2026/08/sedol-about-generated.png") center / cover;
}

.grant-applications-hero {
  background:
    linear-gradient(rgba(77, 40, 85, 0.34), rgba(0, 121, 192, 0.16)),
    url("/wp-content/uploads/2026/08/sedol-about-generated.png") center / cover;
}

.resources-hero {
  background:
    linear-gradient(rgba(77, 40, 85, 0.34), rgba(0, 121, 192, 0.18)),
    url("/wp-content/uploads/2026/08/sedol-involved-generated.png") center / cover;
}

.contact-hero {
  background:
    linear-gradient(rgba(77, 40, 85, 0.66), rgba(0, 121, 192, 0.2)),
    url("/wp-content/uploads/2018/05/sedol-masthead-one.jpg") center / cover;
}

.privacy-hero {
  background:
    linear-gradient(rgba(77, 40, 85, 0.48), rgba(0, 121, 192, 0.18)),
    url("/wp-content/uploads/2026/08/sedol-about-generated.png") center / cover;
}

.success-stories-hero,
.single-success-story-hero {
  background:
    linear-gradient(rgba(77, 40, 85, 0.5), rgba(0, 121, 192, 0.18)),
    url("/wp-content/uploads/2018/05/sedol-masthead-one.jpg") center / cover;
}

.inner-hero-subtitle {
  max-width: 720px;
  margin-top: 18px;
  color: var(--white-clr);
  font-family: var(--heading-font);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.28;
  text-shadow: var(--design-shadow);
}

.get-involved-intro {
  background: var(--white-clr);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  margin-bottom: -48px;
  padding-bottom: 150px;
}

.donate-intro,
.volunteer-intro {
  background: var(--white-clr);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  margin-bottom: -48px;
  padding-bottom: 150px;
}

.about-overview {
  background: var(--white-clr);
  clip-path: polygon(0 0, 100% 0, 100% 94%, 0 100%);
  margin-bottom: -48px;
  padding-bottom: 150px;
}

.grant-intro {
  background: var(--white-clr);
  clip-path: polygon(0 0, 100% 0, 100% 94%, 0 100%);
  margin-bottom: -48px;
  padding-bottom: 150px;
}

.resources-intro {
  background: var(--white-clr);
  clip-path: polygon(0 0, 100% 0, 100% 94%, 0 100%);
  margin-bottom: -48px;
  padding-bottom: 150px;
}

.contact-main {
  background: var(--tertiary-clr);
  margin-bottom: -48px;
  padding-bottom: 150px;
}

.privacy-content-section {
  background: var(--white-clr);
  margin-bottom: -48px;
  padding-bottom: 150px;
}

.success-stories-intro {
  background: var(--white-clr);
  margin-bottom: -48px;
  padding-bottom: 150px;
}

.single-success-story-content {
  background: var(--white-clr);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  margin-bottom: -48px;
  padding-bottom: 150px;
}

.get-involved-split {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 500px);
  gap: 92px;
}

.donate-split,
.volunteer-split {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 500px);
  gap: 92px;
}

.about-split {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 500px);
  gap: 92px;
}

.grant-application-layout {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
  gap: 76px;
}

.resources-layout {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
  gap: 76px;
}

.contact-page-layout {
  align-items: start;
  display: grid;
  grid-template-columns: minmax(320px, 470px) minmax(0, 1fr);
  gap: 76px;
}

.get-involved-split .section-copy {
  max-width: 680px;
}

.donate-split .section-copy,
.volunteer-split .section-copy {
  max-width: 720px;
}

.about-split .section-copy {
  max-width: 760px;
}

.grant-application-layout .section-copy {
  max-width: 760px;
}

.grant-application-layout .grant-wrapper {
  margin-top: 22px;
}

.resources-layout .section-copy {
  max-width: 780px;
}

.contact-info-panel .section-copy {
  max-width: 520px;
}

.get-involved-split .button-group {
  margin-top: 30px;
}

.donate-split .button-group,
.volunteer-split .button-group {
  margin-top: 30px;
}

.inner-page .section-description a {
  color: var(--blue-clr);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.get-involved-media {
  position: relative;
  min-height: 500px;
}

.volunteer-media {
  position: relative;
  min-height: 500px;
}

.about-media {
  position: relative;
  min-height: 500px;
}

.get-involved-photo {
  position: absolute;
  right: 0;
  top: 0;
  width: min(100%, 460px);
  height: 430px;
  background:
    linear-gradient(rgba(27, 30, 32, 0.08), rgba(27, 30, 32, 0.08)),
    url("/wp-content/uploads/2026/08/sedol-involved-generated.png") center / cover;
  box-shadow: var(--media-shadow);
}

.volunteer-photo {
  position: absolute;
  right: 0;
  top: 0;
  width: min(100%, 460px);
  height: 430px;
  background:
    linear-gradient(rgba(27, 30, 32, 0.08), rgba(27, 30, 32, 0.08)),
    url("/wp-content/uploads/2026/08/sedol-involved-generated.png") center / cover;
  box-shadow: var(--media-shadow);
}

.about-photo {
  position: absolute;
  right: 0;
  top: 0;
  width: min(100%, 460px);
  height: 430px;
  background:
    linear-gradient(rgba(27, 30, 32, 0.08), rgba(27, 30, 32, 0.08)),
    url("/wp-content/uploads/2026/08/sedol-about-generated.png") center / cover;
  box-shadow: var(--media-shadow);
}

.get-involved-note {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  min-height: 190px;
  padding: 28px;
  position: absolute;
  width: 250px;
  background: var(--primary-clr);
  box-shadow: var(--media-shadow);
  color: var(--white-clr);
  font-family: var(--heading-font);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.08;
  text-transform: uppercase;
}

.volunteer-note {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  min-height: 190px;
  padding: 28px;
  position: absolute;
  width: 250px;
  background: var(--green-clr);
  box-shadow: var(--media-shadow);
  color: var(--white-clr);
  font-family: var(--heading-font);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.08;
  text-transform: uppercase;
}

.about-stat-card {
  bottom: 0;
  display: grid;
  gap: 10px;
  left: 0;
  min-height: 190px;
  padding: 30px 28px;
  position: absolute;
  width: 250px;
  align-content: center;
  background: var(--primary-clr);
  box-shadow: var(--media-shadow);
  color: var(--white-clr);
}

.about-stat-card strong {
  color: var(--white-clr);
  font-family: var(--heading-font);
  font-size: 48px;
  font-weight: 700;
  line-height: 0.95;
}

.about-stat-card span {
  color: var(--white-clr);
  font-family: var(--heading-font);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.18;
  text-transform: uppercase;
}

.donation-impact-card {
  padding: 42px 34px;
  background: var(--primary-clr);
  box-shadow: var(--media-shadow);
  color: var(--white-clr);
}

.donate-card-icon {
  display: grid;
  width: 78px;
  height: 78px;
  margin-bottom: 24px;
  place-items: center;
  background: var(--green-clr);
  border-radius: 50%;
  color: var(--white-clr);
  font-size: 34px;
}

.donation-impact-card h2 {
  max-width: 390px;
  margin-bottom: 26px;
  color: var(--white-clr);
  font-family: var(--heading-font);
  font-size: 34px;
  font-weight: 600;
  line-height: 1.06;
}

.donation-impact-card ul {
  display: grid;
  gap: 14px;
}

.donation-impact-card li {
  position: relative;
  padding-left: 24px;
  font-family: var(--heading-font);
  font-size: 18px;
  line-height: 1.25;
}

.donation-impact-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 9px;
  height: 9px;
  background: var(--orange-clr);
  border-radius: 50%;
}

.grant-guidance-card {
  padding: 42px 34px;
  background: var(--primary-clr);
  box-shadow: var(--media-shadow);
  color: var(--white-clr);
}

.resource-disclaimer-card {
  padding: 42px 34px;
  background: var(--primary-clr);
  box-shadow: var(--media-shadow);
  color: var(--white-clr);
}

.grant-guidance-card span,
.camp-scholarship-card span,
.resource-disclaimer-card span {
  display: grid;
  width: 70px;
  height: 70px;
  margin-bottom: 24px;
  place-items: center;
  background: var(--green-clr);
  border-radius: 50%;
  color: var(--white-clr);
  font-size: 30px;
}

.grant-guidance-card h2,
.camp-scholarship-card h2,
.resource-disclaimer-card h2 {
  margin-bottom: 22px;
  color: var(--white-clr);
  font-family: var(--heading-font);
  font-size: 34px;
  font-weight: 600;
  line-height: 1.06;
}

.resource-disclaimer-card p {
  color: var(--white-clr);
  line-height: 1.45;
}

.grant-guidance-card ul {
  display: grid;
  gap: 14px;
}

.grant-guidance-card li {
  position: relative;
  padding-left: 24px;
  color: var(--white-clr);
  font-family: var(--heading-font);
  font-size: 18px;
  line-height: 1.25;
}

.grant-guidance-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 9px;
  height: 9px;
  background: var(--orange-clr);
  border-radius: 50%;
}

.why-volunteer {
  background: var(--tertiary-clr);
  clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 94%);
  margin-top: -40px;
  padding-top: 150px;
  padding-bottom: 150px;
}

.foundation-purpose {
  background: var(--tertiary-clr);
  clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 94%);
  margin-top: -40px;
  padding-top: 150px;
  padding-bottom: 150px;
}

.why-volunteer-grid {
  display: grid;
  grid-template-columns: minmax(0, 410px) minmax(0, 1fr);
  gap: 80px;
  align-items: start;
  margin-bottom: 54px;
}

.purpose-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
  gap: 34px;
  align-items: stretch;
}

.why-volunteer .section-heading,
.why-volunteer .callout-text {
  color: var(--primary-clr);
}

.foundation-purpose h2 {
  color: var(--primary-clr);
  font-family: var(--heading-font);
  font-size: 40px;
  font-weight: 600;
  line-height: 1.06;
  margin-bottom: 22px;
}

.why-volunteer-copy {
  color: var(--primary-clr);
}

.about-card,
.mission-card {
  padding: 42px;
  background: var(--white-clr);
  box-shadow: var(--design-shadow);
}

.about-card p,
.mission-card p {
  color: var(--body-gray);
  line-height: 1.48;
}

.about-card p:not(:last-child) {
  margin-bottom: 18px;
}

.mission-card {
  align-content: center;
  display: grid;
  background: var(--primary-clr);
}

.mission-card span {
  display: grid;
  width: 68px;
  height: 68px;
  margin-bottom: 22px;
  place-items: center;
  background: var(--green-clr);
  border-radius: 50%;
  color: var(--white-clr);
  font-size: 28px;
}

.mission-card h2,
.mission-card p {
  color: var(--white-clr);
}

.commitment-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
}

.commitment-grid article {
  padding: 36px;
  background: var(--white-clr);
  box-shadow: var(--design-shadow);
}

.commitment-grid span {
  display: grid;
  width: 58px;
  height: 58px;
  margin-bottom: 18px;
  place-items: center;
  background: var(--green-clr);
  border-radius: 50%;
  color: var(--white-clr);
  font-size: 24px;
}

.commitment-grid h3,
.opportunity-card h3 {
  margin-bottom: 16px;
  color: var(--primary-clr);
  font-family: var(--heading-font);
  font-size: 26px;
  font-weight: 600;
  line-height: 1.08;
}

.commitment-grid p,
.opportunity-card p {
  color: var(--body-gray);
  line-height: 1.45;
}

.commitment-grid p:not(:last-child),
.opportunity-card p:not(:last-child) {
  margin-bottom: 16px;
}

.commitment-grid a {
  color: var(--blue-clr);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.volunteer-opportunities {
  background: var(--white-clr);
  clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 100%);
  margin-bottom: -48px;
  padding-top: 150px;
  padding-bottom: 150px;
}

.options-heading-wrap {
  max-width: 840px;
  margin: 0 auto 44px;
  text-align: center;
}

.opportunity-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

.opportunity-card {
  padding: 32px;
  background: var(--soft-gray);
  box-shadow: var(--design-shadow);
}

.opportunity-card.featured {
  background: var(--primary-clr);
}

.opportunity-card.featured h3,
.opportunity-card.featured h4,
.opportunity-card.featured p,
.opportunity-card.featured li {
  color: var(--white-clr);
}

.opportunity-card h4 {
  margin: 22px 0 12px;
  color: var(--secondary-clr);
  font-family: var(--heading-font);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.opportunity-card ul {
  display: grid;
  gap: 9px;
  margin: 16px 0;
}

.opportunity-card li {
  position: relative;
  padding-left: 22px;
  color: var(--body-gray);
  line-height: 1.35;
}

.opportunity-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 8px;
  height: 8px;
  background: var(--green-clr);
  border-radius: 50%;
}

.camp-scholarship-section {
  background: var(--tertiary-clr);
  clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 96%);
  margin-top: -40px;
  padding-top: 150px;
  padding-bottom: 150px;
}

.camp-scholarship-layout {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(300px, 410px) minmax(0, 1fr);
  gap: 76px;
}

.camp-scholarship-card {
  padding: 42px 34px;
  background: var(--primary-clr);
  box-shadow: var(--media-shadow);
  color: var(--white-clr);
}

.camp-scholarship-card p {
  color: var(--white-clr);
  line-height: 1.45;
}

.application-button-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, max-content));
  gap: 16px;
  margin-top: 30px;
}

.resources-directory {
  background: var(--tertiary-clr);
  clip-path: polygon(0 2%, 100% 0, 100% 100%, 0 100%);
  margin-top: -40px;
  margin-bottom: -80px;
  padding-top: 150px;
  padding-bottom: 150px;
}

.resources-heading-wrap {
  max-width: 860px;
  margin: 0 auto 44px;
  text-align: center;
}

.resources-heading-wrap .section-description {
  color: var(--primary-clr);
}

.resource-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.resource-card {
  min-height: 100%;
  padding: 30px 28px;
  background: var(--white-clr);
  border-top: 7px solid var(--secondary-clr);
  box-shadow: var(--design-shadow);
}

.resource-card h3 {
  margin-bottom: 18px;
  color: var(--primary-clr);
  font-family: var(--heading-font);
  font-size: 25px;
  font-weight: 600;
  line-height: 1.08;
}

.resource-links {
  display: grid;
  gap: 11px;
}

.resource-links a {
  align-items: center;
  display: inline-flex;
  gap: 9px;
  color: var(--body-gray);
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
  transition: color 0.2s ease, transform 0.2s ease;
}

.resource-links a:hover,
.resource-links a:focus {
  color: var(--blue-clr);
  transform: translateX(2px);
}

.resource-links i {
  color: var(--green-clr);
  font-size: 12px;
}

.contact-info-panel {
  display: grid;
  gap: 28px;
}

.contact-info-panel .section-heading {
  color: var(--primary-clr);
}

.contact-info-panel .section-description {
  color: var(--primary-clr);
}

.contact-method-list {
  display: grid;
  gap: 16px;
}

.contact-method-list li {
  align-items: center;
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 14px;
  color: var(--primary-clr);
  font-family: var(--heading-font);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.25;
}

.contact-method-list span {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  background: var(--green-clr);
  border-radius: 50%;
  color: var(--white-clr);
  font-size: 19px;
}

.contact-method-list a {
  text-decoration: none;
  transition: color 0.2s ease;
}

.contact-method-list a:hover,
.contact-method-list a:focus {
  color: var(--blue-clr);
}

.contact-map-card {
  width: 100%;
  min-height: 320px;
  background: var(--white-clr);
  border-top: 7px solid var(--secondary-clr);
  box-shadow: var(--design-shadow);
}

.contact-map-card iframe {
  width: 100%;
  height: 320px;
  border: 0;
}

.contact-form-panel {
  padding: 46px;
  background: var(--primary-clr);
  box-shadow: var(--media-shadow);
  color: var(--white-clr);
}

.contact-form-panel h2 {
  margin-bottom: 10px;
  color: var(--white-clr);
  font-family: var(--heading-font);
  font-size: 34px;
  font-weight: 600;
  line-height: 1.08;
}

.contact-form-panel > p {
  max-width: 660px;
  margin-bottom: 28px;
  color: var(--soft-gray);
  font-family: var(--heading-font);
  font-size: 18px;
  line-height: 1.35;
}

.contact-page .gform_wrapper {
  margin: 0;
  color: var(--white-clr);
  font-family: var(--body-font);
  --gf-ctrl-bg-color: #ffffff;
  --gf-ctrl-border-color: rgba(255, 255, 255, 0.28);
  --gf-ctrl-border-color-focus: var(--green-clr);
  --gf-ctrl-border-radius: 0;
  --gf-ctrl-color: var(--black-clr);
  --gf-ctrl-label-color-primary: var(--white-clr);
  --gf-ctrl-label-color-secondary: var(--soft-gray);
  --gf-ctrl-size: 52px;
  --gf-color-primary: var(--green-clr);
  --gf-color-primary-darker: var(--orange-clr);
  --gf-form-gap-y: 20px;
}

.contact-page .gform_heading,
.contact-page .gform_required_legend {
  display: none;
}

.contact-page .gfield_label,
.contact-page .gform-field-label {
  color: var(--white-clr) !important;
  font-family: var(--heading-font);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
}

.contact-page .contact-form-panel .gfield_label,
.contact-page .contact-form-panel .gform-field-label,
.contact-page .contact-form-panel .gform-field-label_text,
.contact-page .contact-form-panel legend.gfield_label,
.contact-page .contact-form-panel legend.gfield_label span {
  color: var(--white-clr) !important;
}

.contact-page .gfield_required,
.contact-page .gfield_required_text {
  color: var(--orange-clr);
}

.contact-page .ginput_complex {
  gap: 16px;
}

.contact-page .gfield_description,
.contact-page .ginput_complex label {
  color: var(--white-clr) !important;
  font-size: 14px;
  line-height: 1.35;
}

.contact-page input[type="text"],
.contact-page input[type="email"],
.contact-page input[type="tel"],
.contact-page input[type="url"],
.contact-page input[type="number"],
.contact-page input[type="password"],
.contact-page select,
.contact-page textarea {
  width: 100%;
  min-height: 52px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  background: var(--white-clr);
  color: var(--black-clr);
  font: inherit;
  line-height: 1.35;
  box-shadow: inset 0 1px 0 rgba(77, 40, 85, 0.04);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.contact-page textarea {
  min-height: 160px;
  resize: vertical;
}

.contact-page input:focus,
.contact-page select:focus,
.contact-page textarea:focus {
  outline: none;
  border-color: var(--green-clr);
  box-shadow: 0 0 0 4px rgba(89, 186, 70, 0.18);
}

.contact-page .gform_button,
.contact-page .button,
.contact-page .gform_wrapper .gform_footer button[type="submit"],
.contact-page .gform_wrapper .gform_footer input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  min-width: 0;
  padding: 20px 30px;
  border: 0 !important;
  background: var(--green-clr) !important;
  color: var(--white-clr) !important;
  cursor: pointer;
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: var(--design-shadow);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1608);
  transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.contact-page .gform_button:hover,
.contact-page .gform_button:focus,
.contact-page .button:hover,
.contact-page .button:focus,
.contact-page .gform_wrapper .gform_footer button[type="submit"]:hover,
.contact-page .gform_wrapper .gform_footer button[type="submit"]:focus,
.contact-page .gform_wrapper .gform_footer input[type="submit"]:hover,
.contact-page .gform_wrapper .gform_footer input[type="submit"]:focus {
  background: #8BCF7E !important;
  box-shadow: 0 9px 14px rgba(0, 0, 0, 0.24);
  transform: translateY(-1px);
}

.contact-page .gform_footer {
  margin-top: 28px;
  padding-top: 0;
}

.contact-page .gform_validation_errors,
.contact-page .validation_message {
  padding: 16px 18px;
  background: rgba(245, 131, 34, 0.14);
  border-left: 5px solid var(--orange-clr);
  color: var(--white-clr);
  font-weight: 700;
}

.contact-page .gform_confirmation_message {
  padding: 24px;
  background: rgba(255, 255, 255, 0.14);
  color: var(--white-clr);
  font-family: var(--heading-font);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}

.privacy-policy-card {
  padding: 52px;
  background: var(--soft-gray);
  border-top: 8px solid var(--secondary-clr);
  box-shadow: var(--design-shadow);
}

.privacy-policy-card .section-copy {
  max-width: 900px;
  margin-bottom: 38px;
}

.policy-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}

.policy-detail {
  padding: 34px 30px;
  background: var(--white-clr);
  box-shadow: var(--design-shadow);
}

.policy-detail span {
  display: grid;
  width: 62px;
  height: 62px;
  margin-bottom: 20px;
  place-items: center;
  background: var(--green-clr);
  border-radius: 50%;
  color: var(--white-clr);
  font-size: 25px;
}

.policy-detail h3 {
  margin-bottom: 14px;
  color: var(--primary-clr);
  font-family: var(--heading-font);
  font-size: 27px;
  font-weight: 600;
  line-height: 1.08;
}

.policy-detail p {
  color: var(--body-gray);
  line-height: 1.45;
}

.success-stories-heading-wrap {
  max-width: 980px;
  margin: 0 auto 52px;
  text-align: center;
}

.success-stories-heading-wrap .section-description {
  color: var(--primary-clr);
  font-family: var(--heading-font);
  font-size: 22px;
  font-weight: 600;
}

.success-stories-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}

.success-story-card {
  display: grid;
  min-height: 100%;
  background: var(--soft-gray);
  box-shadow: var(--design-shadow);
}

.success-story-image {
  display: block;
  aspect-ratio: 1.48 / 1;
  overflow: hidden;
  background: var(--primary-clr);
}

.success-story-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.success-story-card:hover .success-story-image img {
  transform: scale(1.04);
}

.success-story-card-content {
  align-content: start;
  display: grid;
  gap: 16px;
  padding: 30px 28px 32px;
  text-align: center;
}

.success-story-card h2 {
  color: var(--primary-clr);
  font-family: var(--heading-font);
  font-size: 30px;
  font-weight: 600;
  line-height: 1.08;
}

.success-story-card p {
  color: var(--body-gray);
  line-height: 1.4;
}

.success-story-card .btn {
  justify-self: center;
  margin-top: 4px;
}

.single-success-story-layout {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 540px);
  gap: 78px;
}

.single-success-story-copy {
  max-width: 780px;
}

.story-back-link {
  display: inline-flex;
  margin-bottom: 22px;
  color: var(--blue-clr);
  font-family: var(--heading-font);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-transform: uppercase;
}

.story-back-link:hover,
.story-back-link:focus {
  color: var(--secondary-clr);
}

.single-success-story-media {
  background: var(--primary-clr);
  box-shadow: var(--media-shadow);
}

.single-success-story-media img {
  width: 100%;
  aspect-ratio: 1.32 / 1;
  object-fit: cover;
}

.single-success-story-media figcaption {
  padding: 18px 22px;
  color: var(--white-clr);
  font-family: var(--heading-font);
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
}

.about-goals {
  background: var(--white-clr);
  clip-path: polygon(0 4%, 100% 0, 100% 96%, 0 100%);
  margin-bottom: -48px;
  padding-top: 150px;
  padding-bottom: 150px;
}

.goals-layout {
  display: grid;
  grid-template-columns: minmax(300px, 420px) minmax(0, 1fr);
  gap: 76px;
  align-items: start;
}

.goal-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.goal-list li {
  position: relative;
  min-height: 118px;
  padding: 28px 26px 28px 54px;
  background: var(--soft-gray);
  box-shadow: var(--design-shadow);
  color: var(--body-gray);
  font-weight: 600;
  line-height: 1.38;
}

.goal-list li::before {
  content: "";
  position: absolute;
  left: 26px;
  top: 34px;
  width: 11px;
  height: 11px;
  background: var(--green-clr);
  border-radius: 50%;
}

.about-involved {
  background: var(--tertiary-clr);
  clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 94%);
  padding-top: 150px;
  padding-bottom: 150px;
}

.about-involved-content {
  max-width: 920px;
  margin: 0 auto;
  text-align: center;
}

.about-involved .button-group {
  justify-content: center;
  margin-top: 30px;
}

.leadership-section {
  background: var(--white-clr);
  padding-top: 150px;
}

.trustee-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
}

.trustee-card,
.member-card {
  background: var(--soft-gray);
  box-shadow: var(--design-shadow);
}

.trustee-card {
  padding: 34px 28px;
  text-align: center;
}

.trustee-avatar {
  display: grid;
  width: 66px;
  height: 66px;
  margin: 0 auto 20px;
  place-items: center;
  background: var(--tertiary-clr);
  border-radius: 50%;
  color: var(--primary-clr);
  font-size: 27px;
}

.trustee-card h3,
.member-card h3 {
  margin-bottom: 9px;
  color: var(--primary-clr);
  font-family: var(--heading-font);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.08;
}

.trustee-card p,
.member-card p {
  color: var(--body-gray);
  line-height: 1.35;
}

.trustee-role {
  color: var(--secondary-clr) !important;
  font-family: var(--heading-font);
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}

.members-block {
  margin-top: 72px;
}

.member-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.member-card {
  padding: 24px 22px;
}

.emeritus-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.application-form-section {
  background: var(--white-clr);
  overflow: visible;
  padding-bottom: 150px;
}

.application-form-layout {
  align-items: start;
  display: grid;
  grid-template-columns: minmax(280px, 350px) minmax(0, 1fr);
  gap: 42px;
}

.application-info-card {
  align-self: start;
  position: sticky;
  top: 24px;
  z-index: 2;
  padding: 34px 30px;
  background: var(--primary-clr);
  box-shadow: var(--media-shadow);
  color: var(--white-clr);
}

.animation-ready .application-info-card[data-animate] {
  opacity: 1;
  transform: none;
  transition: none;
}

.form-back-link {
  display: inline-flex;
  margin-bottom: 24px;
  color: var(--tertiary-clr);
  font-family: var(--heading-font);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
}

.form-back-link:hover,
.form-back-link:focus {
  color: var(--white-clr);
}

.application-info-card span {
  display: grid;
  width: 68px;
  height: 68px;
  margin-bottom: 22px;
  place-items: center;
  background: var(--green-clr);
  border-radius: 50%;
  color: var(--white-clr);
  font-size: 28px;
}

.application-info-card h2 {
  margin-bottom: 18px;
  color: var(--white-clr);
  font-family: var(--heading-font);
  font-size: 31px;
  font-weight: 600;
  line-height: 1.08;
}

.application-info-card p,
.application-info-card li {
  color: var(--white-clr);
  line-height: 1.45;
}

.application-info-card ul {
  display: grid;
  gap: 10px;
  margin-top: 22px;
}

.application-info-card li {
  position: relative;
  padding-left: 22px;
  font-family: var(--heading-font);
  font-weight: 600;
}

.application-info-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.58em;
  width: 8px;
  height: 8px;
  background: var(--orange-clr);
  border-radius: 50%;
}

.gravity-form-panel {
  position: relative;
  padding: 46px;
  background: var(--white-clr);
  border-top: 8px solid var(--secondary-clr);
  box-shadow: 0 22px 54px rgba(77, 40, 85, 0.16);
}

.animation-ready .gravity-form-panel[data-animate] {
  opacity: 1;
  transform: none;
  transition: none;
}

.application-form-page .gravity-form-panel,
.application-form-page .gravity-form-panel form,
.application-form-page .gform_wrapper {
  opacity: 1 !important;
  visibility: visible !important;
}

.application-form-page .gform_wrapper {
  margin: 0;
  color: var(--body-gray);
  font-family: var(--body-font);
  --gf-ctrl-bg-color: #ffffff;
  --gf-ctrl-border-color: rgba(77, 40, 85, 0.26);
  --gf-ctrl-border-color-focus: var(--blue-clr);
  --gf-ctrl-border-radius: 0;
  --gf-ctrl-color: var(--body-gray);
  --gf-ctrl-label-color-primary: var(--primary-clr);
  --gf-ctrl-label-color-secondary: var(--body-gray);
  --gf-ctrl-size: 52px;
  --gf-color-primary: var(--green-clr);
  --gf-color-primary-darker: var(--orange-clr);
  --gf-form-gap-y: 24px;
}

.application-form-page .gform_heading,
.application-form-page .gform_required_legend {
  display: none;
}

.application-form-page .gform_fields {
  row-gap: 24px;
}

.application-form-page .gsection {
  margin: 34px 0 10px;
  display: grid;
  align-content: center;
  min-height: 82px;
  padding: 22px 30px 22px 12px !important;
  background: rgba(209, 182, 215, 0.24);
  border-left: 7px solid var(--secondary-clr);
}

.application-form-page .gform_fields > .gsection:first-child {
  margin-top: 0;
}

.application-form-page .gsection_title {
  color: var(--primary-clr);
  font-family: var(--heading-font);
  font-size: 30px;
  font-weight: 600;
  line-height: 1.1;
  margin: 0;
  padding: 0;
}

.application-form-page .gfield_label,
.application-form-page .gform-field-label {
  color: var(--primary-clr);
  font-family: var(--heading-font);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
}

.application-form-page .gfield_required,
.application-form-page .gfield_required_text {
  color: var(--orange-clr);
}

.application-form-page .gfield_description,
.application-form-page .ginput_complex label,
.application-form-page .gfield_checkbox label,
.application-form-page .gfield_radio label,
.application-form-page .gform_fileupload_rules {
  color: var(--body-gray);
  font-size: 14px;
  line-height: 1.35;
}

.application-form-page .gfield {
  padding: 0;
}

.application-form-page .ginput_complex {
  gap: 16px;
}

.application-form-page input[type="text"],
.application-form-page input[type="email"],
.application-form-page input[type="tel"],
.application-form-page input[type="url"],
.application-form-page input[type="number"],
.application-form-page input[type="password"],
.application-form-page select,
.application-form-page textarea {
  width: 100%;
  min-height: 52px;
  padding: 14px 16px;
  border: 1px solid rgba(77, 40, 85, 0.26);
  background: #ffffff;
  color: var(--body-gray);
  font: inherit;
  line-height: 1.35;
  box-shadow: inset 0 1px 0 rgba(77, 40, 85, 0.04);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.application-form-page textarea {
  min-height: 150px;
  resize: vertical;
}

.application-form-page input:focus,
.application-form-page select:focus,
.application-form-page textarea:focus {
  outline: none;
  border-color: var(--blue-clr);
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(0, 121, 192, 0.14);
}

.application-form-page .gchoice,
.application-form-page .gfield_checkbox,
.application-form-page .gfield_radio {
  display: grid;
  gap: 12px;
}

.application-form-page .gchoice {
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 12px;
  padding: 10px 12px;
  background: rgba(209, 182, 215, 0.14);
  border: 1px solid rgba(77, 40, 85, 0.1);
}

.application-form-page input[type="checkbox"],
.application-form-page input[type="radio"] {
  width: 19px;
  height: 19px;
  margin-top: 2px;
  accent-color: var(--green-clr);
}

.application-form-page .gfield--type-fileupload .ginput_container,
.application-form-page .gform_drop_area {
  padding: 26px;
  border: 2px dashed rgba(77, 40, 85, 0.28);
  background: rgba(209, 182, 215, 0.16);
}

.application-form-page .gform_button_select_files,
.application-form-page .gform_button,
.application-form-page .button,
.application-form-page .gform_wrapper .gform_footer button[type="submit"],
.application-form-page .gform_wrapper .gform_footer input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  min-width: 0;
  padding: 20px 30px;
  border: 0 !important;
  background: var(--green-clr) !important;
  color: var(--white-clr) !important;
  cursor: pointer;
  font-family: var(--heading-font);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: var(--design-shadow);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1608);
  transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.application-form-page .gform_button:hover,
.application-form-page .gform_button:focus,
.application-form-page .button:hover,
.application-form-page .button:focus,
.application-form-page .gform_wrapper .gform_footer button[type="submit"]:hover,
.application-form-page .gform_wrapper .gform_footer button[type="submit"]:focus,
.application-form-page .gform_wrapper .gform_footer input[type="submit"]:hover,
.application-form-page .gform_wrapper .gform_footer input[type="submit"]:focus {
  background: #8BCF7E !important;
  box-shadow: 0 9px 14px rgba(0, 0, 0, 0.24);
  transform: translateY(-1px);
}

.application-form-page .gform_footer,
.application-form-page .gform-page-footer {
  margin-top: 38px;
  padding-top: 28px;
  border-top: 1px solid rgba(77, 40, 85, 0.14);
}

.application-form-page .gform_validation_errors,
.application-form-page .validation_message {
  padding: 16px 18px;
  background: rgba(245, 131, 34, 0.13);
  border-left: 5px solid var(--orange-clr);
  color: var(--primary-clr);
  font-weight: 700;
}

.application-form-page .gfield_error input,
.application-form-page .gfield_error select,
.application-form-page .gfield_error textarea {
  border-color: var(--orange-clr);
}

.application-form-page .gform_confirmation_message {
  padding: 28px;
  background: var(--tertiary-clr);
  color: var(--primary-clr);
  font-family: var(--heading-font);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}

.registration-page {
  background: var(--white-clr);
}

.registration-hero {
  display: flex;
  align-items: center;
  min-height: 560px;
  margin-top: -38px;
  padding: 150px 0 150px;
  background-color: var(--primary-clr);
  background-position: center;
  background-size: cover;
}

.registration-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(77, 40, 85, 0.72), rgba(0, 121, 192, 0.24)),
    linear-gradient(rgba(27, 30, 32, 0.16), rgba(27, 30, 32, 0.34));
  pointer-events: none;
}

.registration-hero .container {
  position: relative;
  z-index: 2;
}

.registration-hero-copy {
  max-width: 980px;
  margin: 0 auto;
  padding-top: 32px;
  text-align: center;
}

.registration-hero .inner-kicker,
.registration-hero .hero-heading,
.registration-hero .inner-hero-subtitle {
  text-align: center;
}

.registration-hero .inner-hero-subtitle {
  margin-right: auto;
  margin-left: auto;
}

.registration-form-section {
  padding-top: 150px;
  padding-bottom: 150px;
  background:
    linear-gradient(180deg, rgba(209, 182, 215, 0.28), rgba(255, 251, 248, 0) 230px),
    var(--white-clr);
  overflow: visible;
}

.registration-form-wrap {
  max-width: 1060px;
  margin: 0 auto;
}

.registration-heading {
  max-width: 720px;
  margin: 0 auto 34px;
  text-align: center;
}

.registration-heading .inner-kicker {
  color: var(--orange-clr);
  text-shadow: none;
}

.registration-heading .section-heading {
  margin-bottom: 0;
}

.registration-form-panel {
  padding: 52px;
  border-top-color: var(--orange-clr);
}

.registration-page .gform_wrapper ul,
.registration-page .gform_wrapper li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.registration-page .gform_legacy_markup_wrapper .gform_fields {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 24px;
}

.registration-page .gform_legacy_markup_wrapper .gfield,
.registration-page .gform_legacy_markup_wrapper .gsection {
  grid-column: span 12;
}

.registration-page .gform_legacy_markup_wrapper .gf_left_half,
.registration-page .gform_legacy_markup_wrapper .gf_right_half {
  grid-column: span 6;
}

.registration-page .gform-grid-row,
.registration-page .ginput_complex {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.registration-page .ginput_full,
.registration-page .ginput_left,
.registration-page .ginput_right,
.registration-page .name_first,
.registration-page .name_last,
.registration-page .address_line_1,
.registration-page .address_line_2,
.registration-page .address_city,
.registration-page .address_state,
.registration-page .address_zip,
.registration-page .address_country {
  display: block;
  width: 100%;
}

.registration-page .address_line_1,
.registration-page .address_line_2,
.registration-page .address_country {
  grid-column: 1 / -1;
}

.registration-page .gform_validation_container,
.registration-page .gform_hidden,
.registration-page .gfield_visibility_hidden,
.registration-page .admin-hidden-markup,
.registration-page .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.registration-page .gfield_price,
.registration-page .gfield--type-product {
  padding: 22px;
  background: rgba(209, 182, 215, 0.16);
  border: 1px solid rgba(77, 40, 85, 0.14);
  box-shadow: 0 12px 28px rgba(77, 40, 85, 0.07);
}

.registration-page .gfield_price .gfield_label,
.registration-page .gfield--type-product .gfield_label {
  display: block;
  margin-bottom: 10px;
  color: var(--primary-clr);
  font-size: 18px;
}

.registration-page .gfield_price .gfield_description,
.registration-page .gfield--type-product .gfield_description {
  margin-top: 12px;
}

.registration-page .gfield_description ul {
  display: grid;
  gap: 7px;
  margin-top: 8px;
}

.registration-page .gfield_description li {
  position: relative;
  padding-left: 18px;
  line-height: 1.42;
}

.registration-page .gfield_description li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 7px;
  height: 7px;
  background: var(--green-clr);
  border-radius: 50%;
}

.registration-page .ginput_product_price,
.registration-page .ginput_total,
.registration-page .gform-text-input-reset[readonly] {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--orange-clr);
  font-family: var(--heading-font);
  font-size: 24px;
  font-weight: 700;
}

.registration-page .ginput_product_price:focus,
.registration-page .ginput_total:focus,
.registration-page .gform-text-input-reset[readonly]:focus {
  box-shadow: none;
}

.registration-page .gfield_total {
  padding: 28px 30px;
  background: var(--primary-clr);
  border: 0;
  color: var(--white-clr);
}

.registration-page .gfield_total .gfield_label,
.registration-page .gfield_total .gfield_label *,
.registration-page .gfield_total .ginput_container,
.registration-page .gfield_total .ginput_container *,
.registration-page .gfield_total .ginput_total,
.registration-page .gfield_total .gform-text-input-reset[readonly],
.registration-page .gfield_total input,
.registration-page .gfield_total output,
.registration-page .gfield_total span {
  color: var(--white-clr) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--white-clr) !important;
}

.registration-page .gfield_total .gfield_label {
  margin-bottom: 12px;
  color: var(--white-clr) !important;
  font-size: 24px;
  line-height: 1.1;
}

.registration-page .gfield_total .ginput_total,
.registration-page .gfield_total .gform-text-input-reset[readonly],
.registration-page .gfield_total input,
.registration-page .gfield_total output,
.registration-page .gfield_total span {
  font-family: var(--heading-font);
  font-size: 36px !important;
  font-weight: 700;
  line-height: 1.05;
  text-shadow: var(--design-shadow);
}

.registration-page .gfield_quantity {
  align-self: end;
}

@media only screen and (max-width: 1199px) {
  .get-involved-split,
  .donate-split,
  .volunteer-split,
  .about-split,
  .grant-application-layout,
  .resources-layout,
  .contact-page-layout,
  .single-success-story-layout,
  .camp-scholarship-layout {
    grid-template-columns: 1fr;
    gap: 54px;
  }

  .get-involved-split .section-copy,
  .donate-split .section-copy,
  .volunteer-split .section-copy,
  .about-split .section-copy,
  .grant-application-layout .section-copy,
  .resources-layout .section-copy,
  .contact-info-panel .section-copy,
  .single-success-story-copy {
    max-width: 840px;
  }

  .get-involved-media,
  .volunteer-media,
  .about-media {
    max-width: 620px;
  }

  .purpose-grid,
  .goals-layout {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .application-form-layout {
    grid-template-columns: 1fr;
  }

  .registration-form-wrap {
    max-width: 900px;
  }

  .application-info-card {
    position: static;
  }

  .trustee-grid,
  .emeritus-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .opportunity-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .resource-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .success-stories-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 1023px) {
  .inner-hero {
    min-height: 360px;
  }

  .get-involved-intro,
  .donate-intro,
  .volunteer-intro,
  .about-overview,
  .grant-intro,
  .resources-intro,
  .contact-main,
  .privacy-content-section,
  .success-stories-intro,
  .single-success-story-content,
  .why-volunteer,
  .volunteer-opportunities,
  .foundation-purpose,
  .about-goals,
  .about-involved,
  .camp-scholarship-section,
  .resources-directory {
    /*margin-bottom: -34px;*/
    padding-bottom: 120px;
  }

  .application-form-section {
    padding-bottom: 120px;
  }

  .registration-hero {
    min-height: 470px;
    padding: 126px 0 130px;
  }

  .registration-form-section {
    padding-top: 128px;
    padding-bottom: 120px;
  }

  .why-volunteer,
  .volunteer-opportunities,
  .foundation-purpose,
  .about-goals,
  .about-involved,
  .camp-scholarship-section,
  .resources-directory,
  .leadership-section {
    padding-top: 120px;
  }

  .opportunity-grid,
  .commitment-grid,
  .why-volunteer-grid,
  .goal-list,
  .member-grid,
  .resource-grid,
  .policy-detail-grid,
  .success-stories-grid,
  .trustee-grid {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 767px) {
  .inner-hero {
    min-height: 300px;
  }

  .inner-kicker {
    font-size: 15px;
  }

  .inner-hero-copy {
    padding-top: 26px;
  }

  .get-involved-media,
  .volunteer-media,
  .about-media {
    min-height: 370px;
  }

  .get-involved-photo,
  .volunteer-photo,
  .about-photo {
    width: 86%;
    height: 300px;
  }

  .get-involved-note,
  .volunteer-note,
  .about-stat-card {
    min-height: 145px;
    width: 190px;
    padding: 22px;
    font-size: 18px;
  }

  .about-stat-card strong {
    font-size: 38px;
  }

  .about-stat-card span {
    font-size: 14px;
  }

  .donation-impact-card,
  .commitment-grid article,
  .opportunity-card,
  .grant-guidance-card,
  .camp-scholarship-card,
  .resource-disclaimer-card,
  .resource-card,
  .contact-form-panel,
  .privacy-policy-card,
  .policy-detail,
  .success-story-card-content,
  .about-card,
  .mission-card,
  .trustee-card,
  .member-card,
  .application-info-card,
  .gravity-form-panel {
    padding: 28px 22px;
  }

  .application-form-page .gsection_title {
    font-size: 25px;
  }

  .application-form-page .gform_fields {
    row-gap: 18px;
  }

  .registration-form-panel {
    padding: 30px 22px;
  }

  .registration-page .gform_legacy_markup_wrapper .gform_fields,
  .registration-page .gform-grid-row,
  .registration-page .ginput_complex {
    grid-template-columns: 1fr;
  }

  .registration-page .gform_legacy_markup_wrapper .gf_left_half,
  .registration-page .gform_legacy_markup_wrapper .gf_right_half,
  .registration-page .address_line_1,
  .registration-page .address_line_2,
  .registration-page .address_city,
  .registration-page .address_state,
  .registration-page .address_zip,
  .registration-page .address_country {
    grid-column: 1 / -1;
  }

  .registration-page .gfield_price,
  .registration-page .gfield--type-product,
  .registration-page .gfield_total {
    padding: 18px;
  }
  
  .registration-page .gfield_total .gfield_label {
      font-size: 21px;
    }
    
    .registration-page .gfield_total .ginput_total,
    .registration-page .gfield_total .gform-text-input-reset[readonly],
    .registration-page .gfield_total input,
    .registration-page .gfield_total output,
    .registration-page .gfield_total span {
      font-size: 30px !important;
    }

  .foundation-purpose h2 {
    font-size: 32px;
  }

  .application-button-grid {
    grid-template-columns: 1fr;
  }

  .goal-list li {
    min-height: 0;
    padding: 24px 22px 24px 46px;
  }

  .goal-list li::before {
    left: 22px;
    top: 30px;
  }

  .donation-impact-card h2 {
    font-size: 28px;
  }

  .why-volunteer,
  .foundation-purpose,
  .about-involved,
  .camp-scholarship-section,
  .resources-directory {
    clip-path: polygon(0 2%, 100% 0, 100% 100%, 0 98%);
  }

  .get-involved-intro,
  .donate-intro,
  .volunteer-intro,
  .about-overview,
  .grant-intro,
  .resources-intro,
  .contact-main,
  .single-success-story-content {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    margin-bottom: -24px;
    padding-bottom: 92px;
  }

  .volunteer-opportunities,
  .about-goals {
    clip-path: polygon(0 3%, 100% 0, 100% 100%, 0 100%);
    margin-bottom: -24px;
    padding-bottom: 92px;
  }

  .why-volunteer,
  .volunteer-opportunities,
  .foundation-purpose,
  .about-goals,
  .about-involved,
  .camp-scholarship-section,
  .resources-directory,
  .leadership-section {
    padding-top: 92px;
  }

  .resources-heading-wrap {
    text-align: left;
  }

  .inner-hero-subtitle {
    font-size: 18px;
  }

  .contact-method-list li {
    grid-template-columns: 42px 1fr;
    font-size: 17px;
  }

  .contact-method-list span {
    width: 42px;
    height: 42px;
    font-size: 17px;
  }

  .contact-map-card,
  .contact-map-card iframe {
    min-height: 240px;
    height: 240px;
  }

  .contact-form-panel h2 {
    font-size: 28px;
  }

  .success-stories-heading-wrap {
    text-align: left;
  }

  .success-stories-heading-wrap .section-description {
    font-size: 18px;
  }

  .success-story-card-content {
    text-align: left;
  }

  .success-story-card .btn {
    justify-self: stretch;
  }

  .single-success-story-media img {
    aspect-ratio: 1.2 / 1;
  }
}
