.socialink-mapping-container .map_container {
    background: #444 none repeat scroll 0 0;
    min-height: 500px;
    position: relative;
    width: 100%;
}
.socialink-mapping-container .map_container > .map,
.socialink-mapping-container .map { position:absolute; top:0; bottom:0; width:100%; }
.socialink-mapping-container .mapping  {
    margin-bottom:2em;
}
.socialink-mapping-container .maplegend {
    text-align:center;
    font-size:1.2em;
}
.socialink-mapping-container .mapboxgl-popup {
    max-width: 50%;
}
.socialink-mapping-container .marker {
    background-size: cover;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
}
.socialink-mapping-container .map-filter-box {
    margin-bottom: 1em;
    display: flex;
}
.socialink-mapping-container .map-filter-box input[type='text'] {
    border: 1px solid #333;
    color: #333;
    padding: .25em .75em;
    min-width: 30%;
}

.socialink-mapping-container .map-filter-box .filter-types {
    margin-left: auto;
}

.socialink-mapping-container .map-filter-box .filter-types ul {
    margin: 0;
    list-style: none;
    display: flex;
}
.socialink-mapping-container .map-filter-box .filter-types ul li {
    list-style: none;
}
.socialink-mapping-container .map-filter-box .filter-types ul li button {
    background: #fff;
    border: 1px solid #333;
    padding: .25em .75em;
}

.socialink-mapping-container .map-filter-box .filter-types .reset-container {
    display: none;
}

.socialink-mapping-container .map-filter-box .filter-types .reset-container button {
    background: #a6deff;
}

.socialink-mapping-container .map-filter-box.filtering  .reset-container {
    display: block;
}

.socialink-mapping-container .map-filter-box .filter-types ul li button.active,
.socialink-mapping-container .map-filter-box .filter-types ul li button:hover {
    background: #333;
    color: #fff;
}