/**
 * VVT voettekst.
 *
 * De contactblokken stonden in style.css op "height: 70px" met floats erin.
 * Zodra een telefoonnummer of adres over twee regels liep, viel de tekst uit
 * het kader: op mobiel botsten vier van de zes blokken op de tekst eronder.
 * Hieronder vervalt die vaste hoogte en neemt een raster het over.
 */

/*
 * WPBakery zet een clearfix op .vc_row met ::before en ::after. In een grid
 * worden dat twee volwaardige rastercellen - vandaar een lege eerste kolom en
 * een rij te veel. Ze zijn niet meer nodig zodra de floats weg zijn.
 */
footer.footer .textwidget .vc_row::before,
footer.footer .textwidget .vc_row::after {
	display: none;
}

footer.footer .textwidget .vc_row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px 34px;
	margin: 0;
}

@media (max-width: 900px) {
	footer.footer .textwidget .vc_row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	footer.footer .textwidget .vc_row {
		grid-template-columns: minmax(0, 1fr);
		gap: 18px;
	}
}

/* Geen vaste hoogte meer: elk blok wordt zo hoog als zijn inhoud. */
footer.footer .footer-block {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	float: none;
	width: auto;
	height: auto;
	min-height: 0;
	padding: 0;
}

footer.footer .contact-logo {
	flex: 0 0 auto;
	float: none;
	margin-top: 2px;
	line-height: 1;
}

/* De marge stond met !important in style.css en wordt hier teruggezet. */
footer.footer .contact-info {
	display: block;
	min-width: 0;
	margin-left: 0 !important;
}

/* ---------- links ---------- */

footer.footer .textwidget a {
	transition: color .15s ease;
}

footer.footer .textwidget a:hover,
footer.footer .textwidget a:focus-visible {
	color: #fff;
}

@media (prefers-reduced-motion: reduce) {
	footer.footer .textwidget a {
		transition: none;
	}
}