Multi-status Slider

/*START -Change pagination colors*/

button.lp-arrow {
    background-color: transparent;
    border-color: #000!important;
    &:before {
            color: #000;
    }
    &:hover {
            background-color: #000!important;
            color: #fff;
    }
    &:hover:before {
                    color: #fff;
    }
}
@media (max-width: 768px){
button.lp-arrow {
    background-color: transparent;
    border-color: #000!important;
    &:before {
            color: #000;
    }
    &:hover {
            background-color: #000!important;
            color: #fff;
    }
    &:hover:before {
                    color: #fff;
    }
}
}
/*END  -Change pagination colors*/

/*START - fix bug on slick arrow*/
div.lp-container{
    max-width: 1576px;
    .properties-slider__wrapper {
        @media only screen and (min-width:769px){
                padding-left: 88px;
                padding-right: 88px;
            }
            @media only screen and (max-width:768px){
                padding-left: 0px!important;
                padding-right: 0px!important;
                
            }
    
    }
    @media only screen and (max-width:768px) {
        div.properties-slider-padding {
            padding-left: 0px!important;
            padding-right: 0px!important;
        }
    }
}

/*START - add theming*/
div.lp-container{
        .properties-slider__item-status{
            color: #fff!important;
            background: #000!important;
            padding:10px;
            text-transform:uppercase;
            font-size:14px;
        }
        .properties-slider__item-container {
            background-color: #000;
            padding: 19px 25px 25px 25px;
            .properties-slider__item-info {
                color: #fff;
            }
        }
}
/*END - add theming*/

/*END - add theming*/