/*specific pages container*/
.home-custom-css{}
.community-custom-css{}
.agenda-custom-css{}
.speakers-custom-css{}

/*main container of each section*/
.main-app-container {}

/*
call-to-action buttons e.g:
Register, Join The Community etc
*/
.btn-register {}

/*Top navigation bar container*/
.template-nav {}

/*Top navigation bar items container*/
#bs-example-navbar-collapse-1 {}

/*social share buttons container*/
.social-share-button {}

/*social share buttons per social network*/
.social-share-button.facebook {}
.social-share-button.twitter {}
.social-share-button.linkedin {}
.social-share-button.google {}

/* ============================================================
   E&I EdPro Summit — GLOBAL CSS   (paste into Bizzabo > CSS Global)
   Raw CSS (no <style> tags). Paste BELOW Bizzabo's scaffold; keep
   "Apply CSS" checked; Save.
   Everything is namespaced so it can't touch Bizzabo's own UI:
     .btn-register / .template-nav  -> native Bizzabo hooks (branded)
     .eip ...                        -> our custom Code Element sections
   NEVER add bare selectors here (div{}, h1{}, p{}) — they hit all of Bizzabo.
   ============================================================ */

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

/* ---- Native Bizzabo "Register" CTA -> brand orange pill ---- */
.btn-register{
  background:#FF6D00 !important; color:#fff !important; border:0 !important;
  border-radius:40px !important; font-family:'Fira Sans',Arial,sans-serif !important;
  font-weight:700 !important; box-shadow:0 10px 30px rgba(255,109,0,.35) !important;
}
/* ---- Native top nav bar -> dark navy ---- */
.template-nav{ background:rgba(7,13,24,.92) !important; }

/* ============================================================
   .eip  — design system for Code Element sections
   Wrap each code block:  <div class="eip"> ...your HTML... </div>
   ============================================================ */
.eip{
  --blue:#0066A4; --blue2:#0098FF; --blue3:#5BC8FF; --orange:#FF6D00;
  --teal:#2FB8C6; --magenta:#C026D3; --lime:#A4C400; --pink:#FF6B8C; --gray:#9FA1A4;
  --space:#070D18; --card:rgba(255,255,255,.05); --line:rgba(0,152,255,.28);
  --head:'Fira Sans','Segoe UI',Arial,sans-serif; --body:Arial,Helvetica,sans-serif;
  font-family:var(--body); color:#E8EEF6; line-height:1.6;
}
.eip *{box-sizing:border-box;}
.eip h1,.eip h2,.eip h3,.eip h4,.eip .eyebrow{font-family:var(--head); line-height:1.1; margin:0 0 .4em;}
.eip h1{font-size:clamp(2.2rem,5vw,3.6rem); font-weight:800; letter-spacing:-.01em;}
.eip h2{font-size:clamp(1.8rem,3.6vw,2.7rem); font-weight:800;}
.eip h3{font-size:1.4rem; font-weight:700; color:#fff;}
.eip p{margin:0 0 1rem;}
.eip a{color:var(--blue2); text-decoration:none;}
.eip .eyebrow{font-weight:700; letter-spacing:.22em; text-transform:uppercase; font-size:.82rem; color:var(--orange); margin-bottom:1rem;}
.eip .grad{background:linear-gradient(100deg,var(--blue2),#fff 50%,var(--blue)); -webkit-background-clip:text; background-clip:text; color:transparent;}
.eip .lead{font-size:1.18rem; color:#cdd8e6;}
.eip .center{text-align:center; max-width:820px; margin:0 auto 40px;}

/* buttons (for CTAs inside code blocks; link them to your reg URL) */
.eip .btn{display:inline-block; font-family:var(--head); font-weight:700; font-size:1.02rem; padding:15px 32px; border-radius:40px; cursor:pointer; border:0; transition:transform .15s;}
.eip .btn:hover{transform:translateY(-2px);}
.eip .btn-orange{background:var(--orange); color:#fff; box-shadow:0 10px 30px rgba(255,109,0,.35);}
.eip .btn-ghost{background:transparent; color:#fff; border:2px solid rgba(255,255,255,.55);}
.eip .btn-blue{background:var(--blue2); color:#04121f; box-shadow:0 10px 30px rgba(0,152,255,.3);}

/* stat tiles */
.eip .stats{display:grid; grid-template-columns:repeat(4,1fr); gap:22px;}
.eip .stat{text-align:center; padding:24px 12px; background:var(--card); border:1px solid var(--line); border-radius:16px;}
.eip .stat .big{font-family:var(--head); font-weight:800; font-size:2.4rem;}
.eip .stat .cap{font-size:.82rem; letter-spacing:.08em; text-transform:uppercase; color:var(--gray); margin-top:4px;}
@media(max-width:760px){ .eip .stats{grid-template-columns:repeat(2,1fr);} }

/* track cards */
.eip .grid{display:grid; gap:22px;}
.eip .g3{grid-template-columns:repeat(3,1fr);}
.eip .g2{grid-template-columns:repeat(2,1fr);}
@media(max-width:980px){ .eip .g3{grid-template-columns:repeat(2,1fr);} }
@media(max-width:620px){ .eip .g2,.eip .g3{grid-template-columns:1fr;} }
.eip .card{background:var(--card); border:1px solid var(--line); border-radius:18px; padding:28px; position:relative; overflow:hidden; border-top:3px solid var(--ac,var(--blue2)); transition:transform .18s;}
.eip .card:hover{transform:translateY(-4px);}
.eip .card .num{font-family:var(--head); font-weight:800; font-size:.95rem; color:var(--ac,var(--orange)); letter-spacing:.1em;}
.eip .card h3{margin-top:10px;}
.eip .card p{color:#c2cfde; font-size:.98rem; margin:0;}
.eip .badge-new{display:inline-block; background:var(--ac,var(--orange)); color:#fff; font-family:var(--head); font-weight:700; font-size:.66rem; letter-spacing:.12em; padding:3px 9px; border-radius:20px;}

/* keynote spotlight */
.eip .spotlight{display:grid; grid-template-columns:.85fr 1.15fr; gap:36px; align-items:center; background:var(--card); border:1px solid var(--line); border-radius:22px; padding:34px;}
@media(max-width:760px){ .eip .spotlight{grid-template-columns:1fr; text-align:center;} }
.eip .kphoto{height:280px; border-radius:16px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#0a2a47,#063459); border:1px dashed rgba(0,152,255,.5); color:#8fb8de; font-family:var(--head); font-weight:600; text-align:center;}
.eip .role{font-family:var(--head); font-weight:800; color:var(--orange); letter-spacing:.12em; font-size:.85rem;}
.eip .ktitle{font-family:var(--head); font-weight:700; color:var(--blue3); font-size:1rem; margin:0 0 14px;}
.eip .kbio{color:#aebccd; font-size:.88rem; line-height:1.55;}

/* sponsor tiers */
.eip .tierhead{font-family:var(--head); font-weight:800; font-size:1.25rem; margin:30px 0 10px;}
.eip .logos{display:flex; flex-wrap:wrap; justify-content:center; gap:18px;}
.eip .logobox{background:rgba(255,255,255,.92); border-radius:14px; height:96px; width:210px; display:flex; align-items:center; justify-content:center; color:#6a7a8c; font-family:var(--head); font-weight:700; font-size:.82rem; text-align:center; padding:8px;}

/* hero accents (if used inside a code block) */
.eip .meta{display:flex; flex-wrap:wrap; gap:12px 26px; font-family:var(--head); font-weight:600; justify-content:center;}
.eip .meta span{font-size:1.02rem; color:#eaf2fb;}
.eip .tag{font-family:var(--head); font-weight:700; font-size:clamp(1.1rem,2.3vw,1.5rem); color:#fff;}