header.helder-chrome .topbar {
  display:flex!important; align-items:center!important; justify-content:space-between!important;
  flex-wrap:wrap!important; gap:8px 24px!important; padding:8px 5%!important;
  background:#073438!important; color:#fff!important; font-size:13px!important; line-height:20px!important;
}
header.helder-chrome .hb-contact-links { display:flex; align-items:center; flex-wrap:wrap; gap:5px; }
header.helder-chrome .topbar .hb-contact-links a { color:#fff!important; }
header.helder-chrome .hb-resident-links { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
header.helder-chrome .hb-resident-links > span { margin-right:4px; color:#dce8df; }
header.helder-chrome .topbar .hb-resident-links a {
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  min-height:44px!important; padding:8px 12px!important; border:1px solid #71958b!important;
  border-radius:6px!important; color:#fff!important; font-weight:600!important; text-decoration:none!important;
  line-height:20px!important; white-space:nowrap!important; box-sizing:border-box!important;
}
header.helder-chrome .topbar .hb-resident-links a:hover { background:#23554b!important; border-color:#fff!important; }
header.helder-chrome .topbar a:focus-visible { outline:3px solid #f3a2bf!important; outline-offset:3px!important; }
@media(max-width:900px) {
  header.helder-chrome .topbar { justify-content:center!important; padding:8px 16px!important; gap:8px!important; }
  header.helder-chrome .hb-contact-links { justify-content:center; font-size:12px; }
  header.helder-chrome .hb-resident-links { justify-content:center; width:100%; gap:8px; }
  header.helder-chrome .hb-resident-links > span { flex-basis:100%; margin:0; font-size:12px; line-height:16px; }
  header.helder-chrome .topbar .hb-resident-links a { padding:8px 10px!important; font-size:13px!important; }
}