/* ==========================================================================
   Regels die Divi zelf heeft, maar niet uitlevert

   Divi zet een deel van zijn basis-CSS uitsluitend in style-static.min.css.
   Met Dynamic CSS aan wordt die stylesheet niet geladen: Divi bouwt dan per
   pagina een stylesheet uit de modules die erop staan, en de regels hieronder
   zitten daar niet bij. Het gevolg is telkens hetzelfde - de instelling staat
   goed in de builder, maar er gebeurt niets.

   Alles hieronder is letterlijk overgenomen uit Divi's eigen stylesheet, op
   dezelfde selectors. Het zijn dus geen eigen keuzes en geen overrides: zodra
   Divi ze wel uitlevert, veranderen ze niets meer.

   Gevonden bij de klantenslider (de banden stonden stil) en bij de headers
   (het beeldenraster van h3 stapelde onder elkaar).
   ========================================================================== */

/* 1. Rasterindeling. Divi zet wel grid-template-columns op de module en de
      variabelen --column-count, --horizontal-gap en --vertical-gap, maar niet
      de display en de gaps die daarbij horen. Zonder dit stapelt een groep met
      rasterindeling gewoon onder elkaar. */
.et_grid_group,
.et_grid_module,
.et_grid_row,
.et_grid_section {
  display: grid;
  column-gap: var(--horizontal-gap);
  row-gap: var(--vertical-gap);
}

/* 2. Animatie. Divi's script zet de duur, de curve en een beginpositie als
      inline stijl, maar de keyframes en de herhaling komen uit de stylesheet.
      Zonder dit blijft het element staan op die beginpositie - bij een slide
      naar links is dat volledig uit beeld. */
@keyframes et_pb_slideLeft {
  to { transform: translateZ(0); opacity: 1; }
}

.et_animated.infinite {
  animation-iteration-count: infinite;
}

/* De menubalk is sticky en wordt daarbij lager. Bij het loslaten is er een
   frame waarin de balk en zijn plaatshouder niet even hoog zijn; de strook
   ertussen toont anders de witte pagina-achtergrond. De Theme Builder-laag
   heeft geen achtergrondinstelling, dus hier: dezelfde navy als de menubalk,
   want de strook zit direct daaronder. */
.et-l--header { background-color: #2E294E; }