/* OSM Map Stylesheet for Dongfeng */

.container-osm {
 background-image: linear-gradient(to right bottom, #eeeeee, #e5e5e5, #dddddd, #d4d4d4, #cccccc);
}

.container-osm > .container {
  padding-top:100px;
  padding-bottom:100px;
}

.container-osm h2 {
  color:#333;
  font-size:2.5rem;
}

.container-osm p {
  color:#333;
  font-size:2.0rem;
}


.col-osm-header { 
  text-align:left;
  margin-bottom:30px;
}

  #map-container {
    width: 100%;
  }

  #map {
    height: 450px; 
    width: 100%;
    border-radius: 0.5rem;
  }

  #location-list {
    height:450px;
    overflow-y: auto;
    background: #f1f1f1;
    border-radius: 0.5rem;
    z-index: 1000;
  }

.kereskedesek-div {
    overflow-y: auto;
    padding: 10px;
}

.list-title {
  background:#f1f1f1;
  border-color:#f1f1f1;
  padding:10px;
    vertical-align: middle;

}

.list-title img {
  height: auto; 
  width:60%;
  display: inline-block;
  margin-right:5px;
  vertical-align: middle;

}

  #location-list .list-group-item {
    cursor: pointer;
  }

  .leaflet-popup-content {
    font-size: 1.6rem;
  }

  @media(max-width: 768px) {
    #location-list {
      position: relative;
      top:auto;
      right:auto;
      width: 100%;
      max-width:100%;
    }
  }


.bounce-marker {
  animation: bounce 0.8s ease;
}

@keyframes bounce {
  0%   { transform: translateY(0); }
  20%  { transform: translateY(-25px); }
  40%  { transform: translateY(0); }
  60%  { transform: translateY(-12px); }
  80%  { transform: translateY(0); }
  100% { transform: translateY(0); }
}

.custom-div-icon .marker-wrapper {
  display: inline-block;
  will-change: transform;
  transition: transform 0.3s;
}