/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 06 2025 | 14:34:24 */
/* Header */

.topbar-vinkjes {
	display: flex;
	flex-direction: row;
	column-gap: 15px;
	
	padding-left: 0px;
}
.topbar-vinkjes li {
	list-style: none;
	margin-bottom: 0px;
	
	color: var(--wit);
	font-size: 12px;
	font-weight: 600;
}
.topbar-vinkjes li::before {
	content: '\f00c';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: var(--groen);
	margin-right: 5px;
}
.whb-main-header .whb-flex-row .whb-column .wd-header-text .verzend-logo-iconen {
	max-width: 100px;
}
body:not(#__) .whb-header-bottom .wd-header-cats {
	display: flex;
    align-items: center;
}
body:not(#__) .wd-header-cats .menu-opener {
	width: fit-content;
	min-width: unset;
	padding: 0px 3px;
    background-color: var(--wit);
	border-radius: 42px;
    height: 42px;
}
body:not(#__) .wd-header-cats .menu-opener-icon {
	background-color: var(--blauw);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
}
body:not(#__) .wd-header-cats .menu-opener .menu-open-label {
	color: var(--zwart);
}

.klantwaardering i {
	color: orange;
}

/* Footer */

.site-content {
    margin-bottom: 0px;
}

footer h3 {
	margin-bottom: 0px;
}

footer .list-content {
	text-align: left;
}

footer .kiyoh-footer-element .wpb_content_element {
	margin-bottom: 0px;
}

@media (max-width: 767px) {
	footer .kiyoh-footer-element .wpb_content_element {
		margin-top: 40px;
	}
}

@media (min-width: 768px) {
    .kiyoh-footer-element {
        --text-align: left;
        --content-align: left;
        text-align: left;
    }
}

header .wd-nav {
	flex-wrap: nowrap;
}

.footer-columns-container {
	display: flex;
	flex-wrap: wrap;
}

.footer-column-1 {
	order: 1;
}

.footer-column-2 {
	order: 2;
}

.footer-column-3 {
	order: 3;
}

.footer-column-4 {
	order: 4;
}

.footer-column-5 {
	order: 5;
}

.footer-column-5 {
	order: 6;
}

@media (max-width: 991px) {
	.footer-column-1 {
		order: 1;
	}

	.footer-column-2 {
		order: 4;
	}

	.footer-column-3 {
		order: 5;
	}

	.footer-column-4 {
		order: 6;
	}

	.footer-column-5 {
		order: 2;
	}
	
	.footer-column-6 {
		order: 3;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	.footer-column-1 img {
		margin: 50px 0px;
	}
}

#menu-categorieen {
	display: block;
}