/* ═══════════════════════════════════════════════
   JHG WoodCraft — Zoho Sites CSS Overrides
   Paste this into Customization → Code → Custom CSS
═══════════════════════════════════════════════ */

/* 1. Suppress Zoho base template header/footer/nav */
.theme-header,
.theme-topbar,
.theme-menu-area,
.theme-navigation-and-icons,
.theme-responsive-menu-area,
.theme-header-area,
.theme-footer,
.theme-footer-area,
.zp-cookie-bar,
.theme-banner-area,
.zpsite-name-wrapper,
.theme-branding {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* 2. Remove body padding Zoho adds for its header */
body,
.theme-page-container,
.zppage-wrapper,
.zp-page-content-wrapper {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 3. Fix hero vertical line overlapping text on narrow screens */
.hero-line {
  pointer-events: none;
}

@media (max-width: 960px) {
  .hero-line {
    display: none !important;
  }
}

/* 4. Ensure our announce bar sits at absolute top */
.announce {
  position: relative;
  z-index: 1000;
}