/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.search-panel {
  display: flex;
}
    
.search-panel__filters {
  flex: 1;
}

.search-panel__results {
  flex: 3;
  position: relative;
}

.ais-Highlight-highlighted {
  color: inherit;
  font-size: inherit;
}

#hits {
  flex-grow: 1
}

.ais-Hits-item, .ais-InfiniteHits-item, .ais-InfiniteResults-item, .ais-Results-item {
  height: auto;
  width: 100%;
}

.ais-refinementList-header {
  font-weight: bolder;
  margin: 0;
  padding: 0 16px 8px;
  font-size: inherit;
  text-transform: uppercase;
  border-bottom: 1px solid #eee;
}

#fas_container{
  font-family: Roboto;
  font-weight: 300;
  text-align: left;
}

#fas_container h1, #fas_container h2, #fas_container h3, #fas_container h4, #fas_container h5{
  margin: 0;
  color: #db572f;
}

#fas_container p{
  margin: 0;
}

#fas_container h3{
  font-weight: bold;
  font-size: 28px; font-size: 1.75rem;
}

#fas_container input{
  border-radius: 2px 0 0 2px;
  color: #141412;
  width: 100%;
  background: #fff;
  font-weight: 300;
  font-size: 20px; font-size: 1.25rem;
  border: none;
  border-bottom: 1px solid rgb(221, 221, 221);
  border-radius: 0;
  height: 48px; height: 3rem;
  padding: 8px; padding: .5rem;
  padding-right: 40px; padding-right: 2.5rem;
}

#searchbox:focus{
  box-shadow: inset 0 0 5px #4d90fe !important;
}
#searchbox::placeholder{
  color: #bbb;
}

/* keep IE from adding its own "x" to clear (which dups ours) */
#searchbox::-ms-clear{
  display: none;
  height: 0;
  width: 0;
}

#clear_input{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  width: 40px;
  height: 100%;
  cursor: pointer;
  border-bottom: 1px solid rgb(221, 221, 221);
}
#clear_input i{
  color: #aaa;
  background: rgba(255,255,255,.9);
}

#maps {
  height: 600px;
}

/* try to fix % pixels with display: table to fix bouncing on map */
.fas_body{
  display: flex;
  /* display: inline-table; */
  /* display: table; */
  overflow-y: auto;
  height: 100%;
  width: 100%;
}
.fas_map_view, .fas_list_view{
  /* display: table-cell; */
}

.fas_map_view{
  width: 75%;
}

.fas_list_view{
  width: 25%;
  overflow: auto;
  height: 600px;
  vertical-align: top;
  /* background: lightgray; */
}

.fas_list_item{
  cursor: pointer;
}
.fas_list_item_active{
  background: #ddd;
}

.ais-Hits-list{
  max-height: 600px;
}

.ais-Hits-list, .ais-Hits-item{
  margin-top: 0;
  margin-left: 0;
}

.ais-Hits-item{
  padding: 8px;
  border: none; /* override algolia */
  box-shadow: none;
  border-bottom: 1px solid rgb(221, 221, 221);
}

.ais-GeoSearch-control, .ais-SearchBox-submit{
  display: none;
}

.ais-SearchBox-reset:hover, .ais-SearchBox-reset:focus, .ais-SearchBox-reset:active{
  background: none;
  border: none;
  padding: 0;
}

.marker_selected{
  z-index: 9999 !important;
}

#fas_container .fas_infowindow > *{
  margin-bottom: 8px; margin-bottom: .5rem;
}

.gm-style-iw-t {
  margin-bottom: 32px;
}

.controls {
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 }
 .gm-bundled-control > div{
  border: 3px solid #777;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 }
 /* Map | Satellite container border */
 .gmnoprint:last-of-type{
  border: 3px solid #777;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 }
 /* Map | Satellite toggles */
 .gm-style-mtc [title='Show street map'], .gm-style-mtc [title='Show satellite imagery']{
  padding: 7px 6px 6px !important;
 }
 /* man drop icon */
 .gm-svpc{
  width: 46px !important;
  height: 46px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
 }

@media (max-width: 767px){
  
  #maps {
    height: 360px;
  }

  .fas_body{
    display: block;
  }
  
  .fas_map_view{
    /* need !important to override js inline style at tablet breakpoint */
    width: 100% !important;
    display: block;
  }

  .fas_list_view{
    width: 100%;
    display: block;
  }

  .ais-Hits-list{
    max-height: 360px;
  }
  
  
}