/*
Wompatuck Web Map
Lars Ahlzen / Friends of Wompatuck 2017
lars@ahlzen.com
*/


body { padding: 0; margin: 0; font-family: sans-serif; }
html, body, #map {
   witdh: 100%;
   height: 100%;
}
a { color: #adf; text-decoration: none; }
a:hover { text-decoration: underline; }
#topbar {
   font-size: 150%;
   text-align: left;
   color: #ffe;
   background-color: #000;
   opacity: 0.7;
   z-index: 1000;
   position: absolute;
   top: 0px;
   width: 100%;
}
#infobar {
   font-size: 8pt;
   text-align: right;
   color: #ffe;
   background-color: #000;
   opacity: 0.7;
   z-index: 1000;
   position: absolute;
   bottom: 0px;
   width: 100%;
}
#infobar span {
   margin: 2px 6px;
}

/* Override some leaflet defaults: */
.leaflet-bottom .leaflet-control {
	margin-bottom: 20px;
}
.leaflet-top .leaflet-control {
	margin-top: 10px;
}

.leaflet-bar a,
.leaflet-bar a:hover {
	width: 32px;
	height: 32px;
}

/* Hamburger menu */

header{
	width:100%;
  background: none;
	height:60px;
	line-height:60px;
}
header h1 {
  color: white;
  font-size: 120%;
  margin: 0;
  position: absolute;
  top: 0.5em;
  left: 1em;
}
.hamburger{
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
  color: black;

  /*background:none;
  background: black;*/
  position:absolute;
  top:10px;
  right:10px;
  line-height:45px;
  padding:3px 13px 3px 13px;
  /*color:#fff;*/
  border:0;
  font-size:1.6em;
  /*font-weight:bold;*/
  cursor:pointer;
  outline:none;
  z-index:1000000;
}
.cross{
  background:white;
  position:absolute;
  /*top:12px;
  right:12px;*/
  top: 0px;
  right: 0px;
  padding:10px 25px 10px 25px;
  /*color:#fff;*/
  color: black;
  border:0;
  font-size:3em;
  line-height:65px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.menu{z-index:1000000; font-weight:bold; font-size:0.8em;
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  background: #fff;
  /*border-radius: 5px;*/
  color: black;
  font-size: 110%;

  /*width:95%;*/
  width: 100%;
  max-width: 500px;

  /*background: white;*/
  position:absolute;
  text-align:center;
  /*right: 10px;
  top: 10px;*/
  right: 0;
  top: 0;

  overflow-y: scroll;

}
.menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.menu li {display: block; padding:15px 0 15px 0; border-bottom:#ddd 1px solid;}
.gpxRoute { padding: 8px 0 8px 0; }
/*.menu li:hover{display: block;    background:#181818; padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;}*/
.menu ul li a { text-decoration:none;  margin: 0px; color:#fff;}
/*.menu ul li a:hover {  color: #fff; text-decoration:none;}*/
/*.menu a{text-decoration:none; color:white;}
.menu a:hover{text-decoration:none; color:white;}*/
.menu h3 { margin: 0 0 10px 0; padding: 0px; }
.glyphicon-home{
  color:white;
  font-size:1.5em;
  margin-top:5px;
  margin:0 auto;
}