Schedule a Showing Code

/* Scheduling a Property Theme by WB Nicolas V*/
/* Change slick arrow theme  */
.schedule .step .calendar {
    .lp-arrow{
        border-color: #000;
    }
    .lp-arrow:before{
        border-color: #000;
    }
    .lp-arrow:hover{
        border-color: #000;
        background: #000;
    }
    .lp-arrow:hover:before{
        border-color: #FFF;
    }
}

@media (max-width: 568px) {
    .schedule {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/*Schedule A Showing Padding - Ipad view Producer- WB Nicolas V*/
.schedule .schedule__content{
    @media(min-width: 765px) and (max-width: 1025px) {
        padding-top: 0px;
        padding-bottom: 60px;
    }
}
/*END*/

/* Hour select change color */
.custom-select-toggle {
    border-color: #000;
    color: #000;
    &:after {
        border-color: #3B3D3D;
    }
}


/* Change label buttons */
.schedule .step .type-selector {
    label.lp-btn {
    border-color: #000; 
    color: #000;
    }
    label.lp-btn:hover {
    border-color: #000;
    background: #000;
    color: #fff;
    }
}

/* Change NEXT button color */
.schedule .step button.js-btn-next{
    border: 2px solid #000!important;
    color: #000!important;
    text-transform: uppercase;
    background: #fff;
    font-weight: 700;
    padding: 14px 20px;
    &:hover {
        background: #000!important;
        color: #fff!important;
    }
}

/* END */