/*
 * Today Finance — Divi 5 toont de Divi 4-inhoud zoals Divi 4.
 * Geladen door mu-plugins/itmb/site/05-divi5-compat.php, alleen onder Divi 5.
 * Elke regel: wat Divi 5 anders doet en welke waarde Divi 4.27.4 had.
 */

/* 5. Kop in de titelbalk: Divi 5 zet padding-bottom 0 op .et_pb_module_header
 *    (fullwidth_header); Divi 4 liet de themaregel h1 { padding-bottom: 10px } staan. */
.et_pb_fullwidth_header.et_d4_element .et_pb_module_header {
	padding-bottom: 10px;
}

/* 4. Sociale iconen (footer): Divi 5 geeft elk netwerk margin 0 10px 10px 0;
 *    Divi 4 had alleen margin-bottom 8px op de li (de ruimte rechts komt van
 *    a.icon zelf). */
.et_pb_social_media_follow.et_d4_element .et_pb_social_media_follow_network.et_block_module {
	margin-right: 0;
	margin-bottom: 8px;
}
/*    Divi 4 gaf de link zelf 8px rechts (social_media_follow.css); op pagina's
 *    met de Customizer-icoongrootte wint de inline regel daarna (6,84px). */
.et_pb_social_media_follow.et_d4_element li a {
	margin-right: 8px;
}

/* 6. Rij met vier kolommen (homepage NL/EN, de vier diensten) op tablet
 *    (480–980 px): Divi 4 zette ze twee aan twee (row.css, et_pb_row_4col, de
 *    klasse zet het Divi-script ook onder Divi 5); Divi 5 heeft die regels
 *    niet meer en zet elke kolom op volle breedte (pagina 880 px langer).
 *    Waarden en breekpunten uit row.css van 4.27.4. */
@media (max-width: 980px) {
	.et_pb_row_4col.et_d4_element.et_block_row {
		display: flex;
		flex-wrap: wrap;
	}
	.et_pb_row_4col.et_d4_element.et_block_row > .et_pb_column.et_pb_column_1_4 {
		width: 47.25%;
		margin-right: 5.5%;
	}
	.et_pb_row_4col.et_d4_element.et_block_row > .et_pb_column.et_pb_column_1_4:nth-child(2n) {
		margin-right: 0;
	}
	.et_pb_row_4col.et_d4_element.et_block_row > .et_pb_column:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
}
@media (max-width: 479px) {
	.et_pb_row_4col.et_d4_element.et_block_row > .et_pb_column.et_pb_column_1_4 {
		width: 100%;
		margin: 0 0 30px;
	}
	.et_pb_row_4col.et_d4_element.et_block_row > .et_pb_column.et_pb_column_1_4:last-child {
		margin-bottom: 0;
	}
}
