body { margin:0; padding:0; line-height: 1.5; }

.popupOpen #close-btn {
  opacity: 1;
}
#button-container {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
button#close-btn {
  opacity: 0;
  cursor: pointer;
  width: 1.75rem;
  height: 1.75rem;
  -webkit-border-radius: 1.75rem;
  border-radius: 1.75rem;
  position: relative;
  display: block;
  margin: auto;
  background: #484848;
  border: 0;
  outline: none;
  /*text-indent: -624.9375rem;*/
  -webkit-appearance: button;
  padding: 2px 6px 3px;
  /*align-items: flex-start;
  text-align: center;
  box-sizing: border-box;*/
  z-index: 1;

}
#close-btn i {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTcuNSA5TDEgMmwxLTEgNyA2LjVMMTYgMWwxIDEtNi41IDcgNi41IDctMSAxLTctNi41TDIgMTdsLTEtMSA2LjUtN3oiLz48L3N2Zz4=);
    background-position: 0 0;
    width: .8rem;
    
    height: .8rem;
    display: inline-block;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}

#overlay {
  
  position:absolute; top:0; bottom:0; width:100%;
  height: 100%;
  background: red;
  z-index: 1;
}
 .mobile .leaflet-control-zoom {
  display: none;
 }
  #map { position:absolute; top:0; bottom:0; width:100%; }
  a { color: #005689 !important; }
  .marker-title {
   font-family: "de5_display_egyptian_semiboRg";
   font-size: 1.25rem;
   line-height: 1.5rem;
   color: #333;
   font-weight: 500 !important;
   -webkit-font-smoothing: antialiased;
   padding-bottom: .5em;
   padding-top: 0.1875rem;

  }
  .marker-title {
   padding-left: 0.3125rem;
   padding-right: 0.3125rem;

  }
  .marker-title a:after {
    content: '/';
    display: inline-block;
    margin-left: .2em;
    color: #d6d6d6;
  }
  .marker-description * {
   font-size: 0.875rem !important;
   line-height: 1.125rem !important;
   font-family: "de3_display_egyptianregular";
   color: #767676;
  }
  .marker-description em, .marker-description p {
   padding-left: 0.3125rem;
   padding-right: 0.3125rem;
  } 
  img { margin-bottom: 0 !important; }
  p {
      margin-top: 0;
      margin-bottom: 0.5rem;
  }
  .marker-description p small {
    font-size: .7rem !important;
  }
  .marker-description {

  }
  .marker-description em, .marker-description strong {
   
   font-style: normal;
   color: #333;
  }
  .marker-description strong {
   color: #767676;
   font-family: "de3_display_egyptianregular";
  }
  .leaflet-popup-content {
   min-width: 250px;
   max-width: 300px;
   padding: 0;
   background-color: #f6f6f6;
   border-top: 1px solid #7d0068;
   padding-bottom: .5em;
  }
  .leaflet-container {
   background-color: #f6f6f6;

  }
  .leaflet-popup-content-wrapper {
   background: none;
   border-radius: none;
   box-shadow: none;
   opacity: .9;
  }
  .leaflet-popup-tip-container {
   display: none;
  }
  .dot {
    border: 1px solid #fff;
    background-color: #4e0375;  
    border-radius: 50%;
    content: "";
    display: block;
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,.5);
  }
/*  .dot:before {
    content: "\f042";
    font-family: FontAwesome;
    position: absolute;
    height: 20px;
    width: 20px;
    color: #4e0375;
    left: 50%;
    top: 50%;
    margin-top: -10px;
    margin-left: -5px;
  }
  .mount-gambier:before {
    content: "\f19c" !important;
    -webkit-font-smoothing: antialiased;
    margin-top: -11px;
    margin-left: -6.5px;
  }
  .port:before {
    content: "\f13d" !important;
    margin-left: -6px;
  }
  .robe:before {
    content: "\f000" !important;
    margin-left: -6px;
  }*/