/* ============================================================
   Interim un-break overrides — TEMPORARY, pending redesign.
   The site is a static mirror of a Weebly theme that depended on
   Weebly's runtime JS (and on background images that weren't mirrored).
   This sheet restores the two visibly-broken pieces:
     1. the desktop nav + logo (theme JS normally reveals them), and
     2. the hero/section backgrounds (original images were lost).
   ============================================================ */

/* 1. Reveal logo + desktop nav.
   Theme CSS hides them at opacity:0 until its JS adds body.fade-in;
   that JS doesn't run in the static mirror, so force them visible. */
body:not(.wsite-editor) .logo,
body:not(.wsite-editor) .desktop-nav {
  opacity: 1 !important;
}

/* 1b. Lay out a clean horizontal header bar. The theme's own header layout is
   JS-driven, so without it the nav collapses to a vertical bullet list. Impose a
   simple, professional white header: logo left, horizontal nav right. */
.birdseye-header {
  position: static !important;
  background: #ffffff;
  border-bottom: 1px solid #e7e7e7;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.birdseye-header .container {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  max-width: 1120px;
  margin: 0 auto;
  padding: 10px 24px;
  box-sizing: border-box;
}
.birdseye-header .logo { margin: 0; opacity: 1 !important; }
.birdseye-header .logo img { max-height: 56px; width: auto; display: block; }

.desktop-nav .wsite-menu-default {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.desktop-nav .wsite-menu-default > li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.desktop-nav .wsite-menu-default > li > a.wsite-menu-item {
  display: block;
  padding: 10px 16px;
  color: #1f2937 !important;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  border-radius: 4px;
  white-space: nowrap;
}
.desktop-nav .wsite-menu-default > li > a.wsite-menu-item:hover {
  color: #c8102e !important; /* brand red */
}
/* Keep the JS-driven flyout submenu collapsed (otherwise it dumps as bullets). */
.desktop-nav .wsite-menu-wrap { display: none !important; }

@media screen and (max-width: 767px) {
  .birdseye-header .container { flex-direction: column; gap: 4px; padding: 10px 16px; }
  .desktop-nav { display: block !important; }
  .desktop-nav .wsite-menu-default { justify-content: center; }
}

/* 2. Hero / section backgrounds.
   The referenced /uploads/.../background-images/*.jpg were not captured in
   the mirror, so the original inline url() 404s. Override with a clean,
   dark-overlaid neutral background so the sections look intentional and the
   light headline text stays readable. */
.wsite-section-bg-image {
  background-image:
    linear-gradient(rgba(15, 18, 24, 0.55), rgba(15, 18, 24, 0.80)),
    url("/files/theme/images/default-bg.jpg@1782234183") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

/* Vertically center banner text over the background. */
.wsite-section-bg-image .wsite-section-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* Interior page-title banners are hardcoded to 676px — far too tall with just a
   title and no parallax photo. Cap them to a sensible banner height. */
.wsite-section-bg-image.wsite-header-section {
  height: 300px !important;
}
.wsite-section-bg-image.wsite-body-section {
  min-height: 280px;
}