/*!
Theme Name: LiquidColor Child
Theme URI: https://liquidcolor.de
Description: LiquidColor Wordpress Theme
Author: Alexander Eberle
Author URI: https://liquidcolor.de
Template: liquidcolor
Version: 1.0.0
Text Domain: liquidcolor
*/

 /* Add your custom style here */

 /* Zahlungslink Email verifizieren */

 .page-id-282 .woocommerce-form.woocommerce-verify-email {
    background-color: #2d2d34;
    border: 1px solid #38383e;
    border-radius: 16px;
    padding: 20px 20px 0;
    max-width: 585px;
    margin: 50px auto;

    .form-row {
        width: 100% !important;
    }
 }

 /* Woocommerce Login */

 .page-id-283.woocommerce-account .woocommerce {
    background-color: #2d2d34;
    border: 1px solid #38383e;
    border-radius: 16px;
    padding: 20px 20px 0;
    max-width: 585px;
    margin: 150px auto 0;
    @media (max-width: 767px) {
        margin: 100px auto 0;
    }
 }


 #bookingform {

    --bg-color: #000 !important;

    .input-row {
        label {
            background-color: #171717;
        }
    }

    #map, #hourly_map {
        border-radius: 16px;
    }

    #pickup, #return {
        background-color: #171717;
        
    }

    #route {
        background-color: #171717;
        
            #panel_transfer, #panel_hourly {
                i.fa-location-dot, i.fa-plus, i.fa-clock { 
                    background-color: #171717;
                }
            }
    }

    .type {
        background-color: #000;
            >div.active {
                background-color: #31a7b9;
            }
    }

    #transfer-ext .type, #airport_pickup, .box-bg {
        background-color: #171717;
    }

    h1, h2, h3, h4 {
        margin: 0 !important;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 40px;
        letter-spacing: 1px;
    }

    .buttons {
        >div {
            background-color: #171717;
        }
        >div.next {
            background-color: #31a7b9;
        }
    }

    .passenger {
        >h4 {
            font-size: 18px !important;
        }
    }

    #ui-datepicker-div {
        background-color: #000000;
        border: none;

        .ui-datepicker-prev span, .ui-datepicker-next span {
            color: #fff;
        }

        .ui-datepicker-calendar {
            >thead>tr {
                background-color: #171717;
                padding: 5px 15px;
                margin-bottom: 10px;
            }
            .ui-datepicker-today>a {
                background-color: #171717;
                font-weight: 600;
            }
            .ui-datepicker-current-day>a {
                background-color: #31a7b9;
                color: #fff;
                font-weight: 600;
            }
            td:not(.ui-datepicker-current-day)>a:hover {
                background-color: #31a7b9;
            }
        }
    }

    .ui-timepicker-list li {
        padding: 5px 15px;
        color: #fff;
    }

    li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover {
        background-color: #31a7b9 !important;
    }

    #mini_summary {
        background: #171717;
        #mini_summary_data {
            >div {
                background-color: #000;
            }
        }
    }

    .box {
        border: 2px solid #171717;
    }

    .vehicle-list {
        >div {
            border: 2px solid #000;
            background-color: #171717;
            >i.fa-square-check {
                color: #31a7b9;
            }
            div:nth-child(2) {
                .vehicle-price {
                    color: #31a7b9;
                }
            }
        }
        >div:hover, div.active {
            background-color: #171717;
            border: 2px solid #31a7b9;
        }
    }

    textarea {
        background-color: #000;
        border: none !important;
    }

    #summary {
        .route {
            .airport>div>span {
                background-color: #171717;
                color: #808080;
                font-size: 14px;
            }
        }
    }

    .dropdown {
        > span {
            >select {
                color: #fff;
            }
        }
    }
 }