/*:root {
    --first-background: #0D345A;
    --first-colour: white;
}*/

.leaflet-popup-content {
    height: 100% !important;
    margin: 0 !important;
    width: 380px !important;
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    height: 100% !important;
    padding: 0 !important;
}

.mapStyleSetup {
    height: 100%;
    width: 100%;
    /*margin: -30px 0 !important;*/
}

.mapPinIcon {
    /*background-color: $MainYellow;*/
    border: none;
    cursor: pointer;
    margin-left: 2px;
    width: 16px;
}

@media screen and (max-width: 800px) {
    .mapResponsive {
        height: 300px !important;
        height: 200px !important;
        width: 100%;
    }
}

.searchMap {
    height: 800px;
    width: 100%;
}

.leaflet-popup-close-button {
    color: var(--first-background) !important;
    font-size: 1.5em !important;
    z-index: 30;
}

#OpenStreetMap {
    margin-left: -1.14em;
    width: 103%;
}