/* common.css */

	@font-face {
		font-family: 'Proxima Nova';
		src: url('../webfonts/Proxima-Nova-Alt-Regular-webfont.ttf') format('truetype'), url('../webfonts/Proxima-Nova-Alt-Black-webfont.woff2') format('woff2');
		font-weight: normal;
		font-style: normal;
	}

	html, body, #map {
		width: 100%;
		height: 114%;
		padding: 0;
		margin: 0;
		background-color: #1b4b66;
		font-family: 'Proxima Nova', 'Open Sans', sans-serif;
		z-index: 1;
	}

	#legend {
		background-color: #040d20de;
		position:absolute;
		left: 10px;
		top: 10px;
		width: 360px;
		border-radius: 5px;
		font-family: 'Georgia', sans-serif;
		font-family: "Georgia";
		box-shadow: 0 0 15px rgba(0,0,0,0.2);
		border-radius: 5px;
		z-index: 2;
	}
	
	.legend_button {
		color: #ffffff;
		background-color: #0d5382;
		border: 0px solid #4c535c;
		border-radius: 4px;
		font-family: 'Proxima Nova', 'Open Sans', sans-serif;
		font-size: 16px;
		text-align: left;
		cursor: pointer;
	}
	
	.legend_button a {
		text-decoration: none;
	}

	.legend_button:hover {
		color: #a09ea7 !important;
		background-color: #2a2e33 !important;
	}

	#legend_buttons {
		padding: 20px 2px 0 2px;
	}

	#legend_buttons {
		padding: 20px 2px 0 2px;
	}

	li {
		display: flex;
		flex-direction: column;
	}

	li + li {
		border-top: 1px solid #ffffff70;
	}

	.accordion-control {
		padding-top: 8px;
		padding-bottom: 10px;
		text-align: left;
		font-size: 1rem;
		font-family: 'Proxima Nova', 'Open Sans', sans-serif;
		background-color: transparent;
		color: #ffffff;
		border: none;
		cursor: pointer;
	}

	.accordion-panel {
		padding: .5em;
		background-color: transparent;
		color: #ffffff;
		display: none;
	}

	.leaflet-popup-tip {
		background-color: #0a0c10d1;
	}
	
	.leaflet-popup-content {
		width: 540px !important;
		font-family: 'Proxima Nova', 'Open Sans', sans-serif;
	}
	
	.popup-label {
		color: #e4e4e4d1;
		text-align: left;
	}

	.leaflet-control-attribution {
		position:relative;
		top:-10px; !important;
		left:10px; !important;
		width:300px;
		color: #ffffff80 !important;
		background-color: transparent !important;
		font-family: 'Proxima Nova', 'Arial', sans-serif;
	}