/*
  Losse inhoudspagina's: Our Story, Shipping, Returns, Contact en de rest.
  Dit is de standaard page.php van Storefront, dus .entry-header en
  .entry-content.

  Waarom dit bestand bestaat: Storefront geeft een h2 hier font-size 1em en
  font-weight 400, even groot als bodytekst, en de h1 krijgt zijn eigen
  schreefloze stijl. Op de rest van de site zijn koppen altijd Cormorant
  Garamond cursief 300. Zonder deze regels valt een inhoudspagina uit de
  toon. De waarden zijn overgenomen van .page-header h1 uit archive.css en
  .section-header h2 uit home.css, zodat het één stijl blijft.

  Mobiele regels horen altijd binnen @media(max-width:600px).
*/

.entry-header {
  text-align: center;
  padding: 4rem 5% 2.5rem;
  background: linear-gradient(to bottom, var(--blush), var(--cream));
}

.entry-header .entry-title {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  line-height: 1.15;
  color: var(--noir);
}

.entry-content {
  max-width: 42rem;
  margin: 0 auto;
  padding: 3rem 5% 4rem;
}

.entry-content h2 {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(1.7rem, 3.5vw, 2.4rem);
  line-height: 1.2;
  color: var(--noir);
  margin: 2.8rem 0 1rem;
}

.entry-content h2:first-child {
  margin-top: 0;
}

.entry-content p {
  margin: 0 0 1.15rem;
}

.entry-content p:last-child {
  margin-bottom: 0;
}

@media (max-width: 600px) {
  .entry-header { padding: 2.5rem 5% 1.8rem; }
  .entry-content { padding: 2rem 5% 3rem; }
  .entry-content h2 { margin: 2rem 0 0.8rem; }
}