/* Search Bar */
.homhero-searchbar .form-main{
    width:100%;
}

@media screen and (max-width:767px){
   .wp-block-group__inner-container #search-accommodation .form-main > div:first-child ,.wp-block-group.is-layout-constrained #search-accommodation .form-main > div:first-child{
      margin-left:-3px;
      margin-right:-3px;
      
   }
   
   .wp-block-group__inner-container #search-accommodation .form-main > div:first-child > div , .wp-block-group.is-layout-constrained #search-accommodation .form-main > div:first-child > div  {
      padding-right:3px;
      padding-left:3px;
      flex-grow:1;
   }
}

@media screen and (min-width:768px){
   #desktop-search-bar-holder #search-accommodation:not(.left):not(.right) .form-main > div:first-child .form-group,
   .wp-block-group__inner-container #search-accommodation .form-main > div:first-child .form-group{
      /* margin-right:5px; */
   }
}

@media screen and (min-width:1200px){
   #desktop-search-bar-holder #search-accommodation:not(.left):not(.right) .form-main > div:first-child .form-group,
   .wp-block-group__inner-container #search-accommodation .form-main > div:first-child .form-group{
      /* margin-right:10px; */
   }
}

.daterangepicker .calendar-table td {
    padding:unset;
}

.search-form .tail-select,
#search-bar-advanced-filters .tail-select{
   width:100%;
   display:block;
   box-sizing:border-box;
   margin:0;
}

/* Input Box Padding */

.search-form .form-control,
#search-bar-advanced-filters .form-control {
   padding: 15px 23px 15px 8px;
   font-family: "mundial", sans-serif;
   text-transform:uppercase;
   font-weight:500;
}

.search-form .tail-select .select-label,
#search-bar-advanced-filters .tail-select .select-label {
   padding:15px 10px;
}

.search-form .form-control.button,
#search-bar-advanced-filters .form-control.button {
    padding: 15px 10px;
}

/* Input Box Fonts */

.search-form .form-control,
.search-form .tail-select,
#search-bar-advanced-filters .form-control,
#search-bar-advanced-filters .tail-select{
   font-size: 1rem;
   font-weight: 400;
   line-height: 1rem;
   color: #999;
}

.search-form .form-control.button,
#search-bar-advanced-filters .form-control.button {
   background-color: var(--coral);
   text-transform:uppercase;
   font-weight:400;
   color:#fff;
   border-color:var(--coral);
   padding-top:35px;
   padding-bottom:35px;
   cursor:pointer;
   justify-content: center;
}
.search-form .form-control.button.outline {
   background-color:transparent;
}
.search-form #clearSearchBtn {
   border-color:var(--teal);
   background:var(--teal);
}
#advancedSearchBtn,
#advancedSearchModalBtn {
   border-color:var(--cream);
   background:var(--cream);
   color:var(--bs-body-color);
}
.search-form .form-control.button:focus {
   color: var(--coral);
   color:#fff;
}
.search-form .form-control.button:hover,
#search-bar-advanced-filters .form-control.button:hover{
   box-shadow: inset 0 0 200px rgb(255 255 255 / 15%);
}

/* Input Box Borders */

.tail-select .select-label,
.search-form .form-control,
#search-bar-advanced-filters .select-label,
#search-bar-advanced-filters .form-control {
   background-color:#fff;
   border:1px solid #ddd;
   box-shadow:none;
   border-radius: var(--card--border-radius);
}
.tail-select .select-label,
.search-form .form-control {
    border: none; /* remove all borders initially */
}

/* Add right border to all except the last child */
.tail-select .select-label:not(:last-child),
.search-form .form-control:not(:last-child) {
    border-right: 1px solid #ddd;
}
@media screen and (max-width:767px){
   
   .search-form .checkOutDate .form-control[name="check-out-holder"] {
      border:none;
   }
    .form-group.formIcon.sleeps, div#advancedOptions .form-group.formIcon{
      margin-top: 10px;
      border-top: 1px solid #ddd;
   }
  
}
@media screen and (max-width:991px){
     .form-buttons.row{
       width: 100%;
   }
}
.search-form .dateRangePickerInput {
   opacity:0;
   cursor:pointer;
   position:absolute;
   top:0;
   left:0;
   right:0;
   bottom:0;
   z-index:10;
}

@media screen and (min-width: 1400px){
   .search-form .form-control.dateRangePickerInput {
      min-width:275px;
   }
}

#search-bar-advanced-filters input.form-control,
.search-form input.form-control {
   /* height: 44px; */
}

/* Select Field Icons */

.formIcon {
   position:relative;
}
.formIcon::after {
   font-family: "Font Awesome 5 Pro";
   font-weight:400;
   position: absolute;
   top:12px;
   right: 20px;
   pointer-events: none;
   color: var(--theme--text-color);
}
.formIcon.suburb::after,
.formIcon.region::after{
   content: '\f3c5';
}
.formIcon.sleeps::after {
   content: '\f0c0';
}
.formIcon.bedrooms::after {
   content: '\f236';
}
.formIcon.bathrooms::after {
   content: '\f2cd';
}
.formIcon.dates::after {
   content: '\f073';
   font-family: "Font Awesome 5 Pro";
   font-weight:400;
   position: absolute;
   top:12px;
   pointer-events: none;
   color: var(--theme--text-color);
   right: 30px;
}

.formIcon.keyword::after {
   content: '\f002';
}
.formIcon.sortby::after {
   content: '\f160';
}
.formIcon.listingcat::after,
.formIcon.amenities::after,
.formIcon.custom::after{
   content: '\f03a';
}
.formIcon .form-control {
   background: none;
   background-color:#fff;
}
.formIcon .tail-select .select-label:after {
   top:17px;
   right:12px;
   border: none;
   content: "\f107";
   font-family: "Font Awesome 5 Pro";
   font-size: 18px;
   color: var(--theme--text-color);
   width: 20px;
   height: 20px;
   line-height: 1em;
   text-align: center;
}
.formIcon .tail-select .select-label:after{
   opacity: 1;
}
.formIcon.property .tail-select .select-label:after{
   content: '\f015';
}
.formIcon.listingcat .tail-select .select-label:after,
.formIcon.amenities .tail-select .select-label:after,
.formIcon.custom .tail-select .select-label:after{
   content: '\f03a';
}

.formIcon .tail-select.active .select-label:after{
   transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

/* Map Control Buttons */

#mapBtnHolder > div {
    padding:10px 10px;
    background:rgba(0,0,0,0.1);
    cursor:pointer;
    font-size:0.75em;
    height: 100%;
    width: 100px;
}

@media screen and (max-width:767px){
   #mapBtnHolder > div{
      width: 100%;
   }
}

#mapBtnHolder > div > i {
    display:block;
    text-align:center;
    font-size:1.5em;
}

/* Modal Styling */

div#advancedFiltersModal {
    background: transparent;
}
    
.modal-backdrop{
    background: #fff;
}
.modal-backdrop.show{
    opacity:1;
}
.modal-backdrop::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:var(--theme--primary-color-60);
    opacity:0;
    transition-duration:300ms;
}
.modal-backdrop.show::before{
    opacity:1;
}

#advancedFiltersModal .form-control {
    background:#fff;
}
#advancedFiltersModal .modal-dialog{
    max-width:700px;
}
#advancedFiltersModal .modal-header{
   border-bottom:none;
   padding:20px 30px 0;
}
#advancedFiltersModal .modal-title {
    color:var(--theme--primary-color);
}
#advancedFiltersModal .modal-body{
   padding:20px 30px 10px
}
#advancedFiltersModal .modal-footer {
    border-top:none;
    padding:0 30px 20px;
    justify-content: center;
}
#advancedFiltersModal .modal-content {
    border:none;
    background:none;
    max-width: unset;
    width: 100%;
    background: var(--theme--primary-color-20);
}
#search-bar-advanced-filters button.btn {
   font-size: var(--text-size-smaller);
   text-transform:uppercase;
}
.modal-header .btn-close{
   width:38px;
   color: var(--theme--primary-color);
   background: none;
   border-radius: var(--card--border-radius);
}
.modal-header .btn-close::after {
   content: '\f00d';
   font-family: "Font Awesome 5 Pro";
   font-weight:400;
   font-size:1.5em;
   line-height: 1em;
}

#mobile-search-bar #search-bar.load-hidden{
	visibility:visible !important;
}

#mobile-search-bar #search-bar .d-flex > div {
	flex-grow: 1;
}

.form-main {
   border: 1px solid #ccc;
}

@media screen and (min-width:1200px){
   .search-form .form-control,
   .search-form .tail-select,
   #search-bar-advanced-filters .form-control,
   #search-bar-advanced-filters .tail-select{
      font-size: 1rem;
      line-height: 1rem;
      color: #999;
   }
   .search-form .form-control,
   #search-bar-advanced-filters .form-control {
      padding: 15px 50px 15px 30px;
      margin:0;
      box-sizing:border-box;
      border: 0;
      border-right: 1px solid #ddd;
   }

   .search-form .quick-search-fields > div:last-child .form-control{
      border-right:0
   }
   
   .search-form .tail-select .select-label,
   #search-bar-advanced-filters .tail-select .select-label {
      padding:20px 15px;
   }
   
   .search-form .form-control.button,
   #search-bar-advanced-filters .form-control.button {
       padding: 33px 35px;
   }
   #search-bar-advanced-filters input.form-control,
   .search-form .form-control:not(.button) {
      height: 52px;
   }
}

.quick-search-fields {
    padding: 15px 0;
}
button#applyModal.btn-box {
    background: var(--teal);
}

#search-bar-advanced-filters .modal-footer button{
    border:none;
}
.datesrangepickerWrapper {
    position: relative;
    top: 15px;
}