Mls Grid

div.range-title{
    text-transform: capitalize;
}

/*input theming*/
div.filters__grid{
    .custom-select-toggle{
        color: #000;
        opacity: 1;
        border-bottom: 1px solid #000;
        &:after{
            border-color: #000;
        }
    }
    .lp-input-group--search .lp-input{
        color: #035078; 
        border-bottom: 1px solid #000;
        opacity: 1;
    }
    .lp-input-group--search::before{
        opacity: 1;
        filter: none;
    }
    .lp-input{
        color: #000;
        @media only screen and (max-width:768px){
            border-bottom: 1px solid #000;
        }
    }
}


/*end*/





div.lp-vertical-paddings{
    padding-top: 64px;
    padding-bottom: 76px;
    @media only screen and (max-width: 768px){
        padding-bottom: 44px;
        padding-top: 32px;
    }
}

/* Start Reduce margin  */
.lp-title-group .lp-h1, .lp-title-group .lp-h2{
    margin:0;
}
/*End*/



/*START -  price and living area value slider - */
div.range-slider .irs--round .irs-handle {
    cursor: pointer;
    background-color: #fff;
    border-color: #7C7A61;
    i{
        background: #7C7A61;
    }
    transition: .3s;
    &:hover{
        border: 1px solid #7C7A61;
        background-color: #7C7A61;
        i{
            background: #fff;
        }
    }

}
/*END*/

/*START Dropdown Theming - */
div.filters__grid-item .custom-select-menu .custom-select-item {
    color: #000;
    background-color: #fff;
    &:hover{
        color: #fff;
        background-color: #7C7A61;
    }
}
/*END*/
@media only screen and (max-width: 768px){
    .filters__wrapper[aria-expanded="true"] .filters__submit{
            background-color: transparentimportant;
             display: block;
            border-color: #000;
    }
    .filters__wrapper[aria-expanded="true"]{
        background-color: #fff!important;
    }
    
    .lp-btn{
        border-color: #7C7A61!important;
        background-color: transparent!important;
        color: #7C7A61;
        &:hover{
            border-color: #7C7A61;
            background-color: #7C7A61;
            color: #fff;
        }
    }
    .lp-input{
        border-color: #000;
        color: #000;
    }
    .filters__close{
        filter: none;
    }
}


div.range-slider .irs--round .irs-bar{
    background-color: #000;
}
div.listing-card__logo{
    filter: brightness(0) invert(1);
}