/* Homepage "St. Bernadette's Relics" banner. Particle: custom-7131 (Relics Tour Banner).
   Added for Freshdesk ticket #36715. Home outline (15) only. */

/* Keep the main menu row blue after the banner row is appended (the theme styled
   the section's :last-child grid; the banner is now last). */
.site-1 #g-navigation > .g-container > .g-grid:has(> .menu-block) {
  background: var(--primary-color) !important;
}

/* The banner row itself */
#g-navigation > .g-container > .g-grid:last-child {
  background: #11398a !important;
}
#g-navigation > .g-container > .g-grid:last-child .g-block,
#g-navigation > .g-container > .g-grid:last-child .g-content {
  margin: 0 !important;
  padding: 0 !important;
}

/* Banner link */
#g-navigation .relics-tour-banner {
  display: block;
  width: 100%;
  box-sizing: border-box;
  background: #11398a;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  padding: 0.85rem 1rem;
  font-size: 1.1rem;
  line-height: 1.4;
  border-top: 2px solid #f2c14e;
}
#g-navigation .relics-tour-banner:hover,
#g-navigation .relics-tour-banner:focus {
  background: #0d2e73;
}
#g-navigation a.relics-tour-banner:hover,
#g-navigation a.relics-tour-banner:focus,
#g-navigation a.relics-tour-banner:hover strong,
#g-navigation a.relics-tour-banner:hover span {
  color: #ffffff !important;
}
#g-navigation .relics-tour-banner i {
  color: #f2c14e;
  margin-right: 0.5rem;
}

@media (max-width: 50.99rem) {
  #g-navigation .relics-tour-banner {
    font-size: 0.95rem;
    padding: 0.7rem 0.75rem;
  }
}