CSS for multi-status slider - Bald Head Realty

/*START - add theming*/
div.lp-container{
        .properties-slider__item-status{
            color: #374B28!important;
            background: #FDFEF7!important;
            padding:10px;
            text-transform:uppercase;
            font-size:14px;
            border-radius: 5px;
        }
        .properties-slider__item-container {
            background-color: transparent;
            height: 130px;
            align-items: flex-start!important;
            .properties-slider__item-info {
                color: #374B28;
            }
        }
}

/*END - add theming*/

/*START - change pagination color*/
.lp-arrow{
    &:before {
        border: 1px solid #374B28;
        background-color:#374B28;
    }
    &:after {
        background-color: #fbfcee;
    }
   &:hover, &:focus {
                border-radius: 35px;
                border: 1px solid #374B28!important;
                background-color:transparent!important;
            }
    &:hover:before {
        display:none;
        border: 1px solid #374B28 !important;
        background: #374B28 !important;
    }
    &:hover:after {
        background-color: #374B28 !important;
    }
}

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

.tabs__item {
    text-transform: uppercase;
}