@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Urbanist:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/* CSS Document */.wpsdsp-button-label {
  color: #fff !important;
}
.keyword_search_button, .keyword-search-button {
  left: 0;
  position: absolute;
}
input[type=text].keyword-search-criteria {
  padding-left: 60px;
}
/* Options Box */.wpsdsp-select-wrap {
  border: 0px !important;
}
.wpsdsp-range-wrap {
  margin-right: 10px !important;
}
/* Slider Colors */.wpsdsp-search-form div {
  margin-right: 10px !important;
}
.wpsdsp-range-slider-wrap .ui-state-default, .wpsdsp-range-slider-wrap .ui-widget-content .ui-state-default, .wpsdsp-range-slider-wrap .ui-widget-header .ui-state-default {
  background: #27b34b !important;
  border: 0px !important;
}
.wpsdsp-range-slider-wrap .wpsdsp_price_slide_min, .wpsdsp-range-slider-wrap .wpsdsp_price_slide_max, .wpsdsp-range-slider-wrap .wpsdsp_mileage_slide_min, .wpsdsp-range-slider-wrap .wpsdsp_mileage_slide_max, .wpsdsp-range-slider-wrap .wpsdsp_vehicle_year_slide_min, .wpsdsp-range-slider-wrap .wpsdsp_vehicle_year_slide_max {
  background: #000 !important;
  margin-left: 15px !important;
}
.wpsdsp-range-slider-wrap .ui-state-default, .wpsdsp-range-slider-wrap .ui-widget-content .ui-state-default, .wpsdsp-range-slider-wrap .ui-widget-header .ui-state-default {
  background: #27b34b !important;
}
/* Hide Submit Button */.wpsdsp-item-submit, .wpsdsp-button-box {
  display: none !important;
}
.wpsdsp-search-form {
  color: transparent;
  font-family: inherit;
  background-color: transparent;
  border-top: 1px;
  border-left: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-color: transparent;
  border-style: solid;
}
.wpsdsp-search-form:hover {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .wpsdsp-item {
  color: #363837;
  font-family: Open Sans;
  font-size: 1rem;
  text-align: left;
  background-color: #fff;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  margin-bottom: 10px;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.wpsdsp-search-form .wpsdsp-item:hover {
  color: #363837;
  background-color: #fff;
  border-color: #27b34b;
}
.wpsdsp-search-form .wpsdsp-item .selectArrow {
  display: block;
}
.wpsdsp-search-form .wpsdsp-item .wpsdsp-label {
  color: #27b34b;
  font-family: Open Sans;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.2rem;
  background-color: transparent;
  border-color: transparent;
  padding-top: 17px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 10px;
}
.wpsdsp-search-form .wpsdsp-item .wpsdsp-label:hover {
  color: #27b34b;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .wpsdsp-item .wpsdsp-current-filters {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .wpsdsp-item .wpsdsp-current-filters:hover {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .wpsdsp-tags-message {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .wpsdsp-tags-message:hover {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .keyword-search-criteria {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .keyword-search-criteria:hover {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .wpsd-sort-by-combined {
  color: #363837;
  font-family: Open Sans;
  background-color: #fff;
  width: 97% !important;
  min-width: 97%;
  max-width: 97%;
  border-top: 1px;
  border-left: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-color: #363837;
  border-style: solid;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.wpsdsp-search-form .wpsd-sort-by-combined:hover {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .selected-wrap {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .selected-wrap:hover {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .selected-remove {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .selected-remove:hover {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .wpsdsp-search {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .wpsdsp-search:hover {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .wpsdsp-select-options-select {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .wpsdsp-select-options-select:hover {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .wpsdsp-checkbox-element {
  color: #363837;
  background-color: #fff;
  border-top: 1px;
  border-left: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-color: #363837;
  border-style: solid;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.wpsdsp-search-form .wpsdsp-checkbox-element:hover {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .wpsdsp-checkbox-element-label {
  color: #363837;
  background-color: transparent;
  border-color: transparent;
  padding-left: 6px;
}
.wpsdsp-search-form .wpsdsp-checkbox-element-label:hover {
  color: #363837;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .wpsdsp-range-item {
  color: transparent;
  background-color: transparent;
  float: left;
  width: 98% !important;
  min-width: 98%;
  max-width: 98%;
  border-color: transparent;
}
.wpsdsp-search-form .wpsdsp-range-item:hover {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .wpsdsp-range-item-min {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .wpsdsp-range-item-min:hover {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .wpsdsp-range-item-max {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .wpsdsp-range-item-max:hover {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
.wpsdsp-search-form .wpsdsp-item-submit .wpsdsp-button {
  color: #fff;
  font-family: Open Sans;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  background-color: #27b34b;
  width: 96% !important;
  min-width: 96%;
  max-width: 96%;
  border-color: transparent;
  margin-left: 0px;
}
.wpsdsp-search-form .wpsdsp-item-submit .wpsdsp-button:hover {
  color: #fff;
  background-color: #27b34b;
  border-color: transparent;
}
.keyword-search-criteria {
  background: #fff !important;
}
/* This class isn't used, but if results of SCSS are empty it won't update - so we toss this in to make sure it always has content */.wpsdsp-search-form-clear {
  clear: both;
}
@media only screen and (max-width: 460px) {
  .keyword-search-form input[type=text].keyword-search-criteria {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .keyword-search-button {
    min-height: 46px;
  }
}
@media all and (min-width: 1025px) {
  .keyword-search-button {
    min-height: 49px !important;
    max-height: 49px;
  }
}
/* Tablet View */@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .keyword-search-button {
    min-height: 46px !important;
    max-height: 46px;
  }
}
/* Scss Document */@media all and (min-width: 1620px) {
  .keyword-search-button {
    min-height: 52px !important;
    max-height: 52px;
  }
}
