@media screen and (max-width: 1400px) {
	.site-main {
			padding: 4vh 1%;
	}
}

.js-filters {
  z-index: 1;
  top: 0px;
} 
.js-filters .center {display: flex;flex-wrap: wrap;/* max-width:1200px; */margin:0 auto;background: white;}
.js-filters .center ul {display:flex;flex-basis: calc(50% - 2px);flex-basis: 100%;flex-wrap: wrap;flex-grow: 1;justify-content: flex-start;align-items: stretch;margin: 3px 0px;padding: 4px;list-style:none;background: #e4aa1a;background: url(../images/yellow3.png) center;/* border: 1px solid #c29210; */border-radius: 4px;}
.js-filters .center ul li {display: flex;margin: 2px 3px;/* flex-grow: 1; */}
.js-filters .center ul li span {
	display: block;display: flex;/* flex-grow: 1; */align-items: center;
	border: 2px solid rgba(255, 255, 255, 0);color: #fff;padding: 6px 10px;
	border-radius:3px;line-height: 1.2rem;text-align: center;cursor:pointer;    text-shadow: 1px 1px 5px hsla(0, 0%, 0%, 0.49);transition:0.3s;}
.js-filters .center ul li:hover span {
    /* background: #d0d0d0; */
    border: 2px solid hsla(0, 0%, 100%, 0.51);
}
.js-filters .center ul li span.active {
	color: #7b5e0d;
	background: #ffffff;
	border: 2px solid rgb(255, 255, 255);
	background-size: 80%;
	    text-shadow: none;
}

.js-filters .center ul.filter1 {
	background-color: white;
}

.js-filters .center ul.filter1 li span{
	color: #574F31 !important;
    font-weight: 600;
    text-shadow: unset;
}

.js-filters .center ul.filter2 {
	background-color: #2b7a80;
	background-image: url(../images/green.png);
	background-repeat: repeat;
	background-position: center;
}
.js-filters .center ul.filter2 li span.active {
	color: #0e4748;
}

.js-filters .center ul.filter1 li span.active {
	color: #fff;
	 background-color:#6f702f;
}

.listings .focused{
	border:3px solid #cc9a12;
	box-shadow: 0px 0px 13px 4px rgba(204,154,18,0.75);
	-webkit-box-shadow: 0px 0px 13px 4px rgba(204,154,18,0.75);
	-moz-box-shadow: 0px 0px 13px 4px rgba(204,154,18,0.75);
}

.numresults{
    background-color: #70702f;
    padding: 5px 20px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}

@media screen and (max-width: 590px) {
	.js-filters {
		position: relative;
	}
	.map_wrapper .acf-map {
		height: 460px !important;
	}
	.js-filters .center ul li {
		flex-grow: 1;
	}
	.js-filters .center ul li span {
		display: block;
		border: 2px solid hsla(0, 0%, 100%, 0.51);
		width: 100%;
	}
}

/* .js-results00 .center ul.fadeOut { -webkit-animation: fadeOut 0.5s ease-out 0s normal 1;animation: fadeOut 0.5s ease-out 0s normal 1;} */

/*Listings---------------------------------------------------*/
.listings_wrapper {
  display:flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: stretch;
}
.map_wrapper {
  position: relative;
  flex-basis: 20%;
  flex-grow: 1;
}
.map_wrapper .acf-map {
  margin:0px;
  width: 100%;
  min-height: 321px;
  max-height: 100vh;
  height: 100%;
}

.map_wrapper .acf-map.sticky{
	position: fixed !important;
    width: -webkit-fill-available;
    top: 0;
}

.map_wrapper .acf-map.sticky2{
	position: absolute !important;
    width: -webkit-fill-available;
    bottom: 0;
}

.js-results {
  position: relative;
  flex-basis: 70%;
  max-width: 880px;
  padding-right: 10px;
}
.js-results i.fa-spinner {
  position: absolute;
  top: 46px;
  left: 50%;
  margin-left: -29px;
  font-size: 3rem;
  color: #615f58;
  opacity: 0;
  transition: 0.3s;
}
.js-results i.fa-spinner.loading {
  opacity: 1;
}
.js-results .no_listings {
	display:none;
	margin: 40px 5px 10px;
	text-align:center;
}
.js-results .no_listings i {
	color: #cc9a12;
	color: #cc3b24;
	font-size: 3rem;
	text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.27);
}
.js-results .no_listings h3 {
	margin: 20px 0;
	font-size: 2.4rem;
	padding: 0;
	font-family: 'Satisfy', cursive;
	color: #797256;
	font-weight: normal;
	text-transform: none;
	text-shadow: 2px 2px 0px hsla(0, 0%, 0%, 0.25);
}
.js-results .no_listings span {
	text-aling:center;
}
.js-results .no_listings.show {
	display:block;
}

.js-results .center ul {flex-basis: 430px;margin: 0px 0px 9px;padding: 0px 2px;list-style:none;transition:0.3s;}
.js-results .center ul li {display: flex;/* justify-content: space-between; */align-items: stretch;padding: 0px;margin: 6px 3px;background: white;transition:0.3s;}

.js-results .center ul li .image {
	position:relative;
	display: inline-block;
	flex-basis: calc(37% - 10px);
	max-width: 320px;
	/* height: auto; */
	transition: 0.3s;
	background: #105e51;
}
.js-results .center ul li .image:before {
	position:absolute;
	z-index: 1;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background: url(../images/dirt-listing.png) 0px 0px no-repeat;
	background-size: auto 100%;
}

.js-results .center ul li .image img {
	position: absolute;
  	width: 100%;
 	height: 100%;
 	object-fit: cover;
  	transition: 0.3s;
}
.js-results .center ul li .content {
	position:relative;
	display: flex;
	flex-direction: column;
	width: 53%;
	flex-grow: 1;
	flex-shrink: 1;
	padding: 25px;
	min-height: 194px;

	transition: 0.3s;
}
.js-results .center ul li .content:before {
	pointer-events: none;
	position: absolute;
	z-index: 1;
	content: '';
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/dirt.png) no-repeat left top;
	background-size: 100% 100%;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-webkit-filter: saturate(1310%) hue-rotate(161deg) brightness(97%) contrast(80%);
	filter: saturate(1310%) hue-rotate(161deg) brightness(97%) contrast(80%);
	opacity: .5;
}
.js-results .center ul li .content  h3 {
  display: inline-block;
  margin: 0px 0px 5px;
  font-size: 2.4rem;
  padding: 0;
  font-family: 'Satisfy', cursive;
  color: #797256;
  font-weight: normal;
  text-transform: none;
  text-shadow: 2px 2px 0px hsla(0, 0%, 0%, 0.15);
}
.js-results .center ul li .content .theType {
	position:absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #70702f;
	background-image: url(../images/yellow3.png);
	background-position: center;
	left: -21px;
	top: 0px;
	width: 22px;
	height: 100%;
	text-align: center;
	/* overflow: hidden; */
	/* border-right: 1px solid #d9aa1d; */
}
.js-results .center ul li .content .theType span {
	/* position: absolute; */
	top: 0px;
	right: -182px;
	display: inline-block;
	height: 37px;
	font-size: 1rem;
	transform: rotate(-90deg);
	color: white;
	/* background: hsla(0, 100%, 50%, 0.55); */
	text-align: center;
	white-space: nowrap;
	text-shadow: 1px 1px 5px hsla(0, 0%, 0%, 0.49);
}
.js-results .center ul li .content .paragraph {
	display:block;
}
.js-results .center ul li .content .paragraph p {
	margin: 15px 0px;
	font-size: 1.2rem;
	line-height: 1.5rem;
}
.js-results .center ul li .content .address {
	position:relative;
	display:block;
	font-size: 1rem;
	line-height: 1.3rem;
	/* background: rgb(253, 197, 38); */
	padding: 6px 21px 6px 28px;
	border-radius: 3px;
	/* border: 1px solid grey; */
	background: #e8e8e8;
	margin-top: 6px;
}
.js-results .center ul li .content .address i {
	position:absolute;
	font-size: 1.1rem;
	left: 8px;
	top: 50%;
	margin-top: -0.5rem;
	color: #0e5c4f;
}
.js-results .center ul li .content .hours {
	position:relative;
	display:block;
	font-size: 1rem;
	line-height: 1.3rem;
	/* background: rgb(253, 197, 38); */
	padding: 4px 21px 4px 28px;
	border-radius: 3px;
	border: 1px solid #fdc526;
}
.js-results .center ul li .content .hours i {
	position:absolute;
	left: 5px;
	top: 50%;
	margin-top: -0.5rem;
	color: #eaa70f;
}

.js-results .center ul li .content .icons {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-top: 5px;
}
.js-results .center ul li .content .icons i {
	color: #0f5d50;
	padding-right: 5px;
}
.js-results .center ul li .content .icons .phone {
	margin-top: 10px;
	display:inline-block;
	font-size: 1.8rem;
	font-family: 'BenchNine', sans-serif;
}
.js-results .center ul li .content .icons .website {
	display:inline-block;
	margin-top: 10px;
	padding: 0px 10px;
	border-radius: 3px;
	color: white;
	font-size: 1rem;
	line-height: 2rem;
	background: #0f5d50;
	transition:0.3s;
}
.js-results .center ul li .content .icons .website i {
	color: hsla(0, 0%, 100%, 0.58);
	padding-right: 4px;
}
.js-results .center ul li .content .icons .website:hover {
	background: #168673;
}

.js-results .center ul li.hovered .content,
.js-results .center ul li:hover .content {
	padding: 25px 25px 25px 15px;
}
.js-results .center ul li.hovered h3,
.js-results .center ul li:hover h3 {
  /*background: hsla(0, 0%, 0%, 0.3) !important;*/
	color: #2c7b80;
}
.js-results .center ul li.hovered .image,
.js-results .center ul li:hover .image {
  flex-basis: calc(37% - 0px);
  max-width: 330px;
}

.js-results .center ul li.hovered .image img,
.js-results .center ul li:hover .image img {
	    filter: saturate(130%) brightness(120%) contrast(100%);
}


	/*google maps info window*/
	.gm-style .gm-style-iw-c {
	  padding:0;
	  max-width: 100px;
	}
	.gm-style .gm-style-iw-d {
	  max-width: 300px !important;
	  overflow: hidden  !important;
	}
	.gm-ui-hover-effect {
		display:none !important;
	}
	
	.gm-style .gm-style-iw-c{
		text-align:center;
	}
	
	.gm-style .gm-style-iw-c img {
	  max-width:300px;
	  max-height: 200px;
	  object-fit:cover;
	}
	.gm-style .gm-style-iw-c h2 {
		margin:0px;
		padding: 4px 6px 6px 6px;
		font-family: 'BenchNine', sans-serif;
		font-size:1.5rem !important;
		text-align: center;
		font-weight: normal;
	}

.js-results .center ul li .content h3 {
	font-family: 'Roboto', sans-serif !important;
	font-size:1.8rem;
}

@media screen and (max-width: 900px) {
	.listings_wrapper {
	  flex-direction: column;
	}
}

@media screen and (max-width: 640px) {
	.js-results {
		max-width:500px; margin:0 auto;
	}
	.js-results .center ul li {
		flex-wrap: wrap;
		border: 3px solid #ca9911;
		border-radius: 10px;
		overflow: hidden;
		margin: 33px 3px;
	}
	.js-results .center ul li .image {
		max-width: initial !important;
		flex-basis: 100% !important;
		height: 45vw !important;
	}
	.js-results .center ul li .content {
			text-align: center;
		    width: 100%;
		    padding: 59px  25px 25px !important;
	}
	
	.js-results .center ul li .content .theType {
		left: 0px;
		width:100%;
		height:35px;
	}
	.js-results .center ul li .content .theType span {
		transform: rotate(0deg);
		top:inherit;
		left:inherit;
	}
	.js-results .center ul li .content h3 {
		    font-size: 2.1rem;
			line-height: 2.1rem;
	}
	.js-results .center ul li .content .icons {
		 margin-top: 12px;
   		 justify-content: center;
		flex-direction: column;
	}
}

/*=========================*/
.myButton {display:inline-block; background:#f2dc1d; padding:10px;margin-top:30px;}






@-webkit-keyframes fadeOut {
    0% {opacity:1; }
    100% {opacity:0; }
  }
@keyframes fadeOut {
    0% {opacity:1; }
    100% {opacity:0; }
  }

/*ANIMATION ----------------------------------------------------------------*/
  @-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes rotating {
    from {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .rotating {

    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
  }

/* Force light mode for Google Maps */
.map_wrapper,
.acf-map,
.acf-map * {
    color-scheme: light !important;
}