#map a,
#map a:hover {
	color: inherit;
	text-decoration: none;
}

#map .infowindow-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 300px;
}

#map .infowindow-wrapper h3 {
	text-align: center;
	padding: 14px;
	border: none;
	font-size: 16px;
    line-height: 1.5em;
}

#map .gm-style .gm-style-iw-c {
	padding: 0;
}
#map button {
	border-radius: 0;
}

#map .gm-style .gm-style-iw-d {
	overflow: auto !important;
    max-height: none !important;
}
#map .infowindow-wrapper img {
	max-height: 200px !important;
    width: 100%;
    object-fit: cover;
}
#map button.gm-ui-hover-effect {
	top: 0px !important;
	right: 0px !important;
	width: 40px !important;
	height: 40px !important;
}

#map button.gm-ui-hover-effect span {
	width: 40px !important;
	height: 40px !important;
	margin: 0 !important;
}

#map .gm-style-iw.gm-style-iw-c {
	max-width: fit-content !important;
}

.custom-clustermarker {
	background-size: contain;
	background-repeat: no-repeat;
}
#map .leaflet-div-icon {
    background: transparent; 
    border: none; 
    color: white;
}

@media only screen and (max-width: 900px) {
	#map {
		height: 70vh;
	}

	#map .infowindow-wrapper img,
	#map .infowindow-wrapper h3 {
		max-width: 250px;
		height: auto;
	}

}