/* Donatie/Incassosystemen — pagina-specifieke afwijkingen t.o.v. de gedeelde
   blok-CSS. Wordt alleen op /donatie-incassosystemen/ geladen
   (techdog_page_slug() === 'donatie-incassosystemen').
   Alle waarden zijn gemeten op de live pagina (1600 / 980 / 600px).

   Blokvolgorde in .td-main:
     1 hero "Verzekerd van uw te ontvangen betalingen"
     2 blauwe band "Automatiseer uw administratie"
     3 "Wij helpen u graag!"   (illustratie rechts)
     4 "Alle contacten bij één partner" (illustratie links)               */

/* ------------------------------------------------------------------ *
 * Alle schermbreedtes
 * ------------------------------------------------------------------ */
/* Divi houdt onder het hero-icoon 18px aan (thema-standaard is 14px). */
.page-donatie-incassosystemen .block-hero__icon{margin-bottom:18px;}
/* De intro is de laatste module in de kolom; Divi zet daar geen marge onder. */
.page-donatie-incassosystemen .block-hero__intro{margin-bottom:0;}

/* ------------------------------------------------------------------ *
 * Desktop
 * ------------------------------------------------------------------ */
@media (min-width:981px){
	/* De hero en beide tekst+afbeelding-rijen staan op Divi's standaardgoot 3
	   (5,5% van de rij). Daarmee is elke kolom 604,8px op een 1600px-scherm,
	   precies zoals live — en breekt de icoon-lijst van blok 4 op dezelfde
	   plek af als daar. De blauwe band staat op goot 2 (3%) en heeft dat
	   al uit two-col-text.css. */
	.page-donatie-incassosystemen .block-hero__inner,
	.page-donatie-incassosystemen .block-text-image__inner{gap:5.5%;}

	/* Divi zet de kop van deze hero op 70px; de thema-standaard is 65px.
	   (Tablet 60px en telefoon 40px komen al uit de hero-CSS.) */
	.page-donatie-incassosystemen .block-hero__text h1{font-size:70px;line-height:70px;}

	/* Blauwe band: ruimte boven de icoon-lijst is de ondermarge van de Divi-
	   tekstmodule. Deze rij staat op goot 2, waar Divi 1,5% van de rij
	   aanhoudt = 3,09% van de kolom (de thema-standaard 23px hoort bij een
	   andere rij). */
	.page-donatie-incassosystemen .block-two-col__iconlist{margin-top:3.09%;}

	/* Blok 4: ruimte boven de icoon-lijst is de ondermarge van de Divi-
	   tekstmodule: 2,75% van de rij = 5,82% van de kolom waarin hij staat.
	   De lijst is de laatste module en heeft er zelf niets onder staan. */
	.page-donatie-incassosystemen .block-text-image--left .block-text-image__body{margin-bottom:5.82%;}
	.page-donatie-incassosystemen .block-text-image--left .block-text-image__iconlist{margin-bottom:0;}

	/* Sectiehoogtes. Elke Divi-rij zet 2% van de schermbreedte onder zich en
	   de sectie zelf 4%; daar komen de sectiemarges van deze pagina bij:
	     hero   4%+2% boven, 2%+4%+50px onder
	     blauw  100px boven, 2%+100px+30px onder
	     blok 3 4% boven,    2%+0+30px onder
	     blok 4 71px boven,  2%+4% onder                                   */
	.page-donatie-incassosystemen .block-hero{padding:6% 0 calc(6% + 50px);}
	.page-donatie-incassosystemen .block-two-col.block--blue{padding:100px 0 calc(130px + 2%);}
	.page-donatie-incassosystemen .block-text-image--right{padding:4% 0 calc(2% + 30px);}
	.page-donatie-incassosystemen .block-text-image--left{padding:71px 0 6%;}
}

/* Boven 1350px bevriest Divi die sectie- en rijpadding op 54px en 27px. */
@media (min-width:1350px){
	.page-donatie-incassosystemen .block-hero{padding:81px 0 131px;}
	.page-donatie-incassosystemen .block-two-col.block--blue{padding:100px 0 157px;}
	.page-donatie-incassosystemen .block-text-image--right{padding:54px 0 57px;}
	.page-donatie-incassosystemen .block-text-image--left{padding:71px 0 81px;}
}

/* ------------------------------------------------------------------ *
 * Tablet en telefoon — gestapeld.
 * ------------------------------------------------------------------ */
@media (max-width:980px){
	/* (De omgedraaide volgorde van "Alle contacten bij één partner" staat nu
	   in blocks/text-image.css: gestapeld zet Divi de tekst overal bovenaan.) */

	/* Gestapeld houdt Divi overal 30px aan: tussen de kolommen (kolommarge)
	   en tussen de modules binnen een kolom (modulemarge). De laatste module
	   in een kolom heeft er niets onder staan. */
	.page-donatie-incassosystemen .block-hero__inner,
	.page-donatie-incassosystemen .block-text-image__inner{gap:30px;}
	.page-donatie-incassosystemen .block-text-image__body{margin-bottom:30px;}
	.page-donatie-incassosystemen .block-text-image__iconlist{margin-bottom:0;}
	.page-donatie-incassosystemen .block-two-col__iconlist{margin-top:30px;}

	/* Onder 980px bevriest Divi de sectiepadding op 50px en de rijpadding op
	   30px. Daarbovenop komen de sectiemarges: onder de hero 50px, de andere
	   secties sluiten op tablet zonder marge op elkaar aan. Blok 4 zet zijn
	   bovenpadding hier op 0.
	     hero   50+30 boven, 30+50+50 onder
	     blauw  100    boven, 30+100    onder
	     blok 3 50     boven, 30        onder
	     blok 4 0      boven, 30+50     onder                              */
	.page-donatie-incassosystemen .block-hero{padding:80px 0 130px;}
	.page-donatie-incassosystemen .block-two-col.block--blue{padding:100px 0 130px;}
	.page-donatie-incassosystemen .block-text-image--right{padding:50px 0 30px;}
	.page-donatie-incassosystemen .block-text-image--left{padding:0 0 80px;}
}

@media (max-width:767px){
	/* Telefoon: alleen de blauwe band wijkt af (50px sectiepadding). */
	.page-donatie-incassosystemen .block-two-col.block--blue{padding:50px 0 80px;}
}