.elementor-19 .elementor-element.elementor-element-82b1966{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:40px;--padding-right:40px;}.elementor-19 .elementor-element.elementor-element-82b1966:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-82b1966 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8358963 );}.elementor-19 .elementor-element.elementor-element-dba4b43{width:var( --container-widget-width, 11% );max-width:11%;padding:10px 0px 0px 0px;--container-widget-width:11%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-fea5e92 .elementor-menu-toggle{margin:0 auto;}.elementor-19 .elementor-element.elementor-element-fea5e92 .elementor-nav-menu .elementor-item{font-family:"Noto Sans Hebrew", Noto Sans Hebrew;}.elementor-19 .elementor-element.elementor-element-fea5e92 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-19 .elementor-element.elementor-element-fea5e92 .elementor-nav-menu--main .elementor-item:hover, .elementor-19 .elementor-element.elementor-element-fea5e92 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-19 .elementor-element.elementor-element-fea5e92 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-19 .elementor-element.elementor-element-fea5e92 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-19 .elementor-element.elementor-element-fea5e92 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-19 .elementor-element.elementor-element-1d40f63{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-19 .elementor-element.elementor-element-2cb56d0{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:14px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-19 .elementor-element.elementor-element-2cb56d0 .elementor-social-icon{background-color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-2cb56d0 .elementor-social-icon i{color:var( --e-global-color-8358963 );}.elementor-19 .elementor-element.elementor-element-2cb56d0 .elementor-social-icon svg{fill:var( --e-global-color-8358963 );}.elementor-19 .elementor-element.elementor-element-0dddf84 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(4px/2);}.elementor-19 .elementor-element.elementor-element-0dddf84 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(4px/2);}.elementor-19 .elementor-element.elementor-element-0dddf84 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(4px/2);}.elementor-19 .elementor-element.elementor-element-0dddf84 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-4px/2);}.elementor-19 .elementor-element.elementor-element-0dddf84 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-4px/2);}.elementor-19 .elementor-element.elementor-element-0dddf84 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-19 .elementor-element.elementor-element-0dddf84 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-19 .elementor-element.elementor-element-0dddf84{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-19 .elementor-element.elementor-element-0dddf84 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-19 .elementor-element.elementor-element-0dddf84 .elementor-icon-list-item > a{font-family:"Noto Sans Hebrew", Noto Sans Hebrew;font-weight:400;}.elementor-19 .elementor-element.elementor-element-0dddf84 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-19 .elementor-element.elementor-element-0dddf84 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-19 .elementor-element.elementor-element-65ee3ba{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:40px;--padding-right:40px;}.elementor-19 .elementor-element.elementor-element-65ee3ba:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-65ee3ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8358963 );}.elementor-19 .elementor-element.elementor-element-ec9bf2f{width:var( --container-widget-width, 11% );max-width:11%;padding:10px 0px 0px 0px;--container-widget-width:11%;--container-widget-flex-grow:0;}.elementor-19 .elementor-element.elementor-element-13ea90f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-19 .elementor-element.elementor-element-a877cfa .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(4px/2);}.elementor-19 .elementor-element.elementor-element-a877cfa .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(4px/2);}.elementor-19 .elementor-element.elementor-element-a877cfa .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(4px/2);}.elementor-19 .elementor-element.elementor-element-a877cfa .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-4px/2);}.elementor-19 .elementor-element.elementor-element-a877cfa .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-4px/2);}.elementor-19 .elementor-element.elementor-element-a877cfa .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-19 .elementor-element.elementor-element-a877cfa .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-19 .elementor-element.elementor-element-a877cfa{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-19 .elementor-element.elementor-element-a877cfa .elementor-icon-list-item > .elementor-icon-list-text, .elementor-19 .elementor-element.elementor-element-a877cfa .elementor-icon-list-item > a{font-family:"Noto Sans Hebrew", Noto Sans Hebrew;font-weight:400;}.elementor-19 .elementor-element.elementor-element-a877cfa .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-19 .elementor-element.elementor-element-a877cfa .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-19 .elementor-element.elementor-element-3c1af7a{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:14px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-19 .elementor-element.elementor-element-3c1af7a .elementor-social-icon{background-color:var( --e-global-color-text );}.elementor-19 .elementor-element.elementor-element-3c1af7a .elementor-social-icon i{color:var( --e-global-color-8358963 );}.elementor-19 .elementor-element.elementor-element-3c1af7a .elementor-social-icon svg{fill:var( --e-global-color-8358963 );}.elementor-19 .elementor-element.elementor-element-7705e11 .elementor-menu-toggle{margin:0 auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-19 .elementor-element.elementor-element-dba4b43{--container-widget-width:218px;--container-widget-flex-grow:0;width:var( --container-widget-width, 218px );max-width:218px;}}@media(max-width:767px){.elementor-19 .elementor-element.elementor-element-65ee3ba{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-19 .elementor-element.elementor-element-ec9bf2f{--container-widget-width:140px;--container-widget-flex-grow:0;width:var( --container-widget-width, 140px );max-width:140px;}.elementor-19 .elementor-element.elementor-element-13ea90f{--width:716px;}.elementor-19 .elementor-element.elementor-element-7705e11{width:initial;max-width:initial;}}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-82b1966{--width:100%;}.elementor-19 .elementor-element.elementor-element-1d40f63{--width:21%;}.elementor-19 .elementor-element.elementor-element-65ee3ba{--width:100%;}.elementor-19 .elementor-element.elementor-element-13ea90f{--width:21%;}}@media(max-width:1024px) and (min-width:768px){.elementor-19 .elementor-element.elementor-element-1d40f63{--width:250px;}}/* Start custom CSS for container, class: .elementor-element-65ee3ba *//* ================================================== SIVAN HEN - HEADER DESKTOP + MOBILE FULL BLACK VERSION ================================================== */ /* ================================================== DESKTOP ================================================== */ @media (min-width: 1025px) { .vgs_top { display: grid !important; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center !important; direction: ltr; } /* ================================================== LOGO ================================================== */ .vgs_top > .elementor-widget-image { justify-self: start !important; align-self: center !important; width: auto !important; max-width: 230px !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } .vgs_top > .elementor-widget-image .elementor-widget-container { display: flex !important; align-items: center !important; justify-content: flex-start !important; width: auto !important; max-width: 230px !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } .vgs_top > .elementor-widget-image .elementor-widget-container > a { display: flex !important; align-items: center !important; justify-content: flex-start !important; width: auto !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } .vgs_top > .elementor-widget-image img { display: block !important; width: 230px !important; max-width: 230px !important; height: auto !important; margin: 0 !important; padding: 0 !important; } /* ================================================== MENU ================================================== */ .vgs_top_menu { justify-self: center !important; align-self: center !important; width: auto !important; margin: 0 !important; padding: 0 !important; direction: rtl; } .vgs_top_menu > .elementor-widget-container { width: auto !important; margin: 0 !important; padding: 0 !important; } .vgs_top_menu .elementor-nav-menu--main { display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; margin: 0 !important; padding: 0 !important; } .vgs_top_menu .elementor-nav-menu--main > .elementor-nav-menu { display: flex !important; align-items: center !important; justify-content: center !important; width: max-content !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; direction: rtl; } /* ================================================== MENU ITEMS ================================================== */ .vgs_top_menu .elementor-nav-menu--main .elementor-nav-menu > li { position: relative; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 20px !important; } .vgs_top_menu .elementor-nav-menu--main .elementor-nav-menu > li:not(:last-child)::after { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 16px; background: rgba(0,0,0,0.13); transform: translateY(-50%); } /* ================================================== LINKS ================================================== */ .vgs_top_menu .elementor-nav-menu--main .elementor-item { position: relative; display: block !important; margin: 0 !important; padding: 5px 0 !important; color: #000000 !important; font-size: 15px; font-weight: 400; line-height: 1.2; border: 0 !important; background-color: transparent !important; background-image: linear-gradient( #000000, #000000 ) !important; background-repeat: no-repeat !important; background-position: center bottom !important; background-size: 0 1px !important; transition: color 0.3s ease, background-size 0.3s ease !important; } .vgs_top_menu .elementor-nav-menu--main .elementor-item::before, .vgs_top_menu .elementor-nav-menu--main .elementor-item::after { display: none !important; background: #000000 !important; border-color: #000000 !important; } /* ================================================== HOVER + ACTIVE ================================================== */ .vgs_top_menu .elementor-nav-menu--main .elementor-item:hover, .vgs_top_menu .elementor-nav-menu--main .elementor-item:focus, .vgs_top_menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .vgs_top_menu .elementor-nav-menu--main .current-menu-item > .elementor-item, .vgs_top_menu .elementor-nav-menu--main .current_page_item > .elementor-item, .vgs_top_menu .elementor-nav-menu--main .current-menu-ancestor > .elementor-item { color: #000000 !important; border-color: #000000 !important; background-size: 100% 1px !important; } /* ================================================== POINTER TYPES ================================================== */ .vgs_top_menu .e--pointer-underline .elementor-item::after, .vgs_top_menu .e--pointer-overline .elementor-item::before, .vgs_top_menu .e--pointer-double-line .elementor-item::before, .vgs_top_menu .e--pointer-double-line .elementor-item::after { background-color: #000000 !important; border-color: #000000 !important; } /* ================================================== CONTACT ================================================== */ .vgs_top > .e-con-full { justify-self: end !important; align-self: center !important; width: auto !important; margin: 0 !important; direction: rtl; } } /* ================================================== TABLET ================================================== */ @media (min-width: 768px) and (max-width: 1024px) { .vgs_top > .elementor-widget-image img { max-width: 210px !important; height: auto !important; } .vgs_top_menu .elementor-nav-menu--dropdown { padding: 10px !important; background: #ffffff !important; border: 1px solid rgba(0,0,0,0.20) !important; border-radius: 16px; box-shadow: 0 14px 34px rgba(0,0,0,0.10); } .vgs_top_menu .elementor-nav-menu--dropdown .elementor-item { padding: 11px 14px !important; color: #000000 !important; background: transparent !important; border-radius: 9px; font-size: 15px; } .vgs_top_menu .elementor-nav-menu--dropdown .elementor-item:hover, .vgs_top_menu .elementor-nav-menu--dropdown .elementor-item:focus, .vgs_top_menu .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .vgs_top_menu .elementor-nav-menu--dropdown .current-menu-item > .elementor-item, .vgs_top_menu .elementor-nav-menu--dropdown .current_page_item > .elementor-item { color: #000000 !important; background: rgba(0,0,0,0.05) !important; } } /* ================================================== MOBILE HEADER ================================================== */ @media (max-width: 767px) { /* ================================================== MAIN HEADER ================================================== */ .vgs_top_mobile { width: 100% !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "logo contact menu"; align-items: center !important; column-gap: 12px; padding: 11px 16px !important; margin: 0 !important; background: rgba(255,255,255,0.98) !important; border-bottom: 1px solid rgba(0,0,0,0.12) !important; box-shadow: 0 5px 20px rgba(0,0,0,0.055); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); direction: ltr; overflow: visible !important; z-index: 999999 !important; } .vgs_top_mobile.elementor-sticky--active, .vgs_top_mobile.elementor-sticky--effects { overflow: visible !important; z-index: 999999 !important; } /* ================================================== MOBILE LOGO ================================================== */ .vgs_top_mobile_logo { grid-area: logo; justify-self: start !important; align-self: center !important; width: auto !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } .vgs_top_mobile_logo .elementor-widget-container { display: flex !important; align-items: center !important; justify-content: flex-start !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } .vgs_top_mobile_logo .elementor-widget-container > a { display: flex !important; align-items: center !important; justify-content: flex-start !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } .vgs_top_mobile_logo img { display: block !important; width: 145px !important; max-width: 145px !important; height: auto !important; margin: 0 !important; padding: 0 !important; } /* ================================================== CONTACT + SOCIAL ================================================== */ .vgs_top_mobile1 { grid-area: contact; justify-self: end !important; align-self: center !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; width: auto !important; gap: 7px; margin: 0 !important; padding: 0 !important; direction: rtl; } .vgs_top_mobile1 > .elementor-element { width: auto !important; margin: 0 !important; padding: 0 !important; } /* ================================================== PHONE ICON ================================================== */ .vgs_top_mobile1 .elementor-widget-icon-list { width: auto !important; margin: 0 !important; } .vgs_top_mobile1 .elementor-icon-list-items, .vgs_top_mobile1 .elementor-icon-list-item { margin: 0 !important; padding: 0 !important; } .vgs_top_mobile1 .elementor-icon-list-item a { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px; height: 34px; padding: 0 !important; border-radius: 50%; color: #000000 !important; text-decoration: none; } .vgs_top_mobile1 .elementor-icon-list-icon { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; } .vgs_top_mobile1 .elementor-icon-list-icon svg { width: 14px !important; height: 14px !important; margin: 0 !important; fill: #000000 !important; color: #000000 !important; } .vgs_top_mobile1 .elementor-icon-list-text { display: none !important; } /* ================================================== SOCIAL ICONS ================================================== */ .vgs_top_mobile1 .elementor-social-icons-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; margin: 0 !important; } .vgs_top_mobile1 .elementor-grid-item { margin: 0 !important; padding: 0 !important; } .vgs_top_mobile1 .elementor-social-icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; margin: 0 !important; padding: 0 !important; border-radius: 50% !important; background: #000000 !important; border: 1px solid #000000 !important; color: #ffffff !important; transition: transform 0.3s ease; } .vgs_top_mobile1 .elementor-social-icon svg { width: 13px !important; height: 13px !important; fill: #ffffff !important; } .vgs_top_mobile1 .elementor-social-icon:hover { background: #000000 !important; border-color: #000000 !important; transform: translateY(-1px); } /* ================================================== MOBILE MENU ================================================== */ .vgs_top_menu_mobile { grid-area: menu; justify-self: end !important; align-self: center !important; width: auto !important; margin: 0 !important; padding: 0 !important; position: static !important; overflow: visible !important; z-index: 1000000 !important; } .vgs_top_menu_mobile > .elementor-widget-container { position: static !important; overflow: visible !important; } .vgs_top_menu_mobile .elementor-nav-menu--main { display: none !important; } /* ================================================== MODERN BURGER ================================================== */ .vgs_top_menu_mobile .elementor-menu-toggle { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; min-width: 40px !important; margin: 0 !important; padding: 0 !important; /* * מראה נקי: * בלי קופסה כבדה */ background: transparent !important; border: 0 !important; border-radius: 50% !important; color: #000000 !important; cursor: pointer; transition: background 0.3s ease, transform 0.3s ease !important; } /* מסתיר לגמרי את האייקונים המובנים של Elementor */ .vgs_top_menu_mobile .elementor-menu-toggle svg, .vgs_top_menu_mobile .elementor-menu-toggle__icon--open, .vgs_top_menu_mobile .elementor-menu-toggle__icon--close { display: none !important; } /* * שני קווים מינימליסטיים * במקום אייקון ההמבורגר הישן */ .vgs_top_menu_mobile .elementor-menu-toggle::before, .vgs_top_menu_mobile .elementor-menu-toggle::after { content: ""; position: absolute; left: 50%; height: 1.5px; border-radius: 999px; background: #000000; transform-origin: center; transition: top 0.3s cubic-bezier(.2,.7,.2,1), width 0.3s cubic-bezier(.2,.7,.2,1), transform 0.35s cubic-bezier(.2,.7,.2,1); } /* קו עליון */ .vgs_top_menu_mobile .elementor-menu-toggle::before { top: 15px; width: 20px; transform: translateX(-50%); } /* קו תחתון - קצת קצר יותר */ .vgs_top_menu_mobile .elementor-menu-toggle::after { top: 23px; width: 14px; transform: translateX(-50%); } /* Hover עדין */ .vgs_top_menu_mobile .elementor-menu-toggle:hover { background: rgba(0,0,0,0.055) !important; } /* ================================================== OPEN STATE - הופך ל-X ================================================== */ .vgs_top_menu_mobile .elementor-menu-toggle.elementor-active { background: rgba(0,0,0,0.055) !important; } .vgs_top_menu_mobile .elementor-menu-toggle.elementor-active::before { top: 19px; width: 19px; transform: translateX(-50%) rotate(45deg); } .vgs_top_menu_mobile .elementor-menu-toggle.elementor-active::after { top: 19px; width: 19px; transform: translateX(-50%) rotate(-45deg); } /* ================================================== DROPDOWN ================================================== */ .vgs_top_menu_mobile .elementor-nav-menu--dropdown { position: absolute !important; top: calc(100% + 10px) !important; left: 16px !important; right: 16px !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 10px !important; background: rgba(255,255,255,0.99) !important; border: 1px solid rgba(0,0,0,0.14) !important; border-radius: 20px !important; box-shadow: 0 18px 40px rgba(0,0,0,0.13) !important; overflow: hidden !important; direction: rtl; z-index: 1000001 !important; } /* UL */ .vgs_top_menu_mobile .elementor-nav-menu--dropdown > .elementor-nav-menu { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } /* LI */ .vgs_top_menu_mobile .elementor-nav-menu--dropdown .menu-item { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* קישורים */ .vgs_top_menu_mobile .elementor-nav-menu--dropdown .elementor-item { display: block !important; width: 100% !important; margin: 0 !important; padding: 13px 16px !important; color: #000000 !important; background: transparent !important; border-radius: 10px; font-size: 16px; font-weight: 400; line-height: 1.4; text-align: right !important; direction: rtl !important; transition: background 0.25s ease, color 0.25s ease; } /* Hover / Active */ .vgs_top_menu_mobile .elementor-nav-menu--dropdown .elementor-item:hover, .vgs_top_menu_mobile .elementor-nav-menu--dropdown .elementor-item:focus, .vgs_top_menu_mobile .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .vgs_top_menu_mobile .elementor-nav-menu--dropdown .current-menu-item > .elementor-item, .vgs_top_menu_mobile .elementor-nav-menu--dropdown .current_page_item > .elementor-item { color: #000000 !important; background: rgba(0,0,0,0.055) !important; } } /* ================================================== VERY SMALL MOBILE ================================================== */ @media (max-width: 390px) { .vgs_top_mobile { grid-template-columns: minmax(0,1fr) auto auto; column-gap: 8px; padding: 10px 12px !important; } .vgs_top_mobile_logo img { width: 125px !important; max-width: 125px !important; } .vgs_top_mobile1 { gap: 4px; } .vgs_top_mobile1 .elementor-social-icon { width: 31px !important; height: 31px !important; } .vgs_top_mobile1 .elementor-icon-list-item a { width: 31px; height: 31px; } /* בורגר קטן מעט */ .vgs_top_menu_mobile .elementor-menu-toggle { width: 36px !important; height: 36px !important; min-width: 36px !important; } .vgs_top_menu_mobile .elementor-menu-toggle::before { top: 13px; width: 19px; } .vgs_top_menu_mobile .elementor-menu-toggle::after { top: 21px; width: 13px; } .vgs_top_menu_mobile .elementor-menu-toggle.elementor-active::before, .vgs_top_menu_mobile .elementor-menu-toggle.elementor-active::after { top: 17px; width: 18px; } /* תפריט */ .vgs_top_menu_mobile .elementor-nav-menu--dropdown { top: calc(100% + 8px) !important; left: 12px !important; right: 12px !important; padding: 8px !important; border-radius: 18px !important; } .vgs_top_menu_mobile .elementor-nav-menu--dropdown .elementor-item { padding: 12px 14px !important; font-size: 15px; } } /* ================================================== GLOBAL FORCE OVERRIDE ================================================== */ .vgs_top_menu .elementor-item, .vgs_top_menu .elementor-item:hover, .vgs_top_menu .elementor-item:focus, .vgs_top_menu .elementor-item:active, .vgs_top_menu .elementor-item.elementor-item-active, .vgs_top_menu .current-menu-item > .elementor-item, .vgs_top_menu .current_page_item > .elementor-item, .vgs_top_menu .current-menu-ancestor > .elementor-item { color: #000000 !important; } .vgs_top_menu .elementor-nav-menu--main .elementor-item.elementor-item-active { color: #000000 !important; } .vgs_top_menu .elementor-item::before, .vgs_top_menu .elementor-item::after { background-color: #000000 !important; border-color: #000000 !important; } .vgs_top_menu .elementor-nav-menu--main .elementor-item { background-image: linear-gradient( #000000, #000000 ) !important; } /* ================================================== FORCE MOBILE COLORS ================================================== */ .vgs_top_menu_mobile .elementor-item, .vgs_top_menu_mobile .elementor-item:hover, .vgs_top_menu_mobile .elementor-item:focus, .vgs_top_menu_mobile .elementor-item:active, .vgs_top_menu_mobile .elementor-item.elementor-item-active, .vgs_top_menu_mobile .current-menu-item > .elementor-item, .vgs_top_menu_mobile .current_page_item > .elementor-item { color: #000000 !important; } /* ================================================== PHONE FORCE ================================================== */ .vgs_top .elementor-icon-list-item a, .vgs_top_mobile .elementor-icon-list-item a { color: #000000 !important; } .vgs_top .elementor-icon-list-icon svg, .vgs_top_mobile .elementor-icon-list-icon svg { fill: #000000 !important; color: #000000 !important; } /* ================================================== SOCIAL FORCE ================================================== */ .vgs_top_mobile .elementor-social-icon { background: #000000 !important; border-color: #000000 !important; } .vgs_top_mobile .elementor-social-icon svg { fill: #ffffff !important; } /* ================================================== ELEMENTOR GLOBAL COLORS OVERRIDE ================================================== */ .vgs_top, .vgs_top_menu, .vgs_top_mobile, .vgs_top_menu_mobile { --e-global-color-primary: #000000 !important; --e-global-color-secondary: #000000 !important; --e-global-color-text: #000000 !important; --e-global-color-accent: #000000 !important; }/* End custom CSS */