.kb-list-wrapper {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}

.kb-list-item {
	background-color: #f4f4f4f4;
    padding: 20px;
	clip-path: polygon(20px 0,100% 0,100% 100%,0 100%,0 20px);
}

.kb-list-item > div {
	display: flex;
	gap: 20px;
	align-items: center;
	margin-bottom: 10px;
}

.kb-list-item h3 {
	padding-bottom: 0;
}

.kb-item-meta {
	display: flex;
    gap: 10px;
}

.kb-item-meta div {
	font-size: 14px;
	padding: 0px 10px;
	background-color: #ffcd00;
	clip-path: polygon(10px 0,100% 0,100% 100%,0 100%,0 10px);
}

.kb-meta-single-item div {
	background-color: #000000;
	color: #ffffff;
}

.kb-meta-single-item div a {
	color: #ffffff;
}

.kb-item-excerpt {
	line-height: 1.6em;
}

#et-boc .kb-list-filter-wrap input {
	width: 100%;
    border-radius: 0;
	border: none;
    border-bottom: 4px solid #000000;
    padding: 15px 0 15px 0;
    font-size: 18px;
	margin-bottom: 40px;
    background-image: url(/wp-content/uploads/2025/07/Search-icon.svg);
    background-position: right 0 center;
    background-size: 32px;
	background-repeat: no-repeat;
}

.kb-list-filter-wrap input::placeholder {
	color: #000000;
}

.kb-list-taxo-wrapper {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.kb-list-taxo-wrapper > div {
	display: -webkit-inline-box;
	gap: 10px;
}

.kb-list-filter-wrap .kb-list-cat-filter-wrapper:before,
.kb-list-filter-wrap .kb-list-prod-filter-wrapper:before {
	content: "Filter op categoriëen";
	margin-right: 10px;
	font-family: 'Metropolis Bold', Helvetica, Arial, Lucida, sans-serif;
	background: linear-gradient(to top, #ffcd00 50%, transparent 0%);
	padding-left: 3px;
	padding-right: 3px;
}

.kb-list-filter-wrap .kb-list-prod-filter-wrapper:before {
	content: "Filter op producten"
}

#et-boc .kb-list-cat-filter-wrapper select,
#et-boc .kb-list-prod-filter-wrapper select {
	padding: 7px 10px;
    background: transparent;
	border: none;
	clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px);
	-webkit-appearance: none;
	min-width: 175px;
}

.kb-list-cat-filter-wrapper > div,
.kb-list-prod-filter-wrapper > div {
	position: relative;
	padding-right: 7px;
}

.kb-list-cat-filter-wrapper > div:before,
.kb-list-prod-filter-wrapper > div:before {
	content: "";
	position: absolute;
	background: white;
	clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px);
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	display: block;
	z-index: -1;
}

.kb-list-cat-filter-wrapper > div:after,
.kb-list-prod-filter-wrapper > div:after {
	content: "";
    position: absolute;
    background: #BFCBDD;
    clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -2;
}

.kb-list-filter-wrap button {
	display: none;
}

@media screen and (max-width: 980px) {
	.kb-list-item > div {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media screen and (max-width: 568px) {
	.kb-list-taxo-wrapper > div {
		display: flex;
		flex-direction: column;
	}
	
	#et-boc .kb-list-cat-filter-wrapper select,
	#et-boc .kb-list-prod-filter-wrapper select {
		width: 100%;
	}
}


/* Related items */
.kb-related-item a {
	color: #000000;
}

/* Pagination */
#et-boc .kb-pagination {
	display: flex;
    align-items: center;
	justify-content: center;
	gap: 30px;
	margin-top: 40px;
}

#et-boc .kb-pagination .page-numbers {
	font-size: 16px;
	line-height: 16px;
	color: #000000;
}

#et-boc .kb-pagination .current,
#et-boc .kb-pagination .dots,
#et-boc .kb-pagination .dots:before,
#et-boc .kb-pagination .next,
#et-boc .kb-pagination .prev {
	mask-image: url(/wp-content/uploads/2025/07/hexagon-mask-v2.svg);
	-webkit-mask-image: url(/wp-content/uploads/2025/07/hexagon-mask-v2.svg);
	mask-repeat: no-repeat;
}

#et-boc .kb-pagination .current {
	background-color: #FFCD00;
	padding: 9px 11px;
	width: 30px;
	height: 34px;
	text-align: center;
	font-weight: 900;
}

#et-boc .kb-pagination .dots {
	position: relative;
	background-color: #CAD5E3;
	padding: 9px 10px;
}

#et-boc .kb-pagination .dots:before {
	content: "";
	position: absolute;
	top: 3px;
	bottom: 3px;
	left: 3px;
	right: 3px;
	background-color: #ffffff;
	padding: 9px 10px;
	z-index: -1;
}

#et-boc .kb-pagination .prev {
    font-family: "ETModules";
	background-color: #E4EAF1;
	padding: 9px 7px;
	border: none;
	border-radius: 0;
}

#et-boc .kb-pagination .next {
    font-family: "ETModules";
	background-color: #FFCD00;
	padding: 9px 7px;
	border: none;
	border-radius: 0;
}