/*
Theme Name: De Groene Hofhouding Perfect
Theme URI: https://degroenehofhouding.nl
Author: De Groene Hofhouding
Description: Premium WordPress thema voor Stichting De Groene Hofhouding, met realistische sfeerbeelden, Customizer-blokken en complete pagina's.
Version: 4.2
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: groene-hofhouding
*/


/* v4.2 — consistente hero-uitlijning op subpagina's */
body:not(.home) .hero,
body:not(.home) .page-hero,
body:not(.home) .gh-hero,
body:not(.home) .subpage-hero,
body:not(.home) .site-hero {
  overflow: hidden;
}

body:not(.home) .hero .container,
body:not(.home) .page-hero .container,
body:not(.home) .gh-hero .container,
body:not(.home) .subpage-hero .container,
body:not(.home) .site-hero .container,
body:not(.home) .hero-inner,
body:not(.home) .page-hero-inner,
body:not(.home) .gh-hero-inner {
  width: min(1180px, calc(100% - 48px));
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

body:not(.home) .hero-content,
body:not(.home) .page-hero-content,
body:not(.home) .gh-hero-content,
body:not(.home) .subpage-hero-content,
body:not(.home) .site-hero-content {
  max-width: 660px;
  margin-left: 0;
  padding-left: clamp(28px, 5vw, 82px);
  padding-right: clamp(24px, 4vw, 54px);
  box-sizing: border-box;
}

body:not(.home) .hero::before,
body:not(.home) .page-hero::before,
body:not(.home) .gh-hero::before,
body:not(.home) .subpage-hero::before,
body:not(.home) .site-hero::before {
  width: min(58%, 760px);
}

body:not(.home) .hero h1,
body:not(.home) .page-hero h1,
body:not(.home) .gh-hero h1,
body:not(.home) .subpage-hero h1,
body:not(.home) .site-hero h1 {
  max-width: 650px;
}

@media (max-width: 900px){
  body:not(.home) .hero .container,
  body:not(.home) .page-hero .container,
  body:not(.home) .gh-hero .container,
  body:not(.home) .subpage-hero .container,
  body:not(.home) .site-hero .container,
  body:not(.home) .hero-inner,
  body:not(.home) .page-hero-inner,
  body:not(.home) .gh-hero-inner {
    width: min(100% - 32px, 720px);
  }

  body:not(.home) .hero-content,
  body:not(.home) .page-hero-content,
  body:not(.home) .gh-hero-content,
  body:not(.home) .subpage-hero-content,
  body:not(.home) .site-hero-content {
    padding-left: 28px;
    padding-right: 28px;
    max-width: 100%;
  }

  body:not(.home) .hero::before,
  body:not(.home) .page-hero::before,
  body:not(.home) .gh-hero::before,
  body:not(.home) .subpage-hero::before,
  body:not(.home) .site-hero::before {
    width: 100%;
  }
}


/* Subpage hero alignment fix v4.2 */