/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* =====================================================================
   CCI Ontario — child theme stylesheet
   v2 — homepage restructured around Director Education (2026-08-13)

   CHANGED IN v2 (search "v2:" to find each one):
     1. .section-education   — new block for the Director Certificate section
     2. HARD RULE 1          — added .section-education and .section-rona
                               (.section-rona was MISSING in v1 — live bug)
     3. scroll-margin-top    — added #education, #membership, #rona
   Everything else is byte-for-byte the previous stylesheet.
   ===================================================================== */

:root{
  --navy:#104076; --navy-deep:#002054; --navy-darkest:#000032;
  --blue:#00447c; --accent:#0099cc; --accent-2:#11aadd;
  --blue-light:#9cc3df; --blue-pale:#add4ef; --steel:#7aa1bd;
  --charcoal:#35383c; --charcoal-2:#41454b; --ink:#222222;
  --meta:#5d6470; --bg:#ffffff; --bg-alt:#f6f8fb; --border:#e7ebf0;
  --shadow:0 18px 50px -22px rgba(16,64,118,.45);
  --shadow-sm:0 6px 22px -12px rgba(16,64,118,.35);
  --display:"Fraunces",Georgia,serif;
  --body:"Libre Franklin",-apple-system,sans-serif;
}

/* HARD RULE 1 — stack sibling rows.
   v2: added .section-education (3 rows) and .section-rona (was missing). */
.section-hero,.section-education,.section-stats,.section-about,.section-chapters,
.section-events,.section-membership,.section-rona,.section-newsletter,.section-contact{
  flex-direction:column !important;
  align-items:center !important;   /* restores the horizontal centering justify-content used to do */
}

/* Shared component — eyebrow (accent by default; sections override colour) */
.eyebrow{
  font-family:var(--body); font-weight:700; font-size:12px;
  letter-spacing:.18em; text-transform:uppercase; color:var(--accent);
  display:inline-block;
}

/* ── Section 1 — Hero ───────────────────────────────── */
.section-hero .eyebrow{ color:var(--blue-pale); }
.section-hero .hero-h1{
  font-family:var(--display) !important; font-weight:600;
  font-size:64px; line-height:1.1; letter-spacing:-.02em; color:#fff;
}
.section-hero .lead{
  font-family:var(--body); font-weight:300; font-size:20px;
  line-height:1.6; color:#e4edf8;
}

/* ── Section 2 — Education / Director Certificate ────── v2: NEW BLOCK
   Paint only. Fusion owns the band padding, the 3-column grid, the 30px
   gutter, equal-height columns, and the 30px card padding. */
.section-education .sec-h2 .fusion-title-heading{
  font-family:var(--display) !important; font-weight:600; color:var(--navy);
}
.section-education .edu-lede,
.section-education .edu-lede p{
  font-family:var(--body); font-size:17px; line-height:1.7; color:var(--meta);
}

/* the card IS the column — no wrapper div */
.section-education .edu-card{
  background:#fff; border:1px solid var(--border);
  border-radius:12px; box-shadow:var(--shadow-sm);
}

/* numbered badge — matches .course-num on the certificate page */
.section-education .edu-num{
  display:inline-block; width:54px; height:54px; text-align:center;
  background:var(--navy); color:#fff; border-radius:8px;
  font-family:var(--display); font-weight:600; font-size:15px;
}
.section-education .edu-num,
.section-education .edu-num p{ line-height:54px; margin:0; }

.section-education .edu-h3 .fusion-title-heading{
  font-family:var(--body) !important; font-weight:700; font-size:18px; color:var(--navy);
}
.section-education .edu-p,
.section-education .edu-p p{ font-size:15px; line-height:1.65; color:var(--meta); margin:0; }

/* the eight core courses */
.section-education .edu-courses ul{ list-style:none; margin:0; padding:0; }
.section-education .edu-courses li{
  position:relative; padding:6px 0 6px 20px;
  font-size:14.5px; line-height:1.5; color:var(--meta);
}
.section-education .edu-courses li::before{
  content:""; position:absolute; left:0; top:14px;
  width:7px; height:7px; border-radius:50%; background:var(--accent);
}

/* ── Section 5 — Stats bar ──────────────────────────── */
.section-stats .stat-num{
  font-family:var(--display); font-weight:700;
  font-size:46px; line-height:1; color:#fff;
}
.section-stats .stat-label{
  font-family:var(--body); font-weight:500; font-size:13px;
  letter-spacing:.06em; text-transform:uppercase; color:var(--blue-pale);
}

/* ── Section 4 — Chapters + map ─────────────────────── */
.section-chapters .map-frame{
  position:relative; border:1px solid var(--border); border-radius:10px;
  overflow:hidden; box-shadow:var(--shadow); min-height:520px;
}
.section-chapters .map-frame iframe{
  display:block; width:100%; height:100%; min-height:520px; border:0; filter:saturate(.92);
}
.section-chapters .map-badge{
  position:absolute; right:16px; top:16px; left:auto; z-index:2;
  max-width:62%; background:#fff; color:var(--navy);
  border-radius:6px; padding:8px 14px; font-size:13px; font-weight:600;
  line-height:1.3; box-shadow:var(--shadow-sm);
}
.section-chapters .map-badge .addr{
  display:block; margin-top:2px; font-weight:400; font-size:12px; color:var(--meta);
}
.section-chapters .chap-list{
  display:flex; flex-direction:column; gap:10px; max-height:520px; overflow-y:auto; padding-right:6px;
}
.section-chapters .chap-list::-webkit-scrollbar{ width:7px; }
.section-chapters .chap-list::-webkit-scrollbar-thumb{ background:var(--blue-light); border-radius:4px; }
.section-chapters .chap{
  display:flex; align-items:center; gap:14px; width:100%; padding:14px 16px;
  border:1px solid var(--border); border-radius:8px; background:#fff; cursor:pointer;
  text-align:left; font-family:var(--body); transition:.18s;
}
.section-chapters .chap:hover,
.section-chapters .chap.active{ border-color:var(--accent); box-shadow:var(--shadow-sm); transform:translateX(3px); }
.section-chapters .chap.active{ background:linear-gradient(90deg,rgba(0,153,204,.07),#fff); }
.section-chapters .chap .pin{
  flex-shrink:0; width:38px; height:38px; border-radius:50%; background:var(--bg-alt);
  color:var(--navy); display:grid; place-items:center; transition:.18s;
}
.section-chapters .chap:hover .pin,
.section-chapters .chap.active .pin{ background:var(--navy); color:#fff; }
.section-chapters .chap .info b{ display:block; color:var(--navy); font-size:15px; font-weight:600; }
.section-chapters .chap .info span{ font-size:13px; color:var(--meta); }
.section-chapters .chap .go{
  margin-left:auto; color:var(--accent); font-size:13px; font-weight:600; white-space:nowrap;
  opacity:0; transition:.18s;
}
.section-chapters .chap:hover .go,
.section-chapters .chap.active .go{ opacity:1; }
@media (max-width:860px){ .section-chapters .chap-list{ max-height:none; } }

.section-chapters .map-badge .tel{
  display:block; margin-top:4px; font-weight:600; font-size:12px;
  color:var(--accent); text-decoration:none;
}
.section-chapters .map-badge .tel:hover{ text-decoration:underline; }

/* ── Section 3 — Events (header only) ───────────────── */
.section-events .up-h3{
  font-family:var(--display) !important; font-weight:600;
  font-size:21px; line-height:1.1; letter-spacing:-.01em; color:var(--navy);
}
.section-events .up-sub{ color:var(--meta); font-size:14px; margin-bottom:6px; }

/* ---------- AMA / Education (dark) ----------
   NOTE: no .section-ama markup exists on the homepage or the certificate
   page, and this block references undeclared vars (--cyan, --ivory, --sans,
   --gold-soft). Left in place because I haven't seen every page on the site
   — delete it if nothing else uses it. */
.section-ama { position:relative; overflow:hidden; }
.section-ama::before { content:''; position:absolute; top:-50px; right:-50px; width:400px; height:400px; background-image:linear-gradient(var(--cyan) 1px, transparent 1px), linear-gradient(90deg, var(--cyan) 1px, transparent 1px); background-size:30px 30px; opacity:0.04; transform:rotate(15deg); pointer-events:none; }
.section-ama .eyebrow { font-family:var(--sans); font-size:12px; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; color:var(--cyan); display:inline-flex; align-items:center; gap:12px; }
.section-ama .eyebrow::before { content:''; width:28px; height:1px; background:var(--cyan); }
.section-ama .eyebrow.light { color:var(--cyan-bright); }
.section-ama .eyebrow.light::before { background:var(--cyan-bright); }
.section-ama .ama-title h2 { font-family:'Fraunces', Georgia, serif !important; font-weight:400; font-size:56px; line-height:1.05; letter-spacing:-0.02em; color:var(--ivory); }
.section-ama .ama-title em { font-style:italic; color:var(--cyan-bright); }
.section-ama .lede, .section-ama .lede p { font-family:var(--sans); font-size:20px; line-height:1.55; color:rgba(250,247,240,0.75); margin:0; }
.section-ama .ama-features { list-style:none; padding:0; margin:0; display:grid; gap:16px; }
.section-ama .ama-features li { display:flex; align-items:flex-start; gap:16px; font-family:var(--sans); font-size:15px; color:rgba(250,247,240,0.85); }
.section-ama .ama-features li::before { content:'\25C6'; color:var(--cyan-bright); font-size:0.6em; margin-top:0.55em; flex-shrink:0; }
.section-ama .ama-card { position:relative; border:1px solid rgba(202,240,248,0.1); border-radius:4px; }
.section-ama .ama-card::before { content:'Free'; position:absolute; top:-12px; left:32px; z-index:2; background:var(--cyan-bright); color:var(--ink); font-family:var(--sans); font-size:11px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase; padding:5px 14px; border-radius:2px; }
.section-ama .ama-card-title h3 { font-family:'Fraunces', Georgia, serif !important; font-weight:400; font-size:28px; color:var(--ivory); margin:8px 0; }
.section-ama .ama-date p { display:flex; align-items:center; gap:8px; margin:0 0 24px; font-family:var(--sans); font-size:14px; letter-spacing:0.05em; color:var(--gold-soft); }
.section-ama .ama-date p::before { content:''; width:6px; height:6px; background:var(--cyan-bright); border-radius:50%; animation:ama-pulse 2s ease-in-out infinite; flex-shrink:0; }
.section-ama .ama-card-p, .section-ama .ama-card-p p { font-family:var(--sans); font-size:15px; line-height:1.6; color:rgba(250,247,240,0.7); margin:0; }
.section-ama .ama-card-foot { margin-top:24px; padding-top:24px; border-top:1px solid rgba(202,240,248,0.15); }
.section-ama .ama-card-foot p { display:flex; justify-content:space-between; margin:0; font-family:var(--sans); font-size:14px; color:var(--gold-soft); }
@keyframes ama-pulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:0.5; transform:scale(1.4); } }

/* ── Section 9 — Contact ────────────────────────────── */
.section-contact .ci-intro{ color:var(--meta); margin-bottom:26px; }
.section-contact .ci{ display:flex; gap:14px; margin-bottom:20px; align-items:flex-start; }
.section-contact .ci .ic{
  width:42px; height:42px; border-radius:8px; background:#fff; border:1px solid var(--border);
  display:grid; place-items:center; color:var(--navy); flex-shrink:0;
}
.section-contact .ci .ic svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; }
.section-contact .ci b{ display:block; color:var(--navy); font-size:15px; }
.section-contact .ci span{ color:var(--meta); font-size:14px; }

/* form (placeholder — see note) */
.section-contact .gf{
  display:grid; grid-template-columns:1fr 1fr; gap:18px; background:#fff;
  padding:34px; border:1px solid var(--border); border-radius:10px; box-shadow:var(--shadow-sm);
}
.section-contact .gf .full{ grid-column:1 / -1; }
.section-contact .gf label{ display:block; font-size:13px; font-weight:600; color:var(--navy); margin-bottom:6px; }
.section-contact .gf input,
.section-contact .gf textarea,
.section-contact .gf select{
  width:100%; padding:12px 14px; border:1px solid var(--border); border-radius:5px;
  font-family:var(--body); font-size:15px; background:#fcfdff;
}
.section-contact .gf input:focus,
.section-contact .gf textarea:focus,
.section-contact .gf select:focus{ outline:2px solid var(--accent); border-color:transparent; }
.section-contact .gf textarea{ min-height:120px; resize:vertical; }
.section-contact .gf .gf-submit{
  padding:14px 26px; border:2px solid var(--navy); border-radius:4px; background:var(--navy);
  color:#fff; font-family:var(--body); font-weight:600; font-size:15px; cursor:pointer; transition:.22s;
}
.section-contact .gf .gf-submit:hover{ background:var(--accent); border-color:var(--accent); }

/* ── Section 9 — Contact: info cards ────────────────── */
.section-contact .ci{
  background:#fff; border:1px solid var(--border); border-radius:10px;
}
.section-contact .ci b{
  display:block; font-family:var(--body); font-weight:700;
  font-size:15px; color:var(--navy); margin-bottom:4px;
}
.section-contact .ci .fusion-text{ color:var(--meta); font-size:15px; }

/*MENU CTA*/
/* v2: added #education, #membership, #rona */
#about, #chapters, #events, #contact, #education, #membership, #rona{ scroll-margin-top:90px; }
.menu-cta a{
  background:var(--navy); color:#fff !important; border-radius:4px;
  padding:10px 20px !important; transition:.2s;
}
.menu-cta a:hover{ background:var(--accent) !important; }
.menu-cta a .menu-text {
	color:#FFF!important;
}

/* ── Header ─────────────────────────────────────────── */
.cci-header{
  backdrop-filter:blur(8px); border-bottom:1px solid var(--border);
}
.cci-header .logo{ display:flex; align-items:center; gap:12px; text-decoration:none; }
.cci-header .logo .mark{
  width:46px; height:46px; border-radius:8px;
  background:linear-gradient(135deg,var(--navy),var(--accent));
  display:grid; place-items:center; color:#fff;
  font-family:var(--display); font-weight:700; font-size:19px; box-shadow:var(--shadow-sm);
}
.cci-header .logo .txt b{
  display:block; font-family:var(--display); font-weight:700;
  font-size:20px; color:var(--navy); line-height:1;
}
.cci-header .logo .txt span{
  font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--steel); font-weight:600;
}
.cci-header .fusion-menu li a{ font-weight:500; font-size:15px; color:var(--ink); }
.cci-header .fusion-menu li a:hover{ color:var(--navy); }

/* ── Footer ─────────────────────────────────────────── */
.cci-footer{ background:var(--charcoal); color:#c7ccd3; }
.cci-footer .fmark{ display:flex; align-items:center; gap:11px; margin-bottom:18px; }
.cci-footer .fmark .mark{
  width:42px; height:42px; border-radius:8px;
  background:linear-gradient(135deg,var(--navy),var(--accent));
  display:grid; place-items:center; color:#fff; font-family:var(--display); font-weight:700;
}
.cci-footer .fmark b{ font-family:var(--display); color:#fff; font-size:19px; }
.cci-footer .blurb{ font-size:15px; line-height:1.7; color:#aab1ba; margin-bottom:18px; }
.cci-footer .soc{ display:flex; gap:10px; margin-top:6px; }
.cci-footer .soc a{
  width:38px; height:38px; border-radius:7px; background:var(--charcoal-2);
  display:grid; place-items:center; color:#fff; transition:.18s;
}
.cci-footer .soc a svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; }
.cci-footer .soc a:hover{ background:var(--accent); transform:translateY(-2px); }
.cci-footer .foot-h4{
  color:#fff !important; font-family:var(--body) !important; font-weight:700;
  font-size:13px; letter-spacing:.12em; text-transform:uppercase; margin-bottom:20px;
}
.cci-footer ul.foot-links{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px; }
.cci-footer ul.foot-links li{ font-size:15px; color:#aab1ba; }
.cci-footer ul.foot-links a{ font-size:15px; color:#aab1ba; text-decoration:none; transition:.18s; }
.cci-footer ul.foot-links a:hover{ color:#fff; padding-left:4px; }

.cci-subbar{ background:var(--charcoal); border-top:1px solid #4a4e54; color:#8b9199; font-size:13px; }
.cci-subbar .subbar-copy, .cci-subbar .subbar-links, .cci-subbar a{ font-size:13px; }
.cci-subbar a{ color:#aab1ba; text-decoration:none; }
.cci-subbar a:hover{ color:#fff; }

/* =====================================================================
   CCI Ontario — The Events Calendar brand polish

   Everything is scoped under .section-events so ONLY the embedded
   calendar on the home page is restyled — the global /events/ archive
   pages keep TEC's default styling. Selectors were written against the
   live staging markup (TEC V2 classes), not from memory.
   ===================================================================== */

/* ---- hide the search / "Find Events" / view-selector bar ---------- */
.section-events .tribe-events-c-events-bar{ display:none !important; }

/* ---- hide the "Subscribe to calendar" footer (not in the mockup) -- */
.section-events .tribe-events-c-subscribe-dropdown{ display:none !important; }

/* ---- hide the list-view month separators (cards carry the date) --- */
.section-events .tribe-events-calendar-list__month-separator{ display:none !important; }

/* =====================================================================
   MONTH VIEW
   ===================================================================== */

/* top bar -> navy header with month + prev/next */
.section-events .tribe-events-c-top-bar{
  background:var(--navy) !important;
  border-radius:10px 10px 0 0;
  padding:12px 16px;
  margin-bottom:0;
}
.section-events .tribe-events-c-top-bar__datepicker-button,
.section-events .tribe-events-c-top-bar__datepicker-time,
.section-events .tribe-events-c-top-bar__today-button,
.section-events .tribe-events-c-top-bar__nav-link{
  color:#fff !important;
}
.section-events .tribe-events-c-top-bar__datepicker-time{
  font-family:var(--display); font-weight:600; font-size:18px;
}
.section-events .tribe-events-c-top-bar svg{ color:#fff !important; fill:#fff !important; }
.section-events .tribe-events-c-top-bar__nav-link{
  background:rgba(255,255,255,.12); border-radius:6px; transition:.18s;
}
.section-events .tribe-events-c-top-bar__nav-link:hover{ background:rgba(255,255,255,.26); }
.section-events .tribe-events-c-top-bar__today-button{
  border:1px solid rgba(255,255,255,.35); border-radius:6px;
}

/* weekday header row (M T W T F S S) */
.section-events .tribe-events-calendar-month__header-column{
  background:var(--bg-alt) !important;
  border-color:var(--border) !important;
}
.section-events .tribe-events-calendar-month__header-column-title{
  color:var(--meta) !important; font-weight:700;
  letter-spacing:.06em; text-transform:uppercase; font-size:12px;
}

/* day cells */
.section-events .tribe-events-calendar-month__day{ border-color:var(--border) !important; }
.section-events .tribe-events-calendar-month__day-cell{ padding:6px; }
.section-events .tribe-events-calendar-month__day-date,
.section-events .tribe-events-calendar-month__day-date-link{
  color:var(--navy) !important; font-family:var(--display); font-weight:600;
}
.section-events .tribe-events-calendar-month__day--other-month .tribe-events-calendar-month__day-date{
  color:var(--steel) !important;
}

/* today -> cyan pip */
.section-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-daynum{
  background:var(--accent); color:#fff !important;
/*   width:30px; height:30px;  */
	border-radius:50%;
	padding:10px;
  display:inline-grid; place-items:center; line-height:1;
}

/* event inside a day cell -> light-blue pill, title only (no time) */
.section-events .tribe-events-calendar-month__calendar-event{
  background:var(--blue-pale) !important;
  border-left:3px solid var(--accent);
  border-radius:5px; padding:4px 8px; margin-bottom:5px;
}
.section-events .tribe-events-calendar-month__calendar-event-datetime{ display:none !important; }
.section-events .tribe-events-calendar-month__calendar-event-title,
.section-events .tribe-events-calendar-month__calendar-event-title-link{
  color:var(--navy) !important; font-weight:600; font-size:12px; line-height:1.25;
}

/* =====================================================================
   LIST VIEW ("Upcoming")
   card = .tribe-events-calendar-list__event-row  (date-tag + body)
   ===================================================================== */

.section-events .tribe-events-calendar-list__event-row{
  display:flex; gap:16px; align-items:flex-start;
  background:#fff;
  border:1px solid var(--border) !important;
  border-radius:10px;
  padding:16px 18px;
  margin-bottom:14px;
  box-shadow:var(--shadow-sm);
  transition:border-color .18s, box-shadow .18s;
}
.section-events .tribe-events-calendar-list__event-row:hover{
  border-color:var(--accent) !important; box-shadow:var(--shadow);
}

/* strip TEC's default article border/padding (we style the row instead) */
.section-events .tribe-events-calendar-list__event{
  border:0 !important; padding:0 !important; margin:0 !important;
}

/* date badge -> navy box (JUL/day) */
.section-events .tribe-events-calendar-list__event-date-tag{
  flex-shrink:0; min-width:58px; text-align:center;
  background:var(--navy); border-radius:8px; padding:9px 10px;
}
.section-events .tribe-events-calendar-list__event-date-tag-weekday{
  display:block; color:#fff; opacity:.85;
  text-transform:uppercase; font-size:11px; letter-spacing:.08em; font-weight:600;
}
.section-events .tribe-events-calendar-list__event-date-tag-daynum{
  display:block; color:#fff; font-family:var(--display);
  font-weight:700; font-size:22px; line-height:1.05;
}

/* title */
.section-events .tribe-events-calendar-list__event-title{ margin:0 0 4px; }
.section-events .tribe-events-calendar-list__event-title-link{
  color:var(--navy) !important; font-family:var(--display);
  font-weight:600; font-size:18px; line-height:1.2;
}
.section-events .tribe-events-calendar-list__event-title-link:hover{ color:var(--accent) !important; }

/* datetime + cost */
.section-events .tribe-events-calendar-list__event-datetime{ color:var(--meta); font-size:13px; }
.section-events .tribe-events-calendar-list__event-cost{ color:var(--accent) !important; font-weight:600; }
.section-events .tribe-events-calendar-list__event-description{ color:var(--meta); font-size:14px; line-height:1.6; }

.tribe-events-calendar-list__event-date-tag-weekday,
.tribe-events-calendar-list__event-date-tag-daynum {
	color:#FFF!important;
}

/* ── Section 1 — Hero: chapter-name overlay ─────────── */
.section-hero{ position:relative; }
.section-hero .hero-chapname{
  position:absolute; right:0; bottom:0; z-index:11;   /* was 5 */
  background:var(--navy); color:#fff;
  padding:20px 30px; border-top:4px solid var(--accent);
  max-width:460px; pointer-events:none;
}
.section-hero .hero-chapname .k{
  display:block; font-family:var(--body); font-weight:700;
  font-size:11px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--accent);
}
.section-hero .hero-chapname .v{
  display:block; font-family:var(--display) !important;
  font-weight:600; font-size:22px; line-height:1.15; margin-top:6px;
}
.section-hero .hero-chapname.is-in{ animation:cciChapIn .5s ease both; }
@keyframes cciChapIn{ from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }

/* Veil — must sit ABOVE the background slider (z-index:6), below content (10) */
.section-hero::after{
  content:""; position:absolute; inset:0; z-index:7; pointer-events:none;
  background:linear-gradient(110deg,
    rgba(7,31,59,.92) 0%,
    rgba(16,64,118,.84) 46%,
    rgba(16,64,118,.40) 100%);
}
@media(max-width:800px){
  .section-hero .hero-chapname{
    position:relative;      /* was static */
    z-index:11;
    max-width:none; padding:16px 20px;
  }
}

/* Hero height — Fusion can't express viewport-minus-header.
   Specificity (0,2,0) beats Avada's .hundred-percent-height (0,1,0),
   which matters because the child sheet loads first. */
.fusion-fullwidth.section-hero{ height:calc(100vh - 140px)!important; }

/* ── Section 10 — Newsletter form ───────────────────── */
/* Custom-coded block, so flexbox here is scoped to the form only. */
.section-newsletter .news-form{
  display:flex; flex-wrap:wrap; gap:10px; align-items:stretch;
}
.section-newsletter .news-form input[type="email"]{
  flex:1 1 100%;
}
.section-newsletter .news-chapter{
  flex:1 1 200px;
  font-family:var(--body); font-size:15px; color:var(--ink);
  background:#fff; border:1px solid var(--border); border-radius:4px;
  padding:13px 16px;
}
.section-newsletter .news-chapter:focus{
  outline:2px solid var(--accent); border-color:transparent;
}
.section-newsletter .news-sub{
  flex:0 0 auto;
  font-family:var(--body); font-size:14px; font-weight:600;
  letter-spacing:.05em; color:#fff;
  background:var(--navy); border:1px solid var(--navy); border-radius:4px;
  padding:13px 30px; cursor:pointer;
  transition:background .2s ease, border-color .2s ease;
}
.section-newsletter .news-sub:hover,
.section-newsletter .news-sub:focus{
  background:var(--accent); border-color:var(--accent);
}

/* ── Section 8 — RONA Privilege Program ─────────────────
   Paint only — Fusion owns the container background
   (rgba(0,153,204,.2)) and padding. */
.section-rona .rona-col{ text-align:center; }

.section-rona .eyebrow{
  display:block; font-family:var(--body); font-weight:700;
  font-size:12px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--accent); margin-bottom:14px;
}
.section-rona .rona-h2{ margin:0 0 18px; }

.section-rona .rona-intro{
  max-width:720px; margin:0 auto 40px;
  font-size:17px; color:var(--meta);
}

/* banner: rounded, shadowed, sensible max width */
.section-rona .rona-banner img{
  border-radius:12px; box-shadow:var(--shadow);
}
.section-rona .rona-banner{ max-width:1000px; margin:0 auto 40px; }

/* CTA + requirement note */
.section-rona .rona-btn{ margin-bottom:16px; }
.section-rona .rona-note{
  max-width:560px; margin:0 auto;
  font-size:14px; color:var(--meta);
}
.section-rona .rona-note strong{ color:var(--ink); }

@media(max-width:820px){
  .section-rona .rona-intro{ font-size:16px; }
}

/* ============================================================
   CCI Ontario — Condominium Director Certificate page
   Scoped to .section-dc-* so it only affects that page's sections.
   Paint only — Fusion owns all container/column layout & padding.
   ============================================================ */

.section-dc-hero,
.section-dc-why,
.section-dc-overview,
.section-dc-courses,
.section-dc-cert{
  flex-direction:column !important;
  align-items:center !important;
}

/* ---- HERO (navy) ---- */
.section-dc-hero .dc-hero-col{ text-align:center; }
.section-dc-hero .eyebrow{ color:#8fd3ec; }
.section-dc-hero .dc-h1 .fusion-title-heading{
  font-family:var(--display) !important; color:#fff; font-weight:600;
}
.section-dc-hero .dc-sub{
  font-family:var(--display); font-size:21px; color:#cfe6f3; max-width:680px; margin:0 auto 8px;
}
.section-dc-hero .dc-intro{ color:#e3edf5; max-width:760px; margin:0 auto 10px; }

.section-dc-hero .dc-stats{ margin:30px 0 26px; }
.section-dc-hero .dc-stats .s{ display:inline-block; margin:0 22px; text-align:center; }
.section-dc-hero .dc-stats .s b{
  display:block; font-family:var(--display); font-size:34px; color:#fff; line-height:1;
}
.section-dc-hero .dc-stats .s{
  font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#8fd3ec;
}

/* light button used on navy bands */
.section-dc-hero .dc-btn-light .fusion-button,
.section-dc-cert .dc-btn-light .fusion-button{
  background:#fff !important; border-color:#fff !important; color:var(--navy) !important;
}
.section-dc-hero .dc-btn-light .fusion-button:hover,
.section-dc-cert .dc-btn-light .fusion-button:hover{
  background:var(--accent) !important; border-color:var(--accent) !important; color:#fff !important;
}

/* ---- shared section heads ---- */
.section-dc-why .eyebrow,
.section-dc-courses .eyebrow{ text-align:center; display:block; }
.section-dc-why .dc-h2,
.section-dc-courses .dc-h2{ text-align:center; }
.section-dc-why .dc-lede{ text-align:center; max-width:720px; margin:0 auto 40px; color:var(--meta); }

/* ---- WHY TAKE list ---- */
.section-dc-why .dc-why-list{
  list-style:none; margin:0 auto; padding:0; max-width:900px;
  column-count:2; column-gap:40px;
}
.section-dc-why .dc-why-list li{
  position:relative; padding:12px 0 12px 44px; font-size:16px; color:var(--ink);
  break-inside:avoid;
}
.section-dc-why .dc-why-list li::before{
  content:""; position:absolute; left:0; top:12px; width:30px; height:30px; border-radius:50%;
  background:rgba(0,153,204,.12);
}
.section-dc-why .dc-why-list li::after{
  content:""; position:absolute; left:9px; top:18px; width:11px; height:6px;
  border-left:2.4px solid var(--navy); border-bottom:2.4px solid var(--navy);
  transform:rotate(-45deg);
}
@media(max-width:820px){ .section-dc-why .dc-why-list{ column-count:1; } }

/* ---- OVERVIEW + PRICE CARD ---- */
.section-dc-overview .dc-ov-text .dc-h2{ text-align:left; }
.section-dc-overview .dc-ov{ color:var(--meta); }

.section-dc-overview .price-card{
  background:#fff; border:1px solid var(--border); border-radius:14px;
  box-shadow:var(--shadow-sm); padding:34px 30px; text-align:center;
}
.section-dc-overview .price-k{
  font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--accent); font-weight:700;
}
.section-dc-overview .price-amt{
  font-family:var(--display); font-size:52px; color:var(--navy); line-height:1; margin:8px 0 2px;
}
.section-dc-overview .price-amt span{ font-size:20px; color:var(--meta); }
.section-dc-overview .price-note{ font-size:14px; color:var(--meta); margin:6px 0 20px; }
.section-dc-overview .price-full{
  font-size:13px; color:var(--meta); border-top:1px solid var(--border);
  padding-top:16px; margin-top:18px;
}

/* ---- COURSE CARDS ---- */
.section-dc-courses .course{
  background:#fff; border:1px solid var(--border); border-radius:12px;
  box-shadow:var(--shadow-sm); padding:26px;
}
.section-dc-courses .course-num{
  display:inline-block; font-family:var(--display); font-weight:600; font-size:15px; color:#fff;
  background:var(--navy); border-radius:8px; width:54px; height:54px; line-height:54px;
  text-align:center; margin-bottom:14px;
}
.section-dc-courses .course-title .fusion-title-heading{
  font-family:var(--body) !important; font-weight:700; font-size:17px; color:var(--navy);
}
.section-dc-courses .course-title{ margin:0 0 8px; }
.section-dc-courses .course-desc{ font-size:14.5px; color:var(--meta); line-height:1.6; }

/* ---- CERTIFICATE CLOSE (navy) ---- */
.section-dc-cert .dc-cert-col{ text-align:center; }
.section-dc-cert .eyebrow{ color:#8fd3ec; }
.section-dc-cert .dc-h2 .fusion-title-heading{ color:#fff !important; }
.section-dc-cert .dc-cert-p{ color:#dbe8f2; max-width:640px; margin:0 auto 26px; }

/*****************HIDE THE NEWSLETTER SIGNUP***/
.section-newsletter {display:none!important;}















/************************************************************ ********************************** *********************************** MOBILE ******************* */
@media screen and (max-width:640px) {
	
	.section-hero,
	.section-dc-hero  {
		padding-top:80px!important;
	}
	
	
.section-hero .hero-h1 .fusion-title-heading{ font-size:40px !important; }
	.section-dc-hero  h1.fusion-title-heading{ font-size:40px !important; }
	
/* header - keep logo + hamburger on one row on phones */
.cci-header .header-logo{ --awb-width-small:75% !important; }
.cci-header .header-menu{ --awb-width-small:25% !important; }

	
	
.fusion-body #main .tribe-events .tribe-events-calendar-month__body .tribe-events-calendar-month__day-date {
		font-size:20px!important;
	}

	
	.subbar-links {
		text-align: left!important;
	}
	
	
	
	
}/****END MOBILE**/








.section-chapters .chap::before{
  content:"\e901";
  font-family:"awb-icons" !important;
  font-size:17px; line-height:1;
  flex-shrink:0; width:38px; height:38px; border-radius:50%;
  background:var(--bg-alt); color:var(--navy);
  display:grid; place-items:center; transition:.18s;
}
.section-chapters .chap:hover::before,
.section-chapters .chap.active::before{ background:var(--navy); color:#fff; }




article.tribe-events-calendar-month__calendar-event .tribe-events-calendar-month__calendar-event-details {
	padding-top:10px!important;
}