.section--recipe-listing{position:relative}.section--recipe-listing .section-content-wrapper .filters{background:var(--zesty-green-1);margin-bottom:4.6875rem;margin-left:var(--negative-fluid-padding);padding-bottom:.75rem;padding-top:.8125rem;width:calc(var(--vw, 1vw)*100)}.section--recipe-listing .section-content-wrapper .filters ul{flex-wrap:nowrap;overflow:scroll;padding-left:var(--fluid-padding);padding-right:var(--fluid-padding)}.section--recipe-listing .section-content-wrapper .filters .filter{color:var(--black);cursor:pointer;margin:0 3.125rem}.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);margin-bottom:2.5rem;max-width:31.25rem}.section--recipe-listing .section-content-wrapper .recipe-listing .no-matches .btn{margin:0 auto;max-width:22.5rem}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles{display:grid;flex:0 1 auto;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;max-width:calc(100% - 17.5rem);position:relative;width:calc(75% + var(--gutter-width))}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles>*{word-wrap:break-word;max-width:100%}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card{border-radius:.625rem;box-shadow:var(--offset-shadow);color:var(--black);display:flex;flex-direction:column;margin-bottom:2.5rem;margin-left:calc(var(--gutter-width)/2);margin-right:calc(var(--gutter-width)/2);margin-top:.625rem;overflow:hidden;position:relative}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .image{display:block;margin-bottom:2.125rem;position:relative}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .article-card .image .overlay{background-color:rgba(26,86,50,.67);bottom:0;left:0;opacity:0;position:absolute;right:0;top: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);align-items:center;display:flex;height:1.5rem;justify-content:center;margin-right:.75rem;width:1.5rem}.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{height:100%;width: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{background-color:rgba(159,198,59,.8);border-radius:1.625rem;cursor:pointer;height:3.25rem;position:absolute;right:.75rem;top:.75rem;transition:.15s ease-in;width:3.25rem}.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);transform-origin:calc(17px + 50%) calc(18px + 50%);transition:.15s ease-in}.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{color:var(--basil-green);display:block;font-weight:500;justify-self:flex-end;margin-bottom:2.0625rem;margin-top:auto;text-align:center;text-decoration:underline}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .load{grid-column:1/span 3;margin:2.5rem auto 5rem}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .load .load-more{align-items:center;cursor:pointer;display:flex;text-transform:uppercase}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .load .load-more.hidden,.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .load .load-more[disabled]{display:none;pointer-events:none}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles .load .load-more .icon{display:block;height:1.5rem;margin-left:.8125rem;width:1.5rem}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles.full{grid-template-columns:repeat(4,minmax(0,1fr));max-width:calc(100% + var(--gutter-width));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;max-width:100%;order:4;width:100%}.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;max-width:100%;order:4;width:100%}.section--recipe-listing .section-content-wrapper .recipe-listing .article-listing-grid .articles.full .load{grid-column-end:span 1}}
