/* AmericanBizFunding interior skin — matches the approved homepage design. Load AFTER /css/style.css and page inline styles (replaces /css/v2-skin.css). Chrome uses abf-* classes only, so old selectors (header, nav, footer, .logo, .btn) can't hit it. Fonts: Plus Jakarta Sans (headings/UI) + Figtree (body) — add the Google Fonts in . */ :root{ --abf-red:#c91125;--abf-red-lo:#b80e20;--abf-kick:#d11f2f;--abf-ink:#0b1430;--abf-navy:#0f2d58;--abf-band:#061e35; --abf-body:#4b5266;--abf-muted:#5b6274;--abf-line:#dfe3e8;--abf-paper:#f4f6f9; /* remap legacy tokens used by style.css / v2 pages so old components pick up the new palette */ --gold:#c91125;--gold-dk:#b80e20;--maroon:#0f2d58;--wine:#061e35;--ink:#0b1430;--v2body:#4b5266;--v2line:#dfe3e8;--v2cream:#f4f6f9; --ocean:#0f2d58;--ocean-dark:#061e35;--ocean-light:#1c3f72;--sun:#c91125;--sun-light:#e0485a;--sun-dark:#b80e20; --cream:#f4f6f9;--cream-dark:#e9edf2;--charcoal:#0b1430;--black:#061e35;--border:#dfe3e8 } html,body{overflow-x:clip} body{font-family:Figtree,-apple-system,"Segoe UI",Roboto,sans-serif !important;color:var(--abf-body) !important;background:#fff !important;-webkit-font-smoothing:antialiased} h1,h2,h3,h4{font-family:"Plus Jakarta Sans",Figtree,sans-serif !important;color:var(--abf-ink);letter-spacing:-.02em} h1,h2{font-weight:800 !important} a{color:var(--abf-navy)} a:hover{color:var(--abf-red)} /* ---- old chrome we replace ---- */ .top-bar,.site-header,.site-footer,.value-banner,.v2-bar,.v2-hdr,.v2-menu,.v2-foot{display:none !important} /* ---- shared ---- */ .abf-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box} .abf-hdr *,.abf-foot *{box-sizing:border-box} .abf-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:3px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:15px;line-height:1;white-space:nowrap;text-decoration:none !important;cursor:pointer;transition:background .15s,border-color .15s} .abf-btn svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .abf-btn-r,a.abf-btn-r{background:var(--abf-red) !important;color:#fff !important;border:0;box-shadow:0 1px 2px rgba(120,10,22,.18)} .abf-btn-r:hover{background:var(--abf-red-lo) !important;color:#fff !important} .abf-btn-o,a.abf-btn-o{background:#fff !important;color:var(--abf-ink) !important;border:1px solid #3d4356} .abf-btn-o:hover{border-color:var(--abf-ink);color:var(--abf-ink) !important} .abf-kick{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--abf-kick)} .abf-hdr a:focus-visible,.abf-foot a:focus-visible,.abf-btn:focus-visible,.abf-burger:focus-visible{outline:2px solid var(--abf-red);outline-offset:2px} /* ---- header ---- */ .abf-hdr{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #e8ebf0;font-family:"Plus Jakarta Sans",Figtree,sans-serif} .abf-hdr-in{display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px} .abf-logo{display:flex;align-items:center;min-width:0;min-height:48px;text-decoration:none} .abf-logo img{display:block;width:196px !important;height:auto !important;max-width:100%;filter:none !important;opacity:1 !important} .abf-nav{display:none;list-style:none;margin:0;padding:0} .abf-hdr-r{display:flex;align-items:center;gap:6px} .abf-hdr-cta{min-height:40px;padding:0 13px;font-size:13.5px;gap:8px} .abf-hdr-cta svg{width:13px;height:13px} .abf-burger{width:44px;height:44px;border:0;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--abf-ink);padding:0} .abf-burger svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round} .abf-mnav{display:none;border-top:1px solid #e8ebf0;background:#fff;padding:4px 20px 18px;max-height:calc(100vh - 64px);overflow:auto} .abf-mnav.open{display:block} .abf-mnav .abf-mh{margin:16px 0 4px;font-size:10.5px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--abf-kick)} .abf-mnav a{display:flex;align-items:center;min-height:44px;border-bottom:1px solid #eef0f4;font-weight:500;font-size:15px;color:var(--abf-ink);text-decoration:none} .abf-mnav .abf-btn{width:100%;margin-top:16px;border-bottom:0;color:#fff} /* ---- footer ---- */ .abf-foot{background:var(--abf-band);color:#aebbcb;font-family:Figtree,sans-serif;font-size:14.5px;line-height:1.5;padding:36px 0 24px} .abf-fcols{display:grid;grid-template-columns:1fr 1fr;gap:26px 18px} .abf-fbrand{grid-column:1/-1} .abf-fbrand img{display:block;width:220px;height:auto;filter:brightness(0) invert(1)} .abf-fbrand p{margin:10px 0 0;font-size:14px;line-height:1.5;color:#8fa0b4} .abf-foot .abf-fh{margin:0 0 6px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#fff} .abf-foot .abf-fh:before{content:"";display:block;width:18px;height:2px;background:#d3182d;margin-bottom:8px} .abf-foot nav a{display:flex;align-items:center;min-height:36px;color:#aebbcb;text-decoration:none} .abf-foot nav a:hover,.abf-legal a:hover{color:#fff} .abf-legal{margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;line-height:20px;color:#8596ab} .abf-legal div+div{margin-top:6px} .abf-legal a{display:inline-flex;align-items:center;min-height:36px;margin-right:18px;color:#aebbcb;text-decoration:none} /* ---- page body: re-color legacy templates to the new palette (content untouched) ---- */ .breadcrumb{background:#fff !important;border-bottom:1px solid var(--abf-line) !important;font-family:Figtree,sans-serif} .breadcrumb a{color:var(--abf-navy) !important} .page-hero{background:var(--abf-band) !important} .page-hero::before{background:linear-gradient(135deg,rgba(6,30,53,.95),rgba(15,45,88,.88)) !important} .page-hero h1{color:#fff !important;font-size:clamp(34px,8vw,56px) !important;line-height:1.06 !important;letter-spacing:-.03em} .article-content h2{color:var(--abf-ink) !important} .article-content h3{color:var(--abf-navy) !important} .article-content p,.article-content li{color:var(--abf-body) !important} .article-content a{color:var(--abf-red);text-decoration:underline;text-underline-offset:3px} .article-content blockquote{border-left-color:var(--abf-red) !important} .faq-item{border-color:var(--abf-line) !important;border-radius:4px !important} .faq-item:hover{border-color:var(--abf-navy) !important} .faq-question{font-family:"Plus Jakarta Sans",sans-serif !important;color:var(--abf-ink) !important} .faq-question::after{color:var(--abf-red) !important} .related-pages{background:var(--abf-paper) !important} .cta-banner{background:var(--abf-band) !important} .cta-banner .cta-overlay{background:linear-gradient(135deg,rgba(6,30,53,.94),rgba(15,45,88,.86)) !important} .cta-banner h2 .accent,.page-hero .accent,.accent{color:#ff5a6a !important} .btn-primary,.btn-gold,.btn-sun{background:var(--abf-red) !important;color:#fff !important;box-shadow:0 1px 2px rgba(120,10,22,.18) !important;border-radius:3px !important} .btn-primary:hover,.btn-gold:hover,.btn-sun:hover{background:var(--abf-red-lo) !important;color:#fff !important} .btn-outline-light:hover{border-color:#fff !important;color:#fff !important} .sticky-mobile-cta a{background:var(--abf-red) !important;color:#fff !important} /* city pages (hardcoded inline colors) */ .city-hero{background:linear-gradient(135deg,var(--abf-navy) 0%,var(--abf-band) 100%) !important} .city-hero h1 strong{color:#ff5a6a !important} .city-eyebrow{background:var(--abf-red) !important;color:#fff !important} .city-cta-btn{background:var(--abf-red) !important;color:#fff !important} .city-section.alt{background:var(--abf-paper) !important} .city-stat strong{color:var(--abf-navy) !important} .city-cta-section{background:var(--abf-band) !important} /* auto "Related Funding Options" block (inline-styled) */ section[style*="background:#f7f8fa"]{background:var(--abf-paper) !important;border-top:1px solid var(--abf-line) !important} section[style*="background:#f7f8fa"] div[style*="color:#00A86B"]{color:var(--abf-kick) !important;font-family:"Plus Jakarta Sans",sans-serif} section[style*="background:#f7f8fa"] h2{font-family:"Plus Jakarta Sans",sans-serif !important;color:var(--abf-ink) !important;font-size:clamp(24px,5.6vw,32px) !important} section[style*="background:#f7f8fa"] a[style*="border-left"]{border-left-color:var(--abf-red) !important;border-color:var(--abf-line) !important;color:var(--abf-ink) !important;font-family:Figtree,sans-serif;text-transform:capitalize} section[style*="background:#f7f8fa"] a[style*="border-left"]:hover{border-color:var(--abf-navy) !important;color:var(--abf-red) !important} /* thank-you page */ .ty-check{background:var(--abf-red) !important;color:#fff !important} .ty-card a{color:var(--abf-navy)} @media (min-width:600px){.abf-wrap{padding:0 32px}.abf-fcols{grid-template-columns:repeat(4,1fr)}} @media (min-width:1024px){ .abf-wrap{padding:0 40px} .abf-hdr-in{height:72px} .abf-logo img{width:260px !important} .abf-burger,.abf-mnav,.abf-mnav.open{display:none} .abf-nav{display:flex;align-items:center;gap:30px;margin-left:auto;margin-right:26px} .abf-nav>li{position:relative} .abf-nav>li>a{display:flex;align-items:center;gap:6px;padding:24px 0;font-weight:500;font-size:14px;letter-spacing:-.01em;color:#1b2340;text-decoration:none} .abf-nav>li>a:hover{color:var(--abf-red)} .abf-chev{width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round} .abf-dd{position:absolute;left:-16px;top:62px;min-width:230px;background:#fff;border:1px solid var(--abf-line);border-radius:4px;box-shadow:0 14px 32px rgba(11,20,48,.12);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility .15s} .abf-dd a{display:block;padding:9px 16px;font-size:14px;color:#1b2340;white-space:nowrap;text-decoration:none} .abf-dd a:hover{background:var(--abf-paper);color:var(--abf-red)} .abf-nav>li:hover .abf-dd,.abf-nav>li:focus-within .abf-dd{opacity:1;visibility:visible;transform:none} .abf-hdr-cta{min-height:44px;padding:0 20px;font-size:14.5px;gap:12px} .abf-foot{padding:44px 0 26px;font-size:14px} .abf-fcols{grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:28px} .abf-fbrand{grid-column:auto} .abf-foot nav a{min-height:30px} .abf-legal{display:flex;justify-content:space-between;gap:20px} .abf-legal div+div{margin-top:0} .abf-legal a{min-height:0;margin:0 0 0 22px} } /* ===== ABF content theme (interior pages) ===== */ :root{--gold:#c91125;--gold-dk:#b80e20;--maroon:#0f2d58;--wine:#061e35;--ink:#0b1430;--v2body:#4b5266;--v2line:#dfe3e8;--v2cream:#f4f6f9; --ocean:#0f2d58;--ocean-dark:#061e35;--ocean-light:#1b447d;--sun:#c91125;--sun-light:#ff6b76;--sun-dark:#b80e20;--cream:#f4f6f9;--cream-dark:#e9edf3;--charcoal:#0b1430;--black:#0b1430;--border:#dfe3e8} html:root{--primary-blue:#0f2d58;--primary-blue-active:#061e35;--primary-blue-hover:#1b447d;--dark-blue:#0b1430} html body h1,html body h2,html body h3,html body .section-title,html body .page-hero h1,html body .apply-hero h1,html body section[style*="background:#f7f8fa"] h2,html body .form-section h2{font-family:"Plus Jakarta Sans",Figtree,system-ui,sans-serif!important;letter-spacing:-.02em} html body section[style*="background:#f7f8fa"] h2,html body .form-section h2{color:#0b1430!important} html body .v2-btn,html body a.v2-btn,html body .btn-primary,html body .btn-gold,html body .btn-sun,html body .city-cta-btn,html body .sticky-mobile-cta a,html body .btn-submit,html body button[type="submit"],html body .application-form-single button[type="submit"],html body .btn-cta-gold{background:#c91125!important;color:#fff!important;border-color:#c91125!important;box-shadow:none!important} html body .btn-primary:hover,html body .btn-gold:hover,html body .btn-sun:hover,html body .city-cta-btn:hover,html body .btn-submit:hover,html body button[type="submit"]:hover,html body .btn-cta-gold:hover{background:#b80e20!important;color:#fff!important} html body .city-eyebrow,html body .section-eyebrow{color:#d11f2f!important} html body .breadcrumb a{color:#0f2d58!important} html body .page-hero,html body .cta-banner{background:#061e35!important} html body .page-hero::before{background:linear-gradient(135deg,rgba(6,30,53,.94) 0%,rgba(15,45,88,.86) 60%,rgba(27,68,125,.78) 100%)!important} html body .cta-banner .cta-overlay{background:linear-gradient(135deg,rgba(6,30,53,.93) 0%,rgba(15,45,88,.86) 60%,rgba(27,68,125,.8) 100%)!important} html body .cta-banner h2 .accent,html body .page-hero .accent,html body .accent,html body .apply-hero-content h1 span,html body .apply-hero h1 .accent{color:#ff6b76!important} html body .apply-hero{background:linear-gradient(135deg,#061e35 0%,#0f2d58 60%,#1b447d 100%)!important} html body .apply-hero .trust-item{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important} html body .apply-hero .trust-item svg{stroke:#ff8a93!important;color:#ff8a93!important} /* ===== ABF eyebrow pill fix ===== */ html body .city-eyebrow{background:rgba(201,17,37,.18)!important;color:#fff!important;border:1px solid rgba(255,138,147,.45)!important} html body .section-eyebrow{color:#d11f2f!important}