/*
Theme Name: ProMotors Child
Theme URI: http://demo.bravisthemes.com/promotors/
Author: Bravis-Themes
Author URI: https://themeforest.net/user/bravis-themes/
Description: Promotors is a Car Repair Service WordPress Theme. This Template can be used for Auto Mechanic, Car Repair Shops, Garages, Mechanic Workshops, Auto Painting and other Auto and Car related services. Promotors theme has a beautiful and unique design that will be best suited for your business.
Version: 1.0.5
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: promotors
Text Domain: promotors-child
Tags: automotive, bike, car, car service, dark, detailing, elementor, engineering, motorcycle, repair, repair service, technics, template, vehicle.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.item-image img {
	display: none !important;
}

/* Input fields */
.walcf7-datepicker,
.walcf7-timepicker {
    color: #fff !important;
    padding: 14px 16px !important;
    font-size: 15px;
    line-height: 1.2;
    transition: all .25s ease;
    box-shadow: none !important;
}

.walcf7-datepicker::placeholder,
.walcf7-timepicker::placeholder {
    color: rgba(255,255,255,.45);
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    box-shadow: none !important;
}


/* Main popup */
.xdsoft_datetimepicker {
    background: #1b1b1b !important;
    border: 1px solid rgba(209, 102, 40, 0.25) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.35) !important;
    padding: 12px !important;
    color: #fff !important;
    font-family: inherit;
}

/* Remove default inner borders/backgrounds */
.xdsoft_datetimepicker * {
    box-sizing: border-box;
}

.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
    background: transparent !important;
    border: 0 !important;
}

/* Header / month-year area */
.xdsoft_datetimepicker .xdsoft_monthpicker {
    margin-bottom: 10px;
}

.xdsoft_datetimepicker .xdsoft_label,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
    background: transparent !important;
    color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_label > span {
    color: #fff !important;
    font-weight: 600;
}

.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next {
    opacity: .9;
    transition: opacity .2s ease, transform .2s ease;
}

.xdsoft_datetimepicker .xdsoft_prev:hover,
.xdsoft_datetimepicker .xdsoft_next:hover {
    opacity: 1;
    transform: scale(1.06);
}

/* Week day row */
.xdsoft_datetimepicker .xdsoft_week {
    color: rgba(255,255,255,.55) !important;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

/* Days */
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
    background: transparent !important;
    border: 0 !important;
    padding: 3px !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    background: #232323;
    border: 1px solid transparent;
    color: #fff;
    border-radius: 10px;
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover > div {
    border-color: rgba(209, 102, 40, 0.45);
    background: #2a2a2a;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current > div,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default > div,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today > div {
    background: #d16628 !important;
    border-color: #d16628 !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(209, 102, 40, .22);
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month > div {
    opacity: .35;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled > div,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: .25;
    cursor: not-allowed;
}

/* Time list wrapper */
.xdsoft_datetimepicker .xdsoft_timepicker {
    margin-left: 10px;
    width: 120px !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    background: #232323 !important;
    border-radius: 10px;
    border: 1px solid rgba(209, 102, 40, 0.18);
}

/* Time list */
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    border: 0 !important;
    background: transparent !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    background: #232323 !important;
    border: 1px solid transparent !important;
    color: #fff !important;
    border-radius: 10px;
    margin: 0 0 6px 0;
    padding: 10px 12px !important;
    height: auto !important;
    line-height: 1.2 !important;
    font-size: 14px;
    transition: all .2s ease;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    background: #2a2a2a !important;
    border-color: rgba(209, 102, 40, 0.45) !important;
    color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_default {
    background: #d16628 !important;
    border-color: #d16628 !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(209, 102, 40, .22);
}

/* Scrollbar */
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box::-webkit-scrollbar {
    width: 8px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box::-webkit-scrollbar-track {
    background: #1b1b1b;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box::-webkit-scrollbar-thumb {
    background: rgba(209, 102, 40, 0.55);
    border-radius: 999px;
}

/* Small screens */
@media (max-width: 767px) {
    .xdsoft_datetimepicker {
        padding: 10px !important;
        border-radius: 16px !important;
    }

    .xdsoft_datetimepicker .xdsoft_timepicker {
        width: 105px !important;
        margin-left: 8px;
    }

    .xdsoft_datetimepicker .xdsoft_calendar td > div {
        min-height: 32px;
        border-radius: 8px;
        font-size: 13px;
    }

    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
        font-size: 13px;
        padding: 9px 10px !important;
    }
}