/* Bridge additions (Shaurya, 26 Oct): phone and quote buttons, mobile call
   bar, display centre hours and map. Colours from the theme (#2d59af, #263246). */

/* Desktop: phone and quote at the end of the main menu. */
#mainnav li.cbr-cta-phone > a { font-weight: 700; color: #263246; white-space: nowrap; }
#mainnav li.cbr-cta-phone > a::before { content: "\260E\FE0E  "; }
#mainnav li.cbr-cta-quote > a { white-space: nowrap; }
#mainnav li.cbr-cta-quote .cbr-pill {
  display: inline-block; background: #2d59af; color: #fff; border-radius: 3px;
  padding: 8px 14px; line-height: 1.2; font-weight: 700; vertical-align: middle;
}
#mainnav li.cbr-cta-quote > a:hover .cbr-pill { background: #263246; }
#mainnav li.cbr-cta-quote::before { display: none; }
/* Room for the two additions: wider menu column, tighter item spacing. */
@media (min-width: 1025px) {
  .site-header .header-wrap .col-md-4 { width: 22%; }
  .site-header .header-wrap .col-md-8 { width: 78%; }
  #mainnav > ul > li { padding: 0 10px; }
}
@media (max-width: 1199px) and (min-width: 1025px) { #mainnav li.cbr-cta-phone { display: none; } }

/* Mobile and tablet: fixed call and quote bar at the bottom. */
.cbr-callbar { display: none; }
@media (max-width: 1024px) {
  .cbr-callbar {
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, .15);
  }
  .cbr-callbar a {
    flex: 1; text-align: center; padding: 14px 8px; font: 700 15px/1.2 Raleway, sans-serif;
    letter-spacing: .3px; text-decoration: none;
  }
  .cbr-callbar a.cbr-call { background: #263246; color: #fff; }
  .cbr-callbar a.cbr-quote { background: #2d59af; color: #fff; }
  body { padding-bottom: 50px; }
  .go-top { bottom: 64px !important; }
  #mainnav li.cbr-cta-phone, #mainnav li.cbr-cta-quote { display: none; }
}

/* Display centre hours and map (home page). */
.cbr-visit { display: flex; flex-wrap: wrap; gap: 24px; margin: 18px 0 8px; text-align: left; }
.cbr-visit-info { flex: 1 1 280px; color: #263246; font-size: 16px; line-height: 1.7; }
.cbr-visit-info h4 { margin: 0 0 6px; font-size: 17px; color: #263246; }
.cbr-visit-info p { margin: 0 0 12px; }
.cbr-visit-info a.cbr-btn {
  display: inline-block; margin: 4px 8px 4px 0; padding: 10px 18px; border-radius: 3px;
  background: #2d59af; color: #fff; font-weight: 700; text-decoration: none;
}
.cbr-visit-info a.cbr-btn.cbr-btn-alt { background: #263246; }
.cbr-visit-map { flex: 2 1 360px; min-height: 300px; }
.cbr-visit-map iframe { width: 100%; height: 100%; min-height: 300px; border: 0; }