/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 14 2026 | 22:49:34 */
/* ==========================================================
   BeeldBlinkers – casepagina's op mobiel: header precies één scherm hoog
   Op mobiel is de header van elke case precies zo hoog als het zichtbare scherm (dus niet hoger dan
   wat je ziet, ook niet in Safari met de balk onderin), met de titel in het midden.
   Desktop en tablet blijven zoals ze zijn.
   Plaats in: Weergave → Customizer → Extra CSS (onderaan), ter vervanging van de vorige case-header-code.
   ========================================================== */
@media (max-width: 767px) {
  html body .header-work-detail {
    height: 100vh !important;          /* oudere browsers */
    height: 100svh !important;         /* precies het zichtbare scherm: zonder de adres-/knoppenbalk van Safari */
    min-height: 0 !important;
    max-height: none !important;
    padding-top: 90px !important;      /* ruimte voor de knoppen bovenin */
    padding-bottom: 90px !important;   /* evenveel als bovenin: tekst precies in het midden van het scherm */
    box-sizing: border-box !important;
  }
  /* de grote marge bovenin kwam van een extra ruimte boven de tekst (10rem = 100px); op mobiel weg */
  html body .header-work-detail .header-work-detail-text {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}