/* Campaign promo bar (a group with class "promo-bar" placed first on a page):
   sit flush under the header instead of the default 44px gap. */
body:has(.promo-bar) header {
  margin-bottom: 0;
}

/* The email/LinkedIn icon row was removed from the header, so the menu takes
   the 200px the theme reserved for it. */
header .content-area .navbar .container-fluid .navbar-collapse .navbar-nav {
  width: 100%;
}

/* Header phone number, shown with the Get Started button (number comes from
   Options > Header > Phone Link). */
header .nav-cta {
  display: flex;
  align-items: center;
  gap: 18px;
}
header .nav-phone,
header .nav-phone-mobile {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  color: #023769;
  white-space: nowrap;
  text-decoration: none;
  transition: color 0.35s;
}
header .nav-phone img,
header .nav-phone-mobile img {
  width: 18px;
}
header .nav-phone:hover,
header .nav-phone-mobile:hover {
  color: #03a1e2;
}
/* Narrow desktop: not enough room beside the button, so stack it underneath. */
@media (min-width: 992px) and (max-width: 1199.98px) {
  header .nav-cta {
    flex-direction: column;
    gap: 2px;
  }
  header .nav-phone {
    font-size: 14px;
  }
}
/* Mobile: the menu is collapsed, so a tap-to-call link sits beside the hamburger. */
@media (max-width: 991.98px) {
  header .nav-cta {
    flex-direction: column;
    gap: 12px;
    padding: 10px 0 20px;
  }
  header .nav-phone-mobile {
    margin-left: auto;
    margin-right: 16px;
  }
}
@media (max-width: 575.98px) {
  header .nav-phone-mobile span {
    display: none;
  }
  header .nav-phone-mobile {
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #03a1e2;
    margin-right: 10px;
  }
}