/* Every page: the new header call to action and the five-column footer. Colours come from the 3Bird logo. */
:root {
  --rb-ink: #0a1628;
  --rb-ink-2: #12233a;
  --rb-ink-3: #1b3050;
  --rb-bird: #1d6a9c;
  --rb-leaf: #0f8a57;
  --rb-lime: #a9e04f;
  --rb-lime-deep: #79af29;
  --rb-amber: #f5a524;
  --rb-red: #ef5350;
  --rb-paper: #f3f5ef;
  --rb-white: #fff;
  --rb-text: #16283f;
  --rb-muted: #55657a;
}

.rb-nav-cta.btn,
.rb-nav .rb-nav-cta.btn {
  background: var(--rb-lime);
  color: var(--rb-ink);
  border: 0;
  box-shadow: none;
  font-weight: 700;
}
.rb-nav-cta.btn:hover {
  background: #bdf064;
  color: var(--rb-ink);
  transform: none;
  box-shadow: none;
}

/* Always solid: blog posts start on white, where the parent's transparent bar made the white menu unreadable. */
.nav.rb-nav { background: rgba(10, 22, 40, .97); }

/* Above the bar: under it, the close button could not be tapped and the phone menu never closed. */
.mobile-menu { z-index: 1001; }

/* The menus are WordPress menus; here the links sit directly in the bar and in the phone menu. */
.rb-nav .nav-links ul, .rb-nav .nav-links li, .mobile-menu > ul, .mobile-menu > ul > li { display: contents; }

/* Eight labels, a language switch and a button need more room than the old menu: as wide as the page below it. */
.rb-nav .nav-inner { max-width: 1240px; }
.rb-nav .nav-links { gap: 0; }
.rb-nav .nav-links a { white-space: nowrap; padding-left: .5rem; padding-right: .5rem; font-size: .9rem; }

/* The phone number stays visible on every page: it is the contact that converts best. */
.rb-nav .nav-actions { gap: .6rem; }
.rb-nav .nav-actions .rb-nav-cta i { display: none; } /* room for the number */
.rb-nav .rb-nav-phone { white-space: nowrap; font-weight: 700; font-size: .92rem; }
.rb-nav .rb-nav-phone span { display: inline; }
.rb-nav .rb-nav-phone i { color: var(--rb-lime); }
.rb-nav .rb-nav-phone:hover, .rb-nav .rb-nav-phone:hover i { color: var(--rb-lime); }
.rb-menu-phone { display: inline-flex; align-items: center; gap: .5rem; white-space: nowrap; }
.mobile-menu a.rb-menu-phone { color: var(--rb-lime); font-weight: 800; }
.sticky-cta .rb-sticky-call { width: auto; flex: 0 0 auto; padding: 0 .85rem; gap: .4rem; font-size: .92rem; white-space: nowrap; }

@media (max-width: 560px) {
  .rb-nav .rb-nav-phone span { display: none; }
  .rb-nav .rb-nav-phone { font-size: 1.1rem; padding: .5rem; }
}
@media (max-width: 359px) {
  .rb-nav .rb-nav-phone { display: none; }
  .sticky-cta .rb-sticky-call span { display: none; }
}

@media (max-width: 1240px) {
  .rb-nav .nav-links { display: none; }
  .rb-nav .mobile-toggle { display: flex; }
}

.rb-footer-grid.footer-grid {
  grid-template-columns: 1.5fr 1fr 1.15fr .85fr 1.45fr;
  gap: 2.25rem;
}
@media (max-width: 1100px) {
  .rb-footer-grid.footer-grid { grid-template-columns: 1fr 1fr 1fr; }
  .rb-footer-grid .footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .rb-footer-grid.footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 359px) {
  .rb-footer-grid.footer-grid { grid-template-columns: minmax(0, 1fr); }
}