/**
 * Flow Battery Map styles (WP Maps Pro map ID 3).
 *
 * Migrated out of the Customizer "Additional CSS" (wp_custom_css post) and into
 * the theme so it lives in version control. Enqueued from functions.php only on
 * pages that render the Flow Battery map shortcode.
 *
 * NOTE: once this ships, delete the matching rules from Appearance > Customize >
 * Additional CSS so the styles are not duplicated.
 */

body #map3 { margin-bottom: 4rem; }
body .wpgmp_map_container #map3 > div { background: #121440 !important; }
#map3 .wpgmp_iw_content .fc-wrap { max-height: 800px; background-image: none; padding: 0; }
#map3 .wpgmp_iw_content .fc-wrap .fc-main { padding: 12px; border: 3px solid var(--cyan); }
#map3 .wpgmp_iw_content .fc-wrap .fc-main p { margin-bottom: 0; }
#map3 .wpgmp_iw_content .fc-wrap .fc-main div { margin-bottom: 3px; }
#map3 .wpgmp_iw_content .fc-wrap .fc-main .fc-city-state { margin-bottom: 12px; padding: 0; }
#map3 .wpgmp_iw_content .fc-main .fc-site-link { padding: 12px 0 0; }
#map3 .wpgmp_iw_content .fc-main .fc-item-title h3 { margin-bottom: 15px; }
#map3 .wpgmp_iw_content .fc-main .fc-field span, #map3 .wpgmp_iw_content .fc-main .fc-field p { display: inline-block; }
#map3 .wpgmp_iw_content .fc-wrap .fc-main .fc-site-link:has(a[href="null"]) { display: none; }
.wpgmp_map_container.wpgmp-map-3 .wpgmp_iw_content .fc-main .fc-field:has(p:empty) { display: none; }
.wpgmp_map_container.wpgmp-map-3 .location_listing3, .wpgmp_map_container.wpgmp-map-3 .location_pagination3.wpgmp_pagination { display: none !important; }

@media(max-width: 767px) {
	 body .wpgmp_map_container.wpgmp-map-3 { margin-left: max(25px, calc((100% - 1150px) / 2)); margin-right: max(25px, calc((100% - 1150px) / 2)); max-width: 100%; width: auto; }

	#map3 .wpgmp_infowindow, #map3 .post_body { width: 320px !important; }
	body #map3 { height: 500px !important; max-width: 100vw; }

}
@media (min-width: 768px) and (max-width: 991px) {
	#map3 .wpgmp_infowindow, #map3 .post_body { width: 320px !important; }
  body #map3 { height: 661px !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
	body #map3 { height: 661px !important; }
	#map3 .wpgmp_infowindow, #map3 .post_body { width: 413px !important }
}