@charset "UTF-8";
body {
  line-height: 1.47059;
  font-weight: 400;
  letter-spacing: -0.022em; }

.navbar-toggler {
  position: fixed;
  bottom: 1em;
  right: 1em;
  z-index: 9001;
  background-color: #fff;
  opacity: 0.8;
  font-size: 1.8rem; }

nav.singlelineheader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: center;
      align-items: center;
  font-family: var(--skin-menu-font), sans-serif; }
  nav.singlelineheader a {
    font-size: 13pt !important; }
  nav.singlelineheader .one {
    -ms-flex-positive: 1;
        flex-grow: 1;
    width: 36%; }
    nav.singlelineheader .one a {
      height: 100%;
      display: inline-block; }
    nav.singlelineheader .one img {
      opacity: 0.8;
      height: 100%; }
  nav.singlelineheader .two {
    -ms-flex-positive: 1;
        flex-grow: 1;
    font-weight: 300;
    font-size: 14px;
    line-height: 37px;
    width: 28%;
    text-align: center; }
    nav.singlelineheader .two li a {
      opacity: 0.8; }
  nav.singlelineheader .three {
    -ms-flex-positive: 1;
        flex-grow: 1;
    width: 36%; }
  nav.singlelineheader .h-100 {
    margin-top: 1rem;
    margin-bottom: 1rem; }

.dropdown-toggle::after {
  border: 0; }

.announcement {
  padding-top: 25px;
  padding-bottom: 25px; }

.announcement:empty {
  padding: 0; }

.fa-shopping-bag::before {
  color: var(--skin-banner-text-color-1);
  opacity: 0.8; }

.header-svg-icon svg {
  width: 25px;
  padding-top: 4px; }

.header-svg-icon svg path,
.header-svg-icon svg circle {
  fill: var(--skin-banner-text-color-1);
  opacity: 0.8; }

.singlelineheader .navbar.bg-inverse .navbar-nav .nav-link {
  padding-bottom: 0;
  padding-top: 0.2rem; }

.singlelineheader .main-menu {
  background-color: transparent; }

.nav-item .nav-link.top-level:hover,
.nav-item .nav-link.top-level:focus,
.nav-item.show .nav-link.top-level {
  background-color: var(--skin-banner-text-color-1);
  color: var(--skin-banner-background-color-1) !important; }

/* stylelint-disable-next-line */
@media (max-width: 768.98px) {
  .main-menu.menu-toggleable-left {
    overflow-y: scroll;
    z-index: 9100; } }

header {
  width: 100%;
  z-index: 9001; }

.experience-theme-sunnieFoodsHeader {
  line-height: 0; }

nav.singlelineheader {
  background-color: var(--skin-primary-color-1); }
  @media (max-width: 1199.99px) {
    nav.singlelineheader .one-mobile {
      width: 10%; }
    nav.singlelineheader .two-mobile {
      width: 40%;
      right: 0; }
    nav.singlelineheader .three-mobile {
      display: -ms-flexbox;
      display: flex;
      width: 40%; } }
  @media (max-width: 1199.99px) {
    nav.singlelineheader {
      width: 100%;
      display: block;
      margin-top: 10px;
      height: auto; } }
  @media (min-width: 768.99px) and (max-width: 1199.98px) {
    nav.singlelineheader {
      margin-top: 0; } }
  nav.singlelineheader .store {
    -ms-flex-align: center;
        align-items: center;
    height: 100%; }
    nav.singlelineheader .store button {
      height: 100%; }
  nav.singlelineheader #miniaccount.store {
    height: unset; }
  nav.singlelineheader .search-mobile {
    margin-bottom: 10px;
    margin-top: 10px; }
    @media (min-width: 1199.98px) {
      nav.singlelineheader .search-mobile {
        display: none; } }
  nav.singlelineheader .header-two {
    width: 100%; }
  nav.singlelineheader .one {
    width: 15%; }
    @media (max-width: 1199.99px) {
      nav.singlelineheader .one {
        width: none; } }
    @media (max-width: 1199.99px) {
      nav.singlelineheader .one {
        height: 50%;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center; } }
    nav.singlelineheader .one img {
      opacity: unset; }
      @media (max-width: 1199.99px) {
        nav.singlelineheader .one img {
          width: 100% !important; } }
    nav.singlelineheader .one .iconmasymas {
      text-align: center; }
      @media (min-width: 1199.99px) {
        nav.singlelineheader .one .iconmasymas img {
          width: 85% !important; } }
    nav.singlelineheader .one .link-header-white span {
      font-size: 16px; }
    nav.singlelineheader .one .guestLink li {
      margin: 0;
      padding: 10px 0;
      font-size: 0.9rem;
      font-weight: 400; }
    nav.singlelineheader .one .guestLink li:first-child {
      padding: 0 0 5px 0;
      font-size: 1.2rem;
      border-bottom: 1px solid #dbdbdb;
      color: var(--color-secondary); }
    nav.singlelineheader .one .guestLink li:last-child {
      padding: 10px 0 0 0;
      border-top: 1px solid #dbdbdb; }
    nav.singlelineheader .one .myAccountLink li {
      margin: 0;
      padding: 10px 0;
      font-size: 0.9rem;
      font-weight: 400; }
      nav.singlelineheader .one .myAccountLink li a {
        margin-bottom: 0; }
      nav.singlelineheader .one .myAccountLink li i {
        width: 20px; }
    nav.singlelineheader .one .myAccountLink li:first-child {
      padding: 0 0 5px 0;
      font-size: 1.2rem;
      border-bottom: 1px solid #dbdbdb;
      color: var(--color-secondary); }
    nav.singlelineheader .one .myAccountLink li:last-child {
      padding: 10px 0 0 0;
      border-top: 1px solid #dbdbdb; }
  nav.singlelineheader .two {
    -ms-flex-pack: center;
        justify-content: center;
    width: 50%; }
    @media (min-width: 1199.99px) {
      nav.singlelineheader .two {
        height: 90px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
      @-moz-document url-prefix() {
        nav.singlelineheader .two {
          display: unset;
          height: unset; } } }
    @media (max-width: 1199.99px) {
      nav.singlelineheader .two {
        display: none; } }
  nav.singlelineheader .three {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    border-radius: 10px; }
    nav.singlelineheader .three .right-item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      width: 25%;
      border-right: 1px solid #464c368c;
      max-height: 40px; }
      nav.singlelineheader .three .right-item .user .popover {
        position: fixed;
        display: block;
        visibility: hidden;
        background: unset;
        opacity: 0;
        min-width: 450px;
        max-width: 450px;
        top: 75px;
        bottom: 0;
        right: 0;
        left: unset;
        border: none;
        /* Estado inicial fuera de la pantalla */
        transform: translateX(100%);
        transition: transform 0.5s ease, opacity 0.5s ease, visibility 0.75s;
        /* El retardo en visibility permite ocultarlo después de la transición */
        /* Estado visible */ }
        @media (min-width: 768.99px) and (max-width: 1199.98px) {
          nav.singlelineheader .three .right-item .user .popover {
            top: 165px; } }
        @media (max-width: 768.99px) {
          nav.singlelineheader .three .right-item .user .popover {
            display: none; } }
        nav.singlelineheader .three .right-item .user .popover .myAccountLink {
          position: fixed;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-pack: justify;
              justify-content: space-between;
          top: 15px;
          bottom: 0;
          right: 0;
          width: 450px;
          padding: 10px 15px;
          background-color: #f9f9f9;
          border-left: 1px solid #dbdbdb; }
          nav.singlelineheader .three .right-item .user .popover .myAccountLink .user-header {
            border-bottom: 1px solid #ccc;
            color: var(--skin-main-text-color-1);
            font-size: 1.4rem !important;
            font-weight: 700; }
            nav.singlelineheader .three .right-item .user .popover .myAccountLink .user-header .title-user {
              font-family: var(--skin-header-font), sans-serif;
              font-size: 25px; }
            nav.singlelineheader .three .right-item .user .popover .myAccountLink .user-header button.closer {
              background-color: transparent;
              border: 0;
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none;
              float: right;
              font-size: 1.5rem;
              font-weight: 700;
              line-height: 1;
              color: #000;
              text-shadow: 0 1px 0 #fff;
              opacity: .5; }
              nav.singlelineheader .three .right-item .user .popover .myAccountLink .user-header button.closer:hover {
                opacity: .75; }
            nav.singlelineheader .three .right-item .user .popover .myAccountLink .user-header .close-user {
              color: var(--skin-main-text-color-1);
              outline: none; }
          nav.singlelineheader .three .right-item .user .popover .myAccountLink .user-contact {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
                flex-direction: column;
            gap: 10px; }
          nav.singlelineheader .three .right-item .user .popover .myAccountLink .user-footer {
            border-top: 1px solid #ccc; }
        nav.singlelineheader .three .right-item .user .popover.show {
          transform: translateX(0);
          visibility: visible;
          opacity: 1;
          transition: transform 0.5s ease, opacity 0.5s ease, visibility 0.75s; }
      nav.singlelineheader .three .right-item a,
      nav.singlelineheader .three .right-item .header-svg-icon,
      nav.singlelineheader .three .right-item .nav-store {
        line-height: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center;
        text-decoration: none;
        color: #464c36;
        margin-bottom: 0px; }
        @media (max-width: 1199.99px) {
          nav.singlelineheader .three .right-item a,
          nav.singlelineheader .three .right-item .header-svg-icon,
          nav.singlelineheader .three .right-item .nav-store {
            -ms-flex-direction: row !important;
                flex-direction: row !important; } }
      nav.singlelineheader .three .right-item a.checkout-btn {
        line-height: 2;
        color: white; }
      nav.singlelineheader .three .right-item i,
      nav.singlelineheader .three .right-item img {
        font-size: 18px;
        padding: 5px; }
      nav.singlelineheader .three .right-item i.fa-map-marker {
        padding-top: 3px;
        padding-bottom: 3px; }
      nav.singlelineheader .three .right-item p.store {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 16ch; }
        @media (min-width: 1199.99px) {
          nav.singlelineheader .three .right-item p.store {
            max-width: 10ch; } }
      nav.singlelineheader .three .right-item .submenu-text {
        font-size: 11pt !important;
        font-family: var(--skin-menu-font), sans-serif;
        color: #464c36;
        margin-top: 0px;
        margin-bottom: 0px; }
    nav.singlelineheader .three .right-item:nth-child(4) {
      border-right: 0px; }
    nav.singlelineheader .three .three-sf-container {
      width: 100%;
      margin-top: 0%;
      margin-bottom: 0%;
      padding: 0 5px 0 5px; }
    @media (max-width: 1199.99px) {
      nav.singlelineheader .three {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-bottom: 8px;
        background-color: #88a13d;
        max-height: 40px;
        -ms-flex-align: center;
            align-items: center;
        height: 50%; }
        nav.singlelineheader .three .right-item:first-child {
          -ms-flex-pack: center;
              justify-content: center;
          margin-left: 0px;
          margin-right: 0px;
          width: 100%; }
        nav.singlelineheader .three .right-item:nth-child(2) {
          -ms-flex-pack: center;
              justify-content: center;
          margin-left: 0px;
          margin-right: 0px;
          width: 100%; }
        nav.singlelineheader .three .right-item:nth-child(3) {
          -ms-flex-pack: center;
              justify-content: center;
          margin-left: 0px;
          margin-right: 0px;
          width: 100%;
          border-right: none; }
        nav.singlelineheader .three .right-item:nth-child(4) {
          width: 20%;
          position: absolute;
          top: 18px;
          right: 0px;
          border-right: 0px; }
        nav.singlelineheader .three .account-icon-logger a,
        nav.singlelineheader .three .wishlist-icon a {
          -ms-flex-direction: row !important;
              flex-direction: row !important;
          -ms-flex-pack: center;
              justify-content: center; } }
    @media (max-width: 1199.99px) and (max-width: 1199.99px) {
      nav.singlelineheader .three .account-icon-logger a,
      nav.singlelineheader .three .wishlist-icon a {
        height: 100%; } }
    @media (max-width: 1199.99px) {
          nav.singlelineheader .three .account-icon-logger a i, nav.singlelineheader .three .account-icon-logger a p,
          nav.singlelineheader .three .wishlist-icon a i,
          nav.singlelineheader .three .wishlist-icon a p {
            color: #464c36  !important;
            margin-top: 10px;
            margin-bottom: 10px; }
        nav.singlelineheader .three .account-container {
          height: 100%; }
          nav.singlelineheader .three .account-container .account-icon-logger {
            height: 100%; }
            nav.singlelineheader .three .account-container .account-icon-logger .logged-container {
              height: 100%; }
        nav.singlelineheader .three .account-icon {
          margin-top: 0px; } }
    @media (min-width: 1199.99px) {
      nav.singlelineheader .three {
        display: -ms-flexbox;
        display: flex;
        width: 25%; }
        nav.singlelineheader .three .right-item:first-child {
          -ms-flex-align: center;
              align-items: center;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column; }
        nav.singlelineheader .three .account-container {
          height: 100%; }
          nav.singlelineheader .three .account-container .account-icon-logger {
            height: 100%; }
            nav.singlelineheader .three .account-container .account-icon-logger .logged-container {
              height: 100%; }
        nav.singlelineheader .three .account-icon {
          margin-top: 0px; } }
    @media (max-width: 768.99px) {
      nav.singlelineheader .three .right-item:first-child {
        display: none; } }

.hide-link-med {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.header-svg-icon {
  -ms-flex-pack: center;
      justify-content: center; }
  .header-svg-icon svg {
    width: 20px;
    padding-top: 3px;
    padding-bottom: 2px; }

.buscador {
  display: -ms-flexbox;
  display: flex; }
  .buscador .fa-search {
    display: block; }

.site-search {
  height: auto; }
  .site-search form {
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
  .site-search input {
    border-radius: 10px; }
  .site-search .search-submit {
    background-color: #464c36 !important;
    color: var(--skin-primary-color-1);
    position: static !important;
    width: 2.5em;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
  .site-search .search-field-container {
    position: relative;
    width: 100%; }
    .site-search .search-field-container .search-field {
      border-radius: 0%;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      padding: 0.5rem; }
      @media (max-width: 1199.99px) {
        .site-search .search-field-container .search-field {
          font-size: 1rem !important; } }
    .site-search .search-field-container .fa-times {
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      color: #495057;
      font-size: 1.2rem; }

.dropdown-toggle::after {
  color: #1a4227; }

.navbar-toggler {
  background-color: transparent;
  color: #464c36;
  margin: 10px 0 0 10px;
  font-size: 1.9rem;
  opacity: 1; }
  @media (max-width: 1199.99px) {
    .navbar-toggler {
      display: inline-block;
      top: 0.3em;
      left: 0;
      bottom: unset !important;
      right: initial !important; }
      .navbar-toggler span {
        display: none; } }

#selectStoreHeader i {
  color: #464c36 !important; }

.minicart {
  margin-top: 0px;
  width: 100%; }
  .minicart .minicart-subtotal {
    position: static !important; }

.suggestions {
  background-color: #fff;
  height: calc(100% - 5em);
  width: 100vw;
  overflow-y: auto;
  position: fixed;
  left: 0;
  top: 5em;
  z-index: 2; }
  .suggestions ul {
    width: 1140px;
    max-width: 1140px; }

/*# sourceMappingURL=sunnieFoodsHeaderComponent.css.map*/