/**
 * A vendre/A Louer
 ******************************/

 .hentry {
 	padding: 0px 40px;
 }

#msimmo-filters {
	display: none;
}

/*#filter-property { display: none;}*/

/**
 * Filter section
 */
.msimmo-filter-section {
}

.msimmo-filter-section div {
	margin: 10px 10px 10px 10px;

	display:inline-block;
	float: left;
}

.msimmo-filter-section select {
	border:0px;
	padding: 4px 10px;
	outline:none;
}

.msimmo-filter-section > span {
	margin: 20px 20px 10px 10px;
	float: right;
}


/**
 * List Property
 */
.msimmo-property-list-section {
	background: #fff;
	padding: 0px 40px;
}
.msimmo-property-list {
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0px 20px 0px;
}
.msimmo-property-list-item {
	margin: 0 10px 20px;
	flex: 0 0 calc(33.3% - 20px);
	width: calc(33.3% - 20px);
}
.msimmo-property-list-item:hover {
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	-ms-transform: scale(1.02);
}
.msimmo-property-list-item-img-container {
	position: relative;
	padding-bottom: 66.6%;
}
.msimmo-property-list-item-img {
	position: absolute;
	top: 0; left: 0;
	bottom: 0; right: 0;

	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #eee;

	width: 100%;
}
.msimmo-property-list-item-ref {
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 12px;
	display: inline-block;
	font-weight: 400;
	color: #fff;
	background: /*#2bb5d2*/ rgb(43,181,210,0.7);
	padding: 5px 10px;

	border-radius: 10px 0px 0px 0px;
	-moz-border-radius: 10px 0px 0px 0px;
	-webkit-border-radius: 10px 0px 0px 0px;
}
.msimmo-property-list-item-status {
	position: absolute;
	top: 12px;
	left: -7px;
	color: #fff;
	background: #cc3300;
	padding: 10px 12px;
	font-weight: bold;
	font-size: 16px; 

	border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
}
.msimmo-property-list-item-status:before {
	position: absolute;
	top: -5px;
	left: 0;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 0px 5px 7px;
	border-color: transparent transparent #cc3300 transparent; 
}
.msimmo-property-list-item-info { background: #fff; padding: 20px; }
.msimmo-property-list-item-info-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #7A7C80;
	font-weight: 700;
	font-size: 16px;
}
.msimmo-property-list-item-info-row:first-child { font-size: 18px; color: #14171F; }
.msimmo-property-list-item-info-row:nth-child(2) { margin-top: /*10px*/1px; }
.msimmo-property-list-item-info-row:nth-child(3) { margin: /*18px*/1px 0 0; }
.msimmo-property-list-item-info-row:nth-child(3) >div:last-child { text-align: right; white-space: nowrap; }
.msimmo-property-list-item-info-row:nth-child(3) >div:first-child >div:last-child { flex: 0 0 25%; }


/* Media Queries
-------------------------------------------------------------- */
@media (min-width: 1025px) {
	.msimmo-property-list-item { 
		flex: 0 0 calc(33.3% - 30px); 
		width: calc(33.3% - 30px); 
		margin: 0 15px 30px; 
	}
	.msimmo-property-list-item-img-container {
		padding-bottom: 80%;
	}

}

@media (max-width: 1024px) {

	.hentry, .msimmo-property-list-section {
		padding: 0;
	}

	.msimmo-property-list-item {
		/*margin: 10px 0px 10px 0px;*/
		flex: 0 0 calc(50% - 20px);
		width: calc(50% - 20px);
	}

	/*.msimmo-property-list-section .msimmo-property-list .msimmo-property-list-item { 
		flex: 0 0 calc(50% - 30px); 
		width: calc(50% - 10px); 
	}*/

	/*.msimmo-property-list a:nth-child(2n+1) {
		margin: 10px 10px 10px 0px;
	}

	.msimmo-property-list a:nth-child(2n) {
		margin: 10px 0px 10px 0px;
	}*/

}

@media (max-width: 660px) {
	.msimmo-property-list-item { 
		margin: 10px 0px 10px 0px;
		flex: 0 0 100%; 
		width: 100%; 
	}
}