/**
 * LVL Leaflet - Frontend Styles
 */

/* Popup styling */
.leaflet-popup-content {
	white-space: normal;
}

.leaflet-popup-content a.btn-secondary {
	display: inline-block;
	margin-top: 8px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	background-color: #1d3465;
	border-radius: 20px;
	align-self: center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

/* Marker SVG styling */
.lvl-marker-svg {
	background: transparent;
	border: 0;
}

.lvl-marker-svg svg {
	display: block;
}

/* Category color icons */
.lvl-icon-default {
	color: #1e6a8d;
}

.lvl-icon-hw {
	color: #1e6a8d;
}

.lvl-icon-rw {
	color: #2c7fb8;
}

.lvl-icon-tn {
	color: #41ab5d;
}

.lvl-icon-wva {
	color: #225ea8;
}

.lvl-icon-aba {
	color: #253494;
}

/* Custom control button - "Alle zeigen" */
.leaflet-bar .lvl-leaflet-btn {
	width: auto;
	min-width: 30px;
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
	white-space: nowrap;
	display: block;
}

/* Override Leaflet touch rule ONLY for our button */
.leaflet-touch .leaflet-bar a.lvl-leaflet-btn {
	width: auto;
	min-width: 30px;
	padding: 0 10px;
	white-space: nowrap;
	line-height: 30px;
}

.leaflet-bar a.lvl-leaflet-btn {
	font-size: 13px;
}