/* Maps — i2t3 component styles
 * Interactive Leaflet map with OpenStreetMap tiles. Leaflet's own CSS is loaded
 * conditionally via AssetCollector in the template; this file only styles the
 * canvas and the custom marker pin. Note: map tiles are fetched from
 * OpenStreetMap (an external request) when the map renders.
 */

.i2t3-maps__canvas {
    width: 100%;
    border-radius: .5rem;
    z-index: 0;
}

.i2t3-maps__markers {
    display: none;
}

/* Custom divIcon pin (set in script.js) */
.i2t3-maps__pin {
    background: none;
    border: 0;
}
.i2t3-maps__pin svg {
    display: block;
}