listing{
	white-space:normal;
	font-family: 'Public Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
}

div.hidden{
    display:none;
    visibility:hidden;
    height:0;
}


/* override the grid of the single header*/

.single.single-property_listing article .entry-header{
	display:block;
	width:auto;
	padding:0


}


.absOver{
    position:absolute;
    z-index:99999;
    background:#FFF;
}

.closer{
	position: absolute;
	right:1em;
	text-indent:-5em;
	width: 2em;
    height: 1em;
    overflow: hidden;
}

.closer:hover{
cursor:pointer;
}

.closer::before{
	content:'X';
	text-indent:0;
	display:block;

}

.rollDown{
    height:auto;
    max-height:100vh;
    animation: height 1s linear;
}

#searchFiltersMore{
    padding:1em;
}


.autoBox{
	position:absolute;
	z-index:999999;
	background:white;
	width:80%;
	max-width:480px;
	box-shadow: 3px 3px 5px 5px;
}


.ischeckboxes{
	position:relative;

}
.ischeckboxes .autoBox{
	top:100%;

}

@media only screen and (min-width: 769px) {

.become-map{
	height:100vh;
	position:sticky;
	top:100px;
}


}

@media only screen and (max-width: 768px) {

.become-map{
	height:50vw;
	/*position:fixed;
	top:100px;*/
}


}


#map_canvas{
	width:100%;
	height:100%;
}

.map-info-bubble{
	color:#fff;
	z-index:0;
	position:relative;
	overflow:hidden;
}

.map-info-bubble > * {
	z-index:5;
}

.map-info-bubble::before {
    content: '';
    background: linear-gradient(to bottom, rgba(26, 54, 104, 0) 30%, rgba(26, 54, 104, 1) 100%);
    height: calc(100% + 2em);
    z-index:-1;
    width:100%;
    left:-1em;
    display:block;
    position: absolute;

}


#searchResultsBox #theSearchResults{
	/*overflow-y:scroll;
	height:calc( 100vh - 4em );
	max-height:100vw;*/
}



#searchResultsBox .searchFilters{

	grid-column: 2 /span 7;
	grid-row: 1 ;

}


.searchFilters form fieldset {
	display:flex;
	flex-flow:row;

}
.searchFilters form fieldset > p {
flex:12%;
margin:.25%;
}
.searchFilters form fieldset > .fkeyword{
	flex:36%;

}

.searchFilters form fieldset >p> select,
.searchFilters form fieldset >p> input {
	max-width:100%;
}
.searchFilters form fieldset > .fkeyword input{
width:100%;
}


#listingResultsControls{

	display:flex;
	flex-flow:row wrap;
}
#listingResultsControls > div{
	flex: 1 1 50%;
}

#listingResultsControls > div > a{
	display:inline-block;
	color:#000;
		background:var(--neutral-100);
	line-height: 2em;
    padding: 0 0.5em;
    text-decoration:none;
}

#listingResultsControls> div >span{
	display:inline-block;
background:var(--primary);
color:#fff;
	line-height: 2em;
    padding: 0 0.5em;
}

#listingResultsControls > div#resultsSortDiv label{
	display:inline-block;
	margin-right:.5em;
}

#listingResultsControls > span{
	flex: 1 1 100%;
}


listing.list-view h3, listing.list-view p, listing.list-view p.has-h3-style, listing.list-view a, listing.list-view a:hover {
 color:var(--neutral-700);

}