/* Search Bar */
@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; */
   }
}

.wp-block-group.alignfull.is-style-ignore-inset > #search-accommodation .form-main {
    padding-left: var(--page--inset-amount);
}

.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;
}

.form-main {
   margin-right: calc(-.5 * var(--bs-gutter-x));
   margin-left: calc(-.5 * var(--bs-gutter-x));
}
.form-main > .row {
   padding-right: calc(var(--bs-gutter-x) * .5);
   padding-left: calc(var(--bs-gutter-x) * .5);
}

/* Input Box Padding */

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

.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: var(--text-size-smaller);
   font-weight: var(--theme--input-font-weight);
   line-height: 1em;
   color: #999;
}

.search-form .form-control.button,
#search-bar-advanced-filters .form-control.button {
   background-color: var(--theme--primary-color);
   text-transform:uppercase;
   font-weight:var(--theme--button-font-weight);
   color:#fff;
   border-color:var(--theme--primary-color);
}
.search-form .form-control.button.outline {
   background-color:transparent;
}
#advancedSearchBtn,
#advancedSearchModalBtn {
   border-color:var(--theme--secondary-color);
   background:var(--theme--secondary-color);
   color:#fff;
}
.search-form .form-control.button:focus {
   color: var(--theme--primary-color);
   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);
}

@media screen and (min-width: 1400px){
   .search-form .form-control.dateRangePicker {
      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:10px;
   right: 12px;
   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';
}
.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 */

.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;
}
#advancedFiltersModal .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-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;
}

@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: var(--text-size-small);
      line-height: 1em;
      color: #999;
   }
   .search-form .form-control,
   #search-bar-advanced-filters .form-control {
      padding: 20px 35px 20px 15px;
   }
   
   .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: 20px 15px;
   }
   #search-bar-advanced-filters input.form-control,
   .search-form input.form-control {
      height: 58px;
   }
}