/* MAPS 200C CSS*/

.maps-200c .block-map-wrapper .mapboxgl-marker:before {
    width: var(--map-block-icon-size, 35px);
    height: var(--map-block-icon-size, 35px);
    z-index: 1;
    cursor: pointer;
}
.maps-200c .map-block-inverted .block-map-wrapper .mapboxgl-marker {
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
}
.maps-200c .block-map-wrapper .mapboxgl-popup-content {
    font-size: 1rem;
    padding: 8px 16px;
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.2));
    text-align: center;
}
.mapboxgl-popup-content a:after {
    background-color: var(--map-block-popup-text-color, var(--text-color));
}
.maps-200c .map-block-inverted .mapboxgl-popup-content a:after {
    background-color: var(--map-block-popup-text-color, #fff);
}
.maps-200c .block-map-wrapper .mapboxgl-marker {
    width: var(--map-block-icon-size, 35px);
    height: var(--map-block-icon-size, 35px);
    top: 12px;
    z-index: 1;
    cursor: pointer;
}
.maps-200c .mapboxgl-popup-content {
    background: var(--map-block-popup-color, #fff);
    color: var(--map-block-popup-text-color, var(--text-color));
}
.maps-200c .mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    border-right-color: var(--map-block-popup-color, #fff);
}
.maps-200c .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip,
.maps-200c .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,
.maps-200c .mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    border-bottom-color: var(--map-block-popup-color, #fff);
}
.maps-200c .mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    border-left-color: var(--map-block-popup-color, #fff);
}
.maps-200c .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip,
.maps-200c .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,
.maps-200c .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-top-color: var(--map-block-popup-color, #fff);
}
.maps-200c .map-block-inverted .mapboxgl-popup-content {
    background: var(--map-block-popup-color, #666);
    color: var(--map-block-popup-text-color, #fff);
}
.maps-200c .map-block-inverted .mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    border-right-color: var(--map-block-popup-color, #666);
}
.maps-200c .map-block-inverted .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip,
.maps-200c .map-block-inverted .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,
.maps-200c .map-block-inverted .mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    border-bottom-color: var(--map-block-popup-color, #666);
}
.maps-200c .mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    border-left-color: var(--map-block-popup-color, #666);
}
.maps-200c .map-block-inverted .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip,
.maps-200c .map-block-inverted .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,
.maps-200c .map-block-inverted .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-top-color: var(--map-block-popup-color, #666);
}
.maps-200c .mapboxgl-popup-content a {
    color: inherit;
    display: inline-block;
}
.maps-200c .map-block-style canvas {
    filter: grayscale(1) contrast(1.1);
}
.maps-200c .map-block-grayscale canvas {
    filter: grayscale(1);
}
.maps-200c .map-block-inverted .mapboxgl-ctrl-logo,
.maps-200c .map-block-inverted .mapboxgl-ctrl.mapboxgl-ctrl-group,
.maps-200c .map-block-inverted canvas {
    filter: invert(1) grayscale(1) brightness(1.5);
}
.maps-200c .map-block-style-red .mapboxgl-canvas-container::after {
    background-color: rgba(255, 0, 0, 0.3);
}
.maps-200c .map-block-style-orange .mapboxgl-canvas-container::after {
    background-color: rgba(200, 100, 0, 0.6);
}
.maps-200c .map-block-style-green .mapboxgl-canvas-container::after {
    background-color: rgba(0, 159, 0, 0.6);
}
.maps-200c .map-block-style-blue .mapboxgl-canvas-container::after {
    background-color: rgba(0, 102, 204, 0.6);
}
.maps-200c .map-block-style-purple .mapboxgl-canvas-container::after {
    background-color: rgba(120, 0, 255, 0.3);
}
.maps-200c .map-block-style .mapboxgl-canvas-container::after {
    mix-blend-mode: overlay;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    pointer-events: none;
}
.maps-200c .mapboxgl-ctrl-bottom-left {
    opacity: 0.5;
}
.maps-200c .map-block-shadow.map-container {
    box-shadow: 0 5px 10px rgba(0,0,0,.25);
}
.maps-200c .map-block-hide-controls .mapboxgl-ctrl-top-left {
    display: none;
}