.entry-title,
.page-title,
.wp-block-post-title,
.page header.entry-header,
.page header.entry-header h1 {
  display: none !important;
}
/* =============================================================
   TEWKSBURY NOTARY - HERO VISUAL FIX
   
   PASTE THIS CSS into:
   WordPress Dashboard → Appearance → Customize → Additional CSS
   
   This fixes the squeezed hero visual on:
   - Apostille service page
   - Copy Certification page
   - Loan Signing page
   - About Us page
   - Contact Us page
   - Any other page with .hero-grid layout
   ============================================================= */

/* Force hero grid to stack into single column when theme container is narrow */
@media (max-width: 1100px) {
  .hero-grid,
  .meet-grid,
  .explain-grid,
  .form-grid,
  .map-grid,
  .doc-grid,
  .creds-grid,
  .b2b-grid,
  .sister-grid,
  .whyus-grid,
  .parent-grid {
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
  }

  /* Center the hero visuals when stacked */
  .hero-visual,
  .hero-portrait,
  .meet-photo,
  .b2b-graphic {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 380px !important;
    width: 100% !important;
  }

  /* Force minimum sensible heights so aspect ratios cannot collapse */
  .hero-visual { min-height: 420px; }
  .hero-portrait { min-height: 460px; }
}

/* Belt-and-braces fix for hero visuals at any width */
.hero-visual,
.hero-portrait {
  min-width: 0;
  width: 100%;
  max-width: 420px;
}

/* Sister site visual cards */
.passport-card,
.signing-card,
.doc-stack,
.seal-card {
  width: 100%;
  height: 100%;
  min-height: 380px;
}

/* Map iframe minimum height (for contact page) */
.map-frame {
  min-height: 400px !important;
}

/* If the theme is REALLY narrow, hide the visual entirely as last resort */
@media (max-width: 600px) {
  .hero-visual,
  .hero-portrait {
    max-width: 320px !important;
    min-height: 380px !important;
  }
}

/* Hide WordPress theme-generated page titles (your earlier question) */
.entry-title,
.page-title,
.wp-block-post-title,
.page header.entry-header h1 {
  display: none !important;
}