.elementor-kit-8{--e-global-color-primary:#DFCF99;--e-global-color-secondary:#D8853F;--e-global-color-text:#866C5A;--e-global-color-accent:#E0B44A;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;font-family:"garet", Sans-serif;font-weight:900;overscroll-behavior:none;}.elementor-kit-8 e-page-transition{background-color:var( --e-global-color-primary );}.hfe-scroll-to-top-wrap .hfe-scroll-to-top-button{background-color:var( --e-global-color-text );}.elementor-kit-8 a{font-family:"garet", Sans-serif;font-style:normal;}.elementor-kit-8 h1{font-style:normal;}.elementor-kit-8 h2{font-style:normal;}.elementor-kit-8 h3{font-family:"garet", Sans-serif;font-style:normal;}.elementor-kit-8 h5{font-style:normal;}.elementor-kit-8 h6{font-style:normal;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 2px;--widgets-spacing-row:0px;--widgets-spacing-column:2px;}{}h1.entry-title{display:var(--page-title-display);}body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}.hfe-scroll-to-top-wrap .hfe-scroll-to-top-button i{font-size:12px;color:var( --e-global-color-primary );}.hfe-scroll-to-top-wrap .hfe-scroll-to-top-button img{height:12px;width:12px;}.hfe-scroll-to-top-wrap .hfe-scroll-to-top-button span{color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}}/* Start custom CSS */.edgtf-woocommerce-page .add_to_cart_button, .edgtf-woocommerce-page .added_to_cart, .woocommerce:not(.edgtf-shop-masonry) .add_to_cart_button, .woocommerce:not(.edgtf-shop-masonry) .added_to_cart { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; font-size: 22px; background-color: rgba(199, 161, 122, .93); border: none; display: none; color: #fff; text-align: center; padding: 0; -webkit-transform: translate3d(0, 50px, 0); -moz-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); -webkit-transition: -webkit-transform .3scubic-bezier(.4, .87, .4, .87); transition: transform .3scubic-bezier(.4, .87, .4, .87); } /* Make sub-items appear indented under parent */ .elementor-nav-menu .sub-menu li { padding-left: 15px; } /* ========== FORCE SUB-MENU ALWAYS VISIBLE (DESKTOP, TABLET, MOBILE) ========== */ /* This block ensures the sub-menus are permanently expanded on all screen sizes. */ .elementor-nav-menu .sub-menu { display: block !important; position: relative !important; /* Forces sub-menu to occupy vertical space */ opacity: 1 !important; visibility: visible !important; transform: none !important; box-shadow: none !important; /* Inherited from original request */ } /* ============================================================================== */ /* ========== Z-INDEX FIX: TARGET THE CORE MENU CONTAINER (CRITICAL) ========== */ /* 1. Target the main dropdown wrapper (used for the sliding panel) */ .elementor-nav-menu--dropdown { z-index: 9999 !important; } /* 2. Target the main menu list itself to ensure all its children are above other content */ .elementor-nav-menu > ul { z-index: 9999 !important; } /* ==================================================================== */ /* Remove dropdown icon (inverted triangle) */ .elementor-nav-menu .menu-item-has-children > a .sub-arrow { display: none !important; } /* Sub-item style (Staples, Flavored) */ .elementor-nav-menu .sub-menu a { font-size: 14px; /* change size */ font-weight: 600 !important; } /* 🔹 Sub-menu items: remove hover & active background, add underline effect */ /* Remove active background for sub-menu items */ .elementor-nav-menu .sub-menu .current-menu-item > a, .elementor-nav-menu .sub-menu .current-menu-ancestor > a { background: none !important; color: inherit !important; /* Use inherit instead of none */ } /* Apply underline for active sub-menu item */ .elementor-nav-menu .sub-menu .current-menu-item > a::after, .elementor-nav-menu .sub-menu .current-menu-ancestor > a::after { content: ""; position: absolute; left: 0; bottom: -2px; /* adjust spacing */ width: 100%; height: 3px; background-color: #e0b44a; } /* Remove background & color change on hover for sub-menu items */ .elementor-nav-menu .sub-menu a:hover { background: none !important; color: inherit !important; } /* Base style for sub-menu items */ .elementor-nav-menu .sub-menu a { position: relative; } /* Underline hover animation */ .elementor-nav-menu .sub-menu a::after { content: ""; position: absolute; left: 0; bottom: -2px; /* adjust spacing */ width: 0; height: 2px; background-color: #e0b44a; transition: width 0.3s ease; } .elementor-nav-menu .sub-menu a:hover::after { width: 100%; } /* Force the chat buttons container into vertical stacking */ .wpsr-chat-channels { display: flex !important; flex-direction: column !important; /* stack vertically */ align-items: stretch !important; /* buttons fill full width */ gap: 10px; /* space between buttons */ } /* Make each Messenger button fill the row */ .wpsr-chat-channels .wpsr-channel-btn.messenger { display: flex !important; flex-direction: row !important; align-items: center; justify-content: center; width: 100% !important; margin: 0 !important; padding: 14px; background: #1877F2; /* Messenger blue (or replace with #E0B44A for gold) */ border-radius: 8px; color: #fff !important; font-size: 16px; font-weight: 600; text-decoration: none; box-sizing: border-box; } /* Fix icon sizing inside */ .wpsr-chat-channels .wpsr-channel-btn.messenger img { width: 20px; height: 20px; margin-right: 8px; } /* Custom button labels */ .wpsr-chat-channels .messenger0::after { content: "Join Our Channel"; } .wpsr-chat-channels .messenger1::after { content: "Chat Us"; } /* Mobile only: stack all menu and submenu items vertically and center text */ @media (max-width: 767px) { /* 1. HIDE THE MAIN MENU ELEMENTS THAT MIGHT BE POKING THROUGH (IF APPLICABLE) */ /* This targets the main, non-dropdown UL (if it's still visible) */ .drinks-menu .elementor-nav-menu__container:not(.elementor-nav-menu--dropdown) { display: none !important; } /* 2. TARGET THE DROPDOWN CONTAINER (THE ONE THAT OPENS/CLOSES) */ /* This container holds the UL with the menu items */ .drinks-menu .elementor-nav-menu--dropdown { /* Remove Elementor's default fixed positioning/styles if any */ position: relative !important; /* Force it to take full width of the parent 'drinks-menu' */ width: 100% !important; /* Ensures the text is centered within the dropdown */ text-align: center !important; } /* 3. CENTER THE DROPDOWN CONTENTS (UL) */ .drinks-menu .elementor-nav-menu--dropdown > ul { display: flex !important; flex-direction: column !important; align-items: center !important; /* Center the list items horizontally */ width: 100% !important; padding-left: 0 !important; list-style: none !important; } /* 4. MAIN MENU ITEMS (li) and links (a) */ .drinks-menu .elementor-nav-menu--dropdown li.menu-item { display: block !important; width: 100% !important; text-align: center !important; /* Centers the li content */ margin: 5px 0 !important; padding: 0 !important; } /* Make the links full-width and centered */ .drinks-menu .elementor-nav-menu--dropdown a.elementor-item, .drinks-menu .elementor-nav-menu--dropdown a.elementor-sub-item { display: block !important; width: 100% !important; text-align: center !important; /* Centers the text */ } /* 5. SUBMENU STYLES */ /* Submenu container (ul.sub-menu) */ .drinks-menu .elementor-nav-menu--dropdown .sub-menu { display: flex !important; flex-direction: column !important; align-items: center !important; /* Center submenu items horizontally */ width: 100% !important; padding-left: 0 !important; margin: 8px 0 !important; list-style: none !important; } /* Sub-arrow for menu items with submenus */ .drinks-menu .elementor-item .sub-arrow { display: inline-block !important; margin-left: 5px !important; } /* REMOVE THE 'HEIGHT: 100VH' CENTERING ON THE WRAPPER */ /* This was likely causing a jumpy or overly tall container. Let Elementor handle the dropdown positioning. */ .drinks-menu { display: block !important; /* Revert to block layout for the widget container */ height: auto !important; /* Remove full screen height override */ justify-content: initial !important; align-items: initial !important; width: 100% !important; padding: 0 !important; margin: 0 !important; text-align: center !important; /* Retain text centering for general alignment */ overflow-y: auto; } }/* End custom CSS */