/* FILTER */
#category-projects-filter-wrapper {
	padding: 50px 0;
}

#category-projects-filter-wrapper #category-projects-filter-single-filters-title-wrapper {
	border-bottom: 1px solid #031835;
	margin-bottom: 10px;
}

#category-projects-filter-wrapper #category-projects-filter-single-filters-title-wrapper .category-projects-filter-single-filters-title {
	font-weight: 400;
	text-transform: capitalize;
	height: 40px;
	line-height: 40px;
}

#category-projects-filter-wrapper #category-projects-filter-single-filters-title-wrapper .category-projects-filter-single-filters-title::before {
	position: relative;
	top: 5px;
	display: inline-block;
	content: '';
	height: 25px;
	width: 25px;
	background-image: url('images/Neuf - Icon - Filter open and close.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px auto;
	transform: rotate(180deg);
	margin-right: 7px;
	transition: all .2s ease-in-out;
}

#category-projects-filter-wrapper #category-projects-filter-single-filters-title-wrapper .category-projects-filter-single-filters-title.open::before {
	transform: rotate(0deg);
	transition: all .2s ease-in-out;
}

#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper {
	display: none;
	overflow: hidden;
}
/*
#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper.open {
	height: inherit;
	max-height: 300px;
	overflow: inherit;
	transition: all .2s ease-in-out;
}
*/

#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-title {
	font-family: 'Open Sans';
	font-size: 1rem;
	line-height: 2.625rem;
}

#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-role-filter-container,
#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-theme-filter-container,
#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-locations-filter-container {
	margin-bottom: 15px;
}

#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-role-filter-container .category-projects-filter-single-filters-role-filter-title,
#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-theme-filter-container .category-projects-filter-single-filters-theme-filter-title,
#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-locations-filter-container .category-projects-filter-single-filters-locations-filter-title {
	display: inline-block;
	color: #898989;
	width: 10%;
}

#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-role-filter-container .category-projects-filter-single-filters-role-filter-categories,
#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-theme-filter-container .category-projects-filter-single-filters-theme-filter-categories,
#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-locations-filter-container .category-projects-filter-single-filters-locations-filter-categories {
	display: inline-block;
}

#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-role-filter-container .category-projects-filter-single-filters-role-filter-categories span,
#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-theme-filter-container .category-projects-filter-single-filters-theme-filter-categories span,
#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-locations-filter-container .category-projects-filter-single-filters-locations-filter-categories span {
	margin: 0 15px;
}

#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-role-filter-container .category-projects-filter-single-filters-role-filter-categories span.active,
#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-theme-filter-container .category-projects-filter-single-filters-theme-filter-categories span.active,
#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-locations-filter-container .category-projects-filter-single-filters-locations-filter-categories span.active {
	border-bottom: 2px solid #EA9D83;
	transition: all .2s ease-in-out;
	text-decoration-color: transparent;
}

#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-role-filter-container .category-projects-filter-single-filters-role-filter-categories span:hover,
#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-theme-filter-container .category-projects-filter-single-filters-theme-filter-categories span:hover,
#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-locations-filter-container .category-projects-filter-single-filters-locations-filter-categories span:hover {
	border-bottom: 2px solid #EA9D83;
	transition: all .2s ease-in-out;
	cursor: pointer;
	text-decoration-color: transparent;
}




/* OVERVIEW */
#category-projects-overview-wrapper #category-projects-single-project-wrapper {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 30px;
	
}

#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container {
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 0 0 calc( 33.33333% - 30px);
	transition: all .2s ease-in-out;
	margin-bottom: 35px; /* 70px; */
}

#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container a {
	border-bottom: 0 none;
}

#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container .category-projects-single-project-image-container {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container .category-projects-single-project-image-container::before {
	display: block;
	content: '';
	padding-top: 56.25%;
}

#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container .category-projects-single-project-image-container img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
	transition: all .2s ease-in-out;
}

#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container:hover .category-projects-single-project-image-container img {
	transform: scale(1.1);
	transition: all .2s ease-in-out;
}

#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container #category-projects-single-project-content-wrapper {
	position: relative;
	/* margin-top: -200px; */
	width: 100%;
	background-color: #ffffff;
	padding: 15px 0; /* 15px; */
}

#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container #category-projects-single-project-content-wrapper .category-projects-single-project-content-container {
	width: 100%;
}

#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container #category-projects-single-project-content-wrapper .category-projects-single-project-content-container h3.category-projects-single-project-content-title {
	font-family: 'Caros Soft Bold';
    color: #1F2A67;
    font-size: clamp( 20px, 1.5vw, 22px);
    line-height: 1.2; /* clamp( 28px, 2.08vw, 30px); */
	min-height: 3.6em; /* 60px; /* 5vw; /* 7.5rem; */
	margin-bottom: 15px; /* 40px; /*  2.1875rem; */
	width: calc( 100% - 50px ); /* 75%; */
}

#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container #category-projects-single-project-content-wrapper .category-projects-single-project-content-container .category-projects-single-project-content-location-themas-container {
	position: relative;
	min-height: 50px;
}


#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container #category-projects-single-project-content-wrapper .category-projects-single-project-content-container .category-projects-single-project-content-location {
	font-family: 'Open Sans';
	font-size: clamp( 16px, 1.111111vw, 16px); /* 1rem; */
	line-height: 1.5em;
	font-weight: 400;
	color: #000000;
	width: calc( 100% - 100px ); /* 75%; */
}

#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container #category-projects-single-project-content-wrapper .category-projects-single-project-content-container .category-projects-single-project-content-location::after {
	position: absolute;
	content: '';
	bottom: 15px;
	right: 30px;
	height: 100%;
	width: 100%;
	background-image: url( 'images/Neuf - Icon - Approach Arrow Right.svg');
	background-position: center right;
	background-repeat: no-repeat;
	background-size: 50px auto;
	transition: all .2s ease-in-out;
}
#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container:hover #category-projects-single-project-content-wrapper .category-projects-single-project-content-container .category-projects-single-project-content-location::after {
	right: 0;
	transition: all .2s ease-in-out;
}

#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container #category-projects-single-project-content-wrapper .category-projects-single-project-content-container .category-projects-single-project-content-themas {
	font-family: 'Open Sans';
	font-size: clamp( 12px, 0.83333vw, 12px); /* 1rem; */
	line-height: 1.333333em;
	font-weight: 400;
	color: #898989;
	width: 75%;
}



@media( max-width: 767px ) {
	body #nfa-overview-approach-wrapper {
		margin-top: 70px!important;
	}
	
	/* FILTER */
	#category-projects-filter-wrapper {
		padding: 0 0 50px 0;
	}

	#category-projects-filter-wrapper #category-projects-filter-single-filters-title-wrapper {
		border-bottom: 1px solid #031835;
		margin-bottom: 20px;
	}

				#category-projects-filter-wrapper #category-projects-filter-single-filters-title-wrapper .category-projects-filter-single-filters-title {
					font-weight: 400;
					text-transform: capitalize;
					height: 40px;
					line-height: 40px;
				}

				#category-projects-filter-wrapper #category-projects-filter-single-filters-title-wrapper .category-projects-filter-single-filters-title::before {
					position: relative;
					top: 5px;
					display: inline-block;
					content: '';
					height: 25px;
					width: 25px;
					background-image: url('images/Neuf - Icon - Filter open and close.svg');
					background-position: center;
					background-repeat: no-repeat;
					background-size: 25px auto;
					transform: rotate(180deg);
					margin-right: 7px;
					transition: all .2s ease-in-out;
				}

				#category-projects-filter-wrapper #category-projects-filter-single-filters-title-wrapper .category-projects-filter-single-filters-title.open::before {
					transform: rotate(0deg);
					transition: all .2s ease-in-out;
				}

				#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper {
					display: none;
					overflow: hidden;
				}
				
				#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-title {
					font-family: 'Open Sans';
					font-size: 1rem;
					line-height: 2.625rem;
				}

	#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-role-filter-container,
	#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-theme-filter-container,
	#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-locations-filter-container {
		margin-bottom: 15px;
	}

	#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-role-filter-container .category-projects-filter-single-filters-role-filter-title,
	#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-theme-filter-container .category-projects-filter-single-filters-theme-filter-title,
	#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-locations-filter-container .category-projects-filter-single-filters-locations-filter-title {
		width: 100%;
		margin-bottom: 10px;
	}

	#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-role-filter-container .category-projects-filter-single-filters-role-filter-categories,
	#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-theme-filter-container .category-projects-filter-single-filters-theme-filter-categories,
	#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-locations-filter-container .category-projects-filter-single-filters-locations-filter-categories {
		display: block;
	}

	#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-role-filter-container .category-projects-filter-single-filters-role-filter-categories span,
	#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-theme-filter-container .category-projects-filter-single-filters-theme-filter-categories span,
	#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-locations-filter-container .category-projects-filter-single-filters-locations-filter-categories span {
		display: table;
		line-height: 1.8;
		margin: 0;
	}

				#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-role-filter-container .category-projects-filter-single-filters-role-filter-categories span.active,
				#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-theme-filter-container .category-projects-filter-single-filters-theme-filter-categories span.active,
				#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-locations-filter-container .category-projects-filter-single-filters-locations-filter-categories span.active {
					border-bottom: 2px solid #EA9D83;
					transition: all .2s ease-in-out;
					text-decoration-color: transparent;
				}

				#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-role-filter-container .category-projects-filter-single-filters-role-filter-categories span:hover,
				#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-theme-filter-container .category-projects-filter-single-filters-theme-filter-categories span:hover,
				#category-projects-filter-wrapper #category-projects-filter-single-filters-wrapper .category-projects-filter-single-filters-locations-filter-container .category-projects-filter-single-filters-locations-filter-categories span:hover {
					border-bottom: 2px solid #EA9D83;
					transition: all .2s ease-in-out;
					cursor: pointer;
					text-decoration-color: transparent;
				}




	/* OVERVIEW */
	#category-projects-overview-wrapper #category-projects-single-project-wrapper {
		gap: 0;

	}

	#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container {
		flex: 0 0 100%;
	}

				#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container a {
					border-bottom: 0 none;
				}

				#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container .category-projects-single-project-image-container {
					position: relative;
					width: 100%;
					overflow: hidden;
				}

				#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container .category-projects-single-project-image-container::before {
					display: block;
					content: '';
					padding-top: 56.25%;
				}

				#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container .category-projects-single-project-image-container img {
					position: absolute;
					top: 0;
					left: 0;
					height: 100%;
					width: 100%;
					object-fit: cover;
					object-position: center;
					transition: all .2s ease-in-out;
				}

				#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container:hover .category-projects-single-project-image-container img {
					transform: scale(1.1);
					transition: all .2s ease-in-out;
				}

				#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container #category-projects-single-project-content-wrapper {
					position: relative;
					/* margin-top: -200px; */
					width: 100%;
					background-color: #ffffff;
					padding: 15px 0; /* 15px; */
				}

				#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container #category-projects-single-project-content-wrapper .category-projects-single-project-content-container {
					width: 100%;
				}

	#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container #category-projects-single-project-content-wrapper .category-projects-single-project-content-container h3.category-projects-single-project-content-title {
		min-height: inherit;
		margin-bottom: 15px; /*  2.1875rem; */
		width: 100%; /* 75%; */
	}

				#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container #category-projects-single-project-content-wrapper .category-projects-single-project-content-container .category-projects-single-project-content-location-themas-container {
					position: relative;
					min-height: 50px;
				}


				#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container #category-projects-single-project-content-wrapper .category-projects-single-project-content-container .category-projects-single-project-content-location {
					font-family: 'Open Sans';
					font-size: clamp( 16px, 1.111111vw, 16px); /* 1rem; */
					line-height: 1.5em;
					font-weight: 400;
					color: #000000;
					width: calc( 100% - 100px ); /* 75%; */
				}

	#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container #category-projects-single-project-content-wrapper .category-projects-single-project-content-container .category-projects-single-project-content-location::after {
		display: none;
		position: absolute;
		content: '';
		bottom: 15px;
		right: 30px;
		height: 100%;
		width: 100%;
		background-image: url( 'images/Neuf - Icon - Approach Arrow Right.svg');
		background-position: center right;
		background-repeat: no-repeat;
		background-size: 50px auto;
		transition: all .2s ease-in-out;
	}
	
				#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container:hover #category-projects-single-project-content-wrapper .category-projects-single-project-content-container .category-projects-single-project-content-location::after {
					right: 0;
					transition: all .2s ease-in-out;
				}

	#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container #category-projects-single-project-content-wrapper .category-projects-single-project-content-container .category-projects-single-project-content-themas {
		width: 100%;
	}
}


@media only screen
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) {

	#category-projects-overview-wrapper #category-projects-single-project-wrapper .category-projects-single-project-container {
		flex: 0 0 calc(50% - 20px);
	}
}