/*
 Theme Name:     WPCS Theme Child
 Theme URI:      
 Description:    WPCS Theme Child
 Author:         DXMedia
 Author URI:     
 Template:       wpcs-theme
 Version:        1.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

#wpcs_theme_site_header .parked_vehicles_popup.header_popup * {
    color: white;
}

#wpcs_theme_site_header .parked_vehicles_popup.header_popup svg * {
    color: white;
    fill: white;
}

.wpcs_theme_icon_headline {
    display: flex;
    gap: 15px;
    align-items: stretch;
}

#header_menu .sub-menu>li a:link,
#header_menu .sub-menu>li a:visited {
    color: white;
}

.search_popup {
    label {
        color: white;
    }
    input[type="submit"] {
        background-color: white;
        color: black;
        cursor: pointer;
    }
    input[type="text"] {
        background: transparent;
        border: none;
        border: 1px solid white;
        padding: 10px;
        color: white;
        outline: none;
        box-shadow: none;
    }
}

#wpcs_theme_site_header {
    .brand_logo img {
        filter: invert(1);
    }
    .wpcs_theme_header_wrapper_top {
        .wpcs_theme_header_button {
            color: black;
            border-color: white;
            background: white;
            &::before {
                background-color: black;
            }
            &:hover {
                color: white;
            }
        }
    }
}

#header_menu {
    .sub-menu li a:hover {
        background-color: white;
        color: black;
    }
}

#wpcs_scroll_top_button_footer {
    bottom: 70px;
    right: 12px;
    padding: 16px;
    line-height: 1;
}

#wpcs_theme_single_brand_models_wrapper {
    .wpcs_theme_model_selection .model h3 {
        color: white
    }
    #wpcs_model_selection_wrapper {
        .model:hover {
            h3 {
                color: white !important;
            }
        }
    }
}

body.home .theme_home_layout_top .wpcs_theme_home_filterform .wpcs_tabs_header .wpcs_tab_control.active,
body.home .theme_home_layout_top .wpcs_theme_home_filterform .wpcs_tabs_header .wpcs_tab_control:hover {
    color: white;
}

body.home .wpcs_theme_home_filterform a.dxim_filter_form_submit {
    color: black;
    border-color: white;
    background: white;
    &::before {
        background-color: black;
    }
    &:hover {
        color: white;
    }
}

.schirmer_elementor_button a {
    position: relative;
    z-index: 1;
    color: white !important;
    &:before {
        content: "";
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: var(--wpcs-theme-border-radius);
        z-index: 0;
        width: 0%;
        transition: width 0.1s ease;
        background-color: var(--wpcs-button-color-bg-hover);
    }
    span.elementor-button-text {
        z-index: 1;
    }
}

.schirmer_elementor_button a:hover {
    color: black !important;
    &:before {
        width: 100%;
        transition: width 0.1s ease;
    }
}

.model_selection_popup {
    .wpcs_theme_model_selection .model h3 {
        color: white
    }
    .model:hover h3 {
        color: var(--wpcs-theme-primary-color-font)
    }
}

.wpcs_theme_model_selection .wpcs_theme_model_selection_wrapper .brand_logo.active {
    border-bottom: 3px solid white;
}

#wpcs_select_list.multiple li.active.wpcs_select_option:hover::before,
#wpcs_select_list.multiple li:focus.wpcs_select_option::before {
    border-color: white;
}

.wpcs_theme_home_filterform {
    .dxim_filter,
    div.wpcsselect .wpcs_select_handle {
        color: white;
    }
    div.wpcsselect .wpcs_select_handle {
        border: 1px solid white;
    }
    div.wpcsselect .wpcs_select_arrow {
        border-left: 1px solid white;
    }
    div.wpcsselect .wpcs_select_arrow::after {
        border: solid white;
        border-width: 0 3px 3px 0;
    }
    div.wpcsselect .wpcs_select_loading::after {
        border: 3px solid white;
        border-color: white transparent var(--wpcs-form-border-color) transparent;
    }
    .dxim_filter_range .noUi-horizontal .noUi-handle,
    .dxim_filter_slider .noUi-horizontal .noUi-handle {
        background: white;
    }
    .dxim_filter_range.inactive .noUi-connects,
    .dxim_filter_range.inactive .noUi-connect,
    .dxim_filter_slider.inactive .noUi-connects,
    .dxim_filter_slider.inactive .noUi-connect {
        background-color: white;
    }
    .dxim_filter_range .noUi-connects,
    .dxim_filter_slider .noUi-connects,
    .dxim_filter_range .noUi-connect,
    .dxim_filter_slider .noUi-connect {
        background: white;
    }
    div.wpcsselect .wpcs_select_delete .dashicons::before {
        color: white;
    }
}

.wpcs_theme_header_image_overlay {
    h1 {
        color: white !important;
    }
}

#wpcs_archive_layout_selector .button.active .line {
    background: var(--wpcs-theme-primary-color-font);
}

#wpcs_archive_layout_selector .button .line {
    background: lightgray;
}

.vehicle-on-archive {
    border: 1px solid !important;
    background-color: white !important;
    .location.wpcs_tag,
    .price_wrapper * {
        color: var(--wpcs-theme-primary-color-font);
    }
    .dxim_vehicle_specifics_list .field {
        padding: 3px;
        border-bottom: 1px solid var(--wpcs-theme-primary-color-font);
    }
}

#wpcs_model_single_models_wrapper {
    .model {
        transition: transform 0.5s ease;
    }
    .model::after {
        background-color: black;
        transition: transform 0.5s ease;
        transform: translateY(101%);
    }
    .model:hover {
        background: transparent !important;
        transition: transform 0.5s ease;
        h3 {
            color: white;
        }
    }
    .model:hover::after {
        transform: translateY(0);
        transition: transform 0.5s ease;
    }
}

.wpcs_person.wpcs_grid_item .data {
    background: black;
}

.wpcs_rows .vehicle-on-archive {
    border: 1px solid black !important;
    .location.wpcs_tag {
        background: var(--wpcs-theme-secondary-color);
        color: var(--wpcs-theme-secondary-color-font);
    }
}

.wpcs_theme_tile *,
.wpcs_person *,
.wpcs_theme_offer_single_prices * {
    color: white !important;
}

#footer_content h5,
.wpcs_theme_service *,
.wpcs_person * {
    color: white !important;
}

#wpcs_theme_menu_open_btn *,
#wpcs_theme_menu_close * {
    stroke: white;
}

.wpcs_person {
    * {
        color: white;
    }
    .wpcs-theme-icon-stroke {
        stroke: white;
    }
}

.wpcs_theme_offer_loop .info * {
    color: white;
}

.wpcs_theme_offer_loop {
    .wpcs_theme_offer_button_wrapper a {
        color: black;
        border-color: white;
        background: white;
        &::before {
            background-color: black;
        }
        &:hover {
            color: white;
        }
    }
}

@media only screen and (max-width: 1024) {}

@media only screen and (max-width: 768px) {
    #wpcs_page_top_row .page_navigation_bar .nav_buttons {
        div.dxim_vehicle_button {
            display: inline-flex;
            flex: 1;
            margin: 0;
        }
    }
    #mateo-widget-bubble.mateo-mb-3 {
        margin-bottom: 100px !important;
    }
    #wpcs_theme_site_header {
        .brand_logo img {
            filter: invert(0);
        }
    }
}