/* CT Custom Header * -------------------------------------------------------------- * Externalised from ct-custom-header.php (was 7KB inline on every * page). Enqueued via ct_custom_header_enqueue_styles() hooked to * wp_enqueue_scripts so it loads in before the header renders. * -------------------------------------------------------------- */ #ct-header{background:#051228;position:sticky;top:0;z-index:9999;font-family:"Helvetica Now Display",Helvetica,Arial,sans-serif} #ct-header *{box-sizing:border-box} .ct-hdr-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;padding:0 24px;height:80px} .ct-logo{flex-shrink:0;margin-right:auto} .ct-logo img{height:42px;width:auto;display:block} .ct-nav{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0} .ct-nav li{position:relative} .ct-nav>li>a{color:#fff;text-decoration:none;font-size:15px;font-weight:400;padding:10px 14px;display:flex;align-items:center;gap:5px;border-radius:6px;transition:color .2s,background .2s;white-space:nowrap} .ct-nav>li>a:hover,.ct-nav>li>a:focus{color:#C7FCFF} .ct-nav>li.ct-current>a{font-weight:700;color:#C7FCFF} .ct-nav>li>a .ct-chev-desk{font-size:.6em;opacity:.5;transition:transform .25s} .ct-nav>li:hover>a .ct-chev-desk,.ct-nav>li:focus-within>a .ct-chev-desk{transform:rotate(180deg);opacity:.8} .ct-expand{display:none} .ct-mob-row{display:none} .ct-mob-parent-link{display:none!important} /* dropdown */ .ct-drop{position:absolute;top:100%;left:0;min-width:220px;background:#051228;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s;list-style:none;margin:0;box-shadow:0 12px 32px rgba(0,0,0,.35);z-index:100} .ct-nav>li:hover>.ct-drop,.ct-nav>li:focus-within>.ct-drop{opacity:1;visibility:visible;transform:translateY(0)} .ct-drop li a{display:flex;align-items:center;gap:6px;padding:10px 18px;color:rgba(255,255,255,.85);text-decoration:none;font-size:15px;transition:background .15s,color .15s;white-space:nowrap} .ct-drop li a:hover,.ct-drop li a:focus{background:#4C8AA8;color:#fff;border-radius:6px;margin:0 4px;padding-left:14px;padding-right:14px} /* 3rd level */ .ct-drop .ct-drop{top:-8px;left:100%;border-radius:10px;min-width:260px} .ct-drop li:hover>.ct-drop,.ct-drop li:focus-within>.ct-drop{opacity:1;visibility:visible;transform:translateY(0)} .ct-drop li{position:relative} .ct-drop li a .ct-chev{font-size:.55em;opacity:.4;margin-left:auto;transform:rotate(-90deg)} /* CTA button */ .ct-nav .ct-cta>a{background:#046bd2!important;color:#fff!important;border-radius:6px;padding:10px 22px!important;font-weight:600;font-size:14px;transition:background .2s,transform .15s} .ct-nav .ct-cta>a:hover{background:#045cb4!important;transform:translateY(-1px)} /* CTA dropdown */ .ct-cta-drop{position:absolute;top:100%;right:0;min-width:260px;background:#0a1e38;border:1px solid rgba(76,138,168,.25);border-radius:12px;padding:10px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;list-style:none;margin:0;box-shadow:0 16px 40px rgba(0,0,0,.45);z-index:100} .ct-nav .ct-cta:hover>.ct-cta-drop,.ct-nav .ct-cta.ct-cta-open>.ct-cta-drop{opacity:1;visibility:visible;transform:translateY(0)} .ct-cta-drop li a{display:flex;align-items:center;gap:10px;padding:11px 20px;color:rgba(255,255,255,.9);text-decoration:none;font-size:14px;font-weight:500;transition:background .15s,color .15s;white-space:nowrap} .ct-cta-drop li a:hover,.ct-cta-drop li a:focus{background:rgba(76,138,168,.2);color:#fff} .ct-cta-drop li a svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:#4C8AA8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .ct-cta-drop .ct-cta-soon{pointer-events:none;opacity:.45} .ct-cta-drop .ct-cta-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:rgba(76,138,168,.25);color:#4C8AA8;padding:2px 7px;border-radius:4px;margin-left:auto} .ct-cta-drop li+li{border-top:1px solid rgba(255,255,255,.06)} /* security badges in header */ .ct-secure{display:flex;align-items:center;gap:12px;margin-left:auto;margin-right:20px} .ct-secure-item{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.8);font-size:12px;font-weight:600;white-space:nowrap} .ct-secure-item svg{width:16px;height:16px;flex-shrink:0} .ct-secure-divider{width:1px;height:20px;background:rgba(255,255,255,.15)} /* mobile toggle */ .ct-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:8px;margin-left:auto} .ct-toggle svg{width:28px;height:28px;fill:currentColor} /* mobile */ @media(max-width:1024px){ .ct-hdr-inner{height:60px;padding:0 16px} .ct-logo img{height:34px} .ct-secure{display:none} .ct-toggle{display:block} .ct-nav{display:none;position:absolute;top:60px;left:0;right:0;background:#051228;flex-direction:column;padding:8px 0 16px;gap:0;border-top:1px solid rgba(255,255,255,.08);max-height:calc(100vh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch} .ct-nav.ct-open{display:flex} .ct-nav>li{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid rgba(255,255,255,.06)} .ct-nav>li:last-child{border-bottom:none} .ct-nav>li>a{padding:13px 20px;font-size:15px;flex:1 1 0;color:rgba(255,255,255,.9)} .ct-nav>li>a .ct-chev-desk{display:none} .ct-expand{display:none} .ct-nav a.ct-desk-only{display:none} .ct-drop{position:static;opacity:1;visibility:visible;transform:none;border:none;box-shadow:none;padding:0;min-width:0;background:rgba(255,255,255,.03);display:none;width:100%;border-top:1px solid rgba(255,255,255,.06)} .ct-nav li.ct-mob-open>.ct-drop{display:block} .ct-drop li{display:flex;flex-wrap:wrap;align-items:center} .ct-drop li>a{flex:1 1 0;padding:11px 20px 11px 36px;font-size:14px;color:rgba(255,255,255,.75)} .ct-drop li>a:hover{color:#fff} .ct-drop .ct-drop{left:0;top:0;padding:0;background:rgba(255,255,255,.03);border-top:1px solid rgba(255,255,255,.05)} .ct-drop .ct-drop li>a{padding-left:52px;font-size:13px;color:rgba(255,255,255,.6)} .ct-mob-parent-link{display:none!important} .ct-mob-row{display:flex;align-items:center;width:100%;cursor:pointer;-webkit-tap-highlight-color:transparent} .ct-mob-row>.ct-mob-link{padding:13px 0 13px 20px;font-size:15px;flex:1 1 0;color:rgba(255,255,255,.9);text-decoration:none;display:block} .ct-mob-row>.ct-mob-link:hover{color:#C7FCFF} .ct-mob-row>.ct-mob-chev{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:none;border-left:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.4);width:52px;height:46px;flex-shrink:0;cursor:pointer;transition:background .15s,color .15s} .ct-mob-row>.ct-mob-chev:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,.7)} .ct-mob-row>.ct-mob-chev svg{transition:transform .25s} li.ct-mob-open>.ct-mob-row>.ct-mob-link{color:#C7FCFF} li.ct-mob-open>.ct-mob-row>.ct-mob-chev{color:#C7FCFF;background:rgba(76,138,168,.15)} li.ct-mob-open>.ct-mob-row>.ct-mob-chev svg{transform:rotate(180deg)} .ct-nav .ct-cta>a{margin:8px 16px 4px;text-align:center;display:block;border-radius:8px} .ct-cta-drop{position:static;opacity:1;visibility:visible;transform:none;border:none;box-shadow:none;padding:4px 0 0 0;min-width:0;background:transparent;display:none;border-radius:0} .ct-nav .ct-cta.ct-cta-open>.ct-cta-drop{display:block} .ct-cta-drop li+li{border-top:1px solid rgba(255,255,255,.06)} .ct-cta-drop li a{padding:10px 20px;font-size:14px} }