/**
 * Description: VSC IDXBroker Google Map Custom Styling
 * Author: Vanderputten Software and Consulting
 * Author URI: https://vanderputten.co/
 * Copyright: Vanderputten Software and Consulting, 2021-present
 */

@import url('https://fonts.googleapis.com/css2?family=Raleway');

.vsc_idx_search_map_count {
	font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
	color: #666666;
	font-size: min(1.5rem, calc(2vw + 1vh));
	text-align: center;
	font-style: italic;
	margin-bottom: 4%;
	margin-top: 4%;
	font-weight: 300;
}

#vsc_idx_map_canvas {
	height: 50vh;
}

.vsc_idx_listing_map_popup_container {
	display: grid;
	grid-template-columns: 3fr 2fr;
	grid-column-gap: 1em;
	grid-row-gap: 1em;
}

.vsc_idx_listing_map_image_container {
	height: auto;
	width: max(175px, 20vw);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.vsc_idx_listing_map_details_container {
	display: grid;
}

.vsc_idx_listing_map_details_price {
	font-size: max(1em, calc(2vw));
	font-weight: 700;
	font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
	color: #666666;
	padding: 0 0 0.3em 0;
}

.vsc_idx_listing_map_details_beds_baths {
	font-size: min(1.7em, calc(3px + 1vw));
	font-weight: 500;
	font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
	color: #666666;
	padding: 0;
}

.vsc_idx_listing_map_details_sq_ft {
	font-size: min(1.7em, calc(3px + 1vw));
	font-weight: 500;
	font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
	color: #666666;
	padding: 0;
}

.vsc_idx_listing_map_details_readmore {
	font-size: min(1.7em, calc(3px + 1vw));
	text-align: center;
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 1em;
	align-items: center;
	justify-content: center;
	margin-top: 1em;
}

.vsc_idx_listing_map_details_mls_id {
	font-size: min(1em, 2vw);
	font-weight: 500;
	font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
	color: #666666;
	padding: min(1em, 1vw) !important;
	border: 2px solid #666666;
	border-radius: 5% 2vw;
}

.vsc_idx_listing_map_details_mls_id sup {
	font-size: max(0.7em, calc(3px + 0.5vw));
}

.vsc_idx_listing_map_details_readmore_link {
	border: 2px solid #666666;
	background-color: #666666;
	/*border-radius: 2vw 5%;*/
	color: #ebebeb;
	padding: min(0.2em, 2vw);
	font-size: min(1em, 2vw);
	font-weight: 500;
	letter-spacing: 1px;
	font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
	border-radius: min(0.5em, 2vw);
}

.vsc_idx_listing_map_details_readmore_link:hover {
	background-color: #ebebeb;
	color: #666666;
}

.vsc_idx_map_and_list_tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}

.vsc_idx_map_and_list_tab button {
	font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 1em;
	transition: 0.3s;
	font-size: 1em;
}

.vsc_idx_map_and_list_tab button:hover {
	background-color: #ddd;
}

.vsc_idx_map_and_list_tab button.vsc_idx_tab_active {
	background-color: #ccc;
}

.vsc_idx_map_and_list_tab_content {
	display: none;
	padding: 1em;
	border: 1px solid #ccc;
	border-top: none;
}

.vsc_idx_map_and_list_tab_content.vsc_idx_tab_content_active {
	display:block;
}

@media all and (max-width: 980px) {
	#vsc_idx_map_canvas {
		height: 90vh;
	}
}

@media all and (max-width: 600px) {
	.vsc_idx_listing_map_details_readmore_link {
		letter-spacing: 1px;
	}

	.vsc_idx_listing_map_popup_container {
		grid-template-columns: 1fr;
		grid-template-rows: 2fr 1fr;
	}
}