.proximity {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}

.proximity-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the proximity items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.proximity-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.proximity-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.proximity-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue;
  color: #ffffff;
}

/* Proximity button */
.proximity_current_location {
	display: flex;
  justify-content: left;
  padding: 0px;
  margin: 0px;
}

.proximity_current_location input {
	padding: 0px !important;
	margin: 0px !important;
}

.location_image {
	border: none;
  cursor: pointer;
  appearance: none;
	background-color: inherit;
	padding: 0px;
	padding-left: 2px;
	margin: 0px;
}

.location_image .button_image {
	width: 40px;
	height: 30px;
	border: none;
	padding: 0px;
}

/* Facet css */
.block-facet--proximity .select2-selection .select2-selection__arrow {
  display: none;
  visibility: hidden;
}

.block-facet--proximity .form-type-select2 {
  margin-top: -10px;
}

.block-facet--proximity .form-type-select2 label, .block-facet--proximity .form-type-select2 .select2-selection__clear {
  display: none;
  visibility: hidden; 
}

/* Fix: anchor the autocomplete dropdown under the ZIP input. The dropdown
   (.proximity-items) is absolutely positioned but its intended .proximity
   relative-wrapper isn't rendered around this input; ensure the real wrapper
   is positioned so top:100% anchors correctly instead of dropping to the
   bottom of the sidebar. */
.block-facet--proximity .proximity_current_location,
.block-facet--proximity .form-type-textfield,
.block-facet--proximity .js-form-type-textfield {
  position: relative;
}