/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */



div#sln-salon {
    background: transparent !important;
}

div#sln-box--fixed_height {
    max-height: 100% !important;
}

.sln-btn {
    border-radius: 0 !important;;
}

.sln-box--main, #sln-salon .sln-box--main {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

#sln-salon.sln-salon--l .sln-box__bottombar .sln-total .sln-total-label {
    font-weight: bold;
}

.sln-list, #sln-salon .sln-list {
    background-color: transparent !important;
}

.sln-btn, .sln-bootstrap .sln-btn, a.sln-btn, .sln-bootstrap a.sln-btn, 
#sln-salon .sln-btn, #sln-salon .sln-bootstrap .sln-btn, #sln-salon a.sln-btn, #sln-salon .sln-bootstrap a.sln-btn, 
#sln-salon.sln-loginform:not(.sln-customcolors) #loginform #wp-submit {
    z-index: 1 !important;
}


.sln-list .sln-list__item:not(.sln-list--400), 
#sln-salon .sln-list .sln-list__item:not(.sln-list--400) {
    padding: 0.8rem 1.125rem !important;   
}

#sln-salon .sln-list .sln-summary-row.sln-list__item:not(.sln-list--400),
#sln-salon .sln-list .sln-summary-row.sln-list__item:not(.sln-list--400) {
    padding: 1.5rem 1.125rem !important;   
}

#sln-plugin-credits , 
.sln-credits,
.sln-salon--l-credits {
    display: none !important;
}





@media only screen and (min-width: 768px) {
    .sln-list__item.sln-list__item--icons {
        padding: 0.5rem 1.125rem !important;
    }

    .sln-list .sln-list__item:not(.sln-list--400), #sln-salon .sln-list .sln-list__item:not(.sln-list--400) {
        padding: 0.8rem 1.125rem !important;   
    }

}

@media screen and (min-width: 990px) {
    div#sln_timepicker_viewdate {
        font-size: 0.8em !important;
        font-weight: normal !important;
    }
}


@media only screen and (min-width: 992px) {
    #sln-salon.sln-salon--l .sln-attendant {
        margin-bottom: 0.25rem !important;
    }
}


@media only screen and (max-width: 599px) {

    /** Stop shakiness on some screens **/
    /*.sln-box__bottombar, #sln-salon .sln-box__bottombar {
        position: fixed !important;
        bottom:0;
        width: 100% !important;
        max-width: 100vw !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        padding-bottom: 1.5rem;
    }*/

    .sln-box__bottombar, #sln-salon .sln-box__bottombar {
        background-color: #fff !important;
        box-shadow: 0px -4px 9px -3px rgb(129 43 224 / 50%);
    }

    .sln-box__bottombar .sln-box__bottombar__fkbg, #sln-salon .sln-box__bottombar .sln-box__bottombar__fkbg {
        background-color: #fff !important;
    }

    .sln-box__bottombar .sln-box__bottombar__fkbg::before, 
    #sln-salon .sln-box__bottombar .sln-box__bottombar__fkbg::before {
        background-color: #fff !important;
    }


    .elementor-location-footer {
        width: 100% !important;
        /* position: fixed;*/
        bottom: 0;
        z-index: 1000;
        text-align: center !important;
    }

    .sln-box__bottombar.sln-box__bottombar--notsticky.sln-box__bottombar--l, #sln-salon .sln-box__bottombar.sln-box__bottombar--notsticky.sln-box__bottombar--l {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    
    }

    /*
    .elementor-location-footer section {
        background: #fff !important;
        width: 100% !important;
        text-align: center !important;
    }

    .elementor-location-footer section p,
    .elementor-location-footer section a {
        color: #000000 !important;
        opacity: 0.4;
        font-size: 0.7rem !important;
    }*/

}

@media (max-width: 767px) {

    .elementor-sticky--active {
        z-index: 950 !important;
    }


    .sln-box--formactions .pull-right {
        width: 45% !important;
    }

    .sln-box__bottombar.sln-box__bottombar--notsticky.sln-box__bottombar--l, 
    #sln-salon .sln-box__bottombar.sln-box__bottombar--notsticky.sln-box__bottombar--l {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }


}






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

    .elementor-sticky--active {
        z-index: 950 !important;
    }
    .sln-box--formactions {
        position: fixed;
        bottom: 0;
        left: 0;
        background: #fff;
        width: 105%;
        height: 80px;
        z-index: 4 !important;
        padding: 10px;
    }

    .sln-box--formactions .pull-right {
        width: 45% !important;
    }


    #sln-salon .sln-total {
        position: fixed;
        bottom: 25px;
        left: 0;
        background: #fff;
        width: 105%;
        padding: 10px 30px;
        z-index: 5;
        box-shadow: 0px -4px 9px -3px rgb(129 43 224 / 50%);
    }

    .sln-checkbox input[required=required] + label {
        z-index: 0;
    }

    #sln-salon .sln-btn--medium button,
    .sln-bootstrap .sln-btn,
    #sln-salon .sln-btn {
        z-index: 3 !important;
    }

    .col-xs-12.sln-summary__terms {
        padding-bottom: 5rem;
    }
}*/


/*.sln-service, #sln-salon .sln-service {
    padding-top:0 !important;
    margin-bottom: 0 !important;
}

.sln-box--main .sln-service {
    top:-10px;
    margin-top: 10px !important;
    border: 1px solid rgb(150 107 246 / 40%);
}

#sln-salon.sln-salon--l .sln-attendant {
    margin-bottom: 0.5em !important;
    border: 1px solid rgb(150 107 246 / 40%);
}

.sln-attendant, #sln-salon .sln-attendant {
    padding-top: 1.1em;
    padding-bottom: 0.3em;
}

.sln-box--main .sln-service__header {
    margin-top: 15px;
}

#sln-salon h3.sln-steps-price.sln-service-price {
    font-size: 1em !important;
    font-weight: 800 !important;
}


.sln-box--main .sln-steps-description.sln-service-description {
    margin-bottom: 1.5em !important;;
}

#sln-plugin-credits {
    display:none;
}*/