/*
Theme Name: JCC NJ Child
Theme URI: https://nlsoftworks.com/
Description: Child theme for the NLS Blocks theme.
Author: NL Softworks
Author URI: https://nlsoftworks.com/
Template: nls-blocks-theme
Version: 1.0.691
*/

.nls-ecar__time {
  color: #fab635;
  font-weight: 900;
}
.activity-template-default .main-header, .page-id-12753 .main-header {
  background-color: #ff290bc9 !important;
}

.page-id-860 .footer-statement, .page-id-3331 .footer-statement {
  display: none;
}
.staff-custom-section > div {
  z-index: 1 !important;
}
.staff-custom-section {
      max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}
.nls-alb-grid .nls-alb-card__session {
  max-width: 350px;
}

.page-id-10825 .tiyulim-right-pink {
  top: -120px;
}
.page-id-10962 .wp-elements-30, .page-id-10836 .wp-custom-css-2e8073ee, .page-id-10836 .wp-container-core-group-is-layout-e69f5087, .nls-graffiti-text, .page-id-10950 .wp-container-core-columns-is-layout-4f9ec61a, .wp-container-core-group-is-layout-e69f5087, .page-id-10954 .wp-elements-30, .wp-container-core-columns-is-layout-7387b849 {
  z-index: 9999 !important;
}
.speciality-games-main > .wp-block-columns .wp-block-column > p:nth-of-type(3) {
    max-width: 800px;
}
.theres-more-images img {
  max-height: 171px !important;
}
.wp-custom-css-13153aac {
    position: relative;
}

.wp-custom-css-13153aac::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background: linear-gradient(
        183deg,
        #EFEA92 -15.13%,
        #DFF2FB 55.39%,
        rgba(43, 79, 165, 0) 94.09%
    );

    mix-blend-mode: lighten;
}

.wp-custom-css-13153aac > * {
    position: relative;
    z-index: 1;
}

.wp-custom-css-d3153aac {
    position: relative;
}

.wp-custom-css-d3153aac::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background: linear-gradient(
        180deg,
        #EFEA92 -18.16%,
        #DFF2FB 65.35%,
        rgba(252, 253, 255, 0) 100%
    );

    mix-blend-mode: lighten;
}

.wp-custom-css-d3153aac > * {
    position: relative;
    z-index: 1;
}

.beige-gradiant-bottom {
  position: relative;
  isolation: isolate;
}

.beige-gradiant-bottom::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 30%;
  background: linear-gradient(
    to bottom,
    rgba(237, 237, 177, 0) 0%,
    #ededb1 100%
  );
  pointer-events: none;
  z-index: 0;
}

.beige-gradiant-bottom > * {
  position: relative;
  z-index: 1;
}

.white-gradiant-bottom {
  position: relative;
  isolation: isolate;
}

.white-gradiant-bottom::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 35%;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.6) 60%,
    #fff 100%
  );
  pointer-events: none;
  z-index: 0;
}

.white-gradiant-bottom > * {
  position: relative;
  z-index: 1;
}

.white-gradient-top-bottom {
  position: relative;
}

/* Yellow overlay */
.white-gradient-top-bottom::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(239, 234, 146, 1);
  mix-blend-mode: lighten;
  pointer-events: none;
  z-index: 0;
}

/* White fade on top AND bottom */
.white-gradient-top-bottom::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;

  background:
    /* Top white fade */
    linear-gradient(
      to bottom,
      #fff 0%,
      rgba(255, 255, 255, 0.6) 12%,
      rgba(255, 255, 255, 0) 35%
    ),

    /* Bottom white fade */
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0) 65%,
      rgba(255, 255, 255, 0.6) 88%,
      #fff 100%
    );
}

/* Keep content above overlays */
.white-gradient-top-bottom > * {
  position: relative;
  z-index: 1;
}

.faq-employment-section .custom-faq details {
  border-radius: 0px;
}
.faq-employment-section summary {
  justify-content: center !important;
}
.nls-staff-block__info p {
  margin: 0px;
}
.nls-tabs-panel.is-active {
  max-width: 1400px;
  margin: 0 auto;
}
body:not(.wp-admin):not(.editor-styles-wrapper)
.wp-block-button__link:not([href]) {
	cursor: default;
	pointer-events: none;
}
.mobile-search-link {
  color: black !important;
    text-align: end !important;
    padding-right: 15px !important;
}
#wp-block-search__input-3 {
  padding-left: 24px;
}
#input_1_1 {
  font-size: 16px;
}
#gform_confirmation_message_1 {
  color: white !important;
}
.remove-events-filter .nls-ec-filterbar {
  display: none !important;
}
.tax-activity_program .line {
  line-height: 1.2;
}
.nls-staff-block__card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.nls-staff-block__photo-wrap {
  flex-shrink: 0;
}

.nls-staff-block__info {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Keeps the email icon aligned at the bottom
.nls-staff-block__info > p:last-child {
  margin-top: auto;
} */
.nls-staff-block__info p {
  width: 200px;
}
.is-category-selected.wp-block-nls-activities-lessons {
  grid-template-columns: none !important;
}
.custom-li-image figure {
  display: flex;
}
.event-description {
  font-size: 16px;
}
.custom-faq details {
  border-radius: 38px;
}
.wp-block-nls-shaped-background-section.nls-shaped-background-section {
    clip-path: url("#nls-shaped-background-clip-7");
    -webkit-clip-path: url("#nls-shaped-background-clip-7");
}

@media (max-width: 1250px) {
.employment-faq.our-stuff .wp-block-nls-custom-content-two-column-section .custom-two-col-text 
{
  max-width: 430px !important;
}
}
@media (max-width: 1250px) and (min-width: 1100px) {
  .employment-faq.our-stuff .wp-block-nls-custom-content-two-column-section .custom-two-col-bg .custom-two-col-outline-1, .employment-faq.our-stuff .wp-block-nls-custom-content-two-column-section .custom-two-col-bg .custom-two-col-outline-2 {
  top: 20% !important;
}
}
.employment-faq.our-stuff .wp-block-nls-custom-content-two-column-section .custom-two-col-wrapper.is-reversed .custom-two-col-text {
  padding-right: 0px !important;
}
.employment-faq.our-stuff .custom-two-col-bg {
  padding: 0 40px;
}
.block-editor-page:not(.post-type-page) .nls-alb-main {
  max-width: 100% !important;
  width: 840px !important;
}
.block-editor-page .editor-styles-wrapper {
  background-color: #F5F6F1 !important;
}
.block-editor-page .custom-two-col-wrapper, .block-editor-page
.custom-two-col-bg {
    overflow: visible !important;
}
.block-editor-page:not(.post-type-page) div.block-editor-block-list__block {
  max-width: 1100px !important;
  margin: 0 auto !important;
}
.block-editor-page .wp-block-nls-custom-content-two-column-section {
  max-width: 1200px;
}

.block-editor-page .custom-two-col-editor .custom-two-col-content {
  padding: 0px !important;
}
.footer-logo {
  width: 200px;
}
.vc-description {
  padding: 0 15px;
}
#opacity0 {
  opacity: 0 !important;
}
.custom-youtube-video-size iframe {
  width: 100%;
  height: 500px;
  border-radius: 20px;
}
.vc-video-box img {
  aspect-ratio: 3/2;
}
.custom-top-padding40 .custom-two-col-text {
    padding-top: 40px;
}
.wp-container-core-columns-is-layout-8b16fdfa summary {
  font-weight: 600;
}

#impact-report img {
  height: auto !important;
}
.line {
  display: block;
  line-height: 0.2;
}
.remove-empty-br br, .featured-events-tabs br {
  display: none !important;
}
.main-youtube-video iframe {
  height: 700px;
  border-radius: 20px;
}
.custom-videos-carousel {
  --carousel-gap: 24px;
  --videos-visible: 3;
  position: relative;
  display: block !important;
  overflow: visible;
  padding: 0 56px;
}

.custom-videos-carousel__viewport {
  overflow: hidden;
  width: 100%;
}

.custom-videos-carousel__track {
  display: flex;
  gap: var(--carousel-gap);
  transition: transform 0.35s ease;
  will-change: transform;
}

.custom-videos-carousel .wp-block-column,
.custom-videos-carousel__slide {
  flex: 0 0 calc((100% - (var(--carousel-gap) * (var(--videos-visible) - 1))) / var(--videos-visible));
  max-width: calc((100% - (var(--carousel-gap) * (var(--videos-visible) - 1))) / var(--videos-visible));
  box-sizing: border-box;
}

.custom-videos-carousel iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  border: 0;
  border-radius: 10px;
}

.custom-videos-carousel__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border: 0;
  padding: 0;
  border-radius: 999px;
  background: transparent;
  background-image: url("/wp-content/uploads/2026/03/video-carousel-arrow.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  z-index: 5;
  font-size: 0;
  line-height: 0;
}

.custom-videos-carousel__btn:disabled {
  opacity: 0.35;
  cursor: default;
}


.custom-videos-carousel__btn--prev {
  left: 40px;
   transform: translateY(-50%) rotate(180deg);
}

.custom-videos-carousel__btn--next {
  right: 40px;
}

@media (max-width: 1024px) {
  .custom-videos-carousel {
    --videos-visible: 2;
  }
}

@media (max-width: 640px) {
  .main-hero h2 {
    font-size: 45px !important;
  }
  .main-youtube-video iframe {
    height: 350px !important;
  }
  .custom-videos-carousel {
    --videos-visible: 1;
    padding: 0 44px;
  }
}

.table-content details summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  list-style: none; /* helps remove default marker in some browsers */
}

.table-content details summary::-webkit-details-marker {
  display: none; /* Chrome / Safari */
}

.table-content details summary::after {
  content: "+";
  font-size: 24px;
  line-height: 1;
  margin-left: 16px;
}

.table-content details[open] summary::after {
  content: "−";
}
.table-content {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.jcc-tuition-table {
  margin: 0;
  width: 100%;
}

.jcc-tuition-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.25;
  color: #173a63;
  background: transparent;
}

.jcc-tuition-table table th,
.jcc-tuition-table table td {
  padding: 10px 14px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  vertical-align: middle;
}

.jcc-tuition-table table th:nth-child(1),
.jcc-tuition-table table td:nth-child(1) {
  width: 58%;
  text-align: left;
}

.jcc-tuition-table table th:nth-child(2),
.jcc-tuition-table table td:nth-child(2) {
  width: 16%;
  text-align: center;
}

.jcc-tuition-table table th:nth-child(3),
.jcc-tuition-table table td:nth-child(3),
.jcc-tuition-table table th:nth-child(4),
.jcc-tuition-table table td:nth-child(4) {
  width: 13%;
  text-align: center;
}

.jcc-tuition-table table tbody tr:first-child th {
  background: #026739;
  color: #fff;
  font-weight: 700;
  text-align: center;
}

.jcc-tuition-table table tbody tr:first-child th:first-child {
  text-align: left;
  border-top-left-radius: 6px;
}

.jcc-tuition-table table tbody tr:first-child th:last-child {
  border-top-right-radius: 6px;
  border-right: 0;
}

.jcc-tuition-table table tbody tr:nth-child(2) td,
.jcc-tuition-table table tbody tr:nth-child(9) td,
.jcc-tuition-table table tbody tr:nth-child(13) td,
.jcc-tuition-table table tbody tr:nth-child(17) td {
  background: #026739;
  color: #fff;
  font-weight: 700;
  text-align: left;
  border-right: 0;
  padding: 9px 14px;
}

.jcc-tuition-table table tbody tr td:nth-child(3),
.jcc-tuition-table table tbody tr td:nth-child(4) {
  color: #4d2a7a;
  font-weight: 700;
}

/* Two Year Olds (light green) */
.jcc-tuition-table table tbody tr:nth-child(3) td,
.jcc-tuition-table table tbody tr:nth-child(14) td {
  background: #cbe4ab;
}

/* Three Year Olds (yellow-green) */
.jcc-tuition-table table tbody tr:nth-child(4) td,
.jcc-tuition-table table tbody tr:nth-child(15) td {
  background: #eff6b8;
}

/* Four Year Olds (cream) */
.jcc-tuition-table table tbody tr:nth-child(5) td,
.jcc-tuition-table table tbody tr:nth-child(16) td {
  background: #f6efe0;
}

/* Transitional Kindergarten / Bridges (light gray) */
.jcc-tuition-table table tbody tr:nth-child(6) td {
  background: #eaebe7;
}

/* Early Arrival / Late Stay (tan) */
.jcc-tuition-table table tbody tr:nth-child(7) td,
.jcc-tuition-table table tbody tr:nth-child(8) td,
.jcc-tuition-table table tbody tr:nth-child(11) td,
.jcc-tuition-table table tbody tr:nth-child(12) td,
.jcc-tuition-table table tbody tr:nth-child(19) td,
.jcc-tuition-table table tbody tr:nth-child(20) td {
  background: #e8dfce;
}

/* Infant/Toddler (pale yellow) */
.jcc-tuition-table table tbody tr:nth-child(10) td,
.jcc-tuition-table table tbody tr:nth-child(18) td {
  background: #fffbe3;
}

.jcc-tuition-table table tr > *:last-child {
  border-right: 0;
}

.jcc-tuition-table table tbody tr:last-child td {
  border-bottom: 0;
}

/* Mobile/tablet horizontal scroll */
@media (max-width: 767px) {
  .footer-policy-links {
  display: block !important;
}
  .page-id-10957 .nls-pin-card-12 {
  bottom: 0px !important;
}
  .page-id-10950 .nls-pin-card-12, .page-id-10954 .nls-pin-card-12 {
  bottom: 0px !important;
}
  .nls-pin-card__card, .nls-pin-card__background {
     transform: rotate(0deg) !important;
  }
  .text-center-mobile p {
  text-align: center;
}
  .employment-faq details {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .nls-tabs-nav__button {
    margin-bottom: 5px;
  }
  .nls-donations-tabs-wrap .nls-tabs-panel.is-active {
    padding: 0px 20px !important;
  }
  .wp-image-6416, .wp-image-5952 {
    width: 100px;
  }
  .nls-csec__inner {
    padding: 20px !important;
  }
  .mobile-table-buttons .wp-block-group.is-nowrap.is-layout-flex {
  display: block;
  padding: 0px 16px;
  padding-left: 16px !important;
}
.faq-section-mobile-padding {
  padding: 20px !important;
}
  .line {
    line-height: 0.9;
  }
  .circle-images-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }
      .wp-block-nls-custom-content-two-column-section .custom-two-col-wrapper, .wp-block-nls-custom-content-two-column-section .custom-two-col-wrapper.is-reversed {
        padding: 36px 0px !important;
      }
  .main-hero .main-hero-content {
    padding-top: 150px !important;
    padding-bottom: 130px !important;
}
  .jcc-tuition-table {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    display: block;
    max-width: 100%;
  }

  .jcc-tuition-table table {
    min-width: 760px;
    width: 760px;
    table-layout: fixed;
    font-size: 13px;
  }

  .jcc-tuition-table table th,
  .jcc-tuition-table table td {
    padding: 9px 10px;
  }
}


.nls-alb-card__footer a br {
  display: none;
}

header a {
  text-decoration: none !important;
}

p:empty {
display: none !important;
}

.team-staff .wp-block-columns {
    align-items: stretch;
}

.team-staff .wp-block-columns > .wp-block-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.team-staff .wp-block-columns > .wp-block-column > .wp-block-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}

.team-staff .wp-block-columns > .wp-block-column > .wp-block-image:last-of-type {
    margin-top: auto;
}
/* Header row - first tr */
.wp-block-table table {
  table-layout: auto !important;
  width: 100%;
}

.wp-block-table {
  border-radius: 10px;
  overflow: hidden;
}

.wp-block-table table {
  table-layout: auto !important;
  width: 100%;
  border-collapse: collapse;
}

/* Header row */
.wp-block-table tbody tr:first-child td {
  background-color: #c41e5e;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-align: center;
  padding: 14px 12px;
  border: none;
}
.wp-block-table tbody tr:first-child td:first-child {
  text-align: left;
  padding-left: 16px;
}

/* Body rows */
.wp-block-table tbody tr:not(:first-child) td {
  text-align: center;
  padding: 16px 12px;
  font-size: 14px;
  vertical-align: middle;
  border-top: 2px solid white;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.wp-block-table tbody tr:not(:first-child) td:first-child {
  text-align: left;
  padding-left: 16px;
  font-weight: 700;
  font-size: 14px;
}

/* Alternating rows */
.wp-block-table tbody tr:nth-child(even) { background-color: #ECFBFF }
.wp-block-table tbody tr:nth-child(odd)  { background-color: #F5F6F1; }

/* Stars */
.wp-block-table .star {
  color: #3bbfce;
  font-size: 20px;
}


.donation-purple {
  position: relative;
  isolation: isolate;
  overflow: visible;
  padding: 80px 40px;
}

.donation-purple > * {
  position: relative;
  z-index: 2;
}

.donation-purple::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  pointer-events: none;
}

/* Mobile */
@media (max-width: 576px) {
  .footer-policy-links .wp-elements-112 {
    display: block !important;
  }
  /* .has-background-background-color {
    padding-left: 10px !important;
    padding-right: 10px !important;
  } */
  .donation-purple::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 320' preserveAspectRatio='none'%3E%3Cpath d='M500 60C500 42 486 28 468 27L32 10C14 9 0 23 0 41V280C0 298 14 312 32 312L468 292C486 291 500 276 500 258V60Z' fill='%23A8165B'/%3E%3C/svg%3E");
  }
}

/* Tablet */
@media (min-width: 577px) and (max-width: 992px) {
  .donation-purple::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 520' preserveAspectRatio='none'%3E%3Cpath d='M900 70C900 50 882 35 860 34L40 10C18 9 0 27 0 49V470C0 492 18 510 40 509L860 480C882 479 900 460 900 440V70Z' fill='%23A8165B'/%3E%3C/svg%3E");
  }
}

/* Desktop */
@media (min-width: 993px) {
  .donation-purple::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1212 794' preserveAspectRatio='none'%3E%3Cpath d='M1212 62.9981C1212 41.2234 1194.58 23.4487 1172.81 23.0064L40.8125 0.00835866C18.4077 -0.446823 0 17.5907 0 40.0001V753.79C0 776.416 18.752 794.539 41.3655 793.766L1173.37 755.102C1194.91 754.366 1212 736.685 1212 715.125L1212 62.9981Z' fill='%23A8165B'/%3E%3C/svg%3E");
  }
}
.donation-circle-img img {
  width: 267px !important;
}

.header-scrolled-up .main-header {
  background-color: #ff290bc9 !important;
}
.wp-block-nls-custom-content-two-column-section .custom-two-col-text {
  max-width: 500px !important;
}
.program-tabs-nav br {
  display: none !important;
}
.tax-activity_program, .page-parent, .page-id-9147 {
  padding-top: 0px !important;
}
.page-id-5997 {
  padding-top: 300px !important;
}
.page-id-5997 .main-header {
  background-color: purple !important;
}
.program-tab-button {
  background-color: #FF290B;
  border: none !important;
  margin: 2px;
}
.program-tab-button.is-active {
  background-color: #BD1700;
}
.program-tabs-nav button:first-child {
  border-radius: 10px 0 0 10px;
}

.program-tabs-nav button:last-child {
  border-radius: 0 10px 10px 0;
}
.program-tabs-wrapper {
  max-width: 1400px;
  padding: 0 10px;
}
.program-tab-button {
  height: 40px;
  padding: 0px 39px;
  color: white;
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 600;
}
.custom-content-two-column-section-text {
  padding-left: 70px;
}
.custom-image-outline {
  right: 65px;
    top: 95px;
    width: 590px;
}
.custom-content-background-shape {
  max-width: 1200px;
  margin: 0 auto;
}
.custom-content-two-column-section-wrapper {
  height: 700px;
}
.custom-content-background-wrapper, .custom-content-two-column-section-wrapper {
  display: flex;
}
.wp-block-nls-custom-content-two-column-section .custom-content-two-column-section-content {
  width: 100%;
}
.jcc-white-path {
  position: relative;
  isolation: isolate;
  overflow: visible;
  padding: 80px 40px;
}

.jcc-white-path > * {
  position: relative;
  z-index: 2;
}

.jcc-white-path::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  pointer-events: none;
}

/* Mobile */
@media (max-width: 576px) {
  .jcc-white-path::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 300' preserveAspectRatio='none'%3E%3Cpath d='M0 31C0 13 14 -0.7 25 0L475 40C486 41 500 55 500 72V268C500 285 486 299 475 299H25C14 299 0 285 0 268V31Z' fill='white'/%3E%3C/svg%3E");
  }
}

/* Tablet */
@media (min-width: 577px) and (max-width: 992px) {
  .jcc-white-path::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 340' preserveAspectRatio='none'%3E%3Cpath d='M0 35C0 19 17 5 36 6L864 47C883 48 900 65 900 84V305C900 321 883 336 864 336H36C17 336 0 321 0 305V35Z' fill='white'/%3E%3C/svg%3E");
  }
}

/* Desktop */
@media (min-width: 993px) {
  .jcc-white-path::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1332 387' preserveAspectRatio='none'%3E%3Cpath d='M0 40.0008C0 17.2514 18.9476 -0.917819 41.677 0.0359408L1293.68 52.5718C1315.1 53.4706 1332 71.0975 1332 92.5366V346.287C1332 368.379 1314.09 386.287 1292 386.287H40C17.9086 386.287 0 368.378 0 346.287V40.0008Z' fill='white'/%3E%3C/svg%3E");
  }
}

.donation-white {
  position: relative;
  isolation: isolate;
  overflow: visible;
  padding: 80px 40px;
}

.donation-white > * {
  position: relative;
  z-index: 2;
}

.donation-white::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  pointer-events: none;
}

/* Mobile */
@media (max-width: 576px) {
  .donation-white::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 320' preserveAspectRatio='none'%3E%3Cpath d='M0 70C0 52 14 38 32 37L468 20C486 19 500 33 500 51V280C500 298 486 312 468 312H32C14 312 0 298 0 280V70Z' fill='white'/%3E%3C/svg%3E");
  }
}

/* Tablet */
@media (min-width: 577px) and (max-width: 992px) {
  .donation-white::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 520' preserveAspectRatio='none'%3E%3Cpath d='M0 80C0 60 18 45 40 44L860 12C882 11 900 28 900 50V470C900 492 882 510 860 510H40C18 510 0 492 0 470V80Z' fill='white'/%3E%3C/svg%3E");
  }
}

/* Desktop */
@media (min-width: 993px) {
  .donation-white::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1205 770' preserveAspectRatio='none'%3E%3Cpath d='M0 86.1426C0 64.6888 16.9251 47.0553 38.3608 46.1761L1163.36 0.0342491C1186.08 -0.897422 1205 17.2662 1205 40.0006V729.326C1205 751.418 1187.09 769.326 1165 769.326H40C17.9086 769.326 0 751.418 0 729.326V86.1426Z' fill='white'/%3E%3C/svg%3E");
  }
}
.jcc-red-section {
  position: relative;
  isolation: isolate;
  overflow: visible;
  padding: 80px 40px;
}

.jcc-red-section > * {
  position: relative;
  z-index: 2;
}

.jcc-red-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  pointer-events: none;
}

/* Mobile */
@media (max-width: 576px) {
  .jcc-red-section::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 700' preserveAspectRatio='none'%3E%3Cpath d='M500 40C500 22 485 8 467 7L33 0C15 -1 0 13 0 31V669C0 687 15 701 33 700L467 693C485 692 500 678 500 660V40Z' fill='%23E92450'/%3E%3C/svg%3E");
  }
}

/* Tablet */
@media (min-width: 577px) and (max-width: 992px) {
  .jcc-red-section::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 900' preserveAspectRatio='none'%3E%3Cpath d='M900 60C900 35 880 15 855 14L45 0C20 -1 0 19 0 44V856C0 881 20 901 45 900L855 886C880 885 900 865 900 840V60Z' fill='%23E92450'/%3E%3C/svg%3E");
  }
}

/* Desktop */
@media (min-width: 993px) {
  .jcc-red-section::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1332 1466' preserveAspectRatio='none'%3E%3Cpath d='M1332 83.6158C1332 62.0664 1314.93 44.3902 1293.39 43.64L41.3926 0.0249718C18.769 -0.76315 0 17.3634 0 40.0007V1425.18C0 1447.81 18.761 1465.94 41.3798 1465.15L1293.38 1421.94C1314.92 1421.2 1332 1403.52 1332 1381.96L1332 83.6158Z' fill='%23E92450'/%3E%3C/svg%3E");
  }
}

.jcc-red-section-videos-early-childhood, .jcc-red-section-early-childhood, .jcc-yellow-section, .jcc-purple-section, .jcc-pink-section, .jcc-blue-section, .jcc-green-section, .jcc-orange-section, .jcc-gray-section, .jcc-lightgreen-section-inner, .jcc-darkpurple-section{
  position: relative;
  overflow: visible;
}

.jcc-red-section-inner {
  position: relative;
  z-index: 2;
  background: #e92450;
  border-radius: 22px;
}
.jcc-green-section-inner {
  position: relative;
  z-index: 2;
  background: #167E7B;
  border-radius: 22px;
}
.jcc-lightgreen-section-inner {
  position: relative;
  z-index: 2;
  background: #167E7B;
  border-radius: 22px;
}
.jcc-blue-section-inner {
   position: relative;
  z-index: 2;
  background: #1B69CF;
  border-radius: 22px;
}
.jcc-gray-section-inner {
   position: relative;
  z-index: 2;
  background: #F5F6F1;
  border-radius: 22px;
}
.jcc-yellow-section-inner {
   position: relative;
  z-index: 2;
  background: #FAB635;
  border-radius: 22px;
}
.jcc-purple-section-inner {
   position: relative;
  z-index: 2;
  background: #37008C;
  border-radius: 22px;
}
.jcc-darkpurple-section-inner {
   position: relative;
  z-index: 2;
  background: #2B2060;
  border-radius: 22px;
}
.jcc-white-section-inner {
   position: relative;
  z-index: 2;
  background: #ffffff;
  border-radius: 22px;
}
.jcc-raspberry-section-inner {
   position: relative;
  z-index: 2;
  background: #A8165B;
  border-radius: 22px;
}
.jcc-pink-section-inner {
   position: relative;
  z-index: 2;
  background: #FF00CB;
  border-radius: 22px;
}
.jcc-orange-section-inner {
   position: relative;
  z-index: 2;
  background: #ff8c18;
  border-radius: 22px;
}
/* top angled shape */
.jcc-red-section-videos-early-childhood::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: -25px;
  height: 80px;
  background: #e92450;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  transform: rotate(1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-green-section::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: -25px;
  height: 80px;
  background: #027a7a;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  transform: rotate(1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-lightgreen-section::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: -25px;
  height: 80px;
  background: #167E7B;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  transform: rotate(-1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-red-section-early-childhood::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: -25px;
  height: 80px;
  background: #e92450;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  transform: rotate(-1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-orange-section::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: -25px;
  height: 80px;
  background: #ff8c18;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  transform: rotate(1.3deg);
  transform-origin: center;
  z-index: 1;
}

.jcc-yellow-section::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: -25px;
  height: 80px;
  background: #FAB635;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  transform: rotate(1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-blue-section::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: -25px;
  height: 80px;
  background: #1B69CF;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  transform: rotate(-1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-gray-section::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: -25px;
  height: 80px;
  background: #F5F6F1;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  transform: rotate(-1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-purple-section::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: -25px;
  height: 80px;
  background: #37008C;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  transform: rotate(-1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-darkpurple-section::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: -25px;
  height: 80px;
  background: #2B2060;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  transform: rotate(1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-white-section::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: -25px;
  height: 80px;
  background: #ffffff;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  transform: rotate(1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-white-section-reverse::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: -25px;
  height: 80px;
  background: #ffffff;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  transform: rotate(-1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-raspberry-section::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: -25px;
  height: 80px;
  background: #A8165B;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  transform: rotate(1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-pink-section::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: -25px;
  height: 80px;
  background: #FF00CB;
  border-top-left-radius: 22px;
  border-top-right-radius: 22px;
  transform: rotate(-1.3deg);
  transform-origin: center;
  z-index: 1;
}


/* bottom angled shape */
.jcc-red-section-videos-early-childhood::after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -25px;
  height: 58px;
  background: #e92450;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  transform: rotate(-1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-red-section-early-childhood::after {
   content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -25px;
  height: 58px;
  background: #e92450;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  transform: rotate(1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-orange-section::after {
   content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -25px;
  height: 58px;
  background: #ff8c18;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  transform: rotate(-1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-yellow-section::after {
   content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -25px;
  height: 58px;
  background: #FAB635;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  transform: rotate(-1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-green-section::after {
   content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -25px;
  height: 58px;
  background: #027a7a;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  transform: rotate(-1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-lightgreen-section::after {
   content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -25px;
  height: 58px;
  background: #167E7B;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  transform: rotate(1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-blue-section::after {
   content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -25px;
  height: 58px;
  background: #1B69CF;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  transform: rotate(1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-gray-section::after {
   content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -25px;
  height: 58px;
  background: #F5F6F1;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  transform: rotate(1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-purple-section::after {
   content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -25px;
  height: 58px;
  background: #37008C;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  transform: rotate(1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-darkpurple-section::after {
   content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -25px;
  height: 58px;
  background: #2B2060;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  transform: rotate(-1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-white-section::after {
   content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -25px;
  height: 58px;
  background: #ffffff;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  transform: rotate(0deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-white-section-reverse::after {
   content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -25px;
  height: 58px;
  background: #ffffff;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  transform: rotate(0deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-raspberry-section::after {
   content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -25px;
  height: 58px;
  background: #A8165B;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  transform: rotate(-1.3deg);
  transform-origin: center;
  z-index: 1;
}
.jcc-pink-section::after {
   content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -25px;
  height: 58px;
  background: #FF00CB;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  transform: rotate(0deg);
  transform-origin: center;
  z-index: 1;
}
/* keep content above the shape */
.jcc-red-section-videos-early-childhood .jcc-red-section-inner > * {
  position: relative;
  z-index: 2;
}

.jcc-red-section-videos-early-childhood .wp-block-embed__wrapper {
  border-radius: 16px;
  overflow: hidden;
}

.jcc-red-section-videos-early-childhood iframe {
  display: block;
  width: 100%;
  max-width: 100%;
}

/* carousel buttons */
.jcc-red-section-videos-early-childhood .custom-videos-carousel__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border: 2px solid rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  z-index: 5;
}

.jcc-red-section-videos-early-childhood .custom-videos-carousel__btn--prev {
  left: 24px;
}

.jcc-red-section-videos-early-childhood .custom-videos-carousel__btn--next {
  right: 24px;
}

.jcc-red-section-videos-early-childhood .custom-videos-carousel__btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 11px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

.jcc-red-section-videos-early-childhood .custom-videos-carousel__btn--prev::before {
  transform: translate(-35%, -50%) rotate(-135deg);
}

.jcc-red-section-videos-early-childhood .custom-videos-carousel__btn--next::before {
  transform: translate(-65%, -50%) rotate(45deg);
}

.jcc-red-section-videos-early-childhood .custom-videos-carousel__btn[disabled] {
  opacity: 0.45;
  cursor: default;
}

/* tablet */
@media (max-width: 992px) {
  .jcc-red-section-videos-early-childhood, .jcc-red-section-early-childhood {
    padding: 0;
  }

  .jcc-red-section-inner {
    border-radius: 24px;
    padding-bottom: 34px;
  }

  .jcc-red-section-videos-early-childhood::after, .jcc-red-section-videos-early-childhood::before {
    left: 1px;
    right: 0px;
    bottom: -40px;
    height: 80px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
  }
  .jcc-red-section-early-childhood::after {
    left: 0px;
    right: 1px;
    bottom: -40px;
    height: 80px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
  }
.jcc-red-section-videos-early-childhood::before {
   left: 0px;
}
.jcc-red-section-early-childhood::before {
   right: 0px;
   left: 0px;
}
  .jcc-red-section-videos-early-childhood
    .four-program-cards:first-of-type,
  .jcc-red-section-videos-early-childhood
    .four-program-cards:nth-of-type(2) {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }

  .jcc-red-section-videos-early-childhood .custom-videos-carousel {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }

  .jcc-red-section-videos-early-childhood .custom-videos-carousel__btn--prev {
    left: 10px;
  }

  .jcc-red-section-videos-early-childhood .custom-videos-carousel__btn--next {
    right: 10px;
  }
}

/* mobile */
@media (max-width: 576px) {
  .jcc-red-section-inner {
    border-radius: 22px;
    padding-bottom: 30px;
  }

  .jcc-red-section-videos-early-childhood::after, .jcc-red-section-videos-early-childhood::before {
    left: 1px;
    right: 0px;
    bottom: -30px;
    height: 90px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
  }
  .jcc-red-section-early-childhood::after {
    left: 0px;
    right: 1px;
    bottom: -30px;
    height: 90px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
  }
  .jcc-red-section-videos-early-childhood::before {
   left: 0px;
}
.jcc-red-section-early-childhood::before {
   right: 0px;
   left: 0px;
}

  .jcc-red-section-videos-early-childhood .custom-videos-carousel {
    padding-top: 18px !important;
    padding-right: 52px !important;
    padding-left: 52px !important;
    padding-bottom: 0 !important;
  }

  .jcc-red-section-videos-early-childhood .custom-videos-carousel__btn {
    width: 40px;
    height: 40px;
  }

  .jcc-red-section-videos-early-childhood .custom-videos-carousel__btn--prev {
    left: 8px;
  }

  .jcc-red-section-videos-early-childhood .custom-videos-carousel__btn--next {
    right: 8px;
  }

  .jcc-red-section-videos-early-childhood h2 {
    font-size: 30px !important;
  }
}
.jcc-pink-path {
  position: relative;
  isolation: isolate;
  overflow: visible;
  padding: 80px 40px;
}

.jcc-pink-path > * {
  position: relative;
  z-index: 2;
}

.jcc-pink-path::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  pointer-events: none;
}

/* Mobile */
@media (max-width: 576px) {
  .jcc-pink-path::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 300' preserveAspectRatio='none'%3E%3Cpath opacity='0.75' d='M0 65C0 50 13 37 28 36L472 5C487 3 500 16 500 31V270C500 285 487 298 472 298H28C13 298 0 285 0 270L0 65Z' fill='%23FF00CB'/%3E%3C/svg%3E");
  }
}

/* Tablet */
@media (min-width: 577px) and (max-width: 992px) {
  .jcc-pink-path::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 340' preserveAspectRatio='none'%3E%3Cpath opacity='0.75' d='M0 75C0 58 15 44 32 43L868 2C885 1 900 16 900 33V305C900 322 885 337 868 337H32C15 337 0 322 0 305L0 75Z' fill='%23FF00CB'/%3E%3C/svg%3E");
  }
}

/* Desktop */
@media (min-width: 993px) {
  .jcc-pink-path::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1332 386' preserveAspectRatio='none'%3E%3Cpath opacity='0.75' d='M3.04302e-05 83.4355C3.28728e-05 61.8839 17.0745 44.2068 38.6132 43.4596L1290.61 0.0246787C1313.23 -0.760114 1332 17.3656 1332 40.0006V345.589C1332 367.68 1314.09 385.589 1292 385.589H40C17.9086 385.589 -1.785e-06 367.68 7.18751e-07 345.589L3.04302e-05 83.4355Z' fill='%23FF00CB'/%3E%3C/svg%3E");
  }
}

.jcc-purple-path {
  position: relative;
  isolation: isolate;
  overflow: visible;
  padding: 80px 40px;
}

.jcc-purple-path > * {
  position: relative;
  z-index: 2;
}

.jcc-purple-path::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  pointer-events: none;
}

/* Mobile */
@media (max-width: 576px) {
  .jcc-purple-path::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 800' preserveAspectRatio='none'%3E%3Cpath d='M0 80C0 60 15 45 35 44L465 5C485 3 500 18 500 38V760C500 780 485 795 465 793L35 745C15 744 0 729 0 709V80Z' fill='%2337008C'/%3E%3C/svg%3E");
  }
}

/* Tablet */
@media (min-width: 577px) and (max-width: 992px) {
  .jcc-purple-path::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 900' preserveAspectRatio='none'%3E%3Cpath d='M0 85C0 65 16 48 36 47L864 2C884 1 900 17 900 37V860C900 880 884 896 864 895L36 848C16 847 0 830 0 810V85Z' fill='%2337008C'/%3E%3C/svg%3E");
  }
}

/* Desktop */
@media (min-width: 993px) {
  .jcc-purple-path::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1332 946' preserveAspectRatio='none'%3E%3Cpath d='M0 88.7589C0 67.2731 16.9739 49.6253 38.4434 48.7892L1290.44 0.030993C1313.13 -0.852446 1332 17.2988 1332 40.0007V905.659C1332 928.424 1313.03 946.598 1290.29 945.622L38.2851 891.894C16.8804 890.976 0 873.355 0 851.931V88.7589Z' fill='%2337008C'/%3E%3C/svg%3E");
  }
}



body {
  background-color: #F5F6F1 !important;
}


.jcc-curved-section {
  position: relative;
  isolation: isolate;
  padding: 70px 35px;
  overflow: visible !important;
}

.jcc-curved-section > * {
  position: relative;
  z-index: 2;
}

.jcc-curved-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1332' height='1536' viewBox='0 0 1332 1536' fill='none'%3E%3Cpath d='M1332 83.6156C1332 62.0662 1314.93 44.39 1293.39 43.6397L41.3926 0.0247277C18.769 -0.763394 0 17.3631 0 40.0005V1495.18C0 1517.81 18.761 1535.94 41.3798 1535.15L1293.38 1491.94C1314.92 1491.2 1332 1473.52 1332 1451.96L1332 83.6156Z' fill='%23FAB635'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  pointer-events: none;
}


.entry-content {
  margin-top: -120px !important;
}

.right-full-width-image {
  position: relative;
  overflow: hidden;
}

/* Ensure image fills properly */
.right-full-width-image figure {
  margin: 0;
  height: 100%;
}

.right-full-width-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Radial gradient overlay */
.right-full-width-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    250.73% 103.44% at 61.27% 53.92%,
    rgba(153, 205, 217, 0.00) 0%,
    #99CDD9 100%
  );
  pointer-events: none;
  z-index: 2;
}
@media (max-width: 1220px) {
    .right-full-width-image {
        height: 100%;
    }
    .full-width-image > div {
        height: 500px !important;
    }
}
/* Keep inner columns constrained */
@media (max-width: 1400px) {
.padding-left-1400 {
    padding-left: 40px !important;
}
.full-width-image .wp-block-columns > .wp-block-column:last-child {
    margin-right: 0px !important;
}
}
.full-width-image > .wp-block-columns {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

/* Ensure equal height columns */
.full-width-image .wp-block-columns.are-vertically-aligned-center {
  align-items: stretch;
}

/* Target the image column (last column in your markup) */
.full-width-image .wp-block-columns > .wp-block-column:last-child {
  position: relative;
  margin-right: calc((100vw - 1400px) / -2);
}

/* Make image fill column height */
.full-width-image .wp-block-columns > .wp-block-column:last-child figure {
  height: 100%;
  margin: 0;
}

.full-width-image .wp-block-columns > .wp-block-column:last-child img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.orange-gradiant {
    background: radial-gradient(990.87% 205.43% at 159.16% 87.08%, rgba(61, 61, 61, 0.25) 13.07%, rgba(255, 255, 255, 0.25) 72.89%, rgba(61, 61, 61, 0.25) 97.32%), #AE6231;
background-blend-mode: plus-darker, normal;
}
.community-background-on-image {
  position: relative;
  overflow: hidden;
  border-radius: 21px; /* match your image */
}

/* Remove radius from img (optional but cleaner) */
.community-background-on-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.community-background-on-image img {
     width: 100%;
  height: 100%;
}
/* Radial gradient overlay */
.community-background-on-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    199.66% 85.74% at 61.02% 40.88%,
    rgba(153, 205, 217, 0.00) 0%,
    #99CDD9 100%
  );
  pointer-events: none;
  z-index: 2;
}
.our-approach-image img {
    object-position: 85% center;
}
/* 1) Force equal-height columns (override WP vertical align center) */
.max-height-image figure, .max-height-image img 
{
    height: 100% !important;
}
.max-width-img img {
    width: 100% !important;
}
.wp-block-columns.columns-reverse > .max-height-image {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
}

/* 3) Make everything above the image keep natural height */
.wp-block-columns.columns-reverse > .max-height-image > *:not(figure) {
  flex: 0 0 auto;
}

/* 4) Make the image figure take the remaining height */
.wp-block-columns.columns-reverse > .max-height-image > figure.wp-block-image {
  flex: 1 1 auto !important;
  min-height: 0 !important; /* critical so it can shrink/grow */
  margin-top: 24px; /* optional spacing */
}

/* 5) Make the img fill the figure */
.wp-block-columns.columns-reverse > .max-height-image > figure.wp-block-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
.image-text-same-height .wp-block-columns.are-vertically-aligned-center {
  align-items: stretch !important;
}

/* 2) Make both columns stretch */
.image-text-same-height .wp-block-columns > .wp-block-column {
  align-self: stretch !important;
}

/* 3) Make the image column a flex box so the figure can fill height */
.image-text-same-height .wp-block-columns > .wp-block-column:first-child {
  display: flex !important;
}

/* 4) Ensure the figure and image fill the column height */
.image-text-same-height .wp-block-columns > .wp-block-column:first-child figure.wp-block-image {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.image-text-same-height .wp-block-columns > .wp-block-column:first-child figure.wp-block-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.orange-overlay {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.orange-overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(174, 98, 49, 0.8); /* #AE6231 at 80% */
    z-index: 1;
}

.orange-overlay > * {
    position: relative;
    z-index: 2;
}
body {
    background-color: #FDFCF7;
}
.faq-section p {
    letter-spacing: -0.24px;
}
.four-program-cards .wp-block-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.four-program-cards img{
    width: 100% !important;
    object-fit: cover;
}
/* .main-hero-image-section .wp-block-cover__background {
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 21.31%, #37008C 69.44%) !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
   
} */

.nls-pattern-hero-full-bleed-background-video .wp-block-cover__background {
  background-image: none !important;

  -webkit-mask-image: linear-gradient(
    312deg,
    transparent 24.88%,
    #000 57.27%
  );

  mask-image: linear-gradient(
    312deg,
    transparent 24.88%,
    #000 57.27%
  );
}
.main-hero-programs-section .wp-block-cover__background {
  background: linear-gradient(
  312deg,
  transparent 24.88%,
  #13017C 57.27%
);
opacity: 1 !important;
    mix-blend-mode: normal !important;
     background-color: transparent !important;
}
.main-hero-aquatics-section .wp-block-cover__background {
  background: linear-gradient(
  312deg,
  transparent 24.88%,
  #1B69CF 57.27%
);
opacity: 1 !important;
    mix-blend-mode: normal !important;
     background-color: transparent !important;
}

.main-hero-berd-lieppe .wp-block-cover__background {
  background: linear-gradient(
  312deg,
  transparent 24.88%,
  #E9A524 57.27%
);
opacity: 1 !important;
    mix-blend-mode: normal !important;
     background-color: transparent !important;
}

.main-hero-support-section .wp-block-cover__background {
  background: linear-gradient(
  312deg,
  transparent 24.88%,
  #027a7a 57.27%
);
opacity: 1 !important;
    mix-blend-mode: normal !important;
     background-color: transparent !important;
}

.main-hero-after-section .wp-block-cover__background {
  background: linear-gradient(
  312deg,
  transparent 24.88%,
  #ff8c18 57.27%
);
opacity: 1 !important;
    mix-blend-mode: normal !important;
     background-color: transparent !important;
}

.main-hero-donations-section .wp-block-cover__background {
  background: linear-gradient(
  312deg,
  transparent 24.88%,
  #A8165B 57.27%
);
opacity: 1 !important;
    mix-blend-mode: normal !important;
     background-color: transparent !important;
}
.main-hero-youth-section .wp-block-cover__background {
  background: linear-gradient(
  312deg,
  transparent 24.88%,
  #E92450 57.27%
);
opacity: 1 !important;
    mix-blend-mode: normal !important;
     background-color: transparent !important;
}

.main-hero-calendar-section .wp-block-cover__background {
  background: linear-gradient(
  312deg,
  transparent 24.88%,
  #1B69CF 57.27%
);
opacity: 1 !important;
    mix-blend-mode: normal !important;
     background-color: transparent !important;
}

.main-hero-employment-section .wp-block-cover__background {
  background: linear-gradient(
  312deg,
  transparent 24.88%,
  #008D35 57.27%
);
opacity: 1 !important;
    mix-blend-mode: normal !important;
     background-color: transparent !important;
}
.top-bar-header > div {
    justify-content: space-between;
}
.top-bar-header .wp-block-column.is-vertically-aligned-center {
    width: fit-content;
    flex-basis: auto;
}
.top-bar-log-in, .top-bar-log-in .wp-block-column {
    flex-basis: auto !important;
    flex-grow: 0 !important;
}
.top-bar-info {
    flex-grow: 0;
    align-items: center;
    display: flex;
}
.top-bar-info figure {
    display: flex;
}
.top-bar-social-icons {
    flex-grow: 0;
}
header .has-urbanist-font-family a {
    font-family: 'Urbanist' !important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.28px;
    text-transform: capitalize;
}

.four-images-logo {
    position: relative;
}

.four-images-logo figure img {
    width: 100%;
    border-radius: 24px;
}

.four-images-center-logo {
     position: absolute !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body .mega-menu-panel {
    display: none;
    border-radius: 0px 0px 14px 14px;
}

body .mega-menu-panel.is-open {
    display: flex;
}

body .mega-menu-panel{
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    background:white;
    box-shadow:0 20px 40px rgba(0,0,0,0.1);
    padding:40px 60px;
    display:none;
}

.menu-item.mega-programs:hover .mega-menu-panel{
    display:block;
}

.mega-menu-panel .wp-block-columns{
    gap:40px;
}

.mega-menu-panel h4{
    font-size:13px;
    letter-spacing:.05em;
    text-transform:uppercase;
    color:#3fa7e0;
}


.main-nav li {
  height: 80px;
  padding: 0 10px !important;
}

.main-nav li:hover {
  background-color: white;
}

.main-nav li:hover a {
  color: #1E0055 !important;
}

.program-tabs-wrapper {
      margin: 32px 0;
      margin: 0 auto;
    }

    .program-tabs-nav {
      display: flex;
      flex-wrap: wrap;
      gap: 3px;
      margin-bottom: 60px;
      margin-top: 26px;
      border-bottom: 1px solid #ddd;
    }

.tabs-buttons-wrapper {
  border-bottom: 5px solid #BD1700;
  padding-bottom: 20px;
  text-align: center;
}


body p:empty {
  display:none !important;
}

.wp-block-nls-custom-content-two-column-section .custom-two-col-wrapper {
  min-height: 600px !important;
}

/* for plugin */

.without-filters .nls-alb-sidebar {
  display: none;
}

.without-filters {
  grid-template-columns: 1fr !important;
}

.without-filters .nls-alb-main {
  max-width: 1400px;
}


@media (max-width: 1083px) and (min-width: 991px) {
  .main-menu-content {
    display: grid !important;
    grid-template-columns: 110px 1fr 250px;
  }
  .wp-block-navigation__responsive-container-content ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
  }
  .wp-block-navigation__responsive-container-content ul li {
    font-size: 14px !important;
  }
}
@media (max-width: 990px) {

.wp-block-navigation__responsive-container-open {
  display: flex !important;
}
.wp-block-navigation__responsive-container-content, .donate-button-menu {
  display: none !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  display: flex !important;
  padding-top: 40px !important;
}
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
        position: static !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .mobile-mega-panel {
        display: none;
        padding-left: 12px;
        border-left: 2px solid rgba(255,255,255,0.2);
        margin: 4px 0 8px;
    }

    .mobile-mega-panel-inner {
        position: static !important;
        display: block !important;
        width: 100% !important;
        background: transparent !important;
        box-shadow: none !important;
        padding: 0 !important;
        top: auto !important;
        left: auto !important;
        border-radius: 0 !important;
    }

    .mobile-mega-panel-inner .wp-block-columns {
        display: block !important;
        flex-direction: column !important;
        gap: 0 !important;
    }

    .mobile-mega-panel-inner .wp-block-column {
        width: 100% !important;
        flex-basis: 100% !important;
        margin-bottom: 8px;
    }

    .mobile-mega-panel-inner h2 {
      color: #1BADCF;
        font-size: 11px;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
        border-bottom: 1px solid #C0C0C0 !important;
        padding-bottom: 6px !important;
        margin: 15px 0 15px !important;
        font-weight: 600 !important;
    }

    .mobile-mega-panel-inner p,
    .mobile-mega-panel-inner p a {
        display: block;
        padding: 3px 0;
        font-size: 14px;
        font-weight: 400;
        margin: 0;
    }
    .mobile-top-bar div {
      text-align: end;
    }
    .mobile-top-bar {
        font-size: 13px;
        font-weight: 600;
        line-height: 2;
    }

    .mobile-top-bar a {
        display: inline;
        text-decoration: none;
    }
    
    .mobile-mega-arrow {
        display: inline-block;
        font-size: 11px;
        margin-left: 6px;
        transition: transform 0.3s;
        transform-origin: center;
    }

    .wp-block-navigation__responsive-dialog {
        overflow-y: auto !important;
        max-height: 100vh !important;
        -webkit-overflow-scrolling: touch;
    }

    .wp-block-navigation__responsive-container-content {
        overflow-y: auto !important;
        padding-bottom: 40px !important;
    }
.main-nav li {
  height: auto !important;
}
.mega-menu-panel p, mega-menu-panel a, button.wp-block-navigation__responsive-container-close {
  color: black !important;
}
.is-menu-open li a {
  color: #37008C !important;
  font-weight: 600;
}
.top-bar-header {
  display: none;
}
button.wp-block-navigation__responsive-container-open {
  position: absolute;
}
 .main-menu-content {
   padding-top: 10px !important;
    padding-bottom: 10px !important;
 }
 .mobile-top-bar, .mobile-top-bar a {
  color: #FF290B !important;
 }
 .mobile-padding {
  padding-top: 0px !important;
  padding-bottom: 20px !important;
 }
 a.wp-block-navigation-item__content {
  font-size: 18px !important;
 }
 .wp-block-navigation__responsive-container.is-menu-open {
  height: 100vh !important;
 }
  .mobile-mega-panel-inner a {
        pointer-events: auto !important;
        position: relative !important;
        z-index: 1 !important;
    }

    .mobile-mega-panel-inner p a {
        display: block;
        padding: 3px 0;
        font-size: 14px;
        font-weight: 400;
        color: inherit;
        text-decoration: none;
    }
}

.nls-ec-filterbar__grid p {
  margin: 0 !important;
}


@media (max-width: 550px) {
  .wp-block-nls-custom-content-two-column-section h2 {
    font-size: 26px !important;
  }
  .stack-on-mobile {
    display: block !important;
    text-align: center;
  }
  .stack-on-mobile div {
    padding-bottom: 10px;
  }
}
@media (max-width: 540px) and (min-width: 340px) {
  .main-hero-buttons {
    display: grid !important;
    gap: 10px;
  }
}

@media (max-width: 430px) {
  .circle-images-row {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 339px) {
  .main-hero-donations-section p {
    font-size: 20px !important;
  }
  .main-hero-donations-section h2 {
    font-size: 40px !important;
  }
  .main-hero-buttons {
    display: block !important;
  }
  .main-hero-buttons div {
    padding-bottom: 10px;
  }
}


.jcc-pink-section {
  position: relative;
  overflow: hidden;                /* slices the rotated layer flat at the bottom */
  border-radius: 22px;
  padding-top: 28px;               /* headroom for the corner that rises from rotation */
}

.jcc-pink-section::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  bottom: -60px;                   /* overshoot the bottom so the clip makes it straight */
   background: url('/wp-content/uploads/2026/06/Rectangle-8-scaled.png') center / cover no-repeat;
  height: auto;   
  border-radius: 22px;
  transform: rotate(-1.3deg);
  z-index: 1;
}

.jcc-pink-section::after {
  display: none;                   /* old bottom strip, no longer needed */
}

.jcc-pink-section-inner {
  position: relative;
  z-index: 2;
  background: none;                /* remove the pink */
  border-radius: 0;
}

@media (max-width: 767px){
  .page-id-5997 {
      padding-top: 200px !important;
    }
}


/* Landing Pages */

.camp-yachad-logo {
  position: absolute;
  top: 60px;
  left: 50px;
}

.splash-logo-background {
   position: absolute;
   top: 0px;
}


/* Image wrapper */
.lines-around-image .wp-block-image {
	position: relative;
	overflow: visible;
	z-index: 1;
}

/* Make sure the image stays above/below correctly */
.lines-around-image .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
  border-radius: 20px;
}

/* Shared styles for both SVG outlines */
.lines-around-image .wp-block-image::before,
.lines-around-image .wp-block-image::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	pointer-events: none;

	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;

	z-index: 3;
}

/* ORANGE LINE */
.lines-around-image .wp-block-image::before {
	width: 112%;
	height: 118%;

	transform: translate(-50%, -50%);

	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20569%20496%22%20fill%3D%22none%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M448.615%2012.4813C406.353%206.43594%20351.633%202.6409%20296.114%201.72001C240.594%200.79912%20184.325%202.75293%20138.963%208.18771C116.279%2010.9055%2096.362%2014.4896%2080.6455%2019.0045C64.8569%2023.5402%2053.565%2028.947%2047.858%2035.1471C43.2273%2040.1782%2038.9736%2048.3134%2035.1071%2059.0363C31.251%2069.7304%2027.8241%2082.8705%2024.7824%2097.7984C18.6995%20127.653%2014.1833%20164.529%2010.8332%20203.024C4.13362%20280.007%202.10942%20363.314%201.50187%20409.545C1.24209%20429.328%2016.2304%20445.884%2035.92%20447.958L475.365%20494.24C493.217%20496.12%20509.797%20485.488%20515.012%20468.386C524.384%20437.654%20538.871%20387.303%20550.11%20335.434C561.36%20283.513%20569.312%20230.263%20565.72%20193.65C560.999%20145.528%20556.702%20116.048%20550.717%2093.6417C544.747%2071.2878%20537.087%2055.9353%20525.546%2036.0743C524.314%2033.9545%20521.665%2031.7322%20517.468%2029.5002C513.309%2027.289%20507.808%2025.1599%20501.113%2023.1345C487.727%2019.0849%20469.752%2015.5048%20448.615%2012.4813Z%22%20stroke%3D%22%23FAB635%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}

/* GREEN LINE */
.lines-around-image .wp-block-image::after {
	width: 110%;
	height: 120%;

	transform: translate(-50%, -50%);

	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20562%20510%22%20fill%3D%22none%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M403.949%202.10447C361.33%204.03819%20306.844%2010.5096%20252.066%2019.957C197.286%2029.4045%20142.267%2041.8188%2098.5771%2055.6246C76.7289%2062.5286%2057.7528%2069.7688%2043.0695%2077.1413C28.3188%2084.5477%2018.142%2091.9719%2013.5963%2099.1358C9.90769%20104.949%207.12572%20113.747%205.17044%20125.018C3.22047%20136.258%202.11408%20149.825%201.6954%20165.08C0.858074%20195.586%202.77353%20232.708%206.11451%20271.206C12.7959%20348.193%2025.1665%20430.53%2032.5386%20476.121C35.6927%20495.627%2053.3001%20509.115%2073.0376%20507.483L513.304%20471.07C531.2%20469.59%20545.687%20456.039%20547.869%20438.247C551.791%20406.267%20557.362%20354.028%20559.477%20300.902C561.594%20247.723%20560.236%20193.851%20550.39%20158.499C537.449%20112.038%20528.14%2083.8357%20518.39%2062.9087C508.662%2042.0303%20498.478%2028.3554%20483.701%2010.9684C482.123%209.11266%20479.134%207.42039%20474.62%206.00746C470.148%204.60761%20464.369%203.53947%20457.434%202.79539C443.566%201.30772%20425.265%201.13734%20403.949%202.10447Z%22%20stroke%3D%22%23008D35%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E");
}


/* Prevent WordPress columns from clipping the lines */
.lines-around-image,
.lines-around-image .wp-block-columns,
.lines-around-image .wp-block-column {
	overflow: visible;
}

.bottom-clouds figure {
 pointer-events: none !important;
}

.page-id-10950 .nls-pin-card-12, .page-id-10954 .nls-pin-card-12 {
  bottom: -170px;
}

.page-id-10957 .nls-pin-card-12 {
  bottom: -100px;
}

.nls-pin-card,
.nls-pin-card__card,
.nls-pin-card__card-content {
	height: fit-content !important;
	min-height: 0 !important;
	max-height: none !important;
}

.nls-pin-card__card-content figure,
.nls-pin-card__card-content .wp-block-image {
	height: 180px !important;
	min-height: 180px !important;
	max-height: 180px !important;
	margin-bottom: 0 !important;
	overflow: hidden !important;
}

.nls-pin-card__card-content img {
	width: 100% !important;
	height: 180px !important;
	min-height: 180px !important;
	max-height: 180px !important;
	object-fit: cover !important;
	display: block !important;
}

.nls-pin-card__card-content h3 {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
}

.nls-donations-tabs-wrap .tabs-buttons-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100%;
}

/* Remove paragraph spacing */
.nls-donations-tabs-wrap .tabs-buttons-wrapper > p {
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove radius from ALL buttons */
.nls-donations-tabs-wrap .tabs-buttons-wrapper > p > .nls-tabs-nav__button {
    border-radius: 0 !important;
}

/* First visible button */
.nls-donations-tabs-wrap .tabs-buttons-wrapper > p:first-child > .nls-tabs-nav__button {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

/* Last visible button */
.nls-donations-tabs-wrap .tabs-buttons-wrapper > p:last-child > .nls-tabs-nav__button {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

/* Remove the unwanted <br> WordPress inserted inside buttons */
.nls-donations-tabs-wrap .nls-tabs-nav__button br {
    display: none !important;
}

/* NJ 1.0.680: phone hero typography and Membership content spacing. */
@media (max-width: 600px) {
  body:is(.home, .page-id-4003) .main-hero-content {
    padding-top: 128px !important;
    padding-bottom: 64px !important;
  }

  body:is(.home, .page-id-4003) .main-hero-content .wp-block-heading {
    font-size: clamp(32px, 9vw, 48px) !important;
    line-height: 1.12;
    word-break: normal;
    overflow-wrap: normal;
  }

  .page-id-4003 .nls-tabs-panel > .wp-block-group:has(> .wp-block-nls-custom-content-two-column-section) {
    padding-inline: 0 !important;
  }

  .page-id-4003 .wp-block-nls-custom-content-two-column-section .custom-two-col-wrapper {
    min-height: 0 !important;
    padding-block: 24px;
  }
}

/* NJ 1.0.681: allow room for curved card edges in stacked sections. */
@media (max-width: 781px) {
  .nls-csec__inner > .nls-csec + .nls-csec {
    margin-top: 80px !important;
  }
}


/* NJ 1.0.682: explicitly scoped non-camp responsive fixes. */
@media (max-width: 1024px) {
  body:is(.page-id-890, .page-id-843, .term-after-school-at-the-j, .term-volunteer-opportunities) .hero > .wp-block-column > .wp-block-group {
    padding-inline: 16px !important;
    box-sizing: border-box;
  }

  .term-adult-programs #program-tab-panel-film iframe {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .term-after-school-at-the-j :is(#program-tab-panel-calendar, #program-tab-panel-guidebook) > .wp-block-columns {
    padding: 24px !important;
  }
  .term-after-school-at-the-j #program-tab-panel-guidebook .wp-block-buttons {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 600px) {
  body:is(.page-id-860, .page-id-890, .page-id-843, .term-youth-and-teen-events, .term-after-school-at-the-j, .term-volunteer-opportunities) .hero .wp-block-heading {
    font-size: clamp(32px, 9vw, 48px) !important;
    line-height: 1.12;
    word-break: normal;
    overflow-wrap: normal;
  }

  body:is(.page-id-860, .page-id-890, .page-id-843, .term-youth-and-teen-events, .term-after-school-at-the-j, .term-volunteer-opportunities) .hero > .wp-block-column:has(> .wp-block-group > .wp-block-heading) {
    padding-top: 128px !important;
    padding-bottom: 64px !important;
  }
}