/* ewgroup.co.uk main header, copied from the website's site.css (9 Nov 2026) and scoped under .ews so it
   can't clash with the app's own styles. If the website header changes, update this and SITE_NAV in
   app/__init__.py. */
.ews{--ews-navy:#0D1B30;--ews-yellow:#FFD60A;--ews-yellow-2:#FFE14D;background:var(--ews-navy);color:#fff;position:sticky;top:0;z-index:50;
  box-shadow:0 2px 10px rgba(0,0,0,.2);font-family:'Public Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;line-height:1.55}
.ews *{box-sizing:border-box}
.ews .ews-wrap{max-width:1280px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:20px;position:relative}
.ews .ews-brand{display:flex;align-items:center;gap:14px;text-decoration:none;flex-shrink:0}
.ews .ews-brand img.ew{height:48px;width:auto;display:block}
.ews .home-of{display:flex;flex-direction:column;border-left:1px solid #2C3E58;padding-left:14px;color:#AEBBCB;font-size:11px;line-height:1.2}
.ews .home-of img{height:24px;width:auto;margin-top:3px;display:block}
.ews .hsearch{position:relative;display:flex;flex:1 1 240px;max-width:440px;min-width:240px;margin:0 0 0 6px;background:#fff;border-radius:8px}
.ews .hsearch input{flex:1;min-width:0;border:0;border-radius:8px 0 0 8px;padding:10px 12px;font-size:14px;font-family:inherit;color:#14202F;background:#fff}
.ews .hsearch input::placeholder{color:#6b7587;opacity:1}
.ews .hsearch input:focus{outline:3px solid var(--ews-yellow);outline-offset:0}
.ews .hsearch button{border:0;border-radius:0 8px 8px 0;background:var(--ews-yellow);color:var(--ews-navy);font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-size:14px;padding:0 14px;cursor:pointer}
.ews .ews-nav{display:flex;gap:4px;margin-left:auto;align-items:center}
.ews .ews-nav a{color:#F5F8FB;text-decoration:none;font-weight:600;font-size:15px;padding:9px 10px;border-radius:6px;white-space:nowrap}
.ews .ews-nav a:hover,.ews .ews-nav a[aria-current=page]{color:var(--ews-yellow)}
.ews .ews-btn{display:none;align-items:center;font-family:'Archivo',system-ui,sans-serif;font-weight:700;font-size:14px;border-radius:8px;padding:9px 13px;
  background:var(--ews-yellow);color:var(--ews-navy)!important;margin-left:6px}
.ews .ews-btn:hover{background:var(--ews-yellow-2)}
.ews .menu-btn{display:none;margin-left:auto;background:none;border:2px solid #3A4E6B;color:#fff;border-radius:8px;padding:8px 12px;font-weight:700;font-size:15px;cursor:pointer;font-family:inherit}
@media (max-width:1720px){.ews .home-of{display:none}.ews .ews-wrap{gap:14px}}
@media (max-width:1500px){.ews .ews-nav a{padding:8px 6px;font-size:14px}}
@media (max-width:1440px){.ews .ews-nav a{padding:8px 4px;font-size:13.5px}.ews .ews-wrap{gap:10px}}
@media (max-width:1280px){
  .ews .menu-btn{display:block}
  .ews .hsearch{max-width:none}
  .ews .ews-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ews-navy);flex-direction:column;align-items:stretch;padding:8px 20px 18px;border-top:1px solid #1E2C42}
  .ews .ews-nav.open{display:flex}
  .ews .ews-nav a{padding:12px 4px;font-size:17px;border-bottom:1px solid #1E2C42;border-radius:0}
  .ews .ews-btn{display:flex;margin:10px 0 0;justify-content:center;border-bottom:0!important}
}
@media (max-width:960px){
  .ews .ews-wrap{flex-wrap:wrap;row-gap:10px}
  .ews .hsearch{order:3;flex:1 1 100%;max-width:none;margin-left:0;min-width:0}
}
@media (max-width:600px){.ews .ews-wrap{padding:12px 16px}.ews .ews-brand img.ew{height:40px}}
/* The Project Finder bar sits under the site header and scrolls away with the page */
.topbar.pf-bar{background:#1F3A5F}
.topbar.pf-bar .pf-title{color:#fff;text-decoration:none;font-weight:700;font-size:17px;white-space:nowrap}
.topbar.pf-bar .pf-title small{display:block;color:var(--gold);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500}
@media print{.ews{display:none}}
