/**
 * Breadcrumb map specific styles
 */
.breadcrumb-map {
    width: 100%;
    /* height is set by JS */
}

.map-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.map-old-data-warning {
    text-align: center;
    font-size: medium;
}

.modaq-pop-up-content {
    font-size: 12px;
}

.map-title {
    position: absolute;
    pointer-events: none; /* allow clicks to pass to map */
    top: 5px;
    left: 0;
    right: 0;
    z-index: 999;
}

.osm-ocean-blue-text-halo-2 {
    --osm-ocean-blue: #aad3dfff;

    text-shadow: 2px 0 var(--osm-ocean-blue), -2px 0 var(--osm-ocean-blue), 0 2px var(--osm-ocean-blue), 0 -2px var(--osm-ocean-blue),
    1px 1px var(--osm-ocean-blue), -1px -1px var(--osm-ocean-blue), 1px -1px var(--osm-ocean-blue), -1px 1px var(--osm-ocean-blue);
}