/* bigadvisors-home-clone-fix3 (2026-10-27T14:0xZ) — parent mini task fix3 (m-1723 seq 739)
   Contact band links (tel:, Facebook, LinkedIn) render default browser blue — root cause:
   theme-10 main.css global `a{ color: var(--color-primary-700) }` plus this theme shipping
   no cols/icon/slider rules. FULL-REWRITE custom.css per brief; ALL fix1+fix2 rules
   preserved verbatim, ONE new rule appended in the contact-row block. */

/* ==== fix1 — hero photo full-bleed (PRESERVED VERBATIM) ==== */
.section--bg-image{ background-size:cover; background-position:center; min-height:450px; }

/* ==== items 1/3/4: responsive grid columns (this theme's main.css ships no .cols-md rules) ==== */
@media (min-width: 769px){
  .cols-md-2{ grid-template-columns: repeat(2, 1fr); }
  .cols-md-3{ grid-template-columns: repeat(3, 1fr); }
}

/* ==== items 1+2: white text on the two dark (inverse) bands ==== */
.section--bg-inverse h1, .section--bg-inverse h2, .section--bg-inverse h3,
.section--bg-inverse .rich-text, .section--bg-inverse .rich-text p{ color: #ffffff; }

/* ==== item 1: proven partner band — thin-bordered box on the cols-md-2 grid ONLY
   (the contact band's cols-md-3 grid must stay box-free) ==== */
.section--bg-inverse .container--wide .grid.cols-md-2{
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 8px;
  padding: 24px;
}
.section--bg-inverse .image-frame img{ width:100%; max-width:320px; height:auto; }

/* slider: one testimonial at a time + dots (platform ships the widget unstyled on this theme).
   Step A moved the NAME to the LAST paragraph of each slide (brief: name under quote,
   thin divider — border-top supplies the divider). */
.slider{ display:flex; flex-direction:column; gap:16px; }
.slider-track{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
.slider-track::-webkit-scrollbar{ display:none; }
.slider-slide{ flex:0 0 100%; scroll-snap-align:start; }
.slider-card{ padding: 8px 4px 0 0; }
.slider-slide .rich-text p:last-child{
  font-weight:700;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.25);
}
.slider-dots{ display:flex; gap:10px; }
.slider-dot{ width:12px; height:12px; border-radius:50%; background:#8a8a8a; display:inline-block; }
.slider-dot:focus{ outline:2px solid #ffffff; outline-offset:2px; }
.slider-dot--active{ background:#ffffff; }

/* ==== item 2: CTA — red button, white text, uppercase, slight rounding ==== */
.section--bg-inverse .btn--primary{
  background:#ED1C24;
  color:#ffffff;
  text-transform:uppercase;
  font-weight:700;
  letter-spacing:.04em;
  border-radius:6px;
  padding:14px 28px;
}
.section--bg-inverse .btn--primary:hover{ background:#c9151c; color:#ffffff; }

/* ==== item 3: contact icon row — sized icons, one row, white bold text.
   fix3: links (tel:, Facebook, LinkedIn) were default browser blue via main.css
   global `a{color:var(--color-primary-700)}` — painted white, bold, no underline. ==== */
.section--bg-inverse .icon svg{ width:28px; height:28px; }
.section--bg-inverse .icon{ display:inline-flex; flex:0 0 auto; }
.section--bg-inverse .grid.cols-md-3 > .stack{ flex-direction:row; align-items:center; gap:10px; }
.section--bg-inverse .grid.cols-md-3 .rich-text p{ font-weight:700; }
.section--bg-inverse .grid.cols-md-3 .rich-text a{
  color:#ffffff;
  font-weight:700;
  text-decoration:none;
}
.section--bg-inverse .grid.cols-md-3 .rich-text a:hover{ text-decoration:underline; }

/* ==== item 4: red bands — black text (locations list + copyright bar, per source) ==== */
.section--bg-strong .rich-text, .section--bg-strong .rich-text p{ color:#111111; }
.section--bg-strong .rich-text a{ color:#111111; text-decoration:underline; }

/* ==== items 6+7: methodology video enlarged + centered (direct-child scope: only the
   methodology stack holds a direct .video-frame child) ==== */
.stack.align-center > .video-frame{ width:100%; max-width:680px; }
.stack.align-center > .video-frame video{ width:100%; }

/* ==== item 8: header chrome — red band, white links, white GET STARTED button.
   Platform-blocked: logo IMAGE in header (brand is text-only "Test1") — reported. ==== */
.site-header{ background:#ED1C24; border-bottom:0; }
.site-header .container{ justify-content:space-between; }
.site-header .site-brand{ color:#ffffff; font-weight:800; font-size:1.25rem; text-decoration:none; }
.site-header .site-nav a{ color:#ffffff; font-weight:600; text-decoration:none; }
.site-header .site-nav a:hover{ text-decoration:underline; }
.site-header .site-nav li:last-child a{
  background:#ffffff;
  color:#111111;
  font-weight:700;
  padding:10px 18px;
  border-radius:6px;
}
.site-header .site-nav li:last-child a:hover{ text-decoration:none; background:#f2f2f2; }