/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       27collective
 Author URI:   https://27collective.net/
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/
<style type="text/css">
/* Map container */
.mapboxgl-map {
margin: 0 auto 5%;
width: 100%; /* Default map container width */
height: 400px; /* Default map container height */
}

/* Map marker */
.marker {
background-image: url(php echo plugins_url( 'acf-mapbox-gl-js/assets/images/marker-icon.png'); ?>); /* Update the file path according to your theme structure*/
background-size: cover;
width: 41px;
height: 41px;
cursor: pointer;
margin-top: -41px;
}

/* Marker's popup button */
.mapboxgl-popup-close-button {
background-color: #efefef;
width: 25px;
height: 25px;
padding: 0;
color: #999;
}

/* Marker's popup */
.mapboxgl-popup {
max-width: 200px;
top: -41px;
}

.mapboxgl-popup-content {
text-align: center;
font-family: 'Open Sans', sans-serif;
}

#error {
color: #FF0000;
}
</style>