/* ==========================================================
   TARG xGen Search
   Version: 2.0
   ========================================================== */

/* HOME / DESKTOP */
@media (min-width: 768px) {

    body.home .rh_prop_search {
        position: relative;
        z-index: 40;
        max-width: 1320px;
        margin: -46px auto 64px !important;
        padding: 0 32px;
        overflow: visible !important;
    }

    body.home .rh_prop_search__form {
        border-radius: 22px;
        background: #fff !important;
        box-shadow: 0 28px 80px rgba(15, 23, 42, .18);
        overflow: visible !important;
    }

    body.home .rh_prop_search__fields {
        display: flex;
        align-items: stretch;
        min-height: 82px;
        padding: 0 !important;
        margin: 0 !important;
        gap: 0 !important;
        border-radius: 22px;
        background: #fff !important;
        overflow: visible !important;
    }

    body.home .rh_prop_search__option {
        flex: 1 1 0;
        min-height: 82px;
        display: flex;
        align-items: center;
        padding: 0 30px !important;
        margin: 0 !important;
        border-right: 1px solid #E7EAF0;
        background: #fff !important;
        overflow: visible !important;
    }

    body.home .rh_prop_search__option:first-child {
        border-radius: 22px 0 0 22px;
    }

    body.home .rh_prop_search__selectwrap,
    body.home .rh_prop_search__selectwrap .bootstrap-select,
    body.home .rh_prop_search__selectwrap .dropdown-toggle,
    body.home .rh_prop_search__selectwrap .btn {
        width: 100%;
        height: 82px !important;
        line-height: 82px !important;
        padding: 0 !important;
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    body.home .rh_prop_search__selectwrap .filter-option {
        display: flex;
        align-items: center;
        height: 82px;
        font-size: 16px;
        font-weight: 400;
        color: #172033;
    }

    body.home .rh_mod_text_field {
        width: 100%;
        height: 82px;
        border: none !important;
        box-shadow: none !important;
        font-size: 16px;
        font-weight: 400;
        padding: 0 !important;
        color: #172033;
        background: transparent !important;
    }

    body.home .rh_mod_text_field::placeholder {
        color: #172033;
        opacity: .85;
    }

    body.home .bootstrap-select .dropdown-toggle .caret {
        right: 4px;
        color: #697386;
    }

    body.home .rh_prop_search__buttons,
    body.home .rh_prop_search__searchBtn {
        flex: 0 0 280px;
        width: 280px;
        min-width: 280px;
        max-width: 280px;
        height: 82px;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 22px 22px 0;
        background: #C69C6D !important;
        overflow: hidden;
    }

    body.home .rh_prop_search__buttons .rh_btn,
    body.home .rh_prop_search__searchBtn .rh_btn,
    body.home .rh_prop_search__buttons button,
    body.home .rh_prop_search__searchBtn button {
        width: 100%;
        height: 82px !important;
        min-height: 82px !important;
        line-height: 82px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 0 22px 22px 0 !important;
        background: #C69C6D !important;
        color: #fff !important;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0;
        text-transform: none;
        box-shadow: none !important;
    }

    body.home .rh_prop_search__buttons .rh_btn:hover,
    body.home .rh_prop_search__searchBtn .rh_btn:hover,
    body.home .rh_prop_search__buttons button:hover,
    body.home .rh_prop_search__searchBtn button:hover {
        background: #B78B5A !important;
    }

    body.home .bootstrap-select.open,
    body.home .bootstrap-select.show {
        z-index: 9999;
        background: #fff !important;
    }

    body.home .bootstrap-select .dropdown-menu {
        z-index: 99999 !important;
        border: none !important;
        border-radius: 16px !important;
        box-shadow: 0 22px 60px rgba(15, 23, 42, .18);
        margin-top: 12px;
        background: #fff !important;
        overflow: hidden !important;
    }

    body.home .bootstrap-select .dropdown-menu.inner {
        background: #fff !important;
        scrollbar-width: thin;
        scrollbar-color: #C69C6D #F5F2ED;
    }

    body.home .bootstrap-select .dropdown-menu.inner::-webkit-scrollbar {
        width: 6px;
    }

    body.home .bootstrap-select .dropdown-menu.inner::-webkit-scrollbar-track {
        background: #F5F2ED !important;
    }

    body.home .bootstrap-select .dropdown-menu.inner::-webkit-scrollbar-thumb {
        background: #C69C6D !important;
        border-radius: 999px;
    }

    body.home .bootstrap-select .dropdown-menu li a {
        background: #fff !important;
        color: #172033 !important;
        font-size: 15px;
        padding: 13px 20px;
    }

    body.home .bootstrap-select .dropdown-menu li.selected a,
    body.home .bootstrap-select .dropdown-menu li.active a,
    body.home .bootstrap-select .dropdown-menu li a:hover {
        background: #F5F2ED !important;
        color: #172033 !important;
    }

    body.home .dropdown-menu .bs-searchbox,
    body.home .dropdown-menu .bs-searchbox input {
        background: #fff !important;
        color: #172033 !important;
    }
}

/* MOBILE */
@media (max-width: 767px) {

    .rh_prop_search {
        position: relative;
        z-index: 20;
        margin-top: 0 !important;
        margin-bottom: 12px !important;
        padding: 0 var(--space-md) 12px;
    }

    .rh_prop_search__form {
        background: var(--surface-card);
        border-radius: var(--radius-xl);
        box-shadow: var(--shadow-md);
        overflow: visible !important;
    }

    .rh_prop_search__fields {
        background: transparent;
    }

    .rh_prop_search__option {
        display: flex;
        align-items: center;
        min-height: 56px;
        padding: 0 22px;
        border-bottom: 1px solid #ECEFF3;
        background: #fff !important;
    }

    .rh_prop_search__selectwrap,
    .rh_prop_search__selectwrap .bootstrap-select,
    .rh_prop_search__selectwrap .dropdown-toggle,
    .rh_prop_search__selectwrap .btn {
        width: 100%;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }

    .rh_prop_search__selectwrap .dropdown-toggle {
        height: 56px !important;
        line-height: 56px !important;
        padding: 0 !important;
    }

    .rh_prop_search__selectwrap .filter-option {
        display: flex;
        align-items: center;
        height: 56px;
        font-size: 17px;
        color: var(--text-primary);
    }

    .rh_mod_text_field {
        height: 56px;
        border: none !important;
        box-shadow: none !important;
        font-size: 17px;
        padding: 0 !important;
        background: transparent !important;
    }

    .rh_prop_search__buttons,
    .rh_prop_search__searchBtn {
        height: 58px;
        background: var(--color-primary);
    }

    .rh_prop_search__buttons .rh_btn,
    .rh_prop_search__searchBtn .rh_btn,
    .rh_prop_search__buttons button,
    .rh_prop_search__searchBtn button {
        height: 58px;
        line-height: 58px;
        font-size: 19px;
        font-weight: 500;
        border-radius: 0 0 var(--radius-xl) var(--radius-xl);
        background: var(--color-primary);
    }
}

@media (min-width: 768px) {

    body.home .rh_prop_search__fields {
        width: 100% !important;
    }

    body.home .rh_prop_search__buttons,
    body.home .rh_prop_search__searchBtn {
        flex: 0 0 300px !important;
        width: 300px !important;
        max-width: 300px !important;
        min-width: 300px !important;
        margin-left: 0 !important;
    }

    body.home .rh_prop_search__buttons::after,
    body.home .rh_prop_search__searchBtn::after {
        display: none !important;
    }

    body.home .rh_prop_search__buttons .rh_btn,
    body.home .rh_prop_search__searchBtn .rh_btn,
    body.home .rh_prop_search__buttons button,
    body.home .rh_prop_search__searchBtn button {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        border-radius: 0 22px 22px 0 !important;
    }
}