/* COLORS

HOME
#E0013F

SHOPPING
#FEA621

FOOD
#F78469

COFFEE
#B7876F

CULTURE
#606EAC

ACTIVITY
#F43770

OUTDOOR
#22A5A2

*/
 
  
body {
  margin: 0;
  font-family: 'Poppins', sans-serif;
}

hr {
  border: none;
  height: 1px;
  background-color:rgb(114, 114, 114);
}


#legende {
  background-color: yellow;
  height: 100px;
}

.sidenav {
  height: 100%; /* Full-height: remove this if you want "auto" height */
  /* width: 10vw; */
  width: 10vw; /* Set the width of the sidebar */
  position: absolute; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1000; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: rgb(241, 241, 241);
  overflow-x: hidden;
  /* padding: 1.5rem; */
  color: rgb(22, 22, 22);
  transition: 0.5s;
  font-family: 'Poppins', sans-serif;
}

.sidenav a:hover{
  color: #f1f1f1;
}

#openButton {
  position: static;
  color: rgb(22, 22, 22);

  height: 50px;
  width: 100%;
  padding-top: 25px;
  padding-left: 25px;
  font-size: 15px;
  margin-right: 50px;
  text-decoration: none;
  cursor: pointer;

}

.sidenav .closebtn {
  position: absolute;
  color: rgb(22, 22, 22);
  top: 25px;
  right: 25px;
  font-size: 15px;
  margin-left: 50px;
  text-decoration: none;

}

.sidenav .sidenav-item {
  padding: 10px 10px 10px 10px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
}

@media screen and (max-width: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
  .sidenav {width: 100%;}
}

@media screen and (min-width: 1026px) {
  #openButton {display: none;}
  .closebtn {display: none;}
}

.sidenav-item img {
  width: 20px;
  height: auto;
  padding-right: 10px;
  transform: translateY(2px);
}

#siteTitle  {
  color: rgb(22, 22, 22);

  padding-bottom: 25px;
  font-size: 15pt;
}

#siteDesc  {
  color: rgb(22, 22, 22);

  padding-bottom: 25px;
  font-size: 9.5pt;
  text-align: left;
  line-height: 13.5pt;

}

#legendeHome  {
  color: #E0013F;
  text-transform: uppercase;
}

#legendeShopping  {
  color: #FEA621;
  text-transform: uppercase;

}

#legendeCoffee  {
  color: #B7876F;
  text-transform: uppercase;

}

#legendeFood  {
  color: #F78469;
  text-transform: uppercase;

}

#legendeCulture  {
  color: #606EAC;
  text-transform: uppercase;

}

#legendeOutdoor {
  color: #22A5A2;
  text-transform: uppercase;

}

#legendeActivity {
  color: #F43770;
  text-transform: uppercase;

}




/* MAPS STYLING */

#mapid { 
    height: 100vh;
}

.leaflet-popup-content-wrapper {
  background-color: rgb(241, 241, 241);
  color: rgb(22, 22, 22);
  text-align: center;
}

.leaflet-popup-tip {
  background-color: rgb(241, 241, 241);
}

.leaflet-popup-close-button {
  visibility: hidden;
}

.leaflet-container a {
  color: rgb(22, 22, 22);;
  text-decoration: none;  
}

.leaflet-container a:hover {
  color: rgb(22, 22, 22);;
  text-decoration: underline; 
}