.leaflet-top {
	top: 0px;
	}

.leaflet-top .leaflet-control {
	margin-top: 0;
	}

.leaflet-left.leaflet-top .leaflet-control {
	margin-left: 0;
	background:#f3eedd;
	color:#8a7873;
	font-weight:bold;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid white;
	}

.retromap-icon {
	width:30px;
	height:30px;
}

.leaflet-right.leaflet-top .leaflet-control {
	background:#f3eedd;
	color:#8a7873;
	font-weight:bold;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid white;
	}

@media screen and (max-width: 700px) {
	.leaflet-top {
		top: 10px;
		}
	.leaflet-left.leaflet-top .leaflet-control {
		margin-top: 15px;
		margin-left: 2px;
		border: 1px solid grey;
		}
	.leaflet-right.leaflet-top .leaflet-control {
		margin-top: 46px;
		border: 1px solid grey;
		}	
}

.geocoder-control-input {
	background:#f3eedd;
	background-repeat: no-repeat;
	background-image: url("../images/fa_fonts/fa-search_grey.svg");
	text-indent: 36px;
	background-size: 16px;
	background-position: 7px 7px;
	color:#8a7873;	
}

.leaflet-touch .geocoder-control {
	width: 30px; /* width at start */
}

.leaflet-touch .geocoder-control-input {
	height: 30px;
	line-height: 30px;
	background-size: 16px;
}

.geocoder-control .leaflet-bar {
	border: 0px; /* input border - none doesn't work */
	}

.geocoder-control-suggestions {
	color:#8a7873;
}