body { 
	margin:0; 
	padding:0; 
}

/* Media Queries */
@media only screen and (min-width: 0px) and (max-width: 387px){
	#map{
		top:99px!important;
	}
	.bookmarks-container{
		top: 99px!important;
	}
	.mapboxgl-popup {
    	max-width: 200px!important;
	}
	#homeBtn{
		top:247px!important;
	}

} /* End Max Width */

/* Site Classes */

.bookmarks-container{
	position: absolute;
	width: 250px;
	height: 265px;
	background-color: #cce5ff;
	top: 59px;
	right:0px;
	z-index: 999;
	border-radius: 0 0 4px 4px;
}

a.bookmark-delete-link{
	display: inline-block;     
	position: relative;    
	z-index: 1;     
	padding: 0.5em;     
	margin: -0.5em; 
}

li.list-group-item.bookmark{
	font-size: 0.85em
}

.card-body-bookmarks{
	height: 134px; 
	overflow-y: scroll;
}

.bookmark:hover{
	cursor: pointer;
	background-color: rgb(90,90,90);
	color: white;
}

.bookmark-delete{
	padding-right: 6px;
}

a.bookmark-delete-link:hover{
	color: black;
	cursor: default;
}

.nav-link{
	color: white;
}

.nav-link:hover{
	color: black;
}


/* Bootrap overrides */

.modal-content{
	background-color: #cce5ff;
}

.navbar-brand #brandTitle{
	padding-left: 8px;
	padding-top: 8px;
}


.button{
	background-color: #007bff;
}

/* Mapbox overrides */

.mapboxgl-ctrl-group > button {
	background-color: #007bff;
}

.mapboxgl-popup {
    max-width: 400px;
    font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.mapboxgl-popup-content {
    padding: 15px 15px 15px;
    background: #007bff;
    color: white;
}

.mapboxgl-popup-content > a{
    color: white;
	text-decoration: underline;
}

.mapboxgl-popup-content > a:hover{
	color:black;
}

.mapboxgl-popup-close-button{
	font-size: 1.2em;
	color: white;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{
	border-top-color: #007bff;
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{
	 border-bottom-color: #007bff;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{
	border-bottom-color: #007bff;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
    border-top-color: #007bff;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
    border-bottom-color: #007bff;
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    border-bottom-color: #007bff;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
    border-top-color: #007bff;
}
 /* IDs */

#map { 
	position:absolute; 
	top:58px; 
	bottom:0px; 
	width:100%; 
}

#homeBtn{
	top:206px;
	position: absolute;
	left:10px;
	border-radius: 4px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

#homeBtn:hover{
	background-color: #fff;
}

#homeBtn .button{
	padding: 0px;
}