.elementor-41 .elementor-element.elementor-element-33aaff92{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-79fcf664{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:00px 40px;--row-gap:00px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-25a6ca1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-0a4954f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:00px 40px;--row-gap:00px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-519540a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-ee3e46f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:00px 40px;--row-gap:00px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-1480b9b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-f76851b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:00px 40px;--row-gap:00px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-427c703{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-e3c5c1b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:00px 40px;--row-gap:00px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-e222612{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-41 .elementor-element.elementor-element-25a6ca1{--width:100%;}.elementor-41 .elementor-element.elementor-element-519540a{--width:100%;}.elementor-41 .elementor-element.elementor-element-1480b9b{--width:100%;}.elementor-41 .elementor-element.elementor-element-427c703{--width:100%;}.elementor-41 .elementor-element.elementor-element-e222612{--width:100%;}}@media(max-width:767px){.elementor-41 .elementor-element.elementor-element-79fcf664{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-41 .elementor-element.elementor-element-0a4954f{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-41 .elementor-element.elementor-element-ee3e46f{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-41 .elementor-element.elementor-element-f76851b{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-41 .elementor-element.elementor-element-e3c5c1b{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS *//*
 * BRADY YOUTH PAGE — Advanced CSS
 * Copy all of this and paste into Elementor → Page Settings → Advanced → Custom CSS
 * (or the Elementor Advanced CSS panel for this page)
 */

/* ─── PATHWAY BANNER ─── */
.pathway-banner {
  display: grid; grid-template-columns: 1fr 1fr;
}
.pathway-col {
  padding: 64px;
  display: flex; flex-direction: column; justify-content: center;
}
.pathway-col--mint {
  padding-left: calc((100vw - var(--max-w)) / 2 + 32px);
}
.pathway-col--navy {
  padding-right: calc((100vw - var(--max-w)) / 2 + 32px);
}
.pathway-col--mint { background: var(--mint); }
.pathway-col--navy { background: var(--navy); }
.pathway-col__eyebrow {
  font-size: 0.8rem; font-weight: 800; letter-spacing: 0.14em;
  text-transform: uppercase; margin-bottom: 14px;
}
.pathway-col--mint .pathway-col__eyebrow { color: var(--navy); }
.pathway-col--navy .pathway-col__eyebrow { color: var(--mint); }
.pathway-col__title {
  font-family: var(--font-serif); font-size: 2rem; line-height: 1.2; margin-bottom: 14px;
}
.pathway-col--mint .pathway-col__title { color: var(--navy); }
.pathway-col--navy .pathway-col__title { color: var(--white); }
.pathway-col__text {
  font-size: 1rem; line-height: 1.65; margin-bottom: 28px;
}
.pathway-col--mint .pathway-col__text { color: rgba(14,57,87,0.75); }
.pathway-col--navy .pathway-col__text { color: rgba(255,255,255,0.7); }
.pathway-col__btns { display: flex; gap: 12px; flex-wrap: wrap; }
.btn-navy { background: var(--navy); color: var(--white); border-color: var(--navy); }
.btn-navy:hover { background: #0a2d45; }

/* ─── ABOUT SECTION ─── */
.about-section { padding: 80px 0; background: var(--white); }
.about-section__header { margin-bottom: 56px; }
.about-section__intro {
  font-size: 1.15rem; color: var(--text-mid); line-height: 1.75; margin-top: 20px;
}
.features-row {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;
}
.feature-card {
  background: var(--white); border-radius: var(--radius-lg);
  border-top: 4px solid var(--mint); padding: 32px 28px;
  box-shadow: var(--shadow);
}
.feature-card__icon { margin-bottom: 16px; line-height: 1; }
.feature-card__icon img { width: 64px; height: 64px; display: block; }
.feature-card__title {
  font-family: var(--font-serif); font-size: 1.25rem; color: var(--navy);
  margin-bottom: 10px; line-height: 1.25;
}
.feature-card__text { font-size: 0.975rem; color: var(--text-mid); line-height: 1.65; }

/* ─── PROGRAMMES SECTION ─── */
.programmes-section { padding: 80px 0; background: var(--offwhite); }
.programmes-section__header { margin-bottom: 48px; }
.programmes-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.programme-card {
  background: var(--white); border-radius: var(--radius-lg);
  overflow: hidden; box-shadow: var(--shadow);
  transition: transform 0.2s, box-shadow 0.2s;
}
.programme-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.programme-card__img { height: 200px; overflow: hidden; position: relative; }
.programme-card__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.programme-card__bar { height: 6px; }
.programme-card__bar--orange { background: var(--orange); }
.programme-card__bar--mint { background: var(--mint); }
.programme-card__bar--navy { background: var(--navy); }
.programme-card__body { padding: 36px 36px 28px; }
.programme-card__badge {
  display: inline-block; font-size: 0.72rem; font-weight: 800;
  letter-spacing: 0.12em; text-transform: uppercase;
  padding: 4px 12px; border-radius: 50px; margin-bottom: 18px;
}
.programme-card__badge--orange { background: rgba(238,114,3,0.12); color: var(--orange); }
.programme-card__badge--mint { background: rgba(137,201,178,0.18); color: #3a9478; }
.programme-card__badge--navy { background: rgba(14,57,87,0.1); color: var(--navy); }
.programme-card__title {
  font-family: var(--font-serif); font-size: 1.75rem; color: var(--navy);
  margin-bottom: 14px; line-height: 1.2;
}
.programme-card__desc {
  font-size: 1rem; color: var(--text-mid); line-height: 1.65; margin-bottom: 24px;
}
.programme-card__details {
  list-style: none; padding: 0; margin: 0 0 28px; display: flex;
  flex-direction: column; gap: 8px;
}
.programme-card__details li {
  display: flex; align-items: center; gap: 10px;
  font-size: 0.9rem; color: var(--text-mid); font-weight: 500;
}
.programme-card__details li::before {
  content: '';
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--mint); flex-shrink: 0;
}

/* ─── ELIGIBILITY SECTION ─── */
.eligibility-section { padding: 80px 0; background: var(--navy); }
.eligibility-section .section-label { color: var(--mint); }
.eligibility-section .section-title--white { color: var(--white); }
.eligibility-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; margin-top: 48px; }
.eligibility-text {
  font-size: 1.05rem; color: rgba(255,255,255,0.75); line-height: 1.75;
}
.eligibility-checklist {
  background: var(--white); border-radius: var(--radius-lg);
  padding: 36px; box-shadow: var(--shadow-lg);
}
.eligibility-checklist__title {
  font-family: var(--font-serif); font-size: 1.25rem; color: var(--navy);
  margin-bottom: 22px;
}
.checklist-items { display: flex; flex-direction: column; gap: 14px; margin-bottom: 28px; }
.checklist-item {
  display: flex; align-items: flex-start; gap: 12px;
  font-size: 0.975rem; color: var(--text-dark); line-height: 1.5;
}
.checklist-item__tick {
  width: 22px; height: 22px; border-radius: 50%;
  background: var(--mint); color: var(--navy);
  display: flex; align-items: center; justify-content: center;
  font-size: 0.75rem; font-weight: 800; flex-shrink: 0; margin-top: 1px;
}
.eligibility-checklist__note {
  font-size: 0.9rem; color: var(--text-mid); padding-top: 20px;
  border-top: 1px solid rgba(14,57,87,0.1); line-height: 1.6;
}
.eligibility-checklist__note a {
  color: var(--orange); font-weight: 700; text-decoration: underline;
}

/* ─── FAQ SECTION ─── */
.faq-section { padding: 72px 0; background: var(--white); }
.faq-section__header { margin-bottom: 48px; }
.faq-list { max-width: 760px; display: flex; flex-direction: column; gap: 0; }
.faq-list details {
  border-bottom: 1px solid rgba(14,57,87,0.1);
}
.faq-list details:first-child { border-top: 1px solid rgba(14,57,87,0.1); }
.faq-list details summary {
  list-style: none; cursor: pointer;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 22px 0;
  font-size: 1rem; font-weight: 700; color: var(--navy);
  user-select: none;
}
.faq-list details summary::-webkit-details-marker { display: none; }
.faq-list details summary::after {
  content: '+';
  font-size: 1.4rem; font-weight: 300; color: var(--orange);
  flex-shrink: 0; transition: transform 0.2s;
  line-height: 1;
}
.faq-list details[open] summary::after {
  transform: rotate(45deg);
}
.faq-list details[open] summary { color: var(--orange); }
.faq-answer {
  padding: 0 0 22px;
  font-size: 0.975rem; color: var(--text-mid); line-height: 1.7;
}

/* ─── VIDEO STATS BLOCK ─── */
.video-stats-block { padding: 72px 0; background: var(--white); }
.video-stats-block__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.video-stats-block__label { font-size: 0.875rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--orange); margin-bottom: 12px; }
.video-stats-block__title { font-family: var(--font-serif); font-size: clamp(1.8rem, 3vw, 2.6rem); color: var(--navy); line-height: 1.2; margin-bottom: 16px; }
.video-stats-block__title em { font-style: italic; color: var(--navy); }
.video-stats-block__body { font-size: 1.1rem; color: var(--text-mid); line-height: 1.7; }
.video-stats-block__media { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); aspect-ratio: 16 / 4; }
.video-stats-block__media video { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ─── CTA STRIP ─── */
.cta-strip { padding: 64px 0; background: var(--offwhite); text-align: center; }
.cta-strip .container { max-width: 680px; }
.cta-strip__title {
  font-family: var(--font-serif); font-size: clamp(1.8rem, 3vw, 2.4rem);
  color: var(--navy); margin-bottom: 16px; line-height: 1.2;
}
.cta-strip__text {
  font-size: 1.05rem; color: var(--text-mid); line-height: 1.7;
  margin-bottom: 32px;
}
.cta-strip__actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

/* ─── RESPONSIVE ─── */
@media (max-width: 900px) {
  .pathway-banner { grid-template-columns: 1fr; }
  .pathway-col { padding: 48px 24px; }
  .features-row { grid-template-columns: 1fr; }
  .programmes-grid { grid-template-columns: 1fr; }
  .eligibility-grid { grid-template-columns: 1fr; gap: 36px; }
  .video-stats-block__grid { grid-template-columns: 1fr; gap: 32px; }
}/* End custom CSS */