/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./source/styles/components.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 690px) and (max-width: 999px) {
  .c-callout-image-card.wp-block-media-text:not(.has-background) {
    grid-template-columns: 1fr 1fr !important;
  }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .c-callout-image-card.wp-block-media-text:not(.has-background) {
    grid-template-columns: 1fr 1fr !important;
  }
}
.wp-block-group.has-background .c-callout-image-card.wp-block-media-text:not(.has-background) .wp-block-media-text__content {
  padding: 64px 40px;
}
@media (min-width: 690px) {
  .wp-block-group.has-background .c-callout-image-card.wp-block-media-text:not(.has-background) .wp-block-media-text__content {
    padding: 96px 80px;
  }
}
.c-callout-logo-card.wp-block-media-text {
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (min-width: 1000px) {
  .c-callout-logo-card.wp-block-media-text {
    gap: 40px;
  }
}
.c-callout-logo-card.wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}
.c-callout-logo-card.wp-block-media-text .wp-block-media-text__media {
  align-self: flex-start;
}
.c-callout-logo-card.wp-block-media-text.c-callout-logo-card--logo-xs {
  grid-template-columns: 80px auto !important;
}
.c-callout-logo-card.wp-block-media-text.c-callout-logo-card--logo-xs .wp-block-media-text__media {
  max-width: 80px;
}
.c-callout-logo-card.wp-block-media-text.c-callout-logo-card--logo-sm {
  grid-template-columns: 100px auto !important;
}
.c-callout-logo-card.wp-block-media-text.c-callout-logo-card--logo-sm .wp-block-media-text__media {
  max-width: 100px;
}
.c-callout-logo-card.wp-block-media-text.c-callout-logo-card--logo-md {
  grid-template-columns: 100px auto !important;
}
@media (min-width: 690px) {
  .c-callout-logo-card.wp-block-media-text.c-callout-logo-card--logo-md {
    grid-template-columns: 150px auto !important;
  }
}
@media (min-width: 1000px) {
  .c-callout-logo-card.wp-block-media-text.c-callout-logo-card--logo-md {
    grid-template-columns: 200px auto !important;
  }
}
.c-callout-logo-card.wp-block-media-text.c-callout-logo-card--logo-md .wp-block-media-text__media {
  max-width: 200px;
}
.c-callout-logo-card.wp-block-media-text.c-callout-logo-card--logo-lg {
  grid-template-columns: 150px auto !important;
}
@media (max-width: 479px) {
  .c-callout-logo-card.wp-block-media-text.c-callout-logo-card--logo-lg {
    display: flex !important;
    flex-direction: column !important;
  }
}
@media (min-width: 690px) {
  .c-callout-logo-card.wp-block-media-text.c-callout-logo-card--logo-lg {
    grid-template-columns: 200px auto !important;
  }
}
@media (min-width: 1000px) {
  .c-callout-logo-card.wp-block-media-text.c-callout-logo-card--logo-lg {
    grid-template-columns: 300px auto !important;
  }
}
.c-callout-logo-card.wp-block-media-text.c-callout-logo-card--logo-lg .wp-block-media-text__media {
  max-width: 300px;
}
@media (max-width: 479px) {
  .c-callout-logo-card.wp-block-media-text.c-callout-logo-card--logo-lg .wp-block-media-text__media {
    max-width: 200px;
    align-self: center;
  }
}

.c-callout-graphic-card.wp-block-media-text:not(.has-background) .wp-block-media-text__content {
  padding: 64px 40px;
}
@media (min-width: 690px) {
  .c-callout-graphic-card.wp-block-media-text:not(.has-background) .wp-block-media-text__content {
    padding: 96px 80px;
  }
}
.c-callout-graphic-card.wp-block-media-text:not(.has-background).is-image-fill > .wp-block-media-text__media {
  background-repeat: no-repeat;
}
@media (max-width: 999px) {
  .c-callout-graphic-card.wp-block-media-text:not(.has-background).is-image-fill > .wp-block-media-text__media {
    background-size: contain;
  }
}

.c-callout-icon-card.wp-block-media-text {
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (min-width: 690px) {
  .c-callout-icon-card.wp-block-media-text {
    gap: 24px;
  }
}
@media (min-width: 1000px) {
  .c-callout-icon-card.wp-block-media-text {
    gap: 40px;
  }
}
.c-callout-icon-card.wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}
.c-callout-icon-card.wp-block-media-text .wp-block-media-text__media {
  align-self: flex-start;
}
.c-callout-icon-card.wp-block-media-text.c-callout-icon-card--icon-xs {
  grid-template-columns: 60px auto !important;
}
.c-callout-icon-card.wp-block-media-text.c-callout-icon-card--icon-xs .wp-block-media-text__media {
  max-width: 60px;
}
.c-callout-icon-card.wp-block-media-text.c-callout-icon-card--icon-sm {
  grid-template-columns: 60px auto !important;
}
@media (min-width: 690px) {
  .c-callout-icon-card.wp-block-media-text.c-callout-icon-card--icon-sm {
    grid-template-columns: 90px auto !important;
  }
}
.c-callout-icon-card.wp-block-media-text.c-callout-icon-card--icon-sm .wp-block-media-text__media {
  max-width: 100px;
}
.c-callout-icon-card.wp-block-media-text.c-callout-icon-card--icon-md {
  grid-template-columns: 60px auto !important;
}
@media (min-width: 690px) {
  .c-callout-icon-card.wp-block-media-text.c-callout-icon-card--icon-md {
    grid-template-columns: 90px auto !important;
  }
}
@media (min-width: 1000px) {
  .c-callout-icon-card.wp-block-media-text.c-callout-icon-card--icon-md {
    grid-template-columns: 120px auto !important;
  }
}
.c-callout-icon-card.wp-block-media-text.c-callout-icon-card--icon-md .wp-block-media-text__media {
  max-width: 125px;
}

.l-step {
  min-height: 110px;
  padding-left: 110px !important;
  background-size: 64px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 30px 16px;
}
@media (min-width: 480px) {
  .l-step {
    min-height: 172px;
    padding-left: 172px !important;
    background-size: 104px;
    background-position: 36px 16px;
  }
}
@media (min-width: 690px) {
  .l-step {
    min-height: 240px;
    padding-left: 240px !important;
    background-size: 144px;
    background-position: 40px 16px;
  }
}

.l-step--one {
  background-image: url(/wp-content/themes/oliang/build/images/icons/coffee/step-one.svg);
}

.l-step--two {
  background-image: url(/wp-content/themes/oliang/build/images/icons/coffee/step-two.svg);
}

.l-step--three {
  background-image: url(/wp-content/themes/oliang/build/images/icons/coffee/step-three.svg);
}

.l-step--cup {
  background-image: url(/wp-content/themes/oliang/build/images/icons/coffee/cup.svg);
}

.l-step--mug {
  background-image: url(/wp-content/themes/oliang/build/images/icons/coffee/mug.svg);
}

.c-product__roast {
  font-weight: 700;
  font-size: 18px;
  color: var(--theme-palette-color-2);
  text-transform: uppercase;
}

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