#balloons-map.custom-map, .custom-map {
    height: 750px !important;
}

@media (max-width: 768px) {
    #balloons-map.custom-map, .custom-map {
        height: 520px;
    }
}

@media (min-width: 769px) and (max-width: 1366px) {
    #balloons-map.custom-map, .custom-map {
        height: 650px !important;
    }
}

.leaflet-custom-cluster {
  width: 40px;
  height: 40px;
}

.leaflet-map-title {
  font-size: 16px !important;
	padding: 10px 10px 0px 10px;
	margin-bottom: -10px !important;
}

.leaflet-map-title a {
		 color: black;
}

.cluster-marker {
  text-align: center;
  line-height: 40px;
	  width: 40px;
  height: 40px;
  line-height: 38px;
  border: 0px solid #000;
	border-radius: 50%;
  background-color: #000; 
  color: #fff;
  font-size: 20px;
	font-weight: bold;
  box-sizing: border-box;
	opacity: 0.85;
}

.leaflet-single-marker {
  width: 30px;
  height: 48px;
}

.leaflet-popup-content-wrapper {
	border-radius: 0px !important;
  padding: 0px !important;
}

.leaflet-container a.leaflet-popup-close-button {
	  font-size: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
     color: #000;
     height: 30px;   
   	width: 25px;
    height: 33px;
    line-height: 30px;
    text-align: center;
	display: none;
}

.leaflet-popup-content {
    min-width: 301px;
	margin: auto !important;
}

@media (max-width: 768px) {
    .leaflet-popup-content {
        min-width: auto; 
        width: 250px!important;
    }
}

.leaflet-popup-content p {
	margin: 17px 0;
}

.leaflet-popup-tip-container {
	display: none;
}

.leaflet-popup-content {
	padding-bottom: 0.5px;
}

@media (max-width: 768px) {
    .popup-content {
        width: 250px;     }
}

.custom-yellow-circle::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: yellow;
    border: 2px solid #000; 
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.custom-red-circle::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: red;
    border: 2px solid #000; 
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.custom-black-circle::before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: black;
    border: 2px solid #000; 
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.custom-brown-circle::before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.custom-white-circle::before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #B2BEB5;
    border: 2px solid #000;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.marker-cluster-custom {
    background-color: rgba(255, 255, 0, 0.9);
    color: #000;
    border-radius: 20px;
    padding: 5px 10px;
}

.leaflet-popup-close-button {
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    top: auto !important;
	 margin-bottom: 10px;
}

.custom-popup {
    text-align: left;
	 padding: 0px;
}

.custom-cluster-icon {
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    color: #000;
    font-size: 18px;
	font-weight: 600;
	white-space: nowrap;
}

.legend-icon.custom-black-circle {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    border-radius: 50%;
    background-color: black;
    border: 2px solid #000; 
}

.legend-icon.custom-white-circle {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    border-radius: 50%;
    background-color: #B2BEB5;
    border: 2px solid #000;
}

.map-status-filter-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.legend-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-left: 10px !important;
}

.map-status-filter-label input[type="checkbox"] {
    margin-right: 5px;
}

.leaflet-left .leaflet-control .custom-white-circle::before, .leaflet-left .leaflet-control .custom-black-circle::before {
    content: none !important;
}

.leaflet-control-attribution {
  left: 2px;
  font-size: 11px;
}

.leaflet-touch .leaflet-bar a, .leaflet-bar a {
    width: 35px !important;
    height: 35px !important;
    line-height: 30px !important;
}

.leaflet-touch .fullscreen-icon {
    background-position: 5px 5px !important;
}

.leaflet-control-locate a .leaflet-control-locate-location-arrow {
    width: 18px !important;
    height: 18px !important;
    margin: 7px;
	margin-top: 8px !important;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
    font-size: 25px !important;
}

.leaflet-touch .leaflet-bar {
	border-radius: 0;
	border: 0 !important;
	padding-left: 4px;
	padding-top: 4px;
	    margin-bottom: -2px !important;
}

.leaflet-touch .leaflet-bar a:first-child {
	border-radius: 0px !important;
}

.leaflet-control-zoom a.leaflet-control-zoom-in, .leaflet-control-zoom a.leaflet-control-zoom-out {
    margin-bottom: 1px;
}

.leaflet-control-locate a .leaflet-control-locate-location-arrow {
	margin-top: 0px;
}

.leaflet-container a {
	color: black;
}
svg.leaflet-attribution-flag {
	display: none !important;
}

.leaflet-bar a.leaflet-disabled {
    background-color: #EDEDED !important;
}

@media (min-width: 922px) {
	.leaflet-touch .leaflet-bar a, .leaflet-bar a {
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
}

.leaflet-control-locate a .leaflet-control-locate-location-arrow {
    width: 30px !important;
    height: 30px !important;
    margin-top: 12px !important;
}

.fullscreen-icon {
    background-size: 41px 84px !important;
}
	}

.leaflet-control-zoom-in {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGcgc3Ryb2tlPScjMDAwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnPjxwYXRoIGQ9J00xMiA2djEyJy8+PHBhdGggZD0nTTYgMTJoMTInLz48L2c+PC9zdmc+");
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
}

.leaflet-control-zoom-out {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYgMTJoMTIiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+");
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 40px !important;
    height: 40px !important;
    display: block;
}

.leaflet-control-locate-location-arrow {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5LjM2NCA1LjA1TDMuMTAxIDguNTg2bDcuNzc4IDQuOTVtOC40ODUtOC40ODVsLTMuNTM2IDE2LjI2My00Ljk1LTcuNzc4bTguNDg1LTguNDg1bC04LjQ4NSA4LjQ4NSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=") !important;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center center;
}

.leaflet-control-zoom-fullscreen {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjgwMCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjMiIHZpZXdCb3g9IjAgMCA2NCA2NCIgd2lkdGg9IjgwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNy40OSAyNnYtMTguNWgxOC41Ii8+PHBhdGggZD0ibTU2LjUxIDI2di0xOC41aC0xOC41Ii8+PHBhdGggZD0ibTcuNTMgMzh2MTguNWgxOC40OSIvPjxwYXRoIGQ9Im01Ni41MSAzOHYxOC41aC0xOC41Ii8+PC9zdmc+") !important;
    background-size: 40px 40px!important;
    background-repeat: no-repeat;
    background-position: center center;
}

.custom-yellow-circle.active::before {
        background-color: red !important;
    border-color: #FF0000;
}

@media (max-width: 921px)
{
.leaflet-control-zoom-fullscreen {
	background-size: 25px 25px !important;
}
	.leaflet-control-zoom-in {    background-size: 25px 25px;
}
	.leaflet-control-zoom-out, .leaflet-control-locate-location-arrow {
		    background-size: 25px 25px;
    width: 25px !important;
    height: 25px !important;
	}
}

.leaflet-touch .leaflet-control-zoom-out {
    font-size: 0px !important;
}
	
		.leaflet-touch .leaflet-control-zoom-in {
		font-size: 0px !important;
}
	
.leaflet-container.leaflet-fullscreen-on {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
    right: 0 !important;
    margin-right: 0 !important;
}

.leaflet-control-mobilehint {
    background: rgba(255, 255, 255, 0.8);
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.4);
    font-size: 14px;
    text-align: center;
}

.leaflet-bottom.leaflet-center {
    width: 100%;
}

.leaflet-control-mobilehint .hint-content {
    margin: 0 auto;
    max-width: 200px;
}

.custom-white-circle,
.custom-black-circle,
.custom-blue-circle {
  border-radius: 50%;
  width: 15px !important;
  height: 15px !important;
}

.custom-white-circle {
  background-color: white;
  border: 2px solid #000;
}

.custom-black-circle {
  background-color: black;
}

.leaflet_city_country {
    font-weight: 600;
}


.custom-circle::before {
    border: 2px solid #000; 
}

.custom-circle {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: var(--marker-color, #000);
	  border: 1px solid black;
}

.custom-brown-circle::before {
	  border: 2px solid black;	
}

.projects-popup {
  padding: 10px;
	font-size: 20px;
}	

.leaflet-container img.leaflet-tile {
    mix-blend-mode: normal;
}

.map-status-filter-form {
  font-size: 1.1em;
	line-height: 0.8em;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0px;
  padding: 10px;
  margin-left: 5px;
	margin-bottom: 5px;
}

.map-status-filter-checkbox:checked {
  background-color: black !important;
}

.map-status-filter-label {
  display: block;
}

.map-status-filter-label {
   color: black;
}

.ast-container .full-width-element:not(.leaflet-fullscreen-on) {
    width: 100vw;
    left: 50% !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box;
}

@media (prefers-color-scheme: dark) {
	.leaflet-container a {
	color: white!important;
}
	.leaflet-popup-content-wrapper {
		background: black;
		color: white;
	}
}	

.artwork-status-new {
	font-size: 1em !important; 
	margin-left: 10px !important;
	margin-top: -5px !important;
	color: grey;
}

/* marker hover */

.cluster-marker, 
.custom-black-circle, .custom-white-circle, .marker-cluster-custom {
  transition: 0.2s ease;
}

.marker-cluster-custom:hover, .cluster-marker:hover, .custom-black-circle:hover, .custom-white-circle:hover {
		background: red;
		opacity: 1;
}