/* LA Home Remodelers – Site: Google Map ([lahr_map], footer map, Elementor Google Maps widgets). */
.lahr-map {
	position: relative;
	width: 100%;
	height: var(--lahr-map-h, 300px);
	border-radius: var(--lahr-radius-card, 14px);
	overflow: hidden;
	background: #E8EEF5;
	line-height: 0;
}
.lahr-map .lahr-map__frame {
	display: block;
	width: 100% !important;
	max-width: none;
	height: 100% !important;
	margin: 0;
	border: 0;
}
.elementor-widget-google_maps .lahr-map__frame {
	display: block;
	width: 100%;
	border: 0;
}

/* Map that fills its column on desktop: add the CSS class lsf-map-fill to the container
   holding the Google Maps widget or a Shortcode widget with [lahr_map]. */
@media (min-width: 1025px) {
	.lsf-map-fill { align-self: stretch; }
	.lsf-map-fill > .elementor-widget-google_maps,
	.lsf-map-fill > .elementor-widget-shortcode {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
	}
	.lsf-map-fill > .elementor-widget-google_maps > .elementor-widget-container,
	.lsf-map-fill > .elementor-widget-shortcode > .elementor-widget-container,
	.lsf-map-fill > .elementor-widget-google_maps .elementor-custom-embed,
	.lsf-map-fill > .elementor-widget-shortcode .elementor-shortcode {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
	}
	.lsf-map-fill > .elementor-widget-google_maps iframe,
	.lsf-map-fill .lahr-map {
		flex: 1 1 auto;
		height: 100% !important;
		min-height: 300px;
	}
}
