.custom-menu-wrapper1 { position: relative; z-index: 10000; } .menu-toggle1 { display: none; font-size: 2.5rem; background: none; border: none; color: #333; cursor: pointer; padding: 7px; position: fixed; top: 10px; left: 10px; z-index: 10001; } .custom-menu1 { position: fixed; top: 0; left: 0; width: 80%; height: 100vh; background-color: #201B1BEB ; padding: 20px; box-shadow: 0 0 8px rgba(0,0,0,0.1); overflow-y: auto; z-index: 9999; display: none; } .custom-menu1.open { display: flex; flex-direction: column; } .menu-item1 { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; font-size: 18px; font-weight: 400; color: white; padding: 8px 12px; border-radius: 6px; transition: all 0.3s ease; white-space: nowrap; } .menu-item1:hover { background-color: transparent; transform: scale(1.05); } .menu-item1 img.menu-icon1 { width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: 0; filter: brightness(0) invert(1); /* הופך את האייקונים ללבנים */ } .menu-item1.info { color: #0097A7; font-weight: 700; } .menu-item1.contact { background-color: #D4F1F4; font-weight: 700; } .menu-item1.recruit { background-color: #003D40; color: white; font-weight: 700; } .has-submenu1 { display: flex; flex-direction: column; width: 100%; } .submenu-toggle1 { display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-weight: 600; padding: 8px 12px; width: 100%; } .submenu-toggle1 .arrow-icon1 { width: 14px; height: 12px; margin-right: 6px; transition: transform 0.3s ease; } .has-submenu1.open .arrow-icon1 { transform: rotate(180deg); } .submenu1 { display: none; flex-direction: column; width: 100%; padding-left: 20px; margin-top: 5px; } .has-submenu1.open .submenu1 { display: flex; } .submenu-item1 { font-size: 16px; color: black; text-decoration: none; padding: 6px 10px; border-radius: 4px; } .submenu-item1:hover { background-color: #eee; transform: scale(1.03); } @media (max-width: 768px) { .menu-toggle1 { display: block; } .custom-menu1 { display: none; } .custom-menu1.open { display: flex; flex-direction: column; } } .menu-toggle1 { -webkit-tap-highlight-color: transparent; background-color: rgba(255, 255, 255, 0.8) !important; color: black !important; font-size: 27px; border-radius: 8px; } .menu-toggle1:focus, .menu-toggle1:active { background-color: rgba(255, 255, 255, 0.8) !important; outline: none; box-shadow: none; } body.no-scroll { overflow: hidden !important; height: 100vh; } .menu-item1:not(.contact):not(.recruit):not(.menu-divider1) { border-bottom: 1px solid #eee; } .menu-item1.contact { background-color: #D4F1F4; font-weight: 700; margin-bottom: 5px; } .menu-social-icons1 { display: flex; justify-content: center; gap: 20px; padding: 15px 0; border-top: 1px solid #FFB2B200; margin-top: 20px; } .social-icon1 { display: inline-block; transition: transform 0.3s ease; } .social-icon1:hover { transform: scale(1.2); } .social-svg1 { width: 28px; height: 28px; display: block; } .social-icon1 { filter: brightness(0) invert(1); /* הופך את האייקונים ללבנים */ width: 20px; height: 16px; margin-left: 6px; } /* הסרת הגבול התחתון מהמנויים */ /* הסרת קו תחתון מכל הקישורים בתוך התפריט */ .menu-item1, .submenu-item1 { text-decoration: none !important; border-bottom: none !important; }