#sidebarCollapse {top:10px;}

#search-form {
	background-color: #efefef;
	position:sticky;
	top:0;
	left:0;
	right:8px;
	z-index:35;
	margin:0;
}


body.navOpen #search-form > div.container {padding-right:5px;}
#search-form > div.container {
	max-width:none;
	padding-left:60px;
	padding-right:130px;
	transition: 0.2s padding;
}

#hero-form {
	width:100%;
	margin:0;
}

#search-page-ui {
	padding:0;
	margin:0;
}

.split, .gutter.gutter-horizontal {
    float: left;
}
.gutter.gutter-horizontal {
    cursor: ew-resize;
}

#search-page-ui > div {
	padding:0;
}

#search-page-map {
	position:sticky;
	top:0;
	max-height:100vh;
}

#search-page-map > #search-map {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transition: 0.2s all;
}

#search-list .row {margin:0;}

#search-list .result-property {
	border-bottom:1px solid rgba(0,0,0,0.2);
	margin-bottom:1rem;
}

.result-property {
	position:relative;
	padding:0;
	background-color:white;
}


.result-property .property-header {
	background-color: #6fb03b;
	color: white;
	padding: 0.5rem 1rem;
}

.property-header > h1 {
	font-family: "Playfair Display", serif;
	font-weight: 500;
	font-size:1.75rem;
}
.property-header a {
	color: inherit;
	text-decoration: none;
}

.property-header .property-phone {
	font-size: 1.25rem;
}

.property-header .property-phone a:before {
	font-family: "Font Awesome 5 Free";
	content: '\f879';
	font-weight:900;
	text-align:center;
	margin-right:0.5rem;
}

.result-property .property-header h5 {
	font-size: 1.1rem;
}

.result-property .row {margin:0;position:relative;}

.result-property .property-photo > a {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	cursor:pointer;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

.result-property .property-photo > a:before {
	content: "\f87c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size:4rem;
	background-color:rgba(0,0,0,0.5);
	color: white;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
	display:flex;
	align-items:center;
	justify-content:center;
	transition: 0.2s all;
}

.result-property .property-photo > a:after {
	content: 'Quick View';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	top:75%;
	left:50%;
	transform: translate(-50%,-50%);
	text-align:center;
	color: white;
	font-family: "Playfair Display", serif;
    font-size: 1.75rem;
	font-weight:bold;
	opacity:0;
	transition: 0.2s all;
}

.result-property .property-photo:hover > a:before,
.result-property .property-photo:hover > a:after {
	opacity:1;
}

.result-property .property-details {
	padding:0;
	min-height:300px;
}

.result-property .property-price {
	font-size: 1.25rem;
    font-weight: 600;
}

.result-property .property-price-per-sqft:not(:empty){
	margin-top:-0.25rem;
}

.property-bedsbaths,
.property-phone,
.property-amenities {
	margin: 0.5rem 0;
}

.property-amenities {
	display:flex;
	flex-wrap:wrap;
}
.property-amenities > i {
	background-color:#efefef;
	border-radius: 25px;
	display:flex;
	flex-wrap: nowrap;
	margin-bottom: 0.5rem;
	margin-right: 0.5rem;
	padding: 0.25rem 0.5rem;
}

.property-amenities > i:after {
	margin-left: 0.5rem;
	font-weight:normal;
	font-family: 'Work Sans', sans-serif;
	content: attr(title);
}

.property-special:not(:empty),
.callAlertBox:not(:empty) {
	border: 2px solid #b03b3b;
	border-left:none;
	padding: 0.5rem!important;
	color: #d00000;
    font-weight: 500;
	position:relative;
	margin-left:2rem;
}

.property-special:not(:empty):before,
.callAlertBox:not(:empty):before {
	font-family: "Font Awesome 5 Free";
	content: '\f155';
	font-weight:900;
	text-align:center;
	padding-top:0.6rem;
	position:absolute;
	top:-2px;
	bottom:-2px;
	left:-2rem;
	width:2rem;
	background-color:#b03b3b;
	color:white;
}

#search-details .property-special:not(:empty) {
	margin-bottom:1rem;
}

[data-view="search-page-list"] ~ #search-details .property-availability .btn-action-list {display:none;}

.property-availability {
	display:flex;
	flex-wrap:nowrap;
	justify-content:flex-start;
}
.property-availability > a:first-child {margin-right:0.5rem;}


.result-property .btn-action-list {display: none;}

@media screen and (min-width: 768px) {
	
	
	.result-property .row {
		justify-content:flex-end;
	}
	
	.result-property .property-photo {
		position:absolute;
		top:0;
		left:0;
		height:100%;
	}

}

.property-rating {
	unicode-bidi: bidi-override;
	color: #c5c5c5;
	font-size: 25px;
	height: 25px;
	width: 100px;
	margin: 0 auto;
	position: relative;
	padding: 0;
	text-shadow: 0px 1px 0 #a2a2a2;
}
.property-rating .rating-active {
	color: #e7711b;
	padding: 0;
	position: absolute;
	z-index: 1;
	display: block;
	top: 0;
	left: 0;
	overflow: hidden;
	width:50%;
}
.property-rating .rating-background {
	padding: 0;
	display: block;
	z-index: 0;
}

#search-page-details,
#search-details,
.details-card,
.details-overlay {
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:15;
	transition: 0.2s all;
	max-height:100vh;
}

#search-details .details-card {
	left: 50%;
	transform: translateX(-50%);
	background-color:white;
}



#search-details .details-overlay {
	background-color:rgba(0,0,0,0.3);
	opacity:0;
}

body.detailsOpen #search-details .details-card {
	display:block;
	opacity:1;
	overflow: hidden;
}
body.detailsOpen #search-details .details-overlay {display:block;opacity:1;}


body.detailsOpen #search-details .details-card > .content-wrap {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	overflow-y: auto;
}

.details-card > .card-close {
	position:absolute;
	top:0;
	right:0;
	background-color: #c62424;
	color: white;
	z-index: 30;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:2rem;
	cursor: pointer;
}

.details-card > .card-close:after {
	content: '\f00d';
    font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}

#search-details .details-card > .content > [class^="property-"] {
	padding: 0 1rem;
}


#search-details .property-special:empty + .property-header {
	margin-top:0.5rem;
}

.WPTTableRow #search-page-details, .WPTTableRow #search-details, .WPTTableRow .details-card, .WPTTableRow .details-overlay {
	position:static!important;
	display:block!important;
	pointer-events:auto!important;
}

#search-details .slider-count {
    top: 2.5%;
    right: 50px;
}

@supports (pointer-events: none) {
	
	#search-page-details,
	#search-details,
	.details-card,
	.details-overlay  {
		display:block;
		pointer-events: none;
	}
	
	#search-details .details-card,
	#search-details .details-overlay {
		opacity:0;
	}
	
	body.detailsOpen #search-details .details-card,
	body.detailsOpen #search-details .details-overlay {
		pointer-events: auto;
	}
}


@media screen and (max-width: 768px) {
	
	a#logo {top:10px;}
	
	#search-form {
		position:fixed;
		height:70px;
	}
	main {padding-top:70px;}
	
	#search-form > div.container {max-width:none;padding:0 1rem;background-color: #efefef;}
	
	#hero-form .search-location,
	#hero-form .search-btn > .dropdown-toggle {
		font-size:1rem;
	}
	#hero-form .search-location::placeholder {font-size:0.9rem;}
	
	#search-form > div.mobile-buttons {
		padding-top:10px;
		padding-left:60px;
		padding-right:130px;
		padding-bottom:10px;
		height:70px;
		background-color:white;
		display:flex;
		flex-wrap:nowrap;
		transition:0.2s all;
	}
	
	#search-form > div.mobile-buttons > a {
		height:100%;
		display:flex;
		align-items:center;
		justify-content:space-around;
		font-size:3.5vw;
		transition:0.2s all;
	}
	
	#search-form > div.mobile-buttons > .action-search[aria-expanded="true"] ~ .action-view i {margin-right:0!important;}
	#search-form > div.mobile-buttons > .action-search[aria-expanded="true"] ~ .action-view:after {content:none;}
	#search-form > div.mobile-buttons > .action-search {
		padding:0 1rem;
	}
	#search-form > div.mobile-buttons > .action-search[aria-expanded="true"] {
		padding:0 0.5rem;
		flex:1;
	}
	#search-form > div.mobile-buttons > .action-view {
		order:-1;
		margin-right:1rem;
		flex:1;
	}
	#search-form > div.mobile-buttons > .action-search[aria-expanded="true"]:after {content:'Search Again';}
	#search-form > div.mobile-buttons > .action-search[aria-expanded="true"] ~ .action-view {
		order:2;
		margin-right:0rem;
		margin-left:1rem;
		padding:0 1rem;
		flex:0;
	}
	#search-form > div.mobile-buttons > .action-view[data-view="search-page-map"]:after { content: 'Back'; }
	#search-form > div.mobile-buttons > .action-view[data-view="search-page-list"]:after { content: 'Open Map'; }
	#search-form > div.mobile-buttons > .action-view[data-view="search-page-map"] > i:before { content: '\f03a'; }
	#search-form > div.mobile-buttons > .action-view[data-view="search-page-list"] > i:before { content: '\f279'; }
	
	#search-page-ui > div {
		width:100%!important;
		min-width:100%;
	}
	
	#search-page-ui > #search-page-map {
		position:fixed;
		bottom:0;
		left:0;
		right:8px;
		z-index:30;
		opacity:0;
		pointer-events:none;
		transition:0.2s all;
		display:flex;
		flex-direction:column;
	}
	
	#search-page-ui > #search-page-map.viewActive {
		pointer-events:auto;
		opacity:1;
	}
	
	#search-page-map.showResult > #search-map {
		bottom:50%;
	}
	
	#search-page-details,
	#search-details,
	.details-card,
	.details-overlay {
		z-index:40;
	}
	
	.result-property .property-photo {
		position:relative;
		min-height:20vh;
		width:100%;
	}
	
	.result-property .property-photo > a:before {
		top: initial;
		right: initial;
		opacity: 1;
		font-size: 1.5rem;
		line-height: 36px;
		height: 36px;
		width: 30px;
		transform: none;
	}
	.result-property .property-photo > a:after {
		background-color: rgba(0,0,0,0.5);
		line-height: 36px;
		height: 36px;
		top: initial;
		left: 30px;
		padding: 0 0.5rem;
		right: initial;
		opacity: 1;
		font-size: 1.25rem;
		transform: none;
	}
	
	.result-property .property-details {
		min-height:0px;
	}
	
	.property-amenities {
		flex-wrap:wrap;
		/*justify-content:center;*/
	}
	
	/*.property-amenities > i {
		margin: 0.5rem;
	}*/
	
	.property-availability {
		justify-content: space-between;
	}
	
	.property-availability a {
		font-size:4vw;
		margin:0!important;
	}
	
	#search-result-single .result-property .property-header h5 {
		font-size:1rem;
		margin-bottom:5px;
	}
	#search-result-single {}
	#search-result-single .result-property .property-photo {
		min-height:15vh;
	}
	
	#search-details .details-card {
		top:initial !important;
		left:0;
		transform:none;
		width:100%;
	}
}

/*.result-property[data-yardi="ticedev"]  .property-photo > a {
    background-position: 35% 60%;
    background-size:135%;
}*/