/* ============================================================
   The Loans Hub - navy brand overrides (loaded last)
   Brand: primary #1E3A8A, dark #0F2350, accent #2563EB
   ============================================================ */

:root{
    --lh-navy:#1e3a8a;
    --lh-navy-dark:#0f2350;
    --lh-blue:#2563eb;
    --lh-blue-light:#3b82f6;
}

/* ---- Header CTA: make the "Get Your Quote" button solid navy so it
        is always visible on the white sticky header ---- */
.header .white_btn,
.header .white_btn:link,
.header .white_btn:visited{
    background-color:var(--lh-navy)!important;
    border:2px solid var(--lh-navy)!important;
    color:#fff!important;
}
.header .white_btn:hover{
    background-color:var(--lh-navy-dark)!important;
    border-color:var(--lh-navy-dark)!important;
    color:#fff!important;
}

/* ---- Header logo sizing ---- */
.business_hub-logo{max-height:46px;width:auto}

/* ---- Dropdown product icons (now Font Awesome glyphs in a navy chip) ---- */
.menu_icon{
    min-width:44px;width:44px;height:44px;border-radius:12px;
    background:linear-gradient(135deg,var(--lh-navy),var(--lh-blue));
    display:flex;align-items:center;justify-content:center;
}
.menu_icon i{color:#fff;font-size:18px}
.menu_card{padding:6px 0}
.menu_title{color:var(--lh-navy)!important}

/* ============================================================
   Footer
   ============================================================ */
.lh-footer{background-color:var(--lh-navy-dark)}
/* The supplied logo is solid navy on transparent; invert it to read on the dark footer */
.lh-footer-logo{filter:brightness(0) invert(1);max-width:190px;height:auto}
.lh-footer .footer_nav{color:rgba(255,255,255,.82);text-decoration:none;transition:color .15s}
.lh-footer .footer_nav:hover{color:#fff}
.lh-footer .white{color:rgba(255,255,255,.85)}

.lh-poweredby{border-top:1px solid rgba(255,255,255,.14)}
.lh-poweredby .white{color:rgba(255,255,255,.7)}
.lh-poweredby-link{text-decoration:none}
.lh-poweredby-label{color:rgba(255,255,255,.6);font-size:.8rem;letter-spacing:.4px;text-transform:uppercase}
.lh-poweredby-logo{max-height:40px;width:auto}
@media(min-width:768px){.lh-poweredby .col-md-6:last-child{text-align:right}}

/* ============================================================
   Generic page wrapper (custom non-hero pages)
   ============================================================ */
.lh-page{padding-top:120px}
.lh-hero{
    background:linear-gradient(135deg,var(--lh-navy-dark),var(--lh-navy) 55%,var(--lh-blue) 120%);
    color:#fff;padding:130px 0 70px;
}
.lh-hero h1{font-weight:800;font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.12;letter-spacing:-.5px;margin-bottom:1rem}
.lh-hero .lede{font-size:1.1rem;max-width:680px;opacity:.92;line-height:1.55}
.lh-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.14);
    padding:.4rem .9rem;border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.5px;
    text-transform:uppercase;margin-bottom:1rem}
.lh-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--lh-blue);color:#fff;
    font-weight:700;padding:14px 26px;border-radius:30px;text-decoration:none;transition:background .15s,transform .12s}
.lh-btn:hover{background:#1d4ed8;color:#fff;transform:translateY(-1px)}
.lh-btn-outline{background:transparent;border:2px solid #fff;color:#fff}
.lh-btn-outline:hover{background:#fff;color:var(--lh-navy)}

.lh-card{background:#fff;border:1px solid #e3e9f3;border-radius:18px;padding:26px;height:100%;
    box-shadow:0 10px 30px rgba(15,35,80,.06);transition:transform .15s,box-shadow .15s}
.lh-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(15,35,80,.12)}
.lh-card .lh-card-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;
    justify-content:center;background:linear-gradient(135deg,var(--lh-navy),var(--lh-blue));color:#fff;font-size:22px;margin-bottom:16px}
.lh-card h3{font-size:1.15rem;font-weight:800;color:var(--lh-navy-dark);margin-bottom:.6rem}
.lh-card p{color:#5a6975;font-size:.96rem;line-height:1.5;margin-bottom:1rem}
.lh-card a.lh-card-link{color:var(--lh-blue);font-weight:700;text-decoration:none}
.lh-card a.lh-card-link:hover{text-decoration:underline}

.lh-section{padding:64px 0}
.lh-section h2{font-weight:800;color:var(--lh-navy-dark);font-size:clamp(1.5rem,2.6vw,2.1rem);margin-bottom:.6rem}
.lh-section .lh-sub{color:#5a6975;max-width:720px;margin:0 auto 2rem;text-align:center}
.lh-muted{color:#5a6975}
.lh-bg-light{background:#f6f8fc}

/* trust strip */
.lh-trust{background:var(--lh-navy-dark);color:#fff;padding:18px 0}
.lh-trust .lh-trust-item{display:flex;align-items:center;gap:.6rem;justify-content:center;font-weight:600;font-size:.92rem}
.lh-trust i{color:#7fb0ff}

/* Generic quote form (get-quotes) */
.lh-form label{font-weight:600;color:var(--lh-navy-dark);margin-bottom:.35rem;display:block}
.lh-form .form-control,.lh-form .form-select{border:2px solid #e3e9f3;border-radius:12px;padding:12px 14px}
.lh-form .form-control:focus,.lh-form .form-select:focus{border-color:var(--lh-blue);box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.lh-form-card{background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(15,35,80,.12);padding:30px}

/* ============================================================
   Thank-you / submission checkmark + loader animation
   (re-themed navy; originally inline in the WP header)
   ============================================================ */
@keyframes lh-circle{0%{transform:scale(1.12)}50%{transform:scale(1.25)}100%{transform:scale(1.12)}}
#circle{transform-origin:50% 50%;animation:lh-circle .75s .5s infinite ease-in-out}
@keyframes lh-check{0%{transform:scale(1) translate(30px,16.666px)}50%{transform:scale(1.12) translate(30px,16.666px)}100%{transform:scale(1) translate(30px,16.666px)}}
#check{transform:scale(1) translate(30px,16.666px);transform-origin:50% 50%;animation:lh-check .75s .25s infinite ease-in-out}
#svg_wrap{border:solid 10px #1e3a8a;display:inline-block;overflow:hidden;border-radius:50%;position:relative;width:120px;height:120px;background-color:#1e3a8a}
#svg_wrap>svg{top:0;left:0;width:100px;height:100px;position:absolute}
#check_outer{top:25px!important;left:25px!important;width:15px!important;height:15px!important;transform:translate(16.666px,16.666px) scale(5)}
.thanks_page .banner_title{font-size:36px}
.thanks_page #svg_wrap{margin-top:10px}