/* style-19OCT2023.css */

.leaflet-container {
	height: 400px;
	width: 600px;
	max-width: 100%;
	max-height: 100%;
}

#map{
	height: 500px; /* edited */
	width: 100%

}


.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 14px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/*.topnav a.active {
  background-color: #04AA6D;
  color: white;
}*/



.popuppic{
	width: 100px;
	height:100px;
	
}

.popupiconrow{
	
	text-align: center;
	display: table;
    width: 100%;
}

.popupiconrowchild{
	
	display: table-cell;
}

.openbtn {
	position: absolute;
  top: 10%;
  right: 20px;
  padding: 10px;
  z-index: 1000;
  font-size: 14px;
  cursor: pointer;
  background-color: #111;
  color: white;
  
  border: none;
}

.openbtn:hover {
  background-color:#444;
}

#listingDiv {
      
      float: left;
    }

    

    .listings .item {
      display: block;
      border-bottom: 1px solid #eee;
      padding: 15px;
      text-decoration: none;
	  
	  background-color: white;
    }

    .listings .item:last-child {
      border-bottom: none;
    }

@media screen and (max-width: 600px) {
  .topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 14px;
  width: 50%;
}

.popuppic{
	width: 50px;
	height:50px;
	
}

.openbtn {
	
  top: 30%;
  
}

}


.leaflet-popup-content h3 {
    
    font-size: 14px;
	margin-bottom: 0px;
    
}