.elementor-17 .elementor-element.elementor-element-6fb490c{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;top:0px;--z-index:999;}.elementor-17 .elementor-element.elementor-element-6fb490c:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-6fb490c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#203D36;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-6fb490c{left:0px;}body.rtl .elementor-17 .elementor-element.elementor-element-6fb490c{right:0px;}.elementor-17 .elementor-element.elementor-element-ce306c8{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-7c0008b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-ea23ef4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17 .elementor-element.elementor-element-ea23ef4 img{width:90%;}.elementor-17 .elementor-element.elementor-element-d78ed65{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-96795bc{width:var( --container-widget-width, 14% );max-width:14%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -90px) 0px;--container-widget-width:14%;--container-widget-flex-grow:0;border-radius:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-96795bc:hover{border-radius:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-96795bc img{width:100%;}.elementor-17 .elementor-element.elementor-element-fc624c9{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link, .elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-legacy-dropdown a{color:var( --e-global-color-text );}.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-legacy-dropdown a:hover, .elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-legacy-dropdown a:focus, .elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link:hover, .elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link.wpml-ls-link__active, .elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link.highlighted, .elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link:focus{color:var( --e-global-color-accent );}.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-statics-post_translations{color:var( --e-global-color-text );}.elementor-17 .elementor-element.elementor-element-068d804 > .elementor-widget-container{margin:0px 0px -50px 100px;}.elementor-17 .elementor-element.elementor-element-068d804 .wpml-elementor-ls .wpml-ls-item .wpml-ls-link, .elementor-17 .elementor-element.elementor-element-068d804 .wpml-elementor-ls .wpml-ls-legacy-dropdown a{color:#B9A54E;}.elementor-17 .elementor-element.elementor-element-068d804 .wpml-elementor-ls .wpml-ls-legacy-dropdown a:hover, .elementor-17 .elementor-element.elementor-element-068d804 .wpml-elementor-ls .wpml-ls-legacy-dropdown a:focus, .elementor-17 .elementor-element.elementor-element-068d804 .wpml-elementor-ls .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .elementor-17 .elementor-element.elementor-element-068d804 .wpml-elementor-ls .wpml-ls-item .wpml-ls-link:hover, .elementor-17 .elementor-element.elementor-element-068d804 .wpml-elementor-ls .wpml-ls-item .wpml-ls-link.wpml-ls-link__active, .elementor-17 .elementor-element.elementor-element-068d804 .wpml-elementor-ls .wpml-ls-item .wpml-ls-link.highlighted, .elementor-17 .elementor-element.elementor-element-068d804 .wpml-elementor-ls .wpml-ls-item .wpml-ls-link:focus{color:#B9A54E;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17 .elementor-element.elementor-element-8161bf5{margin:0px 30px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-8161bf5.elementor-element{--align-self:flex-end;}.elementor-17 .elementor-element.elementor-element-8161bf5 .elementor-menu-toggle{margin:0 auto;}.elementor-17 .elementor-element.elementor-element-8161bf5 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;}.elementor-17 .elementor-element.elementor-element-8161bf5 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-8161bf5 .elementor-nav-menu--dropdown .elementor-item, .elementor-17 .elementor-element.elementor-element-8161bf5 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-ce306c8{--width:35%;}.elementor-17 .elementor-element.elementor-element-7c0008b{--width:77%;}.elementor-17 .elementor-element.elementor-element-d78ed65{--width:90%;}.elementor-17 .elementor-element.elementor-element-fc624c9{--width:35%;}}@media(min-width:2400px){.elementor-17 .elementor-element.elementor-element-96795bc:hover{border-radius:100px 100px 100px 100px;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-96795bc{--container-widget-width:92px;--container-widget-flex-grow:0;width:var( --container-widget-width, 92px );max-width:92px;}.elementor-17 .elementor-element.elementor-element-96795bc img{width:100%;}.elementor-17 .elementor-element.elementor-element-068d804 > .elementor-widget-container{margin:0px 0px -50px 0px;}}/* Start custom CSS for image, class: .elementor-element-96795bc *//* ✅ Make the logo + circle perfectly responsive on every screen. 👉 Add the class `logo-border` to the **Image widget container** (not the tag). In Elementor: Advanced → CSS Classes → logo-border */ /* 1) Size + positioning (controlled with CSS variables) */ .elementor-widget-image.logo-border{ /* Set the logo’s width responsively once, everything else follows it */ --logo-size: clamp(110px, 1vw, 210px); /* min, fluid, max */ --ring-scale: 1.3; /* circle size relative to logo */ --ring-color: #203D36; position: relative; width: var(--logo-size); margin-inline: auto; /* center the widget */ z-index: 2; /* Pull the logo down so the circle bites into the next section (optional) */ margin-top: clamp(-30px, -4vw, -60px); } /* 2) Make the image fill the widget width */ .elementor-widget-image.logo-border img{ display: block; width: 100%; height: auto; } /* 3) The responsive circle behind the logo */ .elementor-widget-image.logo-border::before{ content: ""; position: absolute; left: 50%; top: 50%; width: calc(var(--logo-size) * var(--ring-scale)); height: calc(var(--logo-size) * var(--ring-scale)); transform: translate(-50%, -50%); background: var(--ring-color); border-radius: 50%; z-index: -1; /* behind the logo */ } /* 4) Ensure the top band can visually overflow (so the circle is visible) 👉 Add a class `header-band` on the dark-green section that holds the logo. */ .header-band{ overflow: visible !important; } /* (Optional) If your theme adds extra padding on the image wrapper, neutralize it */ .elementor-widget-image.logo-border .elementor-image{ line-height: 0; margin: 0; padding: 0; }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-8161bf5 *//* Replace the default Elementor hamburger icon with your custom image */ /* Apply to your Nav Menu widget ID (#headerBurger in this example) */ #headerBurger .elementor-menu-toggle { display: block !important; /* force it to show on desktop too */ width: 32px; /* adjust to match your PNG */ height: 32px; background: url("https://mmg-foods.com/wp-content/uploads/2025/09/Group-39.png") no-repeat center center; background-size: contain; /* keep proportions */ border: none; padding: 0; cursor: pointer; } /* Hide the default icon inside the toggle (so only your image shows) */ #headerBurger .elementor-menu-toggle i, #headerBurger .elementor-menu-toggle svg, #headerBurger .elementor-menu-toggle .elementor-screen-only { display: none !important; } /* Hide the horizontal menu so you only see your custom burger toggle */ #headerBurger nav.elementor-nav-menu--main { display: none !important; } /* Keep Elementor’s dropdown logic intact: show dropdown when toggle is active */ #headerBurger .elementor-nav-menu--dropdown { display: none; position: absolute; right: 0; top: 100%; min-width: 260px; background: #fff; z-index: 1000; } #headerBurger .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container, #headerBurger .elementor-menu-toggle[aria-expanded="true"] + .elementor-nav-menu__container { display: block; } /* GOAL: let long submenus spill below the dropdown instead of being cut off */ /* 1) Uncap the dropdown and prevent clipping inside the widget */ #headerBurger .elementor-nav-menu__container, #headerBurger .elementor-nav-menu--dropdown { max-height: none !important; overflow: visible !important; /* was auto/hidden in some skins */ z-index: 9999 !important; /* stay above page art */ } /* 2) Make sure ANCESTORS don’t clip it (common culprit) */ /* Replace #siteHeader with the CSS ID of the Section/Container that holds the menu */ #siteHeader, #siteHeader .elementor-container, #siteHeader .elementor-column, #siteHeader .elementor-widget-wrap { overflow: visible !important; /* if any of these had overflow:hidden, submenus get cut */ } /* If you don’t have an easy header ID, you can target the section that contains the widget */ .elementor-section:has(#headerBurger) { overflow: visible !important; } /* 3) (optional) If your own CSS positioned the dropdown absolutely, keep it free-floating */ #headerBurger .elementor-nav-menu--dropdown { position: absolute; /* not fixed; expands naturally */ right: 0; top: 100%; } /* 4) Ensure submenus themselves aren’t clipped */ #headerBurger .elementor-nav-menu--dropdown .sub-menu { max-height: none !important; overflow: visible !important; }/* End custom CSS */