:root {
  --main-color: #1A1A1A;
  --primary-color: #22C55E;
  --white-color: #fff;
  --light-grey: #f7f7f7;
}

*, a{
	margin: 0px;
	text-decoration: none;
}


.acf-map {
    width: 100%;
    height: 100%;
    min-height: 400px;
    /* border: #ccc solid 1px; */
	 overflow: hidden !important;
	 visibility: hidden;
}

/* Fixes potential theme css conflict. */

.acf-map img {
   max-width: inherit !important;
}

.mp-listings{
 display: grid;
 grid-template-columns: 1fr min(100%, 650px);
 column-gap: 25px;
 overflow-y: hidden !important;
 height: 100%;
 background-color: var(--white-color);

}

.mp-listings--section{
display: grid;
row-gap: 30px;
align-content: flex-start;
margin-right: 20px;
margin-bottom: 30px;

}

.mp-listings--section span{ 
font-size: 14px;
}

.mp-count--filter span{
font-size: 12px;
}

.mp-listings-filter{
    margin-top: 20px;
     display: flex;
     column-gap: 20px; 
     align-items: center; 
     justify-content: space-between;
}

.mp-listings-filter form{
     display: flex;
	 /* grid-template-columns: 1fr 1fr; */
     align-items: center; 
	column-gap: 10px;
}

.mp-listings-filter select.sortby-class{
border: 2px solid var(--light-grey);
font-size: 14px;
margin-right: 10px;
padding: 0px 40px 2px 15px;
font-weight: bold;
height: 34px;

}

.mp-listings-filter select.sortby-class:is(:active, :hover){
outline: 0px !important;
}


.mp-Pagination-Ajax{
grid-column: 1 / -1;
}

.mp-pagination {
margin-top: 10px;
margin-bottom: 40px;

}
.mp-pagination span, a{
color: var(--white-color);
padding: 5px 10px;
font-size: 14px;
}

.mp-pagination span{
background-color: var(--main-color);

}

.mp-pagination a{
background-color: var(--primary-color);
color: var(--white-color);
}

.mp-listings--posts{
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 25px; 
    height: 100%;
	position: relative;
}


.mp-recent--tip{
	background-color: var(--primary-color);
	color: var(--white-color);
	padding: 5px 10px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 10px !important;
}

.mp-listing-box{
display: grid;
align-items: normal;
padding: 10px 10px 10px 10px;
color: var(--white-color);
height: 200px; 
background-size: cover !important;
border-bottom: 2px solid var(--primary-color);
text-decoration: none;

}

.mp-listing-box--info{
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: flex-end;
    column-gap: 5px;
	width: inherit !important;
}

.mp-listing-box--info p.price{
    font-weight: 700;
    font-size: 20px;
}

.mp-listing-box--info p.address{
   font-size: 11px;
}

.mp-listing-box--info div.info{
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   justify-content: center;
}

.mp-listing-box--info div.info p{
   font-size: 12px;
   text-align: center;
}

.mp-sort{
	display: flex;
	column-gap: 15px;
	align-items: center;
	/* grid-template-columns: 9fr 1fr; */
	width: 48%;
}

.mp-sort .choices__list--single {
    padding: 9px 4px 4px 4px !important;

}

.mp-sort .is-open .choices__inner, .mp-sort is-focused .choices__inner{
border-color: transparent;
}

.mp-sort .choices__list--dropdown, .choices__list[aria-expanded]{
    word-break: normal !important;
	    
}

.mp-sort .choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list{
overflow: hidden !important;
}

.mp-sort .choices__inner {
    background-color: var(--white-color);
    padding: 3px 0px 3.75px 5px !important;
    border: 2px solid var(--light-grey);
	border-left-color: var(--primary-color);
    border-radius: 0px !important;
    font-size: 13px;
    min-height: 35px;
    overflow: hidden;
    height: 37px;
}

.mp-sort .choices[data-type*=select-one]::after, .mpFilterForm .choices[data-type*=select-one]::after {
    height: 8px;
    width: 8px;
    border-style: solid;
    border-color: var(--primary-color);
    border-width: 0px 0px 1px 1px;
    position: absolute;
    right: 11.5px;
    top: 45%;
    margin-top: -4px;
    pointer-events: none;
    transform: rotate(-45deg);
}

.mp-sort .choices[data-type*=select-one].is-open::after, .mpFilterForm .choices[data-type*=select-one].is-open::after  {

    border-color: var(--primary-color);
    border-width: 1px 1px 0px 0px;
	margin-top: 0px;
}

 .btn {
	 border: 3px solid var(--main-color);
	 display: inline-block;
	 padding: 5px;
	 position: relative;
	 text-align: center;
	 transition: background 600ms ease, color 600ms ease;
     font-size: 12px;
}
 input[type="radio"].toggle {
	 display: none;
}
 input[type="radio"].toggle + label {
	 cursor: pointer;
	 min-width: 50px;
}
 input[type="radio"].toggle + label:hover {
	 background: none;
	 color: var(--main-color);
}
 input[type="radio"].toggle + label:after {
	 background: var(--main-color);
	 content: "";
	 height: 100%;
	 position: absolute;
	 top: 0;
	 transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
	 width: 100%;
	 z-index: -1;
}
 input[type="radio"].toggle.toggle-left + label {
	 border-right: 0;
	margin-right: -5px;
}
 input[type="radio"].toggle.toggle-left + label:after {
	 left: 100%;
}

 input[type="radio"].toggle.toggle-right + label:after {
	 left: -100%;
}
 input[type="radio"].toggle:checked + label {
	 cursor: default;
	 color: var(--white-color);
	 transition: color 200ms;
	 background-color: var(--main-color);

}
 input[type="radio"].toggle:checked + label:after {
	 left: 0;
}
 

#sortbox .empty { color: gray; }


.mpFilterForm{

	padding: 10px 10px;
	background-color: var(--light-grey);
}
.mpFilterForm form{
	display: grid;
	column-gap: 10px;
	max-width: 1900px;
	margin: 0 auto;
	grid-template-columns: repeat(4, 1fr) 10%;
}
.mpFilterForm form *{
	color: var(--main-color);
		font-size: 13px;
}

.mpFilterForm form .choices__inner {
    padding: 7.5px 0px 3.75px 5px !important;
    background-color: transparent !important;

}




.mpFilterForm div input, .mpFilterForm form .choices__inner{
	width: 100%; 
}
.mpFilterForm div input.address{
	border: 0px;
    outline: 0px;
    outline-color: var(--primary-color) !important;
    width: 96%;
    margin-bottom: 5px;
    background-color: var(--white-color);
    padding-left: 10px;
}
.mpFilterForm input.address:is(:hover, :active, :focus){
	border: 0px;
	outline: 0px;
	outline-color: var(--primary-color) !important;
}


.mpFilterForm form button span{
font-size: 20px;
color: var(--white-color);
}

.mpFilterForm form .choices{
/* flex: 1;
margin: 0px; */
width: 100%; 
    margin-bottom: 5px;
	    background-color: var(--white-color) !important;
}

.mpFilterForm form button{
    background-color: var(--main-color);
    padding: 12px 10px;
    color: var(--white-color);
    width: 100%;
    border: 0px !important;
    cursor: pointer;
	width: 100%;
}

.mpFilterForm form input, .mpFilterForm form .choices{
	border-color: var(--light-grey);
	height: 45px;
	
}

.mpFilterForm form .choices__inner{
	    background-color: var(--white-color);
		border: 0px;
    border-radius: 0px;
}

.mpFilterForm form .choices__input {
	width: 75px !important;
	padding: 0px 0 0px 5px !important;
	background-color: transparent !important;
	margin-top: -8px;
}


.mpFilterForm form .choices__input:focus {
	width: 65px !important;
	border: 0px !important;
	    border-color: var(--light-grey) !important;
		outline: 0px !important;
		box-shadow: none !important;
}

.mpFilterForm .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
    padding: 0px 10px !important;
    background-color: transparent;
}

.mpFilterForm .choices__list--multiple .choices__item{
	background-color: var(--primary-color);
    border: var(--primary-color);
	border-radius: 0px;
}


/* Media Queries */

@media (max-width: 1001px) {
	.mp-sort{
	width: 70%;
}

	
}


@media (max-width: 1000px) {
	.mp-listings--posts{
	grid-template-columns: 1fr !important;
	
	}
	.mp-listings{
 grid-template-columns: 1fr 1fr !important;
	}

	.mp-listing-box{
		    background-size: cover !important;
	}

	.mpFilterForm form{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.mpFilterForm div:nth-child(5){
	
	  grid-column: 1 / -1;
	  display: table;
	  margin: 0 auto;
}

.mpFilterForm form button{
	margin-top: 5px;
width: 300px;
	
}



}




@media (max-width: 700px) {
	.mp-listings--posts{
	grid-template-columns: 1fr 1fr !important;
	
	}
	.mp-listings{
 grid-template-columns: 1fr !important;
	}

	.mp-listing-box{
		    background-size: cover !important;
	}

	.mp-listings--section{
		margin: 0px 20px;
	}

	.mp-sort{
	width: 55%;
}
	
}

@media (max-width: 470px) {
	.mp-listings--posts{
	grid-template-columns: 1fr !important;
	
	}
	.mp-listings{
 grid-template-columns: 1fr !important;
	}

	.mp-listing-box{
		    background-size: cover !important;
	}

	.mp-listings--section{
		margin: 0px 15px;
	}

		.mp-sort{
	width: 70%;
}

	.mpFilterForm form{
	display: grid;
	grid-template-columns: 1fr;
}

.mpFilterForm div:nth-child(5){
	
	  grid-column: 1 / -1;
	  width: 100%;
}

.mpFilterForm form button{
width: 100% !important;
	
}

.mpFilterForm .choices__list--multiple .choices__item {
    display: inline-flex;
    word-break: normal;
}

	
}