/* Divi 5 met Divi 4-inhoud: regelafstand van de tekstmodule zoals onder Divi 4.
 * Divi 5 zet line-height (1.6em) op .et_pb_text zelf, Divi 4 liet hem van body
 * erven (1.6em van 14 px = 22,4 px). Specificiteit bewust gelijk aan die van
 * Divi 5 (0,1,0, :where telt niet): later geladen wint het van .et_pb_text, en
 * de eigen regelafstand van een module (.et_pb_text_0, nog later) wint van dit.
 * Uitleg: mu-plugins/itmb/site/05-divi5-compat.php */
.et_pb_text:where(.et_d4_element) {
	line-height: inherit;
}

/* Sociale iconen: Divi 5 rendert de netwerkitems van een Divi 4-module als
 * Divi 5-blok, met 10 px marge op het item. Divi 4 had 8 px op de link en niets
 * op het item (.et_pb_social_media_follow li a), behalve op de laatste. */
.et_pb_social_media_follow.et_d4_element .et_pb_social_media_follow_network.et_block_module {
	margin-right: 0;
	margin-bottom: 8px;
}
.et_pb_social_media_follow.et_d4_element .et_pb_social_media_follow_network.et_block_module a {
	margin-right: 8px;
}
.et_pb_social_media_follow.et_d4_element .et_pb_social_media_follow_network.et_block_module:last-child a {
	margin-right: 0;
}

/* Nieuwsbriefvelden: Divi 4 1em ruimte onder elk veld, Divi 5 0. */
.et_d4_element .et_pb_newsletter_form p.et_pb_newsletter_field {
	padding-bottom: 1em;
}

/* Blograster: de laatste kaart per kolom had onder Divi 4 30 px ondermarge
 * (gutters<N>_grid_items.css van 4.27.8). De gelijknamige bestanden van Divi 5
 * vereisen een .et_pb_grid_items-wrapper die Divi 4-markup niet heeft.
 * Specificiteit moet boven die van de 18,539%-regel van Divi 5 uitkomen. */
@media (min-width: 981px) {
	.et_pb_gutters1.et_d4_element .et_pb_column .et_pb_module .et_pb_blog_grid .column .et_pb_post:last-child,
	.et_pb_gutters2.et_d4_element .et_pb_column .et_pb_module .et_pb_blog_grid .column .et_pb_post:last-child,
	.et_pb_gutters3.et_d4_element .et_pb_column .et_pb_module .et_pb_blog_grid .column .et_pb_post:last-child,
	.et_pb_gutters4.et_d4_element .et_pb_column .et_pb_module .et_pb_blog_grid .column .et_pb_post:last-child {
		margin-bottom: 30px;
	}
}

/* Blogkaart: Divi 4 gaf de afbeeldingslink 30 px ondermarge, die door de
 * afbeeldingscontainer (29 px) heen klapte: 30 px tot de titel. Divi 5 zet de
 * link op 0 (.et_pb_blog_grid_wrapper ...), wat 1 px per kaart scheelt. */
.et_pb_blog_grid_wrapper.et_d4_element .et_pb_post .entry-featured-image-url {
	margin-bottom: 30px;
}

/* Contactformulier: Divi 4 schoof het formulier 3% naar links en gaf elk veld
 * 3% padding links (de goot tussen de halve velden), ook het laatste veld 3%
 * ondermarge, en de verzendknop rechts erboven (float, -1,5%). Divi 5 zet de
 * velden op padding 0 (.et_pb_contact_form:not(.et_block_module)
 * .et_pb_contact_field), het laatste veld op marge 0 en de knop op
 * margin-left:auto zonder float. */
.et_pb_contact_form_container.et_d4_element .et_pb_contact_form {
	margin-left: -3%;
}
.et_pb_contact_form_container.et_d4_element .et_pb_contact_form p.et_pb_contact_field {
	padding: 0 0 0 3%;
}
.et_pb_contact_form_container.et_d4_element .et_pb_contact_form p.et_pb_contact_field:last-of-type {
	margin-bottom: 3%;
}
.et_pb_contact_form_container.et_d4_element .et_contact_bottom_container {
	float: right;
	margin-top: -1.5%;
}

/* Rij zonder goot (gutters1): Divi 4 zette alle kolommarges op 0 !important,
 * Divi 5 alleen links en rechts. Op telefoon kreeg een gestapelde kolom zo
 * 30 px ondermarge (.et_block_row > .et_pb_column). */
.et_pb_gutters1.et_d4_element > .et_pb_column {
	margin-bottom: 0 !important;
}