/* =========================================================
   LLAA WEBSITE — COMPLETE CSS  (replace ALL of Website > CSS with this)
   ========================================================= */

/* Brand fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&family=Source+Sans+3:wght@400;600;700&display=swap');

/* Serape signature */
:root{
  --llaa-serape:repeating-linear-gradient(90deg,
    #C0392B 0 11px, #F3ECD9 11px 13px, #E84A27 13px 25px, #F3ECD9 25px 27px,
    #FCB316 27px 38px, #F3ECD9 38px 40px, #1C8C7D 40px 51px, #F3ECD9 51px 53px,
    #13294B 53px 65px, #F3ECD9 65px 67px);
}

/* ================= HOMEPAGE ================= */
/* HERO */
.llaa-hero{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:#0d1f3a;margin-bottom:0 !important;}
.llaa-hero .llaa-bg{position:absolute;top:0;left:0;right:0;bottom:0;
  background-image:url('https://illinoisllaa.org/resources/Pictures/students-dark.jpg');
  background-size:cover;background-position:center 42%;}
.llaa-hero .llaa-veil{position:absolute;top:0;left:0;right:0;bottom:0;
  background:linear-gradient(90deg,rgba(10,26,54,.90),rgba(10,26,54,.66) 40%,rgba(10,26,54,.20));}
.llaa-hero .llaa-inner{position:relative;max-width:1140px;margin:0 auto;padding:70px 28px;width:100%;}
.llaa-hero::before{content:"";position:absolute;top:0;left:0;right:0;height:12px;background:var(--llaa-serape);z-index:3;}
.llaa-hero::after{content:"";position:absolute;bottom:0;left:0;right:0;height:13px;background:var(--llaa-serape);z-index:3;}
.llaa-eyebrow{font-family:'Poppins',sans-serif;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:12.5px;color:#FCB316;margin-bottom:16px;}
.llaa-hero h1{font-family:'Poppins',sans-serif;font-weight:800;font-size:56px;line-height:1.03;color:#fff;margin:0 0 18px;max-width:720px;}
.llaa-sub{font-family:'Source Sans 3',sans-serif;font-size:19px;color:#DCE3EE;max-width:600px;margin:0 0 30px;line-height:1.5;}
.llaa-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.llaa-btn{font-family:'Poppins',sans-serif;font-weight:600;font-size:16px;padding:14px 26px;border-radius:9px;display:inline-block;text-decoration:none;}
.llaa-btn-primary{background:#E84A27;color:#fff;}
.llaa-btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6);padding:12px 24px;}
.llaa-btn-text{color:#fff;font-family:'Poppins',sans-serif;font-weight:600;font-size:15px;border-bottom:2px solid #E84A27;padding-bottom:2px;text-decoration:none;}
@media(max-width:640px){.llaa-hero h1{font-size:38px;}.llaa-sub{font-size:17px;}}

/* IMPACT STRIP */
.llaa-impact{background:#13294B;margin-top:0 !important;}
.llaa-impact .llaa-inner{max-width:1140px;margin:0 auto;display:flex;flex-wrap:wrap;}
.llaa-impact .llaa-cell{flex:1;min-width:200px;padding:26px 20px;text-align:center;border-left:1px solid rgba(255,255,255,.12);}
.llaa-impact .llaa-cell:first-child{border-left:none;}
.llaa-impact .llaa-k{font-family:'Poppins',sans-serif;font-weight:800;font-size:30px;color:#FCB316;line-height:1;}
.llaa-impact .llaa-l{font-family:'Source Sans 3',sans-serif;font-size:14.5px;color:#C7D0DE;margin-top:8px;}

/* CONTENT SECTIONS */
.llaa-sec{padding:60px 28px;background:#F7F1E7 !important;}
.llaa-sec .llaa-inner{max-width:1140px;margin:0 auto;}
.llaa-cloud{background:#F7F1E7 !important;}
.llaa-eyebrow2{font-family:'Poppins',sans-serif;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:#E84A27;margin-bottom:8px;}
.llaa-h2{font-family:'Poppins',sans-serif;font-weight:700;font-size:30px;color:#13294B;margin:0 0 8px;}
.llaa-intro{font-family:'Source Sans 3',sans-serif;color:#5B6672;font-size:16.5px;max-width:600px;margin:0 0 32px;}
.llaa-cards{display:flex;gap:22px;flex-wrap:wrap;}
.llaa-card{flex:1;min-width:250px;background:#fff;border:1px solid #E4E7EB;border-radius:16px;padding:28px 24px;position:relative;overflow:hidden;box-shadow:0 6px 24px rgba(90,60,20,.06);}
.llaa-card::before{content:"";position:absolute;top:0;left:0;right:0;height:9px;background:var(--llaa-serape);}
.llaa-card .llaa-ic{width:44px;height:44px;border-radius:11px;background:#FAF7F2;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px;}
.llaa-card h3{font-family:'Poppins',sans-serif;font-weight:700;font-size:20px;color:#13294B;margin:0 0 8px;}
.llaa-card p{font-family:'Source Sans 3',sans-serif;font-size:15px;color:#5B6672;margin:0 0 16px;}
.llaa-card a{font-family:'Poppins',sans-serif;font-weight:600;font-size:14.5px;color:#13294B;border-bottom:2px solid #E84A27;text-decoration:none;padding-bottom:2px;}

/* MISSION */
.llaa-mission{background:#13294B;color:#fff;text-align:center;padding:64px 28px;position:relative;}
.llaa-mission::before{content:"";position:absolute;top:0;left:0;right:0;height:13px;background:var(--llaa-serape);}
.llaa-mission .llaa-q{font-family:'Poppins',sans-serif;font-weight:600;font-size:26px;line-height:1.4;max-width:860px;margin:0 auto;}
.llaa-mission .llaa-q b{color:#FCB316;font-weight:600;}
.llaa-mission .llaa-src{font-family:'Poppins',sans-serif;font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#8FA0B8;margin-top:18px;}

/* Blend the Upcoming Events gadget into the cream section */
[class*="WaGadgetUpcomingEvents"],
[class*="WaGadgetUpcomingEvents"] .gadgetStyleBody,
[class*="UpcomingEvents"]{ background:#F7F1E7 !important; padding-top:0 !important; }

/* Mobile: tighten the stats bar */
@media (max-width: 640px){
  .llaa-impact .llaa-inner{ flex-direction:column; }
  .llaa-impact .llaa-cell{ flex:0 0 auto !important; min-height:0 !important; padding:16px 20px !important;
    border-left:none !important; border-top:1px solid rgba(255,255,255,.12) !important; }
  .llaa-impact .llaa-cell:first-child{ border-top:none !important; }
  .llaa-impact .llaa-k{ font-size:26px !important; }
}
/* Mobile: close the white gap under the header logo */
@media (max-width: 640px){
  .WaLayoutPlaceHolder > div[style*="padding-top:50px"],
  .WaLayoutPlaceHolder > div[style*="padding-top: 50px"]{ padding-top:8px !important; padding-bottom:8px !important; }
  #id_8qW4sEx.WaLayoutItem{ height:auto !important; padding:0 !important; line-height:0 !important; }
}

/* ================= HEADER ================= */
.WaGadgetMenuHorizontal,
div:has(> .WaGadgetMenuHorizontal),
[class*="LayoutHeader"], [id*="Header"]{
  background:#ffffff !important;
  width:auto !important; max-width:none !important;
  margin:0 !important; padding-left:0 !important; padding-right:0 !important;
}

/* ================= READABILITY (inner pages) ================= */
.WaGadgetCustomHTML .gadgetStyleBody,
.WaGadgetContent:not(#color_logo) .gadgetStyleBody,
.WaGadgetEmail .gadgetStyleBody{ background:#ffffff; }
#color_logo, #color_logo .gadgetStyleBody{ background:transparent !important; }

/* Keep our custom sections transparent (so their own backgrounds show) */
.gadgetStyleBody:has(.llaa-hero),
.gadgetStyleBody:has(.llaa-impact),
.gadgetStyleBody:has(.llaa-mission),
.gadgetStyleBody:has(.llaa-sec),
.gadgetStyleBody:has(.llaa-mhero),
.gadgetStyleBody:has(.llaa-reasons),
.gadgetStyleBody:has(.llaa-join){ background:transparent !important; }

/* ================= MEMBERSHIP PAGE ================= */
.llaa-mhero{position:relative;background:#13294B;color:#fff;padding:56px 30px 62px;overflow:hidden;}
.llaa-mhero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:var(--llaa-serape);}
.llaa-mhero .in{max-width:1000px;margin:0 auto;}
.llaa-mhero .eyebrow{font-family:'Poppins',sans-serif;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:12.5px;color:#FCB316;margin-bottom:14px;}
.llaa-mhero h1{font-family:'Poppins',sans-serif;font-weight:800;font-size:44px;line-height:1.05;margin:0 0 16px;color:#fff;text-transform:none;}
.llaa-mhero p{font-size:18px;color:#DCE3EE;max-width:640px;margin:0;}

.llaa-msec{padding:52px 30px;}
.llaa-msec .in{max-width:1000px;margin:0 auto;}
.llaa-reasons{background:#F7F1E7;}
.llaa-m-eyebrow{font-family:'Poppins',sans-serif;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:#E84A27;margin-bottom:8px;}
.llaa-m-h2{font-family:'Poppins',sans-serif;font-weight:700;font-size:29px;color:#13294B;margin:0 0 14px;text-transform:none;}
.llaa-lead{font-size:17px;color:#1F2933;max-width:760px;margin:0 0 14px;}
.llaa-lead.two{color:#5B6672;}

.llaa-rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px;}
@media(max-width:820px){.llaa-rgrid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.llaa-rgrid{grid-template-columns:1fr;}}
.llaa-rcard{background:#fff;border:1px solid #E9E2D6;border-radius:14px;padding:22px 20px;position:relative;overflow:hidden;box-shadow:0 5px 18px rgba(90,60,20,.05);}
.llaa-rcard::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--llaa-serape);}
.llaa-rcard .ic{font-size:22px;margin:4px 0 10px;}
.llaa-rcard h3{font-family:'Poppins',sans-serif;font-weight:700;font-size:16.5px;color:#13294B;line-height:1.3;margin:0;}

.llaa-join{background:#13294B;color:#fff;text-align:center;padding:58px 30px;position:relative;}
.llaa-join::before{content:"";position:absolute;top:0;left:0;right:0;height:12px;background:var(--llaa-serape);}
.llaa-join h2{color:#fff;font-family:'Poppins',sans-serif;font-weight:700;font-size:29px;margin:0 0 12px;text-transform:none;}
.llaa-join p{color:#DCE3EE;max-width:520px;margin:0 auto 26px;font-size:16.5px;}
.llaa-join .btn{background:#E84A27;color:#fff;font-family:'Poppins',sans-serif;font-weight:600;font-size:16px;padding:15px 30px;border-radius:9px;display:inline-block;text-decoration:none;}
.llaa-join .q{font-size:15px;color:#AEBBD0;margin-top:22px;}
.llaa-join .q a{color:#fff;border-bottom:2px solid #E84A27;text-decoration:none;}
/* Stretch the cream section's background to match the hero/stats above */
.llaa-sec{
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding-left:calc(50vw - 50% + 28px);
  padding-right:calc(50vw - 50% + 28px);
}
/* Membership reasons — single panel with bulleted list */
.llaa-rpanel{background:#fff;border:1px solid #E9E2D6;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 6px 24px rgba(90,60,20,.06);padding:34px 34px 30px;margin-top:10px;}
.llaa-rpanel::before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:var(--llaa-serape);}
.llaa-rlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 34px;}
@media(max-width:640px){.llaa-rlist{grid-template-columns:1fr;}}
.llaa-rlist li{display:flex;align-items:flex-start;gap:12px;font-family:'Source Sans 3',sans-serif;font-size:16px;color:#1F2933;line-height:1.4;}
.llaa-rlist li .e{font-size:20px;line-height:1.2;flex-shrink:0;}
.llaa-rlist li b{font-family:'Poppins',sans-serif;font-weight:600;color:#13294B;}
/* Force ALL text in the Membership hero to white (catches any heading tag) */
.llaa-mhero h1,
.llaa-mhero h2,
.llaa-mhero h3,
.llaa-mhero .in > *{
  color:#ffffff !important;
}
/* keep the eyebrow gold */
.llaa-mhero .eyebrow{ color:#FCB316 !important; }
/* Fix the faded button + email link in the Membership join section */
.llaa-join .btn,
.llaa-join .btn:link,
.llaa-join .btn:visited{
  color:#ffffff !important;
  background:#E84A27 !important;
  opacity:1 !important;
}
.llaa-join .q,
.llaa-join .q a,
.llaa-join .q a:link,
.llaa-join .q a:visited{
  color:#ffffff !important;
  opacity:1 !important;
}
.llaa-join .q a{
  border-bottom:2px solid #FCB316 !important;
  text-decoration:none !important;
}
/* "Become a member" button in the Membership hero */
.llaa-mhero-btn{
  display:inline-block;
  margin-top:26px;
  background:#E84A27 !important;
  color:#ffffff !important;
  font-family:'Poppins',sans-serif;
  font-weight:600;
  font-size:16px;
  padding:15px 30px;
  border-radius:9px;
  text-decoration:none !important;
  border-bottom:none !important;
}
/* Add a serape band at the TOP of the Membership hero (matches the homepage) */
.llaa-mhero::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:12px;
  background:var(--llaa-serape);
}
/* Give the plain "Why join" section a cream background so its dark text is readable */
.llaa-msec:not(.llaa-reasons):not(.llaa-join){
  background:#F7F1E7;
}
.llaa-msec:not(.llaa-reasons):not(.llaa-join) .llaa-lead{
  color:#1F2933 !important;
}
.llaa-msec:not(.llaa-reasons):not(.llaa-join) .llaa-lead.two{
  color:#5B6672 !important;
}