/*
Theme Name: Boostly Child
Theme URI: https://boostly.co.uk/themes
Template: boostly-theme
Author: Boostly
Author URI: https://boostly.co.uk/
Description: Boostly is a powerful booking platform that lets you run a residential or commercial
Tags: right-sidebar,left-sidebar,custom-colors,custom-menu,featured-images,post-formats,theme-options,translation-ready
Version: 1.0.0
Updated: 2023-03-23 11:03:46
GitHub Theme URI: tomboostly/boostly-theme-child
GitHub Theme URI: https://github.com/tomboostly/boostly-theme-child
*/

.location-search-modal .dropdown-menu .location-filter {
  width: calc(100% - 40px);
  border: 1px solid #d8dce1;
  margin: auto;
  padding: 5px 8px;
  margin-left: 15px;
}

#boostly_daily_main_search_wrap .location-search-modal .dropdown-menu .location-filter:focus {
  border-color: #d8dce1 !important;
}

#boostly_modal_search_filters .price-slider-wrapper .slider .progress {
  height: 100%;
  left: 0%;
  right: 0%;
  position: absolute;
  border-radius: 5px;
  background: #FFA500;
}

#boostly_right_side.hide_first {
  width: 0 !important;
  height: 0 !important;
  opacity: 0;
}

#boostly_halfmap_listings_container.map-visible #boostly_right_side {
  display: block !important;
}

#boostly_right_side.first_load {
  position: absolute !important;
  opacity: 0;
  right: -100%;
  bottom: -100%;
}

#boostly_right_side.show {
  display: block !important;
}

#boostly_right_side.hide {
  display: none !important;
}


/* Benjo */

.multiselect-container button {
  border: none !important;
  background-color: unset !important;
  padding: 0px 5px !important;
}

button.multiselect.dropdown-toggle.custom-select.text-center {
  min-width: 250px;
}

.multiselect-container button {
  width: 100%;
  text-align: left;
}

.home button.multiselect.dropdown-toggle.btn.bs-placeholder.btn-default.text-center {
  max-width: 250px;
  margin-top: 0;
  height: 57px;
  width: 200px;
  margin-right: 8px;
}

.search-wrap button.multiselect.dropdown-toggle.btn.bs-placeholder.btn-default.text-center {
  width: 109%;
  max-width: 110%;
  margin-bottom: 5px;
}

#boostly_home_search button.multiselect.dropdown-toggle.btn.bs-placeholder.btn-default.text-center {
  width: 220px;
  margin-bottom: 0;
}

.home span.multiselect-native-select {
  margin: 0;
}

.multiselect-filter .fa-search {
  display: none;
}

.multiselect-container ul {
  height: 50px;
  overflow-y: scroll;
}

.multiselect-group {
  font-weight: bold;
}

.btn-group.open {
  width: calc(100% - 30px);
}

button.multiselect.dropdown-toggle.btn.bs-placeholder.btn-default.text-center {
  width: 100%;
  margin-top: 15px;
}

.multiselect-native-select .btn-group {
  width: calc(100% - 30px);
}

span.multiselect-native-select {
  margin: 15px;
}

.multiselect-native-select label.form-check-label {
  text-indent: 8px;
}

span.multiselect-selected-text {
  font-weight: 500 !important;
}

input[type=radio],
input[type=checkbox] {
  accent-color: #628E7F;
}

#overlay-search-advanced-module {
  top: 0 !important;
}

span.multiselect-native-select {
  margin: -12px 0px 0px 0px;
}

#boostly-success-message,
#error-message {
  text-align: center;
}

#boostly-success-message {
  color: #9D8070;
}

#error-message {
  color: red;
}

label.form-check-label {
  width: 85%;
  margin-left: 15px;
}

.multiselect-option input {
  position: absolute;
}

button.multiselect.dropdown-toggle.btn.bs-placeholder.btn-default.text-center {
  text-align: left;
}

.multiselect-container .multiselect-option:hover,
.multiselect-container .multiselect-group:hover,
.multiselect-container .multiselect-all:hover,
.multiselect-container .multiselect-option:focus,
.multiselect-container .multiselect-group:focus,
.multiselect-container .multiselect-all:focus {
  background-color: #9d8070 !important;
  color: #fff !important;
}

#single-booking-search-calendar .single-listing-calendar-wrap ul.days li.day-available {
  background-color: #fff;
}

#boostly_halfmap_listings_container .listings .item-wrap.card-view {
  min-height: 560px;
}

@media screen and (min-width: 1678px) {
  #boostly_halfmap_listings_container .listings .item-wrap.card-view {
    width: 16.66%;
    min-height: 560px;
  }
}

@media screen and (max-width: 991px) {
  #boostly_halfmap_listings_container .listings .item-wrap.card-view {
    min-height: 510px;
  }
}

#boostly_daily_main_search_wrap #searched_location h1 {
  margin-bottom: 0;
}

@media screen and (min-width: 991px) {
  .container-fluid.search-button-mobile-con {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) {

  .item-media-thumb .slick-prev,
  .item-media-thumb .slick-next,
  .item-media-thumb .slick-dots {
    display: block !important;
  }

  .slick-dots li button {
    line-height: unset !important;
    height: 10px !important;
    width: 10px !important;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: 0px 1px 15px 5px rgba(0, 0, 0, 0.1);
  }
}

@media screen and (max-width: 1024px) {

  div#boostly_halfmap_listings_container .search-button-mobile-con .search-button-mobile {
    margin: 0;
    padding: 0;
  }

  .half-map-search.main-search-wrap>.container-fluid {
    padding: 0;
  }

  #boostly_daily_main_search_wrap #searched_location h1 {
    font-size: min(7vw, 24px) !important;
    margin: 0;
    line-height: normal;
    /*display: flex;
    align-items: center;*/
    height: 100%;
    width: auto;
  }

  body #boostly_daily_main_search_wrap #searched_location {
    padding: 0 !important;
  }

  body #boostly_daily_main_search_wrap #searched_location .container-fluid {
    padding: 0 !important;
  }

  .btn-show-map {
    padding: 0 !important;
  }

  #boostly_daily_main_search_wrap .btn-show-filters {
    padding: 0 4px !important;
  }

  #boostly_halfmap_listings_container .d-flex {
    padding-left: 10px;
    padding-right: 10px;
    justify-content: space-between;
    align-items: center;
  }

  #boostly_halfmap_listings_container .search-button-mobile-con {
    margin: 0 !important;
    padding: 0 !important;
  }

  #boostly_halfmap_listings_container .search-destination {
    margin: 0;
  }
}

.filters [aria-expanded="true"] .filter-more-link:after {
  content: "Less";
  font-size: 14px;
}

.filters [aria-expanded="true"] .filter-more-link {
  font-size: 0;
}

@media screen and (max-width: 767px) {

  .item-media-thumb .slick-prev,
  .item-media-thumb .slick-next,
  .item-media-thumb .slick-dots {
    display: block !important;
  }

  .slick-dots li button {
    line-height: unset !important;
    height: 10px !important;
    width: 10px !important;
    background: rgba(255, 255, 255, 0.3);
    box-shadow: 0px 1px 15px 5px rgba(0, 0, 0, 0.1);
  }

  html body iframe#LeadboosterContainer {
    z-index: 1000 !important;
  }

  .container-fluid.search-button-mobile-con {
    margin-left: auto !important;
  }

  .boostly-tooltip {
    position: absolute;
    background: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    z-index: 1000;
    font-size: 12px;
    text-align: center;
    opacity: 1;
  }

  .half-map-search {
    padding: 0 !important;
  }

  .half-map-search.main-search-wrap,
  .half-map-search.main-search-wrap .container-fluid,
  .half-map-search-buttons>.btn-show-filters {
    padding-left: 0 !important
  }

  .container-fluid.search-button-mobile-con {
    /*align-items: center;*/
    display: block !important;
    padding-left: 0;
    margin-left: -10px
  }

  div#boostly_sort_wrap,
  #listings_found {
    margin: 0;
    padding: 0;
    line-height: 1
  }

  .price-slider-wrapper .field.price-min-field::before,
  .price-slider-wrapper .field.price-max-field::before {
    display: none
  }

  .price-slider-wrapper .field.price-min-field span::before,
  .price-slider-wrapper .field.price-max-field span::before {
    position: absolute;
    content: "$" !important;
    font-size: 18px;
    right: -28px
  }

  .price-slider-wrapper .field.price-min-field span,
  .price-slider-wrapper .field.price-max-field span {
    position: relative
  }

  #boostly_home_search_mobile .boostly_half_map_search_btn {
    display: none;
  }

  button.btn.btn.btn-grey-outlined.custom-search-reset-btn {
    width: 100%;
  }
}

.slick-prev,
.slick-next {
  background-color: transparent !important;
  border: transparent !important;
  color: #fff !important;
}

.slick-prev:hover,
.slick-next:hover {
  background-color: transparent !important;
  border: transparent !important;
  color: #fff !important;
}

.slick-prev:before,
.slick-next:before {
  color: #fff !important;
}

.multiselect-container.dropdown-menu .multiselect-buttons.btn-group {
  position: absolute;
  top: 7px;
  right: 0;
  height: 24px;
  width: 24px;
  align-items: center;
  justify-content: center;
}

.multiselect-container.dropdown-menu .multiselect-buttons.btn-group button.multiselect-reset.btn.btn-secondary.btn-block {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 stroke%3D%22currentColor%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 class%3D%22lucide lucide-x-icon lucide-x%22%3E%3Cpath d%3D%22M18 6 6 18%22/%3E%3Cpath d%3D%22m6 6 12 12%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  width: 24px;
  height: 24px;
}

@media (max-width: 767px) {

  #boostly_modal_search_filters .modal-header {
    padding: 5px 0 16px 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }

  #boostly_modal_search_filters .modal-header:before {
    display: none;
  }

  #boostly_modal_search_filters .modal-title {
    display: flex;
    align-items: center;
    font-size: 1.1em;
  }

  #boostly_modal_search_filters .modal-body .modal-body {
    padding: 0;
  }

  #boostly_modal_search_filters .half-map-search-inner-wrap {
    flex-direction: column;
    gap: 10px;
  }

  #boostly_modal_search_filters .search-date-range,
  #boostly_modal_search_filters .search-guests {
    padding: 0;
    margin: 0;
  }

  #boostly_modal_search_filters .filters-wrap {
    padding: 15px 0;
  }

  #boostly_modal_search_filters .price-slider-wrapper .price-input {
    margin: 0 0 20px;
    flex-direction: column;
  }

  #boostly_modal_search_filters .price-slider-wrapper .price-input .separator {
    font-size: 0;
    height: 10px;
  }
}

.amenity-group-title {
  margin: 24px 0 8px;
}

.amenity-pill {
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 20px;
  padding: 3px 11px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.amenity-pills-container {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}