/* =========================================
   CNR DETAILING - SALON BOOKING STYLING
   PAGINA ID: 1870
========================================= */

/* ---------- FLATSOME LAYOUT ---------- */

body.page-id-1870 #wrapper,
body.page-id-1870 #main,
body.page-id-1870 #main.dark {
    background-color: #000 !important;
}


/* ---------- BOOKING CONTAINER ---------- */

body.page-id-1870 #sln-salon,
body.page-id-1870 #sln-salon--content {
    background: #000 !important;
    color: #fff !important;
    font-family: 'Open Sans', sans-serif;
}


/* ---------- TITELS ---------- */

body.page-id-1870 #sln-salon h2.sln-salon-title,
body.page-id-1870 #sln-salon h3,
body.page-id-1870 #sln-salon h4 {
    color: #fffc9a !important;
}


/* ---------- SUB TITELS ---------- */

body.page-id-1870 #sln-salon .salon-step-title,
body.page-id-1870 #sln-salon .sln-steps-duration,
body.page-id-1870 #sln-salon p,
body.page-id-1870 #sln-salon span,
body.page-id-1870 #sln-salon label {
    color: #d0d0d0 !important;
}


/* ---------- SERVICE CARDS ---------- */

body.page-id-1870 #sln-salon .sln-service {
    background: #111 !important;
    border: 1px solid rgba(255,252,154,0.12) !important;
    border-radius: 10px;
    padding: 25px;
    margin-bottom: 20px;
}


/* ---------- SERVICE NAAM ---------- */

body.page-id-1870 #sln-salon h3.sln-service-name,
body.page-id-1870 #sln-salon .sln-service-name {
    color: #fffc9a !important;
    font-weight: 600;
}


/* ---------- BESCHRIJVING ---------- */

body.page-id-1870 #sln-salon .sln-service-description p {
    color: #cfcfcf !important;
}


/* ---------- PRIJS ---------- */

body.page-id-1870 #sln-salon .sln-service-price,
body.page-id-1870 #sln-salon .sln-total-price {
    color: #fffc9a !important;
    font-size: 24px !important;
    font-weight: 700 !important;
}


/* ---------- SUBTOTAAL LABEL ---------- */

body.page-id-1870 #sln-salon .sln-total-label {
    color: #fffc9a !important;
}


/* ---------- PROGRESS BAR ---------- */

body.page-id-1870 #sln-salon .sln-progbar .sln-progbar__item--current,
body.page-id-1870 #sln-salon .sln-progbar .sln-progbar__item--current ~ .sln-progbar__item {
    background-color: #fffc9a !important;
}


/* ---------- BUTTONS ---------- */

body.page-id-1870 #sln-salon button,
body.page-id-1870 #sln-salon .btn,
body.page-id-1870 #sln-salon .button,
body.page-id-1870 #sln-salon .sln-btn--emphasis button {
    background: #fffc9a !important;
    border: none !important;
    color: #000 !important;
    border-radius: 6px;
    font-weight: 600;
}


/* ---------- INPUTS ---------- */

body.page-id-1870 #sln-salon input,
body.page-id-1870 #sln-salon textarea,
body.page-id-1870 #sln-salon select {
    background: #111 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
}


/* ---------- SERVICE LIST ---------- */

body.page-id-1870 #sln-salon .sln-service-list,
body.page-id-1870 #sln-salon .sln-list {
    background: #000 !important;
}

```css id="w57j1m"
/* =========================================
   EXTRA OVERRIDES VOOR WITTE BLOKKEN
========================================= */

/* Bovenste booking header */
body.page-id-1870 #sln-salon .sln-box,
body.page-id-1870 #sln-salon .sln-box--main,
body.page-id-1870 #sln-salon .sln-step-services {
    background: #000 !important;
}


/* Linker service lijst */
body.page-id-1870 #sln-salon .sln-service-list,
body.page-id-1870 #sln-salon .sln-service,
body.page-id-1870 #sln-salon .sln-list {
    background: #111 !important;
}


/* Rechter sidebar / subtotal */
body.page-id-1870 #sln-salon .sln-sidebar,
body.page-id-1870 #sln-salon .sln-summary,
body.page-id-1870 #sln-salon .sln-total-wrapper,
body.page-id-1870 #sln-salon .sln-box--sidebar {
    background: #000 !important;
}


/* Progress bar achtergrond */
body.page-id-1870 #sln-salon .sln-progbar {
    background: #222 !important;
}


/* Checkbox vakjes */
body.page-id-1870 #sln-salon input[type="checkbox"] + label:before,
body.page-id-1870 #sln-salon .sln-checkbox {
    border-color: #fffc9a !important;
    background: transparent !important;
}


/* Volgende stap knop */
body.page-id-1870 #sln-salon .sln-btn,
body.page-id-1870 #sln-salon .sln-btn button,
body.page-id-1870 #sln-salon .sln-btn--emphasis button {
    background: #fffc9a !important;
    color: #000 !important;
    opacity: 1 !important;
}


/* ALLE WITTE BOOKING BLOKKEN */
body.page-id-1870 #sln-salon div {
    background-color: transparent;
}

/* HOOFD CONTAINERS ZWART */
body.page-id-1870 #sln-salon,
body.page-id-1870 #sln-salon--content,
body.page-id-1870 #sln-salon .sln-step-services,
body.page-id-1870 #sln-salon .sln-box,
body.page-id-1870 #sln-salon .sln-box--main,
body.page-id-1870 #sln-salon .sln-service-list,
body.page-id-1870 #sln-salon .sln-summary,
body.page-id-1870 #sln-salon .sln-sidebar {
    background: #000 !important;
}

/* SERVICE CARDS */
body.page-id-1870 #sln-salon .sln-service {
    background: #111 !important;
}

/* Salon content achtergrond */
body.page-id-1870 #sln-salon #sln-salon__content {
    background-color: #000 !important;
}