/** Shopify CDN: Minification failed

Line 157:66 Unexpected "]"

**/
/***********/
/* Product */
/***********/
.page-width-narrow {
  max-width: 80rem;
}
.page-width-narrow h2 {
  font-size: calc(var(--font-heading-scale) * 3.2rem);
}
.page-width-narrow h3 {
  font-size: calc(var(--font-heading-scale) * 2.8rem);
}
.page-width-narrow h4 {
  font-size: calc(var(--font-heading-scale) * 2.0rem);
}
blockquote {
  padding: 0 0 0 0.75em;
  margin: 1em 0;
  border-top: none;
  border-left: 4px solid #212E84;
  font-size: 1.45em;
}
blockquote p {
  margin: 0 0 0.5rem;
}
.blockquote--testimonial {
  background: none;
  border-left: none;
  color: #212E84;
  border-top: none;
  padding: 0;
  margin: 20px 1.5em 1em 45px;
  position: relative;
  font-size: 1.1em;
}
.rte .blockquote--testimonial {
  display: block;
}
.blockquote--testimonial::before {
  content: "“";
  display: block;
  position: absolute;
  top: 20px;
  left: -40px;
  font-size: 3.4em;
  line-height: 0.5;
  color: #212E84;
  opacity: 0.5;
  font-family: "freight-micro-pro", Georgia, "Times New Roman", serif;
}
.blockquote--testimonial cite {
  display: flex;
  align-items: center;
  font-style: normal;
  font-family: "brandon-grotesque", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.blockquote--testimonial .cite__location {
  text-transform: none;
  font-weight: normal;
  padding-left: 1em;
  letter-spacing: 0;
}
@media screen and (min-width: 55em) {
  .blockquote--testimonial {
    font-size: 1.25em;
  }
  .blockquote--testimonial::before {
    left: -60px;
  }
}

/*Product Trust Icons*/
.product__trust-icons {
  display: flex;
  flex-flow: row wrap;
  gap: 12px;
  align-items: center;
  justify-content: center;
}
.bullet--trust {
  text-transform: uppercase;
  color: #757575;
  font-size: 15px;
  letter-spacing: 0.05em;
  font-weight: bold;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  margin: .75rem 0;
}
.bullet--trust svg {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  fill: #757575;
  margin-right: 10px;
}
.cart .bullet--trust {
  flex-basis: 100%;
}

/*Product Ideal For*/
.product__ideal-for {
  margin: 1.5rem 0 2rem;
}
.product__ideal-for h3 {
  font-size: 28px;
  text-align: center;
  text-transform: uppercase;
}
.product__ideal-for ul.bullet--icons {
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.product__ideal-for .bullet--icon {
  margin: .25rem 1rem .25rem 0;
  padding: 0;
  display: flex;
  align-items: center;
  font-weight: bold;
  text-transform: uppercase;
}
.product__ideal-for .bullet--icon img {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  flex-basis: 44px;
  max-width: 44px;
  margin-right: 1rem;
}

.jdgm-rev__location {
  opacity: 1 !important;
}
.jdgm-ask-question-btn, .jdgm-write-rev-link, .jdgm-all-reviews-rating-wrapper, .jdgm-carousel-wrapper a, .jdgm-rev__prod-link, .jdgm-all-reviews-text a, .jdgm-carousel-item__product, .jdgm-carousel-number-of-reviews, .jdgm-revs-tab__url {
  color: #212e84 !important;
}
.rte a {
  color: #3143B9 !important;
  text-decoration: underline;
}

/* Chewies Customization */
body.chewies {background: #fff !important;} 

.chewies .rc-subscription-details .rc-subscription-details__button] {color: #000;}


/*iHerb Logo*/
.product__form--iherb {
  p {
    margin: 0;
  }
}
.logo-iherb {
  display: block;
  max-width: 100%;
  margin: 0.5em 0;
  width: 180px;
  height: 57px;

  @include medium {
    width: 240px;
    height: 76px;
  }
}


/***********/
/*  Cart   */
/***********/
.free-shipping {
  font-size: 18px;
  font-family: var(--font-heading-family);
  line-height: 1.3;
  display: block;
  flex-basis: 100%;
  position: relative;
  padding-left: 60px;
  max-width: 375px;
  margin: 0 0 0 auto;
}
.free-shipping strong {
  text-transform: uppercase;
}
.free-shipping a {
  text-decoration: underline;
  font-size: 16px;
  color: 
}
.free-shipping::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 48px;
  height: 48px;
  margin-top: -20px;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23212E84' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22.5 3.625H11a1.5 1.5 0 0 0-1.485 1.286.249.249 0 0 1-.247.214H5.819a2.006 2.006 0 0 0-1.961 1.608l-.838 4.2a.088.088 0 0 1-.052.062 24.955 24.955 0 0 0-2.34.928A1.5 1.5 0 0 0 0 13.14v3.985a1.5 1.5 0 0 0 1.5 1.5h2.015a.25.25 0 0 0 .186-.083.256.256 0 0 0 .063-.194 1.842 1.842 0 0 1-.014-.223 3.75 3.75 0 0 1 7.5 0 1.842 1.842 0 0 1-.014.223.252.252 0 0 0 .063.194.249.249 0 0 0 .186.083h3.03a.25.25 0 0 0 .186-.083.256.256 0 0 0 .063-.194 1.842 1.842 0 0 1-.014-.223 3.75 3.75 0 0 1 7.5 0 1.842 1.842 0 0 1-.014.223.252.252 0 0 0 .063.194.249.249 0 0 0 .186.083h.015a1.5 1.5 0 0 0 1.5-1.5v-12a1.5 1.5 0 0 0-1.5-1.5zM5.779 7.326a.25.25 0 0 1 .245-.2H8.75a.25.25 0 0 1 .25.25v2.5a.25.25 0 0 1-.25.25H5.525a.25.25 0 0 1-.246-.3z'/%3E%3Ccircle cx='7.5' cy='18.125' r='2.25'/%3E%3Ccircle cx='18.5' cy='18.125' r='2.25'/%3E%3C/svg%3E");
}
.norton {
  margin: 1em 0;
  text-align: right;
}

/***********/
/* Account */
/***********/
@media screen and (min-width: 55em) {
  .customer.account > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }
  .customer.account > div .actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
  }
}

.customer a.button.button--primary {
  text-decoration: none;
  display: flex;
  align-items: center;
  background: rgb(var(--color-link));
  color: #fff;
}

/*
*******************************************************************
HOME HEADER
*******************************************************************
*/
.header--home {
  margin: 0 auto; max-width: 1400px;}
  .header--home h1, .header--home h2, .header--home h3, .header--home h4, .header--home h5, .header--home h6 {
    margin-top: 0; }
  .header--home h6 {
    margin: 0;
    opacity: 0.5; }
  .header--home .wp-block-button {
    margin-bottom: 0; }
  .header--home .wp-block-button__link {
    min-width: 180px; }
  .header--home.block--grid.block--grid-alt .block__content {
    margin-top: 0; }
  .header--home.block--grid.block--grid-alt .block__content__container {
    margin-top: 0;
    margin-bottom: -5%; }
  .header--home.block--grid.block--grid-alt .block__image {
    max-height: inherit;}
    .header--home.block--grid.block--grid-alt .block__image img {
      align-self: flex-start;  object-fit: contain; object-position: top; height: inherit;}
    @media screen and (min-width: 55em) {
      .header--home.block--grid.block--grid-alt .block__image {
        max-height: 600px;
        justify-content: flex-end; }
        .header--home.block--grid.block--grid-alt .block__image img {
          max-height: 600px; } }
  @media screen and (min-width: 55em) {
    .header--home.block--grid.block--grid-alt {
      grid-template-rows: 30px minmax(min-content, auto) 60px;
      grid-template-columns: 45% 10% 45%; }
      .header--home.block--grid.block--grid-alt .block__content__container {
        margin: 0 0 2%; } }

/*
*******************************************************************
LISTING WITH ICONS STYLES
used on home page
*******************************************************************
*/
.listing--icons, .content .listing--icons {
  list-style: none;
  margin: 1em 0;
  padding: 0; }
  @media screen and (min-width: 55em) {
    .listing--icons, .content .listing--icons {
      display: flex;
      flex-flow: row wrap; }
      .listing--icons li, .content .listing--icons li {
        flex-basis: 30%;
        max-width: 30%;
        margin-right: 3%; }
      .listing--icons.listing--icons--full li, .content .listing--icons.listing--icons--full li {
        flex-basis: 100%;
        max-width: 100%;
        margin-right: 0; } }
  .listing--icons .list-item--icon, .content .listing--icons .list-item--icon {
    display: flex;
    align-items: center;
    margin-bottom: 1em; }
    .listing--icons .list-item--icon img, .content .listing--icons .list-item--icon img {
      width: 36px;
      height: 36px;
      flex-basis: 36px;
      max-width: 36px;
      margin-right: 0.75em; }
    @media screen and (min-width: 55em) {
      .listing--icons .list-item--icon, .content .listing--icons .list-item--icon {
        display: block;
        font-size: 1.15em; }
        .listing--icons .list-item--icon img, .content .listing--icons .list-item--icon img {
          margin-bottom: 0.5em; } }
.list-item__text {display: block;}
/*
*******************************************************************
GRID BLOCK
*******************************************************************
*/
.block--grid {
  width: 100%; }
  .block--grid .block__image {
    display: flex;
    align-items: start;
    justify-content: center;
    max-height: 250px;
    overflow: hidden;
    height: 100%;
    width: 100%;
    max-width: 100%; }
    .block--grid .block__image img {
      max-width: inherit; }
    .block--grid .block__image.has-gradient {
      position: relative; }
      .block--grid .block__image.has-gradient::before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(-12deg, rgba(33, 46, 132, 0.75) 0%, rgba(33, 46, 132, 0) 52%); }
  .block--grid .block__content {
    margin: -5% auto 0;
    max-width: 95%;
    position: relative;
    display: flex;
    align-items: center; }
    .block--grid .block__content .block__headline {
      margin-top: 0; }
    .block--grid .block__content .nav--breadcrumbs {
      text-align: left; }
    .block--grid .block__content .block__content__container {
      background: #fff;
      padding: 1em;
      width: 100%;
      min-height: 300px;
      display: flex;
      flex-flow: row wrap;
      align-content: center; }
      .block--grid .block__content .block__content__container > * {
        flex-basis: 100%;
        max-width: 100%; }
  @media screen and (min-width: 55em) {
    .block--grid {
      display: grid;
      grid-template-columns: 50% 100px 1fr;
      grid-template-rows: 55px 500px auto; }
      .block--grid .block__image {
        max-height: 550px;
        max-width: inherit;
        grid-area: 1 / 2 / 3 / 4;
        align-self: start; }
      .block--grid .block__content {
        max-width: 100%;
        margin: 0;
        grid-area: 2 / 1 / 4 / 3; }
        .block--grid .block__content .block__content__container {
          padding: 2em; } }
  .block--grid.block--grid-alt .block__content .block__content__container {
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
  .block--grid.block--grid-alt .block__content p {
    margin: 0; }
  @media screen and (min-width: 55em) {
    .block--grid.block--grid-alt {
      grid-template-rows: 85px auto 85px; }
      .block--grid.block--grid-alt .block__image {
        max-height: 550px;
        grid-area: 1 / 2 / 4 / 4; }
      .block--grid.block--grid-alt .block__content {
        align-items: center;
        grid-area: 2 / 1 / 3 / 3; }
      .block--grid.block--grid-alt.is-reversed {
        grid-template-columns: 1fr 100px 50%; }
        .block--grid.block--grid-alt.is-reversed .block__image {
          grid-area: 1 / 1 / 4 / 3; }
        .block--grid.block--grid-alt.is-reversed .block__content {
          grid-area: 2 / 2 / 3 / 4; } }
  .block--grid.has-blue-bar .block__content .block__content__container {
    position: relative; }
    .block--grid.has-blue-bar .block__content .block__content__container::before {
      content: "";
      display: block;
      width: 240px;
      height: 120px;
      background: #212E84;
      position: absolute;
      bottom: -15px;
      right: -15px;
      z-index: -1; }
    @media screen and (min-width: 55em) {
      .block--grid.has-blue-bar .block__content .block__content__container::before {
        width: 390px;
        height: 50px;
        bottom: inherit;
        right: inherit;
        top: -50px;
        left: 1.5em;
        z-index: -1; } }
  @media screen and (min-width: 55em) {
    .block--grid.has-blue-bar.is-reversed .block__content .block__content__container::before {
      left: 7em; } }