.elementor-1211 .elementor-element.elementor-element-b5214b0{--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:space-between;--align-items:center;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-1211 .elementor-element.elementor-element-b5214b0:not(.elementor-motion-effects-element-type-background), .elementor-1211 .elementor-element.elementor-element-b5214b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dfe65d6 );}.elementor-widget-theme-site-logo .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-1211 .elementor-element.elementor-element-f53d821{width:var( --container-widget-width, 6% );max-width:6%;--container-widget-width:6%;--container-widget-flex-grow:0;}.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-1211 .elementor-element.elementor-element-bfbec48 .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu .elementor-item{font-family:"Space Grotesk", Sans-serif;font-weight:600;}.elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:0px;padding-right:0px;}.elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--main .elementor-item:hover, .elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-6fe69db );fill:var( --e-global-color-6fe69db );}.elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-6fe69db );}.elementor-1211 .elementor-element.elementor-element-bfbec48{--e-nav-menu-horizontal-menu-item-margin:calc( 60px / 2 );}.elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:60px;}.elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--dropdown a:hover, .elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--dropdown a:focus, .elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--dropdown a.highlighted, .elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-menu-toggle:hover, .elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--dropdown a:hover, .elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--dropdown a:focus, .elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-dfe65d6 );}.elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--dropdown a.elementor-item-active{color:#FFFFFF;background-color:var( --e-global-color-dfe65d6 );}.elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--dropdown .elementor-item, .elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:500;}.elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--dropdown{border-style:none;border-radius:5px 5px 5px 5px;}.elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:5px;border-top-right-radius:5px;}.elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--dropdown a{padding-top:15px;padding-bottom:15px;}.elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-1211 .elementor-element.elementor-element-bfbec48 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-1211 .elementor-element.elementor-element-bfbec48 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-1211 .elementor-element.elementor-element-bdcbfc8{--display:flex;--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:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1211 .elementor-element.elementor-element-3e11461.elementor-element{--align-self:center;}.elementor-1211 .elementor-element.elementor-element-3e11461 .elementor-icon-wrapper{text-align:center;}.elementor-1211 .elementor-element.elementor-element-3e11461.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-1211 .elementor-element.elementor-element-3e11461.elementor-view-framed .elementor-icon, .elementor-1211 .elementor-element.elementor-element-3e11461.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-1211 .elementor-element.elementor-element-3e11461.elementor-view-framed .elementor-icon, .elementor-1211 .elementor-element.elementor-element-3e11461.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-1211 .elementor-element.elementor-element-3e11461 .elementor-icon{font-size:22px;}.elementor-1211 .elementor-element.elementor-element-3e11461 .elementor-icon svg{height:22px;}.elementor-1211 .elementor-element.elementor-element-b767d50{width:initial;max-width:initial;}.elementor-1211 .elementor-element.elementor-element-b767d50.elementor-element{--align-self:center;}.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-1211 .elementor-element.elementor-element-b5214b0{--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu .elementor-item{font-size:15px;}.elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--main .elementor-item{padding-left:8px;padding-right:8px;}.elementor-1211 .elementor-element.elementor-element-bfbec48{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}}@media(min-width:768px){.elementor-1211 .elementor-element.elementor-element-b5214b0{--content-width:1200px;}}@media(max-width:767px){.elementor-1211 .elementor-element.elementor-element-b5214b0{--flex-wrap:nowrap;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-1211 .elementor-element.elementor-element-f53d821{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;}.elementor-1211 .elementor-element.elementor-element-bfbec48{width:var( --container-widget-width, 57% );max-width:57%;--container-widget-width:57%;--container-widget-flex-grow:0;}.elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1211 .elementor-element.elementor-element-bfbec48 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:30px !important;}.elementor-1211 .elementor-element.elementor-element-bdcbfc8{--flex-wrap:nowrap;}.elementor-1211 .elementor-element.elementor-element-3e11461 .elementor-icon{font-size:20px;}.elementor-1211 .elementor-element.elementor-element-3e11461 .elementor-icon svg{height:20px;}}/* Start custom CSS for nav-menu, class: .elementor-element-bfbec48 *//* ========================================== PREMIUM SHOP WHOLESALE DROPDOWN Elementor WordPress Menu ========================================== */ /* ========================================== DROPDOWN CONTAINER ========================================== */ .elementor-nav-menu--dropdown { min-width: 180px !important; padding: 0 0 8px 0 !important; margin: 0 !important; background: rgba(255, 255, 255, 0.98) !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; border-radius: 10px !important; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.14), 0 4px 12px rgba(0, 0, 0, 0.06) !important; overflow: hidden !important; } /* ========================================== SUBMENU ========================================== */ .elementor-nav-menu--dropdown .sub-menu, .elementor-nav-menu--dropdown ul { padding: 0 !important; margin: 0 !important; } /* ========================================== MENU ITEMS ========================================== */ .elementor-nav-menu--dropdown .menu-item { position: relative !important; margin: 0 !important; padding: 6px 6px 0px 6px !important; } /* ========================================== DROPDOWN LINKS ========================================== */ .elementor-nav-menu--dropdown .menu-item > a { position: relative !important; display: flex !important; align-items: center !important; min-height: 48px !important; padding: 11px 10px 11px 28px !important; margin: 0 !important; color: #1d1d1d !important; letter-spacing: 0.15px !important; background: transparent !important; border-radius: 7px !important; box-sizing: border-box !important; transition: color 0.25s ease, background 0.25s ease, padding-left 0.25s ease !important; } /* ========================================== SPARKLE ICON DEFAULT STATE ========================================== */ .elementor-nav-menu--dropdown .menu-item > a::before { content: "✦" !important; position: absolute !important; left: 9px !important; top: 50% !important; display: block !important; width: 12px !important; height: 16px !important; margin: 0 !important; padding: 0 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 400 !important; line-height: 16px !important; text-align: center !important; color: #999 !important; opacity: 0.75 !important; transform: translateY(-50%) scale(1) rotate(0deg) !important; transform-origin: center center !important; box-sizing: border-box !important; transition: color 0.3s ease, transform 0.3s ease, opacity 0.3s ease !important; } /* ========================================== HOVER WHITE TEXT + WHITE ICON #202A44 BACKGROUND ========================================== */ .elementor-nav-menu--dropdown .menu-item > a:hover { color: #ffffff !important; background: #202A44 !important; padding-left: 31px !important; } /* ========================================== HOVER SPARKLE ========================================== */ .elementor-nav-menu--dropdown .menu-item > a:hover::before { content: "❋" !important; left: 9px !important; top: 50% !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; opacity: 1 !important; transform: translateY(-50%) scale(1.35) !important; } /* ========================================== ACTIVE ITEM WHITE TEXT + WHITE ICON #202A44 BACKGROUND ========================================== */ .elementor-nav-menu--dropdown .menu-item.current-menu-item > a, .elementor-nav-menu--dropdown .menu-item.current-menu-ancestor > a { color: #ffffff !important; background: #202A44 !important; } /* ========================================== ACTIVE SPARKLE ========================================== */ .elementor-nav-menu--dropdown .menu-item.current-menu-item > a::before, .elementor-nav-menu--dropdown .menu-item.current-menu-ancestor > a::before { content: "✦" !important; position: absolute !important; left: 9px !important; top: 50% !important; display: block !important; width: 12px !important; height: 16px !important; margin: 0 !important; padding: 0 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 400 !important; line-height: 16px !important; text-align: center !important; color: #ffffff !important; opacity: 1 !important; transform: translateY(-50%) scale(1.25) rotate(45deg) !important; transform-origin: center center !important; box-sizing: border-box !important; } /* ========================================== SHOP WHOLESALE ARROW ========================================== */ .elementor-nav-menu .sub-arrow { font-size: 12px !important; margin-left: 7px !important; transition: transform 0.3s ease, margin-left 0.3s ease !important; } /* ========================================== ARROW HOVER / OPEN ========================================== */ .elementor-nav-menu .menu-item-has-children:hover > a .sub-arrow { transform: rotate(180deg) !important; margin-left: 10px !important; } /* ========================================== REMOVE TOP BLUE ACCENT ========================================== */ .elementor-nav-menu--dropdown::before { content: none !important; display: none !important; width: 0 !important; height: 0 !important; margin: 0 !important; } /* ========================================== DESKTOP FORCE DROPDOWN BELOW MENU ========================================== */ @media (min-width: 1025px) { .elementor-nav-menu .menu-item-has-children { position: relative !important; } .elementor-nav-menu .menu-item-has-children > .elementor-nav-menu--dropdown { top: calc(100% + 12px) !important; bottom: auto !important; left: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; transform: none !important; } } /* ========================================== MOBILE / TABLET ONLY FULL WIDTH + LEFT ALIGNED ========================================== */ @media (max-width: 1024px) { /* ========================================== MOBILE DROPDOWN ========================================== */ .elementor-nav-menu--dropdown { background: #ffffff !important; border: none !important; border-radius: 0px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important; } /* ========================================== MAIN MENU LIST ========================================== */ .elementor-nav-menu--dropdown { list-style: none !important; } /* ========================================== LINKS ========================================== */ /* ========================================== SPARKLE ICON ========================================== */ .elementor-nav-menu--dropdown .menu-item > a::before { content: "✦" !important; position: absolute !important; left: 11px !important; top: 50% !important; display: block !important; width: 14px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 400 !important; line-height: 18px !important; text-align: center !important; color: #999999 !important; opacity: 0.75 !important; visibility: visible !important; z-index: 10 !important; transform: translateY(-50%) scale(1) rotate(0deg) !important; transform-origin: center center !important; box-sizing: border-box !important; transition: color 0.3s ease, transform 0.3s ease, opacity 0.3s ease !important; } .elementor-nav-menu--dropdown .menu-item > a:hover::before { content: "❋" !important; left: 11px !important; top: 50% !important; color: #ffffff !important; opacity: 1 !important; visibility: visible !important; transform: translateY(-50%) scale(1.25) rotate(45deg) !important; } /* ========================================== ACTIVE ========================================== */ .elementor-nav-menu--dropdown .menu-item.current-menu-item > a, .elementor-nav-menu--dropdown .menu-item.current-menu-ancestor > a, .elementor-nav-menu--dropdown .menu-item > a.highlighted { color: #ffffff !important; background: #202A44 !important; } /* ========================================== SUBMENU CLOSED BY DEFAULT ELEMENTOR CONTROLS OPEN/CLOSE ========================================== */ .elementor-nav-menu--dropdown .menu-item-has-children > .sub-menu { position: static !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; /* IMPORTANT: Do NOT force display:none/block here. Elementor controls this with its own open/close classes. */ } /* ========================================== SUBMENU ITEMS ========================================== */ .elementor-nav-menu--dropdown .menu-item-has-children > .sub-menu > .menu-item { width: 100% !important; margin: 0 !important; padding: 0 12px 0 24px !important; box-sizing: border-box !important; } /* ========================================== SUBMENU LINKS ========================================== */ .elementor-nav-menu--dropdown .menu-item-has-children > .sub-menu > .menu-item > a { display: flex !important; align-items: center !important; width: 100% !important; min-height: 46px !important; padding: 11px 14px 11px 34px !important; margin: 2px 0 !important; box-sizing: border-box !important; } /* ========================================== SUBMENU SPARKLE ========================================== */ .elementor-nav-menu--dropdown .menu-item-has-children > .sub-menu .menu-item > a::before { left: 11px !important; top: 50% !important; width: 14px !important; height: 18px !important; font-size: 11px !important; line-height: 18px !important; transform: translateY(-50%) scale(1) rotate(0deg) !important; } /* ========================================== SUBMENU HOVER ========================================== */ .elementor-nav-menu--dropdown .menu-item-has-children > .sub-menu .menu-item > a:hover { color: #ffffff !important; background: #202A44 !important; padding-left: 38px !important; } .elementor-nav-menu--dropdown .menu-item-has-children > .sub-menu .menu-item > a:hover::before { color: #ffffff !important; transform: translateY(-50%) scale(1.25) rotate(45deg) !important; } /* ========================================== SUBMENU ACTIVE ========================================== */ .elementor-nav-menu--dropdown .menu-item-has-children > .sub-menu .menu-item.current-menu-item > a, .elementor-nav-menu--dropdown .menu-item-has-children > .sub-menu .menu-item.current-menu-ancestor > a { color: #ffffff !important; background: #202A44 !important; } .elementor-nav-menu--dropdown .menu-item-has-children > .sub-menu .menu-item.current-menu-item > a::before, .elementor-nav-menu--dropdown .menu-item-has-children > .sub-menu .menu-item.current-menu-ancestor > a::before { color: #ffffff !important; transform: translateY(-50%) scale(1.25) rotate(45deg) !important; } /* ========================================== ARROW ========================================== */ .elementor-nav-menu .sub-arrow { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-left: 8px !important; font-size: 11px !important; transition: transform 0.3s ease, margin-left 0.3s ease !important; } /* ========================================== ARROW OPEN ========================================== */ .elementor-nav-menu .menu-item-has-children > a.highlighted .sub-arrow { transform: rotate(180deg) !important; margin-left: 11px !important; color: white !important; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-b767d50 */.xoo-wsc-sc-bki { color: #fff; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bdcbfc8 */.elementor-1211 .elementor-element.elementor-element-bdcbfc8{ width:fit-content; }/* End custom CSS */