/* Search Bar */
@media screen and (max-width:767px){
    .wp-block-group__inner-container #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 {
        padding-right:3px;
        padding-left:3px;
        flex-grow:1;
    }
}

.homhero-searchbar .quickSearch-fields .form-group {
    border:1px solid #dedede;
    border-top:0;
}

@media screen and (min-width:768px){
    .homhero-searchbar .quickSearch-fields .form-group {
        border:0;
    }
}

.form-group label {
    position:absolute;
    top:10px;
    left:15px;
    font-size:13px;
    color: var(--e-global-color-accent);
    font-weight:700;
}

.daterangepicker .calendar-table td {
    padding:unset;
}

.homhero-searchbar {
    background-color:#fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.10);
    font-size:18px;
}

.homhero-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 */

.homhero-search-form .form-control,
#search-bar-advanced-filters .form-control {
    padding: 25px 35px 10px 15px;
}

.homhero-search-form .tail-select{
    padding: 30px 15px 10px 15px;
}

#search-bar-advanced-filters .tail-select .select-label {
    padding:20px 15px;
}


.homhero-search-form .form-control.button,
#search-bar-advanced-filters .form-control.button {
    padding: 20px 15px;
}

.homhero-search-form .form-control,
#search-bar-advanced-filters .form-control,
#search-bar-advanced-filters input.form-control,
.homhero-search-form input.form-control,
.homhero-search-form .form-control.button,
#search-bar-advanced-filters .form-control.button,
#searchButton {
    height: 70px;
}

/* Input Box Fonts */

.homhero-search-form .form-control,
.homhero-search-form .tail-select .select-label .label-inner,
#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;
}

.homhero-search-form .form-control.button,
#search-bar-advanced-filters .form-control.button,
#searchButton {
    background-color: var(--e-global-color-accent);
    text-transform:uppercase;
    font-weight:500;
    color:#fff;
    border-color:var(--e-global-color-accent);
}

.homhero-search-form .form-control.button.outline {
    background-color:transparent;
}

#advancedSearchBtn,
#advancedSearchModalBtn {
    border-color:var(--e-global-color-accent);
    background:var(--e-global-color-accent);
    color:#fff;
}

.homhero-search-form .form-control.button:focus {
    color: var(--e-global-color-accent);
    color:#fff;
}

.homhero-search-form .form-control.button:hover,
#search-bar-advanced-filters .form-control.button:hover{
    box-shadow: inset 0 0 200px rgba(255, 255, 255, 0.15);
}

/* Input Box Borders */

.tail-select .select-label,
.homhero-search-form .form-control,
#search-bar-advanced-filters .select-label,
#search-bar-advanced-filters .form-control {
    background-color:#fff;
    border:2px solid #fff;
    box-shadow:none;
    border-radius: 0;
}

@media screen and (min-width: 1400px){
    .homhero-search-form .form-control.dateRangePicker {
        min-width:275px;
    }
}

#search-bar-advanced-filters input.form-control,
.homhero-search-form input.form-control {
    height: 70px;
}

/* Select Field Icons */

.formIcon {
    position:relative;
}

.formIcon .form-control {
    background: none;
    background-color:#fff;
}

/* Modal Styling */

.modal-backdrop{
    background:#fff;
}

.modal-backdrop.show{
    opacity:0.5;
}

.modal-backdrop::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:var(--e-global-color-accent-60);
    opacity:0;
    transition-duration:300ms;
}

.modal-backdrop.show::before{
    opacity:1;
}

div#advancedFiltersModal {
    background-color: rgba(15,95,156,0.5);
}

#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(--e-global-color-accent);
}

#advancedFiltersModal .modal-body{
    padding:20px 30px 10px
}

#advancedFiltersModal .modal-footer {
    border-top:none;
    padding:0 30px 20px;
}

#advancedFiltersModal .modal-content {
    border:none;
    background:#fff;
    border-radius:0;
}

#search-bar-advanced-filters button.btn {
    font-size: var(--text-size-smaller);
    text-transform:uppercase;
}

.modal-header .btn-close{
    width:38px;
    color: var(--e-global-color-accent);
    background: none;
    border-radius: var(--card--border-radius);
}

.modal-header .btn-close::after {
    content: '\f00d';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1em;
    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-buttons {
    flex-grow:1;
}

@media screen and (min-width:720px){
    .elementor-column-gap-default>.elementor-column>.elementor-element-populated .elementor-widget-container #search-accommodation {
        position:absolute;
        bottom:10px;
        left:0;
        right:0;
        transform:translateY(50%);
        z-index: 2;
    }

    .form-buttons {
        flex-grow:0;
    }

    .homhero-search-form .form-control,
    .homhero-search-form .tail-select,
    #search-bar-advanced-filters .form-control,
    #search-bar-advanced-filters .tail-select{
        font-size: 1em;
        line-height: 1em;
        color: #999;
    }
}

.dates.date-range-error input{
    background-color: rgba(255,59,59,0.5);
    border: 2px dotted rgb(255,59,59);
    color: #fff;
}

.dates.date-range-error label{
    color:#fff;
}

#longTermModal .form-group label {
    top: 0;
    left: 5px;
    position: relative;
    font-size: 13px;
    color: var(--e-global-color-accent);
    font-weight: 700;
}

#longTermModal #listingEnquiry{
    margin-top:1.5rem;
}


@media screen and (max-width:600px){
    #longTermModal input.form-control,#longTermModal textarea.form-control ,#longTermModal button.btn {
        padding: 0.5rem;
        font-size: 1rem;
    }
    #longTermModal .modal-body p{
        font-size: 1rem;
    }
    #longTermModal .modal-body{
        padding-bottom: 0px;
    }
    #longTermModal .form-group{
        margin-bottom: 1rem!important;
    }
    #longTermModal .form-group.margin-group{
        margin-bottom: 0rem!important;
    }
}

.tail-select:hover .select-label, .tail-select.idle .select-label, .tail-select.active .select-label {
    z-index: 25;
    box-shadow: unset;
    -webkit-box-shadow: unset;
}
