/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.5.1
	Stable tag: 3.5.1
	Requires at least: 6.0
	Tested up to: 7.0
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*//* =========================================
   GET A QUOTE BUTTON
========================================= */

.quote-btn {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 5px !important;
    background: #928671 !important;
    overflow: hidden !important;
    cursor: pointer !important;
    border: none !important;
    margin: 10px 24px !important;
}

.quote-btn a {
    text-align: center !important;
    justify-content: center !important;
    background: #211F20 !important;
    text-decoration: none !important;
    width: 100% !important;
    padding: 14px 20px !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    z-index: 20 !important;
}

.quote-btn:hover a {
    color: #fff !important;
}

.quote-btn:hover {
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18) !important;
}


/* =========================================
   HIDE QUOTE BUTTON ON DESKTOP
========================================= */

@media (min-width: 1024px) {
    .quote-btn {
        display: none !important;
    }
}


/* =========================================
   MOBILE / TABLET SUBMENU
========================================= */

@media (max-width: 1024px) {

    /*
     * IMPORTANT:
     * Submenu is CLOSED by default.
     */
    .elementor-nav-menu--dropdown
    .menu-item-has-children > .sub-menu {
        display: none !important;

        position: static !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: auto !important;
        max-height: none !important;

        margin: 8px 0 0 !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;

        overflow: hidden !important;

        background: transparent !important;
        box-shadow: none !important;
        border-radius: 8px !important;
    }


    /*
     * OPEN ONLY AFTER ARROW IS CLICKED
     */
    .elementor-nav-menu--dropdown
    .menu-item-has-children.submenu-open > .sub-menu {
        display: block !important;

        padding: 6px 0 !important;
    }


    /*
     * Parent Services link
     */
    .elementor-nav-menu--dropdown
    .menu-item-has-children > a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }


    /*
     * Arrow
     *
     * CLOSED = 0deg
     */
    .elementor-nav-menu--dropdown
    .menu-item-has-children > a .sub-arrow {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 5px 0 5px 40px !important;

        transform: none !important;

        transition: none !important;
    }


    /*
     * OPEN = EXACTLY 180deg
     */
    .elementor-nav-menu--dropdown
    .menu-item-has-children.submenu-open > a .sub-arrow svg,
    .elementor-nav-menu--dropdown
    .menu-item-has-children.submenu-open > a .sub-arrow .e-font-icon-svg {
        transform: rotate(180deg) !important;
    }


    /*
     * Arrow SVG
     *
     * Do NOT rotate the SVG separately.
     */
     .elementor-nav-menu--dropdown
    .menu-item-has-children > a .sub-arrow svg,
    .elementor-nav-menu--dropdown
    .menu-item-has-children > a .sub-arrow .e-font-icon-svg {
        width: 20px !important;
        height: 20px !important;

        transform: rotate(0deg) !important;

        transform-origin: center center !important;

        transition: transform 0.25s ease !important;
    }

    /*
     * Submenu items
     */
    .elementor-nav-menu--dropdown
    .menu-item-has-children > .sub-menu > li {
        width: 100% !important;
    }


    /*
     * Submenu links
     */
    .elementor-nav-menu--dropdown
    .menu-item-has-children > .sub-menu > li > a {
        display: block !important;

        width: 100% !important;

        padding: 12px 45px !important;

        font-size: 14px !important;
        font-weight: 500 !important;

        color: #1F2937 !important;

        background: transparent !important;

        white-space: normal !important;
    }


    /*
     * Submenu hover
     */
    .elementor-nav-menu--dropdown
    .menu-item-has-children > .sub-menu > li > a:hover,
    .elementor-nav-menu--dropdown
    .menu-item-has-children > .sub-menu > li.current-menu-item > a {
        background: #F5F7FB !important;
        color: #41901C !important;
    }

}