/* ============================================================ 786 Family - brand theme overrides Loaded ONLY on 786family.com (the has class "brand-786"). Indian Family History keeps the default blue theme untouched. Palette: navy #0f3d6e, green #1f7a43, gold #c9a227 ============================================================ */ .brand-786 .site-nav { background: #0a2342 !important; } /* Brand-navy links ONLY inside page content (not the dark navbar / not buttons). */ .brand-786 .site-main a:not(.btn) { color: #0f3d6e; } .brand-786 .navbar-brand { color: #fff; } .brand-786 .navbar-dark .navbar-nav .nav-link:hover { color: #fff; } .brand-786 .btn-primary { background-color: #0f3d6e; border-color: #0f3d6e; color: #fff; } .brand-786 .btn-primary i { color: #fff; } .brand-786 .btn-primary:hover, .brand-786 .btn-primary:focus, .brand-786 .btn-primary:active { background-color: #0c3157 !important; border-color: #0c3157 !important; } .brand-786 .btn-outline-primary { color: #0f3d6e; border-color: #0f3d6e; } .brand-786 .btn-outline-primary:hover { background-color: #0f3d6e; border-color: #0f3d6e; color: #fff; } .brand-786 .bg-primary { background-color: #0f3d6e !important; } .brand-786 .text-primary { color: #0f3d6e !important; } .brand-786 .badge.bg-primary { background-color: #1f7a43 !important; } .brand-786 .ifh-section-kicker { color: #1f7a43; } .brand-786 .ifh-check-list li::before { color: #1f7a43; } .brand-786 .ifh-icon { background: #e8f5ec; color: #1f7a43; } .brand-786 .ifh-hero, .brand-786 .ifh-page-hero { background: radial-gradient(circle at top left, rgba(31, 122, 67, .12), transparent 30%), linear-gradient(135deg, #ffffff 0%, #f1f8f3 100%); border: 1px solid #d8e8dd; } .brand-786 .ifh-stats-panel, .brand-786 .ifh-gradient-card { background: linear-gradient(135deg, #ffffff 0%, #f6fbf8 100%); } .brand-786 .accordion-button:not(.collapsed) { color: #0f3d6e; background-color: #eef4fb; } .brand-786 .accordion-button:focus { border-color: #1f7a43; box-shadow: 0 0 0 .2rem rgba(31, 122, 67, .2); }