/* Force logo and headshot to display */
.nav-logo img,
.nav-logo-area img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: none !important;
  height: 56px !important;
  width: auto !important;
}

.about-img,
.about-img-wrap img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
}

/* Hero logo */
.home-hero img[src*="logo"],
.home-hero img[alt*="logo"],
.home-hero img[alt*="Logo"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: 68px !important;
  width: auto !important;
}
/* ── CENTER LOGO ON MOBILE ─────────────────────── */
@media (max-width: 900px) {

  /* 3-column grid: hamburger | logo centered | empty space */
  #site-nav {
    display: grid !important;
    grid-template-columns: 52px 1fr 52px !important;
    align-items: center !important;
    padding: 0 12px !important;
  }

  /* Hamburger stays left */
  #nav-toggle {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
  }

  /* Logo centers in middle column */
  .nav-logo {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
  }

  .nav-logo img {
    height: 52px !important;
    width: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  /* Push the nav menu list out of the grid flow */
  #primary-nav,
  #nav-menu {
    grid-column: 1 / -1 !important;
  }

  /* Hide phone CTA on mobile */
  .nav-call {
    display: none !important;
  }
}
.menu-cta-primary a {
  background-color: #c9a961;
  color: #0a1628 !important;
  padding: 8px 18px !important;
  border-radius: 4px;
  font-weight: bold;
}

.menu-cta-primary a:hover {
  background-color: #b89850;
}

.menu-cta-phone a {
  background-color: transparent;
  color: #c9a961 !important;
  border: 2px solid #c9a961;
  padding: 6px 16px !important;
  border-radius: 4px;
  font-weight: bold;
}

.menu-cta-phone a:hover {
  background-color: #c9a961;
  color: #0a1628 !important;
}