/* ============================================================
   LIFE STREAM CHURCH — Avada custom CSS (design system)
   Paste into Avada → Options → Custom CSS.
   This styles the CSS-class names added to native Fusion
   Builder elements. Brand: blue #009fe4 · dark #212326.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');

:root{
  --lsc-blue:#009fe4; --lsc-blue-bright:#36b8ef; --lsc-blue-deep:#024a73;
  --lsc-dark:#212326; --lsc-slate:#546f79; --lsc-mist:#f1f7fb; --lsc-line:#dde7ee;
  --lsc-serif:"Instrument Serif",Georgia,serif;
}

/* ---- Eyebrow (kicker) ---- */
.lsc-ey{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;
  letter-spacing:.2em;text-transform:uppercase;color:var(--lsc-blue);margin:0 0 14px;}
.lsc-ey::before{content:"";width:26px;height:2px;background:var(--lsc-blue);display:inline-block;}
.lsc-ey--center{justify-content:center;}
.lsc-ey--light{color:#bfe7fb;}
.lsc-ey--light::before{background:#bfe7fb;}

/* ---- Display titles (use serif italic for the accent word, wrap it in <em>) ---- */
.lsc-title,.lsc-title h1,.lsc-title h2,.lsc-title h3{font-weight:800 !important;letter-spacing:-.038em;
  line-height:1.03;}
.lsc-title em{font-family:var(--lsc-serif);font-style:italic;font-weight:400;color:var(--lsc-blue);
  letter-spacing:0;font-size:1.08em;}
.lsc-lead{font-size:clamp(17px,1.5vw,20px);color:var(--lsc-slate);line-height:1.6;max-width:620px;}

/* ---- Buttons (native fusion_button + class) ---- */
.lsc-btn .fusion-button,.lsc-btn.fusion-button{border-radius:100px !important;font-weight:700 !important;
  letter-spacing:0;padding:15px 26px !important;text-transform:none !important;}
.lsc-btn-white .fusion-button{background:#fff !important;color:var(--lsc-blue-deep) !important;border:0 !important;
  box-shadow:0 10px 26px rgba(0,0,0,.12) !important;}
.lsc-btn-ghost .fusion-button{background:rgba(255,255,255,.10) !important;color:#fff !important;
  border:1px solid rgba(255,255,255,.35) !important;backdrop-filter:blur(6px);}

/* ---- Inline text link with arrow ---- */
.lsc-link a,a.lsc-link{display:inline-flex;align-items:center;gap:8px;color:var(--lsc-blue) !important;
  font-weight:700;text-decoration:none;}
.lsc-link a::after,a.lsc-link::after{content:"\2192";transition:transform .3s ease;}
.lsc-link a:hover::after,a.lsc-link:hover::after{transform:translateX(5px);}

/* ============================================================
   HERO
   ============================================================ */
.lsc-hero{position:relative;min-height:92vh;}
.lsc-hero .fusion-row{position:relative;z-index:2;}
.lsc-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(33,35,38,.55)0%,rgba(33,35,38,.12)32%,rgba(33,35,38,.25)60%,rgba(20,30,40,.92)100%),
             linear-gradient(90deg,rgba(20,30,40,.6)0%,rgba(20,30,40,0)55%);}
.lsc-hero-title h1,.lsc-hero-title{color:#fff !important;font-weight:800 !important;line-height:.94;
  letter-spacing:-.035em;font-size:clamp(48px,8vw,112px) !important;text-wrap:balance;}
.lsc-hero-title em{font-family:var(--lsc-serif);font-style:italic;font-weight:400;color:var(--lsc-blue-bright);font-size:1.04em;}
.lsc-triad{display:flex;flex-wrap:wrap;gap:8px 26px;margin:8px 0 30px;}
.lsc-triad span{font-size:clamp(17px,2vw,25px);font-weight:700;letter-spacing:-.02em;color:rgba(255,255,255,.62);
  display:inline-flex;align-items:center;gap:11px;}
.lsc-triad span::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--lsc-blue-bright);
  box-shadow:0 0 14px rgba(54,184,239,.7);}

/* ============================================================
   CARDS — locations & values
   ============================================================ */
.lsc-loc-card,.lsc-value-card{background:#fff;border:1px solid var(--lsc-line);border-radius:26px;
  overflow:hidden;height:100%;transition:transform .4s ease,box-shadow .4s ease;}
.lsc-loc-card:hover,.lsc-value-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(33,35,38,.16);}
.lsc-loc-card .fusion-imageframe,.lsc-loc-card img{margin:0 !important;width:100%;}
.lsc-loc-card .lsc-card-pad{padding:26px 30px 30px;}
.lsc-loc-card h3,.lsc-loc-card h2{font-size:34px;font-weight:800;letter-spacing:-.03em;color:var(--lsc-dark);margin:0 0 6px;}
.lsc-meta{margin:16px 0 0;padding:14px 16px;background:var(--lsc-mist);border-radius:16px;color:var(--lsc-dark);}
.lsc-meta small{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--lsc-slate);}
.lsc-meta b{font-size:18px;font-weight:800;color:var(--lsc-dark);}
.lsc-addr{margin-top:14px;color:var(--lsc-slate);font-size:15px;line-height:1.5;}

.lsc-value-card{padding:34px 30px;}
.lsc-value-card .lsc-num{font-family:var(--lsc-serif);font-style:italic;font-size:46px;color:var(--lsc-blue);line-height:1;}
.lsc-value-card h3,.lsc-value-card h2{font-size:24px;font-weight:800;color:var(--lsc-dark);margin:8px 0 12px;letter-spacing:-.02em;}
.lsc-verse{border-left:3px solid var(--lsc-blue);background:var(--lsc-mist);border-radius:0 12px 12px 0;
  padding:12px 16px;font-style:italic;color:var(--lsc-dark);margin:0 0 14px;}
.lsc-verse cite{display:block;font-style:normal;font-weight:700;color:var(--lsc-blue);font-size:13px;margin-top:6px;}

/* ============================================================
   VISION (dark band) & SPLIT sections
   ============================================================ */
.lsc-vision{background:var(--lsc-dark) !important;position:relative;}
.lsc-vision .lsc-ey{color:var(--lsc-blue-bright);}
.lsc-vision .lsc-ey::before{background:var(--lsc-blue-bright);}
.lsc-quote,.lsc-quote h2,.lsc-quote h3{color:#fff !important;font-family:var(--lsc-serif);font-style:italic;
  font-weight:400 !important;font-size:clamp(30px,4.4vw,58px) !important;line-height:1.12;letter-spacing:-.01em;}
.lsc-quote em{color:var(--lsc-blue-bright);font-style:italic;}
.lsc-quote-src{color:rgba(255,255,255,.6);font-size:14px;letter-spacing:.04em;margin-top:14px;}

.lsc-stats{display:flex;gap:40px;margin-top:26px;}
.lsc-stats b{display:block;font-size:34px;font-weight:800;color:var(--lsc-blue);letter-spacing:-.02em;}
.lsc-stats span{color:var(--lsc-slate);font-size:14px;}

/* ============================================================
   GIVING + WATCH
   ============================================================ */
.lsc-give{background:linear-gradient(135deg,var(--lsc-blue) 0%,var(--lsc-blue-deep) 120%) !important;
  border-radius:28px;padding:46px 44px !important;color:#fff;height:100%;}
.lsc-give .lsc-ey,.lsc-give h3,.lsc-give h2,.lsc-give p{color:#fff !important;}
.lsc-give .lsc-ey::before{background:#fff;}
.lsc-watch{background:#fff;border:1px solid var(--lsc-line);border-radius:28px;padding:34px !important;height:100%;}
.lsc-watch h3,.lsc-watch h2{color:var(--lsc-dark);}

/* ---- generic dark band helper ---- */
.lsc-band-dark{background:var(--lsc-dark) !important;}
.lsc-band-dark .lsc-title,.lsc-band-dark h1,.lsc-band-dark h2,.lsc-band-dark h3,.lsc-band-dark p{color:#fff !important;}
.lsc-band-mist{background:var(--lsc-mist) !important;}

@media(max-width:640px){
  .lsc-give,.lsc-watch{padding:28px !important;}
  .lsc-stats{gap:26px;}
}