/* Social media adverteren — pagina-specifieke afwijkingen t.o.v. de gedeelde blok-CSS.
   Wordt alleen op /social-media-adverteren/ geladen (techdog_page_slug()).
   Alle waarden zijn gemeten op de live pagina (1920 / 900 / 480px).

   Blokvolgorde in .td-main:
     1 hero  ·  2 blauwe band "Tal van digitale mogelijkheden"
     3 Wij helpen u graag  ·  4 blauwe band "Totale data-oplossing"        */

/* ------------------------------------------------------------------ *
 * Desktop
 * ------------------------------------------------------------------ */
@media (min-width:981px){
	/* Divi's goot is een percentage van de rij, niet een vast aantal pixels.
	   De hero en de tekst+afbeelding-rij staan op de standaardgoot 3 (5,5%);
	   daarmee is de illustratiekolom 726px op een 1920px-scherm, precies
	   zoals live. (De blauwe banden staan op goot 2 = 3%, zie blok-CSS.) */
	.page-social-media-adverteren .block-hero__inner,
	.page-social-media-adverteren .block-text-image__inner{gap:5.5%;}

	/* Onder elke Divi-rij staat 2% van de schermbreedte; de blauwe banden
	   zetten alleen de bovenpadding op 0, dus die 2% blijft onderin staan
	   bovenop de 100px sectiepadding. */
	.page-social-media-adverteren .block-two-col.block--blue{padding-bottom:calc(100px + 2%);}
}

/* Boven 1350px bevriest Divi die rijpadding op 27px. */
@media (min-width:1350px){
	.page-social-media-adverteren .block-two-col.block--blue{padding-bottom:127px;}
}

/* ------------------------------------------------------------------ *
 * Tablet en telefoon — gestapeld; de rijpadding is dan 30px.
 * ------------------------------------------------------------------ */
@media (max-width:980px){
	.page-social-media-adverteren .block-two-col.block--blue{padding-bottom:130px;}
	.page-social-media-adverteren .block-two-col__iconlist{margin-top:30px;}
}

@media (max-width:767px){
	.page-social-media-adverteren .block-two-col.block--blue{padding-bottom:80px;}
}

/* Hero-kop volgens Divi (70px desktop / 60px tablet / 40px telefoon). */
@media (min-width:981px){
	.page-social-media-adverteren .block-hero__text h1{font-size:70px;line-height:70px;}
}