/* Set the size of the div element that contains the map */
#mappa-page 
{
	height: 80vh;
	width: 100%;
	border: 1px solid #000;
}

@media screen and (max-width: 767px) 
{
	#mappa-page 
	{
		height: 50vh;
	}
}

.custom-clustericon img 
{
	width: 40px; height: 40px;
}

.custom-clustericon div 
{
	color: #FFF !important;
	font-weight: 900;
	line-height:40px; 
}

.gm-style-iw
{
	width:320px !important;
	max-width: 90% !important;
}

.website_is_mobile .gm-style-iw
{
	padding-bottom: 25px;
}


.gm-style-iw *
{
	color:#565654;
}
.gm-style-iw h5 
{
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 10px;
	
}

.gm-style-iw .address_info
{
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}

.gm-style-iw .link_poi_view a
{
	font-weight: 700;
	margin-bottom: 15px;
	text-decoration: underline;
}
.gm-style-iw .link_poi_view a:hover
{
	color:#000
}

.all_legend_box 
{
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
}
.legend_box
{
	margin-left: 15px;
	margin-right: 15px;
}
.legend_box > *
{
	display: inline-block;
	margin:0 5px;
	vertical-align: middle;
	font-size: 1.2rem;
	line-height: 1.2rem;
}