/*!
 * Woocommerce Store Locator Frontend CSS
 */

.wsl_canvas {
  float: left;
}

.wsl_canvas img {
  max-width: none;
}

.map_filter_listing {
  background: #f7f8f8 url(../images/wsl-bg.png) repeat !important ; 
  overflow-y: scroll;
  color: #666;
}

.map_filter_listing ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.map_filter_listing ul li {
  list-style: none;
  padding: 0 10px 20px 20px;
  border-bottom: 2px solid #e8ebec;
  margin: 10px 0;
  opacity: 1;
}

.map_filter_listing ul li:last-child {
  border-bottom: none;
}

.map_filter_listing ul li.wsl_find_marker_style {
  list-style: none;
  padding: 0 10px 20px 45px;
  border-bottom: 1px solid #d6d6d6;
  background-repeat: no-repeat;
  background-position: 2% 2%;
  margin: 10px 0;
  opacity: 1;
}

.map_filter_listing ul li a {
  cursor: pointer;
  font-size: 15px;
  color: #444;
  outline: none;
  cursor: pointer;
  font-weight: bold;
}

#wsl_filter_locations {
  margin-bottom: 15px;
  float: left;
}

#wsl_filter_locations input.wsl_search_locations {
  background: #ffffff;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 42%;
  float: left;
  height: 37px;
  padding: 0px 0px 0px 10px;
  font-size: 15px;
  box-shadow: none;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
   color: #555555;
  -webkit-appearance: none;
}

#wsl_filter_locations #wsl_radius {
  background: #ffffff;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  padding: 8px 4px 8px 4px;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  color: #555555;
  height: 37px;
  margin-left: 10px;
}

#wsl_filter_locations input[name="wsl_search"] {
  border: 2px solid #097faa;
  border-radius: 4px;
  background: #57a1e2;
  color: #fff;
  height: 37px;
  font-size: 17px;
  padding: 0px 20px;
  cursor: pointer;
  margin-left: 5px;
}

.map_filter_listing p.wsl_content {
  font-size: 14px;
  margin: 0;
  margin-top: 5px;
}

div#wsl_filter_locations span.wsl_user_current_loction {
  background: url('../images/current-location.png') no-repeat;
  display: inline-block;
  cursor: pointer !important;
  width: 25px;
  margin-left: -33px;
}

div.wsl_route_directions_container {
  font-size: 15px;
  padding: 10px;
  background:#FFFFFF;
  border: 1px solid #ddd;
}

div.wsl_route_directions_container input[name="wsl_route_destination"] {
  background: #fff;
  border: 1px solid #ddd;
  color: #777;
  display: block;
  width: 100%;
  margin-top: 5px;
  outline: none;
  font-size: 13px;
  padding: 5px 8px;
  box-sizing: border-box;
}

div.wsl_route_directions_container select[name="wsl_travel_mode"] {
  background: #fff;
  border: 1px solid #ddd;
  height: 33px;
  display: block;
  font-size: 13px;
  margin-top: 8px;
  outline: none;
  float: left;
  padding: 7px 8px;
}

div.wsl_route_directions_container input[name="wsl_find_direction"] {
  border: 1px solid #097faa;
  background: #57a1e2;
  color: #fff;
  height: 33px;
  font-size: 13px;
  cursor: pointer;
  margin-left: 5px;
  margin-top: 8px;
}

div#wsl_filter_locations div#wsl_count_stores {
  float: right;
  margin-right: 10px;
  font-size: 18px;
}