/****************************************************
 * Fancymap styles
 *
 * Layout 
 * Filters 
 * Map 
 * Listing Grid 
 * Listing Grid Item 
 * Single Listing 
 ****************************************************/


/****************************************************
 * Layout  
 ****************************************************/
div.fancymap {
	display: block;
}
.fancymap-map {
	border-radius: 1em;
	grid-area: map;
	height: 60vh;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 89%;
}
.fancymap-filters {
	background: #802f2d;
	border-bottom: 1em solid #fff;
	color: #fff;
	grid-area: filters;
	padding: 10px 20px;
}
.fancymap-listings {
	grid-area: listings;
	padding: 0 20px 20px;
	overflow-x: hidden;
	overflow-y: auto;
}
@media all and (min-width: 800px){
	div.fancymap {
		display: grid;
		grid-template-columns: 55% 45%;
		grid-template-rows: auto;
		grid-template-areas: 
			"filters filters"
			"map listings"
	}
	body.page-id-6594 div.fancymap {
		grid-template-columns: 45% 55%;
	}
	.fancymap-listings, 
	.fancymap-map {
		height: 75vh;
		width: inherit;
	}
	.fancymap-map {
		margin-right: 0;
	}
}



/****************************************************
 * Filters  
 ****************************************************/


/****************************************************
 * Map 
 ****************************************************/


/****************************************************
 * Listing Grid 
 ****************************************************/
.fancymap-list {
	background-color: #fff;
	display: grid;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 12px 0 0 !important;
}
@media all and (min-width: 800px){
	.fancymap-list {
		grid-template-columns: 50% 50%;
	}
}
@media all and (min-width: 1400px){
	body.page-id-6594 .fancymap-list {
		grid-template-columns: 33% 33% 33%;
	}
}
@media all and (min-width: 500px){
	.fancymap-list--singleCat {
		grid-template-columns: 50% 50%;
	}
}
@media all and (min-width: 800px){
	.fancymap-list--singleCat {
		grid-template-columns: 33% 33% 33%;
	}
}
@media all and (min-width: 1100px){
	.fancymap-list--singleCat {
		grid-template-columns: 25% 25% 25% 25%;
	}
}



/****************************************************
 * Listing Grid Item
 ****************************************************/
.fancymap-item {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 1em;
	box-shadow: 0 3px 3px rgba(0,0,0,0);
	transition: all 0.2s;
}
.fancymap-item:hover {
	border-color: #497B55;
	box-shadow: 0 3px 12px rgba(0,0,0,0.2);
}
.fancymap-image {
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	display: block;
	margin-bottom: 0;
	width: 100%;
}
.fancymap-content {
	padding: 12px;
}
.fancymap-title {
	font-size: 16px !important;
	font-weight: bold;
}
.fancymap-title span,
.fancymap-infowindow__listingName span {
	display: block;
	text-transform: capitalize;
}
.fancymap-title span:first-of-type,
.fancymap-infowindow__listingName span:first-of-type {
	text-transform: uppercase;
}
.fancymap-meta {
	font-size: 15px;
}
.fancymap .et_pb_portfolio_link {
	border-radius: 1.5em !important;
	display: inline-block;
	font-size: 14px !important;
	font-weight: 500 !important;
	margin: 0;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.fancymap-listingCounts {
	float: right;
	padding-top: 17px;
	text-align: right;
	width: 198px;
}
.fancymap-dropdown {
	background: rgba(255,255,255,0.7);
	border: 1px solid rgba(255,255,255,0.27);
	border-radius: 1.5em;
	cursor: pointer;
	display: inline-block;
	margin: 10px 20px 10px 5px;
	position: relative;
	min-width: 270px;
	max-width: 360px;
}
.fancymap-dropdown:hover {
	border-color: rgba(255,255,255,0.5);
}
.fancymap-dropdown--active {
	background: rgba(255,255,255,0.75) !important;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.fancymap-dropdown__active {
	color: #802f2d;
	font-size: 17px;
	font-weight: bold;
	padding: 5px 36px 5px 14px;
	position: relative;
	text-shadow: 0 1px 1px rgba(255,255,255,0.3);
}
.fancymap-dropdown__active span {
	font-weight: 400;
}
.fancymap-dropdown__expand {
	font-size: 23px;
	font-weight: bold;
	position: absolute;
	right: 13px;
}
.fancymap-dropdown--active .fancymap-dropdown__expand {
	transform: rotate(45deg);
}
.fancymap-dropdown__options {
	background: rgba(255,255,255,0.7);
	backdrop-filter: blur(5px);
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	border: 1px solid rgba(255,255,255,0.27);
	border-top: none;
	box-shadow: 0 6px 12px rgba(0,0,0,0.18);
	left: -1px;
	opacity: 0;
	overflow: hidden;
	padding-bottom: 12px;
	padding-top: 5px;
	position: absolute;
	right: -1px;
	top: 100%;
	transition: all 0.2s;
	z-index: -1;
}
.fancymap-dropdown--active .fancymap-dropdown__options {
	opacity: 1;
	z-index: 10;
}
.fancymap-dropdown__option {
	color: #802f2d;
	display: block;
	font-size: 14px;
	font-weight: 700;
	padding: 4px 18px;
	vertical-align: middle;
}
.fancymap-dropdown__option:hover {
	background: rgba(255,255,255,1);
	color: #497B55;
}
.fancymap-dropdown__option input {
	visibility: hidden;
	position: absolute;
	z-index: -1;
}
.fancymap-dropdown__icon {
	display: inline-block;
	max-width: 11px;
	margin-right: 8px;
	vertical-align: middle;
}
.fancymap-viewmore {
	padding: 1em 0;
}
.fancymap-button {
	display: inline-block;
}
.fancymap-viewlisting {
	background: #802F2D;
	border-radius: 1.5em;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 7px 20px !important;
	text-transform: uppercase;
}
.fancymap-viewListing--infoWindow {
	display: inline-block;
	margin: 10px 0 0;
	font-size: 13px;
}
.fancymap-viewlisting:hover {
	background: #497B55;
}
.fancymap-listing__meta div {
	font-size: 16px;
}
.fancymap-listing__meta div span {
	font-weight: bold;
}
.fancymap-listing__meta div + div,
.fancymap-list--singleCat .fancymap-listing__meta div {
	border-bottom: 1px solid #bbb;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 1em;
	overflow: hidden;
}
.fancymap-listing__meta div span + span {
	float: right;
}
.fancymap-reset {
	background: rgba(255,200,200,0.18);
	border: 1px solid rgba(230,100,100,0.25);
	border-radius: 1.5em;
	color: rgba(255,255,255,0.9);
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	padding: 3px 12px;
	position: relative;
	transition: all 0.2s;
}
.fancymap-reset:hover {
	background: rgba(255,200,200,0.25);
}
.fancymap-reset:active {
	top: 1px;
}
.fancymap-listings__loading {
	position: absolute;
	padding-left: 8px;
	z-index: -1;
}
.fancymap .gm-style-iw.gm-style-iw-c {
	padding: 0 !important;
	overflow: hidden;
}
.fancymap .gm-style-iw-chr {
	background: rgba(255, 255, 255, 0.4);
	display: block;
	height: inherit;
	position: absolute;
	right: 0;
}
.fancymap .gm-style-iw-chr:hover {
	background: rgba(255, 255, 255, 0.7);
}
.fancymap .gm-ui-hover-effect {
	height: inherit !important;
	margin: inherit !important;
	width: inherit !important;
}
.fancymap .gm-ui-hover-effect span {
	margin: 7px !important;
}
div.fancymap .gm-style-iw.gm-style-iw-c div.gm-style-iw-d {
	height: 320px !important;
	overflow: hidden !important;
	width: 300px !important;
}

.fancymap-infowindow__listingName {
	color: #497b55;
	font-size: 15px;
	font-weight: bold;
}
.fancymap-infowindow__content {
	padding: 12px;
}



/****************************************************
 * Single Listing 
 ****************************************************/
.et-db #et-boc .et-l #fancymap-listingDetails .fancymap-listing__acreage {
	font-weight: 700 !important;
    font-size: 24px !important;
    color: #802F2D !important;
    line-height: 1em !important;
	margin: 0 !important;
	padding: 0 !important;
	text-transform: uppercase !important;
}
.et-db #et-boc .et-l #fancymap-listingDetails .fancymap-listing__propertyName {
	font-weight: 700 !important;
    font-size: 32px !important;
    color: #802F2D !important;
    line-height: 1em !important;
	padding: 16px 0 !important;
}
.et-db #et-boc .et-l #fancymap-listingDetails .fancymap-listing__propertyLocation {
	font-weight: 700 !important;
    font-size: 18px !important;
    color: #802F2D !important;
    line-height: 1.1em !important;
	padding: 0 0 1.75rem !important;
}
.et-db #et-boc .et-l #fancymap-listingDetails .fancymap-listing__boldHeading {
	font-weight: 700 !important;
    font-size: 16px !important;
    color: #000 !important;
    line-height: 1.1em !important;
	padding: 0 0 16px !important;
	text-transform: uppercase;
}
.et-db #et-boc .et-l #fancymap-listingDetails .fancymap-listing__boldHeading--24px {
	font-size: 24px !important;
	text-transform: uppercase;
}
.et-db #et-boc .et-l #fancymap-listingDetails .fancymap-listing__boldHeading--noMargin {
	padding: 0 !important;
}
.et-db #et-boc .et-l #fancymap-listingDetails .fancymap-listing__boldHeading--green {
	color: rgb(73, 123, 85) !important;
}
.et-db #et-boc .et-l #fancymap-listingDetails .fancymap-listing__paragraph {
	font-weight: 400 !important;
    font-size: 16px !important;
    color: #000 !important;
    line-height: 1.3em !important;
	padding: 0 0 16px !important;
}
.et-db #et-boc .et-l #fancymap-listingDetails .fancymap-listing__dl {
	font-size: 16px !important;
	line-height: 1.4em !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 0 16px !important;
}
.et-db #et-boc .et-l #fancymap-listingDetails .fancymap-listing__dl dt {
	display: inline !important;
	font-weight: bold !important;
}
.et-db #et-boc .et-l #fancymap-listingDetails .fancymap-listing__dl dd {
	display: inline !important;
	margin-left: 0 !important;
}
.et-db #et-boc .et-l #fancymap-listingDetails .fancymap-listing__dl dd::after {
	content: "";
	display: block;
}
.et-db #et-boc .et-l #fancymap-listingDetails .fancymap-listing__downloadBrochure {
	border-width: 0px !important;
	border-radius: 10px;
	letter-spacing: 1px;
	font-size: 16px;
	font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
	background-color: #497B55;
	display: inline-block;
	color: #fff;
	margin-top: 12px;
	padding: 12px 1em;
	transition: all 0.2s;
}
.et-db #et-boc .et-l #fancymap-listingDetails .fancymap-listing__downloadBrochure:hover {
	background-color: #802F2D;
}

#main-content {
	position: relative;
	z-index: 10;
}