.post-type-archive-woningen .woningen-container {
	display: grid;
	grid-row-gap: 20px;
    width: 100%;
}

.post-type-archive-woningen .woningen-container.list {
    grid-template-columns: repeat(1, 1fr);
}

.post-type-archive-woningen .woningen-container.grid {
    grid-template-columns: repeat(2,minmax(200px,1fr));
	gap: 20px;
}

.post-type-archive-woningen .woningen-container .woning {
	display: flex;
	justify-content: space-between;
	background-color: #ffffff;
	position: relative;
}

.post-type-archive-woningen .woningen-container.list .woning {
	flex-direction: row;
}

.post-type-archive-woningen .woningen-container.grid .woning {
	flex-direction: column;
	flex-direction: column-reverse;
	height: 100%;
}

.post-type-archive-woningen .woningen-container.list .woning.verkocht .price,
.post-type-archive-woningen .woningen-container.list .woning.verhuurd .price{
	text-decoration: line-through;
}

.post-type-archive-woningen .woningen-container .woning .price-wrapper {
    display: flex;
	align-items: center;
	justify-content: center;
    position: relative;
	width: 200px;
	height: 70px;
}

.post-type-archive-woningen .woningen-container .woning .price-wrapper svg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.post-type-archive-woningen .woningen-container .woning .price-wrapper .price {
	font-size: 25px;
    font-weight: 600;
    color: white;
	z-index: 1;
}

.post-type-archive-woningen .woningen-container .woning .information-wrapper {
	display: flex;
    flex-direction: column;
	justify-content: space-between;
    gap: 15px;
	padding: 0 20px 20px;
}

.post-type-archive-woningen .woningen-container .woning .address-wrapper {
    display: flex;
    flex-direction: row;
	gap: 5px;
    color: #999999;
}

.post-type-archive-woningen .woningen-container .woning .information-wrapper .specifications-wrapper {
	display: flex;
	gap: 10px;
}

.post-type-archive-woningen .woningen-container.list .woning .information-wrapper .specifications-wrapper {
	flex-direction: row;
}

.post-type-archive-woningen .woningen-container.grid .woning .information-wrapper .specifications-wrapper {
	/*flex-direction: column;*/
}

.post-type-archive-woningen .woningen-container .woning .information-wrapper .status,
.post-type-archive-woningen .woningen-container .woning .information-wrapper .specifications-wrapper .living-area,
.post-type-archive-woningen .woningen-container .woning .information-wrapper .specifications-wrapper .room-count,
.post-type-archive-woningen .woningen-container .woning .information-wrapper .specifications-wrapper .property-type {
	display: flex;
    align-items: center;
    gap: 5px;
	color: #999999;
}

.specifications-wrapper svg {
	fill: #999999;
}

.status{
	padding: 5px;
    background-color: #a5ab9b;
    width: fit-content;
    position: absolute;
    top: 0;
    right: 0;
}

.status span {
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
}

.status.beschikbaar {
	background-color: #008000;
}

.status.verkocht,
.status.verhuurd {
	background-color: #c80815;
}

.post-type-archive-woningen .woningen-container .woning .gallery {
	display: grid;
    grid-template-columns: repeat(2,minmax(200px,1fr));
	grid-template-rows: repeat(12, 1fr);
	max-width: 600px;
	max-height: 300px;
    gap: 10px;
	padding: 20px;
}

.post-type-archive-woningen .woningen-container.grid .woning .gallery {
	max-width: 100%;
}

.post-type-archive-woningen .woningen-container .woning .gallery .image0,
.post-type-archive-woningen .woningen-container .woning .gallery .image3 {
	grid-row: span 5;
}

.post-type-archive-woningen .woningen-container .woning .gallery .image1,
.post-type-archive-woningen .woningen-container .woning .gallery .image2 {
	grid-row: span 8;
}

.post-type-archive-woningen .woningen-container .woning .gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-type-archive-woningen .woningen-container .woning .information-wrapper .main-button {
	width: fit-content;
}

.main-button .text {
	font-weight: 400;
	color: #ffffff;
}

@media (max-width: 992px) {
	.post-type-archive-woningen .woningen-container .woning {
		flex-direction: column;
	}
	
	.post-type-archive-woningen .woningen-container.list .woning .information-wrapper .specifications-wrapper {
		/*flex-direction: column;*/
	}
	
	.post-type-archive-woningen .woningen-container.grid .woning .gallery {
		 grid-template-columns: repeat(2, 1fr);
	}
	
	.post-type-archive-woningen .woningen-container .woning .gallery {
		max-width: 100%;
   		max-height: 450px;
		padding: 20px;
	}
}

@media (max-width: 768px) {
	.post-type-archive-woningen .woningen-container.list .woning {
		flex-direction: column !important;
		flex-direction: column-reverse !important;
	}
	
	.post-type-archive-woningen .woningen-container.grid {
		display: flex;
		flex-direction: column;
	}
}

@media (max-width: 480px) {
	.post-type-archive-woningen .woningen-container .woning .gallery {
	    grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.post-type-archive-woningen .woningen-container .woning .gallery {
		max-height: 350px;
	}
}

.status.onder_bod,
.status.onder_optie,
.status.verkocht_onder_voorbehoud,
.status.verhuurd_onder_voorbehoud {
	background-color: #ff9f00;
}

.no-search-results {
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	background-color: #ffffff;
    padding: 10px;
}