.elementor-35140 .elementor-element.elementor-element-3e3591ab{--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:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-35140 .elementor-element.elementor-element-3e3591ab:not(.elementor-motion-effects-element-type-background), .elementor-35140 .elementor-element.elementor-element-3e3591ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BA050F;}.elementor-35140 .elementor-element.elementor-element-281bf930{--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-35140 .elementor-element.elementor-element-1bda255c{--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-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-35140 .elementor-element.elementor-element-20e9153e .elementor-button{background-color:#BA050F;font-family:"NexaTextBold", Sans-serif;font-weight:500;padding:12px 0px 12px 0px;}.elementor-35140 .elementor-element.elementor-element-6f94f890 .elementor-button{background-color:#BA050F;font-family:"NexaTextBold", Sans-serif;font-weight:500;}.elementor-35140 .elementor-element.elementor-element-6f94f890{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-35140 .elementor-element.elementor-element-124d54f6{--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;--padding-top:10px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-35140 .elementor-element.elementor-element-124d54f6:not(.elementor-motion-effects-element-type-background), .elementor-35140 .elementor-element.elementor-element-124d54f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-35140 .elementor-element.elementor-element-9aaaa50{--display:flex;--justify-content:center;}.elementor-35140 .elementor-element.elementor-element-9aaaa50.e-con{--flex-grow:0;--flex-shrink:0;}.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-35140 .elementor-element.elementor-element-17346013{text-align:start;}.elementor-35140 .elementor-element.elementor-element-16418f6e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-35140 .elementor-element.elementor-element-16418f6e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-35140 .elementor-element.elementor-element-28ef2ca9{width:var( --container-widget-width, 17.496% );max-width:17.496%;--container-widget-width:17.496%;--container-widget-flex-grow:0;}.elementor-35140 .elementor-element.elementor-element-28ef2ca9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-35140 .elementor-element.elementor-element-58947220{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-35140 .elementor-element.elementor-element-1bda255c{--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-end;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-35140 .elementor-element.elementor-element-124d54f6{--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-between;}.elementor-35140 .elementor-element.elementor-element-16418f6e{--justify-content:center;}.elementor-35140 .elementor-element.elementor-element-16418f6e.e-con{--order:99999 /* order end hack */;}.elementor-35140 .elementor-element.elementor-element-28ef2ca9.elementor-element{--order:999;}}@media(min-width:768px){.elementor-35140 .elementor-element.elementor-element-281bf930{--width:50%;}.elementor-35140 .elementor-element.elementor-element-1bda255c{--width:50%;}.elementor-35140 .elementor-element.elementor-element-9aaaa50{--width:21.68%;}.elementor-35140 .elementor-element.elementor-element-16418f6e{--width:59.703%;}}@media(max-width:1024px) and (min-width:768px){.elementor-35140 .elementor-element.elementor-element-281bf930{--width:100%;}.elementor-35140 .elementor-element.elementor-element-1bda255c{--width:60%;}}@media(max-width:767px){.elementor-35140 .elementor-element.elementor-element-3e3591ab{--flex-wrap:nowrap;}.elementor-35140 .elementor-element.elementor-element-281bf930{--width:50%;}.elementor-35140 .elementor-element.elementor-element-1bda255c{--width:50%;--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;}.elementor-35140 .elementor-element.elementor-element-20e9153e{width:initial;max-width:initial;}.elementor-35140 .elementor-element.elementor-element-20e9153e .elementor-button{padding:0px 0px 0px 0px;}.elementor-35140 .elementor-element.elementor-element-6f94f890{width:var( --container-widget-width, 150px );max-width:150px;padding:0px 0px 0px 0px;--container-widget-width:150px;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-4fa6bdce */.store-info {
    display: flex;
}

.store-change {
    color: #FFFFFF;
    font-family: "NexaExBold", sans-serif !important;
    font-weight: 800;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    margin: auto;
}

.header-map-icon {
    padding-right: 10px;
}

.header-map-icon img {
  height: 24px;
}

.store-address.font-weight-bold {
    font-family: NexaRegular;
    font-weight: 400 !important;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    display: flex;
    padding: 0px;
    margin: auto 0;
}
.store-address.font-weight-bold br {
    display: none;
}

.store-info a.delivery-link {
    font-family: NexaExBold;
    font-weight: 800;
    color: #FFFFFF;
    font-size: 14px !important;
    text-decoration: underline;
    
    padding-left: 10px;
}

.store-info a.store-address, a.store-address:hover {
    color: #FFFFFF;
    text-decoration: none;
    margin: 7px auto !important;
}

.pick-a-store {
    padding-left: 0px;
}

.pick-a-store:hover {
    text-decoration: none;
    color: #FFFFFF;
}

.store-address .header-address {
    margin-bottom: 0px;
}

.store-address .header-city {
    margin-bottom: 0px;
    padding-left: 2px;
}





@media only screen and (max-width: 767px) {
    .store-change {
        margin: 0px;
    }
    .store-info {
        width: 200px;
        margin: 0px;
    }
    .header-map-icon {
        margin-top: -2px;
    }
    .delivery-link {
        display: none;
    }
    .pick-a-store {
        padding-top: 2px;
    }
    .store-address .header-address {
        display: none;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-281bf930 */@media screen and (max-width: 1024px) {
    .elementor-35140 .elementor-element.elementor-element-281bf930 {
        padding-left: 0px;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-20e9153e */#own-grocery-outlet {
  color: #FFFFFF;
  font-family: NexaTextbold;
  font-weight: 800;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  #own-grocery-outlet {
      display: none;
  }
}


@media only screen and (max-width: 1024px) {
  .own_a_go {
      /*width: auto;*/
      margin: 0px;
      padding: 0px;
      display: flex;
      justify-content: end;
  }
  #own-grocery-outlet {
      margin: 0px;
      padding: 0px;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6f94f890 */#signup {
    color: #FFFFFF;
    font-family: "NexaTextbold", sans-serif;
    font-weight: 800;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding: 0 0 0 24px;
}

@media screen and (max-width: 1024px) {
  #signup {
     margin: 0px;
     padding: 0px;
     display: flex;
     justify-content: flex-end;
     width: 1`0px;
    }
  .signup-menu {
      /*width: auto;*/
      margin: 0px;
      padding: 0px;
      display: flex;
      justify-content: flex-end;
  }
}

@media screen and (max-width: 767px) {
    #signup {
        margin-right: -15px;
        padding: 0;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bda255c */.elementor-35140 .elementor-element.elementor-element-1bda255c {
    padding-right: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3e3591ab */.elementor-35140 .elementor-element.elementor-element-3e3591ab {
    height: 56px;
    padding-left: 30px;
}

@media screen and (max-width: 767px) {
    .elementor-35140 .elementor-element.elementor-element-3e3591ab {
        height: 40px;
        padding: 0 16px;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-17346013 */#header-go-icon {
    padding: 0px;
    margin: 0px;
    width: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9aaaa50 */.header-go-icon-wrapper {
    padding: 0px;
    margin: 0px;
    padding-left: 40px;
}

@media screen and (max-width: 767px) {
    .header-go-icon-wrapper {
        width: 50%;
        height: 80px;
        padding-left: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-28ef2ca9 */@media only screen and (max-width: 767px) {
    .elementor-35140 .elementor-element.elementor-element-28ef2ca9 {
        width: 100%;
        justify-content: flex-end;
        display: flex;
    }
    
    .header-user-name::before{
        content: none !important;
    }
}
.gomm-root, .gomm-root * {
    box-sizing: border-box;
}

@font-face {
    font-family: 'Nexa';
    font-weight: 400;
    src: local('Nexa Regular');
    font-display: swap;
}
@font-face {
    font-family: 'Nexa';
    font-weight: 800;
    src: local('Nexa Heavy'), local('Nexa ExtraBold');
    font-display: swap;
}
  /* If you have the real Nexa .woff2 files, upload them to the WP Media
     Library and replace the two @font-face blocks above with, e.g.:
     src: url('https://yoursite.com/wp-content/uploads/Nexa-Regular.woff2') format('woff2'); */

  .gomm-root {
    font-family: 'Nexa', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  }

  .gomm-root a {
    text-decoration: none;
    color: inherit;
  }

  .gomm-root button {
    font: inherit;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    color: inherit;
  }

  .gomm-root label {
    cursor: pointer;
  }

  .gomm-root summary {
    cursor: pointer;
    list-style: none;
  }

  .gomm-root summary::-webkit-details-marker {
    display: none;
  }

  /* Visually hidden but still focusable/operable by keyboard + screen readers */
  .gomm-toggle-checkbox {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .gomm-toggle-checkbox:focus-visible ~ .gomm-site-topbar .gomm-hamburger-btn {
    outline: 2px solid #0082b2;
    outline-offset: 2px;
  }

  /* Trigger (site header hamburger) */
  .gomm-site-topbar {
    display: flex;
    align-items: center;
    background: #ffffff;
  }

  .gomm-hamburger-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
  }

  .gomm-hamburger-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 22px;
  }

  .gomm-hamburger-icon span {
    display: block;
    height: 2px;
    width: 100%;
    background: #222222;
    border-radius: 1px;
  }

  .gomm-site-topbar__brand {
    font-weight: 800;
    font-size: 16px;
    color: #222222;
  }

  /* Open/closed state is driven purely by :checked on the hidden checkbox
     below -- no JS involved. #gomm-toggle must appear BEFORE .gomm-menu-
     overlay / .gomm-drawer in the markup for the "~" sibling .elementor-35140 .elementor-element.elementor-element-28ef2ca9s to
     match; don't reorder the HTML. */
  .gomm-menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
    z-index: 999998;
  }

  .gomm-toggle-checkbox:checked ~ .gomm-menu-overlay {
    opacity: 1;
    pointer-events: auto;
  }

  .gomm-drawer {
    position: fixed;
    top: 0;
    left: 0;
    width: 375px;
    max-width: 100%;
    height: 100vh;
    overflow-y: auto;
    background: #ffffff;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.15);
    transform: translateX(-100%);
    transition: transform 0.28s ease;
    z-index: 999999;
    width: 100%;
    height: 100%;
  }

  .gomm-toggle-checkbox:checked ~ .gomm-drawer {
    transform: translateX(0);
  }

  /* Best-effort background-scroll lock; :has() isn't supported on very old
     browsers, but degrades gracefully (menu still opens/closes fine, the
     page behind it just won't be scroll-locked). */
  body:has(.gomm-toggle-checkbox:checked) {
    overflow: hidden;
  }

  .gomm-frame-header-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 12px;
    width: 100%;
    height: inherit;
  }

  .gomm-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .gomm-header-bar {
    width: 100%;
    display: flex;
    align-items: center;
  }

  .gomm-header-bar--utility {
    justify-content: space-between;
    padding: 5px 16px;
    gap: 10px;
    height: 40px;
    background: #ba050f;
  }

  .gomm-store-location {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
  }

  .gomm-store-location__city {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #ffffff;
  }

  .gomm-signup-save {
    font-weight: 800;
    font-size: 14px;
    line-height: 150%;
    color: #ffffff !important;
  }

  .gomm-header-bar--brand {
    justify-content: space-between;
    padding: 16px;
    gap: 32px;
    height: 70px;
    background: #ffffff;
  }

  .gomm-brand-logo {
    margin: 0 0;
    display: block;
    width: 150px;
    height: 38px;
  }

  .gomm-brand-logo svg {
    display: block;
  }

  .gomm-close-btn {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .gomm-mw-footer-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    width: calc(100% - 32px);
    margin: 0 16px;
    justify-content: space-between;
    height: inherit;
  }

  .gomm-mobile-menu-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .gomm-mobile-menu-item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px solid #dedede;
  }

  .gomm-mobile-menu-item:first-child {
    border-top: 1px solid #dedede;
  }

  .gomm-mobile-menu-item__title {
    font-weight: 800;
    font-size: 18px;
    line-height: 150%;
    color: #222222;
    font-family: nexaExbold;
  }

  .gomm-mobile-menu-item--accordion {
    flex-direction: column;
    align-items: stretch;
    padding: 16px 0;
  }

  .gomm-accordion-trigger {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-align: left;
  }

  .gomm-icon-chevron {
    display: flex;
    width: 24px;
    height: 24px;
    transition: transform 0.2s ease;
    transform: rotate(180deg);
  }

  /* The chevron SVG itself points "up"; rotate it back to 0 when the
     native <details> is open (native [open] attribute -- no JS needed). */
  .gomm-mobile-menu-item--accordion[open] .gomm-icon-chevron {
    transform: rotate(0deg);
  }

  .gomm-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 16px;
  }

  /* Belt-and-suspenders: browsers already hide non-summary <details>
     content natively when closed, but that's a normal-specificity UA
     rule and our own .gomm-links { display: flex } above could in theory
     out-rank it, so make it explicit. */
  .gomm-mobile-menu-item--accordion:not([open]) .gomm-links {
    display: none;
  }

  .gomm-link-column {
    display: flex;
    flex-direction: column;
    text-align: start;
    gap: 16px;
    width: 100%;
    margin-top: 24px;
  }

  .gomm-link-column__label {
    width: 100%;
    font-weight: 800;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #8c9090;
    font-family: nexaExbold;
  }

  .gomm-link-column__link {
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #222222;
  }

  .gomm-account-section {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    padding-bottom: 15px;
  }

  .gomm-account-section__welcome {
    margin: 0;
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #676c6c;
    justify-content: "flex-start";
    display: flex;
    font-family: NexaRegular;
  font-weight: 400;
  }

  .gomm-account-section__logout {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-decoration-line: underline;
    color: #0082b2 !important;
  }
  
/* ---------------------------------------------------------
Promo / sign-up section (signed-out state)
--------------------------------------------------------- */
.promo-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  padding-bottom: 10px;
  
}

.promo-section__text {
  margin: 0;
  width: 100%;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #676c6c;
  text-align: start;
  font-family: NexaRegular;
}

.promo-section__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.promo-section__actions .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  height: 48px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  font-family: NexaTextBold;
}

.promo-section__actions .btn-primary {
    background: #ffda00;
    color: #222222;
    padding: 12px 25px;
    font-size: 14px;
    text-transform: capitalize;
    border: none;
}

.promo-section__actions .btn-secondary {
    background: #ffffff;
    color: #222222;
    border: 1px solid #c3c4c4;
    padding: 12px 25px;
    font-size: 14px;
    text-transform: capitalize;
}

.gomm-frame-header-menu .store-info {
    background: #BA050F;
    width: 100%;
    padding: 5px 20px;
}

.gomm-frame-header-menu .pick-a-store {
    font-family: NexaRegular;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
}

.gomm-frame-header-menu .header-map-icon img {
    height: 15px;
}

.gomm-account-section__logout {
    width: 100%;
    display: flex;
}

.logged_in_user {
    margin-top: -10px;   
}

.header-user-name {
    padding-left: 5px;
}/* End custom CSS */
/* Start custom CSS for maxmegamenu, class: .elementor-element-4130ebbe */#mega-menu-item-35011 > ul {
        width: 470px !important;
       /* height: 260px !important;*/
        opacity: 1 !important;
        top: 50px !important;
        left: 50px !important;
        border-radius: 20px !important;
        padding: 24px !important;
        padding-bottom: 20px !important;
        background: #FFFFFF !important;
        box-shadow: 4px 4px 24px 0px #20212129 !important;
}

#mega-menu-max_mega_menu_1 .mega-sub-menu a:hover {
  color: #8C9090 !important;
}

body #mega-menu-item-34158 #mega-menu-item-34157 > a {
  margin-bottom: 0 !important;
}

#mega-menu-item-34158 {
    padding: 0px !important;
    width: 60% !important;
}


#mega-menu-item-34159 {
    padding: 0px !important;
    width: 40% !important;
}

#mega-menu-item-34158 > a, #mega-menu-item-34159 > a {
        font-family: NexaRegular !important;
        font-weight: 800 !important;
        font-size: 12px !important;
        line-height: 150% !important;
        letter-spacing: 8% !important;
        text-transform: uppercase !important;
        color: var(--text-textSecondary, #8C9090) !important;
        margin-bottom: 16px !important;
}

#mega-menu-item-34158 li a, #mega-menu-item-34159 li a {
    font-family: NexaRegular !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 140% !important;
    letter-spacing: 0% !important;
    color: #222222 !important;
    margin-bottom: 10px !important;
}

@media screen and (max-width: 1024px) {
    .elementor-widget-maxmegamenu {
        /*order: 0;*/
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16418f6e */#header-menu-wrapper {
    font-family: Nexa;
    font-weight: 800;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    width: 45%;
}

@media screen and (max-width: 1024px) {
    #header-menu-wrapper {
        order: 0;
    }
}

@media screen and (max-width: 767px) {
    #header-menu-wrapper {
        height: 80px;
        order: 5;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43c1b0bb */.user_name {
    justify-content: flex-end;
    display: flex;
    gap: 0;
    margin-right: 30px;
}

.user-text {
    font-family: NexaTextbold !important;
    font-weight: 800 !important;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    padding-left: 0px;
    margin-left: 0px;
}

.user-text.gtm-login {
    margin-top: -5px;
}

.logged_in_user {
  margin-right: 0px;
  position: relative;
  top: 3px;
  column-gap: 2px;
}

.nav-top-link.gtm-logout {
    
    font-family: NexaExBold !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    line-height: 150% !important;
    letter-spacing: 0% !important;
    text-align: center !important;
    vertical-align: middle !important;
    color: #0082B2 !important;
    margin: -10px 0 0 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
    padding-left: 12px !important;
    padding-top: 9px !important;
}

.user_name .header-user-name {
    text-transform: capitalize !important;
    font-family: NexaRegular;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 140% !important;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #222222 !important;
}


@media screen and (max-width: 1024px) {
    .user_name {
        justify-content: flex-end;
        margin-right: 20px
    }
    .user-text {
        margin-right: 0px;
    }
}

.top-head-login a.gtm-login img {
  width: 24px;
  margin-right: 6px;
}


.header-user-name::before {
  content: '';
  background-image: url('/wp-content/uploads/2026/07/avatar_icon.png');
  width: 24px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 24px;
  margin-right: 5px;
  vertical-align: middle;
}

.header-user-name:empty::before  {
    content: none;
}

@media screen and (max-width: 767px) {
    .user_name {
        justify-content: flex-end;
        margin-right: 0px
    }
    .user-text {
        display: none;
    }
    .logged_in_user img {
        width: 19px;
        height: 19px;
    }
    .logged_in_user {
        padding-top: 2px;
    }
    
    .logged_in_user {
      margin-right: 15px;
      top: 0px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58947220 */#signin {
    width: 20%;
}

@media screen and (max-width: 1024px) {
    #signin {
        flex-grow: 2;
        margin-right: 0;
        padding-right: 0;
        justify-content: flex-end;
    }
    .user_name {
        padding-right: 40px;
    }
}

@media screen and (max-width: 767px) {
    .elementor-35140 .elementor-element.elementor-element-58947220 {
        display: none;
    }
    /*#signin {*/
    /*    width: 60px;*/
    /*}*/
    /*.user_name {*/
    /*    display: none;*/
    /*}*/
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-124d54f6 */#menu-container {
  height: 80px;
  padding: 0px;
  margin: 0px;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
    #menu-container {
        gap: 0px;
    }
}

@media screen and (max-width: 1024px) {
    #menu-container {
        gap: 0px;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'NexaTextBold';
	font-display: auto;
	src: url('https://www.groceryoutlet.com/wp-content/uploads/2026/09/NexaText-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */