/* ===== MyCardiologist — brand chrome (header + footer + page colour), site-wide on inner pages =====
   Lifts the home masthead/footer 1:1 into Avada's Global Header/Footer. Scoped to .mc-chrome / .mc-foot. */
:root{
  --paper:#F0F4F8; --paper-2:#E8EFF7; --ink:#10202f; --ink-2:#1d3346; --ink-soft:#54616d;
  --brand:#1B3B6F; --brand-2:#122E52; --red:#b8282b; --rule:rgba(16,32,47,.16); --rule-soft:rgba(16,32,47,.08);
  --display:var(--awb-typography1-font-family,'Lato',Arial,Helvetica,sans-serif); --serif:'Lato',Georgia,serif; --sans:var(--awb-typography4-font-family,'Lato',Arial,Helvetica,sans-serif);
  --label:'Avenir','Lato',system-ui,sans-serif; --maxw:1280px; --gut:40px;
}
@font-face{font-family:'Avenir';src:url('fonts/Avenir-Book.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Avenir';src:url('fonts/Avenir-Regular.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Avenir';src:url('fonts/Avenir-Medium.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}

/* ---------- brand colour consistency ----------
   Rebecca's pages used Avada palette steel-blues (#618ea8 = --awb-color3, #80a2b6 = --awb-color7)
   on their rows/bands. The home uses brand navy. Remap the palette on inner pages so every row matches. */
body:not(.home){--awb-color3:#1B3B6F;--awb-color7:#122E52}
/* Inner-page navy ribbons: match the home's DARKER showroom navy (#10202f "More than a check-up"), not the
   medium brand blue. Rebecca's bands set background-color:var(--awb-color6)/(--awb-color3) inline on the section
   wrapper; override just those band wrappers (not buttons/links, which use the same var as a foreground colour). */
body:not(.home) .fusion-fullwidth[style*="--awb-color6"],
body:not(.home) .fusion-fullwidth[style*="--awb-color3"],
body:not(.home) .fusion-builder-row[style*="--awb-color6"],
body:not(.home) .fusion-builder-row[style*="--awb-color3"]{background-color:#10202f!important}
html{background-color:#F0F4F8!important}/* Avada's global site bg was steel-blue #618ea8 — force the brand paper (its rule was winning) */
/* home is full-bleed: kill Avada's 30px #main content padding (it was insetting the hero -> side borders) */
body.home #main{padding-left:0!important;padding-right:0!important}
/* keep the home "Her heart, specifically" cover heading light (editorial accent Craig likes) — it was riding Avada's h2 default, now pinned */
body.home .cover .cover-copy h2{font-weight:300}
/* ECG pulse motif across the brand-navy content bands (tagged by mc-chrome.js — doctor profiles + curated pages) */
.mc-pulse-band{position:relative}
.mc-pulse-band::after{content:"";position:absolute;left:0;right:0;bottom:14px;height:20px;pointer-events:none;opacity:.2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 16'%3E%3Cpath d='M0 9 H40 l3 0 l3 -6 l4 11 l3 -7 l2 2 H100' fill='none' stroke='%23ffffff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") left center / 280px 100% repeat-x}
/* heartbeat dividers between content sections — inserted by mc-chrome.js to match the home's section seams 1:1
   (full-bleed band: top half = section above, bottom half = section below, red ECG line at the seam, 3 beats) */
.mc-div-ins{position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);height:52px;line-height:0;z-index:1;overflow:hidden}
.mc-div-ins svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.mc-div-ins .ecg-line{fill:none;stroke:var(--red);stroke-width:1;stroke-opacity:.45;vector-effect:non-scaling-stroke}

/* ---------- page colour: brand paper on inner pages ---------- */
body{background:var(--paper)!important}/* every page (incl. home) uses the stats-ribbon cream as its base — no steel/white */

/* ===== Brand FAQ — restyle ANY Avada Accordion element into clean cards (reusable: Rebecca just adds a
   standard Accordion + types Q/A; it auto-styles to this design site-wide, same look every time) ===== */
.fusion-accordian .fusion-panel{background:#fff!important;border:1px solid var(--rule)!important;border-radius:12px!important;margin:0 0 14px!important;box-shadow:0 10px 26px -20px rgba(16,32,47,.45);overflow:hidden;transition:border-color .25s,box-shadow .25s}
.fusion-accordian .fusion-panel:has(a[aria-expanded="true"]){border-color:var(--brand)!important;box-shadow:0 16px 34px -18px rgba(27,59,111,.4)}
.fusion-accordian .panel-heading{padding:0!important;background:transparent!important;border:0!important}
.fusion-accordian .panel-title{margin:0!important;border:0!important;font-family:'Lato',system-ui,sans-serif!important}
.fusion-accordian .panel-title a{display:flex!important;align-items:center;gap:13px;padding:19px 24px!important;font-weight:700!important;font-size:1.06rem!important;line-height:1.35!important;color:var(--ink)!important;text-decoration:none!important}
.fusion-accordian .panel-title a:hover{color:var(--brand)!important}
/* little brand heart before each FAQ question */
.fusion-accordian .panel-title a::before{content:"";flex:0 0 auto;width:17px;height:17px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b8282b'%3E%3Cpath d='M12 20.7l-1.45-1.32C5.4 14.74 2 11.66 2 7.9 2 5.1 4.2 3 7 3c1.74 0 3.41.81 4.5 2.09C12.59 3.81 14.26 3 16 3c2.8 0 5 2.1 5 4.9 0 3.76-3.4 6.84-8.55 11.49L12 20.7z'/%3E%3C/svg%3E") center/contain no-repeat}
/* hide Avada's default toggle icon; use a clean red chevron on the right that flips when open */
.fusion-accordian .panel-title a i,.fusion-accordian .panel-title a [class*="toggle-icon"]{display:none!important}
.fusion-accordian .panel-title a::after{content:"";flex:0 0 auto;margin-left:auto;width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8282b' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s}
.fusion-accordian .panel-title a[aria-expanded="true"]::after{transform:rotate(180deg)}
.fusion-accordian .panel-body{padding:2px 24px 22px!important;font-family:'Lato',system-ui,sans-serif!important;font-size:1rem!important;line-height:1.62!important;color:var(--ink-soft)!important;background:transparent!important;border:0!important}
.fusion-accordian .panel-body p{margin:0 0 .85em}
.fusion-accordian .panel-body p:last-child{margin-bottom:0}
body:not(.home) #wrapper,body:not(.home) #boxed-wrapper,body:not(.home) #main,body:not(.home) .fusion-row,body:not(.home) #content,body:not(.home) .post-content{background:transparent!important}
/* hide Avada's internal title bar (we go header -> content -> footer like the home) */
.fusion-page-title-bar{display:none!important}
/* lift the whole header section above page content — Avada flex rows default to z-index:10,
   the same as content rows, so the nav dropdowns were painting BEHIND content (which is later in the DOM) */
.fusion-tb-header{position:relative;z-index:200}
/* let the news ticker (hanging from the masthead) overlap the top of the content — no gap, every page incl. home.
   -58px = ticker height (38) + Avada's 20px tail below .mc-chrome inside .fusion-tb-header, so content starts
   exactly at the masthead bottom. Scoped via :has() to headers that actually carry the ticker (not the doctor header). */
.fusion-tb-header:has(.mc-ticker){margin-bottom:-58px}

/* ============ HEADER (.mc-chrome) ============ */
.mc-chrome *{box-sizing:border-box}
.mc-chrome .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
.mc-chrome a{text-decoration:none;color:inherit}
.mc-chrome .kick{font-family:var(--label);font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}

/* topline / utility bar */
.mc-chrome .topline{background:var(--paper);border-bottom:1px solid var(--rule)}
.mc-chrome .topline .wrap{display:flex;justify-content:space-between;align-items:center;height:34px;gap:20px;color:var(--ink-soft)}
.mc-chrome .topline .kick{display:flex;gap:18px;align-items:center;font-family:var(--sans);font-weight:600;letter-spacing:.03em;text-transform:uppercase;font-size:.74rem}
.mc-chrome .topline .kick .b{width:4px;height:4px;border-radius:50%;background:var(--red)}
.mc-chrome .topline .right{display:flex;gap:22px}
.mc-chrome .topline a:hover{color:var(--ink)}
.mc-chrome .topline .t-social{display:inline-flex;align-items:center;gap:11px;margin-left:4px;padding-left:14px;border-left:1px solid var(--rule)}
.mc-chrome .topline .t-social a{display:inline-flex;color:var(--ink-soft)}
.mc-chrome .topline .t-social a:hover{color:var(--brand)}
.mc-chrome .topline .t-social svg{width:13px;height:13px}

/* masthead */
.mc-chrome header.mast{position:sticky;top:0;z-index:80;background:rgba(240,244,248,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule)}
.mc-chrome .mast .wrap{display:flex;align-items:center;justify-content:space-between;height:80px;gap:22px}
.mc-chrome .logo img{height:46px;width:auto;display:block}
.mc-chrome nav.nav{display:flex;gap:26px;align-items:stretch}
.mc-chrome .nav-item{position:relative;display:flex;align-items:center}
.mc-chrome .nav-item>a{font-size:.83rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);position:relative;white-space:nowrap;display:flex;align-items:center;height:80px}
.mc-chrome .nav-item>a::after{content:"";position:absolute;left:0;right:0;bottom:16px;height:14px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 16'%3E%3Cpath d='M0 9 H40 l3 0 l3 -6 l4 11 l3 -7 l2 2 H100' fill='none' stroke='%23b8282b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") left center / 100% 100% no-repeat;clip-path:inset(0 100% 0 0);transition:clip-path .45s cubic-bezier(.2,.8,.2,1)}
.mc-chrome .nav-item:hover>a::after{clip-path:inset(0 0 0 0)}
.mc-chrome .sub{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);min-width:242px;background:var(--paper);border:1px solid var(--rule);border-top:2px solid var(--red);box-shadow:0 26px 54px -30px rgba(16,32,47,.55);padding:8px 0;opacity:0;visibility:hidden;transition:opacity .22s,transform .22s;z-index:90}
.mc-chrome .nav-item.has-sub:hover .sub{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.mc-chrome .sub a{display:block;padding:9px 22px;font-size:.86rem;font-weight:600;color:var(--ink-2);white-space:nowrap;transition:background .2s,color .2s}
.mc-chrome .sub a:hover{background:rgba(16,32,47,.05);color:var(--red)}
.mc-chrome .cta-btn{font-family:var(--sans);font-weight:600;font-size:.82rem;letter-spacing:.03em;padding:.72em 1.15em;border-radius:2px;white-space:nowrap;background:var(--ink);color:var(--paper);display:inline-flex;gap:.5em;align-items:center;transition:background .3s,transform .3s}
.mc-chrome .cta-btn:hover{background:var(--brand);transform:translateY(-1px);color:var(--paper)}
.mc-chrome .nav-cta{display:flex;align-items:center;gap:10px}
.mc-chrome .cta-btn.cta-ghost{background:transparent;color:var(--brand);border:1px solid var(--brand)}
.mc-chrome .cta-btn.cta-ghost:hover{background:var(--brand);color:#fff}
.mc-chrome .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.mc-chrome .burger span{width:24px;height:2px;background:var(--ink);transition:.3s}
@media(max-width:1000px){
  /* backdrop-filter on the masthead would trap position:fixed children -> drop it on mobile */
  .mc-chrome header.mast{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--paper)}
  .mc-chrome .topline{display:none}
  .mc-chrome nav.nav{position:fixed;inset:0 0 0 auto;width:min(82vw,340px);background:var(--paper);flex-direction:column;align-items:stretch;padding:96px 32px 40px;gap:0;transform:translateX(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);box-shadow:-30px 0 80px -40px rgba(16,32,47,.6);border-left:1px solid var(--rule);z-index:85;overflow-y:auto}
  .mc-chrome nav.nav.open{transform:none}
  .mc-chrome .nav-item{flex-direction:column;align-items:stretch}
  .mc-chrome .nav-item>a{height:auto;padding:13px 0;font-size:1.02rem;border-bottom:1px solid var(--rule-soft)}
  .mc-chrome .nav-item>a::after{display:none}
  .mc-chrome .sub{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;background:transparent;padding:6px 0 12px 14px;min-width:0}
  .mc-chrome .sub a{padding:7px 0;font-size:.94rem;font-weight:600;color:var(--ink-soft)}
  .mc-chrome .sub a:hover{background:none;color:var(--red)}
  .mc-chrome .burger{display:flex;z-index:90}
  .mc-chrome .burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mc-chrome .burger.open span:nth-child(2){opacity:0}
  .mc-chrome .burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mc-chrome .nav-cta{display:none}
  .mc-chrome .topline .kick span:nth-child(n+3){display:none}
}

/* ============ NEWS TICKER — rounded tab hanging from the masthead ============ */
.mc-chrome .mc-ticker-wrap{display:flex;justify-content:center;position:relative;z-index:1;pointer-events:none}
.mc-chrome .mc-ticker{pointer-events:auto;display:flex;align-items:stretch;width:min(740px,92vw);height:38px;background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-top:0;border-radius:0 0 13px 13px;overflow:hidden;box-shadow:0 8px 16px -12px rgba(16,32,47,.26)}
.mc-chrome .mc-tk-lbl{flex:0 0 auto;display:flex;align-items:center;gap:8px;background:var(--red);color:#fff;font-family:var(--label);font-weight:700;font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;padding:0 15px}
.mc-chrome .mc-tk-pulse{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.6);animation:mc-tkpulse 1.8s ease-out infinite}
@keyframes mc-tkpulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}70%{box-shadow:0 0 0 7px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.mc-chrome .mc-tk-track{flex:1;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 90%,transparent)}
.mc-chrome .mc-tk-run{display:flex;align-items:center;height:100%;width:max-content;white-space:nowrap;animation:mc-tkscroll 34s linear infinite}
.mc-chrome .mc-ticker:hover .mc-tk-run{animation-play-state:paused}
.mc-chrome .mc-tk-run a{display:inline-flex;align-items:center;height:100%;padding:0 2px;color:var(--ink-2);font-family:var(--sans);font-size:.8rem;font-weight:600;letter-spacing:.01em;text-decoration:none;transition:color .2s}
.mc-chrome .mc-tk-run a:hover{color:var(--red)}
.mc-chrome .mc-tk-dot{display:inline-block;flex:0 0 auto;width:5px;height:5px;border-radius:50%;background:var(--red);margin:0 24px}
@keyframes mc-tkscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.mc-chrome .mc-tk-run{animation:none}}
@media(max-width:600px){.mc-chrome .mc-ticker{width:96vw}.mc-chrome .mc-tk-lbl{font-size:.58rem;padding:0 11px}.mc-chrome .mc-tk-run a{font-size:.74rem}}

/* ============ FOOTER (.mc-foot) ============ */
.fusion-tb-footer{background:var(--ink)!important}
.mc-foot{background:var(--ink);color:rgba(240,244,248,.62);padding:60px 0 28px;font-family:var(--sans)}
.mc-foot .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
.mc-foot a{text-decoration:none;color:inherit}
.mc-foot .f-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;padding-bottom:40px;border-bottom:1px solid rgba(240,244,248,.14)}
.mc-foot .logo img{height:46px;width:auto;opacity:.96;margin-bottom:18px}
.mc-foot .f-about{font-family:var(--serif);font-style:italic;font-size:1.05rem;color:rgba(240,244,248,.7);max-width:34ch}
.mc-foot .f-col h4{color:var(--paper);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px;font-weight:700}
.mc-foot .f-col a{display:block;padding:6px 0;font-size:.94rem;color:rgba(240,244,248,.6);transition:color .3s,padding-left .3s}
.mc-foot .f-col a:hover{color:var(--paper);padding-left:5px}
.mc-foot .f-bottom{display:flex;flex-direction:column;gap:14px;padding-top:22px;font-size:.82rem;color:rgba(240,244,248,.45)}
.mc-foot .f-legal{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}
.mc-foot .f-legal a{font-size:.8rem;color:rgba(240,244,248,.55);transition:color .25s}
.mc-foot .f-legal a:hover{color:var(--paper)}
.mc-foot .f-bottom-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:13px;border-top:1px solid rgba(240,244,248,.1)}
@media(max-width:820px){.mc-foot .f-grid{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:480px){.mc-foot .f-grid{grid-template-columns:1fr}}

/* ===================================================================
 * SILVER MIST — navy/white navigation (site-wide, client-approved).
 * Replaces the previous cream masthead: navy bar + white nav, light
 * wordmark, white CTAs, deeper-navy ticker. Keeps the red pulse hover.
 * =================================================================== */
.topline{background:#1B3B6F !important;border-bottom:1px solid rgba(255,255,255,.14) !important}
.topline .kick span,.topline .kick,.topline a{color:#e8f0fb !important}
.topline a:hover{color:#fff !important}
.topline .t-social svg{color:#e8f0fb !important}
.mast{background:#1B3B6F !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border-bottom:1px solid rgba(255,255,255,.14) !important}
.mast .logo img{content:url('logo-footer.png');max-height:46px;width:auto}
nav.nav .nav-item > a{color:#fff !important}
nav.nav .nav-item > a:hover{color:#cfe0f5 !important}
nav.nav .sub{background:#fff !important}
nav.nav .sub a{color:#1B3B6F !important}
nav.nav .sub a:hover{color:#b8282b !important;background:#f2f6fc !important}
.nav-cta .cta-btn.cta-ghost{color:#fff !important;border:1px solid rgba(255,255,255,.6) !important;background:transparent !important}
.nav-cta .cta-btn.cta-ghost:hover{background:#fff !important;color:#1B3B6F !important}
.nav-cta .cta-btn:not(.cta-ghost){background:#fff !important;color:#1B3B6F !important}
.nav-cta .cta-btn:not(.cta-ghost):hover{background:#cfe0f5 !important;color:#1B3B6F !important}
.burger span{background:#fff !important}
.mc-ticker-wrap,.mc-ticker{background:#14305A !important;border-color:rgba(255,255,255,.12) !important}
.mc-ticker,.mc-ticker a,.mc-tk-lbl{color:#fff !important}

/* Pin the Avada global "Brand Main" palette slot (awb-color6) to the Silver Mist
   navy. Guards against browsers still holding a cached copy of the pre-recolor
   Avada compiled CSS (the origin file is already correct). */
:root{--awb-color6:#1B3B6F !important}

/* ---- Mobile slide-in menu: the panel is light, so the #fff nav rules above
   (meant for the navy DESKTOP bar) must not apply here — keep labels dark. ---- */
@media(max-width:1000px){
  .mc-chrome nav.nav .nav-item > a{color:#1B3B6F !important}
  .mc-chrome nav.nav .nav-item > a:hover{color:#b8282b !important}
  .mc-chrome nav.nav .sub{background:transparent !important}
  .mc-chrome nav.nav .sub a{color:#33414d !important}
  .mc-chrome nav.nav .sub a:hover{color:#b8282b !important;background:none !important}
}