/* Header logo: the full-colour RDA Ipswich & West Moreton lockup, which includes the regional tag.
   The SVG has built-in clear space, so it is sized up slightly and pulled left to align with the navigation. */
.brand{width:465px}
.brand img{display:block;width:100%;height:auto;margin-left:-3.2%}
@media(max-width:1150px){.brand{width:430px}}
@media(max-width:850px){.brand{width:390px}}
@media(max-width:640px){.brand{width:calc(100% - 75px);max-width:340px}}

/* Header navigation: the Newsletter link is presented as a compact lime call-to-action button. */
.nav-inner .nav-subscribe{align-self:center;display:inline-flex;align-items:center;gap:9px;padding:10px 18px;background:var(--lime);color:var(--navy);font-weight:800;line-height:1.2;transition:background .2s,transform .2s}
.nav-inner .nav-subscribe:hover{background:#d3e477;color:var(--navy);transform:translateY(-1px)}
.nav-inner .nav-subscribe .ui-icon{width:18px;height:18px;flex-shrink:0}
@media(max-width:850px){.nav-inner .nav-subscribe{padding:8px 14px;margin-block:6px 10px}}
@media(max-width:640px){.navigation .nav-inner .nav-subscribe{align-self:flex-start;margin:10px 0 6px;padding:12px 18px}}