/* =====================================================================
   pages/youth.css — GYBN Pacific Chapter landing page.
   ===================================================================== */

body.skin .page-hero--youth{
  padding:64px 0 76px !important;
}

body.skin .page-hero--youth > .container{
  max-width:var(--container-max,1240px) !important;
}

body.skin .page-hero--youth .eyebrow{
  display:block !important;
  width:auto !important;
  padding:0 !important;
  margin:0 0 10px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#fed7aa !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:2.5px !important;
  line-height:1.6 !important;
  text-transform:uppercase !important;
}

body.skin .page-hero--youth h1{
  max-width:900px !important;
  margin:0 !important;
  letter-spacing:0 !important;
}

body.skin .page-hero--youth p.lede{
  max-width:820px !important;
}

body.skin .page-hero--youth .meta-row span{
  padding:7px 12px !important;
  border:1px solid rgba(255,255,255,.24) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  font-weight:700 !important;
}

body.skin main.section:has(.youth-page){
  padding:0 !important;
}

body.skin main.section:has(.youth-page) > .container{
  max-width:none !important;
  padding:0 !important;
}

body.skin main.section:has(.youth-page) .content-main{
  width:100% !important;
  max-width:none !important;
}

body.skin .youth-page .field--name-body,
body.skin .youth-page .field__item{
  margin:0 !important;
}

body.skin .youth-page .section{
  padding:60px 0 !important;
}

body.skin .youth-page .section:first-child{
  padding-top:56px !important;
}

body.skin .youth-page .section.alt{
  background:#f4f8fa !important;
}

body.skin .youth-page .section > .container,
body.skin .youth-page .youth-next-step{
  max-width:var(--container-max,1240px) !important;
  margin-inline:auto !important;
  padding-inline:24px !important;
}

body.skin .youth-page .section-head.center{
  max-width:820px !important;
}

body.skin .youth-page .section-desc{
  color:#38536d !important;
  font-size:16px !important;
  line-height:1.7 !important;
}

body.skin .youth-page .cta-grid,
body.skin .youth-page .news-grid{
  display:grid !important;
  gap:20px !important;
  align-items:stretch !important;
}

body.skin .youth-page .cta-grid > div,
body.skin .youth-page .news-grid > div{
  display:contents !important;
}

body.skin .youth-page .cta-grid:not(.cta-grid-2){
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

body.skin .youth-page .cta-grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  max-width:820px !important;
  margin-inline:auto !important;
}

body.skin .youth-page .cta-card{
  min-width:0 !important;
  width:100% !important;
  height:100% !important;
}

body.skin .youth-page .cta-grid > .field__item,
body.skin .youth-page .news-grid > .field__item,
body.skin .youth-page .cta-grid > div > div,
body.skin .youth-page .news-grid > div > div{
  min-width:0 !important;
  display:flex !important;
  margin:0 !important;
}

body.skin .youth-page .cta-card__body{
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
}

body.skin .youth-page .cta-icon,
body.skin .youth-page .cta-card__icon{
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}

body.skin .youth-page .cta-card__badge{
  align-self:flex-start !important;
  margin:0 0 10px !important;
}

body.skin .youth-page a.cta-card{
  color:inherit !important;
  text-decoration:none !important;
}

body.skin .youth-page .cta-card__link{
  align-self:flex-start !important;
  margin-top:auto !important;
  padding-top:4px !important;
  color:var(--sp-primary) !important;
  text-decoration:none !important;
}

body.skin .youth-page .cta-card .field--name-field-cta-primary a{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  align-self:flex-start !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  color:var(--sp-primary) !important;
  font-size:14px !important;
  font-weight:700 !important;
}

body.skin .youth-page .cta-card h3,
body.skin .youth-page .news-card h3{
  letter-spacing:0 !important;
}

body.skin .youth-page .cta-grid > .field__item:nth-child(1) .cta-card::before{background:var(--sp-primary) !important;}
body.skin .youth-page .cta-grid > .field__item:nth-child(2) .cta-card::before{background:var(--sp-secondary) !important;}
body.skin .youth-page .cta-grid > .field__item:nth-child(3) .cta-card::before{background:var(--sp-peach) !important;}
body.skin .youth-page .cta-grid > .field__item:nth-child(4) .cta-card::before{background:var(--sp-rose) !important;}
body.skin .youth-page .cta-grid > .field__item:nth-child(5) .cta-card::before{background:var(--sp-mint) !important;}
body.skin .youth-page .cta-grid > .field__item:nth-child(6) .cta-card::before{background:var(--sp-purple) !important;}
body.skin .youth-page .cta-grid > div > div:nth-child(1) .cta-card::before{background:var(--sp-primary) !important;}
body.skin .youth-page .cta-grid > div > div:nth-child(2) .cta-card::before{background:var(--sp-secondary) !important;}
body.skin .youth-page .cta-grid > div > div:nth-child(3) .cta-card::before{background:var(--sp-peach) !important;}
body.skin .youth-page .cta-grid > div > div:nth-child(4) .cta-card::before{background:var(--sp-rose) !important;}
body.skin .youth-page .cta-grid > div > div:nth-child(5) .cta-card::before{background:var(--sp-mint) !important;}
body.skin .youth-page .cta-grid > div > div:nth-child(6) .cta-card::before{background:var(--sp-purple) !important;}

body.skin .youth-page .youth-section--two-col-alt .cta-grid-2 > .field__item:nth-child(3):last-child,
body.skin .youth-page .youth-section--two-col-alt .cta-grid-2 > div > div:nth-child(3):last-child{
  grid-column:1 / -1 !important;
}

body.skin .youth-page .youth-section--two-col-alt .cta-grid-2 > .field__item:nth-child(3):last-child .cta-card{
  display:grid !important;
  grid-template-columns:72px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:18px !important;
  padding:28px !important;
}

body.skin .youth-page .youth-section--two-col-alt .cta-grid-2 > .field__item:nth-child(3):last-child .cta-card__body{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:8px 18px !important;
}

body.skin .youth-page .youth-section--two-col-alt .cta-grid-2 > .field__item:nth-child(3):last-child .cta-card__body .field--name-field-cta-primary{
  grid-row:1 / span 3 !important;
  grid-column:2 !important;
}

body.skin .youth-page .news-grid.three{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

body.skin .youth-page .youth-section--stories .cta-card{
  padding:0 !important;
  overflow:hidden !important;
}

body.skin .youth-page .youth-section--stories .cta-card::before{
  display:none !important;
}

body.skin .youth-page .cta-card__media{
  aspect-ratio:16 / 10 !important;
  overflow:hidden !important;
  background:#d8eef0 !important;
}

body.skin .youth-page .cta-card__media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transition:transform .25s ease !important;
}

body.skin .youth-page .cta-card--linkable:hover .cta-card__media img{
  transform:scale(1.035) !important;
}

body.skin .youth-page .youth-section--stories .cta-card__body{
  padding:20px !important;
}

body.skin .youth-page .cta-strip{
  padding:0 0 56px !important;
}

body.skin .youth-page .cta-strip > .container{
  max-width:var(--container-max,1240px) !important;
  margin-inline:auto !important;
  padding:28px !important;
  background:linear-gradient(135deg,rgba(1,128,129,.08),rgba(0,84,164,.05)) !important;
  border:1px solid var(--sp-line) !important;
  border-radius:14px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:16px !important;
}

body.skin .youth-page .cta-strip h2,
body.skin .youth-page .cta-strip__body{
  margin:0 !important;
}

body.skin .youth-page .cta-strip__body{
  grid-column:1 !important;
}

body.skin .youth-page .cta-strip__ctas{
  grid-row:1 / span 2 !important;
  grid-column:2 !important;
}

body.skin .youth-page .cta-strip__ctas a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:12px 22px !important;
  border-radius:999px !important;
  background:var(--sp-primary) !important;
  color:#fff !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

body.skin .youth-page .more-link-row{
  margin-top:24px !important;
  text-align:center !important;
}

body.skin .youth-page .coordinator-card{
  margin-top:32px;
  padding:28px;
  background:#fff;
  border:1px solid var(--sp-line);
  border-radius:14px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

body.skin .youth-page .youth-section--two-col-alt .coordinator-card{
  width:100%;
  margin-top:8px !important;
}

body.skin .youth-page .coordinator-card .info h3{
  font-size:18px;
  color:var(--sp-secondary-d);
  margin-bottom:6px;
}

body.skin .youth-page .coordinator-card .info p{
  color:var(--sp-muted);
  font-size:14.5px;
  line-height:1.55;
  margin:0;
}

body.skin .youth-page .coordinator-card .btn{
  flex:0 0 auto;
  white-space:nowrap;
}

body.skin .youth-page .next-step{
  margin:0 auto 56px !important;
  background:linear-gradient(135deg,rgba(1,128,129,.08),rgba(0,84,164,.05)) !important;
}

@media (max-width:1100px){
  body.skin .youth-page .cta-grid:not(.cta-grid-2){
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:880px){
  body.skin .youth-page .news-grid.three,
  body.skin .youth-page .cta-grid-2{
    grid-template-columns:1fr !important;
  }

  body.skin .youth-page .coordinator-card{
    flex-direction:column;
    align-items:stretch;
    text-align:left;
  }

  body.skin .youth-page .youth-section--two-col-alt .cta-grid-2 > .field__item:nth-child(3):last-child .cta-card,
  body.skin .youth-page .youth-section--two-col-alt .cta-grid-2 > div > div:nth-child(3):last-child .cta-card,
  body.skin .youth-page .youth-section--two-col-alt .cta-grid-2 > .field__item:nth-child(3):last-child .cta-card__body,
  body.skin .youth-page .youth-section--two-col-alt .cta-grid-2 > div > div:nth-child(3):last-child .cta-card__body,
  body.skin .youth-page .youth-section--two-col-alt .coordinator-card,
  body.skin .youth-page .cta-strip > .container{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }

  body.skin .youth-page .youth-section--two-col-alt .cta-grid-2 > .field__item:nth-child(3):last-child .cta-card__body .field--name-field-cta-primary,
  body.skin .youth-page .cta-strip__body,
  body.skin .youth-page .cta-strip__ctas{
    grid-column:auto !important;
    grid-row:auto !important;
  }
}

@media (max-width:640px){
  body.skin .youth-page .cta-grid:not(.cta-grid-2){
    grid-template-columns:1fr !important;
  }

  body.skin .youth-page .section{
    padding:44px 0 !important;
  }
}