/* Themify Customize Styling */
body {		font-style:normal;
	font-weight:normal;
	text-decoration:none;
 
}
h2 {	
	font-family: "Comfortaa";	font-weight:300;
 
}
input[type=reset], input[type=submit], button, button[type=submit] {	background: none;
	background-color: #9cd158; 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: #7942cc; 
}
#headerwrap.fixed-header #site-logo a img {		width: 50px;
	height: 50px; 
}
body #site-logo a img {		width: 100px;
	height: 100px; 
}
#main-nav a {	
	font-family: "Tahoma", "Geneva", sans-serif;	font-weight:bold;
	letter-spacing:2px;
 
}
#main-nav a:hover {	
	color: #ecffd4; 
}
#footerwrap {	background-image: url(https://cityspiritsnft.com/wp-content/uploads/sites/8/2022/04/Banner-1.png);
	background-repeat: repeat-x;
	background-position: center center; 
}
#footer {	
	color: #ffffff; 
}
@media(max-width: 1280px) { /* Themify Customize Styling */
#headerwrap.fixed-header #site-logo a img {		width: 50px;
	height: 50px; 
}
body #site-logo a img {		width: 100px;
	height: 100px; 
}
 }@media(max-width: 768px) { /* Themify Customize Styling */
#headerwrap.fixed-header #site-logo a img {		width: 50px;
	height: 50px; 
}
body #site-logo a img {		width: 100px;
	height: 100px; 
}
 }@media(max-width: 480px) { /* Themify Customize Styling */
#headerwrap.fixed-header #site-logo a img {		width: 50px;
	height: 50px; 
}
body #site-logo a img {		width: 100px;
	height: 100px; 
}
 }
/* Themify Custom CSS */
.passport-map{padding-left:13px}
.gamipress-achievement-description{padding-top:33px}

.gamipress-user-points-label{padding-left:2px}

.gamipress-user-points-image {padding-right:5px}

.gamipress-achievement.user-has-not-earned .gamipress-achievement-image, .user-has-not-earned .achievement-wrap .gamipress-achievement-image,
.gamipress-rank.user-has-not-earned .gamipress-rank-image, .user-has-not-earned .rank-wrap .gamipress-rank-image {
    opacity: .1 !important; /* Remove GamiPress opacity, remove this line if you want to keep opacity */
    -webkit-filter: blur(7px);
    filter: blur(7px);
border: 2px solid black}

img.gamipress-achievement-thumbnail{border:1px dashed black; background-color:#fff}

h5.gamipress-achievement-title{padding-left:7px}
.gamipress-achievement-excerpt{padding-left:13px}

.tf_social_sharing {display:none}

.popup-markername {
font-weight: bold;
}
.lmm-listmarkers-markername {
position:absolute;
width:75%;
height:36px;
z-index:100;
overflow-y: hidden;
}
.lmm-listmarkers-popuptext-only {
background-color: #efefef;
color:#000000;
}
.mmp-popup-location-directions {
 visibility: hidden;
}
.mmp-popup-location-directions a:after {
content:' Directions '; 
visibility: visible;
font-weight: bold;
text-decoration: none !important;
background-color: #999999;
color: #ffffff;
padding: 2px 2px 2px 2px;
border: 1px solid #000000;
border-radius:10px;
margin-left:13px}

.leaflet-control-layers {
 border-top-left-radius: 0px !important;
 border-top-right-radius: 10px !important;
 border-bottom-left-radius: 0px !important;
 border-bottom-right-radius: 10px !important;
}
.lmm-filters-icon {
border-top-left-radius: 0px !important;
 border-top-right-radius: 10px !important;
 border-bottom-left-radius: 0px !important;
 border-bottom-right-radius: 10px !important;
margin-left: -5px;
 animation: pulse 3s infinite;
}
@keyframes pulse {
  0% {
background-color: #ffffff;
width: 36px;
height: 36px;
  }
  50% {
background-color: #ffffee;
width: 42px;
height: 36px;
}
 100% {
background-color: #ffffff;
width: 36px;
height: 36px;
  }
}
.lmm-listmarkers, .mmp-list {
position: absolute;
	height:300px;
	width:100%;
background-color: #efefef;
overflow-y: scroll;
margin-left: 1px;
border-style: solid;
border-width: 2px;
z-index:4;
	margin-top:420px;
		padding-bottom:50px
}
.leaflet-left .leaflet-control {
margin-left:0px !important;
border: none;
}
.leaflet-bar a, .leaflet-bar a:hover {
width: 36px !important;
margin-left: -5px;
}
.leaflet-bar a:first-child {
 border-top-left-radius: 0px !important;
 border-top-right-radius: 8px !important;
}
.leaflet-bar a:last-child {
 border-bottom-left-radius: 0px !important;
 border-bottom-right-radius: 8px !important;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 4px !important; 
}
.lmm-listmarkers-panel-icons {
line-height: 7px !important;
width: 200px !important;
}
.leaflet-bar {
    box-shadow: 2px 1px 5px rgba(0,0,0,.65);
    border-radius: 8px !important; 
margin-left: -5px;
}
.lmm-panel-api-images {
width:30px;
}
.rightmtop{padding-left:0px!important;padding-right:0px!important;}

.header-top-map{
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
z-index: 900;
}
.leaflet-container {
    font: 14px/0.5"Helvetica Neue",Arial,Helvetica,sans-serif!important;
	font-weight: 600!important; 
	background-color:#bbce6f!important;
}