#header-menu-template-projektujeme-electro-sticky-wrapper {
    & {
        position: relative;
        z-index: 1009;
    }

}

#header-menu-template-projektujeme-electro-sticky-wrapper #header-menu-template-projektujeme-electro {
    & {
        background: transparent;
        transition: background 0.2s ease-in-out;
        padding: 1rem 0;
    }


}

#header-menu-template-projektujeme-electro-sticky-wrapper.is-sticky #header-menu-template-projektujeme-electro {

    & {
        /*background: white;*/
        background: linear-gradient(140deg, #2d8fe4, #0dced9);
    }

    .menu-item {
        /*color: #252525;*/
        color: white;
    }

    /*.menu-deco {*/
    /*    background: #d9d9d9;*/
    /*}*/
}

#header-menu-template-projektujeme-electro {

    @media (min-width: 992px) {
        .container-fluid {
            padding-left: 45px;
            padding-right: 45px;
        }
    }

    .menu-content {
        display: flex;
        gap: 1rem;
        padding: 0.5rem 0 0.5rem 0.5rem;
        align-items: center;
    }

    .menu-item {
        color: #e4e4e4;
        text-decoration: none !important;
        font-weight: 600;
        transition: color 0.3s ease-in-out;
    }

    .menu-deco {
        width: 30px;
        height: 2px;
        background: #a2a2a2;
        transition: color 0.3s ease-in-out;
    }

    .menu-ico {
        width: 30px;
    }

    /* BURGER BUTTON */

    .burger-btn {
        display: none;
        position: absolute;
        top: 18px;
        left: 340px;
        background: none;
        border: 0;
        cursor: pointer;
        z-index: 1001;
        transition: left 1s ease-in-out;
    }


    /* MOBILE */
    @media (max-width: 1299px) {

        .burger-btn {
            display: block;
        }

        .burger-btn.is-open {
            left: 255px;
        }

        .menu-container {
            position: relative;
            max-width: 320px;
            background: rgba(0, 0, 0, 0.9);
            flex-direction: column;
            padding: 63px 0 25px 0;
            box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
            z-index: 1000;
            transition: left 1s ease-in-out;
            border-bottom-right-radius: 50px;
            left: -320px;
        }
        .menu-container.is-open {
            left: 0;
        }

        .menu-deco {
            width: 85%;
            left: 5%;
            position: relative;
        }

        .menu-content {
            flex-direction: column;
            align-items: flex-start;
            width: 100%;
            gap: 0;
            padding: 0.5rem 0;
        }

        .menu-item {
            width: 100%;
            color: white;
            padding: 20px 25px;
            font-weight: normal;
        }

    }
}