#page-banner.page-banner__our-products { background: url('images/our-products-wheat.jpg') top left no-repeat; }
#products-filter { text-align: center; }
#products-filter a { display: inline-block; padding: 10px 12px; border-radius: 10px; background-color: #F4F7FF; border: 1px solid #D0D0D0; color: #717171; font-weight: bold; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; }
#products-filter a.products-filter__btn--active { background: #111986; color: #fff; border-color: #111986; }
#products-archive .products-archive__title { margin: 50px 0 0; text-transform: uppercase; font-size: 18px; text-align: center; letter-spacing: 5px; color: #111986; }
#products-archive .products-archive__sub-title { text-align: center; margin: 0 0 50px; font-size: 38px; text-transform: uppercase; letter-spacing: 5px; color: #4D4D4D; font-weight: 800; line-height: 1; }
#products-archive .products-archive { display: flex; flex-wrap: wrap; margin-right: -30px; }
#products-archive .product-item { width: 100%; max-width: 25%; padding-right: 30px; margin-bottom: 30px; text-align: center; display: none; }
#products-archive .product-item.product-item--active { display: flex; }
#products-archive .product-content { background: #fff; border-radius: 30px; border: 1px solid #EAEAEA; padding: 40px; align-self: stretch; width: 100%; }
#products-archive .product-image { position: relative; width: auto; display: inline-block; }
#products-archive .product-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }
#products-archive .product-image canvas { height: auto; display: block; max-width: 100%; }
#products-archive .product-item h2 { font-size: 18px; color: #797979; margin-top: 30px; }
#products-archive a.product-btn { color: #fff; background: #B52629; border-radius: 10px; display: inline-block; padding: 10px 15px; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; margin-top: 30px; }
#product-content .product-content__image { position: relative; border: 1px solid #ccc; background-color: #fff; border-radius: 20px; overflow: hidden; }
#product-content .product-content__image canvas { display: block; height: auto; max-width: 100%; }
#product-content .product-content__image img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: contain; }
#product-content .product-content__text { padding: 50px 30px; }
#product-content .product-content__text h1 { font-size: 36px; font-weight: 800; }
#product-content .product-content__text ul { margin-left: 0; }
.where-to-buy-links { display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.buy-link-item { width: 100%; max-width: calc(50% - 10px); display: flex; border-radius: 10px; overflow: hidden; border: 1px solid #EBEBEB; margin-top: 10px; margin-right: 10px; align-items: center; background-color: #fff; }
.buy-link-item:hover { border-color: #7b7b7b; }
.buy-link-logo { width: 70px; height: 70px; border-right: 1px solid #EBEBEB; position: relative; }
.buy-link-logo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: translateZ(0); image-rendering: -webkit-optimize-contrast; }
.buy-link-logo canvas { max-width: 100%; }
.buy-link-text { flex: 1; padding: 10px 15px; color: #303030; }
.buy-link-item p { margin: 0; font-size: 14px; font-weight: bold; line-height: 1.2; }
p.buy-link-name-price { font-size: 13px; color: #787878; font-weight: 400; display: flex; justify-content: space-between; }
.related-recipe { display: flex; color: #fff; background-color: #B52629; padding: 30px 40px; align-items: center; }
.related-recipe__search { flex: 1; }
a.related-recipe__btn { display: inline-block; padding: 5px 30px; background-color: #fff; color: #B52629; text-transform: uppercase; font-weight: bold; font-size: 22px; border-radius: 30px; position: relative; }
a.related-recipe__btn span { background: #111986; border-radius: 50%; position: absolute; width: 40px; height: 40px; right: -20px; top: 2px; display: flex; align-items: center; justify-content: center; }
.related-recipe__links { width: 250px; margin-left: 50px; }
.nutrition-facts-card { border: 2px solid #B52629; border-radius: 20px; overflow: hidden; background-color: #fff; }
.nutrition-facts-card__title { padding: 10px; background: #B52629; }
.nutrition-facts-card__title h2 { color: #fff; margin: 0; text-align: center; font-size: 24px; letter-spacing: 5px; font-weight: 600; }
.nutrition-facts-card__content { padding: 20px; color: #111986; font-weight: 600; }
.nutrition-facts-card__top .nutrition-info-item { display: flex; justify-content: space-between; }
.nutrition-facts-card__top .nutrition-info-item.nutrition-info-item--bb { border-bottom: 1px solid #B52629; }
.nutrition-facts-card__top .nutrition-info-item span { display: block; }
.nutrition-facts-card__top .nutrition-info-item.nutrition-info-item--sub-item span { font-size: 15px; }
.nutrition-facts-card__top .nutrition-info-item.nutrition-info-item--sub-item span:first-child { padding-left: 20px; }
.nutrition-facts-card__top .nutrition-info-item.nutrition-info-item--sub-item-2 span { font-size: 15px; }
.nutrition-facts-card__top .nutrition-info-item.nutrition-info-item--sub-item-2 span:first-child { padding-left: 35px; }
.nutrition-facts-card__mid .nutrition-info-item { display: flex; justify-content: space-between; flex-wrap: nowrap; }
.nutrition-facts-card__mid .nutrition-info-item span:first-child { width: 50%; }
.nutrition-facts-card__mid .nutrition-info-item span:nth-child(2) { width: 25%; text-align: right; }
.nutrition-facts-card__mid .nutrition-info-item span:last-child { width: 25%; text-align: right; }
.nutrition-facts-card__mid .nutrition-info-item.nutrition-info-item--title { margin-bottom: 10px; border-bottom: 1px solid #B52629; border-top: 1px solid #B52629; }
.nutrition-facts-card__mid .nutrition-info-item.nutrition-info-item--bb { border-bottom: 1px solid #B52629; }
a.product-to-recipe { display: block; border-radius: 5px; overflow: hidden; }
a.product-to-recipe img { display: block; width: 100%; }
a.product-to-recipe:hover { opacity:.8; }

@media (max-width: 1680px) {
    


}

@media (max-width: 1600px) {
    


}

@media (max-width: 1400px) {
    
	#products-filter a { margin-bottom: 5px; }

}

@media (max-width: 1200px) {
    
	#products-archive .product-content { padding: 20px; border-radius: 20px; }

	.related-recipe__links { width: 150px; margin-left: 20px; }

}

@media (max-width: 1100px) {
    
	#page-banner.page-banner__our-products { background: transparent; }
	#page-banner .page-banner__subtitle { font-size: 18px; letter-spacing: 2px; }
	#page-banner .page-banner__title { font-size: 38px; }
	#page-banner .page-banner__2-cols img { max-width: 560px; }

}

@media (max-width: 960px) {
    
	#page-banner .page-banner__2-cols { flex-direction: column; text-align: center; padding-top: 30px; }
	#page-banner .page-banner__2-cols .page-banner__2-cols--image { margin-top: 30px; align-self: unset; }
	#page-banner .page-banner__2-cols img { width: 100%; max-width: 350px; }
	#product-content .product-content__text { padding-top: 20px;}
	#product-content .product-content__text h1 { font-size: 26px; }
	#product-content .product-content__row { flex-direction: column; }
	#product-content .product-content__row > * { max-width: 100%; }
	#product-content .product-content__row > div:first-child { padding-right: 0; }
	#product-content .product-content__row > div:last-child { max-width: 100%; }
	#product-content .product-content__text { padding: 20px 0; }
	#product-content .product-content__text h1 { margin-top: 40px; }



	.related-recipe { flex-direction:column; text-align: center; }
	.related-recipe__links { width: auto; margin-left: 0; }

}

@media (max-width: 860px) {
    


} 

@media (max-width: 800px) {
    
	#products-archive .products-archive { justify-content: normal; }
	#products-archive .product-item { max-width: 33.3333%; }

}

@media (max-width: 680px) {
    
	#products-filter { display: none; }
	#products-archive .product-item { max-width: 50%; }

}

@media (max-width: 560px) {

	#products-archive .products-archive__title { margin-top: 0; }
    
	#products-archive .products-archive { margin-right: -15px; }
	#products-archive .product-content { padding: 15px; }
	#products-archive .product-item h2 { font-size: 16px; }
	#products-archive .product-item { margin-bottom: 15px; padding-right: 15px; }
	#products-archive a.product-btn { font-size: 10px; }

}

@media (max-width: 440px) {
    


}

@media (max-width: 375px) {
    


}