/* Map Navigation */

	.map-navigation {
	    background-color: #efeeee;
		height: 50px;
		width: 100%;
	}
	
	.map-logo {
		display: block;
		float: left;
		margin: 8px 0px 0px 7px;
		height: 50px;
		width:	80%;
		background: url(../img/mr-amsterdam-logo.png) no-repeat left top;
	}
	
	.map-close {
		display: block;
		float: right;
		margin: 0px 0px 0px 8px;
		height: 50px;
		width:	10%;
	}
	
	.map-close p {
		color: #3D3D3C;
		text-align: right;
		font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",Helvetica,Arial;
		font-weight: 900;
		font-size: 26px;
		margin: 8px 19px 0px 0px;
	}
	
	.mapboxgl-map {
		border-top: 1px solid silver;
	}
	
/* End Map Navigation */

/* PopUp */

		.mapboxgl-popup {
		max-width: 100px;
		border-radius: 5px;
		}
	
		.mapboxgl-popup-content {
		  text-align: center;
		  max-width: 160px;
		  border-radius: 5px;
		  padding: 20px !important;
		}
		
		.mapboxgl-popup-content img {
		  border-radius: 5px;
		  width: 160px
		}
		
		.mapboxgl-popup-content h3, h4 {
		  padding: 0;
		  margin: 0;
		  font-family: 'Lora', sans-serif;
		  font-size: 14px;
		}
		
		.mapboxgl-popup-content h3 {
		  padding: 3px 0 1px 0;
		}
		
		.mapboxgl-popup-content h4{
		  color: gray;
		  font-weight: 600;
		  padding: 0px 0 3px 0;
		}
		
		.mapboxgl-popup-content p {
		  padding: 0;
		  margin: 0;
		  font-size: 12px;
		}
		
		.mapboxgl-popup-content a {
		  text-decoration: none;
		}
		
		.mapboxgl-popup-content a:hover {
		  text-decoration: underline;
		}


/* Callout */

	.callout {
		position: fixed;
		top: 59px;
		right: 50px;
		margin-left: 20px;
		max-width: 200px;
		}
		
	.callout-header {
		padding: 15px 15px;
		border-radius: 5px 5px 0px 0px;
		background: #555;
		font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",Helvetica,Arial;
		font-weight: 600;
		font-size: 18px;
		color: white;
		}

	.callout-container {
		font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",Helvetica,Arial;
		padding: 15px;
		border-radius: 0px 0px 5px 5px;
		font-size: 16px;
		background-color: #efeeee;
		color: black;
		}
	
	.callout-container p {
		margin: 0px 0px 10px 0px;
		}

	.closebtn {
		position: absolute;
		top: 5px;
		right: 15px;
		color: white;
		font-size: 18px;
		cursor: pointer;
		}

	.closebtn:hover {
		color: lightgrey;
		}
		
/* End Callout */