.recipe-hero{position:relative;background:radial-gradient(80% 140% at 50% 0%,#38deff73,#1c7d9a47,#001c3500 70%),#001e38;padding-block:0 60px}.recipe-hero__breadcrumb{max-width:1500px;margin-inline:auto;padding-inline:var(--page-margin, 40px);padding-block-start:20px}.recipe-hero__content{max-width:1320px;margin-inline:auto;padding-inline:60px;padding-block-start:70px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;color:var(--color-brand-cream, #faf6eb)}.recipe-hero__heading{font-family:var(--font-heading--family, "Gasoek One", sans-serif);font-weight:400;text-transform:capitalize;line-height:1.1;font-size:var(--display-h3--size, clamp(2.5rem, 7vw, 5.75rem));margin:0}.recipe-hero__subheading{font-family:var(--font-body--family, "Epilogue", sans-serif);font-weight:800;font-size:18px;letter-spacing:-.01em;line-height:1.3;margin:0}@media screen and (max-width:989px){.recipe-hero{padding-block:0 24px}.recipe-hero__heading{font-size:52px}.recipe-hero__subheading{font-size:14px}}.recipe-hero--image{background:#001e38;padding-block:0;overflow:clip}.recipe-hero--image .recipe-hero__breadcrumb{position:absolute;inset-block-start:0;inset-inline-start:0;max-width:none;margin-inline:0;padding-inline-start:max(var(--page-margin, 40px),calc((100% - 1500px) / 2 + var(--page-margin, 40px)));z-index:2}.recipe-hero__image-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.recipe-hero__image{width:100%;height:100%;object-fit:cover}.recipe-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#00192f59,#00192fcc)}.recipe-hero--image .recipe-hero__content{position:relative;z-index:1;padding-block:90px 40px}.recipe-hero__filter{margin-block-start:8px}.recipe-badges{display:flex;gap:4px;align-items:flex-start;flex-wrap:wrap;text-transform:capitalize}.recipe-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px 2px;border-radius:4px;font-family:var(--font-body--family, "Epilogue", sans-serif);font-weight:800;font-size:13px;line-height:1.3;letter-spacing:-.01em;color:var(--color-brand-navy, #001e38);white-space:nowrap}.recipe-badge--flavor{background:var(--recipe-badge-bg, rgba(0, 29, 53, .1))}.recipe-badge--type{background:#001d351a}.recipe-details__item{display:flex;flex-direction:column;gap:4px}.recipe-details__label{font-family:var(--font-body--family, "Epilogue", sans-serif);font-weight:500;font-size:13px;color:var(--color-brand-navy, #001e38);margin:0}.recipe-details__label--best-for{font-weight:800;letter-spacing:-.01em}.recipe-details__value{font-family:var(--font-body--family, "Epilogue", sans-serif);font-weight:800;font-size:18px;color:var(--color-brand-navy, #001e38);margin:0}.recipe-details__value--best-for{font-weight:500;font-size:13px;line-height:1.5}.featured-recipe-card__cta{position:relative;z-index:2;align-self:flex-start}.recipe-post-card{position:relative;display:flex;flex-direction:column;background:var(--color-brand-cream, #faf6eb);border:4px solid var(--color-brand-cream, #faf6eb);height:100%}.recipe-post-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.recipe-post-card__image-container{position:relative;aspect-ratio:315 / 236;flex-shrink:0;overflow:clip}.recipe-post-card__image,.recipe-post-card__image.placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.recipe-post-card__content{display:flex;flex-direction:column;flex:1 1 auto;gap:8px;padding:20px}.recipe-post-card__text{display:flex;flex-direction:column;gap:2px;color:var(--color-brand-navy, #001e38)}.recipe-post-card__title{font-family:var(--font-body--family, "Epilogue", sans-serif);font-weight:800;font-size:18px;letter-spacing:-.01em;line-height:1.3;margin:0}.recipe-post-card__excerpt{font-family:var(--font-body--family, "Epilogue", sans-serif);font-weight:500;font-size:13px;line-height:1.5;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.featured-recipe-card{position:relative;display:flex;align-items:center;background:var(--color-brand-cream, #faf6eb);box-shadow:0 0 30.6px #0006;padding:20px;overflow:clip}.featured-recipe-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.featured-recipe-card__content{display:flex;flex-direction:column;justify-content:center;gap:24px;flex:1 1 0;min-width:0;height:420px;padding-inline:20px;box-sizing:border-box}.featured-recipe-card__icon{flex:0 0 auto;width:80px;height:auto}.featured-recipe-card__icon svg{display:block;width:100%;height:auto}.featured-recipe-card__heading{display:flex;flex-direction:column;gap:12px}.featured-recipe-card__title{font-family:var(--font-heading--family, "Gasoek One", sans-serif);font-weight:400;text-transform:capitalize;font-size:36px;line-height:1.1;color:var(--color-brand-navy, #001e38);margin:0}.featured-recipe-card__divider{border:none;border-top:1px solid rgba(0,30,56,.15);margin:0;width:100%}.featured-recipe-card__image-container{flex:0 0 auto;width:550px;height:420px;overflow:clip}.featured-recipe-card__image{width:100%;height:100%;object-fit:cover}@media screen and (min-width:990px)and (max-width:1200px){.featured-recipe-card__image-container{width:50%}.featured-recipe-card__content{padding-inline:12px;gap:16px}.featured-recipe-card__title{font-size:28px}.featured-recipe-card__icon{width:60px}}@media screen and (max-width:989px){.featured-recipe-card{flex-direction:column;align-items:stretch;padding:16px 12px}.featured-recipe-card__image-container{order:-1;width:100%;max-width:none;height:180px}.featured-recipe-card__content{height:auto;min-height:280px;padding-inline:0;padding:8px;gap:12px;justify-content:flex-start}.featured-recipe-card__divider{display:none}.featured-recipe-card__icon{width:65px}.featured-recipe-card__title{font-size:20px}.recipe-badge{font-size:11px}.recipe-post-card{border-width:2px}.recipe-post-card__content{padding:16px 12px}.recipe-post-card__excerpt{font-size:12px}.recipe-details__label--best-for{font-size:11px}.recipe-details__value--best-for{font-size:12px}.featured-recipe-card__cta{align-self:stretch;width:100%;margin-top:auto}}.featured-recipe-stack{display:flex;align-items:center;justify-content:center;gap:40px}.featured-recipe-stack__cards{position:relative;flex:1 1 auto;max-width:1022px;min-height:460px}.featured-recipe-stack__card{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .4s ease,opacity .4s ease}.featured-recipe-stack__card.is-front{transform:none;z-index:2;opacity:1}.featured-recipe-stack__card.is-peek{transform:translate(11px) rotate(-3deg);z-index:1;opacity:1;pointer-events:none}.featured-recipe-stack__card.is-hidden{opacity:0;pointer-events:none;z-index:0}.featured-recipe-stack__arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:100px;background:var(--color-brand-cream, #faf6eb);color:var(--color-brand-navy, #001e38);cursor:pointer;z-index:3;--icon-stroke-width: 1.75px}.featured-recipe-stack__arrow:disabled{opacity:.4;cursor:not-allowed}.featured-recipe-stack__arrow svg{width:20px;height:20px}.featured-recipe-stack__arrow--prev svg{transform:rotate(180deg)}@media screen and (max-width:989px){.featured-recipe-stack{position:relative;padding-bottom:60px}.featured-recipe-stack__cards{max-width:300px;width:100%;margin-inline:auto;min-height:500px}.featured-recipe-stack__arrow{position:absolute;bottom:0}.featured-recipe-stack__arrow--prev{left:calc(50% - 40px)}.featured-recipe-stack__arrow--next{left:calc(50% + 4px)}}.recipe-grid__empty{padding:60px 0;text-align:center;font-family:var(--font-body--family, "Epilogue", sans-serif);font-size:16px;color:var(--color-brand-navy, #001e38)}.recipe-filter-bar{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;background:#001e38;padding:40px 60px}.recipe-filter-bar--light{background:none;padding:0}.recipe-filter-bar--light .recipe-filter-pill__summary{background:var(--color-brand-cream, #faf6eb);border-color:var(--color-brand-navy, #001e38);color:var(--color-brand-navy, #001e38)}.recipe-filter-bar--light .recipe-filter-pill__summary:hover{color:var(--color-brand-navy, #001e38)}.recipe-filter-bar--light .recipe-filter-pill__list{background:var(--color-brand-cream, #faf6eb);border-color:var(--color-brand-navy, #001e38);scrollbar-color:rgba(0,30,56,.3) transparent}.recipe-filter-bar--light .recipe-filter-pill__list::-webkit-scrollbar-thumb{background-color:#001e384d}.recipe-filter-bar--light .recipe-filter-pill__list::-webkit-scrollbar-thumb:hover{background-color:#001e3880}.recipe-filter-bar--light .recipe-filter-pill__list a{color:var(--color-brand-navy, #001e38)}.recipe-filter-bar--light .recipe-filter-pill__list a:hover{background:#001e380f}.recipe-filter-bar--light .recipe-filter-pill__list a[aria-current=true]{background:#001e381a}.recipe-filter-pill{position:relative}.recipe-filter-pill__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:200px;height:45px;padding:12px 16px;border:2px solid var(--color-brand-cream, #faf6eb);border-radius:100px;color:var(--color-brand-cream, #faf6eb);font-family:var(--font-body--family, "Epilogue", sans-serif);font-weight:500;font-size:13px;cursor:pointer;list-style:none}.recipe-filter-pill__summary:hover{color:var(--color-brand-cream, #faf6eb)}.recipe-filter-pill--active .recipe-filter-pill__summary{background:var(--color-brand-cream, #faf6eb);border-color:var(--color-brand-navy, #001e38);color:var(--color-brand-navy, #001e38)}.recipe-filter-pill--active .recipe-filter-pill__summary:hover{color:var(--color-brand-navy, #001e38)}.recipe-filter-pill__summary::-webkit-details-marker{display:none}.recipe-filter-pill__icon{display:inline-flex;width:10px;height:10px;transition:transform .2s ease}.recipe-filter-pill__icon svg{width:100%;height:100%}.recipe-filter-pill[open] .recipe-filter-pill__icon{transform:rotate(180deg)}.recipe-filter-pill__list{position:absolute;top:calc(100% + 8px);left:0;z-index:5;width:200px;margin:0;padding:8px 4px 8px 0;list-style:none;background:#001e38;border:2px solid var(--color-brand-cream, #faf6eb);border-radius:16px;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(250,246,235,.4) transparent}.recipe-filter-pill__list::-webkit-scrollbar{width:6px}.recipe-filter-pill__list::-webkit-scrollbar-track{background:transparent}.recipe-filter-pill__list::-webkit-scrollbar-button,.recipe-filter-pill__list::-webkit-scrollbar-button:vertical:start:decrement,.recipe-filter-pill__list::-webkit-scrollbar-button:vertical:end:increment{display:none;width:0!important;height:0!important;-webkit-appearance:none}.recipe-filter-pill__list::-webkit-scrollbar-thumb{background-color:#faf6eb66;border-radius:100px}.recipe-filter-pill__list::-webkit-scrollbar-thumb:hover{background-color:#faf6eb99}.recipe-filter-pill__list li{margin-inline-start:8px}.recipe-filter-pill__list a{display:block;padding:8px 12px;border-radius:10px;color:var(--color-brand-cream, #faf6eb);font-family:var(--font-body--family, "Epilogue", sans-serif);font-size:13px;text-decoration:none;transition:background-color .15s ease}.recipe-filter-pill__list a:hover{background:#faf6eb14}.recipe-filter-pill__list a[aria-current=true]{background:#faf6eb29}@media screen and (max-width:749px){.recipe-filter-bar{flex-wrap:nowrap;gap:8px;padding:16px}.recipe-filter-pill{flex:1 1 0;min-width:0}.recipe-filter-pill__summary{width:100%;padding:12px;gap:8px}.recipe-filter-pill__summary span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-filter-pill__list{width:100%}}.newsletter-card{display:flex;flex-direction:column;justify-content:center;gap:24px;height:100%;padding:32px;background:var(--color-brand-cream, #faf6eb);color:var(--color-brand-navy, #001e38)}@media screen and (max-width:1024px){.recipe-grid .resource-list--grid{grid-template-columns:var(--resource-list-columns-mobile)}.resource-list__item--newsletter{grid-column:1 / -1}}.newsletter-card__text{text-align:center}.newsletter-card__heading{font-family:var(--font-heading--family, "Gasoek One", sans-serif);font-weight:400;text-transform:capitalize;font-size:48px;line-height:1.1;margin:0 0 12px}.newsletter-card__body{font-family:var(--font-body--family, "Epilogue", sans-serif);font-weight:500;font-size:15px;line-height:1.5;margin:0}.newsletter-card__email-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--color-brand-cream, #faf6eb);border:2px solid var(--color-brand-navy, #001e38);border-radius:100px;padding:8px 8px 8px 20px}.newsletter-card__email-bar .newsletter-card__input{flex:1 1 auto;min-width:0;border:none;background-color:transparent;font-family:var(--font-body--family, "Epilogue", sans-serif);font-size:15px;color:var(--color-brand-navy, #001e38)}.newsletter-card__input:focus{outline:none}.newsletter-card__input::placeholder{color:var(--color-brand-navy, #001e38);opacity:.7}.newsletter-card__submit{flex:0 0 auto;height:48px;min-width:120px;padding:14px 20px;border:none;border-radius:100px;background:var(--color-brand-navy, #001e38);color:var(--color-brand-cream, #faf6eb);font-family:var(--font-body--family, "Epilogue", sans-serif);font-weight:800;font-size:14px;letter-spacing:-.14px;text-transform:capitalize;cursor:pointer;transition:background-color .2s ease,color .2s ease}.newsletter-card__submit:hover{background:#38deff;color:#001e38}.newsletter-card__success{font-family:var(--font-body--family, "Epilogue", sans-serif);font-size:14px;margin:0}@media screen and (max-width:989px){.newsletter-card{align-items:center;justify-content:center;gap:20px;height:400px;padding:20px 32px;background:radial-gradient(117.47% 100% at 55.42% 100%,#65e6ff,#fcfaf8 53.85%,#ffaa43),#001e38}.newsletter-card__heading{font-size:36px}.newsletter-card__form{position:relative;width:100%}.newsletter-card__email-bar{width:100%;max-width:500px;margin-inline:auto;padding:8px 20px}.newsletter-card__submit{position:absolute;top:100%;left:0;right:0;margin-top:8px;margin-inline:auto;width:100%;max-width:500px}}.recipe-social{display:flex;flex-direction:column;gap:32px}.recipe-social__header{text-align:center}.recipe-social__eyebrow{font-family:var(--font-body--family, "Epilogue", sans-serif);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}.recipe-social__heading{font-family:var(--font-heading--family, "Gasoek One", sans-serif);font-weight:400;text-transform:capitalize;font-size:clamp(32px,4vw,48px);line-height:1.1;margin:0}.recipe-social__cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.recipe-social__card{position:relative;aspect-ratio:312 / 466;overflow:clip;border-radius:8px}.recipe-social__card-img{width:100%;height:100%;object-fit:cover}.recipe-social__card-play{position:absolute;right:13px;bottom:13px;color:var(--color-brand-cream, #faf6eb)}@media screen and (max-width:989px){.recipe-social__cards{grid-template-columns:repeat(2,1fr)}}.event-icon-badge{position:relative;width:96px;height:59px;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.event-icon-badge__outline{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.event-icon-badge__outline--inner{top:2px;right:2px;bottom:2px;left:2px}.event-icon-badge__outline svg{display:block;width:100%;height:100%}.event-icon-badge__label{position:relative;z-index:1;font-family:var(--font-heading--family, "Gasoek One", sans-serif);font-weight:400;text-transform:capitalize;font-size:11px;line-height:1;text-align:center;color:var(--color-brand-navy, #001e38);max-width:60px}.event-badge{display:inline-flex;align-items:center;justify-content:center;width:min-content;padding:3px 8px 2px;border-radius:4px;background:#001d351a;font-family:var(--font-body--family, "Epilogue", sans-serif);font-weight:800;font-size:13px;line-height:1.3;letter-spacing:-.01em;color:var(--color-brand-navy, #001e38);white-space:nowrap}.event-post-card{position:relative;display:flex;flex-direction:column;background:var(--color-brand-cream, #faf6eb);border:4px solid var(--color-brand-cream, #faf6eb);height:100%}.event-post-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.event-post-card__image-container{position:relative;aspect-ratio:315 / 236;flex-shrink:0;overflow:clip}.event-post-card__image,.event-post-card__image.placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.event-post-card__content{display:flex;flex-direction:column;flex:1 1 auto;gap:8px;padding:20px}.event-post-card__text{display:flex;flex-direction:column;gap:2px;color:var(--color-brand-navy, #001e38)}.event-post-card__title{font-family:var(--font-body--family, "Epilogue", sans-serif);font-weight:800;font-size:18px;letter-spacing:-.01em;line-height:1.3;margin:0}.event-post-card__date{font-family:var(--font-body--family, "Epilogue", sans-serif);font-weight:500;font-size:15px;line-height:1.5;margin:0}.featured-event-card{position:relative;display:flex;align-items:center;background:var(--color-brand-cream, #faf6eb);box-shadow:0 0 30.6px #0006;padding:20px;overflow:clip}.featured-event-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.featured-event-card__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:8px;flex:1 1 0;min-width:0;height:420px;padding-inline:20px;box-sizing:border-box}.featured-event-card__badge-slot{width:96px;height:59px;flex:0 0 auto}.featured-event-card__heading{display:flex;flex-direction:column;gap:12px;width:100%}.featured-event-card__title{font-family:var(--font-heading--family, "Gasoek One", sans-serif);font-weight:400;text-transform:capitalize;font-size:28px;line-height:1.1;color:var(--color-brand-navy, #001e38);margin:0}.featured-event-card__details{display:flex;flex-direction:column;gap:20px;width:100%}.featured-event-card__label{font-family:var(--font-body--family, "Epilogue", sans-serif);font-weight:800;font-size:13px;letter-spacing:-.01em;color:var(--color-brand-navy, #001e38);margin:0}.featured-event-card__date{font-family:var(--font-body--family, "Epilogue", sans-serif);font-weight:500;font-size:13px;line-height:1.5;color:var(--color-brand-navy, #001e38);margin:0 0 20px}.featured-event-card__image-container{flex:1 1 0;min-width:0;height:420px;overflow:clip}.featured-event-card__image{width:100%;height:100%;object-fit:cover}@media screen and (max-width:989px){.featured-event-card{flex-direction:column;align-items:stretch;padding:16px 12px}.featured-event-card__image-container{flex:0 0 auto;order:-1;width:276px;height:180px}.featured-event-card__content{height:auto;min-height:280px;padding-inline:0;padding:8px}.event-icon-badge,.featured-event-card__badge-slot{width:65px;height:40px}.event-icon-badge__label{font-size:9px}.featured-event-card__title{font-size:20px}.event-badge,.featured-event-card__label{font-size:11px}.featured-event-card__date{font-size:12px}.featured-event-card__cta{align-self:stretch;width:100%}}.recipe-grid .pagination--collection .pagination__link--arrow{background-color:var(--color-brand-cream, #faf6eb);color:var(--color-brand-navy, #001e38)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/recipe-blog-styles.css.map */