/*
---------------------------------------------------------------------------------------------------
CONTAINER
---------------------------------------------------------------------------------------------------
*/

/*Corrects the web part parent display:table*/
.mapContainer .ms-webpart-zone, .mapContainer .ms-webpart-cell-vertical, .mapContainer .ms-webpart-zone, .mapContainer .ms-webpart-chrome
{
	display: flex !important;
}

/*Sets web part zone divs to height 100% so that content fills the parent div*/
.mapContainer div[data-name="WebPartZone"],
.mapContainer div[data-name="WebPartZone"] > div,
.mapContainer div[data-name="WebPartZone"] .ms-webpart-zone,
.mapContainer div[data-name="WebPartZone"] .ms-webpart-chrome > div[haspers="false"]
{
	width: 100% !important;
	height: 100% !important;
}

/*For small screens (smaller than bootstrap medium breakpoint), set the map to half the viewport height*/
.map
{
	width: 100%;
	height: 70vh;
	z-index:0;
}

/*For larger screens, inherit the height of the other block's content*/
@media (min-width: 768px)
{
	.doubleBlock .map
	{
		height: 100%;
	}
}

/*
---------------------------------------------------------------------------------------------------
ATTRIBUTION
---------------------------------------------------------------------------------------------------
*/

.singleBlock .leaflet-control-attribution
{
	padding-right: 1rem !important;
}

.doubleBlock.flex-md-row-reverse .leaflet-control-attribution
{
	padding-right: 1rem !important;
}

@media (max-width: 767px)
{
	.doubleBlock .leaflet-control-attribution
	{
		padding-right: 1rem !important;
	}
}

/*
---------------------------------------------------------------------------------------------------
CONTROLS
---------------------------------------------------------------------------------------------------
*/

.leaflet-control-zoom
{
	margin-top: 1rem !important;
	margin-left: 2rem !important;
}

/*
---------------------------------------------------------------------------------------------------
POPUPS
---------------------------------------------------------------------------------------------------
*/

.leaflet-popup-content img
{
	max-width: 200px;
	height: auto;
}

.leaflet-popup-content img.limitedHeight
{
	max-height: 8vh;
}

.leaflet-popup-content img.space
{
	margin-bottom: 1rem;
}