/** Shopify CDN: Minification failed

Line 331:18 Expected identifier but found whitespace
Line 331:19 Unexpected "8px"
Line 374:18 Expected identifier but found whitespace
Line 374:19 Unexpected "8px"
Line 414:18 Expected identifier but found whitespace
Line 414:19 Unexpected "8px"

**/
@font-face {
  font-family: 'fontello';
  src: url('fontello.eot');
  src: url('fontello.eot#iefix') format('embedded-opentype'),
       url('fontello.woff2') format('woff2'),
       url('fontello.woff') format('woff'),
       url('fontello.ttf') format('truetype'),
       url('fontello.svg#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?43406157#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-temperatire:before { content: '\e800'; } /* '' */
.icon-coffee-1:before { content: '\e801'; } /* '' */
.icon-clock:before { content: '\e802'; } /* '' */
.icon-search:before { content: '\e803'; } /* '' */
.icon-glass:before { content: '\e804'; } /* '' */
.icon-heart:before { content: '\e805'; } /* '' */
.icon-heart-empty:before { content: '\e806'; } /* '' */
.icon-star:before { content: '\e807'; } /* '' */
.icon-star-empty:before { content: '\e808'; } /* '' */
.icon-star-half:before { content: '\e809'; } /* '' */
.icon-user:before { content: '\e80a'; } /* '' */
.icon-users:before { content: '\e80b'; } /* '' */
.icon-picture:before { content: '\e80c'; } /* '' */
.icon-th-large:before { content: '\e80d'; } /* '' */
.icon-th:before { content: '\e80e'; } /* '' */
.icon-th-list:before { content: '\e80f'; } /* '' */
.icon-ok:before { content: '\e810'; } /* '' */
.icon-ok-circled:before { content: '\e811'; } /* '' */
.icon-ok-circled2:before { content: '\e812'; } /* '' */
.icon-cancel:before { content: '\e813'; } /* '' */
.icon-cancel-circled:before { content: '\e814'; } /* '' */
.icon-info-circled:before { content: '\e815'; } /* '' */
.icon-plus:before { content: '\e816'; } /* '' */
.icon-plus-circled:before { content: '\e817'; } /* '' */
.icon-minus:before { content: '\e818'; } /* '' */
.icon-minus-circled:before { content: '\e819'; } /* '' */
.icon-home:before { content: '\e81a'; } /* '' */
.icon-link:before { content: '\e81b'; } /* '' */
.icon-tag:before { content: '\e81c'; } /* '' */
.icon-bookmark:before { content: '\e81d'; } /* '' */
.icon-flag:before { content: '\e81e'; } /* '' */
.icon-bell:before { content: '\e81f'; } /* '' */
.icon-thumbs-up:before { content: '\e820'; } /* '' */
.icon-thumbs-down:before { content: '\e821'; } /* '' */
.icon-location:before { content: '\e822'; } /* '' */
.icon-headphones:before { content: '\e823'; } /* '' */
.icon-basket:before { content: '\e824'; } /* '' */
.icon-cog:before { content: '\e825'; } /* '' */
.icon-flight:before { content: '\e826'; } /* '' */
.icon-umbrella:before { content: '\e827'; } /* '' */
.icon-cloud:before { content: '\e828'; } /* '' */
.icon-flash:before { content: '\e829'; } /* '' */
.icon-globe:before { content: '\e82a'; } /* '' */
.icon-megaphone:before { content: '\e82b'; } /* '' */
.icon-fire:before { content: '\e82c'; } /* '' */
.icon-bag:before { content: '\e82d'; } /* '' */
.icon-box:before { content: '\e82e'; } /* '' */
.icon-gift:before { content: '\e82f'; } /* '' */
.icon-truck:before { content: '\e830'; } /* '' */
.icon-credit-card:before { content: '\e831'; } /* '' */
.icon-facebook-1:before { content: '\e832'; } /* '' */
.icon-link-ext:before { content: '\f08e'; } /* '' */
.icon-bookmark-empty:before { content: '\f097'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-gauge:before { content: '\f0e4'; } /* '' */
.icon-lightbulb:before { content: '\f0eb'; } /* '' */
.icon-bell-alt:before { content: '\f0f3'; } /* '' */
.icon-coffee:before { content: '\f0f4'; } /* '' */
.icon-fighter-jet:before { content: '\f0fb'; } /* '' */
.icon-star-half-alt:before { content: '\f123'; } /* '' */
.icon-unlink:before { content: '\f127'; } /* '' */
.icon-help:before { content: '\f128'; } /* '' */
.icon-puzzle:before { content: '\f12e'; } /* '' */
.icon-shield:before { content: '\f132'; } /* '' */
.icon-minus-squared:before { content: '\f146'; } /* '' */
.icon-ok-squared:before { content: '\f14a'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-sun:before { content: '\f185'; } /* '' */
.icon-moon:before { content: '\f186'; } /* '' */
.icon-space-shuttle:before { content: '\f197'; } /* '' */
.icon-cube:before { content: '\f1b2'; } /* '' */
.icon-lifebuoy:before { content: '\f1cd'; } /* '' */
.icon-paper-plane:before { content: '\f1d8'; } /* '' */
.icon-paper-plane-empty:before { content: '\f1d9'; } /* '' */
.icon-whatsapp:before { content: '\f232'; } /* '' */
.icon-user-plus:before { content: '\f234'; } /* '' */
.icon-credit-card-alt:before { content: '\f283'; } /* '' */
.icon-thermometer:before { content: '\f2c7'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */
.icon-pinterest:before { content: '\f231'; } /* '' */

/*HEADER*/
nav .header__menu-item.list-menu__item {
  font-size: 18px;
  font-weight: 700;
}
header {
  .header__icons {
    gap: 15px;
    .header__icon .svg-wrapper {
      height: 34px;
      width: 34px;
    }
  }
}

/* BLOG */
.blog-author-info .wrap{
  display: flex;
  gap: 10px;
  padding: 20px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 10px;
  .avtar{
    width: 160px;
    img {
      width: 100%;
      height: auto;
    }
  }
  .content {
    h4 {
      margin: 0 0 10px 0;
      font-size: 22px;
      font-weight: 700;
    }
    p {
      margin: 0;
      line-height:1.6;
    }
  }
}


/*SECTION FOOTER FEATURE ICON*/
.section-icon-features .icon-features__grid {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
  text-align: center;
  .icon-feature-item {
    flex: 1 1 180px;
  }
  .icon-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #B0C298;
     i {
      font-size: 28px;
    }
  }
  h4.icon-feature-title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
  }
}

/*SECTION FOOTER NAVIGATION*/
.footer-bar-navigation{
  .page-width{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    .top-bar-navigation__menu {
      a {
        font-size: 20px;
        font-weight: 500;
        padding: 10px 20px;
        text-decoration: none;
        color: #362E21;
        &:first-child {
          padding-left: 0;
        }
        &:hover {
          opacity: .8;
        }
      }
    }
    .top-bar-navigation__social {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      a {
        height: 40px;
        width: 40px;
        color: #362E21;
        &:last-child {
          padding-left: 0;
        }
        &:hover {
          opacity: .8;
        }
      }
    }
  }
}

footer.footer{
  background-color: #f1f1ef;
}
.footer-contact-list__items {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-contact-list__item {
  display: flex;
  gap: 12px;
  margin-bottom: 14px;
  align-items: flex-start;
}

.footer-contact-list__icon img {
  width: 30px;
  height: 30px;
}

.footer-contact-list__title {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
}

.footer-contact-list__text {
  font-size: 14px;
  opacity: 0.85;
}


/* base */
.section-blocquate {
  .product-blockquote {
    margin: 0;
    background-color: #F1F1EF;
    padding: 20px 30px;
    border-radius: 18px;
    border-left: 4px solid #B1C394;
    &:before {
        content: '';
        display: block;
        font-size: 16px;
        margin: 0 0 12px;
        height: 40px;
        width: 40px;
        background-size: cover;
        background-image: url("data:image/png;base64,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")
    }
    h3 {
      font-size: 30px;
      line-height: 1.5;
      margin: 0;
    }
    small {
      font-size: 18px;
    }
  }
}
section.brewing-tips {
  padding: 60px 0;
  h3 {
    text-align: center;
    margin: 0 0 6px 0;
    font-size: 42px;
    margin-bottom: 8px
    & + p {
      font-size: 20px;
      margin-bottom: 0;
    }
  }
  ul {
      margin: 40px 0 0 0;
      padding: 0;
      display: flex;
      gap: 20px;
      flex-swrap: wrap;
      list-style: none;
        li{
          width: 100%;
          flex: 1 0 0;
        padding: 20px;
        background-color: #fff;
        border: 1px solid #F1F1EF;
        border-radius: 8px;
            i {
              font-size: 40px;
            }
            h4 {
                font-weight: 600;
                font-size: 20px;
                line-height: 1.4;
                margin: 0 0 5px 0;
            }
            p {
                font-size: 17px;
                line-height: 1.1;
                margin: 0;
            }
        }
    }
}
section.ingredients {
  padding: 40px 0;
  h3 {
    text-align: center;
    margin: 0 0 6px 0;
    font-size: 42px;
    margin-bottom: 8px
    & + p {
      font-size: 20px;
      margin-bottom: 0;
    }
  }
  ul {
      margin: 40px 0 0 0 ;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      list-style: none;
        li{
        padding: 20px;
        background-color: #F1F1EF;
        border-radius: 8px;
        width: 23%;
            h4 {
                font-weight: 600;
                font-size: 22px;
                line-height: 1.4;
                margin: 0 0 5px 0;
            }
            p {
                font-size: 17px;
                line-height: 1.4;
                opacity: 0.9;
                margin: 0;
            }
        }
    }
}

section.product-faq {
  padding: 40px 0;
    h3 {
    text-align: center;
    margin: 0 0 6px 0;
    font-size: 42px;
    margin-bottom: 8px
    & + p {
      font-size: 20px;
      margin-bottom: 0;
    }
  }
    ol {
      margin: 40px 0 0 0;
      padding: 0;
        li{
        padding: 18px 20px;
        border-bottom:1px solid rgba(0,0,0,0.1);
            &:last-child {
                border-bottom: 0;
            }
            h4 {
                font-weight: 600;
                font-size: 22px;
                line-height: 1.4;
                margin: 0 0 3px 0;
            }
            p {
                font-size: 18px;
                margin: 0;
            }
        }
    }
}