/* ============================================================
   Community Map — qmi-map.css
   Loaded wherever a map renders: the Quick Move-In template and
   the [communities_map] shortcode. Layout around the map (the
   sticky split column) lives in quick-move-in.css.
   ============================================================ */

.qmi-map {
	/* Set explicitly rather than inherited: the shortcode can render outside
	   .qmi-page, which is where the box-sizing reset lives. */
	box-sizing: border-box;
	height: 100%;
	border-radius: 15px;
	overflow: hidden;
	/* Shows through until the Maps API paints, so the box isn't blank white on
	   a slow connection. */
	background: repeating-linear-gradient(
		45deg,
		#F1F5FA,
		#F1F5FA 12px,
		#E7EEF7 12px,
		#E7EEF7 24px
	);
}

/* Google's own controls sit inside the rounded corners. */
.qmi-map > div {
	border-radius: 15px;
}

/* The shortcode sets width/height inline; those must beat the height:100% above. */
.qmi-map--standalone {
	display: block;
	max-width: 100%;
}