:root {
  --blue-foreground: #10456d;
  /*--blue-pattern: url(images/bg-pattern-blue.b9404f21.png) repeat top center/49px;*/
  --blue-pattern: url(images/bg-pattern-blue.b9404f21.png) repeat top
    center/49px;
  --blue-bg: #7bb4f6;
  --green-foreground: #4f620d;
  /*--green-pattern: url(images/bg-pattern-green.c6005a2d.png) repeat top center/1141px;*/
  --green-pattern: url(images/bg-pattern-green.c6005a2d.png) repeat top
    center/1141px;
  --green-bg: #c5dd73;
  --mustard-foreground: #584c0b;
  /*--mustard-pattern: url(images/bg-pattern-mustard.81a64031.png) repeat top center/1141px;*/
  --mustard-pattern: url(images/bg-pattern-mustard.81a64031.png) repeat top
    center/1141px;
  --mustard-bg: #f2d000;
  --orange-foreground: #642605;
  /*--orange-pattern: url(images/bg-pattern-orange.4998ca5d.png) repeat top center/82px;*/
  --orange-pattern: url(images/bg-pattern-orange.4998ca5d.png) repeat top
    center/82px;
  --orange-bg: #e26522;
  --pink-foreground: #7d1349;
  /*--pink-pattern: url(images/bg-pattern-pink.5277ce80.png) repeat top center/50px;*/
  --pink-pattern: url(images/bg-pattern-pink.5277ce80.png) repeat top
    center/50px;
  --pink-bg: #de66a1;
  --purple-foreground: #480c5d;
  /*--purple-pattern: url(images/bg-pattern-purple.1111c1e9.png) repeat top center/180px;*/
  --purple-pattern: url(images/bg-pattern-purple.1111c1e9.png) repeat top
    center/180px;
  --purple-bg: #9e38b5;
  --red-foreground: #410104;
  /*--red-pattern: url(images/bg-pattern-red.4f5fe8af.png) repeat top center/36px;*/
  --red-pattern: url(images/bg-pattern-red.4f5fe8af.png) repeat top center/36px;
  --red-bg: #93252a;
  --tan-foreground: #69390d;
  /*--tan-pattern: url(images/bg-pattern-tan.3614580d.png) repeat top center/500px;*/
  --tan-pattern: url(images/bg-pattern-tan.3614580d.png) repeat top center/500px;
  --tan-bg: #df9458;
  --yellow-foreground: #634200;
  /*--yellow-pattern: url(images/bg-pattern-yellow.5b2dcc82.png) repeat top center/50px;*/
  --yellow-pattern: url(images/bg-pattern-yellow.5b2dcc82.png) repeat top
    center/50px;
  --yellow-bg: #ffb218;
  --swiper-theme-color: #571c1f !important;
  --swiper-navigation-size: 24px !important;

  --squirelly-theme: #b93a3c;
  --big-16-theme: #bc8241;
  --omegamazing-theme: #a9ac31;
  --little-big-theme: #5693c7;
  --big-red-theme: #c35c7c;
  --soft-wheat-theme: #3faabd;
  --multigrain-theme: #f3873d;
  --the-queen-theme: #946cbf;
  --full-seed-theme: #e16450;
  --plain-bagels-theme: #4093ce;
  --sesame-sunflower-theme: #f3873d;
  --cinnamon-raisin-theme: #935fb6;
  --everything-bagels-theme: #b25f4f;
  --burger-theme: #5693c7;
  --burger-sesame-theme: #bf7945;
  --hot-dog-theme: #d7726a;
  --spinach-tortillas-theme: #49ab99;
  --herb-tortillas-theme: #77a551;
  --turmeric-tortillas-theme: #e17b3f;
  --wheat-tortillas-theme: #895338;
  --home-products-bread: #e15e51;
  --home-products-bagels: #298fc2;
  --home-products-buns: #eba900;
  --home-products-tortillas: #8dbf2e;
}

.products-intro__category.bread,
.products-page__list .bread,
.blog-feed.bread {
  background: var(--home-products-bread);
}

.products-intro__category.bagels,
.products-page__list .bagels,
.blog-feed.bagels {
  background: var(--home-products-bagels);
}

.products-intro__category.buns,
.products-page__list .buns,
.blog-feed.buns {
  background: var(--home-products-buns);
}

.products-intro__category.tortillas,
.products-page__list .tortillas,
.blog-feed.tortillas {
  background: var(--home-products-tortillas);
}

.product-detail.squirelly,
.products-page__list .squirelly,
.blog-feed.squirelly {
  background: var(--squirelly-theme);
}

.product-detail.big-16,
.products-page__list .big-16,
.blog-feed.big-16 {
  background: var(--big-16-theme);
}

.product-detail.omegamazing,
.products-page__list .omegamazing,
.blog-feed.omegamazing {
  background: var(--omegamazing-theme);
}

.product-detail.little-big,
.products-page__list .little-big,
.blog-feed.little-big {
  background: var(--little-big-theme);
}

.product-detail.big-red,
.products-page__list .big-red,
.blog-feed.big-red {
  background: var(--big-red-theme);
}

.product-detail.soft-wheat,
.products-page__list .soft-wheat,
.blog-feed.soft-wheat {
  background: var(--soft-wheat-theme);
}

.product-detail.multigrain,
.products-page__list .multigrain,
.blog-feed.multigrain {
  background: var(--multigrain-theme);
}

.product-detail.the-queen,
.products-page__list .the-queen,
.blog-feed.the-queen {
  background: var(--the-queen-theme);
}

.product-detail.full-seed,
.products-page__list .full-seed,
.blog-feed.full-seed {
  background: var(--full-seed-theme);
}

.product-detail.plain-bagels,
.products-page__list .plain-bagels,
.blog-feed.plain-bagels {
  background: var(--plain-bagels-theme);
}

.product-detail.sesame-sunflower,
.products-page__list .sesame-sunflower,
.blog-feed.sesame-sunflower {
  background: var(--sesame-sunflower-theme);
}

.product-detail.cinnamon-raisin,
.products-page__list .cinnamon-raisin,
.blog-feed.cinnamon-raisin {
  background: var(--cinnamon-raisin-theme);
}

.product-detail.everything-bagels,
.products-page__list .everything-bagels,
.blog-feed.everything-bagels {
  background: var(--everything-bagels-theme);
}

.product-detail.burger,
.products-page__list .burger,
.blog-feed.burger {
  background: var(--burger-theme);
}

.product-detail.burger-sesame,
.products-page__list .burger-sesame,
.blog-feed.burger-sesame {
  background: var(--burger-sesame-theme);
}

.product-detail.hot-dog,
.products-page__list .hot-dog,
.blog-feed.hot-dog {
  background: var(--hot-dog-theme);
}

.product-detail.spinach-tortillas,
.products-page__list .spinach-tortillas,
.blog-feed.spinach-tortillas {
  background: var(--spinach-tortillas-theme);
}

.product-detail.herb-tortillas,
.products-page__list .herb-tortillas,
.blog-feed.herb-tortillas {
  background: var(--herb-tortillas-theme);
}

.product-detail.turmeric-tortillas,
.products-page__list .turmeric-tortillas,
.blog-feed.turmeric-tortillas {
  background: var(--turmeric-tortillas-theme);
}

.product-detail.wheat-tortillas,
.products-page__list .wheat-tortillas,
.blog-feed.wheat-tortillas {
  background: var(--wheat-tortillas-theme);
}

.product-detail__header h1 {
  color: #571c1f;
}

.product-detail__bg {
  outline: 4px dotted #571c1f;
  outline-offset: 9px;
  background: #f6efe4;
  border: none;
}

.product-detail__stats-circle > li:first-of-type,
.product-detail__stats-circle > li:last-of-type {
  background: url("/wp-content/themes/silverhillsbakery/build/images/Seed-1.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.product-detail__stats-circle > li:first-of-type:hover,
.product-detail__stats-circle > li:last-of-type:hover {
  background: url("/wp-content/themes/silverhillsbakery/build/images/seed-1-hover.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.product-detail__stats-circle > li:nth-of-type(2) {
  background: url("/wp-content/themes/silverhillsbakery/build/images/Seed-2.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 112px;
  height: 120px;
  margin: -60px;
}

.product-detail__stats-circle > li:nth-of-type(2):hover {
  background: url("/wp-content/themes/silverhillsbakery/build/images/seed-2-hover.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.product-detail__stats-circle > li:nth-of-type(2) .stat {
  justify-content: start;
  padding-top: 15px;
}
.product-detail__stats-circle > li:nth-of-type(2) strong {
  text-align: center;
}
.product-detail__stats-circle > li:nth-of-type(2) h4 > small {
  padding-left: 12px;
  text-align: left;
}

.product-detail__stats-circle > li:nth-of-type(4) {
  background: url("/wp-content/themes/silverhillsbakery/build/images/Seed-3.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.product-detail__stats-circle > li:nth-of-type(4):hover {
  background: url("/wp-content/themes/silverhillsbakery/build/images/seed-3-hover.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.product-detail .stat:after {
  content: none;
}

.product-detail__stats-circle .stat:hover {
  background-color: transparent !important;
  transform: none;
}

@media (min-width: 1024px) {
  .post-article {
    padding-top: 64px;
  }
}

.product-detail__stats-circle > * {
  display: block;
  height: 105px;
  left: 50%;
  margin: -68px;
  position: absolute;
  top: 50%;
  width: 126px;
}

@font-face {
  font-family: "Recoleta";
  src: url("assets/fonts/Recoleta-black.woff") format("woff"),
    url("assets/fonts/Recoleta-black.woff2") format("woff2");
  font-weight: 900;
}

/** TYPOGRAPHY **/

/* body & elements */
body {
  font-family: acumin-variable, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.post-detail__recipe__body__header small,
.result-card.type--product .result-card__inner h4 small,
.product-detail__header p,
.product-detail .stat small {
  font-family: acumin-variable, sans-serif;
}

.product-detail__header p {
  font-weight: 700;
}

.button,
.button.secondary,
blockquote cite,
.gform_wrapper .gform_title,
.gform_wrapper .gfield_label,
.gform_wrapper .gfield_description,
.gform_wrapper .highlight-form input[type="submit"],
.gform_wrapper .communication-options label strong,
.site-header .nav-main a,
.site-header .nav-main .desktop a,
.site-footer__panel ul a,
.site-footer__panel .gform_title,
.popup-list__cta,
.popup-list__overlay li a,
.print-this,
.link-back,
.link-close,
#page-sections-subnav span,
.feature-card__inner .article-category,
.feature-card__inner .article-header,
.products-page__filter__tab + label,
.products-page__filter__panel input[type="radio"] + label,
.products-page__filter__panel .profile-labels strong,
.products-page__list .product__title,
.product-detail__header h1,
.product-detail .stat,
.product-detail__footer .card .lead,
.product-detail__footer .label-table,
.product-detail__footer .ingredient-alert,
.post-detail__header h1 small,
.post-detail__header .author__name,
.post-detail__body .h1,
.post-detail__body h1,
.post-detail__body .h2,
.post-detail__body h2,
.post-detail__body .h4,
.post-detail__body h4,
.blog__filter .select,
.blog__filter__tab + label,
.blog__filter__panel label,
.blog__filter__status,
.blog__filter__category label,
.blog__filter__sort label,
.search-form input[type="search"],
.search-suggestions button,
.search-filters label,
.search-filters .select,
.search-filters__status,
.pagination-block ul.pagination li .page-number,
.lead-gen-overlay__body .gform_wrapper .gform_title,
.stores__wrapper .usa__text,
.stores__wrapper .canadian__text,
.post-detail__body .h3,
.post-detail__body h3,
.post-card__inner h4 {
  font-family: Recoleta;
}

/* headers */
.h1,
h1 {
  color: #571c1f;
  font-family: Recoleta, sans-serif;
  font-size: 66.66px;
  line-height: 1.1;
  margin: 0.67em 0 0.335em;
}

@media (min-width: 1024px) {
  .h1,
  h1 {
    font-size: 56px;
    line-height: 64px;
  }
}

.h2,
h2 {
  color: #571c1f;
  font-family: Recoleta, sans-serif;
  font-size: 48px;
  line-height: 64px;
  margin: 0.83em 0 0.415em;
}

@media (min-width: 1024px) {
  .h2,
  h2 {
    font-size: 48px;
  }
}

.h3,
h3 {
  color: #571c1f;
  font-family: Recoleta, sans-serif;
  font-size: 40px;
  line-height: 54px;
  margin: 1em 0 0.5em;
}

@media (min-width: 1024px) {
  .h3,
  h3 {
    font-size: 28px;
  }
}

.h4,
h4 {
  color: #571c1f;
  font-family: acumin-variable, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  margin: 1.33em 0 0.665em;
}

@media (min-width: 1024px) {
  .h4,
  h4 {
    font-size: 24px;
  }
}

.h5,
h5 {
  color: #571c1f;
  font-family: acumin-variable, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  margin: 1.67em 0 0.835em;
}

@media (min-width: 1024px) {
  .h5,
  h5 {
    font-size: 20px;
  }
}

.h6,
h6 {
  font-family: acumin-variable, sans-serif;
  font-size: 12px !important;
  font-weight: 400;
  letter-spacing: 0.1em;
  margin: 2.33em 0 1.165em;
  text-transform: uppercase;
}

.site-header {
  position: relative;
}

@media (min-width: 980px) {
  .site-header {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Layer_1' data-name='Layer 1' viewBox='0 0 1800 500'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none%3B %7D .cls-2 %7B clip-path: url(%23clippath)%3B %7D .cls-3 %7B fill: %23eaa800%3B %7D .cls-4 %7B fill: %2380bc00%3B %7D .cls-5 %7B fill: %238dbf2e%3B %7D .cls-6 %7B fill: %23d54a7a%3B %7D .cls-7 %7B fill: %23e15e51%3B %7D .cls-8 %7B fill: %23228cc1%3B %7D .cls-9 %7B fill: %234b1325%3B %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='cls-1' width='1800' height='500'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='cls-2'%3E%3Cpath class='cls-4' d='m6.77-289.37C-190.69-79.82-80.24 117.09-23.89 190.73c28.41 37.12 57.7 24.01 79.49 2.42 28.21-27.94 66.29-43.42 105.98-44.33 358.2-8.2-51.75-547.56-154.81-438.2Z'/%3E%3Cpath class='cls-6' d='m179.42-169.95c-38.17 4.58-90.09 218.2 48.08 257.98 128.17 36.9 203 27.97 254.51-69.3 51.52-97.28-8.84-136.5-104.28-177.96-63.48-27.58-198.31-10.72-198.31-10.72Z'/%3E%3Cpath class='cls-8' d='m450.35 146.76c89.34-12.39 65.59-70.77 127.18-61.04 18.36 2.9 57.79 15.55 89.2-14.91 27.36-26.54 47.39-19.09 69.42-32.46 66.09-40.12 111.54-102.29 40.38-178.26-78.3-83.59-52.51-63.76-241.07 79.11-188.56 142.88-114.11 201.55-114.11 201.55 0 0 10.74 8.54 29 6.01Z'/%3E%3Cpath class='cls-3' d='m940.6-322.03c458.67 103.5 570.33 362.01 397.93 452.73-172.39 90.72-176.6-178.71-521.55-265.7-155.67-39.26 123.62-187.03 123.62-187.03'/%3E%3Cpath class='cls-6' d='m1679.11-157.04c-74.79-15.33-86.79 102.53-54.91 256.68 31.88 154.15 130.09 150.37 210.21 54.42 80.13-95.95 112.95-137.4 122.91-219.1 9.96-81.7-278.21-92-278.21-92Z'/%3E%3Cpath class='cls-5' d='m1588.96 141.39c5.02.39 10.02 1.01 15.02 1.62 54.9 6.67 65.1-85.52 42.88-205.69-22.94-124.05-101.69-122.68-167.51-47.15-65.82 75.52-92.82 108.19-102.18 173.48-8.21 57.28 168.32 74.4 211.8 77.74Z'/%3E%3Cpath class='cls-7' d='m834.69-53.28c288.75-59.8 419.52 58.87 344.59 155.37-74.93 96.49-147.17-56.27-366.7-16.52-99.07 17.94 22.11-138.85 22.11-138.85'/%3E%3C/g%3E%3Crect class='cls-9' width='1800' height='22'/%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 80px;
  }
}

.site-header > .desktop,
.site-header > .mobile {
  display: none;
}

.site-header > .desktop .nav-main .desktop {
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: center;
}

.site-header > .desktop {
  display: block;
}

.site-header > .desktop .logo__wrapper {
  display: flex;
  justify-content: center;
}

@media (max-width: 1024px) {
  .site-header > .desktop {
    display: none;
  }

  .site-header > .mobile {
    display: block;
  }

  .site-header > .mobile .hdr-logo > a {
    width: 66px;
    height: 46px;
  }

  .site-header .mobile .page-title {
    font-size: 22px;
  }
}

.site-header .nav-main .desktop > ul {
  background-color: transparent;
  border-radius: 0;
  box-shadow: unset;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  width: 100%;
}

.site-header .hdr-logo {
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
}

.site-header .hdr-logo > a {
  background: url(/wp-content/themes/silverhillsbakery/build/images/SilverHills_SP_Logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0;
  width: 160px;
  height: 111px;
}

.site-footer__panel .hdr-logo a {
  background: url(/wp-content/themes/silverhillsbakery/build/images/SilverHills_SP_Logo.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.button {
  padding: 12px 24px !important;
}

.product-detail__footer .cell.product-detail-ingredients-right:before,
.product-detail__footer .cell.product-detail-ingredients-left:before {
  content: none;
}

/* Home specific */
.home #sprouted-power.yellow {
  background: #eba900;
}

.home #recipes-articles,
.site-footer.blue {
  background: #298fc2;
}

/* Our story */

#our-story.promo.large .promo__img,
#our-story.promo.large .promo__img img {
  transform: none;
}

@media (min-width: 1024px) {
  #our-story .promo__container {
    grid-template-areas:
      "img header"
      "img body";
    column-gap: 1.75em;
  }
}

.bannerslider__carousel video {
  width: 100%;
}