/*
==  THEME DETAILS  ============================================================
   	Theme Name: Wooded
   	Theme URI: https://www.wooded.nl/
    Description: Stylesheet voor Wooded
    Version: 1.0
  	Author: Kracht Internet Marketing
	Author URI: https://www.krachtinternetmarketing.nl

===============================================================================
*/

/*----------------------------------------------
	1.1 Basics
------------------------------------------------*/
	:root {
		--white: #FFFFFF;
		--black: #000000;
		--dark: #141414;
		--green: #475838;
		--brown: #C1592E;
		--dark-brown: #AA502A;
		--beige: #E6D7BB;
		--light-beige: rgba(230, 215, 187, 0.5);
		--grey: #707070;
		--blue: #0077B7;
	}

	html {
  		font-size: 20px;
	}

	body {
        font-family: aptos, sans-serif;
        font-size: 1rem;
	  	line-height: 1.75rem;
		font-weight: 400;
		color: var(--black);
		background: var(--white);
		-webkit-font-smoothing: antialiased;
  		-moz-osx-font-smoothing: grayscale;
	}

	a, a:hover, .btn, .btn:hover , .transition {
		transition: all 0.3s ease-in-out;
		text-decoration: none;
	}

	p , figure , blockquote , ul {
		margin: 0 !important;
	}

	button:focus ,
	:focus {
		outline: 0 !important;
	}

	h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
		font-weight: 700;
        color: var(--green);
		line-height: 1.18;
		margin: 0;
		padding: 0;
	}

	h1, .h1 {
		font-size: 5rem;
	}

	h2, .h2 {
		font-size: 2.5rem;
		text-transform: uppercase;
	}

	h3, .h3 {
		font-size: 1.75rem;
		line-height: 2.5rem;
	}

	h4, .h4 {
		font-size: 1.35rem;
		line-height: 1.85rem;
	}

	.fs-lg {
		font-size: 1.25rem !important;
		line-height: 2.25rem;
	}

	.fw-extrabold {
		font-weight: 800 !important;
	}

	.rounded {
		border-radius: 0.4rem !important;
	}

	.box-shadow {
		box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
	}

	.z-index-1 {
		position: relative;
		z-index: 8;
	}

	.bg-cover {
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.label {
		display: inline-block;
		font-size: 1rem;
		font-weight: 700;
		line-height: 1rem;
		padding: 0.85rem 1.65rem;
		border-radius: 2.5rem;
	}

	.container-fluid {
		max-width: 1670px;
	}

	main > section {
		overflow-x: clip;
	}

	@media (max-width: 1500px) {
    	html {
			font-size: 18px;
		}
	}

	@media (max-width: 1200px) {
    	html {
			font-size: 16px;
		}
		h1, .h1 {
			font-size: 4.25rem;
		}
	}

	@media (max-width: 767px) {
    	h1, .h1 {
			font-size: 3.25rem;
		}
		h2, .h2 {
			font-size: 2rem;
		}
	}


	@media (max-width: 576px) {
    	html {
			font-size: 15px;
	   	}
		h1, .h1 {
			font-size: 2.75rem;
		}
	}


/* Buttons -------------------------------------- */
	.btn {
		font-size: 1rem;
		font-weight: 700;
		line-height: 1rem;
		color: var(--white);
		padding: 0.85rem 1.65rem;
		border: 0;
		border-radius: 50px;
	}

	.btn-primary {
		background: var(--brown);
	}

	.btn-primary:hover ,
	.btn-primary:focus ,
	.btn-primary:active {
		background: var(--dark-brown) !important;
		color: var(--white) !important;
	}

	.btn-secondary {
		background: var(--dark-brown);
	}

	.btn-secondary:hover ,
	.btn-secondary:focus ,
	.btn-secondary:active {
		background: var(--brown) !important;
		color: var(--white) !important;
	}

	.btn-tertiary {
		background: var(--white);
		color: var(--brown);
	}

	.btn-tertiary:hover ,
	.btn-tertiary:focus ,
	.btn-tertiary:active {
		background: var(--beige) !important;
		color: var(--brown) !important;
	}

	.link-arrow {
		display: inline-flex;
		align-items: center;
		gap: 0.6rem;
		font-weight: 700;
		color: var(--green);
	}

	.link-arrow::after {
		content: '';
		width: 0.85rem;
		height: 0.95rem;
		background: var(--brown);
		clip-path: polygon(0 0, 100% 50%, 0 100%);
		flex-shrink: 0;
	}

	.link-arrow:hover {
		color: var(--brown);
	}

/*---------------------------------------------- 
	1.2 Content Block 
------------------------------------------------*/
	.content-block p + p ,
	.content-block p + h2 ,
	.content-block p + h3 ,
	.content-block p + h4 ,
	.content-block p + h5 ,
	.content-block p + ul ,
	.content-block h3 + ul ,
	.content-block h4 + ul ,
	.content-block ul + p ,
	.content-block ul + h3 {
		margin-top: 1.5rem !important;
	}

	.content-block h1 ,
    .content-block h2 ,
	.content-block h3 {
		margin-bottom: 1.25rem;
	}

	.content-block h2 {
		text-transform: inherit !important;
	}

	.content-block img.aligncenter {
		margin: 0 auto;
		display: block;
	}

	.content-block .embed-responsive {
		margin: 2.5rem 0;
	}

	/* Galerij uit de editor */
	.gallery {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.5rem;
		margin: 2rem 0;
	}

	.gallery-columns-1 { grid-template-columns: minmax(0, 1fr); }

	@media all and (min-width: 768px) {
		.gallery-columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
		.gallery-columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
		.gallery-columns-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
		.gallery-columns-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
		.gallery-columns-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
		.gallery-columns-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
		.gallery-columns-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
	}

	.gallery .gallery-caption {
		margin-top: 0.5rem;
		font-size: 0.85rem;
	}

	/* Galerij uit de editor */
	.gallery {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.5rem;
		margin: 2rem 0;
	}

	.gallery-columns-1 { grid-template-columns: minmax(0, 1fr); }

	@media all and (min-width: 768px) {
		.gallery-columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
		.gallery-columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
		.gallery-columns-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
		.gallery-columns-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
		.gallery-columns-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
		.gallery-columns-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
		.gallery-columns-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
	}

	.gallery .gallery-caption {
		margin-top: 0.5rem;
		font-size: 0.85rem;
	}

/*----------------------------------------------
	1.3 Colors
------------------------------------------------*/
	.bg-green {
		background-color: var(--green);
	}

	.bg-brown {
		background-color: var(--brown);
	}

	.bg-dark-brown {
		background-color: var(--dark-brown);
	}

	.bg-beige {
		background-color: var(--beige);
	}

	.bg-light-beige {
		background-color: var(--light-beige);
	}

	.bg-texture {
		background-image: url(../images/houtstructuur-wit.png);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.text-green {
		color: var(--green);
	}

	.text-brown {
		color: var(--brown);
	}

/*----------------------------------------------
	1.4 Spacing
------------------------------------------------*/
	.py-70 {
		padding: 3.5rem 0;
	}

	.py-80 {
		padding: 4rem 0;
	}

	.py-160 {
		padding: 8rem 0;
	}

	.pt-40 {
		padding-top: 2rem;
	}

	.pt-70 {
		padding-top: 3.5rem;
	}

	.pt-90 {
		padding-top: 4.5rem;
	}

	.pt-100 {
		padding-top: 5rem;
	}

	.pt-110 {
		padding-top: 5.5rem;
	}

	.pt-130 {
		padding-top: 6.5rem;
	}

	.pb-50 {
		padding-bottom: 2.5rem;
	}

	.pb-100 {
		padding-bottom: 5rem;
	}

	.pb-110 {
		padding-bottom: 5.5rem;
	}

	.pb-120 {
		padding-bottom: 6rem;
	}

	.pb-140 {
		padding-bottom: 7rem;
	}

	.pb-160 {
		padding-bottom: 8rem;
	}

	.mt-50 {
		margin-top: 2.5rem !important;
	}

	.mt-80 {
		margin-top: 4rem !important;
	}

	.mb-40 {
		margin-bottom: 2rem !important;
	}

	.mb-50 {
		margin-bottom: 2.5rem !important;
	}

	@media (max-width: 992px) {
		.pt-110,
		.pt-130 {
			padding-top: 4.5rem;
		}
		.pb-120,
		.pb-140,
		.pb-160 {
			padding-bottom: 5rem;
		}
		.py-160 {
			padding: 5rem 0;
		}
	}

	@media (max-width: 576px) {
		.pt-100,
		.pt-110,
		.pt-130 {
			padding-top: 3.5rem;
		}
		.pb-100,
		.pb-110,
		.pb-120,
		.pb-140,
		.pb-160 {
			padding-bottom: 3.5rem;
		}
		.py-80 {
			padding: 3rem 0;
		}
		.py-160 {
			padding: 3.5rem 0;
		}
		.mt-80 {
			margin-top: 3rem !important;
		}
	}

/*----------------------------------------------
	1.5 Item Thema
------------------------------------------------*/
	.item-thema__content {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
	}

	.item-thema__content::after {
		content: '';
		position: absolute;
		inset: 0;
		background: var(--green);
		opacity: 0.5;
		transition: all 0.3s ease-in-out;
	}

	.item-thema:hover .item-thema__content::after {
		opacity: 0.77;
	}

	.item-thema__title {
		font-size: 2rem;
		z-index: 1;
	}

	 @media (max-width: 1500px) {
		.item-thema__title {
			font-size: 1.75rem;
		}
	 }

	@media (max-width: 576px) {
		.item-thema__title {
			font-size: 1.25rem;
		}
	}	

/*----------------------------------------------
	1.6 Item Agenda
------------------------------------------------*/
	.item-agenda__date {
		padding: 0.5rem 0.85rem;
	}

	.item-agenda__content {
		position: relative;
		padding: 1rem 1.35rem 2.9rem;
	}

	.item-agenda__button {
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translate(-50%, 50%);
	}

	.item-agenda__image {
		position: relative;
	}

	.item-agenda__past {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.item-agenda--past {
		opacity: 0.5;
	}

	.item-publicatie li + li {
		margin-top: 1.5rem;
	}

	 @media (max-width: 1600px) {
		.item-agenda__date span {
			font-size: 0.9rem;
		}
	 }	

/*----------------------------------------------
	1.7 Item Partner
------------------------------------------------*/
	.item-partner {
		padding: 2.15rem;
		background: var(--white);
		border: 1px solid var(--grey);
	}

/*---------------------------------------------- 
	1.8 Swiper
------------------------------------------------*/
	.swiper-navigation-icon {
		display: none;
	}

	.swiper-button-next, 
	.swiper-button-prev {
        font-size: 1.25rem;
		color: var(--brown);
		background: none;
		border: 2px solid var(--green);
		line-height: 2.25rem;
		height: 2.25rem;
		width: 2.25rem;
        display: block;
		text-align: center;
		margin: 0 !important;
		border-radius: 8px;
	}

	.swiper-button-prev {
		left: -0.5rem !important;
	}

	.swiper-button-next {
		right: -0.5rem !important;
	}

	.swiper-button-next.swiper-button-lock,
	.swiper-button-prev.swiper-button-lock {
		display: none;
	}

	.swiper-agenda {
		padding-bottom: 1.5rem;
	}

	.swiper-agenda .swiper-slide {
		height: auto;
	}

	.swiper-outer .swiper-button-prev,
	.swiper-outer .swiper-button-next {
		top: var(--pijl-top, 50%);
		transform: translateY(-50%);
	}

	@media (min-width: 1850px) {
		.swiper-outer .swiper-button-prev {
			left: calc(-2.25rem - 30px) !important;
		}
		.swiper-outer .swiper-button-next {
			right: calc(-2.25rem - 30px) !important;
		}
		.swiper-outer .swiper-button-prev,
		.swiper-outer .swiper-button-next {
			transform: translateY(-50%);
		}
		.frontpage-nieuws .swiper-button-prev,
		.frontpage-nieuws .swiper-button-next,
		.nieuws-gerelateerd .swiper-button-prev,
		.nieuws-gerelateerd .swiper-button-next,
		.thema-projecten .swiper-button-prev,
		.thema-projecten .swiper-button-next,
		.thema-publicaties .swiper-button-prev,
		.thema-publicaties .swiper-button-next {
			top: 180px;
		}
		.frontpage-agenda .swiper-button-prev,
		.frontpage-agenda .swiper-button-next {
			top: 300px;
		}
	}

/*----------------------------------------------
	1.9 Filters
------------------------------------------------*/
	.filters__search {
		position: relative;
	}

	.filters__search i {
		position: absolute;
		top: 50%;
		left: 0.85rem;
		transform: translateY(-50%);
		font-size: 1rem;
		color: var(--dark);
	}

	.filters__search .form-control {
		height: 2.35rem;
		padding: 0 1rem 0 2.5rem;
		border: 0;
		border-radius: 1.175rem;
	}

	.filters .form-select {
		height: 2.35rem;
		padding-left: 0.6rem;
		font-size: 1rem;
		border: 0;
		border-radius: 0;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
		background-size: 0.75rem;
		background-position: right 0.75rem center;
	}

	@supports (appearance: base-select) {
		.filters .form-select,
		.filters .form-select::picker(select) {
			appearance: base-select;
		}
		.filters .form-select::picker-icon {
			display: none;
		}
		.filters .form-select::picker(select) {
			position-area: block-end span-inline-end;
			position-try-order: normal;
			border: 0;
			margin-top: 0.25rem;
			box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
		}
		.filters .form-select option {
			padding: 0.5rem 0.6rem;
		}
		.filters .form-select option:hover,
		.filters .form-select option:checked {
			background: var(--light-beige);
			color: var(--green);
		}
	}

/*----------------------------------------------
	1.10 Pagination
------------------------------------------------*/
	.pagination ul.page-numbers {
		display: flex;
		justify-content: center;
		gap: 0.5rem;
		width: 100%;
		padding: 0;
		list-style: none;
	}

	.pagination a.page-numbers,
	.pagination span.page-numbers {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.25rem;
		height: 2.25rem;
		font-weight: 700;
		color: var(--green);
		border: 2px solid var(--green);
		border-radius: 8px;
	}

	.pagination a.page-numbers:hover {
		color: var(--brown);
		border-color: var(--brown);
	}

	.pagination span.current {
		background: var(--green);
		color: var(--white);
	}


/*----------------------------------------------
	2. Header
------------------------------------------------*/
	.header {
		top: 0;
		left: 0;
		z-index: 10;
		padding-top: 1.5rem;
	}

	.header__language {
		display: flex;
		align-items: center;
	}

	.header__language .link-arrow {
		color: var(--white);
		flex-direction: row-reverse;
	}

	@media (max-width: 767px) {
		.header__brand {
			max-height: 7rem !important;
		}
	}

/*----------------------------------------------
	2.1 Navigation
------------------------------------------------*/
	.navigation__main {
		flex-grow: 1;
		padding-left: 4rem;
		background: var(--white);
		border-radius: 2.5rem 0 0 2.5rem;
	}

	.navigation__secondary {
		flex-shrink: 0;
		padding: 0 4rem 0 3rem;
		background: var(--brown);
		border-radius: 0 2.5rem 2.5rem 0;
	}

	.navigation__menu {
		gap: 4.75rem;
	}

	.navigation__secondary .navigation__menu {
		gap: 1.75rem;
	}

	.navigation__menu li a {
		font-size: 1rem;
		font-weight: 700;
		color: var(--black);
		padding: 1.75rem 0;
	}

	.navigation__secondary li a {
		color: var(--white);
	}

	.navigation__main li a:hover {
		color: var(--brown);
	}

	.navigation__main .nav-item.active a {
		color: var(--brown);
	}

	.navigation__secondary .nav-item.active a {
		color: var(--beige);
	}

	.navigation__secondary li a:hover {
		color: var(--beige);
	}

	@media (max-width: 1400px) {
		.navigation__menu {
			gap: 3.25rem;
		}
		.navigation__secondary .navigation__menu {
			gap: 1.25rem;
		}
	}

	@media (max-width: 1080px) {
		.navigation__main {
			padding-left: 3rem;
		}
		.navigation__secondary {
			padding-right: 3rem;
		}
		.navigation__menu {
			gap: 2.25rem;
		}
		.navigation__secondary .navigation__menu {
			gap: 1.25rem;
		}
	}

/*---------------------------------------------- 
	2.3 Navigation Mobile
------------------------------------------------*/
    .navigation-mobile {
        z-index: 1050;
    }

	.navigation-mobile .cd-dropdown-trigger {
		display: inline-block;
    	position: relative;
    	padding: 0 !important;
		font-size: 1.1rem;
		text-align: center;
		line-height: 3rem;
		height: 3rem;
		width: 3rem;
		background: var(--brown) !important;
		color: var(--white) !important;	
		margin: 0;
		z-index: 99;
        border-radius: 100%;
		border: none;
	}

	 .navigation-mobile .cd-dropdown-trigger i {
		margin: 0;	
	}
	
	.navigation-mobile .cd-dropdown-content a {
		font-size: 1rem;
		font-weight: 700;
		color: var(--black);
		text-align: left !important;
	}

	.navigation-mobile .current-menu-item a {
		color: var(--brown);
	}

	.navigation-mobile .cd-dropdown {
		background: var(--white);
		z-index: 999;
	}
	
	.navigation-mobile .cd-dropdown-wrapper {
		height: auto;
		margin: 0 !important;
	}
	
	.navigation-mobile ul {
		padding-left: 0;
	}
	
	.navigation-mobile .cd-dropdown-content a, 
	.navigation-mobile .cd-dropdown-content ul a {
		border-top-width: 0.25px;
    	border-bottom-width: 0;
    	border-left-width: 0;
    	border-right-width: 0;
    	border-color: var(--light-beige);
    	border-style: solid;
	}

	.navigation-mobile .cd-dropdown-content li:last-of-type > a, 
	.navigation-mobile .cd-dropdown-content ul li:last-of-type > a {
		border-bottom-width: 0.25px;;
	}
	
	.navigation-mobile .cd-dropdown-content .go-back a {
		color: var(--brown);
		background: var(--white);
	}

	.navigation-mobile .cd-secondary-dropdown > a,
	.navigation-mobile .cd-secondary-dropdown > .go-back a {
  		display: none !important;
		background: var(--white);
	}

	.navigation-mobile .has-children > a::before, 
	.navigation-mobile .has-children > a::after {
		background: var(--brown) !important;
	}

	.navigation-mobile .cd-dropdown .cd-close::after, 
	.navigation-mobile .cd-dropdown .cd-close::before {
		background: var(--brown) !important;
	}

	.navigation-mobile .go-back a::before, 
	.navigation-mobile .go-back a::after {
		background: var(--brown) !important;	
	}

	.navigation-mobile .cd-secondary-dropdown > .go-back a + a {
		display: block !important;
	}

    .navigation-mobile .header__language {
		position: absolute;
		bottom: 1rem;
		left: 1.5rem;
	}

	 .navigation-mobile .header__language a {
		color: var(--green);
	 }

/*----------------------------------------------
	3. Hero
------------------------------------------------*/
	.hero {
		display: flex;
		min-height: 22.75rem;
	}

	.hero--frontpage {
		min-height: 36rem;
	}

	.hero__content {
		width: 100%;
		padding-top: 13.5rem;
		background-color: rgba(71, 88, 56, 0.85);
	}

	.hero--frontpage .hero__content {
		padding-top: 17rem;
	}

	@media (max-width: 767px) {
		.hero {
			min-height: inherit
		}
		.hero--frontpage .hero__content {
			padding-top: 12.5rem;
			padding-bottom: 3rem !important
		}
	}

/*----------------------------------------------
	4.1 Frontpage Uitgelicht
------------------------------------------------*/
	.frontpage-uitgelicht__icon i {
		font-size: 3rem;
		color: var(--blue);
	}

	.frontpage-uitgelicht .profeedwp-feed.profeedwp-feed--social {
		--lf-primary-color: var(--blue);
		--lf-text-color: var(--black);
		--lf-text-light: var(--green);
		--lf-border-color: transparent;
		--lf-border-radius: 0;
		--lf-shadow-light: none;
		--lf-shadow-hover: 0 10px 30px rgba(0, 0, 0, .08);
		font-family: aptos, sans-serif;
	}

	.frontpage-uitgelicht .profeedwp-feed.profeedwp-feed--social .profeedwp-feed-posts {
		gap: 1.5rem;
	}

	.frontpage-uitgelicht .frontpage-uitgelicht__feed.profeedwp-feed.profeedwp-feed--social .profeedwp-feed-post {
		height: 100%;
		padding: .65rem;
		border: 0;
		transition: box-shadow .3s ease;
	}

	.frontpage-uitgelicht .profeedwp-feed.profeedwp-feed--social .profeedwp-feed-post-link:hover .profeedwp-feed-post,
	.frontpage-uitgelicht .profeedwp-feed.profeedwp-feed--social .profeedwp-feed-post-link:focus .profeedwp-feed-post {
		transform: none;
	}

	.frontpage-uitgelicht .profeedwp-feed.profeedwp-feed--social .profeedwp-feed-post-social-header {
		padding: 1rem 1rem 1.25rem;
	}

	.frontpage-uitgelicht .profeedwp-feed.profeedwp-feed--social .profeedwp-feed-post-avatar {
		flex-basis: 48px;
		width: 48px;
		height: 48px;
		background: var(--light-beige);
		color: var(--green);
	}

	.frontpage-uitgelicht .profeedwp-feed.profeedwp-feed--social .profeedwp-feed-linkedin-logo {
		flex-basis: 28px;
		width: 28px;
		height: 28px;
	}

	.frontpage-uitgelicht .profeedwp-feed.profeedwp-feed--social .profeedwp-feed-post-text {
		padding: 0 1rem 1.5rem;
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.frontpage-uitgelicht .profeedwp-feed.profeedwp-feed--social .profeedwp-feed-post-text .profeedwp-first-paragraph {
		font-weight: 700;
	}

	.frontpage-uitgelicht .profeedwp-feed.profeedwp-feed--social .profeedwp-feed-post-image {
		border-top: 0;
		margin-top: auto;
	}

	.frontpage-uitgelicht .profeedwp-feed.profeedwp-feed--social .profeedwp-feed-post-meta {
		padding: 1rem 1rem .5rem;
		border-top: 0;
		font-size: .875rem;
	}

	.frontpage-uitgelicht .profeedwp-feed.profeedwp-feed--social .profeedwp-feed-post-meta .profeedwp-feed-post-date {
		color: var(--green);
		font-weight: 700;
		text-transform: uppercase;
	}

	@media (min-width: 992px) {
		.frontpage-uitgelicht .profeedwp-feed.profeedwp-feed--social .profeedwp-feed-posts {
			gap: 3rem;
		}
	}

/*----------------------------------------------
	4.2 Filters
------------------------------------------------*/
	.filters__search {
		position: relative;
	}

	.filters__search i {
		position: absolute;
		top: 50%;
		left: 0.85rem;
		transform: translateY(-50%);
		font-size: 1rem;
		color: var(--dark);
	}

	.filters__search .form-control {
		height: 2.35rem;
		padding: 0 1rem 0 2.5rem;
		border: 0;
		border-radius: 1.175rem;
	}

	.filters .form-select {
		height: 2.35rem;
		padding-left: 0.6rem;
		font-size: 1rem;
		border: 0;
		border-radius: 0;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
		background-size: 0.75rem;
		background-position: right 0.75rem center;
	}

	@supports (appearance: base-select) {
		.filters .form-select,
		.filters .form-select::picker(select) {
			appearance: base-select;
		}
		.filters .form-select::picker-icon {
			display: none;
		}
		.filters .form-select::picker(select) {
			position-area: block-end span-inline-end;
			position-try-order: normal;
			border: 0;
			margin-top: 0.25rem;
			box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
		}
		.filters .form-select option {
			padding: 0.5rem 0.6rem;
		}
		.filters .form-select option:hover,
		.filters .form-select option:checked {
			background: var(--light-beige);
			color: var(--green);
		}
	}

	.pagination ul.page-numbers {
		display: flex;
		justify-content: center;
		gap: 0.5rem;
		width: 100%;
		padding: 0;
		list-style: none;
	}

	.pagination a.page-numbers,
	.pagination span.page-numbers {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 2.25rem;
		height: 2.25rem;
		font-weight: 700;
		color: var(--green);
		border: 2px solid var(--green);
		border-radius: 8px;
	}

	.pagination a.page-numbers:hover {
		color: var(--brown);
		border-color: var(--brown);
	}

	.pagination span.current {
		background: var(--green);
		color: var(--white);
	}

/*----------------------------------------------
	4.3 Sidebar
------------------------------------------------*/
	.sidebar {
		padding: 2.5rem 1.25rem 2rem;
		border-radius: 1.25rem;
	}

	.sidebar li + li {
		margin-top: 1.5rem;
	}

/*----------------------------------------------
	4.4 Project
------------------------------------------------*/
	.project-info {
		padding: 2.5rem 2.25rem;
	}

	.project-info li + li {
		margin-top: 1rem;
	}

/*----------------------------------------------
	5.1 Page Modules
------------------------------------------------*/
	.module-content + .module-galerij {
		padding-top: 0 !important;
	}

/*----------------------------------------------
	5.2 Module Partners
------------------------------------------------*/
	.module-partners .item-partner img {
		width: 100%;
	}

/*----------------------------------------------
	5.3 Module Thema's
------------------------------------------------*/
	.module-themas a.h1:hover {
		color: var(--brown);
	}

/*----------------------------------------------
	7.1 Footer
------------------------------------------------*/
	.footer {
		color: var(--white);
	}

	.footer__partners {
		gap: 1.5rem 3rem;
	}

	@media (max-width: 1360px) {
		.footer__partners {
			gap: 1.5rem 2rem;
		}
		.footer__partners li img {
			height: 2.25rem;
		}
	}

	@media (max-width: 1200px) {
		.footer__financier {
			max-height: 5rem;
		}
	}

	@media (max-width: 767px) {
		.footer__brand {
			max-height: 7rem !important;
		}
	}