body{
    &:has(#menu-icon.open){
        overflow: hidden!important;
        @media(min-width:1360px){
            overflow:initial!important;
        }
    }
    &.logged-in {
        #mobile-navigation{
            top: 145px!important;
            @media(max-width:1024px){
                top:125px!important;
            }
            @media(min-width:1024px){
                top:145px!important;
            }
        }

        #updated-navigation{
            .submenu{
/*                 top: 145px!important; */
            }
        }
    }

	@media (max-width:1024px){
        .elementor-widget-search-form{
            display: none;
        }
    }
}

@media (max-width:1380px){
	header search,
	header #careers-news{
		display:none!important;
	}
}

#navigation-container{
    position: relative;
	
	a.active{
        color: #e1251b!important;
    }

    #menu-icon{
        display: none;
        width: 30px;
        height: 30px;
        margin-left: auto;
        margin-right: 20px;
        overflow: hidden;
        
        svg{
            margin-top:-2px;
        }
    }

    #updated-navigation{
        ul#main-ul{
            display: flex;
            padding: 0;
            list-style: none;
            justify-content: flex-end;
            margin: 0;

            .main-li{
                .main-item{
                    a{
                        display: inline-block;
                        padding: 20px 20px 30px;
                        font-size: 23px;
                        font-weight: 700;
                        color: #707070;
                        text-transform: uppercase;
                        cursor: pointer;
                    }
                }
                
                &:hover .main-item a{
                    color:#e1251b;
                }
        
                .submenu{
                    display: flex;
					opacity:0;
					visibility:hidden;
					z-index:-10;
					transition: all .25s ease-in;
					transform: translateY(-50px);
                    position: fixed;
                    left: 0;
                    top: 115px;
                    right: 0;
                    background-color: #fff;
					transition-delay:.25s;
					

                    ul.submenu-tabs{
                        list-style: none;
                        padding: 0;
                        border-right: solid 1px #707070;

                        li{
                            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" fill="gray" style="fill:gray;" /></svg>');
                            background-repeat: no-repeat;
                            background-position: calc(100% - 20px) center;
                            background-size: 5%;
                            padding: 18px;
                            color: #e1251b;
                            font-size: 23px;
                            font-weight: 700;
                            padding-right: 50px;
                            cursor: pointer;
                            white-space: nowrap;

                            &.active,
                            &:hover{
                                background-color: #e1251b;
                                color: #fff;
                                background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" fill="white" /></svg>');

                            }

                        }
                    }

                    #product-panels{
                        display: flex;
                        width: 100%;

                        .product-panel{
                            display: none;
                            width: 100%;

                            .product-links{
                                display: flex;
                                width: 100%;
                                padding: 20px 35px;
                                flex-wrap: wrap;
                                gap: 43px;

                                .product-link{
                                    max-width: 230px;
                                    display: flex;
                                    flex-direction: column;
                                    gap: 15px;

                                    a{
                                        font-weight: 900;
                                        font-size: 23px;
                                    }

                                    img{
                                        aspect-ratio: 1 / .618;
                                        object-fit: cover;
                                    }

                                    .sub-text{
                                        font-size: 18px;
                                    }
                                }
                            }
        
                            &.active{
                                display: flex;
                            }
                        }
                    }

                    .new-news {
                        background-color: #F0F0F0;
                        max-width: 400px;
						width:100%;
                        
                        .news{
                            .new-badge{
                                position: relative;

                                &:after{
                                    content: 'NEW!';
                                    background-color: #FBA228;
                                    color: white;
                                    font-size: 23px;
                                    padding: 10px;
                                    position: absolute;
                                    left: 30px;
                                    bottom: -15px;
                                    font-weight: 900;
                                }

                            }
                            
                            img{
                                display: block;
                                aspect-ratio: 1 / .618;
                                object-fit: cover;
                            }
                            

                            .content{
                                display: flex;
                                flex-direction: column;
                                gap: 15px;
                                padding: 30px;
                                font-size: 22px;
								padding-bottom:50px;

                                a{
                                    font-size: 23px;
                                    font-weight: 900;
                                }

                                .learn-more-button{
                                    a{
                                        background-color: #e1251b;
                                        color: #fff;
                                        padding: 17px 35px;
                                        text-transform: uppercase;
                                        display: inline-block;
                                        font-size: 23px;
                                        font-weight: 900;
                                    }
                                }

                            }
                            
                        }
                    }

                    /* submenu 2 */
                    &.submenu2{
                        justify-content: space-between;
                        .submenu-items{
                            display: flex;
                            padding: 30px;
                            gap: 43px;
                            flex-wrap: wrap;

                            .submenu-item{
                                max-width: 230px;
                                display: flex;
                                flex-direction: column;
                                gap: 15px;
                            
                                a {
                                    font-weight: 900;
                                    font-size: 23px;
                                }
                            
                                img {
                                    aspect-ratio: 1 / .618;
                                    object-fit: cover;
                                }
                            
                                .sub-text {
                                    font-size: 18px;
                                }

                                &._product-link {
                                    max-width: 230px;
                                    display: flex;
                                    flex-direction: column;
                                    gap: 5px;

                                    a {
                                        font-weight: 900;
                                        font-size: 23px;
                                    }

                                    img {
                                        aspect-ratio: 1 / .618;
                                        object-fit: cover;
                                    }

                                    .sub-text {
                                        font-size: 18px;
                                    }
                                }

                            }

                        }
                    }

                    a{
                        font-weight: 700;
                        color: #e1251b;
                    }
                }

                &:hover .submenu {
					display:flex;
					opacity:1;
                    visibility: visible;
					transform: translateY(0px);
                }

            }
        }
    }

    @media (max-width:1380px){
        #menu-icon{
            display: block;

            &.open{
                svg{
                    opacity: 0;
                }
                background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path style='fill:%23e1251b;' d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/></svg>");
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
            }
        }

        #updated-navigation{
            display:none;
            position: fixed;
            top: 95px;
            background-color: white;
            left: 0;
            right: 0;
            bottom: 0;

            &.open{
                display:block;
            }

            #main-ul{
                flex-direction: column;

                .main-li{
                    .main-item{
                        a{
                            border-bottom: solid 1px #666;
                            padding: 20px !important;
                            margin:0px 20px;
                            font-size: 18px!important;
                            display: block!important;
                            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path style='fill:gray;' d='M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z'/></svg>");
                            background-repeat: no-repeat;
                            background-position: calc(100% - 20px) center;
                            background-size: 20px;
                        }
                    }
                }

                .submenu{
                    display:none!important;
                }
            }
        }
    }
}