.form-group-holder,
.button-holder {
   
    margin: .50rem;
}

.form-group-holder{
     padding:.25em;
    background:#fff;
    border-radius:var(--theme--border-radius);
}

.quick-search-fields .form-control {
    padding: 0 0.5em 0 1rem;
    left: 2.5rem;
    position: relative;
    width: calc(100% - 3.5rem);
    box-sizing:border-box;
    border-radius:0;
    border:1px solid white;
    font-size: 0.9em;
    font-family: var(--theme--heading-font);
    font-weight: var(--theme--heading-font-weight);
}
.quick-search-fields .form-control:focus{
    box-shadow: unset;
}
.quick-search-fields .form-control:disabled {
    background:unset;
    color:var(--theme--primary-color,#bba386);
    font-weight:600;
}

.quick-search-fields .form-group{
    position:relative;    
}
.quick-search-fields .form-group::before{
    
}

.form-group label{
    font-size: 0.7rem;
    text-transform:uppercase;
    color: #4a4a4a;
    margin-left: 3.5rem;
    font-family: var(--theme--body-font);
}


.form-control.button {
    height: 100%;
    border: 1px solid var(--theme--primary-color,#BDA588);
    padding: 0.8rem 1.5rem;
    padding-bottom: 1em;
    font-family: var(--theme--body-font);
    font-weight:var(--theme--body-font-weight);
    cursor:pointer;
    gap: 10px;
    text-transform: uppercase;
    /* margin: .70em; */
}
.form-control.button:not(.outline){
    background: var(--theme--primary-color,#BDA588);
    color: white;
}

#form-main {
    padding:8px 8px 8px 20px;
    /* background:white; */
    border-radius:var(--theme--button-radius);
}


/* Modal Styling */

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

#advancedModal .form-control {
    background:#fff;
}
#advancedModal .modal-dialog{
    max-width:700px;
}
#advancedModal .modal-content{
     border-radius: var(--theme--border-radius);
}
#advancedModal .modal-header{
   border-bottom:none;
   padding:20px 30px 0;
}

#advancedModal .modal-title {
    color:var(--theme--primary-color);
}
#advancedModal .modal-body{
   padding:20px 30px 10px
}
#advancedModalLabel{
    color:var(--theme--text-color);
}
#advancedModal .modal-footer {
    border-top:none;
   padding:0 30px 20px;
}
#advancedModal .modal-content {
    border:none;
    background:none;
}
#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: none;
}
.modal-header .btn-close::after {
   content: '\f00d';
   font-family: "Font Awesome 5 Pro";
   font-weight:400;
   font-size:1.5em;
   line-height: 1em;
}


#advancedOptions .form-control  , #advancedOptions .tail-select .select-label , #advancedModal .form-control  , #advancedModal .tail-select .select-label {
    padding: 0.5em;
    padding-left: 0;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid white;
    font-family: var(--theme--heading-font);
    font-weight: var(--theme--heading-font-weight);
    display: block;
    width: calc(100% - 3.5rem);
    margin-left: auto;
    font-size: 14px;
}
#advancedOptions .tail-select {
    width:100%;
}
#advancedModal .tail-select , #advancedOptions .tail-select {
     display:block;
     width: calc(100% - 3.5rem);
     margin-left:auto;
}
#advancedOptions .tail-select .select-label ,#advancedModal .tail-select .select-label , .tail-select{
    color: var(--theme--text-color);
    box-shadow: unset;
    width: 100%;
    padding-left: 0;
}

#advancedOptions .tail-select .select-label .label-count , #advancedModal .tail-select .select-label .label-count {
    float: right;
    color: var(--theme--text-color);
    margin: 0 2rem 0 0;
    padding: 0 0 0 1rem;
    font-size: 0.9em;
    border-width: 0px 0 0 1px;
    border-color: var(--theme--primary-color);
}

#advancedOptions .form-group , #advancedModal .form-group{
    position:relative;
}
#advancedOptions .form-group::after {
    content: '';
    position: absolute;
    left: 6px;
    right: 0;
    bottom: -2px;
    height: 1px;
    background: var(--theme--primary-color-60);
}

div#advancedModal #applyModal {
    text-transform: uppercase;
    i{
        margin-left: 5px;
    }
}

/*Mobile Search Bar*/

div#mobile-search-bar-bottom-holder-wrapper:has(#mobile-search-bar-bottom-holder.active .quick-search-fields.hh-quick-search-fields-active) {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 1;
}

#mobile-search-bar-bottom-holder {
    position: fixed;
    bottom: -100%;
    left: 0;
    z-index: 100;
    width: 100vw;
    /* margin: 10px; */

}

#mobile-search-bar-bottom-holder.active{
    bottom: 0;
}

#mobile-search-bar-bottom-holder form{
    display: block!important;
}
#mobile-search-bar-bottom-holder #form-main{
    border-radius:var(--theme--border-radius) var(--theme--border-radius) 0 0;
    border:1px solid #000;
    border-bottom: 0;
    margin: 0 var(--theme--gutters);
}

#mobile-search-bar-bottom-holder #form-main , div#mobile-search-bar-bottom-holder .quick-search-fields{
    flex-direction: column;
    min-width: 300px;
}
 div#mobile-search-bar-bottom-holder .quick-search-fields .form-group-holder {
    margin: 0em;
    border-bottom: 1px solid var(--theme--primary-color-60);
    border-radius:0px;
}
 div#mobile-search-bar-bottom-holder .quick-search-fields .form-group-holder:last-child {
      border-bottom:none;
      margin: 1rem 0;
 }

#mobile-search-bar-bottom-holder #form-main {
    padding: 0px 8px 0px 8px;
    box-shadow: var(--theme--box-shadow);
    max-height: 75vH;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #fff;
}
@media screen and (min-width:768px){
    #mobile-search-bar-bottom-holder #form-main {
      width: 80%;
    }
}

#mobile-search-bar-bottom-holder #form-main .form-buttons{
    position:sticky;
    bottom: 0;
    background:#fff;
    width:100%;
    z-index: 27;
    padding: 0.75em 0px;
    /* left: -21px; */
}
span#search-span-text {
    text-wrap: nowrap;
}
div#mobile-search-bar-bottom-holder .quick-search-fields{
    padding: 0 0.5em;
}
.mobile-search-message{
    text-align: center;
}
div#mobile-search-bar-bottom-holder .mobile-search-message-wrapper, div#mobile-search-bar-bottom-holder .mobile-search-message-result-wrapper{
    padding: 0.75em;
    position: sticky;
    top: 0px;
    margin: 0;
    z-index: 28;
    background: #fff;
}

div#mobile-search-bar-bottom-holder .mobile-search-message-result-wrapper .search-summary {
    font-size: 1em;
    max-width: 80%;
}
div#mobile-search-bar-bottom-holder .mobile-search-message-result-wrapper .search-summary span.clearSearch {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
#mobile-search-bar-bottom-holder div#advancedOptions .row{
   display:block;
}
div#mobile-search-bar-bottom-holder h6 {
    color: var(--theme--text-color);
    font-weight: 600;
    margin: 0;
    padding: 0.5em;
}

#mobile-search-bar-bottom-holder .quick-search-fields .form-control {
    padding: 0.5em 0;
}

div#mobile-search-bar-bottom-holder .button-holder:not(:first-child) {
    width: 100%;
 
}
div#mobile-search-bar-bottom-holder #clearSearchBtn,div#mobile-search-bar-bottom-holder #searchButton ,div#mobile-search-bar-bottom-holder #closeSearchBtn{
   justify-content: center;
   padding: 0.375rem 0.75rem;
}
span.default-mobile-search-message i {
    padding-right: 0.5em;
}

/*Search Mobile Position Center*/
#mobile-search-bar-center-holder #form-main {
    padding: 0px 8px 0px 8px;
    box-shadow: var(--theme--box-shadow);
    border-radius: var(--theme--button-radius);
    max-height: 75vH;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #fff;
    width:100%;
}
#mobile-search-bar-center-holder .search-form{
    display:block !important;
    min-width: 300px;
    
}
@media screen and (max-width:768px){
    div#mobile-search-bar-center-holder {
     padding: 0 3%;
     position: relative;
    }

#mobile-search-bar-center-holder #form-main, div#mobile-search-bar-center-holder .quick-search-fields {
    flex-direction: column;
    min-width: 300px;
}
#mobile-search-bar-center-holder .form-buttons{
            justify-content: space-between;
            margin-bottom: 10px;
    }
    #mobile-search-bar-center-holder .form-buttons .button-holder{
        flex: 1 0 0%;
        
    }
    #mobile-search-bar-center-holder .form-buttons .button-holder .d-flex{
        justify-content:center;
    }
    #mobile-search-bar-center-holder h6#advancedSearch {
    padding: 0 0.7em;
     font-weight: 600;
    color:var(--theme--text-color);
}
 #mobile-search-bar-center-holder #form-main {
border-radius: var(--theme--border-radius);
 }
}


/* Icons */

.formIcon {
   position:relative;
}
.formIcon::before {
   font-family: "Font Awesome 5 Pro";
   font-weight: 200;
   font-size: 1.7rem;
   position: absolute;
   top: 5px;
   left: 10px;
   pointer-events: none;
   color: var(--theme--primary-color);
}
.formIcon.suburb::before,
.formIcon.regions::before{
   content: '\f3c5';
}
.formIcon.sleeps::before {
   content: '\f0c0';
}
.formIcon.bedrooms::before {
   content: '\f236';
}
.formIcon.bathrooms::before {
   content: '\f2cd';
}
.formIcon.dates::before {
   content: '\f073';
}
.formIcon.keyword::before {
   content: '\f002';
}
.formIcon.sortby::before {
   content: '\f160';
}
.formIcon.group::before{
    content: '\f0c0';
}
.formIcon.property::before{
    content: '\f015';
}
.formIcon.listingcat::before,
.formIcon.amenities::before,
.formIcon.custom::before{
   content: '\f03a';
}
.formIcon .form-control {
   background: none;
   background-color:#fff;
}

#advancedModal .formIcon::before {
    top:15px;
}

@media screen and (min-width:768px) and (max-width:991px){
    #mobile-search-bar-center-holder #form-main {
     flex-direction: column;
     align-items: center;
    }
     
}
@media screen and (max-width:991px){
.quick-search-fields .form-control {
    margin-left: 3.5rem;
    left: 0;
}
.formIcon::before {
    top: 10px;
}
    .form-group.formIcon.dates{
        width: 50%;
        display: table-cell;
    }
    div#mobile-search-bar-bottom-holder .quick-search-fields .form-group-holder.checkInDateWrapper{
        display:none;
    }
    
}
@media screen and (min-width: 1280px){
.form-group.formIcon.sleeps {
    min-width: 120px;
}
.form-group.formIcon.suburb {
    min-width: 250px;
}

}
@media screen and (min-width: 992px){
    .quick-search-fields .form-group-holder{
         border: 2px solid var(--theme--primary-color-40);
    }
    #desktop-search-bar-holder  .form-control.button{
        border: 2px solid var(--theme--primary-color);
    }
    #form-main {
     align-items: center;
    }
}


.special-search-bar-date{
    position:relative;
}
/*.special-search-bar-date.available:not(.in-range)::before {
    background-color:rgba(252, 203, 20,0.3);
}*/
.special-search-bar-date::before{
    content: "";
    position: absolute;
    font-size: 0.4rem;
    right:-0.5rem;
    top:-0.3rem;
    background-color: #fccb14;
    height:1.2rem;
    width:1.2rem;
    border-radius:50%;
    z-index:1;
}
.special-search-bar-date::after{
    content: "\f005";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    font-size: 0.6rem;
    top: -0.65rem;
    right:-0.2rem;
    font-weight: 700;
    color: white;
    z-index:1;
}


.special-search-bar-date.available.in-range::before, .special-search-bar-date.available.active::before ,.special-search-bar-date.available.start-date::before, .special-search-bar-date.available.end-date::before{
     background-color:var(--theme--primary-color)
}

/*Header Scroll Search Bar Size 992 to 1400*/

@media screen and (min-width:992px) and (max-width:1500px){
#headerScrollSearch #quick-search-fields  , #headerScrollSearch #advancedSearchModal{
    display: none!important;
}

#headerScrollSearch #search-span-text{
    display: none;
}
#headerScrollSearch .form-control.button {
/*    padding: 0.5rem 1rem;*/
    font-size: 0.8rem;
}

#headerScrollSearch #quick-search-fields-for-header{
    display: flex!important;
    gap: 1rem;
    /* height: auto; */
    padding: 0rem 1rem;
    border:1px solid var(--theme--primary-color);
    border-radius:var(--theme--border-radius);
    /* align-items: center; */
    margin: .50rem;
    
    *{
         cursor: pointer;
    }
   
}

#quick-search-fields-for-header .formIcon::before {
    font-size: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -0.8rem;
    margin-right: 5px;
}
#quick-search-fields-for-header .formIcon {
    padding: 0.7rem 0;
    position: relative;
    display: flex;
    min-height: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}

#quick-search-fields-for-header label {
    margin-left: 10px;
    font-size: 0.6rem;
    text-transform: uppercase;
    color: #dbdbdb;
    font-family: var(--theme--body-font);
    font-weight: var(--theme--body-font-weight);
}
#quick-search-fields-for-header div{
    margin-left: 10px; 
    font-size: 0.85rem;
     text-transform: capitalize;
     color: var(--theme--text-color);
     font-family: var(--theme--heading-font);
     font-weight: var(--theme--heading-font-weight);
}
}