﻿.filter-button, .filter-category {
    color: #626368;
}

.filter-button-label {
    font-size: 0.86rem;
}

.mapmarker {
    position: relative !important;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    opacity: 1
}

    .mapmarker .infoWindowContainer {
        display: none;
    }

    .mapmarker.active .infoWindowContainer {
        display: block;
        position: absolute !important;
        top: 0px;
        left: 36px;
        overflow: visible;
        background: #fff;
        border: 0px;
        min-width: 240px;
        max-width: 320px;
        width: auto;
        z-index: 50;
        font-size: 84%;
        box-shadow: 0 2px 16px 2px rgba(0,0,0,.24);
    }

.infowindow.inner {
    text-align: center;
    padding: 0 0 12px 0;
}

.mapmarker.active {
    background: #4D7584;
    border-radius: 50%;
    z-index: 10;
}

    .mapmarker.active .mapmarker-icon {
        opacity: 0;
    }

.numeral {
    position: absolute !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    font-size: 0.92rem;
    font-weight: 600;
}

.mapmarker-img {
    width: 100%;
    height: 100%;
    border: 1px solid #eee;
    box-shadow: 0 2px 12px 2px rgba(0,0,0,.36);
    border-radius: 50%;
}

.mapmarker svg {
}

.mapmarker .shadow {
    -webkit-filter: drop-shadow( 2px 3px 4px rgba(0,0,0,.36));
    filter: drop-shadow( 2px 3px 4px rgba(0,0,0,.36));
}

.clickable {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px transparent;
    border-radius: 50%;
}

    .clickable:hover {
        border: 1px solid white;
    }

.map-overlay {
    position: absolute;
    left: -99999px;
    top: calc(5% + 100px);
    visibility: hidden;
    overflow: visible;
    background: #fff;
    border: 0px;
    max-width: 320px;
    width: auto;
    z-index: 50;
    font-size: 84%;
    box-shadow: 0 2px 16px 2px rgba(0,0,0,.24);
}

    .map-overlay #map-overlay-close {
        top: -14px;
        right: -14px;
        padding: 6px 8px;
        border-radius: 50%;
        background: black;
        position: absolute;
        z-index: 201;
    }

        .map-overlay #map-overlay-close i {
            font-size: 1.26rem;
            color: #fff;
        }

.map-overlay-content .inner {
    padding: 0 0 12px 0;
}

.map-overlay-content h2 {
    padding: 6px 12px;
    margin: 12px 0 0.865em 0;
    text-align: center;
}

.map-overlay-content p {
    margin: 0 0 12px 0;
}
