#map_directory {display:block;width:100%; margin-top: 10px;max-width:100%;}
#map {width:50%; display:block;float:right;height: 600px;position: relative;-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.3s; /* Firefox < 16 */
        -ms-animation: fadein 0.3s; /* Internet Explorer */
         -o-animation: fadein 0.3s; /* Opera < 12.1 */
            animation: fadein 0.3s;}
.leaflet-pane img{
        position: absolute !important;
    }

#listings {width: 49%; float: left;-moz-animation: fadein 0.3s; /* Firefox < 16 */
        -ms-animation: fadein 0.3s; /* Internet Explorer */
         -o-animation: fadein 0.3s; /* Opera < 12.1 */
            animation: fadein 0.3s;padding-left: 5%;padding-right: 4%;}
#listings a, .leaflet-popup-content h3 {text-decoration: none;font-weight: 700;line-height: 18px;}
.leaflet-popup-content h3 {margin: 0 0 10px 0;font-size: 21px; line-height: 24px;}
#listings div a {text-decoration:none;background-position: 0 -10000px;}
#listings small {position: relative !important; bottom: auto !important; margin-bottom: 0 !important;}
#listings div a small a {background-position: 0 0;}
#listings div {margin: 0 4.5% 30px 0;font-size: 24px; line-height: 26px;display:inline-block; vertical-align: top; width: 45%;}
#listings div.active a {font-weight: 700;}

#location .wrapper {text-align: center; padding-top: 30px;}
#map_directory .menu-ui, #location h2 {text-align: center;}
#map_directory .menu-ui {margin-top: 20px;}
#map_directory .menu-ui a {color: #fff;display:inline-block;}
#map_directory .menu-ui a.va {color: #000;}
#map_directory .menu-ui a.Members,#map_directory #listings .Members a:hover,#map_directory #listings .Members a:active {background: #000000;color: #fff;}
#map_directory .menu-ui a.Restaurants,#map_directory #listings .Restaurants a:hover,#map_directory #listings .Restaurants a:active {background: #0e69ab;color: #fff;}
#map_directory .menu-ui a.Shopping,#map_directory #listings .Shopping a:hover,#map_directory #listings .Shopping a:active {background: #f28f1f;color: #fff;}
#map_directory .menu-ui a.Transportation,#map_directory #listings .Transportation a:hover,#map_directory #listings .Transportation a:active {background: #856942;color: #fff;}
#map_directory .menu-ui a.Recreation,#map_directory #listings .Recreation a:hover,#map_directory #listings .Recreation a:active {background: #77aa05;color: #fff;}
#map_directory .menu-ui a.Rest,#map_directory #listings .Rest a:hover,#map_directory #listings .Rest a:active {background: #701ac0;color: #fff;}
#map_directory .menu-ui a.Bars,#map_directory #listings .Bars a:hover,#map_directory #listings .Bars a:active {background: #c01a70;color: #fff;}
#map_directory .menu-ui a.Groomers,#map_directory #listings .Groomers a:hover,#map_directory #listings .Groomers a:active {background: #a59723;color: #fff;}
#map_directory .menu-ui a.Walkers,#map_directory #listings .Walkers a:hover,#map_directory #listings .Walkers a:active {background: #b25647;color: #fff;}
#map_directory .menu-ui a:hover {background: #000; color: #fff;}
#map_directory #listings .Members, .leaflet-popup-content h3.Members {color: #000000;}
#map_directory #listings .Restaurants, .leaflet-popup-content h3.Restaurants {color: #0e69ab;}
#map_directory #listings .Shopping, .leaflet-popup-content h3.Shopping {color: #f28f1f;}
#map_directory #listings .Transportation, .leaflet-popup-content h3.Transportation {color: #856942;}
#map_directory #listings .Recreation, .leaflet-popup-content h3.Recreation {color: #77aa05;}
#map_directory #listings .Rest, .leaflet-popup-content h3.Rest {color: #701ac0;}
#map_directory #listings .Bars, .leaflet-popup-content h3.Bars {color: #c01a70;}
#map_directory #listings .Groomers, .leaflet-popup-content h3.Groomers {color: #a59723;}
#map_directory #listings .Walkers, .leaflet-popup-content h3.Walkers {color: #b25647;}
#map_directory #listings div {display: none;}
#map_directory #listings div.activetab, #map_directory #listings div.active, #map_directory #listings div.tab {display:inline-block;}
#map_directory #listings div a small a {text-decoration: underline;}
#map_directory #listings a small,#map_directory #listings a small a, .leaflet-popup-content {font-size: 14px; line-height: 20px;font-weight: 400;color: #000;}
#map_directory #listings div.active a small {font-weight: 700;}
#map_directory #listings div h3 {text-decoration: none;font-weight: 700;margin: 0; padding: 0;}
.leaflet-map-pane {}
.leaflet-popup-content a {color: #000; text-decoration: underline;}
.page-template-default .basic-page__body .leaflet-container.dark .map-tooltip .close, .page-template-default .basic-page__body .leaflet-control-attribution:after, .page-template-default .basic-page__body .leaflet-control-layers-toggle,.page-template-default .basic-page__body  .leaflet-control-zoom-in, .page-template-default .basic-page__body-width .leaflet-control-zoom-out,.basic-page__body .leaflet-popup-close-button, .page-template-default .basic-page__body .map-tooltip .close,.page-template-default .basic-page__body .mapbox-icon {
    opacity: .75;
    background-image: url(https://api.mapbox.com/mapbox.js/v3.3.1/images/icons-000000@2x.png) !important;
    background-image: linear-gradient(transparent,transparent),url(https://api.mapbox.com/mapbox.js/v3.3.1/images/icons.svg) !important;
    background-repeat: no-repeat;
    background-size: 26px 260px;
}
.menu-ui {display:block; margin: 0 0 60px 0;width:100%;max-width: 100%;}
a.cta.event-filters__button {border: 0; text-decoration: none; margin: 0 15px 15px 0;background-image: none;} 
@media only screen and (max-width: 1200px) {
	#map, #listings {display:block;width:100%; float:none;}
	.menu-ui {margin-bottom: 30px;}
	#listings {margin-top: 30px;}
}
@media only screen and (max-width: 500px) {
	#map {height: 400px;}
	#listings div {width: 100%; float: none; margin: 0 0 25px 0;}	
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}