/* ============================================================
   Sterling Foundations & Trusts — Shared Navigation CSS
   Applies to all pages site-wide. Edit here to update nav
   appearance everywhere at once.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Source+Sans+3:wght@400;500;600&display=swap');

#sterling-nav{background:#fff;display:flex;align-items:center;padding:0 52px;height:80px;position:sticky;top:0;z-index:9999;border-bottom:2px solid #c9a84c;box-shadow:0 2px 16px rgba(15,23,42,.07);gap:20px;font-family:'Source Sans 3','Segoe UI',sans-serif;}
.sn-brand{text-decoration:none;display:flex;align-items:center;margin-right:auto;}
.sn-brand img{height:52px;width:auto;display:block;object-fit:contain;}
#sterling-nav > ul{display:flex;list-style:none;gap:26px;margin:0;padding:0;}
#sterling-nav > ul > li{position:relative;}
#sterling-nav > ul > li > a{color:#264a96;text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;padding:3px 0 16px;display:block;white-space:nowrap;}
#sterling-nav > ul > li > a:hover,#sterling-nav > ul > li > a.sn-active{color:#c9a84c;border-bottom-color:#c9a84c;}
.sn-drop{display:none;position:absolute;top:calc(100% - 6px);left:50%;transform:translateX(-50%);min-width:240px;background:#fff;border:1px solid rgba(38,74,150,.15);border-top:3px solid #c9a84c;box-shadow:0 16px 40px rgba(15,23,42,.14);padding:6px 0 10px;list-style:none;z-index:10000;}
#sterling-nav > ul > li.sn-open .sn-drop{display:block;}
.sn-drop li{display:block;margin:0;}
.sn-drop li a{display:block;padding:11px 20px;font-size:14px;letter-spacing:.04em;color:#264a96;text-decoration:none;font-weight:500;white-space:nowrap;text-transform:none;border:none !important;border-left:3px solid transparent !important;transition:background .12s,color .12s,border-color .12s;}
.sn-drop li a:hover,.sn-drop li a:focus{color:#264a96;background:#f0ebdc;border-left-color:#c9a84c !important;padding-left:23px;outline:none;}
.sn-drop .sn-divider{height:1px;background:rgba(38,74,150,.1);margin:6px 16px;}
.sn-section-label{display:block;padding:10px 20px 3px;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#c9a84c;pointer-events:none;cursor:default;}
.sn-cta{background:#264a96;color:#fff !important;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:10px 22px;border-radius:4px;white-space:nowrap;flex-shrink:0;transition:background .2s;margin-left:8px;}
.sn-cta:hover{background:#1f3c7a;}
@media(max-width:900px){
  #sterling-nav{padding:12px 20px;flex-wrap:wrap;height:auto;}
  #sterling-nav > ul{gap:14px;flex-wrap:wrap;}
  .sn-cta{display:none;}
}

/* ── Floating CTA button (bottom-right on all pages) ── */
.float-cta{position:fixed;bottom:28px;right:28px;z-index:8888;display:flex;align-items:center;gap:10px;}
.float-cta-btn{display:inline-flex;align-items:center;gap:9px;background:#264a96;color:#fff;text-decoration:none;font-family:'Source Sans 3','Segoe UI',sans-serif;font-size:14px;font-weight:700;letter-spacing:.05em;padding:13px 22px 13px 18px;border-radius:50px;box-shadow:0 6px 28px rgba(26,53,112,.40);transition:background .2s,transform .15s,box-shadow .15s;white-space:nowrap;}
.float-cta-btn:hover{background:#1a3570;transform:translateY(-2px);box-shadow:0 10px 36px rgba(26,53,112,.50);}
.float-cta-btn svg{width:18px;height:18px;fill:#c9a84c;flex-shrink:0;}
@media(max-width:600px){
  .float-cta{bottom:14px;right:14px;}
  .float-cta-btn{font-size:13px;padding:11px 16px 11px 14px;}
  .float-cta-btn svg{width:16px;height:16px;}
}