/* 
Theme Name: 3B Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Child theme
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.2
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Original custom css that was present in the customizer */
.es-search-box,
.merk-model-filters {
    background-color: black !important;
}

#make-select,
#model-select {
    background-color: #fff;
    color: black;
    font-weight: bold;
    font-size: 15px;
}

.filters .merk-model-filters .euro-btn-block {
    border-radius: 25px;

}

#extra-filters>button {
    border-radius: 25px;
}

#extra-filters>button:hover {
    background-color: #9d2121;
    font-weight: bold;
}

.filters .merk-model-filters .euro-btn-block:hover {
    background-color: #9d2121;
    font-weight: bold;
}

body>div.elementor.elementor-2357>section.elementor-section.elementor-top-section.elementor-element.elementor-element-1330534.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default>div>div>div>div>div>div>form>div>label {
    font-weight: bold;
}

#es-module-form div .es-icon {
    color: white !important;
}

#es-module-form div .es-registration {
    color: white;
}

.euro-btn-primary {
    border-color: white;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
}

.estocks {
    background-color: black;
}

.es-registration,
.es-pk,
.es-gearbox,
.es-mileage,
.es-fueltype {
    color: black;
}



.eurosearch-car-subtitle,
.eurosearch-car-details,
.eurosearch-car-title {
    color: white !important;
}


.euro-listing-btn {
    background-color: transparent;
    border-style: solid;
    border-width: 1px;
    font-weight: lighter;
    border-color: white !important;
}

.euro-listing-btn:hover {
    background-color: #9d2121;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    color: white;
    border-color: black !important;
}


.euro-btn,
.advnummer,
.es-bg-secondary {
    background-color: black;
    border-style: solid;
    border-width: 1px;
    font-weight: lighter;
    color: white !important;
    border-color: white !important;
}

.es-bg-secondary {
    padding-top: 15px;
}

/* Original css that was present on the inline css field of the header in Elementor */
/* HIDES THE DARK LOGO */
.d-logo:not(.noanimate) {
    display: none;
}

/* SWITCHES LOGO ON SCROLL */
.elementor-sticky--effects .d-logo:not(.noanimate) {
    display: inline-block;
}

.elementor-sticky--effects .l-logo {
    display: none;
}

/* CHANGES THE BACKGROUND MENU ON SCROLL */
.elementor-sticky--effects {
    background: #fff !important;
    /* edit here to change the background color for your sticky header*/
}

/* CHANGES THE TEXT COLOR ON SCROLL */
.elementor-sticky--effects .sticky-menu-items ul li a {
    color: #333 !important;
}

/* edit here to change your text color for sticky header 
}
/* CONTROLS THE TRANSITION SPEED - KEEP ALL SAME SPEED TO HAVE A CLEAN EFFECT */
.elementor-sticky--effects .sticky-menu-items ul li a {
    transition: .5s all ease-in-out;
}

.elementor-sticky--effects {
    transition: .5s all ease-in-out;
}

/*updated changing mobile hamburger menu toggle and menu links on hover on scroll */

/*CHANGES THE ACTIVE MENU ITEM ON SCROLL*/
.elementor-sticky--effects .sticky-menu-items ul li .elementor-item-active {
    color: black
        /*add your color here*/
        !important;
    /* edit here to change the active menu item text color for sticky header */
}

/* CHANGES THE TEXT HOVER COLOR ON SCROLL */
.elementor-sticky--effects .sticky-menu-items ul li a:hover {
    color: black
        /*add your color here*/
        !important;
    /* edit here to change your text color for sticky header */
}

/* CHANGE UNDERLINE COLOR IN ELEMENTOR NAV MENU ON SCROLL */
[data-elementor-type="header"] > section.elementor-sticky--effects {
    background-color: white !important
}

[data-elementor-type="header"] > .elementor-sticky {
    transition: background-color 1s ease !important;
}

[data-elementor-type="header"] > .elementor-sticky.elementor-sticky--effects>.elementor-container {
    min-height: 50px;
}

[data-elementor-type="header"] > .elementor-sticky>.elementor-container {
    transition: min-height 1s ease !important;
}

.logo img {
    max-width: 140px;
    height: auto;
    transition: all 0.5s ease;
}

.elementor-sticky--effects .logo img {
    max-width: 120px;
    height: auto;
}

.elementor-sticky--effects .icon-m svg {
    fill: black !important;
}

.elementor-sticky--effects .menuheadervis a {
    color: black !important;
}

.elementor-sticky--effects .menuheadervis a:hover {
    color: #9D2121 !important;
}

/* CodePix additions to make sure the text is black is cpx-fix-header-color class is present in the body */
.cpx-fix-header-color [data-elementor-type="header"] {
    .elementor-nav-menu--main .elementor-item {
        color: #333 !important;
    }

    /* Logo */
    .l-logo {
        display: none !important;
    }
    .d-logo {
        display: inline-block !important;
    }
}

.cpx-fix-header-color {
    .elementor-widget-icon.icon-m a.elementor-icon {
        /* color: #000 !important; */
        fill: #000 !important;
    }
}

/* Small fixes by CodePix - 05-06-2025 */
@media screen and (max-width: 768px) {
    .es-search-box .es-search-title {
        + .es-fixed-grow {
            margin-bottom: 15px;
        }
        + .es-fixed-grow, + .es-fixed-grow + .es-fixed-grow {
            width: 100%;
            margin-right: 0;
            text-align: left;
        }
    }
}

#es-module-form .merk-model-filters {
    label {
        width: 100%;
    }

    .eurofilters {
        margin-top: 5px;
    }
}

.elementor-widget-hexon-filters-select {
    .hexon-filter-items-dropdown__label:not(.hexon-filter-items-dropdown__active__item) {
        color: var(--e-global-color-8d074f4) !important;
    }
}