/******************************************************************
 * @file        samwareuk.mapping-osm.css
 * @path        components/samwareuk/mapping/osm/v2.0.0/css
 * @version     2.0.0
 * @created_on  17 Mar 2020
 * @author      Scott Markham <scott.markham@samwareuk.co.uk>
 * @copyright   2020 SAMWare UK <https://www.samwareuk.co.uk>
 * @description CSS for OSM Mapping tools.
 ******************************************************************/
.ol-control button {
    min-width:              16px;
    color:                  black;
}

.ol-popup {
    position:               absolute;
    background-color:       white;
    -webkit-filter:         drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter:                 drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding:                15px;
    border-radius:          10px;
    border:                 1px solid #cccccc;
    bottom:                 12px;
    left:                   -50px;
    min-width:              200px;
}

.ol-popup:after,
.ol-popup:before {
    top:                    100%;
    border:                 solid transparent;
    content:                " ";
    height:                 0;
    width:                  0;
    position:               absolute;
    pointer-events:         none;
}

.ol-popup:after {
  border-top-color:         white;
  border-width:             10px;
  left:                     48px;
  margin-left:              -10px;
}

.ol-popup:before {
    border-top-color:       #cccccc;
    border-width:           11px;
    left:                   48px;
    margin-left:            -11px;
}

.ol-popup-closer {
    text-decoration:        none;
    position:               absolute;
    top:                    2px;
    right:                  8px;
}

.ol-popup-closer:after {
    content:                "✖";
}

.sw-map-wrapper {
    width:                  100%;
    height:                 100%;
}