/* PROJECT DETAIL */
#body.single-project .project-bovenbalk{
	margin-bottom: 20px;
	background-color: #EDF2F3;
	padding: 15px 0px 40px;
}

#body.single-project .project-content .e-con-inner{
	flex-direction: row;
	column-gap: 40px;
}


body.single-project .map {
	width: 100%;
	height: 330px;
	background-color: #98DCFE;
}



#body.single-project .project-content .project-left-column{
	width: 930px;
}

#body.single-project h1{
	font-size: 44px;
	line-height: 53px;
	margin-bottom: 7px;
}

#body.single-project .project-awp_address_location{
	font-size: 22px;
	line-height: 26px;
    margin-bottom: 10px;	
	display: block;
}
#body.single-project .project-awp_address_location::first-letter{
	text-transform: uppercase;
}

#body .pricerange{
	font-family: Barlow, sans;
	font-weight: bold;
	font-size: 28px;
	line-height: 28px;
	letter-spacing: 0px;
	color: #BF5B05;
}


#body .project-info{
	background-color: #EDF2F3;
	border-radius: 8px;
	padding:20px 20px;
	font-size: 22px;
	line-height: 26px;		
	margin-bottom: 25px;
}
#body .project-info p{
	margin-bottom: 0px;
}
#body .project-info .project-awp_address_location{
	margin-bottom: 7px;
	display: inline-block;
}
#body .project-info .status{
	color: #024959;
	line-height: 29px;
}
#body .project-info .pricerange{
	flex-grow: 10;
}

#body .project-info > .e-con-full .projectinfo-stats > div > div{
	margin-top: 10px;
}
#body .project-info h4{
	font-family: Barlow, sans;
	font-weight: 600;
	font-size: 21px;
	line-height: 30px;
	letter-spacing: 0px;
	color: #024959;
}
#body .project-info h4 .term-display-project-stage{
	text-transform: lowercase;
}
#body .project-info .info-price-area .elementor-widget-container{
	flex-direction: column;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}
#body .project-info .project-stage{
	font-size: 21px;
	line-height: 30px;	
	letter-spacing: 0px;
	color: #024959;
	font-weight: bold;
}
#body .project-info .project-price {
	font-family: Barlow, sans;
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
	letter-spacing: 0px;
	color: #BF5B05;
}

#body .project-info .project-total-properties::before,
#body .project-info .project-living-area::before{
	background-image: url('../images/Woning icoon - blauw.svg');
	content: '';
	background-repeat: no-repeat;
	background-size: 20px 20px;
	display: inline-block;
	width: 20px;
	height: 26px;
	margin-right: 8px;
	vertical-align: middle;
}
#body .project-info .project-living-area::before{
	background-image: url('../images/m2 icoon - blauw.svg');	
}

#body.single-project ul.property-numbers-by-stage {
	display: block;
	list-style: none;
	padding-left: 0px;
	flex-direction: row;
	column-gap: 20px;
	display: flex;
	justify-content: space-between;	
}
#body.single-project ul.property-numbers-by-stage li {
	display: block;
	position: relative;
	padding-left: 40px;
}
#body.single-project ul.property-numbers-by-stage li:before {
	content: ' ';
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	position: absolute;
	left: 0px;
	top: 3px;
}
#body .project-info .elementor-widget-container span.livingarea::before,
#body .project-info .elementor-widget-container span.numberofrooms::before,
#body .project-info .elementor-widget-container span.energylabel::before,
#body .project-info .elementor-widget-container span.totalproperties::before{
	content: '';
	background-repeat: no-repeat;
	background-size: 26px 26px;
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-right: 14px;
	vertical-align: middle;
}

#body .project-info .elementor-widget-container span.livingarea::before{
	background-image: url('../images/m2 icoon - blauw.svg');
}
#body .project-info .elementor-widget-container span.totalproperties::before{
    background-image: url('../images/Woning icoon - blauw.svg');
}

#body .project-info .elementor-widget-container span.numberofrooms::before{
	background-image: url('../images/Kamer icoon - blauw.svg');
}
#body .project-info .elementor-widget-container span.energylabel::before{
	background-image: url('../images/Energielabel icoon - blauw.svg');
}


#body.single-project ul.property-numbers-by-stage li.property-numbers-in-stage-preparation:before {
	background-color: #888888;
}
#body.single-project ul.property-numbers-by-stage li.property-numbers-in-stage-available:before {
	background-color: #26CB79;
}
#body.single-project ul.property-numbers-by-stage li.property-numbers-in-stage-option:before {
	background-color: #BF5B05;
}
#body.single-project ul.property-numbers-by-stage li.property-numbers-in-stage-occupied:before {
	background-color: #E10E17;
}

#body.single-project .project-content .project-left-column .project-text{
	padding-top: 15px;
}
#body.single-project .project-content .project-left-column .project-text div.dotdotdot {
	max-height: 330px;
	overflow: hidden;
}
#body.single-project .project-content .project-left-column .project-text div.dotdotdot-expanded {
	max-height: none;
	overflow: visible;
}
/*
#body.single-project .project-content .project-left-column .project-text h2{
	font-family: Barlow, sans;
	font-size: 24px;
	line-height: 26px;
	letter-spacing: 0px;
	color: #BF5B05;
	margin-bottom: 0px;
}
*/
#body.single-project .project-content .project-left-column .dotdotdot-readmore,
#body.single-project .project-content .project-left-column .dotdotdot-readless {
	margin-left: auto;
	margin-top: 20px;
}
#body.single-project .project-content .project-left-column a.geofence-title{
display: flex;
	align-items: center;
	border: none;
	background: #BF5B05;
	color: #FFFFFF;
	padding: 7px 37px 7px 15px;
	position: relative;
	border-radius: 3px;
	font-family: Barlow, sans;
	font-size: 18px;
	line-height: 26px;
	height: 40px;
	width: fit-content;
	box-sizing: border-box;
	margin-bottom: 20px;	
}
#body.single-project .project-content .project-left-column a.geofence-title::after {
	content: "";
	background-image: url(../images/icon_pijl.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 17px;
	height: 17px;
	display: block;
	position: absolute;
	top: 11.5px;
	right: 10px;
}

#body.single-project .project-content .project-right-column{
	width: 290px;
}
#body.single-project .project-buttons{
	align-items: flex-end;
	row-gap:10px;
    justify-content: flex-end;	
}
#body.single-project .project-buttons a{
	width: 290px;
/*	width: 100%;
	text-align: right;
	display: flex;
	align-items: center;
	border: none;
	background: #BF5B05;
	color: white;
	padding: 7px 15px;
	position: relative;
	border-radius: 3px;
	font-family: Barlow, sans;
	font-size: 18px;
	line-height: 26px;
	height: 40px;
	box-sizing: border-box;	

	*/
}
#body.single-project .project-buttons a.blue-button{
	background-color: #067BBA;
}
#body.single-project .project-content .project-right-column .partners{
	margin-top: 5px;
}
#body.single-project .project-content .project-right-column .partners h2{
	margin: 0px -2px;
	margin-bottom: 25px;
}
#body.single-project .project-content .project-right-column .partners .elementor-loop-container{
	row-gap: 0px;
}
#body.single-project .project-content .project-right-column .partners .elementor-loop-container .e-loop-item{
	padding: 15px 15px 20px 15px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 6px #00000057;
	border-radius: 14px;
}
#body.single-project .project-content .project-right-column .partners .elementor-loop-container .e-loop-item .partner-listitem .e-con-inner{
	column-gap: 10px;
}
#body.single-project .project-content .project-right-column .partners .elementor-loop-container .e-loop-item .partner-listitem .partner-photo-column{
	width: 75px;
	justify-content: center;
}
#body.single-project .project-content .project-right-column .partners .elementor-loop-container .e-loop-item .partner-listitem .partner-content-column{

}
#body.single-project .project-content .project-right-column .partners .elementor-loop-container  .e-loop-item .partner-listitem .partner-content-column .partner-type p{
	font-size: 19px;
	margin: 16px 0px;
}
#body.single-project .project-content .project-right-column .partners .elementor-loop-container  .e-loop-item .partner-listitem .partner-content-column h3{
	font-size: 16px;
	margin: 0px 0px 8px;
	line-height: 1;
	color: inherit;
	font-weight: normal;
}
#body.single-project .project-content .project-right-column .partners .elementor-loop-container  .e-loop-item .partner-listitem .partner-content-column p{
	font-size: 16px;
	margin: 0px;
}
#body.single-project .project-content .project-right-column .partners .elementor-loop-container .e-loop-item .partner-listitem .partner-content-column a{
	width: 100%;
	display: block;
	color: #024959;
	font-size: 16px;	
	line-height: 1;
}
#body.single-project .project-content .project-right-column .partners .elementor-loop-container .e-loop-item .partner-listitem .partner-content-column a:hover{
	text-decoration: underline;
}
.page-id-108873 .page-content{
	background-color: #EDF2F3;
}
#body .geofence-intro-image-container .e-con-inner{
	display: flex;
	column-gap: 35px;
}
#body .geofence-intro-image-container .elementor-widget:nth-child(1) .elementor-widget-container{
	display: flex;
	flex-direction: column;
}
#body .geofence-intro-image-container .elementor-widget:nth-child(1) .elementor-widget-container .geofence-intro{
	flex-grow: 10;
}
#body .geofence-intro-image-container .elementor-widget:nth-child(1){
	width: 53%;
}
#body .geofence-intro-image-container .elementor-widget:nth-child(2){
	width: 47%;
}
#body .geofence-intro-image-container .elementor-button{
	margin-left: auto;
}
#body .geofence-intro-image-container .geofence-thumbnail {
	line-height: 0;
}
#body  .geofence-intro-image-container .geofence-thumbnail img {
	max-width: none;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 20px;
}

body.single-project.no-articles .articles-list {
	display: none;
}

#body.single-project .project-types-container{
	/*background-color: #EDF2F3;*/
	padding: 0px 0px 60px;
}
body#body .project-types-container h2{
	margin-bottom: 10px;
}
#body.single-project .project-list-container{
	padding: 50px 0px;
}
/* standaard lijst weergave (niet via filter) */

.project-list{
}
#body .project-list h3{
	font-weight: normal;
	font-size: 24px;
	line-height: 22px;
}
#body .project-list .elementor-loop-container .e-loop-item p{
	margin:0px;
}
#body .project-list .elementor-loop-container .e-loop-item .e-con-inner{
	box-shadow: 0px 0px 10px #00000029;
	border-radius: 20px;
}
#body .project-list .elementor-loop-container .e-loop-item .project-list-image{
	width: 400px;
	height: 235px;
	font-size: 33px;
	line-height: 40px;
	color: #FFFFFF;	
	border-radius: 20px 20px 0px 0px;
	padding: 15px 27px;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
}
#body .project-list .elementor-loop-container .e-loop-item .project-list-image .project-stage{
	position: absolute;
	top:0px;
	left: 0px;
}
#body .project-list .elementor-loop-container .e-loop-item .project-list-image .project-stage span{
	display: block;
	background-color: #067BBA;
	border-radius: 20px 0px 6px 0px;
	padding: 6px 15px 12px;
	font: normal normal normal 22px/26px Barlow;
	letter-spacing: 0px;
	color: #FFFFFF;
}
#body .project-list .elementor-loop-container .e-loop-item .project-list-image .project-stage span.project-stage-preparation{
	background-color: #CCC968;
}
#body .project-list .elementor-loop-container .e-loop-item .project-list-image .project-price{
	font: normal normal bold 33px/40px Barlow;
	letter-spacing: 0px;
	color: #FFFFFF;
}
#body .project-list .elementor-loop-container .e-loop-item .e-con-boxed{
	height: 100%;
}
#body .project-list .elementor-loop-container .e-loop-item .project-list-intro{
	background-color: #FFFFFF;
	padding: 15px 25px 15px 25px;
	border-radius: 0px 0px 20px 20px;	
	height: calc(100% - 233px);
}


#body .project-list .elementor-loop-container .e-loop-item .project-list-intro .project-korteintro{
	min-height: 54px;
}
#body .project-list .elementor-loop-container .e-loop-item .project-list-intro .small-button{
	flex-grow: 10;
	justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}
#body .project-list .elementor-loop-container .e-loop-item .project-list-intro .small-button .elementor-widget-container{
	height: auto;
}

/* FILTER */
body#body .facetwp-facet .facetwp-input-wrap{
	width: 100%;
}
body#body .facetwp-facet input[type="text"]{
	border-radius: 5px;
	border: 1px solid #707070;
}
body#body .facetwp-facet input[type="text"],
body#body .facetwp-facet input[type="text"]::placeholder{
	font-family: Barlow, sans;
	font-size: 13px;
	line-height: 19px;
	letter-spacing: 0px;
	color: #000000;	
}
body#body .facetwp-facet input[type="text"]::placeholder{
	color: #6D6D6D;
}
body#body .facetwp-facet.facetwp-type-search,
body#body .facetwp-facet.facetwp-facet-property_search{
		margin-top: 20px;
		margin-bottom: 0px;
		width: 600px;	
}
body#body .facetwp-facet.facetwp-type-search input.facetwp-search,
body#body .facetwp-facet.facetwp-facet-property_search input[type="text"]{
	background-color: #FFFFFF;
	border-radius: 9px;
	padding: 15px 55px 15px 35px;
	box-sizing: border-box;
	font-size: 20px;
	border: 1px solid #FFFFFF;
	font-family: Barlow, sans;
	font-size: 23px;
	line-height: 33px;

}
body#body .facetwp-facet.facetwp-type-search input.facetwp-search::placeholder,
body#body .facetwp-facet.facetwp-facet-property_search input[type="text"]::placeholder{
	color: #000000;
	font-family: Barlow, sans;
	font-size: 23px;
	line-height: 33px;	
}
body#body .facetwp-facet.facetwp-type-search .facetwp-icon,
body#body .facetwp-facet.facetwp-facet-property_search .facetwp-icon {
	opacity: 1;
	top: 13px;
	right: 20px;
}
body#body .facetwp-facet.facetwp-type-search .facetwp-icon:before,
body#body .facetwp-facet.facetwp-facet-property_search .facetwp-icon:before {
	display: inline-block;
	content: '';
	width: 41px;
	height: 41px;
	background: url(../images/icon_zoeken_blauw.svg) no-repeat;
	background-position: 0px 0px;
	background-size:  37px 37px;
}
body#body .facetwp-facet.facetwp-type-search .fcomplete-wrap {
	z-index: 1;
}


body#body .filter-and-results-container > .e-con-inner{
	column-gap: 25px;
}
body#body .filter-container{
	background-color: #FFFFFF;
	position: relative;
	padding: 20px 15px 10px;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 11px;
}
body#body .filter-container .mobile-filter-buttons {
	display: none;
}
body#body .filter-container .selectie-container{
	position: static;
	margin-bottom: 10px;
}
body#body .filter-container .facetwp-reset{
	position: absolute;
	font-size: inherit;
	color: inherit;
	background-color: transparent;
	border: none;
	padding: 0px;
	top: -20px;
	right: -15px;
	letter-spacing: 0px;
	color: #024959;
	font-size: 13px;
	line-height: 23px;
	padding-right: 33px;
}
body#body .filter-container .facetwp-reset:after{
	content:"X";
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 25px;
	height: 23px;
	background-color: #024959 ;
	border-top-right-radius: 11px;
	font-size: 12px;
	line-height: 23px;
	text-align: center;
	color: #FFFFFF;
}
body#body .filter-container .facetwp-facet{
	margin-bottom: 20px;
}
body#body .filter-container .facetwp-facet.facetwp-facet-reset_button{
	margin-bottom: 0px;
}
body#body .filter-container h2{
	font: normal normal normal 24px/29px Barlow;
	letter-spacing: 0px;
	color: #024959;
	margin-bottom: 10px;
}	
body#body .filter-container h3{
	font: normal normal bold 18px/26px Barlow;
	letter-spacing: 0px;
	color: #000000;
}
/* active filter selections */
.facetwp-selections ul{
	padding: 0px;
}
.facetwp-selections ul li{
	background-color: #EDF2F3;
}
.facetwp-selections ul li .facetwp-selection-label{
	display: none;
}
.facetwp-selections ul li .facetwp-selection-value{
	background-image: none;
	font: normal normal normal 13px/19px Barlow;
	letter-spacing: 0px;
	color: #000000;
	padding: 5px 10px;
	position: relative;
}
.facetwp-selections ul li .facetwp-selection-value:after{
	content:"x"; 
	font-size: 13px;
	color: #BF5B05; 
	position: absolute;
	top: 0px;
	right: -5px;
}

body#body .facetwp-autocomplete-update {
	display: none;
}

/* checkbox adjustments */
body#body .facetwp-checkbox {
	background: url(../images/checkbox.png) no-repeat;
	background-position: 0px 6px;
	line-height: 24px;
	margin-bottom: 0px;
	display: flex;
 }
body#body  .facetwp-checkbox.checked{
	background: url(../images/checkbox-on.png) no-repeat;
	background-position: 0px 6px;
	line-height: 24px;
	margin-bottom: 0px 
}
body#body .facetwp-checkbox .facetwp-counter,
body#body .facetwp-checkbox .facetwp-display-value,
body#body  .facetwp-toggle{
	font: normal normal normal 13px/24px Barlow;
	letter-spacing: 0px;
	color: #000000;
}
body#body .facetwp-checkbox .facetwp-counter{
	flex-grow: 10;
	vertical-align: text-top;
	text-align: right;
}

/* fselect-widget checkbox adjustments */
body#body .fs-wrap.multiple .fs-option .fs-checkbox i {
	width: 12px;
	height: 12px;
	border: 1px solid #000000;
	border-radius: 1px;
}
body#body .fs-wrap.multiple .fs-option.selected .fs-checkbox i {
	background-color: #000000;
	border-color: transparent;
}
body#body .facetwp-type-fselect .fs-label-wrap .fs-label { 
	font: normal normal normal 13px/24px Barlow;
	letter-spacing: 0px;
	color: #000000;
}
body#body .facetwp-type-fselect .fs-option .fs-option-label { 
	display: flex;
	font: normal normal normal 13px/24px Barlow;
	letter-spacing: 0px;
	color: #000000;
}
body#body .facetwp-type-fselect .fs-option .facetwp-counter {
	flex-grow: 10;
	vertical-align: text-top;
	text-align: right;
}

/** Slider adjustments */
body#body .facetwp-type-slider .facetwp-slider-wrap.augmented ~ .facetwp-slider-label {
	display: none;
}
body#body .facetwp-type-slider .facetwp-slider-wrap.augmented ~ .facetwp-slider-buttons{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
body#body .facetwp-type-slider .facetwp-slider-wrap.augmented ~ .facetwp-slider-buttons .facetwp-slider-min,
body#body .facetwp-type-slider .facetwp-slider-wrap.augmented ~ .facetwp-slider-buttons .facetwp-slider-max {
	position: relative;
}
body#body .facetwp-type-slider .facetwp-slider-wrap.augmented ~ .facetwp-slider-buttons .facetwp-slider-min input,
body#body .facetwp-type-slider .facetwp-slider-wrap.augmented ~ .facetwp-slider-buttons .facetwp-slider-max input {
	width: 105px;
}
body#body .facetwp-type-slider .facetwp-slider-wrap.augmented ~ .facetwp-slider-buttons .facetwp-slider-min {
	margin-right: 10px;
}
body#body .facetwp-type-slider .facetwp-slider-wrap.augmented ~ .facetwp-slider-buttons .facetwp-slider-max {
	margin-left: 10px;
	margin-right: 10px;
}
body#body .facetwp-type-slider.facetwp-facet-property_price .facetwp-slider-wrap.augmented ~ .facetwp-slider-buttons .facetwp-slider-min input,
body#body .facetwp-type-slider.facetwp-facet-property_price .facetwp-slider-wrap.augmented ~ .facetwp-slider-buttons .facetwp-slider-max input {
	padding-left: 20px;
	font: normal normal normal 13px/19px Barlow;
letter-spacing: 0px;
color: #6D6D6D;
}
body#body .facetwp-type-slider.facetwp-facet-property_price .facetwp-slider-wrap.augmented ~ .facetwp-slider-buttons .facetwp-slider-min:before,
body#body .facetwp-type-slider.facetwp-facet-property_price .facetwp-slider-wrap.augmented ~ .facetwp-slider-buttons .facetwp-slider-max:before {
	content: '€';
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
}
body#body .noUi-horizontal{
	height: 1px;
}

body#body .noUi-horizontal .noUi-base .noUi-connects{
	height: 3px; 
	top: -1px;	
}
body#body .noUi-horizontal .noUi-base .noUi-connects .noUi-connect{
	height: 3px; 
	background-color: #024959;
	
}
body#body .noUi-horizontal .noUi-handle{
	height: 10px;
	width: 10px;
	top: -5px;
	border-radius: 5px;
	border: 1px solid black;
}
body#body .facetwp-slider-reset{
	display: none;
}
/** Buy/rent selector on list-pages with projects */
ul.buy-rent-selector {
	list-style: none;
	display: flex;
	padding: 0px;
	width: 260px;
	margin-bottom: 14px;
}
ul.buy-rent-selector li {
	display: block;
	width: 130px;
	height: 37px;
}
ul.buy-rent-selector a {
	display: block;
	border: 1px solid transparent;
	background-color: #EDF2F3;
/*	width: 50px;
	height: 40px;*/
	padding: 6px 20px;
	text-align: center;
	color: #024959;
	font-size: 23px;
	line-height: 23px;
	box-sizing: border-box;
}
ul.buy-rent-selector  li.buy-button a{
	border-radius: 6px 0px 0px 6px;
}
ul.buy-rent-selector  li.rent-button a{
	border-radius: 0px 6px 6px 0px;
}
ul.buy-rent-selector-with-buy-active li.buy-button a,
ul.buy-rent-selector-with-rent-active li.rent-button a {
	border: 2px solid #024959;
	font-weight: bold;
}

body#body .projects-with-properties-list > ul {
	list-style: none;
	padding-left: 0px;
	display: flex;
	flex-direction: column;
	row-gap: 15px;	
}
body#body .projects-with-properties-list > ul > li{

}
body#body .projects-with-properties-list .properties-hidden .project-row {
	border-radius: 11px;
	overflow: hidden;
}
body#body .projects-with-properties-list .project-row { 
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid #C5C5C5;
	background-color: #FFFFFF;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 11px 11px 0px 0px;
	position: relative;	
}
body#body .projects-with-properties-list .project-image {
	flex: 300px 0 0;
	line-height: 0px;
}
body#body .projects-with-properties-list .project-image img {
	aspect-ratio: 4 / 3; 
	object-fit: cover;
}

body#body .projects-with-properties-list .project-info {
	flex: 400px 0 0;
	padding: 15px 10px 20px 25px;
	margin-bottom: 0px;
	background-color: transparent;
	display: flex;
	flex-direction: column;
	font-size: 16px;
	line-height: 26px;
}

body#body .projects-with-properties-list .project-info .project-location{
	line-height: 21px;
}
body#body .projects-with-properties-list .project-info .project-location::first-letter{
	text-transform: uppercase;
}
body#body .projects-with-properties-list h3.project-title{
	margin: 0px;
	font-family: Barlow, sans;
	font-size: 24px;
	line-height: 29px;
	font-weight: 500;
}
body#body .projects-with-properties-list h3.project-title a{
	color: #024959;
/*	text-decoration: underline;*/
}
body#body .projects-with-properties-list ul.project-info-fields {
	display: block;
	padding-left: 0px;
}
body#body .projects-with-properties-list ul.project-info-fields li {
	display: inline;
}
body#body .projects-with-properties-list ul.project-info-fields li:after {
	content: ' | ';
}
body#body .projects-with-properties-list ul.project-info-fields li:last-child:after {
	content: none;
}
body#body .projects-with-properties-list .project-info .spacer,
body#body .projects-with-properties-list .property-info .spacer { 
	flex-grow: 1;
}

body#body .projects-with-properties-list ul.property-numbers-by-stage li:before {
	content: ' ';
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 9px;
	margin-right: 10px;
	vertical-align: text-bottom;
}
body#body.facets-inactive .if-facets-active {
	display: none;
}

body#body .projects-with-properties .project-buttons {
	flex: 200px 0 0;
	display: flex;
	flex-direction: column;
	row-gap: 5px;
	justify-content: flex-end;
	align-items: flex-end;	
	padding: 10px 25px 20px 10px;
	flex-grow: 10;
}
/*
body#body .projects-with-properties .project-buttons .link-button{

}
body#body .projects-with-properties .project-buttons .link-button a {
	width: 200px;
	text-align: right;
	display: flex;
	align-items: center;
	border: none;
	background: #BF5B05;
	color: white;
	padding: 7px 15px;
	position: relative;
	border-radius: 3px;
	font-family: Barlow, sans;
	font-size: 18px;
	line-height: 26px;
	height: 40px;
	box-sizing: border-box;	
}
body#body .projects-with-properties .project-buttons .link-button a:after {
	content:"";
	background-image:url('../images/icon_pijl.svg');
	background-repeat: no-repeat;
	background-position: center;	
	width: 17px;
	height: 17px;
	display: block;
	position: absolute;
	top: 11.5px;
	right: 10px
}
*/


body#body .projects-with-properties .project-buttons a.elementor-button{
	width: 185px;
}
/*
body#body .projects-with-properties .project-buttons .toggle-properties-button{
	width: 200px;
}

body#body .projects-with-properties .project-buttons .toggle-properties-button a {
	display: flex;
	justify-content: space-between;
	border: none;
	background: #024959;
	font-size: 18px;
	line-height: 26px;	
	color: white;
	padding: 8px 15px;	
	position: relative;
	border-radius: 3px;	
}
body#body .projects-with-properties .project-buttons .toggle-properties-button a:after {
	content:"";
	background-image:url('../images/icon_pijl.svg');
	background-repeat: no-repeat;
	background-position: center;	
	width: 17px;
	height: 17px;
	display: block;
	position: absolute;
	top: 11.5px;
	right: 10px;
	transform: rotate(270deg);

}
*/

body#body .projects-with-properties .project-buttons .toggle-properties-button a:after {
		transform: rotate(-90deg);
}
body#body .projects-with-properties .properties-hidden .project-buttons .toggle-properties-button a:after {
	transform: rotate(90deg);
}
body#body .projects-with-properties .no-properties .project-buttons .toggle-properties-button,
body#body .projects-with-properties .no-properties .project-total-properties { 
	display: none;
}
body#body .projects-with-properties .map-popup-project-properties .project-properties {
	padding-left: 0px;
	list-style: none;
	margin-bottom: 20px;
	background-color: #FFFFFF;
}

body#body#body .projects-with-properties li .project-properties{
	padding: 2.5px 25px;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 0px 0px 11px 11px;
	margin-bottom: 60px; 
}


body#body .projects-with-properties-list .properties-hidden .project-properties {
	display: none;
}

body#body .projects-with-properties .project-properties > li > .property-row { 
	display: flex;
	flex-direction: row;
	border-top: 1px solid #B1B1B1;
	padding: 12.5px 0px;
	column-gap: 20px;
}
body#body .projects-with-properties-list .project-properties > li:first-child > .property-row{ 
	border-top: none;
}
/*
body#body .projects-with-properties .property-image {

}
*/
body#body .projects-with-properties .property-image img{
	width: 160px;
	border-radius: 6px;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
body#body .projects-with-properties .property-info {
	flex: 1 0 0;
/*	padding: 10px 0px 10px 10px;*/
	display: flex;
	flex-direction: column;
	font-size: 16px;
	line-height: 26px;
}
body#body .projects-with-properties .property-info .property-info-fields{
	padding-left: 0px;
	list-style: none;
	display: flex;
	column-gap: 20px;
}

body#body .projects-with-properties h4.property-title{
	margin: 0px;
	line-height: 1;
	font-family: Barlow, sans;
	font-size: 24px;
	line-height: 29px;
	font-weight: 500;	
}
body#body .projects-with-properties .property-title a{
	color: #024959;
	/* text-decoration: underline;*/
}
body#body .projects-with-properties .property-price {
	color: #BF5B05;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0px;
}
body#body .projects-with-properties .property-info-fields .property-living-area:before {
	background-image: url('../images/m2 icoon - blauw.svg');
	content: '';
	background-repeat: no-repeat;
	background-size: 20px 20px;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	vertical-align: middle;
}
body#body .projects-with-properties .property-info-fields .property-nr-of-bedrooms:before {
	background-image: url('../images/Slaapkamers icoon - blauw.svg');
	content: '';
	background-repeat: no-repeat;
	background-size: 20px 20px;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	vertical-align: middle;
}

body#body .projects-with-properties .property-buttons {
	flex: auto 0 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items:flex-end;
	/* padding:10px;*/
}
body#body .projects-with-properties .property-buttons .link-button{
	text-align: right;
}
body#body .projects-with-properties .property-buttons .link-button a{
	color: #024959;
}
body#body .projects-with-properties .property-stage{
	position: relative;
	margin-left: 30px;
}
body#body .projects-with-properties .property-stage:before {
	content: ' ';
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	margin-right: 10px;
	position: absolute;
	left: -30px;
	top: 3px;
}


body#body .projects-with-properties ul.property-numbers-by-stage{
	list-style: none;
	padding-left: 0px;
}
li.property-numbers-in-stage-preparation:before,
body#body .projects-with-properties .property-row.property-stage-preparation .property-stage:before {
	background-color: #888888;
}
li.property-numbers-in-stage-available:before,
body#body .projects-with-properties .property-row.property-stage-available .property-stage:before {
	background-color: #26CB79;
}
body#body .projects-with-properties ul.property-numbers-by-stage li.property-numbers-in-stage-option:before,
body#body .projects-with-properties .property-row.property-stage-option .property-stage:before {
	background-color: #BF5B05;
}
body#body .projects-with-properties ul.property-numbers-by-stage li.property-numbers-in-stage-occupied:before,
body#body .projects-with-properties .property-row.property-stage-occupied .property-stage:before {
	background-color: #E10E17;
}
body#body .projects-with-properties .load-more-properties-row,
body#body .projects-with-properties .load-fewer-properties-row {
	flex: auto 0 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items:flex-end;
	padding:0px;
	position: relative;
	bottom: -50px;
}
body#body .projects-with-properties .load-more-properties-row a,
body#body .projects-with-properties .load-fewer-properties-row a {
	display: flex;
	align-items: center;
	background: transparent;
	border: 2px solid #024959;
	color: #024959;
	position: relative;
	border-radius: 6px;
	font-family: Barlow, sans;
	width: fit-content;
	box-sizing: border-box;
	font-size: 11px;
	line-height: 14px;
	padding: 7px 26px 7px 12px;
	height: 29px;
}
body#body .projects-with-properties .load-more-properties-row a::after,
body#body .projects-with-properties .load-fewer-properties-row a::after{
	content:"";
	transform: rotate(90deg);
	background-image: url('../images/icon_pijl_donker.svg');
	background-repeat: no-repeat;
	background-position: center;
	width: 11px;
	height: 11px;
	top: 9px;
	right: 8.5px;
	display: block;
	position: absolute;
}
body#body .projects-with-properties .load-fewer-properties-row a::after{
	transform: rotate(-90deg);
}


/** Map-rendering of list of projects and properties */
/** buy rent selector in losse wdiget */
.togglelistmap, 
.togglelistmap a{
	font-family: Barlow, sans;
	font-size: 17px;
	line-height: 20px;
	letter-spacing: 0px;
	color: #024959;
}	

body#body .projects-with-properties-header {
	display: flex;
	flex-direction: row;
	align-items: center;
}

body#body .projects-with-properties-header h2.projects-counter {
	flex-grow: 1;
}
body#body .projects-with-properties-header h2.projects-counter .facetwp-facet {
	margin-bottom: 0px;
}
body#body .projects-with-properties .list-map-toggle,
body#body .projects-with-properties .list-map-toggle a {
	font-family: Barlow, sans;
	font-size: 17px;
	line-height: 20px;
	letter-spacing: 0px;
	color: #024959;
	font-weight: bold;
}

body#body .projects-with-properties.show-list .list-map-toggle a[href="#list"],
body#body .projects-with-properties.show-map .list-map-toggle a[href="#map"] {
	display: none;
}
body#body .projects-with-properties .list-map-toggle a[href="#list"]::before{
	background-image:url('../images/Filter icoon - blauw.svg');
	content:'';
	background-repeat:no-repeat;
	background-size: 18px 18px;
	display: inline-block;
	width: 18px;
	height: 18px;	
	margin-right: 7px;
	vertical-align: bottom;
}
body#body .projects-with-properties .list-map-toggle a[href="#map"]::before{
	background-image:url('../images/Kaart icoon - blauw.svg');
	content:'';
	background-repeat:no-repeat;
	background-size: 18px 18px;
	display: inline-block;
	width: 18px;
	height: 18px;	
	margin-right: 7px;
	vertical-align: bottom;
}
body#body .projects-with-properties .projects-with-properties-map {
	display: none;
}

body#body .projects-with-properties.show-map .projects-with-properties-list {
	display: none;
}

body#body .projects-with-properties.show-map .projects-with-properties-map {
	display: block;
}
body#body .projects-with-properties.show-map .projects-with-properties-map .map {
	width: 930px;
	height: 675px;
	background-color: #98DCFE;
}
body#body .projects-with-properties.show-map .projects-with-properties-map .map:last-child {
	border-bottom: none;
}

body#body .projects-with-properties-map .mapboxgl-popup{
	transform: none !important;
	bottom: 0px; 
	left: 0px;
	right: 0px;
	top: auto;
	margin: 0px auto;
	max-width: 900px !important;
	padding-left: 90px;
}


body#body .projects-with-properties-map .mapboxgl-popup-content{ 
	background-color: transparent;
	padding: 0px 20px 20px;
}

body#body .projects-with-properties-map .mapboxgl-popup-content .mapboxgl-popup-close-button{ 
	position: absolute;
	top: 45px;
	right: 25px;
}
body#body .projects-with-properties-map .mapboxgl-popup-close-button span{
	display: none;
}
body#body .projects-with-properties-map .mapboxgl-popup-close-button:before{
	content:'x';
	font-size: 24px;
	line-height: 29px;
	font-family: Barlow, sans;
	color: #024959;
	font-weight: 500;
}

body#body .projects-with-properties-map .mapboxgl-popup-content .project-row { 
	display: flex;
	flex-direction: row;
	column-gap: 20px;
	/*border-bottom: 1px solid #C5C5C5;*/
	background-color: #FFFFFF;
	/*width: 570px;
	padding-bottom: 5px;
	margin-bottom: 5px;*/
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 11px 11px 0px 0px;
	position: relative;	
}

body#body .projects-with-properties-map .mapboxgl-popup-content .project-row:nth-last-child(2) { 
	border-bottom: 0px none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

body#body .projects-with-properties-map .mapboxgl-popup-content .project-image {
	flex: 270px 0 0;
	line-height: 0px;
}
body#body .projects-with-properties-map .mapboxgl-popup-content .project-image img {
	aspect-ratio: 4 / 3; 
	object-fit: cover;
}


body#body .projects-with-properties-map .mapboxgl-popup-content .project-info {
	flex: 1 0 0;
	padding: 7px 5px 0px;
	background-color: transparent;
    font-size: 13px;
    line-height: 21px;
	margin-bottom: 15px;
	display: flex;
	flex-direction: column;
}
body#body .projects-with-properties-map .mapboxgl-popup-content .project-info .project-price{
    font-size: 16px;
    line-height: 26px;
	font-weight: 600px;
	flex-grow: 10;
}

body#body .projects-with-properties-map .mapboxgl-popup-content .project-info .project-location::first-letter{
	text-transform: uppercase;
}

body#body .projects-with-properties-map .mapboxgl-popup-content .project-buttons{
	flex: 170px 0 0;
    padding: 10px 20px 20px 0px;
}
/* buttons worden kleiner op kaart */
body#body .projects-with-properties-map .mapboxgl-popup-content .project-buttons a.elementor-button{
	width: 150px;
	font-size: 14px;
    line-height: 17px;
    padding: 7px 32px 7px 12px;
    height: 34px;
}
body#body .projects-with-properties-map .mapboxgl-popup-content .project-buttons a.elementor-button::after{
    width: 13px;
    height: 13px;
    top: 10.5px;
    right: 10.5px;
}

body#body .projects-with-properties-map .mapboxgl-popup-content h3.project-title{
	margin: 0px 0px 0px;
	font-family: Barlow, sans;
	font-size: 23px;
	line-height: 28px;
	font-weight: 500;
	margin-top: 5px;
	margin-bottom: 0px;
}
body#body .projects-with-properties-map .mapboxgl-popup-content h3.project-title a{
	color: #024959;
	/*text-decoration: underline;*/
}

body#body .projects-with-properties-map .mapboxgl-popup-content ul.project-info-fields {
	display: block;
	padding-left: 0px;
}
body#body .projects-with-properties-map .mapboxgl-popup-content ul.project-info-fields li {
	display: inline;
}
body#body .projects-with-properties-map .mapboxgl-popup-content ul.project-info-fields li:after {
	content: ' | ';
}
body#body .projects-with-properties-map .mapboxgl-popup-content ul.project-info-fields li:last-child:after {
	content: none;
}
body#body .projects-with-properties-map .mapboxgl-popup-content .map-popup-project-properties .property-buttons{
	margin-right: 0px;
}
.projects-with-properties-map .mapboxgl-popup-content .property-numbers-by-stage {
	/*margin-top: 10px;*/
}
.projects-with-properties-map .mapboxgl-popup-content ul.property-numbers-by-stage li:before {
	content: ' ';
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	margin-right: 10px;
	vertical-align: text-bottom;
}


.projects-with-properties-map .project-popup-nav {
	position: relative;
	width: fit-content;
	background-color: #024959;
	color: white;
	padding: 3px 30px;
	margin-bottom: 20px;
	font-size: 17px;
}
.project-popup-nav .project-prev,
.project-popup-nav .project-next {
	position: absolute;
	top: 50%;
	display: block;
	width: 15px;
	height: 40px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	border: none;
	outline: none;
	background: transparent;
}
.project-popup-nav .project-prev::before,
.project-popup-nav .project-next::before {
	content: '';
	background-image: url('../images/icon_pijl.svg');
	background-repeat: no-repeat;
	background-size: 15px 15px;
	width: 15px;
	height: 15px;
	display: block;
	filter: drop-shadow(.1rem .1rem .1rem rgba(0,0,0,0.5));
	opacity: 1;
}
.project-popup-nav .project-prev{
	left: 2px;
}
.project-popup-nav .project-prev:before {
	transform: rotateY(180deg);
}
.project-popup-nav .project-next{
	right: 2px;
}
body#body .projects-with-properties-map .mapboxgl-ctrl-attrib-button{
	border: none;
}
body#body .projects-with-properties-map .map-popup-project-properties{
	max-height: 400px;
	overflow-y: auto;
	box-shadow: 0px 3px 6px #00000029;
	padding: 0px 10px;
	background: #FFFFFF;
}


/* aanpassingen Eric tbv herziene kaart */
body#body.showing-projects-map .aanbod-grid{
	position: relative;
	height: calc(100vh - 90px);
}
body#body.showing-projects-map .aanbod-grid > .e-con-inner > div:last-child{
	position: absolute;
	width: 100%;
	top: 110px;
	left: 0px;
	height: calc(100vh - 200px);
}

body#body.showing-projects-map .projects-with-properties.show-map .projects-with-properties-map .map {
	width: 100%;
	height: calc(100vh - 200px - 66px);
}


body#body.showing-projects-map .projects-with-properties-header {
	max-width: 1280px;
	margin: 0px auto;
	padding-left: 325px;
}

body#body.showing-projects-map .filter-container {
	position: relative;
	z-index: 3;
}

body#body.showing-projects-map .filter-container .extra-filters { 
	display: none;
}
body#body.showing-projects-map .filter-container.showing-extra-filters .extra-filters { 
	display: block;
	height: 320px;
	overflow-y: scroll;
	margin-right: -15px;
	padding-right: 15px;
}

body#body .filter-container .show-more-button,
body#body .filter-container .show-less-button,
body#body.showing-projects-map .filter-container.showing-extra-filters .show-more-button{
	display: none;
}

body#body.showing-projects-map .filter-container .show-more-button,
body#body.showing-projects-map .filter-container.showing-extra-filters .show-less-button{
	display: flex;
	justify-content: flex-end;
	cursor: pointer;
	padding-top: 10px;
}
body#body.showing-projects-map .filter-container .show-more-button a:after {
	transform: rotate(90deg);
}
body#body.showing-projects-map .filter-container.showing-extra-filters .show-less-button a:after {
	transform: rotate(270deg);
}

#body.page-id-108873 .project-info .project-price::after,
#body .project-type-buy .project-price-range::after{
	content:" V.O.N.";
}

#body.page-id-112215 .project-info .project-price::after,
#body .project-type-rent .project-price-range::after{
	content:" p.m.";
}
#body#body .project-price-range.no-price::after{
	content: none;
}
