footer .menu ul{
    padding-left: 0;
	flex-direction: column;
	display: flex;
}
footer ul.sub-menu{
	margin-top: var(--gallery-gap);
}
footer ul > li{
	flex-direction: column;
	display: flex;
}
footer ul:not(.sub-menu) > li:first-child > a{
	margin-bottom: 0;
    font-weight: 900;
    font-size: 20px;
}
footer a{
    text-decoration: unset;
}
footer a:has(img){
	display: flex;
}
footer .menu *{
	margin-bottom: 0;
	margin-top: 0;
}

footer .footer-wrapper{
	display: grid;
	padding-left: var(--section-padding-left);
    padding-right: var(--section-padding-right);
    margin-left: auto;
    max-width: 100%;
    margin-right: auto;
    width: 100%;
    box-sizing: border-box;
}
footer .footer-wrapper-nav{
	position: relative;
	grid-template-columns: 1fr auto;
	background-color: var(--paars);
	padding-bottom: calc(0.5 * var(--section-padding-bottom));
    padding-top: calc(0.25 * var(--section-padding-top));
	margin-top: 209px;
}
footer .footer-wrapper-nav::before{
	content: '';
    position: absolute;
    top: -209px;
    width: 100%;
    height: calc(100% + 100px);
    background-image: url(/wp-content/uploads/2026/03/Website-assets_Footer.svg);
    z-index: -1;
}
body:has( main.site-main > section.bg-rood:last-child) {
	background-color: var(--rood);
}
body:has( main.site-main > section.bg-zwart:last-child) {
	background-color: var(--zwart);
}
body:has( main.site-main > section.bg-wit:last-child) {
	background-color: var(--wit);
}
body:has( main.site-main > section.bg-paars:last-child) {
	background-color: var(--paars);
}
body:has( main.site-main > section.bg-geel:last-child) {
	background-color: var(--geel);
}
footer .footer-wrapper-creds{
	grid-template-columns: 1fr auto;
	background-color: var(--rood);
	padding-bottom: calc(0.1 * var(--section-padding-bottom));
    padding-top: calc(0.1 * var(--section-padding-top));
}
footer .footer-wrapper figure,
footer .footer-wrapper img,
footer .footer-wrapper p,
footer .footer-wrapper span,
footer .footer-wrapper a,
footer .footer-wrapper li{
	color: var(--wit);
	margin-bottom: 0;
}
footer .footer-wrapper-creds *{
	font-size: 13px;
}
footer .footer-wrapper-nav *{
	font-size: var(--p-size);
}
footer .navigatie > div:first-child{
	padding-right: calc(1.5 * var(--section-gap));
	position: relative;
}
footer .navigatie > div:first-child::after{
	content:'';
	height: 96%;
	top: 2%;
	width: 1px;
	background-color: var(--geel);
	right: 0;
	position: absolute;
}
footer .navigatie > div:last-child{
	padding-left: calc(1.5 * var(--section-gap));
}
footer .menu li.current-menu-item > a,
footer .menu li > a:hover{
	text-decoration: underline;
}
footer ul{
	gap: 0.5em;
	max-width: 180px;
	margin-top: 0.5em;
    display: flex;
    flex-direction: column;
}
footer .socials{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 10px 24px;
}
footer .socials a{
	display: flex;
	align-items: center;
	gap: 8px;
}
footer .socials a:hover span{
	text-decoration: underline;
}
footer .socials img{
	width: 24px;
	height: 24px;
	flex-shrink: 0;
}
footer .socials span{
	color: var(--wit);
	font-size: 13px;
	line-height: 1;
	margin-bottom: 0;
}
footer .info{
	display: flex;
    align-items: center;
}

@media screen and (max-width:900px){
	footer .footer-wrapper-nav{
		margin-top: 145px;
	}
	footer .footer-wrapper-nav::before{
		top: -145px;
	}
	footer .footer-wrapper{
		grid-template-columns: 1fr;
		gap: 20px;
		padding-bottom: calc(0.5 * var(--section-padding-bottom)) !important;
		padding-top: calc(0.5 * var(--section-padding-top)) !important;
	}
	footer .footer-wrapper > div{
		justify-content: flex-start !important;
	}
	footer .socials{
		align-items: center;
		justify-content: flex-start;
	}
}