.section--recipe-listing{position:relative}.section--recipe-listing .section-content-wrapper .filters{background:var(--zesty-green-1);margin-left:var(--negative-fluid-padding);margin-bottom:4.6875rem;padding-top:.8125rem;padding-bottom:.75rem;width:calc(100 * var(--vw, 1vw))}.section--recipe-listing .section-content-wrapper .filters ul{padding-left:var(--fluid-padding);padding-right:var(--fluid-padding);flex-wrap:nowrap;overflow:scroll}.section--recipe-listing .section-content-wrapper .filters .filter{color:var(--black);margin:0 3.125rem;cursor:pointer}.section--recipe-listing .section-content-wrapper .filters .filter:first-child{margin-left:0}.section--recipe-listing .section-content-wrapper .filters .filter:last-child{margin-right:0}.section--recipe-listing .section-content-wrapper .filters .filter.active{color:var(--copper-orange)}.section--recipe-listing .section-content-wrapper .recipe-listing{padding-bottom:2.5rem}.section--recipe-listing .section-content-wrapper .recipe-listing .loading,.section--recipe-listing .section-content-wrapper .recipe-listing .no-matches{text-align:center}.section--recipe-listing .section-content-wrapper .recipe-listing .no-matches .h3{color:var(--basil-green);max-width:31.25rem;margin-bottom:2.5rem}.section--recipe-listing .section-content-wrapper .recipe-listing .no-matches .btn{max-width:22.5rem;margin:0 auto}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles{position:relative;display:grid;grid-auto-flow:dense;grid-template-columns:repeat(3,minmax(0,1fr));margin-left:calc(0px - var(--gutter-width) / 2);margin-right:calc(0px - var(--gutter-width) / 2);margin-top:-.625rem;width:calc(75% + var(--gutter-width));max-width:calc(100% - 17.5rem);flex:0 1 auto}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles>*{max-width:100%;word-wrap:break-word}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card{position:relative;display:flex;flex-direction:column;margin-left:calc(var(--gutter-width) / 2);margin-right:calc(var(--gutter-width) / 2);margin-top:.625rem;margin-bottom:2.5rem;color:var(--black);border-radius:.625rem;box-shadow:var(--offset-shadow);overflow:hidden}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .image{position:relative;margin-bottom:2.125rem;display:block}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .image .overlay{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#1a5632ab;opacity:0;transition:.15s ease-in}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .image .overlay .meta{color:var(--white);padding-right:.5rem}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .image .overlay .meta .serves,.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .image .overlay .meta .time{display:flex}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .image .overlay .meta .serves .icon,.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .image .overlay .meta .time .icon{--foreground: var(--white);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-right:.75rem}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .image .overlay .meta .serves .icon svg,.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .image .overlay .meta .time .icon svg{width:100%;height:100%}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .image .overlay .meta .serves{margin-bottom:1.0625rem}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .image .overlay .meta .time .icon{margin-right:.5rem}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .image:hover .overlay{opacity:1;transition:.233s ease-out .1s}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .favourite-recipe{position:absolute;top:.75rem;right:.75rem;background-color:#9fc63bcc;cursor:pointer;width:3.25rem;height:3.25rem;border-radius:1.625rem;transition:.15s ease-in}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .favourite-recipe:hover{background-color:#9fc63b;transition:.233s ease-out}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .favourite-recipe svg{transform:translateY(1px)}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .favourite-recipe svg .heart-full{transform:scale(0);transition:.15s ease-in;transform-origin:calc(17px + 50%) calc(18px + 50%)}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .favourite-recipe.bookmarked svg .heart-full{transform:scale(1.1);transition:.233s ease-out}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .article-title{margin-bottom:1.25rem;padding:0 1.375rem;text-align:center}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .article-link{display:block;justify-self:flex-end;margin-top:auto;margin-bottom:2.0625rem;color:var(--basil-green);font-weight:500;text-align:center;text-decoration:underline}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .load{margin:2.5rem auto 5rem;grid-column:1/span 3}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .load .load-more{display:flex;align-items:center;text-transform:uppercase;cursor:pointer}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .load .load-more[disabled],.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .load .load-more.hidden{display:none;pointer-events:none}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .load .load-more .icon{margin-left:.8125rem;display:block;height:1.5rem;width:1.5rem}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles.full{grid-template-columns:repeat(4,minmax(0,1fr));width:calc(100% + var(--gutter-width));max-width:calc(100% + var(--gutter-width))}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles.full .load{grid-column:1/span 4}@media screen and (max-width: 63.9375rem){.section--recipe-listing .section-content-wrapper .filters ul{justify-content:flex-start}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles{grid-template-columns:repeat(2,minmax(0,1fr))}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .load{grid-column-end:span 2}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles.full{grid-template-columns:repeat(3,minmax(0,1fr))}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles.full .load{grid-column-end:span 3}}@media screen and (max-width: 39.9375rem){.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles{grid-template-columns:minmax(0,100%);margin-left:unset;margin-right:unset;width:100%;max-width:100%;order:4}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .load{grid-column-end:span 1}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles.full{grid-template-columns:minmax(0,100%);margin-left:unset;margin-right:unset;width:100%;max-width:100%;order:4}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles.full .load{grid-column-end:span 1}}
/*# sourceMappingURL=/cdn/shop/t/245/assets/style-article-listing.css.map */