/* ===== 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} /* ============ HEADER (.mc-chrome) ============ Client mockup 2026-09-28: three tiers — dark utility bar (Services-section navy #10202f), white contact row (logo · Call Now · Text Now · search), white nav row with the red Request-an-Appointment pill. Sticky: the whole .fusion-tb-header sticks at a NEGATIVE top equal to the two upper tiers, so on scroll only the nav row stays pinned (pure CSS, no layout jump). Keep --mc-hdr-stick in sync with the tier heights below. */ .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} /* wpautop wraps bits of the fusion_code markup in

s — dissolve them so they never become flex items */ .mc-chrome p{display:contents} :root{--mc-hdr-stick:148px}/* = topline (44) + mast-top (104) */ .fusion-tb-header:has(.mc-chrome){position:sticky;top:calc(var(--mc-hdr-stick) * -1)} body.admin-bar .fusion-tb-header:has(.mc-chrome){top:calc(32px - var(--mc-hdr-stick))} /* tier 1 — utility bar */ .mc-chrome .topline{background:#10202f;color:#fff;border:0} .mc-chrome .topline .wrap{display:flex;justify-content:flex-end;align-items:center;height:44px} .mc-chrome .topline .right{display:flex;align-items:center;gap:0} .mc-chrome .topline .right>a{display:inline-flex;align-items:center;gap:9px;padding:0 20px;font-family:var(--sans);font-size:.9rem;font-weight:500;color:#fff;border-right:1px solid rgba(255,255,255,.28);line-height:1.1} .mc-chrome .topline .right>a svg{width:19px;height:19px;flex:0 0 auto} .mc-chrome .topline .right>a:hover{color:#cfe0f5} .mc-chrome .topline .t-social{display:inline-flex;align-items:center;gap:22px;padding-left:22px} .mc-chrome .topline .t-social a{display:inline-flex;color:#fff} .mc-chrome .topline .t-social a:hover{color:#cfe0f5} .mc-chrome .topline .t-social svg{width:18px;height:18px} /* tier 2 — logo + contact row */ .mc-chrome .mast-top{background:#fff} .mc-chrome .mast-top .wrap{display:flex;align-items:center;justify-content:space-between;height:104px;gap:24px} .mc-chrome .logo img{height:74px;width:auto;display:block} .mc-chrome .mast-info{display:flex;align-items:center} .mc-chrome .info-item{display:flex;align-items:center;gap:14px;padding:0 26px;border-right:1px solid var(--rule-soft)} .mc-chrome .info-item .ic{flex:0 0 auto;width:50px;height:50px;border-radius:50%;background:#EEF2F6;color:var(--red);display:flex;align-items:center;justify-content:center;transition:background .25s,color .25s} .mc-chrome .info-item .ic svg{width:24px;height:24px} .mc-chrome .info-item .tx{display:flex;flex-direction:column;line-height:1.3} .mc-chrome .info-item b{font-family:var(--sans);font-weight:700;font-size:.92rem;letter-spacing:.02em;text-transform:uppercase;color:var(--ink)} .mc-chrome .info-item .tx span{font-family:var(--sans);font-size:.95rem;color:var(--ink-2);white-space:nowrap} .mc-chrome .info-item:hover .ic{background:var(--red);color:#fff} .mc-chrome .mc-search{position:relative;display:flex;align-items:center;margin-left:26px;width:320px;height:58px;background:#F1F4F8;border:1px solid var(--rule-soft);border-radius:999px} .mc-chrome .mc-search .s-ic{position:absolute;left:20px;top:50%;transform:translateY(-50%);display:flex;color:var(--ink-2)} .mc-chrome .mc-search .s-ic svg{width:20px;height:20px} .mc-chrome .mc-search input{flex:1;min-width:0;height:100%;border:0!important;background:transparent!important;padding:0 8px 0 52px!important;font-family:var(--sans);font-size:.95rem;color:var(--ink);box-shadow:none!important;outline:0} .mc-chrome .mc-search input::placeholder{color:var(--ink-soft);opacity:1} .mc-chrome .mc-search button{flex:0 0 auto;width:58px;height:58px;margin:-1px -1px -1px 0;border:0;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s} .mc-chrome .mc-search button:hover{background:var(--brand)} .mc-chrome .mc-search button svg{width:22px;height:22px} .mc-chrome .mc-search:focus-within{border-color:var(--brand)} .mc-chrome .m-quick{display:none} /* tier 3 — nav row */ /* position/backdrop/border reset: the home's legacy mc.css still carries the old template's header.mast rules */ .mc-chrome header.mast{position:relative;top:auto;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0;background:#fff;border-top:1px solid var(--rule-soft);box-shadow:0 14px 26px -22px rgba(16,32,47,.45)} .mc-chrome .mast .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:28px} .mc-chrome nav.nav{flex:1;display:flex;justify-content:space-between;gap:12px;align-items:stretch;max-width:900px} .mc-chrome .nav-item{position:relative;display:flex;align-items:center} .mc-chrome .nav-item>a{font-family:var(--sans);font-size:.95rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--ink);position:relative;white-space:nowrap;display:flex;align-items:center;height:76px;padding:0 4px;transition:color .2s} .mc-chrome .nav-item.has-sub>a{padding-right:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310202f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 2px center/13px no-repeat} .mc-chrome .nav-item>a:hover,.mc-chrome .nav-item.is-current>a{color:var(--red)} .mc-chrome .nav-item>a::after{content:"";position:absolute;left:0;right:0;bottom:12px;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 .nav-item.is-current>a::after{display:none} .mc-chrome .nav-item.is-current>a::before{content:"";position:absolute;left:-14px;right:-14px;bottom:0;height:2px;background:var(--red)} .mc-chrome .sub{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);min-width:242px;background:#fff;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:.88rem;font-weight:600;color:var(--ink-2);white-space:nowrap;transition:background .2s,color .2s} .mc-chrome .sub a:hover{background:#f2f6fc;color:var(--red)} .mc-chrome .nav-cta{display:flex;align-items:center} .mc-chrome .cta-btn{font-family:var(--sans);font-weight:700;font-size:.9rem;letter-spacing:.03em;text-transform:uppercase;padding:0 30px;height:54px;border-radius:999px;white-space:nowrap;background:var(--red);color:#fff;display:inline-flex;gap:12px;align-items:center;justify-content:center;transition:background .3s,transform .3s} .mc-chrome .cta-btn svg{width:18px;height:18px} .mc-chrome .cta-btn:hover{background:var(--brand);color:#fff;transform:translateY(-1px)} .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 .nav-m-cta{display:none} .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:1260px){ .mc-chrome .logo img{height:60px} .mc-chrome .info-item{padding:0 16px;gap:10px} .mc-chrome .info-item .ic{width:42px;height:42px} .mc-chrome .mc-search{width:250px;margin-left:16px} .mc-chrome .nav-item>a{font-size:.84rem} .mc-chrome .cta-btn{padding:0 22px;height:48px;font-size:.82rem} } @media(max-width:1000px){ :root{--mc-hdr-stick:0px} .mc-chrome .topline{display:none} .mc-chrome .mast-top{border-bottom:1px solid var(--rule-soft);box-shadow:0 12px 22px -20px rgba(16,32,47,.5)} .mc-chrome .mast-top .wrap{height:72px;gap:12px;padding:0 20px} .mc-chrome .logo img{height:46px} .mc-chrome .mast-info{display:none} .mc-chrome .m-quick{display:flex;gap:8px;margin-left:auto} .mc-chrome .m-quick a{width:40px;height:40px;border-radius:50%;background:#EEF2F6;color:var(--red);display:flex;align-items:center;justify-content:center} .mc-chrome .m-quick svg{width:20px;height:20px} /* nav row collapses to nothing; its