#map_directory {display:block;width:100%; margin-top: 20px;max-width:100%;position: relative;}
#mapwrap {width:40%; display:block;top: 120px; float: right;right: 0;height: 60vh; min-height: 600px;position: sticky;margin-bottom: 40px;}

#map {width: 100%; height: 100%;}
.nomap #map {display:none;}
.leaflet-pane img{
        position: absolute !important;
    }
#map_directory .nomap {margin: 40px auto;}
.listings {padding-top: 0x;padding-bottom: 40px;width: 55%; 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;column-count: 2;column-gap: 20px;}
.nomap .listings {width: 100%; float: none; column-count: 4;}
.listings div, .leaflet-popup-content {font-family: trade-gothic-next,sans-serif;font-size: 16px;line-height: 21px;}
.listings div h3, .leaflet-popup-content h3 {text-decoration: none;font-family: 'goldcamp',sans-serif;font-weight: 300;font-size: 21px;line-height: 24px;padding: 0 0 5px 0; margin: 0;}

.leaflet-popup-content h3 {margin: 0 0 10px 0;font-size: 21px; line-height: 24px;color: var(--text);}
.listings div a {text-decoration:underline;display:block;}
.listings small {position: relative !important; bottom: auto !important; margin-bottom: 0 !important;}
.listings div a small a {background-position: 0 0;}
.listings div {display:none;margin: 0 0 10px 0;break-inside: avoid;vertical-align: top; width: 100%;background: rgba(255,255,255,0.5);border-radius: 5px;padding: 15px;vertical-align: top;}
.nomap .listtwo {column-count: 2;padding-top: 20px;}
#map_directory.nomap .listings div span:last-of-type {display:block;}
#map_directory .menu-ui a {display:inline-block; margin: 0 10px 10px 0;font-size: 16px; padding: 7px 15px;}
#map_directory .menu-ui a.va {}
#map_directory .listings div.active {display: none;}
#map_directory.nofilter .listings div {display:inline-block;}
#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 div small,#map_directory .listings div small a, .leaflet-popup-content {font-family: trade-gothic-next,sans-serif;font-size: 14px; line-height: 20px;font-weight: 400;color: #000;}
#map_directory .listings div.active a small {font-weight: 700;}
.leaflet-map-pane {color: var(--text);}
.leaflet-popup-content a,#map_directory .leaflet-container a {color: var(--text); text-decoration: underline;}
.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 40px 0;width:100%;max-width: 100%;}

@media only screen and (max-width: 1200px) {
	#map, .listings, #mapwrap {display:block;width:100%; float:none;position: relative;}
	#mapwrap {position: relative;margin-bottom: 40px;top: auto;}
	.menu-ui {margin-bottom: 30px;}
	.listings {}
	.nomap .listings {width: 100%; float: none; column-count: 3;}
	.nomap .listtwo {column-count: 2;}
}
@media only screen and (max-width: 800px) {
.nomap .listings {width: 100%; float: none; column-count: 2;}
		.nomap .listtwo {column-count: 1;}
}
@media only screen and (max-width: 500px) {
	#map {height: 400px;}
	.nomap .listings {width: 100%; float: none; column-count: 1;}
	.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; }
}