CINXE.COM
Recipes
<!DOCTYPE html> <html id="template-blog-index" class="template-blog-recipes" lang="en-US"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes"> <link rel="canonical" href="https://aurabora.com/blogs/recipes"> <link rel="icon" type="image/png" href="//aurabora.com/cdn/shop/t/225/assets/favicon.png?v=30363784693586350241728957820" /> <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> <link rel="preload" href="//aurabora.com/cdn/shop/t/225/assets/js-initialize.min.js?v=100078549067876833441728958917" as="script"> <link rel="preload" href="//aurabora.com/cdn/shop/t/225/assets/styles.min.css?v=180725629171488056341737494932" as="style"> <script> // site variables const siteUrl = 'https://aurabora.com'; const root = document.documentElement; // prevent safari to load from cache window.onpageshow = function (event) { if (event.persisted) { window.location.reload(); } }; // prevent chrome to load from cache const perfEntries = performance.getEntriesByType("navigation"); if (typeof (perfEntries[0]) != 'undefined') { if (perfEntries[0].type === "back_forward") { location.reload(true) } } </script> <script src="//aurabora.com/cdn/shop/t/225/assets/js-initialize.min.js?v=100078549067876833441728958917" type="text/javascript"></script> <!-- Recommended for LittleData and some other third-party tracking --> <meta name="referrer" content="no-referrer-when-downgrade"/> <!-- Google Suite --> <meta name="google-site-verification" content="ookoVKYEo_D8e12Y6ERcJijO1QIiecFJCMsqd5QWyMY" /> <!-- Pinterest --> <meta name="p:domain_verify" content="b65268ffc85082979ed85929d8a5f39d"/> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="ztY6TV9zVD434KUb70lXa-bplvNB13EYVJ2KK8CzhPs"> <meta name="facebook-domain-verification" content="vv7rskp9k6jpolmhpb4gh5z74ptgfm"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/24606212145/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="9e9b54c9e60c15ddb9da03a4c0666201"> <meta id="in-context-paypal-metadata" data-shop-id="24606212145" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> <link rel="alternate" type="application/atom+xml" title="Feed" href="/blogs/recipes.atom" /> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=24606212145" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":24606212145,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/24606212145","merchantName":"Aura Bora","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Aura Bora","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"9e9b54c9e60c15ddb9da03a4c0666201","betas":["rich-media-storefront-analytics"],"domain":"aurabora.com","predictiveSearch":true,"shopId":24606212145,"smart_payment_buttons_url":"https:\/\/aurabora.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/aurabora.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "aura-bora-llc.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"VS 🌵 Aura Bora 3️⃣.2️⃣ [Cart Popup]","id":124642852913,"schema_name":"Aura Bora","schema_version":"2.0","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "aurabora.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"blog"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_B01Uuy6a.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js"],"init-windoid":["modules/v2/client.init-windoid_Dmy5w_G9.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_CI_P12tx.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_BZ9ixfpW.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_Bt96lnTm.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js","modules/v2/chunk.modal_Dh4Gio6z.esm.js"],"pay-button":["modules/v2/client.pay-button_BVP3l8eA.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_D9O2kiJW.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js","modules/v2/chunk.modal_Dh4Gio6z.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_B3hqt8Il.en.esm.js","modules/v2/client.shop-login-button_B4xlP_m0.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js","modules/v2/chunk.modal_Dh4Gio6z.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_Bp0SDXFf.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js","modules/v2/chunk.modal_Dh4Gio6z.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_B4xlP_m0.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js","modules/v2/chunk.modal_Dh4Gio6z.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_C4ZlNjPl.en.esm.js","modules/v2/client.shop-login-button_B4xlP_m0.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js","modules/v2/chunk.modal_Dh4Gio6z.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_BqBvHWDR.en.esm.js","modules/v2/client.shop-login-button_B4xlP_m0.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js","modules/v2/chunk.modal_Dh4Gio6z.esm.js"],"lead-capture":["modules/v2/client.lead-capture_DnLSfEUf.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js","modules/v2/chunk.modal_Dh4Gio6z.esm.js"],"payment-terms":["modules/v2/client.payment-terms_DVVCn4Av.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js","modules/v2/chunk.modal_Dh4Gio6z.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/d3hw6dc1ow8pp2.cloudfront.net\/reviewsWidget.min.js?shop=aura-bora-llc.myshopify.com","https:\/\/d23dclunsivw3h.cloudfront.net\/redirect-app.js?shop=aura-bora-llc.myshopify.com","https:\/\/static.shareasale.com\/json\/shopify\/deduplication.js?shop=aura-bora-llc.myshopify.com","https:\/\/tools.luckyorange.com\/core\/lo.js?site-id=e683c101\u0026shop=aura-bora-llc.myshopify.com","https:\/\/str.rise-ai.com\/?shop=aura-bora-llc.myshopify.com","https:\/\/strn.rise-ai.com\/?shop=aura-bora-llc.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=aura-bora-llc.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":24606212145,"offset":-25200,"reqid":"5aa6e63c-ea7a-46ab-9270-852653cf007b-1743945033","pageurl":"aurabora.com\/blogs\/recipes","s":"blogs-77177454641","u":"a5e001cff03c","p":"blog","rtyp":"blog","rid":77177454641};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//aurabora.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//aurabora.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//aurabora.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <link rel="stylesheet" media="screen" href="https://aurabora.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 180px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <title>Recipes</title> <meta name="description" content="Here are some of our favorite sparkling cocktails and mocktails, crafted by mixologists and taste-tested by sloths"> <meta property="og:site_name" content="Aura Bora"> <meta property="og:url" content="https://aurabora.com/blogs/recipes"> <meta property="og:title" content="Recipes"> <meta property="og:type" content="website"> <meta property="og:description" content="Here are some of our favorite sparkling cocktails and mocktails, crafted by mixologists and taste-tested by sloths"> <meta property="og:image" content="https://aurabora.com/cdn/shop/files/socialsharingimage_1200X628_fdcea5d8-95c2-4888-b0d8-c3f5a73f5bcb_1319x690.jpg?v=1675981233"> <meta property="og:image:secure_url" content="//aurabora.com/cdn/shop/files/socialsharingimage_1200X628_fdcea5d8-95c2-4888-b0d8-c3f5a73f5bcb_1319x690.jpg?v=1675981233"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Recipes"> <meta name="twitter:description" content="Here are some of our favorite sparkling cocktails and mocktails, crafted by mixologists and taste-tested by sloths"> <link href="//aurabora.com/cdn/shop/t/225/assets/styles.min.css?v=180725629171488056341737494932" rel="stylesheet" type="text/css" media="all" /> <!-- GTM START --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MG25MVT');</script> <!-- GTM End --> <!-- Google enhanced_conversions START --> <!-- Google enhanced_conversions END --> <!-- GO START --> <!-- GO END --> <script src="https://klaviyo.com/media/js/public/klaviyo_subscribe.js"></script> <script> window.Shopify = window.Shopify || {theme: {id: 124642852913, role: 'main' } }; window._template = { directory: "", name: "blog", suffix: "recipes" } </script> <script src="https://cdn.intelligems.io/d1da7d658fb9.js"></script> <!-- BEGIN app block: shopify://apps/mntn/blocks/tracking-pixel/d40b5b2f-bf84-4a06-b576-832ad24a8652 --> <!-- MNTN Tracking Pixel Start --> <script id="mntn_tracking_pixel" type="text/javascript"> const isUSShopper = window.Shopify && window.Shopify.country === "US"; if (!window.Shopify || isUSShopper) { (function(){"use strict";var e=null,b="4.0.0", n="37920", additional="term=value", t,r,i;try{t=top.document.referer!==""?encodeURIComponent(top.document.referrer.substring(0,2048)):""}catch(o){t=document.referrer!==null?document.referrer.toString().substring(0,2048):""}try{r=window&&window.top&&document.location&&window.top.location===document.location?document.location:window&&window.top&&window.top.location&&""!==window.top.location?window.top.location:document.location}catch(u){r=document.location}try{i=parent.location.href!==""?encodeURIComponent(parent.location.href.toString().substring(0,2048)):""}catch(a){try{i=r!==null?encodeURIComponent(r.toString().substring(0,2048)):""}catch(f){i=""}}var l,c=document.createElement("script"),h=null,p=document.getElementsByTagName("script"),d=Number(p.length)-1,v=document.getElementsByTagName("script")[d];if(typeof l==="undefined"){l=Math.floor(Math.random()*1e17)}h="dx.mountain.com/spx?"+"dxver="+b+"&shaid="+n+"&tdr="+t+"&plh="+i+"&cb="+l+additional;c.type="text/javascript";c.src=("https:"===document.location.protocol?"https://":"http://")+h;v.parentNode.insertBefore(c,v)})() } </script> <!-- MNTN Tracking Pixel End --> <!-- MNTN DataLayer Start --> <!-- MNTN DataLayer End --> <!-- END app block --><!-- BEGIN app block: shopify://apps/inveterate/blocks/app-embed/fc24aab3-e6d2-461b-961d-9ebb32143cf2 --> <script id="inveterate-app-embed-log-script" async> console.log('Inveterate: PSB: hardcode'); </script> <style> .inveterate__popup { display: none; } </style> <script id="inveterate-theme-snippets-script" async src="https://d1mopl5xgcax3e.cloudfront.net/js/aura-bora-llc.inveterate.js"></script> <script id="inveterate-app-embed-script" async> (function() { try { var count = 0; const executeScriptWhenReady = function () { if (!window?.inveterate?.scripts) { let i = setInterval(function() { if(window?.inveterate?.scripts) { window.inveterate.scripts.run(); clearInterval(i); } }, 50); return; } window.inveterate.scripts.run(); } var interval = setInterval(function(){ if (!window.inveterate || !window.inveterate.fileLoaded) return; clearInterval(interval); window.inveterate.merchantId = 'aura-bora-llc'; const localizationFromLiquid = { shopCurrency: 'USD', localCurrency: 'USD', country: 'US', language: 'en', lnName: 'English', countryName: 'United States', } window.inveterate.properties.localization = localizationFromLiquid; window.inveterate.properties.page = { type: 'blog', contentId: 77177454641 }; window.inveterate.properties.pageType = 'blog'; <!-- BEGIN app snippet: js-helpers --> const { MIN_SAFE_INTEGER: MIN, MAX_SAFE_INTEGER: MAX } = Number, { ceil, floor, random: rnd } = Math; const random = { decimal: ({ min = MIN, max = MAX, decimals } = {}) => { const result = Math.min(max, min + rnd() * ((max + 1) - min)); return typeof decimals === "number" ? Number(result.toFixed(decimals)) : result; }, integer: ({ min = MIN, max = MAX } = {}) => floor(random.decimal({ min, max })), string: ({ characters = "", /** number or { min, max } */ length = { max: 250 }, } = {}) => Array( typeof length === "number" ? length : random.integer({ min: 0, ...length }) ) .fill("") .map((_) => (([b, i]) => characters?.[random.integer({ min: 0, max: characters.length })] || String.fromCharCode(b + ceil(i * Math.random())))( [ [65, 25], [97, 25], [48, 9], ][random.integer({ min: 0, max: 2 })] ) ) .filter((x) => /[a-zA-Z0-9]/.test(x)) .join(""), }; window.inveterate.helpers.random = random; <!-- END app snippet --> <!-- BEGIN app snippet: js-methods --> (function () { var _a; var random = window.inveterate.helpers.random; if (!window.inveterate.device) window.inveterate.device = new (_a = /** @class */ (function () { function Device() { var _b; this.fingerprint = ((_b = JSON.parse(localStorage.getItem(_a.STORAGE_KEY))) === null || _b === void 0 ? void 0 : _b.fingerprint) || random.string({ min: 8, max: 250 }); localStorage.setItem(_a.STORAGE_KEY, JSON.stringify(this)); window.inveterate.device = this; } Device.prototype.toString = function () { return JSON.stringify(this); }; return Device; }()), _a.STORAGE_KEY = 'inveterateDevice', _a)(); })(); var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) { if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) { if (ar || !(i in from)) { if (!ar) ar = Array.prototype.slice.call(from, 0, i); ar[i] = from[i]; } } return to.concat(ar || Array.prototype.slice.call(from)); }; (function () { var JobStatus; (function (JobStatus) { JobStatus["Unqueued"] = "UNQUEUED"; JobStatus["Queued"] = "QUEUED"; JobStatus["Running"] = "RUNNING"; JobStatus["Completed"] = "COMPLETED"; })(JobStatus || (JobStatus = {})); var Job = /** @class */ (function () { function Job() { this.status = Job.Status.Unqueued; } Job.Status = JobStatus; return Job; }()); var Queue = /** @class */ (function () { function Queue() { var _this = this; this.jobs = { queued: [], ongoing: [], completed: [], get all() { return __spreadArray(__spreadArray(__spreadArray([], this.queued, true), this.ongoing, true), this.completed, true); }, }; this.events = { /** Events triggered when jobs with specific IDs are completed */ id: [], done: [], push: [], error: [], }; this.push = function (_a) { var _b = _a.id, id = _b === void 0 ? String(Math.random()) : _b, fn = _a.fn; _this.jobs.queued.push({ id: id, fn: fn, status: Job.Status.Queued }); _this.events.push.forEach(function (fn) { return fn(); }); _this.flush(); }; this.flush = function () { if (!_this.jobs.queued[0] || _this.jobs.ongoing.length) return; var job = _this.jobs.queued.splice(0, 1)[0], jid = job.id; job.promise = job .fn() .then(function (result) { return _this.events.id .filter(function (e) { return e.ids.every(function (id) { return jid === id || _this.jobs.completed.find(function (job) { return job.id === id; }); }); }) .forEach(function (_a) { var fn = _a.fn; return fn(result); }); }) .catch(function (err) { return _this.events.error.forEach(function (fn) { return fn(err); }); }) .finally(function () { if (_this.jobs.ongoing.length) { var job_1 = _this.jobs.ongoing.splice(0, 1)[0]; job_1.status = Job.Status.Completed; _this.jobs.completed.push(job_1); } if (_this.jobs.queued[0] && !_this.jobs.ongoing.length) _this.flush(); else _this.events.done.forEach(function (fn) { return fn(); }); }); _this.jobs.ongoing.push(job); }; } Object.defineProperty(Queue.prototype, "busy", { get: function () { return this.jobs.ongoing.length; }, enumerable: false, configurable: true }); return Queue; }()); var x = window; if (!x.inveterate) x.inveterate = {}; if (!x.inveterate.classes) x.inveterate.classes = {}; x.inveterate.classes.Queue = Queue; if (!window.Inveterate) window.Inveterate = new (class Inveterate { queue = new Queue({ id: 'Inveterate' }); constructor() { this.queue.events.push.push(() => { document .querySelector('.inveterate') ?.classList.add('inveterate__loading'); }); this.queue.events.done.push(() => { document .querySelector('.inveterate') ?.classList.remove('inveterate__loading'); }); } get loading() { return this.queue.busy; } get ready() { return this.queue.finished; } wait = ({ id, fn }) => { this.queue.push({ id, fn }); }; })(); })(); const searchParams = new URLSearchParams(window.location.search); /** Headers does not work in IE https://caniuse.com/mdn-api_headers */ const headers = new Headers({ "Content-Type": "application/json", }); const setCartAttributes = (id, token) => fetch("/cart/update.js", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ attributes: { inveterateReferralId: id, inveterateReferralToken: token, }, }), }).then(() => { console.log(`[Inveterate] Referral Token set:`, token); document.dispatchEvent( new Event("inveterate:referrals:token-set", { detail: token, }) ); }); const referralIdQueryParameter = ["referred_by", "referrerId", "rid"] .map((paramName) => searchParams?.get(paramName)) .filter((x) => !!x)?.[0]; window.inveterate.methods.referrals = { setCartAttributes, validate: () => { const customerId = ``, savedReferral = window.localStorage.getItem( inveterate.properties.referralStorageName ) ?? undefined; if (!savedReferral || !customerId) return new Promise.resolve(false); const { merchantId, segmentId, referrer, referralId: id, referralToken: token, } = JSON.parse(savedReferral); const bodyObj = { merchant: { id: merchantId, }, segment: { id: segmentId, }, referral: { id, token, }, referrer, referee: { id: customerId, }, }; try { return fetch(`${inveterate.properties.referralApiUrl}/validation`, { method: "POST", headers, body: JSON.stringify(bodyObj), }) .then((response) => response.json()) .then(({ success, errors, data }) => { if ( success || ["DELETE_REFERRAL", "NEW_REFERRAL"].includes(data?.action) ) localStorage.removeItem(inveterate.properties.referralStorageName); if (data?.action === "NEW_REFERRAL") return inveterate.methods.referrals.issueNew(); return success; }) .catch(e => { e; }); } catch(e) { e; } }, issueNew: (referringCustomerId = null) => { delete localStorage[inveterate.properties.referralStorageName]; const merchantId = 'aura-bora-llc', customerId = ``, referralId = referringCustomerId || referralIdQueryParameter; if (!referralId) throw new Error("Referring customer id not provided"); return fetch(inveterate.properties.referralApiUrl, { method: "POST", headers, body: JSON.stringify({ merchantId, customerId, referralId, device: inveterate.device, }), }) .then((response) => response.json()) .then((response) => { const { referral = {}, discount } = response.data, { referralId, referralToken } = referral; if (referralId) { inveterate.properties.referralData = referral; window.localStorage.setItem( inveterate.properties.referralStorageName, JSON.stringify(referral) ); return { discount, referralId, referralToken, }; } }) .then(({ discount, referralId, referralToken }) => Promise.allSettled([ setCartAttributes(referralId, referralToken), discount && fetch(`/discount/${discount.code}`, { method: "GET", //headers: { "Content-Type": "application/json" } }).then(() => { console.log(`[Inveterate] Referral Token set:`, referralToken); document.dispatchEvent( new Event("inveterate:referrals:token-set", { detail: referralToken, }) ); }), ]) ); }, }; function checkReferrals(referringCustomerId = null) { Inveterate.wait({ id: "inveterate-referral-registration", fn: () => { const { referrals } = window.inveterate.methods; const merchantId = 'aura-bora-llc', customerId = ``, referralId = referringCustomerId || referralIdQueryParameter; const savedReferral = window.localStorage.getItem( inveterate.properties.referralStorageName ) ?? undefined; return customerId && savedReferral ? referrals.validate() : referralId ? referrals.issueNew().then(referrals.validate) : Promise.resolve(); }, }); }; /** Placed in two locations for both retrocompatibility and consistency */ window.inveterate.methods.checkReferrals = checkReferrals; window.inveterate.methods.referrals.check = checkReferrals; window.inveterate.methods.appendLock = function appendLock() { const interval = setInterval(() => { const body = document.querySelector('body'); if (!body) return; clearInterval(interval); const wrapperEl = document.createElement('div'); const contentEl = document.createElement('div'); const svgEl = document.createElementNS('http://www.w3.org/2000/svg', 'svg'); const pathEl = document.createElementNS('http://www.w3.org/2000/svg', 'path'); const messageEl = document.createElement('p'); const briefEl = document.createElement('strong'); const messageText = document.createTextNode('Must subscribe to access this page!'); const briefText = document.createTextNode('Redirecting...'); wrapperEl.classList.add('inveterate__locked'); contentEl.classList.add('inveterate__locked__content'); svgEl.setAttribute('width', '24'); svgEl.setAttribute('height', '24'); svgEl.setAttribute('viewBox', '0 0 24 24'); svgEl.setAttribute('fill', 'none'); pathEl.setAttribute('d', 'M16 11V11.5H16.5V11H16ZM8 11H7.5V11.5H8V11ZM12.5 15C12.5 14.7239 12.2761 14.5 12 14.5C11.7239 14.5 11.5 14.7239 11.5 15H12.5ZM11.5 17C11.5 17.2761 11.7239 17.5 12 17.5C12.2761 17.5 12.5 17.2761 12.5 17H11.5ZM6 11.5H18V10.5H6V11.5ZM19.5 13V19H20.5V13H19.5ZM18 20.5H6V21.5H18V20.5ZM4.5 19V13H3.5V19H4.5ZM6 20.5C5.17157 20.5 4.5 19.8284 4.5 19H3.5C3.5 20.3807 4.61929 21.5 6 21.5V20.5ZM19.5 19C19.5 19.8284 18.8284 20.5 18 20.5V21.5C19.3807 21.5 20.5 20.3807 20.5 19H19.5ZM18 11.5C18.8284 11.5 19.5 12.1716 19.5 13H20.5C20.5 11.6193 19.3807 10.5 18 10.5V11.5ZM6 10.5C4.61929 10.5 3.5 11.6193 3.5 13H4.5C4.5 12.1716 5.17157 11.5 6 11.5V10.5ZM15.5 7V11H16.5V7H15.5ZM16 10.5H8V11.5H16V10.5ZM8.5 11V7H7.5V11H8.5ZM12 3.5C13.933 3.5 15.5 5.067 15.5 7H16.5C16.5 4.51472 14.4853 2.5 12 2.5V3.5ZM12 2.5C9.51472 2.5 7.5 4.51472 7.5 7H8.5C8.5 5.067 10.067 3.5 12 3.5V2.5ZM11.5 15V17H12.5V15H11.5Z'); pathEl.setAttribute('fill', '#0F0E10'); svgEl.appendChild(pathEl); messageEl.appendChild(messageText); briefEl.appendChild(briefText); contentEl.appendChild(svgEl); contentEl.appendChild(messageEl); contentEl.appendChild(briefEl); wrapperEl.appendChild(contentEl); body.appendChild(wrapperEl); }, 50); }; window.inveterate.methods.navigateBackOrGoHome = function navigateBackOrGoHome() { const link = ""; if (!link) history.back(); setTimeout(() => { window.location.href = link || "/"; }, 1000); /** To prevent the piling of redirects if an impatient user clicks more than once */ window.inveterate.methods.navigateBackOrGoHome = () => {}; } <!-- END app snippet --> window.inveterate.methods.checkReferrals(); window.inveterate.earlyAccessAction = 'popup'; window.inveterate.exclusiveAccessAction = 'popup'; window.inveterate.exclusiveAccessEnabled = true; executeScriptWhenReady(); <!-- BEGIN app snippet: js-membership-product-redirect --><!-- END app snippet --> }, 50); } catch (error) { console.log('Inveterate error: ', error); } })(); </script> <!-- BEGIN app snippet: show-manage-membership --> <!-- END app snippet --> <!-- BEGIN app snippet: popup --> <div class="inveterate__popup" data-inveterate-popup="exclusive-access"> <div class="inveterate__popup__inner" style="background-color:#ffffff"> <div class="inveterate__popup__heading" style="color:#000000"> Membership Required </div> <p class="inveterate__popup__body" style="color:#000000"> Only members can access this page. Subscribe to our membership to continue. </p> <div class="inveterate__popup__link__group"> <a class="inveterate__popup__link" href="/community/membership" style="color:#ffffff;background-color:#9245d8;" > Join Membership Program </a> <a class="inveterate__popup__link" href="javascript:window.inveterate.methods.navigateBackOrGoHome();" style="color:#ffffff;background-color:#9245d8;" > Go back to shopping </a> </div> <p class="inveterate__popup__account-text"> Already have an account? <a href="/account">Sign in</a> </p> </div> </div> <!-- END app snippet --> <!-- BEGIN app snippet: popup-tiers --> <div class="inveterate__popup" data-inveterate-popup="exclusive-access-tiers"> <div class="inveterate__popup__inner" style="background-color:#ffffff"> <div class="inveterate__popup__heading" id="inveterate-exclusive-access-tiers-heading" style="color:#000000"> Membership Required </div> <p class="inveterate__popup__body__tiers" id="inveterate-exclusive-access-tiers-body" style="color:#000000"> Only members can access this page. Subscribe to our membership to continue. </p> <div class="inveterate__popup__cards" id="inveterate-exclusive-access-tiers-cards-container"> <div class="inveterate__popup_tier-card inveterate__popup_card_current" id="inveterate-exclusive-access-tiers-card1"> <div> <div style="color:#000000" id="inveterate-exclusive-access-tiers-card1-title"></div> <div style="color:#000000" id="inveterate-exclusive-access-tiers-card1-subtitle"></div> <div> <ul id="inveterate-exclusive-access-tiers-card1-bullets" data-inveterate-popup-fg-color="#000000"> </ul> </div> </div> <div style="color:#000000" class="inveterate__popup__card_current_plan">Current Plan</div> </div> <div class="inveterate__popup_tier-card inveterate__popup_card_bordered" id="inveterate-exclusive-access-tiers-card2" style="border-color: #9245d8"> <div> <div style="color:#000000" id="inveterate-exclusive-access-tiers-card2-title"></div> <div style="color:#000000" id="inveterate-exclusive-access-tiers-card2-subtitle"></div> <div> <ul id="inveterate-exclusive-access-tiers-card2-bullets" data-inveterate-popup-fg-color="#000000"> </ul> </div> </div> <div class="inveterate__popup__card_next_plan"> <div class="inveterate__popup__link__group"> <a class="inveterate__popup__link" href="/community/membership?membershipplan=true" style="color:#ffffff;background-color:#9245d8;" id="inveterate-exclusive-access-tiers-popup-button" > Join Membership Program </a> </div> </div> </div> </div> <div id="inveterate-exclusive-access-tiers-popup-link-group-nonsbt" class="inveterate__popup__link__group"> <!-- This class name is just to replicate the same style as below --> <p class="inveterate__popup__account-text"> <a class="inveterate__popup__link inveterate-go-back-link" href="javascript:window.inveterate.methods.navigateBackOrGoHome();" > <span>←</span> Go back to shopping </a> </p> <div> or compare all plans on <a class="inveterate__popup__landing_link" href="/community/membership?membershipplan=true" > landing page </a> </div> </div> <div class="inveterate__popup_loader_container" id="inveterate-exclusive-access-tiers-loader-view" style="display: none"> <div> <div class="inveterate__popup_loader_line"> <span class="inveterate__popup_loader"></span> </div> <p class="inveterate__popup__body__tiers" style="color:#000000">Hang tight. We’re fetching the other plans.</p> </div> </div> <p class="inveterate__popup__account-text-signin" id="inveterate-exclusive-access-tiers-text-signin"> Already have an account? <a href="/account">Sign in</a> </p> </div> </div> <script async> (function() { document.addEventListener('DOMContentLoaded', function() { let links = document.querySelectorAll('.inveterate-go-back-link'); if (!links.length) return; links.forEach(function(link) { link.setAttribute('target', '_self'); }); }); })(); </script> <!-- END app snippet --> <script async>console.log('Inveterate: App embed loaded successfully');</script> <!-- END app block --><!-- BEGIN app block: shopify://apps/okendo-product-reviews-ugc/blocks/theme-settings/bb689e69-ea70-4661-8fb7-ad24a2e23c29 --><!-- BEGIN app snippet: header-metafields --> <link href="https://d3hw6dc1ow8pp2.cloudfront.net/styles/main.min.css" rel="stylesheet" type="text/css"> <style type="text/css"> .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview { display: inline-block; } .okeReviews .okeReviews-reviewsWidget.is-okeReviews-empty { display: block; } </style> <script type="application/json" id="oke-reviews-settings"> {"analyticsSettings":{"provider":"ua"},"disableInitialReviewsFetchOnProducts":false,"filtersEnabled":false,"initialReviewDisplayCount":5,"locale":"en","localeAndVariant":{"code":"en"},"omitMicrodata":true,"reviewSortOrder":"rating","subscriberId":"08a3bebf-c70a-454a-999c-925017bf8059","widgetTemplateId":"default","starRatingColor":"#F6C168","recorderPlus":true,"recorderQandaPlus":true} </script> <link rel="stylesheet" type="text/css" href="https://dov7r31oq5dkj.cloudfront.net/08a3bebf-c70a-454a-999c-925017bf8059/widget-style-customisations.css?v=ed50481d-5f01-40bd-b35d-94da211328b4"> <!-- END app snippet --> <!-- BEGIN app snippet: okendo-reviews-json-ld --> <!-- END app snippet --> <!-- BEGIN app snippet: widget-plus-initialisation-script --> <!-- END app snippet --> <!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> <script async src="https://static.klaviyo.com/onsite/js/Sahk98/klaviyo.js?company_id=Sahk98"></script> <script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script> <script> window.klaviyoReviewsProductDesignMode = false </script> <!-- END app block --><script src="https://cdn.shopify.com/extensions/54dfa5ae-cdff-4375-9a90-602d186d13c4/inveterate-67/assets/app-embed.js" type="text/javascript" defer="defer"></script> <link href="https://cdn.shopify.com/extensions/54dfa5ae-cdff-4375-9a90-602d186d13c4/inveterate-67/assets/inveterate.css" rel="stylesheet" type="text/css" media="all"> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 24606212145,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "blog"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 24606212145,storefrontBaseUrl: "https://aurabora.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"252182577","configuration":"{\"accountID\":\"Sahk98\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4dc2bf2f415d498931f502e99c2a3863","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"149749809","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-8SF42X82ZL\\\",\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-8SF42X82ZL\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-8SF42X82ZL\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-8SF42X82ZL\\\",\\\"MC-JC7046GGV3\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-8SF42X82ZL\\\",\\\"MC-JC7046GGV3\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-8SF42X82ZL\\\",\\\"MC-JC7046GGV3\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-8SF42X82ZL\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-8SF42X82ZL\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"4dfb9bba78bcc1d3298173fc750a772c","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"59637809","configuration":"{\"pixel_id\":\"1014439665646317\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"24117297","configuration":"{\"tagID\":\"2612918466854\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4fd0680eed907adaf3f85849c393d688","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"10747953","configuration":"{\"shopId\":\"aura-bora-llc.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c450aafa71fd8ebee479d56f323c88c7","type":"APP","apiClientId":4845829,"privacyPurposes":["ANALYTICS"]},{"id":"11894833","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Cognetix"},{"id":"14090289","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Google Ads Purchase"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "",initData: {"shop":{"name":"Aura Bora","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"aura-bora-llc.myshopify.com","countryCode":"US","storefrontUrl":"https://aurabora.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://aurabora.com/cdn","fa791c4bw657adcc2p48d8cf20m74e06eb8",{"modern":"","legacy":""},{"shopId":"24606212145","storefrontBaseUrl":"https://aurabora.com","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"fa791c4bw657adcc2p48d8cf20m74e06eb8"});</script><script> window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{"pageType":"blog","resourceType":"blog","resourceId":77177454641}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; } </script> <script class="analytics"> (function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 24606212145, theme_id: 124642852913, app_name: "storefront", context_url: window.location.href, source_url: "//aurabora.com/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//aurabora.com/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//aurabora.com/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":24606212145,"isMerchantRequest":null,"themeId":124642852913,"themeCityHash":"6397144039419548463","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"blog","resourceType":"blog","resourceId":77177454641,"shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//aurabora.com/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script defer src="https://aurabora.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.5.0.min.js" data-application="storefront-renderer" data-shop-id="24606212145" data-render-region="gcp-asia-southeast1" data-page-type="blog" data-theme-instance-id="124642852913" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body> <div class="global-skip"> <a class="btn" href="#main">Skip to content</a> </div> <div id="shopify-section-global-announcement" class="shopify-section global-announcement cr-black bg-rainbow user-select-disable t-b-4"> <div class="marquee"> <div class="marquee-inner"> <div class="marquee-block" style="animation-duration: 50s;"> <span>FREE SHIPPING ON ORDERS OVER $40.00</span> </div> <div class="marquee-block" style="animation-duration: 50s;"> <span>FREE SHIPPING ON ORDERS OVER $40.00</span> </div> </div> </div> </div> </div> <header id="shopify-section-global-header" class="shopify-section global-header"> <nav class="header-links t-uppercase f-h f-a-c t-b-2 tablet-up-only"> <ul class="linklist f-h f-a-c"> <li class="linklist__item"> <a href="/collections/shop-all" class="js-megamenu-hover" data-megamenu-target="shop" > Shop </a> <button class="js-megamenu-tab" data-megamenu-target="shop" aria-label="Toggle Menu for shop"><span class="screen-reader-only">Toggle Menu for Shop</span></button> </li> <li class="megamenu js-megamenu" data-megamenu-name="shop" aria-hidden="true"> <ul class="megamenu__collections"> <li class="megamenu__collections__item t-l-1"> <a tabindex="-1" href="/collections/shop-all" class="megamenu__collections__item-link p-fill js-megamenu-collection-link " > <span class="screen-reader-only">Go to Sparkling Waters collection</span> </a> <span class="megamenu__collections__item-title">Sparkling Waters</span> <svg class="svg-arrow-right megamenu__collections__item-arrow" viewBox="0 0 55 37" fill="currentColor" stroke="#000" stroke-width="1.5"> <path d="m40.26 2.429-.395-.622-.629.384-5.292 3.232-.652.399.41.644 1.65 2.593c1.416 2.227 3.114 4.267 4.774 6.02H1.196v7.389H39.84c-1.6 1.735-3.212 3.783-4.565 6.103l-1.546 2.653-.385.66.666.373 5.415 3.03.643.36.372-.637 1.546-2.653c1.812-3.108 4.34-5.722 6.494-7.594a37.774 37.774 0 0 1 2.67-2.122c.333-.239.594-.417.765-.532l-.416-.623.416.623.185-.121.036-.023.001-.001.002-.002a3.793 3.793 0 0 0 1.79-3.099 3.785 3.785 0 0 0-1.608-3.2l-.003-.002-.002-.002-.044-.031-.2-.147c-.181-.134-.453-.34-.797-.609a52.528 52.528 0 0 1-2.743-2.31c-2.212-1.993-4.788-4.656-6.623-7.54L40.26 2.429Z"/> </svg> </li> <li class="megamenu__collections__item t-l-1"> <a tabindex="-1" href="/collections/variety-packs" class="megamenu__collections__item-link p-fill js-megamenu-collection-link " > <span class="screen-reader-only">Go to Variety Packs collection</span> </a> <span class="megamenu__collections__item-title">Variety Packs</span> <svg class="svg-arrow-right megamenu__collections__item-arrow" viewBox="0 0 55 37" fill="currentColor" stroke="#000" stroke-width="1.5"> <path d="m40.26 2.429-.395-.622-.629.384-5.292 3.232-.652.399.41.644 1.65 2.593c1.416 2.227 3.114 4.267 4.774 6.02H1.196v7.389H39.84c-1.6 1.735-3.212 3.783-4.565 6.103l-1.546 2.653-.385.66.666.373 5.415 3.03.643.36.372-.637 1.546-2.653c1.812-3.108 4.34-5.722 6.494-7.594a37.774 37.774 0 0 1 2.67-2.122c.333-.239.594-.417.765-.532l-.416-.623.416.623.185-.121.036-.023.001-.001.002-.002a3.793 3.793 0 0 0 1.79-3.099 3.785 3.785 0 0 0-1.608-3.2l-.003-.002-.002-.002-.044-.031-.2-.147c-.181-.134-.453-.34-.797-.609a52.528 52.528 0 0 1-2.743-2.31c-2.212-1.993-4.788-4.656-6.623-7.54L40.26 2.429Z"/> </svg> </li> <li class="megamenu__collections__item t-l-1"> <a tabindex="-1" href="/collections/merch" class="megamenu__collections__item-link p-fill js-megamenu-collection-link " > <span class="screen-reader-only">Go to Merch collection</span> </a> <span class="megamenu__collections__item-title">Merch</span> <svg class="svg-arrow-right megamenu__collections__item-arrow" viewBox="0 0 55 37" fill="currentColor" stroke="#000" stroke-width="1.5"> <path d="m40.26 2.429-.395-.622-.629.384-5.292 3.232-.652.399.41.644 1.65 2.593c1.416 2.227 3.114 4.267 4.774 6.02H1.196v7.389H39.84c-1.6 1.735-3.212 3.783-4.565 6.103l-1.546 2.653-.385.66.666.373 5.415 3.03.643.36.372-.637 1.546-2.653c1.812-3.108 4.34-5.722 6.494-7.594a37.774 37.774 0 0 1 2.67-2.122c.333-.239.594-.417.765-.532l-.416-.623.416.623.185-.121.036-.023.001-.001.002-.002a3.793 3.793 0 0 0 1.79-3.099 3.785 3.785 0 0 0-1.608-3.2l-.003-.002-.002-.002-.044-.031-.2-.147c-.181-.134-.453-.34-.797-.609a52.528 52.528 0 0 1-2.743-2.31c-2.212-1.993-4.788-4.656-6.623-7.54L40.26 2.429Z"/> </svg> </li> </ul> <div class="megamenu__products-container" aria-hidden="true"> <ul class="megamenu__products js-megamenu-collection-block"> <li class="megamenu__products__item t-l-2 is-tall" style="--cr-background: #edf5d5;--cr-hover: #d6ef70;" > <a href="/products/green-bean-casserole" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Green Bean Casserole collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-badge">SEASONAL</span> <span class="megamenu__products__item-title">Green Bean Casserole</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/GreenBeanCasserole_3dCan-f_1_300x.png?v=1697498672" alt="Green Bean Casserole"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #de2724;" > <a href="/products/apple-cinnamon" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Apple Cinnamon collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Apple Cinnamon</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/AppleCinn_3dcan_Front_12_300x.png?v=1727986547" alt="Apple Cinnamon"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fdc161;--cr-hover: #d67eb4;" > <a href="/products/pumpkin-spice" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Pumpkin Spice collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Pumpkin Spice</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/PS_3dcan_Front_2_1_300x.png?v=1726495634" alt="Pumpkin Spice"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #c4e0f5;--cr-hover: #7971b4;" > <a href="/products/blackberry-black-pepper" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Blackberry Black Pepper collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Blackberry Black Pepper</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/BBP_3dcan_Front_1_300x.png?v=1725485032" alt="Blackberry Black Pepper"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #ffeef2;--cr-hover: #ffbece;" > <a href="/products/raspberry-vanilla" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Raspberry Vanilla collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Raspberry Vanilla</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/RaspVan_3Dcan_1_300x.png?v=1686338462" alt="Raspberry Vanilla"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #c0e8fb;--cr-hover: #f3ee7c;" > <a href="/products/pineapple-holy-basil" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Pineapple Holy Basil collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Pineapple Holy Basil</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/PHB_3dcan-front_1_1_300x.png?v=1709743700" alt="Pineapple Holy Basil"> </div> </li> </ul> <ul class="megamenu__products js-megamenu-collection-block"> <li class="megamenu__products__item t-l-2 is-tall" style="" > <a href="/products/holiday-variety-pack" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Holiday Variety Pack collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-badge">NEW!</span> <span class="megamenu__products__item-title">Holiday Variety Pack</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/siteimage_HolidayVP_cutout_300x.png?v=1731345552" alt="Holiday Variety Pack"> </div> </li> <li class="megamenu__products__item t-l-2 is-tall" style="" > <a href="/products/variety-pack" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Classics Variety Pack collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Classics Variety Pack</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/siteimage_SamplerVP_cutout_2_1_91f81f5a-b343-40f8-b224-db2ad3e04b47_300x.png?v=1719001184" alt="Classics Variety Pack"> </div> </li> </ul> <ul class="megamenu__products js-megamenu-collection-block"> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #fff384;" > <a href="/products/citrus-bandana" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Citrus Bandana collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Citrus Bandana</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/bandana_cutout_300x.png?v=1674252396" alt="Citrus Bandana"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #a1dfa1;" > <a href="/products/taste-and-see-hat" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to "Taste and See" Hat collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">"Taste and See" Hat</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/eyehat_cutout_300x.png?v=1674252502" alt=""Taste and See" Hat"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #d2e26b;" > <a href="/products/herb-green-hat" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Herb Green Hat collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Herb Green Hat</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/herbhat_cutout_300x.png?v=1674252464" alt="Herb Green Hat"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #ffb79f;" > <a href="/products/bad-review-tote" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Bad Review Tote collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Bad Review Tote</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/tasteslikebutt_cutout_300x.png?v=1674252299" alt="Bad Review Tote"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #e2d3ff;" > <a href="/products/heavenly-baggu" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Heavenly Baggu collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Heavenly Baggu</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/baggu_cutout_300x.png?v=1674252560" alt="Heavenly Baggu"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #d2e26b;" > <a href="/products/drink-weird-water-t-shirt" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Drink Weird Water T-Shirt collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Drink Weird Water T-Shirt</span> </div> <div class="megamenu__products__item-image child-cover has-background"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/1_1Carouselimage-DWWshirt-1_1_300x.jpg?v=1702673574" alt="Drink Weird Water T-Shirt"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #d8945a;" > <a href="/products/wtf-bumper-stickers" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to WTF Bumper Stickers collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">WTF Bumper Stickers</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/bumpers_cutout_300x.png?v=1674252611" alt="WTF Bumper Stickers"> </div> </li> </ul> </div> <li class="linklist__item"> <a href="/pages/about-us" > About </a> </li> </ul> </nav> <nav class="mobile-menu t-uppercase tablet-down-only"> <ul class="mobile-menu__linklist"> <li class="mobile-menu__linklist-item"> <a class="t-l-1" href="/collections/shop-all">Shop All</a> </li> <li class="mobile-menu__linklist-item megamenu__collections__item comp-accordion is-expanded"> <button class="megamenu__collections__button js-toggle-accordion" aria-label="Toggle menu for Sparkling Waters"> <span class="t-l-1 t-uppercase">Sparkling Waters</span> <svg class="svg-caret-down megamenu__collections__button__caret" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 5"><g><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-linecap="round" d="M.5.5l4,4,4-4"/></g></svg> </button> <ul class="megamenu__products comp-accordion__content"> <li class="megamenu__products__item t-l-2 is-tall has-badge" style="--cr-background: #edf5d5;--cr-hover: #d6ef70;" > <a href="/products/green-bean-casserole" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Green Bean Casserole collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-badge">SEASONAL</span> <span class="megamenu__products__item-title">Green Bean Casserole</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/GreenBeanCasserole_3dCan-f_1_150x.png?v=1697498672" alt="Green Bean Casserole"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #de2724;" > <a href="/products/apple-cinnamon" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Apple Cinnamon collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Apple Cinnamon</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/AppleCinn_3dcan_Front_12_150x.png?v=1727986547" alt="Apple Cinnamon"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fdc161;--cr-hover: #d67eb4;" > <a href="/products/pumpkin-spice" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Pumpkin Spice collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Pumpkin Spice</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/PS_3dcan_Front_2_1_150x.png?v=1726495634" alt="Pumpkin Spice"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #c4e0f5;--cr-hover: #7971b4;" > <a href="/products/blackberry-black-pepper" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Blackberry Black Pepper collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Blackberry Black Pepper</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/BBP_3dcan_Front_1_150x.png?v=1725485032" alt="Blackberry Black Pepper"> </div> </li> </ul> </li> <li class="mobile-menu__linklist-item megamenu__collections__item comp-accordion "> <button class="megamenu__collections__button js-toggle-accordion" aria-label="Toggle menu for Variety Packs"> <span class="t-l-1 t-uppercase">Variety Packs</span> <svg class="svg-caret-down megamenu__collections__button__caret" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 5"><g><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-linecap="round" d="M.5.5l4,4,4-4"/></g></svg> </button> <ul class="megamenu__products comp-accordion__content"> <li class="megamenu__products__item t-l-2 is-tall has-badge" style="" > <a href="/products/holiday-variety-pack" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Holiday Variety Pack collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-badge">NEW!</span> <span class="megamenu__products__item-title">Holiday Variety Pack</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/siteimage_HolidayVP_cutout_150x.png?v=1731345552" alt="Holiday Variety Pack"> </div> </li> <li class="megamenu__products__item t-l-2 is-tall " style="" > <a href="/products/variety-pack" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Classics Variety Pack collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Classics Variety Pack</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/siteimage_SamplerVP_cutout_2_1_91f81f5a-b343-40f8-b224-db2ad3e04b47_150x.png?v=1719001184" alt="Classics Variety Pack"> </div> </li> </ul> </li> <li class="mobile-menu__linklist-item megamenu__collections__item comp-accordion "> <button class="megamenu__collections__button js-toggle-accordion" aria-label="Toggle menu for Merch"> <span class="t-l-1 t-uppercase">Merch</span> <svg class="svg-caret-down megamenu__collections__button__caret" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 5"><g><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-linecap="round" d="M.5.5l4,4,4-4"/></g></svg> </button> <ul class="megamenu__products comp-accordion__content"> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #fff384;" > <a href="/products/citrus-bandana" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Citrus Bandana collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Citrus Bandana</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/bandana_cutout_150x.png?v=1674252396" alt="Citrus Bandana"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #a1dfa1;" > <a href="/products/taste-and-see-hat" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to "Taste and See" Hat collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">"Taste and See" Hat</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/eyehat_cutout_150x.png?v=1674252502" alt=""Taste and See" Hat"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #d2e26b;" > <a href="/products/herb-green-hat" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Herb Green Hat collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Herb Green Hat</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/herbhat_cutout_150x.png?v=1674252464" alt="Herb Green Hat"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #ffb79f;" > <a href="/products/bad-review-tote" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Bad Review Tote collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Bad Review Tote</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/tasteslikebutt_cutout_150x.png?v=1674252299" alt="Bad Review Tote"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #e2d3ff;" > <a href="/products/heavenly-baggu" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Heavenly Baggu collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Heavenly Baggu</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/baggu_cutout_150x.png?v=1674252560" alt="Heavenly Baggu"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #d2e26b;" > <a href="/products/drink-weird-water-t-shirt" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Drink Weird Water T-Shirt collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Drink Weird Water T-Shirt</span> </div> <div class="megamenu__products__item-image child-cover has-background"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/1_1Carouselimage-DWWshirt-1_1_150x.jpg?v=1702673574" alt="Drink Weird Water T-Shirt"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #d8945a;" > <a href="/products/wtf-bumper-stickers" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to WTF Bumper Stickers collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">WTF Bumper Stickers</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/bumpers_cutout_150x.png?v=1674252611" alt="WTF Bumper Stickers"> </div> </li> </ul> </li> <li class="mobile-menu__linklist-item"> <a class="t-l-1" href="/pages/about-us">About Us</a> </li> </ul> </nav> <a class="header-logo no-text-space p-center child-contain" href="https://aurabora.com" aria-label="Aura Bora logo with link to homepage"> <svg class="svg-logo" viewBox="0 0 148 28" fill="currentColor"> <path d="M6.7.4 3.5 17.7a13 13 0 0 0-3.4-.6L0 20c.5 0 1.9.1 3 .5l-1.4 7h2.6l1-5.6c1.1.5 2.7 1 4.6 1l.9 4.6H17L11.8.4H6.7ZM5.8 19l1.6-8.6L9.2 20a7 7 0 0 1-3.4-1Z"/> <path d="M25.1 28c4.5 0 7.4-1.7 7.4-7.5V.5h-2.7v20c0 3.1-.6 4.2-2.8 4.2-2.2 0-2.7-1-2.7-4.1V.4h-6.6v20.1c0 5.9 3 7.5 7.4 7.5Z"/> <path d="M40.9 17.1h.6l2.4 10.5h6.6l-2.8-12.1c1.7-1.4 2.7-3.6 2.7-6.7 0-7-3.5-8.4-8-8.4h-7.8v27.2h6.3V17.1Zm0-14.3h1.3c1.2 0 1.8.7 1.8 5.7 0 4.8-.5 5.8-1.8 5.8h-1.3V2.8Z"/> <path d="M52.7 27.6h2.6l1-5.6c1 .5 2.6 1 4.6 1l.8 4.6h6.5L63 .4h-5.1l-3.3 17.3a13 13 0 0 0-3.3-.6l-.1 3c.5 0 1.8.1 2.9.5l-1.3 7Zm5.7-17.3 1.9 9.8a7.5 7.5 0 0 1-3.4-1.1l1.5-8.7Z"/> <path d="M88.3 13.3c2.8-.7 4.8-2.5 4.8-6.1C93.1 1 89.6.3 84.8.3h-6.7v27.2h6.7c4.8 0 8.5-1.7 8.5-7.4 0-4.5-2-6.2-5-6.8Zm-4-10.6h.5c1.6 0 2 .5 2 5 0 4.3-.4 4.7-2 4.7h-.6V2.7Zm.6 22.4h-.7V14.6h.7c1.4 0 2 .6 2 5.2 0 5-.4 5.3-2 5.3Z"/> <path d="M102.9 0c-5.5 0-8.3 3.4-8.3 14 0 10.4 2.8 13.8 8.3 13.8 5.4 0 8.2-3.4 8.2-13.9S108.3 0 103 0Zm0 25.6c-1.6 0-1.7-1-1.7-11.7 0-10.8 0-11.7 1.7-11.7 1.5 0 1.7 1 1.7 11.7 0 10.8-.1 11.7-1.7 11.7Z"/> <path d="M128.6 8.7c0-7-3.5-8.4-8-8.4H113v27.2h6.3V17h.6l2.3 10.5h6.6L126 15.4c1.7-1.4 2.6-3.5 2.6-6.7Zm-8.2 5.5h-1.2V2.7h1.2c1.3 0 1.9.7 1.9 5.7 0 4.8-.6 5.8-1.9 5.8Z"/> <path d="M140.7 27.6h6.4L141.8.3h-5.1l-3.2 17.3a13 13 0 0 0-3.4-.6v3c.4 0 1.8.1 2.8.6l-1.3 7h2.6l1-5.7c1.1.5 2.7 1 4.6 1l.9 4.7Zm-5-8.8 1.7-8.6 1.8 9.8a7.2 7.2 0 0 1-3.4-1.2Z"/> </svg></a> <button class="header-hamburger js-mobile-menu-toggle tablet-down-only" aria-label="Toggle mobile menu"><hr><hr><hr></button> <div class="header-actions f-h f-a-c"> <a class="header-actions__item header-actions__item--account btn btn--small bg-white bg-shadow tablet-up-only" href="/account">Log In</a> <a class="header-actions__item header-actions__item--mobile-account bg-shadow tablet-down-only child-contain" href="/account"> <span class="screen-reader-only">View your account</span> <svg class="svg-account " fill="#fff" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" viewBox="0 0 24 25" xmlns="http://www.w3.org/2000/svg"> <path d="M1.8 15.5c-1 2-.7 7.3 0 8 .7.7 18.7 1 20.1 0 1.4-1 1.2-3.8.8-7.2-.4-3.4-7.1-5-7.6-5-.6 0 2.7-2.6 1.6-6.8C15.5.2 9-.2 6.9 3.6 5 7.4 8.6 11 8.6 11.3c0 .4-5.8 2.2-6.8 4.2Z"/> </svg> </a> <button class="header-actions__item header-actions__item--minicart child-contain js-minicart-open" aria-label="Show minicart"> <span aria-label="Total cart items" class="header-actions__item--cart-count js-cart-total-items t-l-2 p-center">0</span> <svg class="svg-cart " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 36" stroke="none"> <path d="M12.2 19.4a1 1 0 0 1-1-.8L7.9 4.5A2 2 0 0 0 6 3H1.8c-.6 0-1-.4-1-1s.4-1 1-1H6a4 4 0 0 1 3.9 3.1l3.3 14.2c.1.5-.2 1.1-.7 1.2l-.3-.1z"/> <path class="svg-cart-main-outer bg-shadow" d="M41 5.7c.9 1.2 1.2 2.6.9 4.1l-2.6 11.4a4.7 4.7 0 0 1-4.7 3.7H16.4a4.8 4.8 0 0 1-4.7-3.7L9.1 9.8a5 5 0 0 1 .9-4.1 5 5 0 0 1 3.8-1.8h23.5c1.4 0 2.8.7 3.7 1.8zm-1 3.7a3 3 0 0 0-.5-2.4 2.7 2.7 0 0 0-2.2-1.1H13.8c-.9 0-1.6.4-2.2 1.1-.5.7-.7 1.5-.5 2.4l2.7 11.4a2.8 2.8 0 0 0 2.7 2.2h18.1c1.3 0 2.4-.9 2.7-2.2L40 9.4z"/> <path class="svg-cart-wheel-outer bg-shadow" d="M31.2 26.2c2.5 0 4.5 2 4.5 4.5s-2 4.6-4.5 4.6-4.6-2-4.6-4.6 2.1-4.5 4.6-4.5zm2.5 4.5c0-1.4-1.1-2.5-2.5-2.5s-2.5 1.1-2.5 2.5 1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5z"/> <path class="svg-cart-wheel-outer bg-shadow" d="M19.7 26.2c2.5 0 4.5 2 4.5 4.5s-2 4.6-4.5 4.6-4.6-2-4.6-4.6 2.1-4.5 4.6-4.5zm2.5 4.5c0-1.4-1.1-2.5-2.5-2.5s-2.5 1.1-2.5 2.5 1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5z"/> <g class="svg-cart-main" fill="#FFFFFF"> <path d="M39.4 7c.6.7.8 1.5.6 2.4l-2.6 11.4a2.8 2.8 0 0 1-2.7 2.2H16.4c-1.3 0-2.4-.9-2.7-2.2L11.1 9.4a3 3 0 0 1 .5-2.4c.5-.7 1.3-1.1 2.2-1.1h23.5c.8 0 1.6.4 2.1 1.1z"/> <circle cx="31.2" cy="30.7" r="2.5"/> <circle cx="19.7" cy="30.7" r="2.5"/> </g> </svg> </button> <button class="header-actions__item header-actions__item--controller child-contain js-minigame-open tablet-up-only" aria-label="Open the minigame"> <svg class="svg-controller bg-shadow " viewBox="0 0 40 27" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"> <path class="svg-controller-main" d="M8.984 2.186c2.5-1 19-1.4 22.5 0 5 2 7.5 17 7.5 20s-2.5 3.5-5.5 3.5-6.5-7-8-7h-12.5c-.5 0-5 7.6-8 7-2.5-.5-4-2.5-4-5.5s5.5-17 8-18Z" fill="#fff"/> <path data-color-interval d="M28.701 7.267c-.585.586-1.237.884-2.121 0a1.5 1.5 0 0 1 0-2.121c.586-.586 1.414-.707 2.121 0a1.5 1.5 0 0 1 0 2.12Z" fill="currentColor" stroke="none"/> <path data-color-interval d="M32.236 10.803c-.585.586-1.237.884-2.12 0a1.5 1.5 0 0 1 0-2.121c.585-.586 1.413-.707 2.12 0a1.5 1.5 0 0 1 0 2.121Z" fill="currentColor" stroke="none"/> <path data-color-interval d="M28.701 14.338c-.585.586-1.237.884-2.121 0a1.5 1.5 0 0 1 0-2.121c.586-.586 1.414-.707 2.121 0a1.5 1.5 0 0 1 0 2.121Z" fill="currentColor" stroke="none"/> <path data-color-interval d="M25.166 10.803c-.586.586-1.237.884-2.121 0a1.5 1.5 0 0 1 0-2.121c.586-.586 1.414-.707 2.121 0a1.5 1.5 0 0 1 0 2.121Z" fill="currentColor" stroke="none"/> <path d="M8.984 9.742c1.5.5 6.5.5 8 0" fill="none" /> <path d="M12.797 13.93c.5-1.5.5-6.5 0-8" fill="none"/> </svg> </button> <button class="header-actions__item header-actions__item--cursor child-contain js-cursor-toggle tablet-up-only" aria-label="Change your cursor style"> <svg class="svg-cursor " viewBox="0 0 30 35" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"> <path class="bg-shadow svg-cursor-main" d="M12.9 30.3c-2-1.4-5.7-19.3-3-20.7 2.8-1.3 18.6 8 19 10.5.5 2.4-6 3.3-6 3.3 1.2 2 3.8 6.3 3.8 7 0 .7-2.3 3.7-3.8 3-1.2-.6-3.6-5.4-4.6-7.7-1.2 1.8-4.7 5.1-5.4 4.6Z" fill="#fff"/> <path data-color-interval d="m13 1.5-1 3"/> <path data-color-interval d="m5 2.5 2 2"/> <path data-color-interval d="m1 7.7 3 .8"/> <path data-color-interval d="m17 6.5 2-2"/> <path data-color-interval d="m4 13.5-2 2"/> </svg> </button> </div></header> <main role="main" id="main"><section id="shopify-section-blog-recipes" class="shopify-section recipes c"> <div class="recipes-featured" style="--cr-light: #edfff2;--cr: #d1edd9;--cr-dark: #a5e0b6;" > <div class="recipes-featured__image child-cover" data-animate data-animate-fade-in-up> <img width="1833" height="2445" alt="Hibiscus Passionfruit Paloma" data-src="//aurabora.com/cdn/shop/articles/image_134_3_1_1600x.png?v=1727473381" data-srcset="//aurabora.com/cdn/shop/articles/image_134_3_1_100x.png?v=1727473381 100w,//aurabora.com/cdn/shop/articles/image_134_3_1_200x.png?v=1727473381 200w,//aurabora.com/cdn/shop/articles/image_134_3_1_300x.png?v=1727473381 300w,//aurabora.com/cdn/shop/articles/image_134_3_1_400x.png?v=1727473381 400w,//aurabora.com/cdn/shop/articles/image_134_3_1_600x.png?v=1727473381 600w,//aurabora.com/cdn/shop/articles/image_134_3_1_800x.png?v=1727473381 800w,//aurabora.com/cdn/shop/articles/image_134_3_1_1200x.png?v=1727473381 1200w,//aurabora.com/cdn/shop/articles/image_134_3_1_1600x.png?v=1727473381 1600w" data-sizes="auto" class="lazyload " > </div> <div class="recipes-featured__text" data-animate data-animate-fade-in-up data-animate-stagger="1"> <h1 class="recipes-featured__headline t-b-4 t-uppercase">Featured Cocktail</h1> <h2 class="recipes-featured__title t-h-1 cr-white t-stroke t-uppercase">Hibiscus Passionfruit Paloma</h2> <div class="recipes-featured__actions c-5"> <a class="recipes-featured__link btn" href="/blogs/recipes/hibiscus-passionfruit-paloma">View Recipe</a> <button class="recipes-featured__add btn js-cart-add" data-cart-add-id="39585662697521" aria-label="Add Hibiscus Passionfruit to the cart" data-source="blog" > <span>Add to cart</span> </button> </div> </div> </div> <div class="recipes-nav" data-animate data-animate-fade-in-up data-animate-stagger="2"> <h2 class="t-h-3 cr-rainbow t-shadow t-uppercase">More Recipes</h2> <div class="recipes-filters"> <span class="recipes-filters__label t-l-3 t-uppercase">Filter By:</span> <div id="options-filter-type" class="recipes-filters__type combobox-selector js-combobox-selector js-filter"> <label for="filter-type" class="screen-reader-only">Filter Type</label> <div class="combobox"> <select id="filter-type"> <option value="all">All Recipes</option> <option value="mocktail">Mocktails</option> <option value="cocktail">Cocktails</option> </select> </div> </div> <div id="options-filter-flavor" class="recipes-filters__flavor combobox-selector js-combobox-selector js-filter"> <label for="filter-flavor" class="screen-reader-only">Filter Flavor</label> <div class="combobox"> <select id="filter-flavor"> <option value="all">All Flavors</option> <option value="productname-apple-cinnamon">Apple Cinnamon</option> <option value="productname-banana-bergamot">Banana Bergamot</option> <option value="productname-basil-berry">Basil Berry</option> <option value="productname-blackberry-black-pepper">Blackberry Black Pepper</option> <option value="productname-blueberry-wildflower">Blueberry Wildflower</option> <option value="productname-cactus-rose">Cactus Rose</option> <option value="productname-chai-cranberry">Chai Cranberry</option> <option value="productname-cherry-key-lime">Cherry Key Lime</option> <option value="productname-elderflower-grapefruit">Elderflower Grapefruit</option> <option value="productname-ginger-meyer-lemon">Ginger Meyer Lemon</option> <option value="productname-green-bean-casserole">Green Bean Casserole</option> <option value="productname-hibiscus-passionfruit">Hibiscus Passionfruit</option> <option value="productname-honey-pumpkin">Honey Pumpkin</option> <option value="productname-lavender-cucumber">Lavender Cucumber</option> <option value="productname-lemongrass-coconut">Lemongrass Coconut</option> <option value="productname-lime-cardamom">Lime Cardamom</option> <option value="productname-mango-chili">Mango Chili</option> <option value="productname-peach-honeysuckle">Peach Honeysuckle</option> <option value="productname-peppermint-watermelon">Peppermint Watermelon</option> <option value="productname-persimmon-clove">Persimmon Clove</option> <option value="productname-pineapple-holy-basil">Pineapple Holy Basil</option> <option value="productname-pumpkin-spice">Pumpkin Spice</option> <option value="productname-raspberry-vanilla">Raspberry Vanilla</option> <option value="productname-strawberry-basil">Strawberry Basil</option> <option value="productname-tangerine-blossom">Tangerine Blossom</option> <option value="productname-watermelon-chili">Watermelon Chili</option> </select> </div> </div> </div> </div> <div class="recipes-grid g g-2 g-gap-3 js-filter-results"> <div class="article-card " data-animate-fade-in-up data-animate-stagger="0" style="--cr-light: #edf5d5;--cr: #d6ef70;--cr-dark: #459d45;" > <a class="p-fill" href="/blogs/recipes/sparkling-cranberry-green-bean-punch"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Sparkling Cranberry & Green Bean Punch</span> <div class="article-card__excerpt t-b-3">A spiced mocktail perfect for the Holidays.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/sparkling-cranberry-green-bean-punch">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="2000" height="3000" alt="Sparkling Cranberry & Green Bean Punch" data-src="//aurabora.com/cdn/shop/articles/j_800x.jpg?v=1731439925" data-srcset="//aurabora.com/cdn/shop/articles/j_100x.jpg?v=1731439925 100w,//aurabora.com/cdn/shop/articles/j_200x.jpg?v=1731439925 200w,//aurabora.com/cdn/shop/articles/j_300x.jpg?v=1731439925 300w,//aurabora.com/cdn/shop/articles/j_400x.jpg?v=1731439925 400w,//aurabora.com/cdn/shop/articles/j_600x.jpg?v=1731439925 600w,//aurabora.com/cdn/shop/articles/j_800x.jpg?v=1731439925 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="1" style="--cr-light: #a5d3e5;--cr: #5e843a;--cr-dark: #e31e2e;" > <a class="p-fill" href="/blogs/recipes/cranberry-chai-margarita"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Cranberry Chai Margarita</span> <div class="article-card__excerpt t-b-3">A cocktail to sip all winter long.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/cranberry-chai-margarita">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="2000" height="2667" alt="Cranberry Chai Margarita" data-src="//aurabora.com/cdn/shop/articles/96dd8c77-7ed2-43b0-957f-8c7e7dadb6c0_800x.jpg?v=1730930371" data-srcset="//aurabora.com/cdn/shop/articles/96dd8c77-7ed2-43b0-957f-8c7e7dadb6c0_100x.jpg?v=1730930371 100w,//aurabora.com/cdn/shop/articles/96dd8c77-7ed2-43b0-957f-8c7e7dadb6c0_200x.jpg?v=1730930371 200w,//aurabora.com/cdn/shop/articles/96dd8c77-7ed2-43b0-957f-8c7e7dadb6c0_300x.jpg?v=1730930371 300w,//aurabora.com/cdn/shop/articles/96dd8c77-7ed2-43b0-957f-8c7e7dadb6c0_400x.jpg?v=1730930371 400w,//aurabora.com/cdn/shop/articles/96dd8c77-7ed2-43b0-957f-8c7e7dadb6c0_600x.jpg?v=1730930371 600w,//aurabora.com/cdn/shop/articles/96dd8c77-7ed2-43b0-957f-8c7e7dadb6c0_800x.jpg?v=1730930371 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="2" style="--cr-light: #fdc161;--cr: #d67eb4;--cr-dark: #b74e69;" > <a class="p-fill" href="/blogs/recipes/bourbon-bonfire-sour"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Bourbon Bonfire Sour</span> <div class="article-card__excerpt t-b-3">A cozy fall night turned into a cocktail.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/bourbon-bonfire-sour">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="2000" height="2667" alt="Bourbon Bonfire Sour" data-src="//aurabora.com/cdn/shop/articles/d2a4090d-2c17-425d-8823-b5edc3e16479_800x.jpg?v=1730929716" data-srcset="//aurabora.com/cdn/shop/articles/d2a4090d-2c17-425d-8823-b5edc3e16479_100x.jpg?v=1730929716 100w,//aurabora.com/cdn/shop/articles/d2a4090d-2c17-425d-8823-b5edc3e16479_200x.jpg?v=1730929716 200w,//aurabora.com/cdn/shop/articles/d2a4090d-2c17-425d-8823-b5edc3e16479_300x.jpg?v=1730929716 300w,//aurabora.com/cdn/shop/articles/d2a4090d-2c17-425d-8823-b5edc3e16479_400x.jpg?v=1730929716 400w,//aurabora.com/cdn/shop/articles/d2a4090d-2c17-425d-8823-b5edc3e16479_600x.jpg?v=1730929716 600w,//aurabora.com/cdn/shop/articles/d2a4090d-2c17-425d-8823-b5edc3e16479_800x.jpg?v=1730929716 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="3" style="--cr-light: #fffef6;--cr: #de2724;--cr-dark: #40a077;" > <a class="p-fill" href="/blogs/recipes/apple-cinnamon-ice-cream-float"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Apple Cinnamon Ice Cream Float</span> <div class="article-card__excerpt t-b-3">Recipe by Christine Han.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/apple-cinnamon-ice-cream-float">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="832" height="1102" alt="Apple Cinnamon Ice Cream Float" data-src="//aurabora.com/cdn/shop/articles/Screenshot_2024-10-24_at_11.43.33_800x.png?v=1730149420" data-srcset="//aurabora.com/cdn/shop/articles/Screenshot_2024-10-24_at_11.43.33_100x.png?v=1730149420 100w,//aurabora.com/cdn/shop/articles/Screenshot_2024-10-24_at_11.43.33_200x.png?v=1730149420 200w,//aurabora.com/cdn/shop/articles/Screenshot_2024-10-24_at_11.43.33_300x.png?v=1730149420 300w,//aurabora.com/cdn/shop/articles/Screenshot_2024-10-24_at_11.43.33_400x.png?v=1730149420 400w,//aurabora.com/cdn/shop/articles/Screenshot_2024-10-24_at_11.43.33_600x.png?v=1730149420 600w,//aurabora.com/cdn/shop/articles/Screenshot_2024-10-24_at_11.43.33_800x.png?v=1730149420 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="4" style="--cr-light: #daddff;--cr: #f6f88f;--cr-dark: #5669b1;" > <a class="p-fill" href="/blogs/recipes/bergamot-bourbon-sour"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Bergamot Bourbon Sour</span> <div class="article-card__excerpt t-b-3">A creamy sweet treat.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/bergamot-bourbon-sour">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="2953" height="3587" alt="Bergamot Bourbon Sour" data-src="//aurabora.com/cdn/shop/articles/APC_1087_1_869267cb-b0a6-4632-9ec9-1a71227c59a0_800x.jpg?v=1730135036" data-srcset="//aurabora.com/cdn/shop/articles/APC_1087_1_869267cb-b0a6-4632-9ec9-1a71227c59a0_100x.jpg?v=1730135036 100w,//aurabora.com/cdn/shop/articles/APC_1087_1_869267cb-b0a6-4632-9ec9-1a71227c59a0_200x.jpg?v=1730135036 200w,//aurabora.com/cdn/shop/articles/APC_1087_1_869267cb-b0a6-4632-9ec9-1a71227c59a0_300x.jpg?v=1730135036 300w,//aurabora.com/cdn/shop/articles/APC_1087_1_869267cb-b0a6-4632-9ec9-1a71227c59a0_400x.jpg?v=1730135036 400w,//aurabora.com/cdn/shop/articles/APC_1087_1_869267cb-b0a6-4632-9ec9-1a71227c59a0_600x.jpg?v=1730135036 600w,//aurabora.com/cdn/shop/articles/APC_1087_1_869267cb-b0a6-4632-9ec9-1a71227c59a0_800x.jpg?v=1730135036 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="5" style="--cr-light: #fffef8;--cr: #fff0b6;--cr-dark: #f38058;" > <a class="p-fill" href="/blogs/recipes/peach-collins"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Peach Collins</span> <div class="article-card__excerpt t-b-3">This one is sweet, ripe and ready to be enjoyed.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/peach-collins">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="3024" height="4032" alt="Peach Collins" data-src="//aurabora.com/cdn/shop/articles/image00004_1_800x.jpg?v=1728678374" data-srcset="//aurabora.com/cdn/shop/articles/image00004_1_100x.jpg?v=1728678374 100w,//aurabora.com/cdn/shop/articles/image00004_1_200x.jpg?v=1728678374 200w,//aurabora.com/cdn/shop/articles/image00004_1_300x.jpg?v=1728678374 300w,//aurabora.com/cdn/shop/articles/image00004_1_400x.jpg?v=1728678374 400w,//aurabora.com/cdn/shop/articles/image00004_1_600x.jpg?v=1728678374 600w,//aurabora.com/cdn/shop/articles/image00004_1_800x.jpg?v=1728678374 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="6" style="--cr-light: #edfff2;--cr: #d1edd9;--cr-dark: #a5e0b6;" > <a class="p-fill" href="/blogs/recipes/hibiscus-passionfruit-paloma"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Hibiscus Passionfruit Paloma</span> <a class="article-card__link btn c-5" href="/blogs/recipes/hibiscus-passionfruit-paloma">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1833" height="2445" alt="Hibiscus Passionfruit Paloma" data-src="//aurabora.com/cdn/shop/articles/image_134_3_1_800x.png?v=1727473381" data-srcset="//aurabora.com/cdn/shop/articles/image_134_3_1_100x.png?v=1727473381 100w,//aurabora.com/cdn/shop/articles/image_134_3_1_200x.png?v=1727473381 200w,//aurabora.com/cdn/shop/articles/image_134_3_1_300x.png?v=1727473381 300w,//aurabora.com/cdn/shop/articles/image_134_3_1_400x.png?v=1727473381 400w,//aurabora.com/cdn/shop/articles/image_134_3_1_600x.png?v=1727473381 600w,//aurabora.com/cdn/shop/articles/image_134_3_1_800x.png?v=1727473381 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="7" style="--cr-light: #ffeef2;--cr: #ffbece;--cr-dark: #ed3254;" > <a class="p-fill" href="/blogs/recipes/creamy-raspberry-vanilla-mule"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Creamy Raspberry Vanilla Mule</span> <div class="article-card__excerpt t-b-3">Our non-alcoholic take on a classic with a sweet, creamy twist.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/creamy-raspberry-vanilla-mule">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="2234" height="2597" alt="Creamy Raspberry Vanilla Mule" data-src="//aurabora.com/cdn/shop/articles/image_134_2_2_800x.png?v=1727457033" data-srcset="//aurabora.com/cdn/shop/articles/image_134_2_2_100x.png?v=1727457033 100w,//aurabora.com/cdn/shop/articles/image_134_2_2_200x.png?v=1727457033 200w,//aurabora.com/cdn/shop/articles/image_134_2_2_300x.png?v=1727457033 300w,//aurabora.com/cdn/shop/articles/image_134_2_2_400x.png?v=1727457033 400w,//aurabora.com/cdn/shop/articles/image_134_2_2_600x.png?v=1727457033 600w,//aurabora.com/cdn/shop/articles/image_134_2_2_800x.png?v=1727457033 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="8" style="--cr-light: #c4e0f5;--cr: #7971b4;--cr-dark: #d770ac;" > <a class="p-fill" href="/blogs/recipes/blackberry-black-pepper-mocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Blackberry Black Pepper Mocktail</span> <div class="article-card__excerpt t-b-3">A sweet, tart and herby adventure.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/blackberry-black-pepper-mocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1194" height="1593" alt="Blackberry Black Pepper Mocktail" data-src="//aurabora.com/cdn/shop/articles/APC_0294_1_1_1_1_931ff1b4-c8ec-42d4-ae1c-1e9603d31522_800x.png?v=1726686136" data-srcset="//aurabora.com/cdn/shop/articles/APC_0294_1_1_1_1_931ff1b4-c8ec-42d4-ae1c-1e9603d31522_100x.png?v=1726686136 100w,//aurabora.com/cdn/shop/articles/APC_0294_1_1_1_1_931ff1b4-c8ec-42d4-ae1c-1e9603d31522_200x.png?v=1726686136 200w,//aurabora.com/cdn/shop/articles/APC_0294_1_1_1_1_931ff1b4-c8ec-42d4-ae1c-1e9603d31522_300x.png?v=1726686136 300w,//aurabora.com/cdn/shop/articles/APC_0294_1_1_1_1_931ff1b4-c8ec-42d4-ae1c-1e9603d31522_400x.png?v=1726686136 400w,//aurabora.com/cdn/shop/articles/APC_0294_1_1_1_1_931ff1b4-c8ec-42d4-ae1c-1e9603d31522_600x.png?v=1726686136 600w,//aurabora.com/cdn/shop/articles/APC_0294_1_1_1_1_931ff1b4-c8ec-42d4-ae1c-1e9603d31522_800x.png?v=1726686136 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="9" style="--cr-light: #c4e0f5;--cr: #7971b4;--cr-dark: #d770ac;" > <a class="p-fill" href="/blogs/recipes/blackberrry-black-pepper-mojito"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Blackberrry Black Pepper Mojito</span> <div class="article-card__excerpt t-b-3">A sweet, tart and herby adventure.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/blackberrry-black-pepper-mojito">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1194" height="1593" alt="Blackberrry Black Pepper Mojito" data-src="//aurabora.com/cdn/shop/articles/APC_0294_1_1_1_1_800x.png?v=1726685810" data-srcset="//aurabora.com/cdn/shop/articles/APC_0294_1_1_1_1_100x.png?v=1726685810 100w,//aurabora.com/cdn/shop/articles/APC_0294_1_1_1_1_200x.png?v=1726685810 200w,//aurabora.com/cdn/shop/articles/APC_0294_1_1_1_1_300x.png?v=1726685810 300w,//aurabora.com/cdn/shop/articles/APC_0294_1_1_1_1_400x.png?v=1726685810 400w,//aurabora.com/cdn/shop/articles/APC_0294_1_1_1_1_600x.png?v=1726685810 600w,//aurabora.com/cdn/shop/articles/APC_0294_1_1_1_1_800x.png?v=1726685810 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="10" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/cactus-ranch-water"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Cactus Ranch Water</span> <div class="article-card__excerpt t-b-3">Recipe by Favor Chujor. Smokey, prickly with a touch of sweeteness.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/cactus-ranch-water">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1677" height="2963" alt="Cactus Ranch Water" data-src="//aurabora.com/cdn/shop/articles/IMG_1112_1_7_800x.png?v=1720797827" data-srcset="//aurabora.com/cdn/shop/articles/IMG_1112_1_7_100x.png?v=1720797827 100w,//aurabora.com/cdn/shop/articles/IMG_1112_1_7_200x.png?v=1720797827 200w,//aurabora.com/cdn/shop/articles/IMG_1112_1_7_300x.png?v=1720797827 300w,//aurabora.com/cdn/shop/articles/IMG_1112_1_7_400x.png?v=1720797827 400w,//aurabora.com/cdn/shop/articles/IMG_1112_1_7_600x.png?v=1720797827 600w,//aurabora.com/cdn/shop/articles/IMG_1112_1_7_800x.png?v=1720797827 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="11" style="--cr-light: #fffcaa;--cr: #e83e5d;--cr-dark: #f2c4dc;" > <a class="p-fill" href="/blogs/recipes/cherry-whiskey-sour"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Cherry Whiskey Sour</span> <div class="article-card__excerpt t-b-3">Recipe by Daniel Funk.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/cherry-whiskey-sour">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="2868" height="3824" alt="Cherry Whiskey Sour" data-src="//aurabora.com/cdn/shop/articles/APC_8418-Enhanced-NR_1_800x.jpg?v=1720796340" data-srcset="//aurabora.com/cdn/shop/articles/APC_8418-Enhanced-NR_1_100x.jpg?v=1720796340 100w,//aurabora.com/cdn/shop/articles/APC_8418-Enhanced-NR_1_200x.jpg?v=1720796340 200w,//aurabora.com/cdn/shop/articles/APC_8418-Enhanced-NR_1_300x.jpg?v=1720796340 300w,//aurabora.com/cdn/shop/articles/APC_8418-Enhanced-NR_1_400x.jpg?v=1720796340 400w,//aurabora.com/cdn/shop/articles/APC_8418-Enhanced-NR_1_600x.jpg?v=1720796340 600w,//aurabora.com/cdn/shop/articles/APC_8418-Enhanced-NR_1_800x.jpg?v=1720796340 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="12" style="--cr-light: #e6ebaf;--cr: #d2e26b;--cr-dark: #b1d745;" > <a class="p-fill" href="/blogs/recipes/strawberry-float-cocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Strawberry Float Cocktail</span> <div class="article-card__excerpt t-b-3">Recipe by Daniel Funk.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/strawberry-float-cocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="3018" height="4024" alt="Strawberry Float Cocktail" data-src="//aurabora.com/cdn/shop/articles/APC_7046-ENH_3_1_800x.jpg?v=1719600494" data-srcset="//aurabora.com/cdn/shop/articles/APC_7046-ENH_3_1_100x.jpg?v=1719600494 100w,//aurabora.com/cdn/shop/articles/APC_7046-ENH_3_1_200x.jpg?v=1719600494 200w,//aurabora.com/cdn/shop/articles/APC_7046-ENH_3_1_300x.jpg?v=1719600494 300w,//aurabora.com/cdn/shop/articles/APC_7046-ENH_3_1_400x.jpg?v=1719600494 400w,//aurabora.com/cdn/shop/articles/APC_7046-ENH_3_1_600x.jpg?v=1719600494 600w,//aurabora.com/cdn/shop/articles/APC_7046-ENH_3_1_800x.jpg?v=1719600494 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="13" style="" > <a class="p-fill" href="/blogs/recipes/watermelon-chili-no-jito"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Watermelon Chili No-jito</span> <div class="article-card__excerpt t-b-3">Recipe by Favor Chujor.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/watermelon-chili-no-jito">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1449" height="2577" alt="Watermelon Chili No-jito" data-src="//aurabora.com/cdn/shop/articles/IMG_0533_1_800x.png?v=1718649159" data-srcset="//aurabora.com/cdn/shop/articles/IMG_0533_1_100x.png?v=1718649159 100w,//aurabora.com/cdn/shop/articles/IMG_0533_1_200x.png?v=1718649159 200w,//aurabora.com/cdn/shop/articles/IMG_0533_1_300x.png?v=1718649159 300w,//aurabora.com/cdn/shop/articles/IMG_0533_1_400x.png?v=1718649159 400w,//aurabora.com/cdn/shop/articles/IMG_0533_1_600x.png?v=1718649159 600w,//aurabora.com/cdn/shop/articles/IMG_0533_1_800x.png?v=1718649159 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="14" style="" > <a class="p-fill" href="/blogs/recipes/watermelon-chili-paloma"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Watermelon Chili Paloma</span> <div class="article-card__excerpt t-b-3">Recipe by Brittany Criss.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/watermelon-chili-paloma">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="2590" height="3453" alt="Watermelon Chili Paloma" data-src="//aurabora.com/cdn/shop/articles/IMG_8262_1_800x.jpg?v=1718647388" data-srcset="//aurabora.com/cdn/shop/articles/IMG_8262_1_100x.jpg?v=1718647388 100w,//aurabora.com/cdn/shop/articles/IMG_8262_1_200x.jpg?v=1718647388 200w,//aurabora.com/cdn/shop/articles/IMG_8262_1_300x.jpg?v=1718647388 300w,//aurabora.com/cdn/shop/articles/IMG_8262_1_400x.jpg?v=1718647388 400w,//aurabora.com/cdn/shop/articles/IMG_8262_1_600x.jpg?v=1718647388 600w,//aurabora.com/cdn/shop/articles/IMG_8262_1_800x.jpg?v=1718647388 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="15" style="" > <a class="p-fill" href="/blogs/recipes/spicy-watermelon-margarita"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Spicy Watermelon Margarita</span> <div class="article-card__excerpt t-b-3">Recipe by Daniel Funk.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/spicy-watermelon-margarita">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="3024" height="4032" alt="Spicy Watermelon Margarita" data-src="//aurabora.com/cdn/shop/articles/APC_7110-ENH_1_800x.jpg?v=1718645444" data-srcset="//aurabora.com/cdn/shop/articles/APC_7110-ENH_1_100x.jpg?v=1718645444 100w,//aurabora.com/cdn/shop/articles/APC_7110-ENH_1_200x.jpg?v=1718645444 200w,//aurabora.com/cdn/shop/articles/APC_7110-ENH_1_300x.jpg?v=1718645444 300w,//aurabora.com/cdn/shop/articles/APC_7110-ENH_1_400x.jpg?v=1718645444 400w,//aurabora.com/cdn/shop/articles/APC_7110-ENH_1_600x.jpg?v=1718645444 600w,//aurabora.com/cdn/shop/articles/APC_7110-ENH_1_800x.jpg?v=1718645444 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="16" style="--cr-light: #e5e5f1;--cr: #e2d3ff;--cr-dark: #c0a4fa;" > <a class="p-fill" href="/blogs/recipes/cucumber-mojito-with-lavender-sugar-rim"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Cucumber Mojito with Lavender Sugar Rim</span> <div class="article-card__excerpt t-b-3">Recipe by Daniel Funk.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/cucumber-mojito-with-lavender-sugar-rim">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="728" height="1138" alt="Cucumber Mojito with Lavender Sugar Rim" data-src="//aurabora.com/cdn/shop/articles/Screenshot_2024-05-21_at_14.44.27_800x.png?v=1716317776" data-srcset="//aurabora.com/cdn/shop/articles/Screenshot_2024-05-21_at_14.44.27_100x.png?v=1716317776 100w,//aurabora.com/cdn/shop/articles/Screenshot_2024-05-21_at_14.44.27_200x.png?v=1716317776 200w,//aurabora.com/cdn/shop/articles/Screenshot_2024-05-21_at_14.44.27_300x.png?v=1716317776 300w,//aurabora.com/cdn/shop/articles/Screenshot_2024-05-21_at_14.44.27_400x.png?v=1716317776 400w,//aurabora.com/cdn/shop/articles/Screenshot_2024-05-21_at_14.44.27_600x.png?v=1716317776 600w,//aurabora.com/cdn/shop/articles/Screenshot_2024-05-21_at_14.44.27_800x.png?v=1716317776 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="17" style="--cr-light: #fffcaa;--cr: #e83e5d;--cr-dark: #f2c4dc;" > <a class="p-fill" href="/blogs/recipes/cherry-limeade-mocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Cherry Limeade Mocktail</span> <div class="article-card__excerpt t-b-3">The perfect balance between sweet, juicy and tangy.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/cherry-limeade-mocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="2042" height="2986" alt="Cherry Limeade Mocktail" data-src="//aurabora.com/cdn/shop/articles/IMG_8762_1_2_1_800x.png?v=1713979030" data-srcset="//aurabora.com/cdn/shop/articles/IMG_8762_1_2_1_100x.png?v=1713979030 100w,//aurabora.com/cdn/shop/articles/IMG_8762_1_2_1_200x.png?v=1713979030 200w,//aurabora.com/cdn/shop/articles/IMG_8762_1_2_1_300x.png?v=1713979030 300w,//aurabora.com/cdn/shop/articles/IMG_8762_1_2_1_400x.png?v=1713979030 400w,//aurabora.com/cdn/shop/articles/IMG_8762_1_2_1_600x.png?v=1713979030 600w,//aurabora.com/cdn/shop/articles/IMG_8762_1_2_1_800x.png?v=1713979030 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="18" style="--cr-light: #fffcaa;--cr: #e83e5d;--cr-dark: #f2c4dc;" > <a class="p-fill" href="/blogs/recipes/dirty-shirley"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Dirty Shirley</span> <div class="article-card__excerpt t-b-3">A fun twist on a popular classic.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/dirty-shirley">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="3024" height="4032" alt="Dirty Shirley" data-src="//aurabora.com/cdn/shop/articles/IMG_7777_800x.jpg?v=1713976889" data-srcset="//aurabora.com/cdn/shop/articles/IMG_7777_100x.jpg?v=1713976889 100w,//aurabora.com/cdn/shop/articles/IMG_7777_200x.jpg?v=1713976889 200w,//aurabora.com/cdn/shop/articles/IMG_7777_300x.jpg?v=1713976889 300w,//aurabora.com/cdn/shop/articles/IMG_7777_400x.jpg?v=1713976889 400w,//aurabora.com/cdn/shop/articles/IMG_7777_600x.jpg?v=1713976889 600w,//aurabora.com/cdn/shop/articles/IMG_7777_800x.jpg?v=1713976889 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="19" style="--cr-light: #c0e8fb;--cr: #f3ee7c;--cr-dark: #22876f;" > <a class="p-fill" href="/blogs/recipes/pineapple-mint-mocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Pineapple Mint Mocktail</span> <div class="article-card__excerpt t-b-3">Fresh. BOLD. AKA - your new favorite drink.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/pineapple-mint-mocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="2725" height="4202" alt="Pineapple Mint Mocktail" data-src="//aurabora.com/cdn/shop/articles/Screenshot_2024-03-14_at_6.12_1_2_800x.png?v=1711131521" data-srcset="//aurabora.com/cdn/shop/articles/Screenshot_2024-03-14_at_6.12_1_2_100x.png?v=1711131521 100w,//aurabora.com/cdn/shop/articles/Screenshot_2024-03-14_at_6.12_1_2_200x.png?v=1711131521 200w,//aurabora.com/cdn/shop/articles/Screenshot_2024-03-14_at_6.12_1_2_300x.png?v=1711131521 300w,//aurabora.com/cdn/shop/articles/Screenshot_2024-03-14_at_6.12_1_2_400x.png?v=1711131521 400w,//aurabora.com/cdn/shop/articles/Screenshot_2024-03-14_at_6.12_1_2_600x.png?v=1711131521 600w,//aurabora.com/cdn/shop/articles/Screenshot_2024-03-14_at_6.12_1_2_800x.png?v=1711131521 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="20" style="--cr-light: #c0e8fb;--cr: #f3ee7c;--cr-dark: #22876f;" > <a class="p-fill" href="/blogs/recipes/pineapple-mint-mojito"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Pineapple Mint Mojito</span> <div class="article-card__excerpt t-b-3">Fresh. BOLD. AKA - your new favorite drink.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/pineapple-mint-mojito">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="2725" height="4202" alt="Pineapple Mint Mojito" data-src="//aurabora.com/cdn/shop/articles/Screenshot_2024-03-14_at_6.12_1_3_800x.png?v=1711130927" data-srcset="//aurabora.com/cdn/shop/articles/Screenshot_2024-03-14_at_6.12_1_3_100x.png?v=1711130927 100w,//aurabora.com/cdn/shop/articles/Screenshot_2024-03-14_at_6.12_1_3_200x.png?v=1711130927 200w,//aurabora.com/cdn/shop/articles/Screenshot_2024-03-14_at_6.12_1_3_300x.png?v=1711130927 300w,//aurabora.com/cdn/shop/articles/Screenshot_2024-03-14_at_6.12_1_3_400x.png?v=1711130927 400w,//aurabora.com/cdn/shop/articles/Screenshot_2024-03-14_at_6.12_1_3_600x.png?v=1711130927 600w,//aurabora.com/cdn/shop/articles/Screenshot_2024-03-14_at_6.12_1_3_800x.png?v=1711130927 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="21" style="--cr-light: #c0e8fb;--cr: #f3ee7c;--cr-dark: #22876f;" > <a class="p-fill" href="/blogs/recipes/pineapple-holy-basil-mai-tai"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Pineapple Holy Basil Mai Tai</span> <div class="article-card__excerpt t-b-3">Get in! We're going somewhere tropical. This one is sweet, tart and so refreshing.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/pineapple-holy-basil-mai-tai">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1427" height="1979" alt="Pineapple Holy Basil Mai Tai" data-src="//aurabora.com/cdn/shop/articles/MaiTai_1_1_1_800x.png?v=1711125559" data-srcset="//aurabora.com/cdn/shop/articles/MaiTai_1_1_1_100x.png?v=1711125559 100w,//aurabora.com/cdn/shop/articles/MaiTai_1_1_1_200x.png?v=1711125559 200w,//aurabora.com/cdn/shop/articles/MaiTai_1_1_1_300x.png?v=1711125559 300w,//aurabora.com/cdn/shop/articles/MaiTai_1_1_1_400x.png?v=1711125559 400w,//aurabora.com/cdn/shop/articles/MaiTai_1_1_1_600x.png?v=1711125559 600w,//aurabora.com/cdn/shop/articles/MaiTai_1_1_1_800x.png?v=1711125559 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="22" style="--cr-light: #c0e8fb;--cr: #f3ee7c;--cr-dark: #22876f;" > <a class="p-fill" href="/blogs/recipes/pineapple-holy-basil-mocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Pineapple Holy Basil Mocktail</span> <div class="article-card__excerpt t-b-3"> Get in! We're going somewhere tropical. This one is sweet, tart and so refreshing.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/pineapple-holy-basil-mocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1427" height="1979" alt="Pineapple Holy Basil Mocktail" data-src="//aurabora.com/cdn/shop/articles/MaiTai_1_1_1_a65d72e6-53cc-4bd8-8a38-d2727b759e62_800x.png?v=1711126590" data-srcset="//aurabora.com/cdn/shop/articles/MaiTai_1_1_1_a65d72e6-53cc-4bd8-8a38-d2727b759e62_100x.png?v=1711126590 100w,//aurabora.com/cdn/shop/articles/MaiTai_1_1_1_a65d72e6-53cc-4bd8-8a38-d2727b759e62_200x.png?v=1711126590 200w,//aurabora.com/cdn/shop/articles/MaiTai_1_1_1_a65d72e6-53cc-4bd8-8a38-d2727b759e62_300x.png?v=1711126590 300w,//aurabora.com/cdn/shop/articles/MaiTai_1_1_1_a65d72e6-53cc-4bd8-8a38-d2727b759e62_400x.png?v=1711126590 400w,//aurabora.com/cdn/shop/articles/MaiTai_1_1_1_a65d72e6-53cc-4bd8-8a38-d2727b759e62_600x.png?v=1711126590 600w,//aurabora.com/cdn/shop/articles/MaiTai_1_1_1_a65d72e6-53cc-4bd8-8a38-d2727b759e62_800x.png?v=1711126590 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="23" style="--cr-light: #daddff;--cr: #f6f88f;--cr-dark: #5669b1;" > <a class="p-fill" href="/blogs/recipes/banana-colada-cocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Banana Colada Cocktail</span> <div class="article-card__excerpt t-b-3">A tropical vacation in a glass. The Banana Colada is creamy, soft with sweet vanilla…</div> <a class="article-card__link btn c-5" href="/blogs/recipes/banana-colada-cocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1536" height="2052" alt="Banana Colada Cocktail" data-src="//aurabora.com/cdn/shop/articles/IMG_1632_1_800x.png?v=1709060001" data-srcset="//aurabora.com/cdn/shop/articles/IMG_1632_1_100x.png?v=1709060001 100w,//aurabora.com/cdn/shop/articles/IMG_1632_1_200x.png?v=1709060001 200w,//aurabora.com/cdn/shop/articles/IMG_1632_1_300x.png?v=1709060001 300w,//aurabora.com/cdn/shop/articles/IMG_1632_1_400x.png?v=1709060001 400w,//aurabora.com/cdn/shop/articles/IMG_1632_1_600x.png?v=1709060001 600w,//aurabora.com/cdn/shop/articles/IMG_1632_1_800x.png?v=1709060001 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="24" style="--cr-light: #daddff;--cr: #f6f88f;--cr-dark: #5669b1;" > <a class="p-fill" href="/blogs/recipes/banana-colada-mocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Banana Colada Mocktail</span> <div class="article-card__excerpt t-b-3">A tropical vacation in a glass. The Banana Colada is creamy, soft with sweet vanilla…</div> <a class="article-card__link btn c-5" href="/blogs/recipes/banana-colada-mocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1536" height="2052" alt="Banana Colada Mocktail" data-src="//aurabora.com/cdn/shop/articles/IMG_1632_1_493dc4ac-8b7a-4541-9b93-58840eff965b_800x.png?v=1709058920" data-srcset="//aurabora.com/cdn/shop/articles/IMG_1632_1_493dc4ac-8b7a-4541-9b93-58840eff965b_100x.png?v=1709058920 100w,//aurabora.com/cdn/shop/articles/IMG_1632_1_493dc4ac-8b7a-4541-9b93-58840eff965b_200x.png?v=1709058920 200w,//aurabora.com/cdn/shop/articles/IMG_1632_1_493dc4ac-8b7a-4541-9b93-58840eff965b_300x.png?v=1709058920 300w,//aurabora.com/cdn/shop/articles/IMG_1632_1_493dc4ac-8b7a-4541-9b93-58840eff965b_400x.png?v=1709058920 400w,//aurabora.com/cdn/shop/articles/IMG_1632_1_493dc4ac-8b7a-4541-9b93-58840eff965b_600x.png?v=1709058920 600w,//aurabora.com/cdn/shop/articles/IMG_1632_1_493dc4ac-8b7a-4541-9b93-58840eff965b_800x.png?v=1709058920 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="25" style="--cr-light: #a5d3e5;--cr: #5e843a;--cr-dark: #e31e2e;" > <a class="p-fill" href="/blogs/recipes/merry-cranberry-mocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Spiced Cran Mocktail</span> <div class="article-card__excerpt t-b-3">Robust and warm, like a flickering fireplace after a morning spent sledding the fres…</div> <a class="article-card__link btn c-5" href="/blogs/recipes/merry-cranberry-mocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="3024" height="3986" alt="Spiced Cran Mocktail" data-src="//aurabora.com/cdn/shop/articles/IMG_7743_9b40417e-25eb-4c7e-a180-f577a2e92b36_800x.jpg?v=1703174040" data-srcset="//aurabora.com/cdn/shop/articles/IMG_7743_9b40417e-25eb-4c7e-a180-f577a2e92b36_100x.jpg?v=1703174040 100w,//aurabora.com/cdn/shop/articles/IMG_7743_9b40417e-25eb-4c7e-a180-f577a2e92b36_200x.jpg?v=1703174040 200w,//aurabora.com/cdn/shop/articles/IMG_7743_9b40417e-25eb-4c7e-a180-f577a2e92b36_300x.jpg?v=1703174040 300w,//aurabora.com/cdn/shop/articles/IMG_7743_9b40417e-25eb-4c7e-a180-f577a2e92b36_400x.jpg?v=1703174040 400w,//aurabora.com/cdn/shop/articles/IMG_7743_9b40417e-25eb-4c7e-a180-f577a2e92b36_600x.jpg?v=1703174040 600w,//aurabora.com/cdn/shop/articles/IMG_7743_9b40417e-25eb-4c7e-a180-f577a2e92b36_800x.jpg?v=1703174040 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="26" style="--cr-light: #a5d3e5;--cr: #5e843a;--cr-dark: #e31e2e;" > <a class="p-fill" href="/blogs/recipes/merry-cranberry-cocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Spiced Rum Cran</span> <div class="article-card__excerpt t-b-3"> Robust and warm, like a flickering fireplace after a morning spent sledding the fre…</div> <a class="article-card__link btn c-5" href="/blogs/recipes/merry-cranberry-cocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="3024" height="3986" alt="Spiced Rum Cran" data-src="//aurabora.com/cdn/shop/articles/IMG_7743_800x.jpg?v=1703173800" data-srcset="//aurabora.com/cdn/shop/articles/IMG_7743_100x.jpg?v=1703173800 100w,//aurabora.com/cdn/shop/articles/IMG_7743_200x.jpg?v=1703173800 200w,//aurabora.com/cdn/shop/articles/IMG_7743_300x.jpg?v=1703173800 300w,//aurabora.com/cdn/shop/articles/IMG_7743_400x.jpg?v=1703173800 400w,//aurabora.com/cdn/shop/articles/IMG_7743_600x.jpg?v=1703173800 600w,//aurabora.com/cdn/shop/articles/IMG_7743_800x.jpg?v=1703173800 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="27" style="" > <a class="p-fill" href="/blogs/recipes/persimmon-sour-mocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Persimmon Sour Mocktail</span> <div class="article-card__excerpt t-b-3">Soft, sweet, and insanely delicious. </div> <a class="article-card__link btn c-5" href="/blogs/recipes/persimmon-sour-mocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1170" height="2068" alt="Persimmon Sour Mocktail" data-src="//aurabora.com/cdn/shop/articles/IMG_6786_02c3cfc9-53ad-4605-aa33-f27fcae82db8_800x.jpg?v=1701363477" data-srcset="//aurabora.com/cdn/shop/articles/IMG_6786_02c3cfc9-53ad-4605-aa33-f27fcae82db8_100x.jpg?v=1701363477 100w,//aurabora.com/cdn/shop/articles/IMG_6786_02c3cfc9-53ad-4605-aa33-f27fcae82db8_200x.jpg?v=1701363477 200w,//aurabora.com/cdn/shop/articles/IMG_6786_02c3cfc9-53ad-4605-aa33-f27fcae82db8_300x.jpg?v=1701363477 300w,//aurabora.com/cdn/shop/articles/IMG_6786_02c3cfc9-53ad-4605-aa33-f27fcae82db8_400x.jpg?v=1701363477 400w,//aurabora.com/cdn/shop/articles/IMG_6786_02c3cfc9-53ad-4605-aa33-f27fcae82db8_600x.jpg?v=1701363477 600w,//aurabora.com/cdn/shop/articles/IMG_6786_02c3cfc9-53ad-4605-aa33-f27fcae82db8_800x.jpg?v=1701363477 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="28" style="" > <a class="p-fill" href="/blogs/recipes/persimmon-clove-sour-cocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Persimmon Clove Sour Cocktail</span> <div class="article-card__excerpt t-b-3">Soft, sweet, and insanely delicious.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/persimmon-clove-sour-cocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1170" height="2068" alt="Persimmon Clove Sour Cocktail" data-src="//aurabora.com/cdn/shop/articles/IMG_6786_800x.jpg?v=1701362693" data-srcset="//aurabora.com/cdn/shop/articles/IMG_6786_100x.jpg?v=1701362693 100w,//aurabora.com/cdn/shop/articles/IMG_6786_200x.jpg?v=1701362693 200w,//aurabora.com/cdn/shop/articles/IMG_6786_300x.jpg?v=1701362693 300w,//aurabora.com/cdn/shop/articles/IMG_6786_400x.jpg?v=1701362693 400w,//aurabora.com/cdn/shop/articles/IMG_6786_600x.jpg?v=1701362693 600w,//aurabora.com/cdn/shop/articles/IMG_6786_800x.jpg?v=1701362693 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="29" style="--cr-light: #edf5d5;--cr: #d6ef70;--cr-dark: #459d45;" > <a class="p-fill" href="/blogs/recipes/bloody-green-beany-mocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Bloody Green Beany Mocktail</span> <div class="article-card__excerpt t-b-3">The greenest beanest bloody mary! Fresh, succulent and mighty delicious.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/bloody-green-beany-mocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1116" height="1488" alt="aura bora sparkling water green bean casserole bloody mary" data-src="//aurabora.com/cdn/shop/articles/IMG_5412_bcb4b668-df4f-4b63-8818-8c9281e2b346_800x.png?v=1698436115" data-srcset="//aurabora.com/cdn/shop/articles/IMG_5412_bcb4b668-df4f-4b63-8818-8c9281e2b346_100x.png?v=1698436115 100w,//aurabora.com/cdn/shop/articles/IMG_5412_bcb4b668-df4f-4b63-8818-8c9281e2b346_200x.png?v=1698436115 200w,//aurabora.com/cdn/shop/articles/IMG_5412_bcb4b668-df4f-4b63-8818-8c9281e2b346_300x.png?v=1698436115 300w,//aurabora.com/cdn/shop/articles/IMG_5412_bcb4b668-df4f-4b63-8818-8c9281e2b346_400x.png?v=1698436115 400w,//aurabora.com/cdn/shop/articles/IMG_5412_bcb4b668-df4f-4b63-8818-8c9281e2b346_600x.png?v=1698436115 600w,//aurabora.com/cdn/shop/articles/IMG_5412_bcb4b668-df4f-4b63-8818-8c9281e2b346_800x.png?v=1698436115 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="30" style="--cr-light: #edf5d5;--cr: #d6ef70;--cr-dark: #459d45;" > <a class="p-fill" href="/blogs/recipes/bloody-green-beany"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Bloody Green Beany Cocktail</span> <div class="article-card__excerpt t-b-3">The greenest beanest bloody mary! Fresh, succulent and mighty delicious.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/bloody-green-beany">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1116" height="1488" alt="Bloody Green Beany Cocktail" data-src="//aurabora.com/cdn/shop/articles/IMG_5412_800x.png?v=1698435590" data-srcset="//aurabora.com/cdn/shop/articles/IMG_5412_100x.png?v=1698435590 100w,//aurabora.com/cdn/shop/articles/IMG_5412_200x.png?v=1698435590 200w,//aurabora.com/cdn/shop/articles/IMG_5412_300x.png?v=1698435590 300w,//aurabora.com/cdn/shop/articles/IMG_5412_400x.png?v=1698435590 400w,//aurabora.com/cdn/shop/articles/IMG_5412_600x.png?v=1698435590 600w,//aurabora.com/cdn/shop/articles/IMG_5412_800x.png?v=1698435590 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="31" style="" > <a class="p-fill" href="/blogs/recipes/honey-pumpkin-bees-knees-mocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Honey Pumpkin Bee's Knees Mocktail</span> <div class="article-card__excerpt t-b-3">Sweet, soft and creamy - the perfect fall mocktail.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/honey-pumpkin-bees-knees-mocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1072" height="1430" alt="Honey Pumpkin Bee's Knees Mocktail" data-src="//aurabora.com/cdn/shop/articles/IMG_5400_1_95b95895-f5c9-4eb3-a2cd-bbd50aea3cf5_800x.png?v=1698433742" data-srcset="//aurabora.com/cdn/shop/articles/IMG_5400_1_95b95895-f5c9-4eb3-a2cd-bbd50aea3cf5_100x.png?v=1698433742 100w,//aurabora.com/cdn/shop/articles/IMG_5400_1_95b95895-f5c9-4eb3-a2cd-bbd50aea3cf5_200x.png?v=1698433742 200w,//aurabora.com/cdn/shop/articles/IMG_5400_1_95b95895-f5c9-4eb3-a2cd-bbd50aea3cf5_300x.png?v=1698433742 300w,//aurabora.com/cdn/shop/articles/IMG_5400_1_95b95895-f5c9-4eb3-a2cd-bbd50aea3cf5_400x.png?v=1698433742 400w,//aurabora.com/cdn/shop/articles/IMG_5400_1_95b95895-f5c9-4eb3-a2cd-bbd50aea3cf5_600x.png?v=1698433742 600w,//aurabora.com/cdn/shop/articles/IMG_5400_1_95b95895-f5c9-4eb3-a2cd-bbd50aea3cf5_800x.png?v=1698433742 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="32" style="" > <a class="p-fill" href="/blogs/recipes/honey-pumpkin-bees-knees"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Honey Pumpkin Bee's Knees Cocktail</span> <div class="article-card__excerpt t-b-3">Sweet, soft and creamy - the perfect fall cocktail.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/honey-pumpkin-bees-knees">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1072" height="1430" alt="Honey Pumpkin Bee's Knees Cocktail" data-src="//aurabora.com/cdn/shop/articles/IMG_5400_1_800x.png?v=1698432724" data-srcset="//aurabora.com/cdn/shop/articles/IMG_5400_1_100x.png?v=1698432724 100w,//aurabora.com/cdn/shop/articles/IMG_5400_1_200x.png?v=1698432724 200w,//aurabora.com/cdn/shop/articles/IMG_5400_1_300x.png?v=1698432724 300w,//aurabora.com/cdn/shop/articles/IMG_5400_1_400x.png?v=1698432724 400w,//aurabora.com/cdn/shop/articles/IMG_5400_1_600x.png?v=1698432724 600w,//aurabora.com/cdn/shop/articles/IMG_5400_1_800x.png?v=1698432724 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="33" style="--cr-light: #fffef8;--cr: #fff0b6;--cr-dark: #f38058;" > <a class="p-fill" href="/blogs/recipes/peach-honeysuckle-mocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Peach Honeysuckle Mocktail</span> <div class="article-card__excerpt t-b-3">Honeysweet. Delicate. A tangy juicy adventure.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/peach-honeysuckle-mocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="3024" height="4032" alt="Peach Honeysuckle Mocktail" data-src="//aurabora.com/cdn/shop/articles/IMG_3771_1_800x.jpg?v=1695409335" data-srcset="//aurabora.com/cdn/shop/articles/IMG_3771_1_100x.jpg?v=1695409335 100w,//aurabora.com/cdn/shop/articles/IMG_3771_1_200x.jpg?v=1695409335 200w,//aurabora.com/cdn/shop/articles/IMG_3771_1_300x.jpg?v=1695409335 300w,//aurabora.com/cdn/shop/articles/IMG_3771_1_400x.jpg?v=1695409335 400w,//aurabora.com/cdn/shop/articles/IMG_3771_1_600x.jpg?v=1695409335 600w,//aurabora.com/cdn/shop/articles/IMG_3771_1_800x.jpg?v=1695409335 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="34" style="--cr-light: #fffef8;--cr: #fff0b6;--cr-dark: #f38058;" > <a class="p-fill" href="/blogs/recipes/peach-paloma"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Peach Honeysuckle Paloma</span> <div class="article-card__excerpt t-b-3"> Honeysweet. Delicate. A tangy juicy adventure.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/peach-paloma">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="3024" height="4032" alt="Peach Honeysuckle Paloma" data-src="//aurabora.com/cdn/shop/articles/IMG_3771_800x.jpg?v=1695327292" data-srcset="//aurabora.com/cdn/shop/articles/IMG_3771_100x.jpg?v=1695327292 100w,//aurabora.com/cdn/shop/articles/IMG_3771_200x.jpg?v=1695327292 200w,//aurabora.com/cdn/shop/articles/IMG_3771_300x.jpg?v=1695327292 300w,//aurabora.com/cdn/shop/articles/IMG_3771_400x.jpg?v=1695327292 400w,//aurabora.com/cdn/shop/articles/IMG_3771_600x.jpg?v=1695327292 600w,//aurabora.com/cdn/shop/articles/IMG_3771_800x.jpg?v=1695327292 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="35" style="--cr-light: #c6f0ee;--cr: #aededc;--cr-dark: #00a4cf;" > <a class="p-fill" href="/blogs/recipes/blueberry-wildflower-fizz-mocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Blueberry Wildflower Fizz Mocktail</span> <div class="article-card__excerpt t-b-3">Gentle floral sweetness. A bubbly blueberry delight.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/blueberry-wildflower-fizz-mocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="3024" height="4032" alt="Blueberry Wildflower Fizz Mocktail" data-src="//aurabora.com/cdn/shop/articles/IMG_1428_34e52d7e-3bc9-4f71-a7bc-79535dd6a6a9_800x.jpg?v=1692734803" data-srcset="//aurabora.com/cdn/shop/articles/IMG_1428_34e52d7e-3bc9-4f71-a7bc-79535dd6a6a9_100x.jpg?v=1692734803 100w,//aurabora.com/cdn/shop/articles/IMG_1428_34e52d7e-3bc9-4f71-a7bc-79535dd6a6a9_200x.jpg?v=1692734803 200w,//aurabora.com/cdn/shop/articles/IMG_1428_34e52d7e-3bc9-4f71-a7bc-79535dd6a6a9_300x.jpg?v=1692734803 300w,//aurabora.com/cdn/shop/articles/IMG_1428_34e52d7e-3bc9-4f71-a7bc-79535dd6a6a9_400x.jpg?v=1692734803 400w,//aurabora.com/cdn/shop/articles/IMG_1428_34e52d7e-3bc9-4f71-a7bc-79535dd6a6a9_600x.jpg?v=1692734803 600w,//aurabora.com/cdn/shop/articles/IMG_1428_34e52d7e-3bc9-4f71-a7bc-79535dd6a6a9_800x.jpg?v=1692734803 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="36" style="--cr-light: #c6f0ee;--cr: #aededc;--cr-dark: #00a4cf;" > <a class="p-fill" href="/blogs/recipes/blueberry-wildflower-fizz"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Blueberry Wildflower Fizz Cocktail</span> <div class="article-card__excerpt t-b-3">Gentle floral sweetness. A bubbly blueberry delight.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/blueberry-wildflower-fizz">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="3024" height="4032" alt="Blueberry Wildflower Fizz Cocktail" data-src="//aurabora.com/cdn/shop/articles/IMG_1428_800x.jpg?v=1692733649" data-srcset="//aurabora.com/cdn/shop/articles/IMG_1428_100x.jpg?v=1692733649 100w,//aurabora.com/cdn/shop/articles/IMG_1428_200x.jpg?v=1692733649 200w,//aurabora.com/cdn/shop/articles/IMG_1428_300x.jpg?v=1692733649 300w,//aurabora.com/cdn/shop/articles/IMG_1428_400x.jpg?v=1692733649 400w,//aurabora.com/cdn/shop/articles/IMG_1428_600x.jpg?v=1692733649 600w,//aurabora.com/cdn/shop/articles/IMG_1428_800x.jpg?v=1692733649 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="37" style="" > <a class="p-fill" href="/blogs/recipes/mango-chili-lime-margarita"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Mango Chili Lime Margarita</span> <div class="article-card__excerpt t-b-3">Spicy, juicy, icy, insanely delicious!</div> <a class="article-card__link btn c-5" href="/blogs/recipes/mango-chili-lime-margarita">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="3024" height="4032" alt="Mango Chili Lime Margarita" data-src="//aurabora.com/cdn/shop/articles/IMG_8357_800x.jpg?v=1689628168" data-srcset="//aurabora.com/cdn/shop/articles/IMG_8357_100x.jpg?v=1689628168 100w,//aurabora.com/cdn/shop/articles/IMG_8357_200x.jpg?v=1689628168 200w,//aurabora.com/cdn/shop/articles/IMG_8357_300x.jpg?v=1689628168 300w,//aurabora.com/cdn/shop/articles/IMG_8357_400x.jpg?v=1689628168 400w,//aurabora.com/cdn/shop/articles/IMG_8357_600x.jpg?v=1689628168 600w,//aurabora.com/cdn/shop/articles/IMG_8357_800x.jpg?v=1689628168 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="38" style="" > <a class="p-fill" href="/blogs/recipes/mango-chili-lime-mocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Mango Chili Lime Mocktail</span> <div class="article-card__excerpt t-b-3">Spicy, juicy, icy, insanely delicious!</div> <a class="article-card__link btn c-5" href="/blogs/recipes/mango-chili-lime-mocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="3024" height="4032" alt="Mango Chili Lime Mocktail" data-src="//aurabora.com/cdn/shop/articles/IMG_8357_e4511f5c-5966-4baf-8a52-6de081aea0e6_800x.jpg?v=1689629350" data-srcset="//aurabora.com/cdn/shop/articles/IMG_8357_e4511f5c-5966-4baf-8a52-6de081aea0e6_100x.jpg?v=1689629350 100w,//aurabora.com/cdn/shop/articles/IMG_8357_e4511f5c-5966-4baf-8a52-6de081aea0e6_200x.jpg?v=1689629350 200w,//aurabora.com/cdn/shop/articles/IMG_8357_e4511f5c-5966-4baf-8a52-6de081aea0e6_300x.jpg?v=1689629350 300w,//aurabora.com/cdn/shop/articles/IMG_8357_e4511f5c-5966-4baf-8a52-6de081aea0e6_400x.jpg?v=1689629350 400w,//aurabora.com/cdn/shop/articles/IMG_8357_e4511f5c-5966-4baf-8a52-6de081aea0e6_600x.jpg?v=1689629350 600w,//aurabora.com/cdn/shop/articles/IMG_8357_e4511f5c-5966-4baf-8a52-6de081aea0e6_800x.jpg?v=1689629350 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="39" style="--cr-light: #ffeef2;--cr: #ffbece;--cr-dark: #ed3254;" > <a class="p-fill" href="/blogs/recipes/raspberry-gin-fizz-cocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Raspberry Gin Fizz Cocktail</span> <div class="article-card__excerpt t-b-3">Bubbly, citrusy, raspberry delight. Sweet, tart and perfect for the hot summer days.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/raspberry-gin-fizz-cocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="3024" height="4032" alt="Raspberry Gin Fizz Cocktail" data-src="//aurabora.com/cdn/shop/articles/IMG_6945_2_2ab56c25-8e43-4d5d-bf2d-46bef1c4df47_800x.jpg?v=1688047928" data-srcset="//aurabora.com/cdn/shop/articles/IMG_6945_2_2ab56c25-8e43-4d5d-bf2d-46bef1c4df47_100x.jpg?v=1688047928 100w,//aurabora.com/cdn/shop/articles/IMG_6945_2_2ab56c25-8e43-4d5d-bf2d-46bef1c4df47_200x.jpg?v=1688047928 200w,//aurabora.com/cdn/shop/articles/IMG_6945_2_2ab56c25-8e43-4d5d-bf2d-46bef1c4df47_300x.jpg?v=1688047928 300w,//aurabora.com/cdn/shop/articles/IMG_6945_2_2ab56c25-8e43-4d5d-bf2d-46bef1c4df47_400x.jpg?v=1688047928 400w,//aurabora.com/cdn/shop/articles/IMG_6945_2_2ab56c25-8e43-4d5d-bf2d-46bef1c4df47_600x.jpg?v=1688047928 600w,//aurabora.com/cdn/shop/articles/IMG_6945_2_2ab56c25-8e43-4d5d-bf2d-46bef1c4df47_800x.jpg?v=1688047928 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="40" style="--cr-light: #ffeef2;--cr: #ffbece;--cr-dark: #ed3254;" > <a class="p-fill" href="/blogs/recipes/raspberry-gin-fizz"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Raspberry Gin Fizz Mocktail</span> <div class="article-card__excerpt t-b-3">Bubbly, citrusy, raspberry delight. Sweet, tart and perfect for the hot summer days.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/raspberry-gin-fizz">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="3024" height="4032" alt="Raspberry Gin Fizz Mocktail" data-src="//aurabora.com/cdn/shop/articles/IMG_6945_2_800x.jpg?v=1687988342" data-srcset="//aurabora.com/cdn/shop/articles/IMG_6945_2_100x.jpg?v=1687988342 100w,//aurabora.com/cdn/shop/articles/IMG_6945_2_200x.jpg?v=1687988342 200w,//aurabora.com/cdn/shop/articles/IMG_6945_2_300x.jpg?v=1687988342 300w,//aurabora.com/cdn/shop/articles/IMG_6945_2_400x.jpg?v=1687988342 400w,//aurabora.com/cdn/shop/articles/IMG_6945_2_600x.jpg?v=1687988342 600w,//aurabora.com/cdn/shop/articles/IMG_6945_2_800x.jpg?v=1687988342 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="41" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/jello-mocktail-bites"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Jello Mocktail Bites</span> <div class="article-card__excerpt t-b-3">A mocktail you can eat?! Take these rosy jello bites to your next dinner party!</div> <a class="article-card__link btn c-5" href="/blogs/recipes/jello-mocktail-bites">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1578" height="1278" alt="Jello Mocktail Bites" data-src="//aurabora.com/cdn/shop/articles/Jello_Cocktail_Bites_Cropped_bec76cce-494b-48fe-940e-ae6d0adf23e3_800x.jpg?v=1674254170" data-srcset="//aurabora.com/cdn/shop/articles/Jello_Cocktail_Bites_Cropped_bec76cce-494b-48fe-940e-ae6d0adf23e3_100x.jpg?v=1674254170 100w,//aurabora.com/cdn/shop/articles/Jello_Cocktail_Bites_Cropped_bec76cce-494b-48fe-940e-ae6d0adf23e3_200x.jpg?v=1674254170 200w,//aurabora.com/cdn/shop/articles/Jello_Cocktail_Bites_Cropped_bec76cce-494b-48fe-940e-ae6d0adf23e3_300x.jpg?v=1674254170 300w,//aurabora.com/cdn/shop/articles/Jello_Cocktail_Bites_Cropped_bec76cce-494b-48fe-940e-ae6d0adf23e3_400x.jpg?v=1674254170 400w,//aurabora.com/cdn/shop/articles/Jello_Cocktail_Bites_Cropped_bec76cce-494b-48fe-940e-ae6d0adf23e3_600x.jpg?v=1674254170 600w,//aurabora.com/cdn/shop/articles/Jello_Cocktail_Bites_Cropped_bec76cce-494b-48fe-940e-ae6d0adf23e3_800x.jpg?v=1674254170 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="42" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/jello-cocktail-bites"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Jello Cocktail Bites</span> <div class="article-card__excerpt t-b-3">Rosy, tangy, and boozy jello bites perfect for your next winter dinner party</div> <a class="article-card__link btn c-5" href="/blogs/recipes/jello-cocktail-bites">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1578" height="1278" alt="Jello Cocktail Bites" data-src="//aurabora.com/cdn/shop/articles/Jello_Cocktail_Bites_Cropped_800x.jpg?v=1669660828" data-srcset="//aurabora.com/cdn/shop/articles/Jello_Cocktail_Bites_Cropped_100x.jpg?v=1669660828 100w,//aurabora.com/cdn/shop/articles/Jello_Cocktail_Bites_Cropped_200x.jpg?v=1669660828 200w,//aurabora.com/cdn/shop/articles/Jello_Cocktail_Bites_Cropped_300x.jpg?v=1669660828 300w,//aurabora.com/cdn/shop/articles/Jello_Cocktail_Bites_Cropped_400x.jpg?v=1669660828 400w,//aurabora.com/cdn/shop/articles/Jello_Cocktail_Bites_Cropped_600x.jpg?v=1669660828 600w,//aurabora.com/cdn/shop/articles/Jello_Cocktail_Bites_Cropped_800x.jpg?v=1669660828 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="43" style="--cr-light: #fff8bd;--cr: #fff384;--cr-dark: #fbe526;" > <a class="p-fill" href="/blogs/recipes/ginger-lemball-mocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Ginger Lemball Mocktail</span> <div class="article-card__excerpt t-b-3">Our non-alcoholic take on a zingy, gingery, and lemony highball</div> <a class="article-card__link btn c-5" href="/blogs/recipes/ginger-lemball-mocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1578" height="1278" alt="Ginger Lemball Mocktail" data-src="//aurabora.com/cdn/shop/articles/Frame_1_77c8a6d3-eddd-4a77-a86a-b1a527527a7e_800x.jpg?v=1669659231" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_77c8a6d3-eddd-4a77-a86a-b1a527527a7e_100x.jpg?v=1669659231 100w,//aurabora.com/cdn/shop/articles/Frame_1_77c8a6d3-eddd-4a77-a86a-b1a527527a7e_200x.jpg?v=1669659231 200w,//aurabora.com/cdn/shop/articles/Frame_1_77c8a6d3-eddd-4a77-a86a-b1a527527a7e_300x.jpg?v=1669659231 300w,//aurabora.com/cdn/shop/articles/Frame_1_77c8a6d3-eddd-4a77-a86a-b1a527527a7e_400x.jpg?v=1669659231 400w,//aurabora.com/cdn/shop/articles/Frame_1_77c8a6d3-eddd-4a77-a86a-b1a527527a7e_600x.jpg?v=1669659231 600w,//aurabora.com/cdn/shop/articles/Frame_1_77c8a6d3-eddd-4a77-a86a-b1a527527a7e_800x.jpg?v=1669659231 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="44" style="--cr-light: #fff8bd;--cr: #fff384;--cr-dark: #fbe526;" > <a class="p-fill" href="/blogs/recipes/ginger-lemball"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Ginger Lemball</span> <div class="article-card__excerpt t-b-3">A zingy and lemony twist on a classic ginger highball</div> <a class="article-card__link btn c-5" href="/blogs/recipes/ginger-lemball">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1578" height="1278" alt="Ginger Lemball" data-src="//aurabora.com/cdn/shop/articles/Frame_1_879998f9-619a-43e8-93fd-8cf55f5bc1b9_800x.jpg?v=1669659067" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_879998f9-619a-43e8-93fd-8cf55f5bc1b9_100x.jpg?v=1669659067 100w,//aurabora.com/cdn/shop/articles/Frame_1_879998f9-619a-43e8-93fd-8cf55f5bc1b9_200x.jpg?v=1669659067 200w,//aurabora.com/cdn/shop/articles/Frame_1_879998f9-619a-43e8-93fd-8cf55f5bc1b9_300x.jpg?v=1669659067 300w,//aurabora.com/cdn/shop/articles/Frame_1_879998f9-619a-43e8-93fd-8cf55f5bc1b9_400x.jpg?v=1669659067 400w,//aurabora.com/cdn/shop/articles/Frame_1_879998f9-619a-43e8-93fd-8cf55f5bc1b9_600x.jpg?v=1669659067 600w,//aurabora.com/cdn/shop/articles/Frame_1_879998f9-619a-43e8-93fd-8cf55f5bc1b9_800x.jpg?v=1669659067 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="45" style="--cr-light: #a5d3e5;--cr: #5e843a;--cr-dark: #e31e2e;" > <a class="p-fill" href="/blogs/recipes/pear-chai-mocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Pear Chai Mocktail</span> <div class="article-card__excerpt t-b-3">Filled with notes of delicate and spiced poached pears</div> <a class="article-card__link btn c-5" href="/blogs/recipes/pear-chai-mocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1052" height="852" alt="Pear Chai Mocktail" data-src="//aurabora.com/cdn/shop/articles/Pear_Chai_Highball_Horizontal_Cropped_147c88c3-0070-4a65-9f5d-388bd71052ed_800x.jpg?v=1668111962" data-srcset="//aurabora.com/cdn/shop/articles/Pear_Chai_Highball_Horizontal_Cropped_147c88c3-0070-4a65-9f5d-388bd71052ed_100x.jpg?v=1668111962 100w,//aurabora.com/cdn/shop/articles/Pear_Chai_Highball_Horizontal_Cropped_147c88c3-0070-4a65-9f5d-388bd71052ed_200x.jpg?v=1668111962 200w,//aurabora.com/cdn/shop/articles/Pear_Chai_Highball_Horizontal_Cropped_147c88c3-0070-4a65-9f5d-388bd71052ed_300x.jpg?v=1668111962 300w,//aurabora.com/cdn/shop/articles/Pear_Chai_Highball_Horizontal_Cropped_147c88c3-0070-4a65-9f5d-388bd71052ed_400x.jpg?v=1668111962 400w,//aurabora.com/cdn/shop/articles/Pear_Chai_Highball_Horizontal_Cropped_147c88c3-0070-4a65-9f5d-388bd71052ed_600x.jpg?v=1668111962 600w,//aurabora.com/cdn/shop/articles/Pear_Chai_Highball_Horizontal_Cropped_147c88c3-0070-4a65-9f5d-388bd71052ed_800x.jpg?v=1668111962 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="46" style="--cr-light: #a5d3e5;--cr: #5e843a;--cr-dark: #e31e2e;" > <a class="p-fill" href="/blogs/recipes/pear-chai-highball"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Pear Chai Highball</span> <div class="article-card__excerpt t-b-3">Filled with notes of delicate and spiced poached pears</div> <a class="article-card__link btn c-5" href="/blogs/recipes/pear-chai-highball">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1052" height="852" alt="Pear Chai Highball" data-src="//aurabora.com/cdn/shop/articles/Pear_Chai_Highball_Horizontal_Cropped_800x.jpg?v=1668111867" data-srcset="//aurabora.com/cdn/shop/articles/Pear_Chai_Highball_Horizontal_Cropped_100x.jpg?v=1668111867 100w,//aurabora.com/cdn/shop/articles/Pear_Chai_Highball_Horizontal_Cropped_200x.jpg?v=1668111867 200w,//aurabora.com/cdn/shop/articles/Pear_Chai_Highball_Horizontal_Cropped_300x.jpg?v=1668111867 300w,//aurabora.com/cdn/shop/articles/Pear_Chai_Highball_Horizontal_Cropped_400x.jpg?v=1668111867 400w,//aurabora.com/cdn/shop/articles/Pear_Chai_Highball_Horizontal_Cropped_600x.jpg?v=1668111867 600w,//aurabora.com/cdn/shop/articles/Pear_Chai_Highball_Horizontal_Cropped_800x.jpg?v=1668111867 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="47" style="--cr-light: #a5d3e5;--cr: #5e843a;--cr-dark: #e31e2e;" > <a class="p-fill" href="/blogs/recipes/chai-cran-cosmo-mocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Chai Cosmo Mocktail</span> <div class="article-card__excerpt t-b-3">The perfect chai mocktail to sip under the falling snow</div> <a class="article-card__link btn c-5" href="/blogs/recipes/chai-cran-cosmo-mocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1052" height="852" alt="Chai Cosmo Mocktail" data-src="//aurabora.com/cdn/shop/articles/Chai_Cran_Cosmo_Landscape_Cropped_465ac9a8-1c11-40d0-8e4f-c9908d594f73_800x.jpg?v=1668110790" data-srcset="//aurabora.com/cdn/shop/articles/Chai_Cran_Cosmo_Landscape_Cropped_465ac9a8-1c11-40d0-8e4f-c9908d594f73_100x.jpg?v=1668110790 100w,//aurabora.com/cdn/shop/articles/Chai_Cran_Cosmo_Landscape_Cropped_465ac9a8-1c11-40d0-8e4f-c9908d594f73_200x.jpg?v=1668110790 200w,//aurabora.com/cdn/shop/articles/Chai_Cran_Cosmo_Landscape_Cropped_465ac9a8-1c11-40d0-8e4f-c9908d594f73_300x.jpg?v=1668110790 300w,//aurabora.com/cdn/shop/articles/Chai_Cran_Cosmo_Landscape_Cropped_465ac9a8-1c11-40d0-8e4f-c9908d594f73_400x.jpg?v=1668110790 400w,//aurabora.com/cdn/shop/articles/Chai_Cran_Cosmo_Landscape_Cropped_465ac9a8-1c11-40d0-8e4f-c9908d594f73_600x.jpg?v=1668110790 600w,//aurabora.com/cdn/shop/articles/Chai_Cran_Cosmo_Landscape_Cropped_465ac9a8-1c11-40d0-8e4f-c9908d594f73_800x.jpg?v=1668110790 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="48" style="--cr-light: #a5d3e5;--cr: #5e843a;--cr-dark: #e31e2e;" > <a class="p-fill" href="/blogs/recipes/chai-cran-cosmo"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Chai Cosmo</span> <div class="article-card__excerpt t-b-3">The perfect chai cocktail to sip under the falling snow</div> <a class="article-card__link btn c-5" href="/blogs/recipes/chai-cran-cosmo">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1052" height="852" alt="Chai Cosmo" data-src="//aurabora.com/cdn/shop/articles/Chai_Cran_Cosmo_Landscape_Cropped_800x.jpg?v=1668110663" data-srcset="//aurabora.com/cdn/shop/articles/Chai_Cran_Cosmo_Landscape_Cropped_100x.jpg?v=1668110663 100w,//aurabora.com/cdn/shop/articles/Chai_Cran_Cosmo_Landscape_Cropped_200x.jpg?v=1668110663 200w,//aurabora.com/cdn/shop/articles/Chai_Cran_Cosmo_Landscape_Cropped_300x.jpg?v=1668110663 300w,//aurabora.com/cdn/shop/articles/Chai_Cran_Cosmo_Landscape_Cropped_400x.jpg?v=1668110663 400w,//aurabora.com/cdn/shop/articles/Chai_Cran_Cosmo_Landscape_Cropped_600x.jpg?v=1668110663 600w,//aurabora.com/cdn/shop/articles/Chai_Cran_Cosmo_Landscape_Cropped_800x.jpg?v=1668110663 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="49" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/festive-rose-mocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Festive Rose Mocktail</span> <div class="article-card__excerpt t-b-3">A holiday ready mocktail with intertwined notes of sweet cider and tart cranberries</div> <a class="article-card__link btn c-5" href="/blogs/recipes/festive-rose-mocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1052" height="852" alt="Festive Rose Mocktail" data-src="//aurabora.com/cdn/shop/articles/Festive_Rose_Cropped_73001063-1367-49d1-adbe-d145a80642f7_800x.jpg?v=1667844109" data-srcset="//aurabora.com/cdn/shop/articles/Festive_Rose_Cropped_73001063-1367-49d1-adbe-d145a80642f7_100x.jpg?v=1667844109 100w,//aurabora.com/cdn/shop/articles/Festive_Rose_Cropped_73001063-1367-49d1-adbe-d145a80642f7_200x.jpg?v=1667844109 200w,//aurabora.com/cdn/shop/articles/Festive_Rose_Cropped_73001063-1367-49d1-adbe-d145a80642f7_300x.jpg?v=1667844109 300w,//aurabora.com/cdn/shop/articles/Festive_Rose_Cropped_73001063-1367-49d1-adbe-d145a80642f7_400x.jpg?v=1667844109 400w,//aurabora.com/cdn/shop/articles/Festive_Rose_Cropped_73001063-1367-49d1-adbe-d145a80642f7_600x.jpg?v=1667844109 600w,//aurabora.com/cdn/shop/articles/Festive_Rose_Cropped_73001063-1367-49d1-adbe-d145a80642f7_800x.jpg?v=1667844109 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="50" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/festive-rose-cocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Festive Rose</span> <div class="article-card__excerpt t-b-3">A holiday ready cocktail with intertwined notes of sweet cider and tart cranberries</div> <a class="article-card__link btn c-5" href="/blogs/recipes/festive-rose-cocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1052" height="852" alt="Festive Rose" data-src="//aurabora.com/cdn/shop/articles/Festive_Rose_Cropped_800x.jpg?v=1667843950" data-srcset="//aurabora.com/cdn/shop/articles/Festive_Rose_Cropped_100x.jpg?v=1667843950 100w,//aurabora.com/cdn/shop/articles/Festive_Rose_Cropped_200x.jpg?v=1667843950 200w,//aurabora.com/cdn/shop/articles/Festive_Rose_Cropped_300x.jpg?v=1667843950 300w,//aurabora.com/cdn/shop/articles/Festive_Rose_Cropped_400x.jpg?v=1667843950 400w,//aurabora.com/cdn/shop/articles/Festive_Rose_Cropped_600x.jpg?v=1667843950 600w,//aurabora.com/cdn/shop/articles/Festive_Rose_Cropped_800x.jpg?v=1667843950 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="51" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/the-blackberry-negroni"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">The Blackberry Negroni</span> <div class="article-card__excerpt t-b-3">A negroni....blackberries...and some lemon in it.</div> <a class="article-card__link btn c-5" href="/blogs/recipes/the-blackberry-negroni">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1052" height="852" alt="The Blackberry Negroni" data-src="//aurabora.com/cdn/shop/articles/Frame_1_7d4194cd-3094-4952-96d2-c1fef1377b3f_800x.jpg?v=1667236137" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_7d4194cd-3094-4952-96d2-c1fef1377b3f_100x.jpg?v=1667236137 100w,//aurabora.com/cdn/shop/articles/Frame_1_7d4194cd-3094-4952-96d2-c1fef1377b3f_200x.jpg?v=1667236137 200w,//aurabora.com/cdn/shop/articles/Frame_1_7d4194cd-3094-4952-96d2-c1fef1377b3f_300x.jpg?v=1667236137 300w,//aurabora.com/cdn/shop/articles/Frame_1_7d4194cd-3094-4952-96d2-c1fef1377b3f_400x.jpg?v=1667236137 400w,//aurabora.com/cdn/shop/articles/Frame_1_7d4194cd-3094-4952-96d2-c1fef1377b3f_600x.jpg?v=1667236137 600w,//aurabora.com/cdn/shop/articles/Frame_1_7d4194cd-3094-4952-96d2-c1fef1377b3f_800x.jpg?v=1667236137 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="52" style="" > <a class="p-fill" href="/blogs/recipes/honey-pumpkin-latte"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Honey Pumpkin Latte</span> <div class="article-card__excerpt t-b-3">A weird and bubbly twist on the classic pumpkin spice</div> <a class="article-card__link btn c-5" href="/blogs/recipes/honey-pumpkin-latte">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1052" height="852" alt="Honey Pumpkin Latte" data-src="//aurabora.com/cdn/shop/articles/Honey_Pumpkin_Latte_Horizontal_Cropped_800x.jpg?v=1665094491" data-srcset="//aurabora.com/cdn/shop/articles/Honey_Pumpkin_Latte_Horizontal_Cropped_100x.jpg?v=1665094491 100w,//aurabora.com/cdn/shop/articles/Honey_Pumpkin_Latte_Horizontal_Cropped_200x.jpg?v=1665094491 200w,//aurabora.com/cdn/shop/articles/Honey_Pumpkin_Latte_Horizontal_Cropped_300x.jpg?v=1665094491 300w,//aurabora.com/cdn/shop/articles/Honey_Pumpkin_Latte_Horizontal_Cropped_400x.jpg?v=1665094491 400w,//aurabora.com/cdn/shop/articles/Honey_Pumpkin_Latte_Horizontal_Cropped_600x.jpg?v=1665094491 600w,//aurabora.com/cdn/shop/articles/Honey_Pumpkin_Latte_Horizontal_Cropped_800x.jpg?v=1665094491 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="53" style="" > <a class="p-fill" href="/blogs/recipes/pumpkin-punch-cocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Pumpkin Punch Cocktail</span> <div class="article-card__excerpt t-b-3">An apple and pumpkin punch perfect for harvest moon festivities</div> <a class="article-card__link btn c-5" href="/blogs/recipes/pumpkin-punch-cocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1052" height="852" alt="Pumpkin Punch Cocktail" data-src="//aurabora.com/cdn/shop/articles/Pumpkin_Punch_Cropped_800x.jpg?v=1665505548" data-srcset="//aurabora.com/cdn/shop/articles/Pumpkin_Punch_Cropped_100x.jpg?v=1665505548 100w,//aurabora.com/cdn/shop/articles/Pumpkin_Punch_Cropped_200x.jpg?v=1665505548 200w,//aurabora.com/cdn/shop/articles/Pumpkin_Punch_Cropped_300x.jpg?v=1665505548 300w,//aurabora.com/cdn/shop/articles/Pumpkin_Punch_Cropped_400x.jpg?v=1665505548 400w,//aurabora.com/cdn/shop/articles/Pumpkin_Punch_Cropped_600x.jpg?v=1665505548 600w,//aurabora.com/cdn/shop/articles/Pumpkin_Punch_Cropped_800x.jpg?v=1665505548 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="54" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/the-peachy-keen"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">The Peachy Keen</span> <div class="article-card__excerpt t-b-3">Peaches, berries and lemons make a fruit basket perfect for sipping</div> <a class="article-card__link btn c-5" href="/blogs/recipes/the-peachy-keen">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1052" height="852" alt="The Peachy Keen" data-src="//aurabora.com/cdn/shop/articles/Peachy_Keen_Cropped_800x.jpg?v=1663793506" data-srcset="//aurabora.com/cdn/shop/articles/Peachy_Keen_Cropped_100x.jpg?v=1663793506 100w,//aurabora.com/cdn/shop/articles/Peachy_Keen_Cropped_200x.jpg?v=1663793506 200w,//aurabora.com/cdn/shop/articles/Peachy_Keen_Cropped_300x.jpg?v=1663793506 300w,//aurabora.com/cdn/shop/articles/Peachy_Keen_Cropped_400x.jpg?v=1663793506 400w,//aurabora.com/cdn/shop/articles/Peachy_Keen_Cropped_600x.jpg?v=1663793506 600w,//aurabora.com/cdn/shop/articles/Peachy_Keen_Cropped_800x.jpg?v=1663793506 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="55" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/the-cider-highball"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">The Cider Highball</span> <div class="article-card__excerpt t-b-3">Wave hello to autumn with this tart and crisp apple cocktail</div> <a class="article-card__link btn c-5" href="/blogs/recipes/the-cider-highball">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1052" height="852" alt="The Cider Highball" data-src="//aurabora.com/cdn/shop/articles/Cider_Highball_Cropped_800x.jpg?v=1663792273" data-srcset="//aurabora.com/cdn/shop/articles/Cider_Highball_Cropped_100x.jpg?v=1663792273 100w,//aurabora.com/cdn/shop/articles/Cider_Highball_Cropped_200x.jpg?v=1663792273 200w,//aurabora.com/cdn/shop/articles/Cider_Highball_Cropped_300x.jpg?v=1663792273 300w,//aurabora.com/cdn/shop/articles/Cider_Highball_Cropped_400x.jpg?v=1663792273 400w,//aurabora.com/cdn/shop/articles/Cider_Highball_Cropped_600x.jpg?v=1663792273 600w,//aurabora.com/cdn/shop/articles/Cider_Highball_Cropped_800x.jpg?v=1663792273 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="56" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/the-cardamom-pod"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">The Cardamom Pod</span> <div class="article-card__excerpt t-b-3">A spice forward cocktail featuring freshly made cardamom syrup</div> <a class="article-card__link btn c-5" href="/blogs/recipes/the-cardamom-pod">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1052" height="852" alt="The Cardamom Pod" data-src="//aurabora.com/cdn/shop/articles/Lime_Cardamom_Cropped_800x.jpg?v=1663269535" data-srcset="//aurabora.com/cdn/shop/articles/Lime_Cardamom_Cropped_100x.jpg?v=1663269535 100w,//aurabora.com/cdn/shop/articles/Lime_Cardamom_Cropped_200x.jpg?v=1663269535 200w,//aurabora.com/cdn/shop/articles/Lime_Cardamom_Cropped_300x.jpg?v=1663269535 300w,//aurabora.com/cdn/shop/articles/Lime_Cardamom_Cropped_400x.jpg?v=1663269535 400w,//aurabora.com/cdn/shop/articles/Lime_Cardamom_Cropped_600x.jpg?v=1663269535 600w,//aurabora.com/cdn/shop/articles/Lime_Cardamom_Cropped_800x.jpg?v=1663269535 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="57" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/the-ruby-red"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">The Ruby Red</span> <div class="article-card__excerpt t-b-3">Our boozy and bubbly take on freshly squeezed grapefruit juice</div> <a class="article-card__link btn c-5" href="/blogs/recipes/the-ruby-red">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1052" height="852" alt="The Ruby Red" data-src="//aurabora.com/cdn/shop/articles/Frame_1_0329994a-8622-476e-80c2-ce7fb38d518c_800x.jpg?v=1662506518" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_0329994a-8622-476e-80c2-ce7fb38d518c_100x.jpg?v=1662506518 100w,//aurabora.com/cdn/shop/articles/Frame_1_0329994a-8622-476e-80c2-ce7fb38d518c_200x.jpg?v=1662506518 200w,//aurabora.com/cdn/shop/articles/Frame_1_0329994a-8622-476e-80c2-ce7fb38d518c_300x.jpg?v=1662506518 300w,//aurabora.com/cdn/shop/articles/Frame_1_0329994a-8622-476e-80c2-ce7fb38d518c_400x.jpg?v=1662506518 400w,//aurabora.com/cdn/shop/articles/Frame_1_0329994a-8622-476e-80c2-ce7fb38d518c_600x.jpg?v=1662506518 600w,//aurabora.com/cdn/shop/articles/Frame_1_0329994a-8622-476e-80c2-ce7fb38d518c_800x.jpg?v=1662506518 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="58" style="--cr-light: #fff8bd;--cr: #fff384;--cr-dark: #fbe526;" > <a class="p-fill" href="/blogs/recipes/the-lemony-snicket"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">The Lemony Snicket</span> <div class="article-card__excerpt t-b-3">Sip away at this refreshingly lemony and wonderfully gingery cocktail</div> <a class="article-card__link btn c-5" href="/blogs/recipes/the-lemony-snicket">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1052" height="852" alt="The Lemony Snicket" data-src="//aurabora.com/cdn/shop/articles/Lemony_Snicket_Cropped_800x.jpg?v=1662495621" data-srcset="//aurabora.com/cdn/shop/articles/Lemony_Snicket_Cropped_100x.jpg?v=1662495621 100w,//aurabora.com/cdn/shop/articles/Lemony_Snicket_Cropped_200x.jpg?v=1662495621 200w,//aurabora.com/cdn/shop/articles/Lemony_Snicket_Cropped_300x.jpg?v=1662495621 300w,//aurabora.com/cdn/shop/articles/Lemony_Snicket_Cropped_400x.jpg?v=1662495621 400w,//aurabora.com/cdn/shop/articles/Lemony_Snicket_Cropped_600x.jpg?v=1662495621 600w,//aurabora.com/cdn/shop/articles/Lemony_Snicket_Cropped_800x.jpg?v=1662495621 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="59" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/the-blooming-rose"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">The Blooming Rose</span> <div class="article-card__excerpt t-b-3">A prickly pear delight featuring homemade blueberry syrup</div> <a class="article-card__link btn c-5" href="/blogs/recipes/the-blooming-rose">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1052" height="852" alt="The Blooming Rose" data-src="//aurabora.com/cdn/shop/articles/Blooming_Rose_Cropped_800x.jpg?v=1661981378" data-srcset="//aurabora.com/cdn/shop/articles/Blooming_Rose_Cropped_100x.jpg?v=1661981378 100w,//aurabora.com/cdn/shop/articles/Blooming_Rose_Cropped_200x.jpg?v=1661981378 200w,//aurabora.com/cdn/shop/articles/Blooming_Rose_Cropped_300x.jpg?v=1661981378 300w,//aurabora.com/cdn/shop/articles/Blooming_Rose_Cropped_400x.jpg?v=1661981378 400w,//aurabora.com/cdn/shop/articles/Blooming_Rose_Cropped_600x.jpg?v=1661981378 600w,//aurabora.com/cdn/shop/articles/Blooming_Rose_Cropped_800x.jpg?v=1661981378 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="60" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/elderflower-paloma"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Elderflower Paloma</span> <div class="article-card__excerpt t-b-3">Elderflower is back! Celebrate with a flowery twist on our grapefruit favorite</div> <a class="article-card__link btn c-5" href="/blogs/recipes/elderflower-paloma">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="517" height="418" alt="Elderflower Paloma" data-src="//aurabora.com/cdn/shop/articles/Elderflower_Paloma_Landscape_1_1_800x.png?v=1660667849" data-srcset="//aurabora.com/cdn/shop/articles/Elderflower_Paloma_Landscape_1_1_100x.png?v=1660667849 100w,//aurabora.com/cdn/shop/articles/Elderflower_Paloma_Landscape_1_1_200x.png?v=1660667849 200w,//aurabora.com/cdn/shop/articles/Elderflower_Paloma_Landscape_1_1_300x.png?v=1660667849 300w,//aurabora.com/cdn/shop/articles/Elderflower_Paloma_Landscape_1_1_400x.png?v=1660667849 400w,//aurabora.com/cdn/shop/articles/Elderflower_Paloma_Landscape_1_1_600x.png?v=1660667849 600w,//aurabora.com/cdn/shop/articles/Elderflower_Paloma_Landscape_1_1_800x.png?v=1660667849 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="61" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/the-coco-loco"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">The Coco Loco</span> <div class="article-card__excerpt t-b-3">This simple lemony refresher ranks #1 for a lazy beach day</div> <a class="article-card__link btn c-5" href="/blogs/recipes/the-coco-loco">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="512" height="418" alt="The Coco Loco" data-src="//aurabora.com/cdn/shop/articles/Coco_Loco_Cropped_800x.png?v=1659985937" data-srcset="//aurabora.com/cdn/shop/articles/Coco_Loco_Cropped_100x.png?v=1659985937 100w,//aurabora.com/cdn/shop/articles/Coco_Loco_Cropped_200x.png?v=1659985937 200w,//aurabora.com/cdn/shop/articles/Coco_Loco_Cropped_300x.png?v=1659985937 300w,//aurabora.com/cdn/shop/articles/Coco_Loco_Cropped_400x.png?v=1659985937 400w,//aurabora.com/cdn/shop/articles/Coco_Loco_Cropped_600x.png?v=1659985937 600w,//aurabora.com/cdn/shop/articles/Coco_Loco_Cropped_800x.png?v=1659985937 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="62" style="--cr-light: #e5e5f1;--cr: #e2d3ff;--cr-dark: #c0a4fa;" > <a class="p-fill" href="/blogs/recipes/the-tipsy-cucumber"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">The Tipsy Cucumber</span> <div class="article-card__excerpt t-b-3">A crisp and cool cocktail with light botanical notes</div> <a class="article-card__link btn c-5" href="/blogs/recipes/the-tipsy-cucumber">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1052" height="852" alt="The Tipsy Cucumber" data-src="//aurabora.com/cdn/shop/articles/Tipsy_Cucumber_Cropped_800x.jpg?v=1659466458" data-srcset="//aurabora.com/cdn/shop/articles/Tipsy_Cucumber_Cropped_100x.jpg?v=1659466458 100w,//aurabora.com/cdn/shop/articles/Tipsy_Cucumber_Cropped_200x.jpg?v=1659466458 200w,//aurabora.com/cdn/shop/articles/Tipsy_Cucumber_Cropped_300x.jpg?v=1659466458 300w,//aurabora.com/cdn/shop/articles/Tipsy_Cucumber_Cropped_400x.jpg?v=1659466458 400w,//aurabora.com/cdn/shop/articles/Tipsy_Cucumber_Cropped_600x.jpg?v=1659466458 600w,//aurabora.com/cdn/shop/articles/Tipsy_Cucumber_Cropped_800x.jpg?v=1659466458 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="63" style="--cr-light: #e5e5f1;--cr: #e2d3ff;--cr-dark: #c0a4fa;" > <a class="p-fill" href="/blogs/recipes/all-the-bees"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">All the Bees</span> <div class="article-card__excerpt t-b-3"> A light and bright summer cocktail with a dash of sweet honey </div> <a class="article-card__link btn c-5" href="/blogs/recipes/all-the-bees">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1052" height="852" alt="All the Bees" data-src="//aurabora.com/cdn/shop/articles/Cropped_Mommenpop_Recipe_800x.jpg?v=1659396650" data-srcset="//aurabora.com/cdn/shop/articles/Cropped_Mommenpop_Recipe_100x.jpg?v=1659396650 100w,//aurabora.com/cdn/shop/articles/Cropped_Mommenpop_Recipe_200x.jpg?v=1659396650 200w,//aurabora.com/cdn/shop/articles/Cropped_Mommenpop_Recipe_300x.jpg?v=1659396650 300w,//aurabora.com/cdn/shop/articles/Cropped_Mommenpop_Recipe_400x.jpg?v=1659396650 400w,//aurabora.com/cdn/shop/articles/Cropped_Mommenpop_Recipe_600x.jpg?v=1659396650 600w,//aurabora.com/cdn/shop/articles/Cropped_Mommenpop_Recipe_800x.jpg?v=1659396650 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="64" style="--cr-light: #e5e5f1;--cr: #e2d3ff;--cr-dark: #c0a4fa;" > <a class="p-fill" href="/blogs/recipes/watermelon-julep"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Watermelon Julep</span> <div class="article-card__excerpt t-b-3">A minty fresh slushy with a burst of sweet summer watermelon</div> <a class="article-card__link btn c-5" href="/blogs/recipes/watermelon-julep">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1052" height="852" alt="Watermelon Julep" data-src="//aurabora.com/cdn/shop/articles/Watermelon_Julep_Website_Ready_800x.jpg?v=1658180853" data-srcset="//aurabora.com/cdn/shop/articles/Watermelon_Julep_Website_Ready_100x.jpg?v=1658180853 100w,//aurabora.com/cdn/shop/articles/Watermelon_Julep_Website_Ready_200x.jpg?v=1658180853 200w,//aurabora.com/cdn/shop/articles/Watermelon_Julep_Website_Ready_300x.jpg?v=1658180853 300w,//aurabora.com/cdn/shop/articles/Watermelon_Julep_Website_Ready_400x.jpg?v=1658180853 400w,//aurabora.com/cdn/shop/articles/Watermelon_Julep_Website_Ready_600x.jpg?v=1658180853 600w,//aurabora.com/cdn/shop/articles/Watermelon_Julep_Website_Ready_800x.jpg?v=1658180853 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="65" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/the-floral-gimlet"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">The Floral Gimlet</span> <div class="article-card__excerpt t-b-3">Ever wanted to bathe in rose petals? This fragrant cocktail's for you!</div> <a class="article-card__link btn c-5" href="/blogs/recipes/the-floral-gimlet">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="The Floral Gimlet" data-src="//aurabora.com/cdn/shop/articles/Frame_1_6c937896-49dc-4363-a064-12f81943fc3f_800x.jpg?v=1657556863" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_6c937896-49dc-4363-a064-12f81943fc3f_100x.jpg?v=1657556863 100w,//aurabora.com/cdn/shop/articles/Frame_1_6c937896-49dc-4363-a064-12f81943fc3f_200x.jpg?v=1657556863 200w,//aurabora.com/cdn/shop/articles/Frame_1_6c937896-49dc-4363-a064-12f81943fc3f_300x.jpg?v=1657556863 300w,//aurabora.com/cdn/shop/articles/Frame_1_6c937896-49dc-4363-a064-12f81943fc3f_400x.jpg?v=1657556863 400w,//aurabora.com/cdn/shop/articles/Frame_1_6c937896-49dc-4363-a064-12f81943fc3f_600x.jpg?v=1657556863 600w,//aurabora.com/cdn/shop/articles/Frame_1_6c937896-49dc-4363-a064-12f81943fc3f_800x.jpg?v=1657556863 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="66" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/the-herby-berry"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">The Herby Berry</span> <div class="article-card__excerpt t-b-3">Take a walk through the forest with our favorite wildberry drink</div> <a class="article-card__link btn c-5" href="/blogs/recipes/the-herby-berry">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="The Herby Berry" data-src="//aurabora.com/cdn/shop/articles/Frame_1_9bcd89d7-0a89-4dec-81a1-2184859bcce4_800x.jpg?v=1657045565" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_9bcd89d7-0a89-4dec-81a1-2184859bcce4_100x.jpg?v=1657045565 100w,//aurabora.com/cdn/shop/articles/Frame_1_9bcd89d7-0a89-4dec-81a1-2184859bcce4_200x.jpg?v=1657045565 200w,//aurabora.com/cdn/shop/articles/Frame_1_9bcd89d7-0a89-4dec-81a1-2184859bcce4_300x.jpg?v=1657045565 300w,//aurabora.com/cdn/shop/articles/Frame_1_9bcd89d7-0a89-4dec-81a1-2184859bcce4_400x.jpg?v=1657045565 400w,//aurabora.com/cdn/shop/articles/Frame_1_9bcd89d7-0a89-4dec-81a1-2184859bcce4_600x.jpg?v=1657045565 600w,//aurabora.com/cdn/shop/articles/Frame_1_9bcd89d7-0a89-4dec-81a1-2184859bcce4_800x.jpg?v=1657045565 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="67" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/coconut-daiquiri"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Coconut Daiquiri</span> <div class="article-card__excerpt t-b-3">Go loco for this zingy and refreshing coco cocktail</div> <a class="article-card__link btn c-5" href="/blogs/recipes/coconut-daiquiri">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="538" height="418" alt="Coconut Daiquiri" data-src="//aurabora.com/cdn/shop/articles/Coconut_Daiquri_Cropped_800x.png?v=1656364251" data-srcset="//aurabora.com/cdn/shop/articles/Coconut_Daiquri_Cropped_100x.png?v=1656364251 100w,//aurabora.com/cdn/shop/articles/Coconut_Daiquri_Cropped_200x.png?v=1656364251 200w,//aurabora.com/cdn/shop/articles/Coconut_Daiquri_Cropped_300x.png?v=1656364251 300w,//aurabora.com/cdn/shop/articles/Coconut_Daiquri_Cropped_400x.png?v=1656364251 400w,//aurabora.com/cdn/shop/articles/Coconut_Daiquri_Cropped_600x.png?v=1656364251 600w,//aurabora.com/cdn/shop/articles/Coconut_Daiquri_Cropped_800x.png?v=1656364251 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="68" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/mocktail-mimosa"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Mimosa Mocktail</span> <div class="article-card__excerpt t-b-3">A non-alcoholic tangerine twist on a classic mimosa</div> <a class="article-card__link btn c-5" href="/blogs/recipes/mocktail-mimosa">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="Mimosa Mocktail" data-src="//aurabora.com/cdn/shop/articles/Frame_1_cc1b2980-0729-4559-ab47-aaae96de3fef_800x.jpg?v=1655934242" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_cc1b2980-0729-4559-ab47-aaae96de3fef_100x.jpg?v=1655934242 100w,//aurabora.com/cdn/shop/articles/Frame_1_cc1b2980-0729-4559-ab47-aaae96de3fef_200x.jpg?v=1655934242 200w,//aurabora.com/cdn/shop/articles/Frame_1_cc1b2980-0729-4559-ab47-aaae96de3fef_300x.jpg?v=1655934242 300w,//aurabora.com/cdn/shop/articles/Frame_1_cc1b2980-0729-4559-ab47-aaae96de3fef_400x.jpg?v=1655934242 400w,//aurabora.com/cdn/shop/articles/Frame_1_cc1b2980-0729-4559-ab47-aaae96de3fef_600x.jpg?v=1655934242 600w,//aurabora.com/cdn/shop/articles/Frame_1_cc1b2980-0729-4559-ab47-aaae96de3fef_800x.jpg?v=1655934242 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="69" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/tangerine-creamsicle"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Tangerine Creamsicle</span> <div class="article-card__excerpt t-b-3">Experience a blast to the past with this orange creamsicle inspired cocktail</div> <a class="article-card__link btn c-5" href="/blogs/recipes/tangerine-creamsicle">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="Tangerine Creamsicle" data-src="//aurabora.com/cdn/shop/articles/Frame_1_eb1a230f-c54f-43f2-86a3-08f9d9f21271_800x.jpg?v=1655416155" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_eb1a230f-c54f-43f2-86a3-08f9d9f21271_100x.jpg?v=1655416155 100w,//aurabora.com/cdn/shop/articles/Frame_1_eb1a230f-c54f-43f2-86a3-08f9d9f21271_200x.jpg?v=1655416155 200w,//aurabora.com/cdn/shop/articles/Frame_1_eb1a230f-c54f-43f2-86a3-08f9d9f21271_300x.jpg?v=1655416155 300w,//aurabora.com/cdn/shop/articles/Frame_1_eb1a230f-c54f-43f2-86a3-08f9d9f21271_400x.jpg?v=1655416155 400w,//aurabora.com/cdn/shop/articles/Frame_1_eb1a230f-c54f-43f2-86a3-08f9d9f21271_600x.jpg?v=1655416155 600w,//aurabora.com/cdn/shop/articles/Frame_1_eb1a230f-c54f-43f2-86a3-08f9d9f21271_800x.jpg?v=1655416155 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="70" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/basil-freeze"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Basil Freeze</span> <div class="article-card__excerpt t-b-3">A frozen basil berry cocktail perfect to slurp on a hot day</div> <a class="article-card__link btn c-5" href="/blogs/recipes/basil-freeze">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="540" height="418" alt="Basil Freeze" data-src="//aurabora.com/cdn/shop/articles/Basil_Freeze_Landscpae_1_800x.png?v=1654537936" data-srcset="//aurabora.com/cdn/shop/articles/Basil_Freeze_Landscpae_1_100x.png?v=1654537936 100w,//aurabora.com/cdn/shop/articles/Basil_Freeze_Landscpae_1_200x.png?v=1654537936 200w,//aurabora.com/cdn/shop/articles/Basil_Freeze_Landscpae_1_300x.png?v=1654537936 300w,//aurabora.com/cdn/shop/articles/Basil_Freeze_Landscpae_1_400x.png?v=1654537936 400w,//aurabora.com/cdn/shop/articles/Basil_Freeze_Landscpae_1_600x.png?v=1654537936 600w,//aurabora.com/cdn/shop/articles/Basil_Freeze_Landscpae_1_800x.png?v=1654537936 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="71" style="--cr-light: #fff8bd;--cr: #fff384;--cr-dark: #fbe526;" > <a class="p-fill" href="/blogs/recipes/the-gin-ginger"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">The Gin & Ginger</span> <div class="article-card__excerpt t-b-3">A gincredible balance of spicy ginger and zingy lemon</div> <a class="article-card__link btn c-5" href="/blogs/recipes/the-gin-ginger">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="The Gin & Ginger" data-src="//aurabora.com/cdn/shop/articles/Frame_1_dcc360f0-2bab-4c54-a7c9-426124a9cd93_800x.jpg?v=1654004016" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_dcc360f0-2bab-4c54-a7c9-426124a9cd93_100x.jpg?v=1654004016 100w,//aurabora.com/cdn/shop/articles/Frame_1_dcc360f0-2bab-4c54-a7c9-426124a9cd93_200x.jpg?v=1654004016 200w,//aurabora.com/cdn/shop/articles/Frame_1_dcc360f0-2bab-4c54-a7c9-426124a9cd93_300x.jpg?v=1654004016 300w,//aurabora.com/cdn/shop/articles/Frame_1_dcc360f0-2bab-4c54-a7c9-426124a9cd93_400x.jpg?v=1654004016 400w,//aurabora.com/cdn/shop/articles/Frame_1_dcc360f0-2bab-4c54-a7c9-426124a9cd93_600x.jpg?v=1654004016 600w,//aurabora.com/cdn/shop/articles/Frame_1_dcc360f0-2bab-4c54-a7c9-426124a9cd93_800x.jpg?v=1654004016 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="72" style="--cr-light: #fff8bd;--cr: #fff384;--cr-dark: #fbe526;" > <a class="p-fill" href="/blogs/recipes/the-lemon-gingertini"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Lemon Gingertini</span> <div class="article-card__excerpt t-b-3">A citrus cocktail fresh from the lemon tree</div> <a class="article-card__link btn c-5" href="/blogs/recipes/the-lemon-gingertini">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="Lemon Gingertini" data-src="//aurabora.com/cdn/shop/articles/Frame_1_5e6131e8-a8cc-4c87-89b3-43bd95d71028_800x.jpg?v=1653339669" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_5e6131e8-a8cc-4c87-89b3-43bd95d71028_100x.jpg?v=1653339669 100w,//aurabora.com/cdn/shop/articles/Frame_1_5e6131e8-a8cc-4c87-89b3-43bd95d71028_200x.jpg?v=1653339669 200w,//aurabora.com/cdn/shop/articles/Frame_1_5e6131e8-a8cc-4c87-89b3-43bd95d71028_300x.jpg?v=1653339669 300w,//aurabora.com/cdn/shop/articles/Frame_1_5e6131e8-a8cc-4c87-89b3-43bd95d71028_400x.jpg?v=1653339669 400w,//aurabora.com/cdn/shop/articles/Frame_1_5e6131e8-a8cc-4c87-89b3-43bd95d71028_600x.jpg?v=1653339669 600w,//aurabora.com/cdn/shop/articles/Frame_1_5e6131e8-a8cc-4c87-89b3-43bd95d71028_800x.jpg?v=1653339669 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="73" style="--cr-light: #fff8bd;--cr: #fff384;--cr-dark: #fbe526;" > <a class="p-fill" href="/blogs/recipes/mint-refresher"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Mint Refresher</span> <div class="article-card__excerpt t-b-3">Say hello to summer with our favorite minty cocktail</div> <a class="article-card__link btn c-5" href="/blogs/recipes/mint-refresher">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="Mint Refresher" data-src="//aurabora.com/cdn/shop/articles/Frame_1_4f2959fe-136f-4372-b33e-cafc0275404c_800x.jpg?v=1652683047" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_4f2959fe-136f-4372-b33e-cafc0275404c_100x.jpg?v=1652683047 100w,//aurabora.com/cdn/shop/articles/Frame_1_4f2959fe-136f-4372-b33e-cafc0275404c_200x.jpg?v=1652683047 200w,//aurabora.com/cdn/shop/articles/Frame_1_4f2959fe-136f-4372-b33e-cafc0275404c_300x.jpg?v=1652683047 300w,//aurabora.com/cdn/shop/articles/Frame_1_4f2959fe-136f-4372-b33e-cafc0275404c_400x.jpg?v=1652683047 400w,//aurabora.com/cdn/shop/articles/Frame_1_4f2959fe-136f-4372-b33e-cafc0275404c_600x.jpg?v=1652683047 600w,//aurabora.com/cdn/shop/articles/Frame_1_4f2959fe-136f-4372-b33e-cafc0275404c_800x.jpg?v=1652683047 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="74" style="--cr-light: #e5e5f1;--cr: #e2d3ff;--cr-dark: #c0a4fa;" > <a class="p-fill" href="/blogs/recipes/lavender-americano"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Lavender Americano</span> <div class="article-card__excerpt t-b-3">A unique and bittersweet cocktail with a lavender twist</div> <a class="article-card__link btn c-5" href="/blogs/recipes/lavender-americano">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="Lavender Americano" data-src="//aurabora.com/cdn/shop/articles/Frame_1_24cdff8d-c210-447c-8666-77a7fe63fdeb_800x.jpg?v=1652124350" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_24cdff8d-c210-447c-8666-77a7fe63fdeb_100x.jpg?v=1652124350 100w,//aurabora.com/cdn/shop/articles/Frame_1_24cdff8d-c210-447c-8666-77a7fe63fdeb_200x.jpg?v=1652124350 200w,//aurabora.com/cdn/shop/articles/Frame_1_24cdff8d-c210-447c-8666-77a7fe63fdeb_300x.jpg?v=1652124350 300w,//aurabora.com/cdn/shop/articles/Frame_1_24cdff8d-c210-447c-8666-77a7fe63fdeb_400x.jpg?v=1652124350 400w,//aurabora.com/cdn/shop/articles/Frame_1_24cdff8d-c210-447c-8666-77a7fe63fdeb_600x.jpg?v=1652124350 600w,//aurabora.com/cdn/shop/articles/Frame_1_24cdff8d-c210-447c-8666-77a7fe63fdeb_800x.jpg?v=1652124350 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="75" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/the-prickly-berry"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">The Prickly Berry</span> <div class="article-card__excerpt t-b-3">A juicy combo of blackberry, orange, and cactus rose</div> <a class="article-card__link btn c-5" href="/blogs/recipes/the-prickly-berry">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="The Prickly Berry" data-src="//aurabora.com/cdn/shop/articles/Prickly_Berry_800x.jpg?v=1651523023" data-srcset="//aurabora.com/cdn/shop/articles/Prickly_Berry_100x.jpg?v=1651523023 100w,//aurabora.com/cdn/shop/articles/Prickly_Berry_200x.jpg?v=1651523023 200w,//aurabora.com/cdn/shop/articles/Prickly_Berry_300x.jpg?v=1651523023 300w,//aurabora.com/cdn/shop/articles/Prickly_Berry_400x.jpg?v=1651523023 400w,//aurabora.com/cdn/shop/articles/Prickly_Berry_600x.jpg?v=1651523023 600w,//aurabora.com/cdn/shop/articles/Prickly_Berry_800x.jpg?v=1651523023 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="76" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/great-fruit-elixer"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Great Fruit Elixer</span> <div class="article-card__excerpt t-b-3">A fresh mocktail featuring our favorite zero-proof gin</div> <a class="article-card__link btn c-5" href="/blogs/recipes/great-fruit-elixer">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="Great Fruit Elixer" data-src="//aurabora.com/cdn/shop/articles/Frame_1_addda3c9-1b11-4a87-a858-45dc78f2506d_800x.jpg?v=1650898528" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_addda3c9-1b11-4a87-a858-45dc78f2506d_100x.jpg?v=1650898528 100w,//aurabora.com/cdn/shop/articles/Frame_1_addda3c9-1b11-4a87-a858-45dc78f2506d_200x.jpg?v=1650898528 200w,//aurabora.com/cdn/shop/articles/Frame_1_addda3c9-1b11-4a87-a858-45dc78f2506d_300x.jpg?v=1650898528 300w,//aurabora.com/cdn/shop/articles/Frame_1_addda3c9-1b11-4a87-a858-45dc78f2506d_400x.jpg?v=1650898528 400w,//aurabora.com/cdn/shop/articles/Frame_1_addda3c9-1b11-4a87-a858-45dc78f2506d_600x.jpg?v=1650898528 600w,//aurabora.com/cdn/shop/articles/Frame_1_addda3c9-1b11-4a87-a858-45dc78f2506d_800x.jpg?v=1650898528 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="77" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/the-zesty-rose"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">The Zesty Rose</span> <div class="article-card__excerpt t-b-3">A trio of flavors featuring fruits, herbs, and flowers</div> <a class="article-card__link btn c-5" href="/blogs/recipes/the-zesty-rose">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="The Zesty Rose" data-src="//aurabora.com/cdn/shop/articles/Frame_1_d1cbfb73-5662-487f-89f2-dfebb6e7fb2f_800x.jpg?v=1650305494" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_d1cbfb73-5662-487f-89f2-dfebb6e7fb2f_100x.jpg?v=1650305494 100w,//aurabora.com/cdn/shop/articles/Frame_1_d1cbfb73-5662-487f-89f2-dfebb6e7fb2f_200x.jpg?v=1650305494 200w,//aurabora.com/cdn/shop/articles/Frame_1_d1cbfb73-5662-487f-89f2-dfebb6e7fb2f_300x.jpg?v=1650305494 300w,//aurabora.com/cdn/shop/articles/Frame_1_d1cbfb73-5662-487f-89f2-dfebb6e7fb2f_400x.jpg?v=1650305494 400w,//aurabora.com/cdn/shop/articles/Frame_1_d1cbfb73-5662-487f-89f2-dfebb6e7fb2f_600x.jpg?v=1650305494 600w,//aurabora.com/cdn/shop/articles/Frame_1_d1cbfb73-5662-487f-89f2-dfebb6e7fb2f_800x.jpg?v=1650305494 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="78" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/cardi-b-lime"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Cardi B Lime</span> <div class="article-card__excerpt t-b-3">Featuring citrus, spice, and everything nice!</div> <a class="article-card__link btn c-5" href="/blogs/recipes/cardi-b-lime">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="Cardi B Lime" data-src="//aurabora.com/cdn/shop/articles/Frame_1_af7298ae-d28a-4cc8-ad68-2ef7c916c841_800x.jpg?v=1649709667" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_af7298ae-d28a-4cc8-ad68-2ef7c916c841_100x.jpg?v=1649709667 100w,//aurabora.com/cdn/shop/articles/Frame_1_af7298ae-d28a-4cc8-ad68-2ef7c916c841_200x.jpg?v=1649709667 200w,//aurabora.com/cdn/shop/articles/Frame_1_af7298ae-d28a-4cc8-ad68-2ef7c916c841_300x.jpg?v=1649709667 300w,//aurabora.com/cdn/shop/articles/Frame_1_af7298ae-d28a-4cc8-ad68-2ef7c916c841_400x.jpg?v=1649709667 400w,//aurabora.com/cdn/shop/articles/Frame_1_af7298ae-d28a-4cc8-ad68-2ef7c916c841_600x.jpg?v=1649709667 600w,//aurabora.com/cdn/shop/articles/Frame_1_af7298ae-d28a-4cc8-ad68-2ef7c916c841_800x.jpg?v=1649709667 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="79" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/grapefruit-fizz"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Grapefruit Fizz</span> <div class="article-card__excerpt t-b-3">Say hello to spring with a cocktail that's equal parts floral and tart</div> <a class="article-card__link btn c-5" href="/blogs/recipes/grapefruit-fizz">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="Grapefruit Fizz" data-src="//aurabora.com/cdn/shop/articles/Frame_1_a5af47ed-a70f-4d45-8146-0725e8d25bb5_800x.jpg?v=1649021788" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_a5af47ed-a70f-4d45-8146-0725e8d25bb5_100x.jpg?v=1649021788 100w,//aurabora.com/cdn/shop/articles/Frame_1_a5af47ed-a70f-4d45-8146-0725e8d25bb5_200x.jpg?v=1649021788 200w,//aurabora.com/cdn/shop/articles/Frame_1_a5af47ed-a70f-4d45-8146-0725e8d25bb5_300x.jpg?v=1649021788 300w,//aurabora.com/cdn/shop/articles/Frame_1_a5af47ed-a70f-4d45-8146-0725e8d25bb5_400x.jpg?v=1649021788 400w,//aurabora.com/cdn/shop/articles/Frame_1_a5af47ed-a70f-4d45-8146-0725e8d25bb5_600x.jpg?v=1649021788 600w,//aurabora.com/cdn/shop/articles/Frame_1_a5af47ed-a70f-4d45-8146-0725e8d25bb5_800x.jpg?v=1649021788 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="80" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/citrus-swirl"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Citrus Swirl</span> <div class="article-card__excerpt t-b-3">A tangy pineapple refresher topped off with lemmy coco</div> <a class="article-card__link btn c-5" href="/blogs/recipes/citrus-swirl">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="Citrus Swirl" data-src="//aurabora.com/cdn/shop/articles/Frame_1_a4faad98-98f7-4ade-9ae4-ced941c0f372_800x.jpg?v=1648459496" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_a4faad98-98f7-4ade-9ae4-ced941c0f372_100x.jpg?v=1648459496 100w,//aurabora.com/cdn/shop/articles/Frame_1_a4faad98-98f7-4ade-9ae4-ced941c0f372_200x.jpg?v=1648459496 200w,//aurabora.com/cdn/shop/articles/Frame_1_a4faad98-98f7-4ade-9ae4-ced941c0f372_300x.jpg?v=1648459496 300w,//aurabora.com/cdn/shop/articles/Frame_1_a4faad98-98f7-4ade-9ae4-ced941c0f372_400x.jpg?v=1648459496 400w,//aurabora.com/cdn/shop/articles/Frame_1_a4faad98-98f7-4ade-9ae4-ced941c0f372_600x.jpg?v=1648459496 600w,//aurabora.com/cdn/shop/articles/Frame_1_a4faad98-98f7-4ade-9ae4-ced941c0f372_800x.jpg?v=1648459496 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="81" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/strawberry-cloud"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Strawberry Cloud</span> <div class="article-card__excerpt t-b-3">Float like a cloud with this yogurt berry cocktail</div> <a class="article-card__link btn c-5" href="/blogs/recipes/strawberry-cloud">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="Strawberry Cloud" data-src="//aurabora.com/cdn/shop/articles/Frame_1_b72b604a-059c-4f45-a8a6-482fd5435bb1_800x.jpg?v=1647800943" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_b72b604a-059c-4f45-a8a6-482fd5435bb1_100x.jpg?v=1647800943 100w,//aurabora.com/cdn/shop/articles/Frame_1_b72b604a-059c-4f45-a8a6-482fd5435bb1_200x.jpg?v=1647800943 200w,//aurabora.com/cdn/shop/articles/Frame_1_b72b604a-059c-4f45-a8a6-482fd5435bb1_300x.jpg?v=1647800943 300w,//aurabora.com/cdn/shop/articles/Frame_1_b72b604a-059c-4f45-a8a6-482fd5435bb1_400x.jpg?v=1647800943 400w,//aurabora.com/cdn/shop/articles/Frame_1_b72b604a-059c-4f45-a8a6-482fd5435bb1_600x.jpg?v=1647800943 600w,//aurabora.com/cdn/shop/articles/Frame_1_b72b604a-059c-4f45-a8a6-482fd5435bb1_800x.jpg?v=1647800943 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="82" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/melon-gimlet"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Melon Gimlet</span> <div class="article-card__excerpt t-b-3">The perfect mix of sweet melon and refreshing mint</div> <a class="article-card__link btn c-5" href="/blogs/recipes/melon-gimlet">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="Melon Gimlet" data-src="//aurabora.com/cdn/shop/articles/Frame_1_313a966d-d6a5-47d4-bee5-52305150847c_800x.jpg?v=1647204217" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_313a966d-d6a5-47d4-bee5-52305150847c_100x.jpg?v=1647204217 100w,//aurabora.com/cdn/shop/articles/Frame_1_313a966d-d6a5-47d4-bee5-52305150847c_200x.jpg?v=1647204217 200w,//aurabora.com/cdn/shop/articles/Frame_1_313a966d-d6a5-47d4-bee5-52305150847c_300x.jpg?v=1647204217 300w,//aurabora.com/cdn/shop/articles/Frame_1_313a966d-d6a5-47d4-bee5-52305150847c_400x.jpg?v=1647204217 400w,//aurabora.com/cdn/shop/articles/Frame_1_313a966d-d6a5-47d4-bee5-52305150847c_600x.jpg?v=1647204217 600w,//aurabora.com/cdn/shop/articles/Frame_1_313a966d-d6a5-47d4-bee5-52305150847c_800x.jpg?v=1647204217 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="83" style="--cr-light: #e5e5f1;--cr: #e2d3ff;--cr-dark: #c0a4fa;" > <a class="p-fill" href="/blogs/recipes/cucumber-collins"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Cucumber Collins</span> <div class="article-card__excerpt t-b-3">A floral cocktail that's cool as a cucumber</div> <a class="article-card__link btn c-5" href="/blogs/recipes/cucumber-collins">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="Cucumber Collins" data-src="//aurabora.com/cdn/shop/articles/Frame_1_800x.jpg?v=1646855564" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_100x.jpg?v=1646855564 100w,//aurabora.com/cdn/shop/articles/Frame_1_200x.jpg?v=1646855564 200w,//aurabora.com/cdn/shop/articles/Frame_1_300x.jpg?v=1646855564 300w,//aurabora.com/cdn/shop/articles/Frame_1_400x.jpg?v=1646855564 400w,//aurabora.com/cdn/shop/articles/Frame_1_600x.jpg?v=1646855564 600w,//aurabora.com/cdn/shop/articles/Frame_1_800x.jpg?v=1646855564 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="84" style="--cr-light: #e5e5f1;--cr: #e2d3ff;--cr-dark: #c0a4fa;" > <a class="p-fill" href="/blogs/recipes/berry-clover-cocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Berry Clover Cocktail</span> <div class="article-card__excerpt t-b-3">Our berry basil alternative to a foamy classic</div> <a class="article-card__link btn c-5" href="/blogs/recipes/berry-clover-cocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="Berry Clover Cocktail" data-src="//aurabora.com/cdn/shop/articles/Frame_1_e52b3a62-9f28-4d90-a833-dcf71254a805_800x.jpg?v=1646855771" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_e52b3a62-9f28-4d90-a833-dcf71254a805_100x.jpg?v=1646855771 100w,//aurabora.com/cdn/shop/articles/Frame_1_e52b3a62-9f28-4d90-a833-dcf71254a805_200x.jpg?v=1646855771 200w,//aurabora.com/cdn/shop/articles/Frame_1_e52b3a62-9f28-4d90-a833-dcf71254a805_300x.jpg?v=1646855771 300w,//aurabora.com/cdn/shop/articles/Frame_1_e52b3a62-9f28-4d90-a833-dcf71254a805_400x.jpg?v=1646855771 400w,//aurabora.com/cdn/shop/articles/Frame_1_e52b3a62-9f28-4d90-a833-dcf71254a805_600x.jpg?v=1646855771 600w,//aurabora.com/cdn/shop/articles/Frame_1_e52b3a62-9f28-4d90-a833-dcf71254a805_800x.jpg?v=1646855771 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="85" style="--cr-light: #e5e5f1;--cr: #e2d3ff;--cr-dark: #c0a4fa;" > <a class="p-fill" href="/blogs/recipes/tropical-spritz-cocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Tropical Spritz Cocktail</span> <div class="article-card__excerpt t-b-3">Enjoy these zesty tropical sips on a sunny day</div> <a class="article-card__link btn c-5" href="/blogs/recipes/tropical-spritz-cocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="Tropical Spritz Cocktail" data-src="//aurabora.com/cdn/shop/articles/Frame_1_da4af0d9-1c4b-4a03-aab9-4743b44ae05f_800x.jpg?v=1646855909" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_da4af0d9-1c4b-4a03-aab9-4743b44ae05f_100x.jpg?v=1646855909 100w,//aurabora.com/cdn/shop/articles/Frame_1_da4af0d9-1c4b-4a03-aab9-4743b44ae05f_200x.jpg?v=1646855909 200w,//aurabora.com/cdn/shop/articles/Frame_1_da4af0d9-1c4b-4a03-aab9-4743b44ae05f_300x.jpg?v=1646855909 300w,//aurabora.com/cdn/shop/articles/Frame_1_da4af0d9-1c4b-4a03-aab9-4743b44ae05f_400x.jpg?v=1646855909 400w,//aurabora.com/cdn/shop/articles/Frame_1_da4af0d9-1c4b-4a03-aab9-4743b44ae05f_600x.jpg?v=1646855909 600w,//aurabora.com/cdn/shop/articles/Frame_1_da4af0d9-1c4b-4a03-aab9-4743b44ae05f_800x.jpg?v=1646855909 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="86" style="--cr-light: #edfff2;--cr: #d1edd9;--cr-dark: #a5e0b6;" > <a class="p-fill" href="/blogs/recipes/the-fresh-and-clean"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">The Fresh and Clean</span> <div class="article-card__excerpt t-b-3">The perfect hibiscus drink to sip by the beach</div> <a class="article-card__link btn c-5" href="/blogs/recipes/the-fresh-and-clean">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="The Fresh and Clean" data-src="//aurabora.com/cdn/shop/articles/Frame_1_560f65d9-c206-4516-98ed-519c7a01d87f_800x.jpg?v=1646856024" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_560f65d9-c206-4516-98ed-519c7a01d87f_100x.jpg?v=1646856024 100w,//aurabora.com/cdn/shop/articles/Frame_1_560f65d9-c206-4516-98ed-519c7a01d87f_200x.jpg?v=1646856024 200w,//aurabora.com/cdn/shop/articles/Frame_1_560f65d9-c206-4516-98ed-519c7a01d87f_300x.jpg?v=1646856024 300w,//aurabora.com/cdn/shop/articles/Frame_1_560f65d9-c206-4516-98ed-519c7a01d87f_400x.jpg?v=1646856024 400w,//aurabora.com/cdn/shop/articles/Frame_1_560f65d9-c206-4516-98ed-519c7a01d87f_600x.jpg?v=1646856024 600w,//aurabora.com/cdn/shop/articles/Frame_1_560f65d9-c206-4516-98ed-519c7a01d87f_800x.jpg?v=1646856024 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="87" style="--cr-light: #edfff2;--cr: #d1edd9;--cr-dark: #a5e0b6;" > <a class="p-fill" href="/blogs/recipes/passionfruit-gin-fizz-mocktail"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Passionfruit Fizz Mocktail</span> <div class="article-card__excerpt t-b-3">Sip to be transported to a botanical universe</div> <a class="article-card__link btn c-5" href="/blogs/recipes/passionfruit-gin-fizz-mocktail">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="4416" height="2944" alt="Passionfruit Fizz Mocktail" data-src="//aurabora.com/cdn/shop/articles/Hibiscus_Passionfruit_x_Monday_Landscape_800x.jpg?v=1644003647" data-srcset="//aurabora.com/cdn/shop/articles/Hibiscus_Passionfruit_x_Monday_Landscape_100x.jpg?v=1644003647 100w,//aurabora.com/cdn/shop/articles/Hibiscus_Passionfruit_x_Monday_Landscape_200x.jpg?v=1644003647 200w,//aurabora.com/cdn/shop/articles/Hibiscus_Passionfruit_x_Monday_Landscape_300x.jpg?v=1644003647 300w,//aurabora.com/cdn/shop/articles/Hibiscus_Passionfruit_x_Monday_Landscape_400x.jpg?v=1644003647 400w,//aurabora.com/cdn/shop/articles/Hibiscus_Passionfruit_x_Monday_Landscape_600x.jpg?v=1644003647 600w,//aurabora.com/cdn/shop/articles/Hibiscus_Passionfruit_x_Monday_Landscape_800x.jpg?v=1644003647 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="88" style="--cr-light: #edfff2;--cr: #d1edd9;--cr-dark: #a5e0b6;" > <a class="p-fill" href="/blogs/recipes/peppermint-mojito"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Peppermint Mojito</span> <div class="article-card__excerpt t-b-3">A fruity weird water twist on a classic mint mojito</div> <a class="article-card__link btn c-5" href="/blogs/recipes/peppermint-mojito">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="1096" height="852" alt="Peppermint Mojito" data-src="//aurabora.com/cdn/shop/articles/Frame_1_e41442c8-5f96-4a66-8577-87a9ad6119e9_800x.jpg?v=1646856115" data-srcset="//aurabora.com/cdn/shop/articles/Frame_1_e41442c8-5f96-4a66-8577-87a9ad6119e9_100x.jpg?v=1646856115 100w,//aurabora.com/cdn/shop/articles/Frame_1_e41442c8-5f96-4a66-8577-87a9ad6119e9_200x.jpg?v=1646856115 200w,//aurabora.com/cdn/shop/articles/Frame_1_e41442c8-5f96-4a66-8577-87a9ad6119e9_300x.jpg?v=1646856115 300w,//aurabora.com/cdn/shop/articles/Frame_1_e41442c8-5f96-4a66-8577-87a9ad6119e9_400x.jpg?v=1646856115 400w,//aurabora.com/cdn/shop/articles/Frame_1_e41442c8-5f96-4a66-8577-87a9ad6119e9_600x.jpg?v=1646856115 600w,//aurabora.com/cdn/shop/articles/Frame_1_e41442c8-5f96-4a66-8577-87a9ad6119e9_800x.jpg?v=1646856115 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="89" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/spiked-cactus"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Spiked Cactus Cocktail</span> <div class="article-card__excerpt t-b-3">A sour lemon blend with a sweet prickly pear finish</div> <a class="article-card__link btn c-5" href="/blogs/recipes/spiked-cactus">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="540" height="418" alt="Spiked Cactus Cocktail" data-src="//aurabora.com/cdn/shop/articles/cactusrosenew_800x.jpg?v=1642125762" data-srcset="//aurabora.com/cdn/shop/articles/cactusrosenew_100x.jpg?v=1642125762 100w,//aurabora.com/cdn/shop/articles/cactusrosenew_200x.jpg?v=1642125762 200w,//aurabora.com/cdn/shop/articles/cactusrosenew_300x.jpg?v=1642125762 300w,//aurabora.com/cdn/shop/articles/cactusrosenew_400x.jpg?v=1642125762 400w,//aurabora.com/cdn/shop/articles/cactusrosenew_600x.jpg?v=1642125762 600w,//aurabora.com/cdn/shop/articles/cactusrosenew_800x.jpg?v=1642125762 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="90" style="--cr-light: #e5e5f1;--cr: #e2d3ff;--cr-dark: #c0a4fa;" > <a class="p-fill" href="/blogs/recipes/lavender-cucumber-spritzer"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Lavender Spritzer</span> <div class="article-card__excerpt t-b-3">A vodka spritzer known to cause heavenly feelings</div> <a class="article-card__link btn c-5" href="/blogs/recipes/lavender-cucumber-spritzer">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="540" height="418" alt="Lavender Spritzer" data-src="//aurabora.com/cdn/shop/articles/lavcuc_800x.jpg?v=1642087191" data-srcset="//aurabora.com/cdn/shop/articles/lavcuc_100x.jpg?v=1642087191 100w,//aurabora.com/cdn/shop/articles/lavcuc_200x.jpg?v=1642087191 200w,//aurabora.com/cdn/shop/articles/lavcuc_300x.jpg?v=1642087191 300w,//aurabora.com/cdn/shop/articles/lavcuc_400x.jpg?v=1642087191 400w,//aurabora.com/cdn/shop/articles/lavcuc_600x.jpg?v=1642087191 600w,//aurabora.com/cdn/shop/articles/lavcuc_800x.jpg?v=1642087191 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="91" style="--cr-light: #e5e5f1;--cr: #e2d3ff;--cr-dark: #c0a4fa;" > <a class="p-fill" href="/blogs/recipes/watermelon-mojito"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Watermelon Mojito</span> <div class="article-card__excerpt t-b-3">An herbaceous twist to a tried and true classic</div> <a class="article-card__link btn c-5" href="/blogs/recipes/watermelon-mojito">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="540" height="418" alt="Watermelon Mojito" data-src="//aurabora.com/cdn/shop/articles/Untitled-1_800x.jpg?v=1642085740" data-srcset="//aurabora.com/cdn/shop/articles/Untitled-1_100x.jpg?v=1642085740 100w,//aurabora.com/cdn/shop/articles/Untitled-1_200x.jpg?v=1642085740 200w,//aurabora.com/cdn/shop/articles/Untitled-1_300x.jpg?v=1642085740 300w,//aurabora.com/cdn/shop/articles/Untitled-1_400x.jpg?v=1642085740 400w,//aurabora.com/cdn/shop/articles/Untitled-1_600x.jpg?v=1642085740 600w,//aurabora.com/cdn/shop/articles/Untitled-1_800x.jpg?v=1642085740 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="92" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/cactus-rose-margarita"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Cactus Rose Margarita</span> <div class="article-card__excerpt t-b-3">Kick back with some cactus, rose, and bubbles</div> <a class="article-card__link btn c-5" href="/blogs/recipes/cactus-rose-margarita">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="4416" height="2944" alt="Cactus Rose Margarita" data-src="//aurabora.com/cdn/shop/articles/image00002_800x.jpg?v=1636920202" data-srcset="//aurabora.com/cdn/shop/articles/image00002_100x.jpg?v=1636920202 100w,//aurabora.com/cdn/shop/articles/image00002_200x.jpg?v=1636920202 200w,//aurabora.com/cdn/shop/articles/image00002_300x.jpg?v=1636920202 300w,//aurabora.com/cdn/shop/articles/image00002_400x.jpg?v=1636920202 400w,//aurabora.com/cdn/shop/articles/image00002_600x.jpg?v=1636920202 600w,//aurabora.com/cdn/shop/articles/image00002_800x.jpg?v=1636920202 800w" data-sizes="auto" class="lazyload " > </div> </div> <div class="article-card " data-animate-fade-in-up data-animate-stagger="93" style="--cr-light: #fde4aa;--cr: #ffd063;--cr-dark: #f5b54a;" > <a class="p-fill" href="/blogs/recipes/recipe-2"> <span class="screen-reader-only">See Recipe</span> </a> <div class="article-card__text"> <span class="article-card__title t-h-3 cr-white t-shadow t-uppercase">Elderflower Punch</span> <div class="article-card__excerpt t-b-3">Go for the one-two-punch with this floral punch</div> <a class="article-card__link btn c-5" href="/blogs/recipes/recipe-2">See Recipe</a> </div> <div class="article-card__image child-cover"> <img width="928" height="522" alt="Elderflower Punch" data-src="//aurabora.com/cdn/shop/articles/bg_4d38d64a-a191-48a3-a318-da86586a2e3d_800x.png?v=1636594061" data-srcset="//aurabora.com/cdn/shop/articles/bg_4d38d64a-a191-48a3-a318-da86586a2e3d_100x.png?v=1636594061 100w,//aurabora.com/cdn/shop/articles/bg_4d38d64a-a191-48a3-a318-da86586a2e3d_200x.png?v=1636594061 200w,//aurabora.com/cdn/shop/articles/bg_4d38d64a-a191-48a3-a318-da86586a2e3d_300x.png?v=1636594061 300w,//aurabora.com/cdn/shop/articles/bg_4d38d64a-a191-48a3-a318-da86586a2e3d_400x.png?v=1636594061 400w,//aurabora.com/cdn/shop/articles/bg_4d38d64a-a191-48a3-a318-da86586a2e3d_600x.png?v=1636594061 600w,//aurabora.com/cdn/shop/articles/bg_4d38d64a-a191-48a3-a318-da86586a2e3d_800x.png?v=1636594061 800w" data-sizes="auto" class="lazyload " > </div> </div> </div></section></main> <footer id="shopify-section-global-footer" class="shopify-section global-footer bg-purple-light u-perform"> <nav class="global-footer__social bg-rainbow t-uppercase"> <ul class="linklist"> <li class="linklist__item t-shadow"> <a class="t-h-3 cr-white t-shadow" href="https://www.tiktok.com/@drinkaurabora">TikTok</a> </li> <li class="linklist__item t-shadow"> <a class="t-h-3 cr-white t-shadow" href="https://twitter.com/drinkaurabora">Twitter</a> </li> <li class="linklist__item t-shadow"> <a class="t-h-3 cr-white t-shadow" href="https://www.instagram.com/drinkaurabora/?hl=en">Instagram</a> </li> <li class="linklist__item t-shadow"> <a class="t-h-3 cr-white t-shadow" href="https://drinkaurabora.tumblr.com/">Tumblr</a> </li> <li class="linklist__item t-shadow"> <a class="t-h-3 cr-white t-shadow" href="https://open.spotify.com/user/5vey76682jwj4jpd42w9zljqh">Spotify</a> </li> </ul> </nav> <div class="global-footer__main f-h f-a-c t-center c-2"> <nav class="global-footer__main-left footer-links t-uppercase"> <ul class="linklist"> <li class="linklist__item"> <a href="/">Home</a> </li> <li class="linklist__item is-active "> <a href="/blogs/recipes">Mixology</a> </li> <li class="linklist__item"> <a href="/pages/wholesale">Wholesale</a> </li> <li class="linklist__item"> <a href="/pages/say-hey">Say Hey</a> </li> </ul> </nav> <div class="global-footer__main-center f-v f-a-c g-gap-2 c-4"> <a class="footer-logo" href="https://aurabora.com" aria-label="Aura Bora logo with link to homepage"><svg class="svg-logo" viewBox="0 0 148 28" fill="currentColor"> <path d="M6.7.4 3.5 17.7a13 13 0 0 0-3.4-.6L0 20c.5 0 1.9.1 3 .5l-1.4 7h2.6l1-5.6c1.1.5 2.7 1 4.6 1l.9 4.6H17L11.8.4H6.7ZM5.8 19l1.6-8.6L9.2 20a7 7 0 0 1-3.4-1Z"/> <path d="M25.1 28c4.5 0 7.4-1.7 7.4-7.5V.5h-2.7v20c0 3.1-.6 4.2-2.8 4.2-2.2 0-2.7-1-2.7-4.1V.4h-6.6v20.1c0 5.9 3 7.5 7.4 7.5Z"/> <path d="M40.9 17.1h.6l2.4 10.5h6.6l-2.8-12.1c1.7-1.4 2.7-3.6 2.7-6.7 0-7-3.5-8.4-8-8.4h-7.8v27.2h6.3V17.1Zm0-14.3h1.3c1.2 0 1.8.7 1.8 5.7 0 4.8-.5 5.8-1.8 5.8h-1.3V2.8Z"/> <path d="M52.7 27.6h2.6l1-5.6c1 .5 2.6 1 4.6 1l.8 4.6h6.5L63 .4h-5.1l-3.3 17.3a13 13 0 0 0-3.3-.6l-.1 3c.5 0 1.8.1 2.9.5l-1.3 7Zm5.7-17.3 1.9 9.8a7.5 7.5 0 0 1-3.4-1.1l1.5-8.7Z"/> <path d="M88.3 13.3c2.8-.7 4.8-2.5 4.8-6.1C93.1 1 89.6.3 84.8.3h-6.7v27.2h6.7c4.8 0 8.5-1.7 8.5-7.4 0-4.5-2-6.2-5-6.8Zm-4-10.6h.5c1.6 0 2 .5 2 5 0 4.3-.4 4.7-2 4.7h-.6V2.7Zm.6 22.4h-.7V14.6h.7c1.4 0 2 .6 2 5.2 0 5-.4 5.3-2 5.3Z"/> <path d="M102.9 0c-5.5 0-8.3 3.4-8.3 14 0 10.4 2.8 13.8 8.3 13.8 5.4 0 8.2-3.4 8.2-13.9S108.3 0 103 0Zm0 25.6c-1.6 0-1.7-1-1.7-11.7 0-10.8 0-11.7 1.7-11.7 1.5 0 1.7 1 1.7 11.7 0 10.8-.1 11.7-1.7 11.7Z"/> <path d="M128.6 8.7c0-7-3.5-8.4-8-8.4H113v27.2h6.3V17h.6l2.3 10.5h6.6L126 15.4c1.7-1.4 2.6-3.5 2.6-6.7Zm-8.2 5.5h-1.2V2.7h1.2c1.3 0 1.9.7 1.9 5.7 0 4.8-.6 5.8-1.9 5.8Z"/> <path d="M140.7 27.6h6.4L141.8.3h-5.1l-3.2 17.3a13 13 0 0 0-3.4-.6v3c.4 0 1.8.1 2.8.6l-1.3 7h2.6l1-5.7c1.1.5 2.7 1 4.6 1l.9 4.7Zm-5-8.8 1.7-8.6 1.8 9.8a7.2 7.2 0 0 1-3.4-1.2Z"/> </svg></a> <div class="global-footer__newsletter-prompt t-b-3"> <p>Sign up for our newsletter and get 15% off!</p> </div> <form id="global-footer-email-capture" class="comp-email-capture global-footer__email-capture" action="//manage.kmail-lists.com/subscriptions/subscribe" data-ajax-submit="//manage.kmail-lists.com/ajax/subscriptions/subscribe" method="GET" target="_blank" > <input type="hidden" name="g" value="WgjsUr"> <div class="comp-email-capture__success p-fill form-success"><p>Welcome! Check your email for discounts and more.</p></div> <label class="screen-reader-only" for="global-footer-email-capture-email"> Email Address</label> <input id="global-footer-email-capture-email" type="email" name="email" pattern="[a-zA-Z0-9.-_]{1,}@[a-zA-Z.-]{2,}[.]{1}[a-zA-Z]{2,}" placeholder="Email Address" required> <button class="comp-email-capture__submit child-contain" type="submit"> <span class="screen-reader-only">Sign Up for emails</span> <svg class="svg-arrow-right cr-orange-dark" viewBox="0 0 55 37" fill="currentColor" stroke="#000" stroke-width="1.5"> <path d="m40.26 2.429-.395-.622-.629.384-5.292 3.232-.652.399.41.644 1.65 2.593c1.416 2.227 3.114 4.267 4.774 6.02H1.196v7.389H39.84c-1.6 1.735-3.212 3.783-4.565 6.103l-1.546 2.653-.385.66.666.373 5.415 3.03.643.36.372-.637 1.546-2.653c1.812-3.108 4.34-5.722 6.494-7.594a37.774 37.774 0 0 1 2.67-2.122c.333-.239.594-.417.765-.532l-.416-.623.416.623.185-.121.036-.023.001-.001.002-.002a3.793 3.793 0 0 0 1.79-3.099 3.785 3.785 0 0 0-1.608-3.2l-.003-.002-.002-.002-.044-.031-.2-.147c-.181-.134-.453-.34-.797-.609a52.528 52.528 0 0 1-2.743-2.31c-2.212-1.993-4.788-4.656-6.623-7.54L40.26 2.429Z"/> </svg> </button> </form> <script type="text/javascript" defer> KlaviyoSubscribe.attachToForms('#global-footer-email-capture', { hide_form_on_success: true, extra_properties: { $source: 'Site Footer' }, success: function(data) { let _newsletterForm = document.getElementById('global-footer-email-capture'); _newsletterForm.classList.add('is-success'); } }); </script> </div> <nav class="global-footer__main-right t-uppercase"> <ul class="linklist"> <li class="linklist__item"> <a href="https://aurabora.com/pages/the-greatest-subscription-in-the-bubbleverse">Subscriptions</a> </li> <li class="linklist__item"> <a href="https://aurabora.com/community/membership">Free Membership Program</a> </li> <li class="linklist__item"> <a href="/blogs/articles">Blog</a> </li> <li class="linklist__item"> <a href="/collections/vacation">Vacation</a> </li> </ul> </nav> </div> <div class="global-footer__bottom f-h f-j-b f-a-c t-b-4 t-uppercase"> <span class="global-footer__copyright">© Aura Bora 2025</span> <ul class="linklist f-h"> <li class="linklist__item"> <a href="/policies/privacy-policy">Privacy Policy</a> </li> <li class="linklist__item"> <a href="/policies/terms-of-service">Terms of Service</a> </li> <li class="linklist__item"> <a href="/pages/faq">FAQs</a> </li> <li class="linklist__item"> <a href="/pages/kind-words">Press</a> </li> <li class="linklist__item"> <button class="t-uppercase" data-acsb-custom-trigger="true">Accessibility</button> </li> </ul> <a href="https://view-source.com" class="global-footer__credit"><u>Site credit</u></a> </div></footer> <div id="shopify-section-global-cart" class="shopify-section"> <div class="global-minicart"> <div class="global-minicart__header"> <div class="global-minicart__header-title t-h-3 f-h f-j-b f-a-c"> <span>Cart (<span class="js-cart-total-items">0</span>)</span> <button class="global-minicart__close child-contain js-minicart-close" aria-label="Close cart"> <svg class="svg-close " viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="#000" stroke-linecap="square" aria-hidden="true"> <path d="M6.67 3.12 5.33 1 1 3.64l1.35 2.12a37.18 37.18 0 0 0 7.37 8.18 31.28 31.28 0 0 0-7.42 8.41l-1.27 2.17L5.46 27l1.27-2.17a26.28 26.28 0 0 1 5.43-6.36c.68-.6 1.3-1.08 1.8-1.45.51.41 1.15.94 1.84 1.57a32.22 32.22 0 0 1 5.53 6.29L22.67 27 27 24.36l-1.35-2.12a37.18 37.18 0 0 0-7.37-8.18 31.27 31.27 0 0 0 7.42-8.41l1.27-2.17L22.54 1l-1.27 2.17a26.28 26.28 0 0 1-5.43 6.36c-.68.6-1.3 1.08-1.8 1.46-.51-.42-1.15-.95-1.84-1.58a32.22 32.22 0 0 1-5.53-6.29Z"/> </svg> </button> </div> <div class="free-shipping js-free-shipping-meter " data-shipping-goal="40"> <p class="free-shipping__messages t-b-5 t-uppercase"> <span class="free-shipping__failure"> <span>Free shipping over $40 • </span> <span class="js-free-shipping-remainder">$40</span> <span>more to unlock</span> </span> <span class="free-shipping__success">Yay! You've earned free shipping. Order now!</span> </p> <div class="free-shipping__bar"> <div class="free-shipping__bar--progress bg-rainbow js-free-shipping-progress" style="width: 0.0%;"></div> </div> </div> </div> <div class="global-minicart__scroll"> <div class="global-minicart__main js-cart-refresh-items t-h-3" data-empty-message="Oh no! Your cart is super empty :("> </div> </div> <div class="global-minicart__bottom"> <div class="global-minicart__options t-b-3 t-uppercase"> <form class="global-minicart__options-note"> <input id="cart-note-input" type="checkbox"> <label for="cart-note-input">Add a note</label> <label for="cart-note-field" class="screen-reader-only">Write your note</label> <textarea class="global-minicart__options-textarea t-b-3" id="cart-note-field" name="note" maxlength="120" placeholder="Your message…"></textarea> </form> </div> <div class="global-minicart__discount js-cart-discount"> <form class="global-minicart__discount__form js-discount-form" method="post" action="/discount" accept-charset="UTF-8" data-success="Discount applied!" data-failure="Sorry, that code didn't work!"> <label class="screen-reader-only" for="minicart-discount">Discount</label> <input class="js-discount-code" id="minicart-discount" type="text" name="discount" placeholder="Enter Promo Code" required> <button class="global-minicart__discount__submit child-contain" type="submit"> <span class="screen-reader-only">Enter Promo Code</span> <svg class="svg-arrow-right cr-orange-dark" viewBox="0 0 55 37" fill="currentColor" stroke="#000" stroke-width="1.5"> <path d="m40.26 2.429-.395-.622-.629.384-5.292 3.232-.652.399.41.644 1.65 2.593c1.416 2.227 3.114 4.267 4.774 6.02H1.196v7.389H39.84c-1.6 1.735-3.212 3.783-4.565 6.103l-1.546 2.653-.385.66.666.373 5.415 3.03.643.36.372-.637 1.546-2.653c1.812-3.108 4.34-5.722 6.494-7.594a37.774 37.774 0 0 1 2.67-2.122c.333-.239.594-.417.765-.532l-.416-.623.416.623.185-.121.036-.023.001-.001.002-.002a3.793 3.793 0 0 0 1.79-3.099 3.785 3.785 0 0 0-1.608-3.2l-.003-.002-.002-.002-.044-.031-.2-.147c-.181-.134-.453-.34-.797-.609a52.528 52.528 0 0 1-2.743-2.31c-2.212-1.993-4.788-4.656-6.623-7.54L40.26 2.429Z"/> </svg> </button> </form> </div> <div class="global-minicart__checkout js-cart-checkout "> <button type="button" class="global-minicart__continue js-minicart-close p-fill t-uppercase" aria-label="Close minicart and keep shopping">Keep Shopping</button> <div class="global-minicart__checkout__main"> <div class="global-minicart__checkout__pricing t-l-3"> <span class="global-minicart__checkout__pricing__item">Subtotal: <span class="js-cart-subtotal-price">$0.00</span></span><span class="global-minicart__checkout__pricing__item">Shipping: <span class="js-shipping-label" data-shipping-cost="5">$5.00 </span></span></div> <button aria-label="Check out" class="global-minicart__checkout-link js-cart-checkout-button btn bg-green"> <span class="t-l-1"> <span class="global-minicart__checkout__remainder js-disabled-checkout-cta t-b-3 is-hidden"> <span class="js-min-order-remainder">$0</span><span> more to check out</span> </span> <span class="js-checkout-cta t-uppercase ">Checkout</span> </span><span class="t-l-1"><span class="js-cart-total-price">$5.00</span></span></button> </div> </div> </div> </div> <button class="global-minicart__overlay js-minicart-close" aria-label="Close minicart"></button> <div class="global-loading-bar js-loading-bar"></div></div> <div id="shopify-section-global-minigame" class="shopify-section minigame"> <div class="minigame__toolbar"> <button class="minigame__audio t-shadow child-contain js-audio-toggle" aria-label="Toggle sound on/off"> <svg class="svg-speaker" viewBox="0 0 43 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <g class="svg-speaker-off"> <path d="M26 10c4.3 4 7.3 9.4 12 13" stroke="#000" stroke-width="2" stroke-linecap="round"/> <path d="M26.5 24.4c1-1.6 1-1.5 2-3.4 1.2-1.8 2.4-3.6 3.3-5.5l2.8-4.4c.7-1.1 1.5-2 2-3.1" stroke="#000" stroke-width="2" stroke-linecap="round"/> </g> <g class="svg-speaker-on"> <path d="M24 11.6c2.3 1 3 3.8 3 5.8s-1 4-2.5 4.6" stroke="#000" stroke-width="2" stroke-linecap="round"/> <path d="M33.5 3c2.5 1.4 4 3.5 5.5 5.4 1.5 2 2 3.8 2.5 6 .7 2.6.5 5.5-.5 8-.7 1.5-1.7 2.9-2.5 4-.7 1.4-3.3 3.4-4 4" stroke="#000" stroke-width="2" stroke-linecap="round"/> <path d="M26.5 6.4c1.7 0 2.3.3 3.6 1.2 1 .7 1.7 1.6 2.5 2.6 2 2.3 3 5.9 2.4 8.7-.4 2-1.5 4.5-3.1 6-1 .8-2.4 1.5-3.4 2" stroke="#000" stroke-width="2" stroke-linecap="round"/> </g> <path class="svg-speaker-megaphone" d="M1.8 11c1-2 3.8-1.2 5.7-1.2L10 6.4c1-1.5 2.5-3 3.5-4.1C14.6 1 17 .3 18.2 2c.9 1.1 1 4 1 5.4v26c0 2.1-2.2 1-3.4.3a15 15 0 0 1-3.8-3.3C11 29 10.2 28 9 27c-1.5 0-6.8.7-7.1-.4-1-3.2-.9-7.1-.9-10.4 0-1.6 0-3.6.8-5Z" fill="#E1EBAF" stroke="#000" stroke-width="2" stroke-linecap="round"/> </svg> </button> <button class="minigame__close js-minigame-close" aria-label="Close minigame"> <svg class="svg-close cr-white t-shadow--thin" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="#000" stroke-linecap="square" aria-hidden="true"> <path d="M6.67 3.12 5.33 1 1 3.64l1.35 2.12a37.18 37.18 0 0 0 7.37 8.18 31.28 31.28 0 0 0-7.42 8.41l-1.27 2.17L5.46 27l1.27-2.17a26.28 26.28 0 0 1 5.43-6.36c.68-.6 1.3-1.08 1.8-1.45.51.41 1.15.94 1.84 1.57a32.22 32.22 0 0 1 5.53 6.29L22.67 27 27 24.36l-1.35-2.12a37.18 37.18 0 0 0-7.37-8.18 31.27 31.27 0 0 0 7.42-8.41l1.27-2.17L22.54 1l-1.27 2.17a26.28 26.28 0 0 1-5.43 6.36c-.68.6-1.3 1.08-1.8 1.46-.51-.42-1.15-.95-1.84-1.58a32.22 32.22 0 0 1-5.53-6.29Z"/> </svg> <span class="t-h-5 cr-white t-shadow--thin t-uppercase tablet-up-only">Exit</span> </button> </div> <div class="minigame__progress"> <div class="minigame__progress-item child-contain js-minigame-score-slot"> <img src="//aurabora.com/cdn/shop/t/225/assets/svg-ingredient-strawberry.svg?v=80237412249738577801728957820" alt="A strawberry that has been collected"> </div> <div class="minigame__progress-item child-contain js-minigame-score-slot"> <img src="//aurabora.com/cdn/shop/t/225/assets/svg-ingredient-strawberry.svg?v=80237412249738577801728957820" alt="A strawberry that has been collected"> </div> <div class="minigame__progress-item child-contain js-minigame-score-slot"> <img src="//aurabora.com/cdn/shop/t/225/assets/svg-ingredient-strawberry.svg?v=80237412249738577801728957820" alt="A strawberry that has been collected"> </div> <div class="minigame__progress-item child-contain js-minigame-score-slot"> <img src="//aurabora.com/cdn/shop/t/225/assets/svg-ingredient-strawberry.svg?v=80237412249738577801728957820" alt="A strawberry that has been collected"> </div> <div class="minigame__progress-item child-contain js-minigame-score-slot"> <img src="//aurabora.com/cdn/shop/t/225/assets/svg-ingredient-strawberry.svg?v=80237412249738577801728957820" alt="A strawberry that has been collected"> </div> <div class="minigame__progress-item child-contain js-minigame-score-slot"> <img src="//aurabora.com/cdn/shop/t/225/assets/svg-ingredient-strawberry.svg?v=80237412249738577801728957820" alt="A strawberry that has been collected"> </div> <div class="minigame__progress-item child-contain js-minigame-score-slot"> <img src="//aurabora.com/cdn/shop/t/225/assets/svg-ingredient-strawberry.svg?v=80237412249738577801728957820" alt="A strawberry that has been collected"> </div> <div class="minigame__progress-item child-contain js-minigame-score-slot"> <img src="//aurabora.com/cdn/shop/t/225/assets/svg-ingredient-strawberry.svg?v=80237412249738577801728957820" alt="A strawberry that has been collected"> </div> <div class="minigame__progress-item child-contain js-minigame-score-slot"> <img src="//aurabora.com/cdn/shop/t/225/assets/svg-ingredient-strawberry.svg?v=80237412249738577801728957820" alt="A strawberry that has been collected"> </div> <div class="minigame__progress-item child-contain js-minigame-score-slot"> <img src="//aurabora.com/cdn/shop/t/225/assets/svg-ingredient-strawberry.svg?v=80237412249738577801728957820" alt="A strawberry that has been collected"> </div> </div> <div class="minigame__avatar js-minigame-avatar child-contain"> <img class="minigame__avatar--img p-fill" src="//aurabora.com/cdn/shop/t/225/assets/img-mascot-hedgehog.png?v=87758281438090419011728957820" alt="Hedgehog avatar"> <img class="minigame__avatar--gif p-fill" src="//aurabora.com/cdn/shop/t/225/assets/img-avatar-hedgehog.gif?v=32038440182500487841728957820" alt="Hedgehog avatar"> </div> <div class="minigame__landscape js-minigame-landscape"></div> <div class="minigame__states js-minigame-states p-fill user-select-disable"> <div class="minigame__state minigame__state--init"> <p class="minigame__init-directions t-h-3 t-shadow cr-white t-shadow">Avoid the cacti and collect 10 fruit to unlock a discount!</p> <p class="minigame__init-prompt t-b-2 tablet-up-only">Click or use space to jump</p> <p class="minigame__init-prompt t-b-2 tablet-down-only">Click to jump</p> </div> <div class="minigame__state minigame__state--playing"> <p class="minigame__init-prompt t-b-2 tablet-up-only">Click or use space to jump</p> <p class="minigame__init-prompt t-b-2 tablet-down-only">Click to jump</p> </div> <div class="minigame__state minigame__state--won"> <p class="minigame__won-headline t-h-3 t-shadow cr-white t-shadow">You’ve unlocked a discount!</p> <p class="minigame__won-directions t-b-1">Click to copy the code</p> <button class="minigame__code js-text-copy"> <span class="t-h-3 t-stroke cr-white">AURABORA15</span> </button> </div> <div class="minigame__state minigame__state--lost"> <p class="minigame__lost-headline t-h-3 t-shadow cr-white t-shadow">Well that's embarrassing…</p> <p class="minigame__lost-directions btn js-minigame-restart tablet-up-only">Click or press space to restart</p> <p class="minigame__lost-directions btn js-minigame-restart tablet-down-only">Click to restart</p> </div> </div> <div class="minigame__backdrop p-fill"></div> <script> // core settings const game = document.querySelector('.minigame'); const states = game.querySelector('.js-minigame-states'); const speed = isTablet ? 30 / 20 : 30 / 10; const goal = 10; let state = 'closed'; let jumping = false; const jumpTime = 800; // els const scoreSlots = game.querySelectorAll('.js-minigame-score-slot'); const avatar = game.querySelector('.js-minigame-avatar'); const landscape = game.querySelector('.js-minigame-landscape'); const elements = game.querySelector('.js-minigame-elements'); const code = game.querySelector('.js-text-copy'); // sizing const gameWidth = game.offsetWidth; const gameHeight = game.offsetHeight; const gameOffset = game.offsetTop; const landscapeWidth = 1660; const floor = 80; // where landscape starts and els begin const avatarBottom = floor; const avatarLeft = isTablet ? 60 : 100; const avatarWidth = isTablet ? 55 : 95; const avatarHeight = isTablet ? 90 : 150; const cactusBottom = floor - 25; const cactusHeight = isTablet ? 75 : 130; const cactusWidth = isTablet ? 40 : 70; const strawberryBottomMin = floor + 80; const strawberryBottomMax = isTablet ? 230 : 380; const strawberryHeight = isTablet ? 45 : 75; const strawberryWidth = isTablet ? 40 : 65; // speed + movement let landscapeFrame; // tracking animationFrame let startTime; // tracking animationFrame progress let slideIndex = 0; // which index of landscape let intersectTimer; // tracking intersect's setInterval let creatingElements = false; // prevent rare stacking bug let coordinates = []; let eatenBerries = []; // speed + movement let score = 0; // count towards goal to win let position = 0; // for landscape position in pixels // STATES // disallow state stacking/skipping for hyper clickers let stateChanging = false; let soundEffects; let soundOn = true; const loadSoundEffects = () => { soundEffects = [ { 'state': 'init', 'audio': [ new Audio('//aurabora.com/cdn/shop/t/225/assets/minigame-start.mp3?v=104140332747352420431728957820') ] }, { 'state': 'lost', 'audio': [ new Audio('//aurabora.com/cdn/shop/t/225/assets/minigame-lost.mp3?v=152662042010907492231728957820'), new Audio('//aurabora.com/cdn/shop/t/225/assets/minigame-lost-2.mp3?v=139284841614131896291728957820') ] }, { 'state': 'won', 'audio': [ new Audio('//aurabora.com/cdn/shop/t/225/assets/minigame-won.mp3?v=174102814492274501301728957820') ] }, { 'state': 'jump', 'audio': [ new Audio('//aurabora.com/cdn/shop/t/225/assets/minigame-jump.mp3?v=43185112656436118391728957820') ] }, { 'state': 'score', 'audio': [ new Audio('//aurabora.com/cdn/shop/t/225/assets/minigame-score.mp3?v=25064358438615301551728957820') ] } ] } const playSoundEffect = state => { const match = soundEffects.find(item => { return item.state == state; }) if (soundOn) { match.audio.forEach(file => { file.play(); }); } } // back to starting screen const resetGame = () => { // console.log('reset'); landscape.innerHTML = ''; // clear cacti, strawberries score = position = slideIndex = 0; // count towards goal to win scoreSlots.forEach(slot => slot.classList.remove('is-active')); coordinates = []; landscape.style.transform = 'translateX(0)'; // reset starting position }; // options: 'init', 'playing', 'lost', 'won', 'closed' const setState = newState => { state = newState; game.setAttribute('data-state', state); // create nice transition states.classList.add('is-changing'); // transition out == 200ms stateChanging = true; setTimeout(() => { states.classList.remove('is-changing'); stateChanging = false; }, 400); // transition out + transition in == 400ms (add more for delay) switch (state) { case "init": // console.log("init"); root.classList.add('minigame-is-active'); createElements(); scrollDisable(); break; case "playing": // console.log("playing"); requestAnimationFrame(timestamp => { startTime = timestamp; moveLandscape(timestamp) // 400px over 1 second }) intersectTimer = setInterval(checkIntersect, 20); break; case "lost": // console.log("lost"); clearInterval(intersectTimer); playSoundEffect('lost'); break; case "won": // console.log("won"); clearInterval(intersectTimer); playSoundEffect('won'); break; case "closed": // console.log("closed"); root.classList.remove('minigame-is-active'); clearInterval(intersectTimer); scrollEnable(); setTimeout(() => { resetGame(); }, 300); break; } }; // SET UP const incrementScore = () => { score++; playSoundEffect('score'); scoreSlots[score - 1].classList.add('is-active'); if (score == 10) setState("won"); }; const triggerJump = () => { if (!jumping) { avatar.classList.add('is-jumping'); playSoundEffect('jump'); jumping = true; // allow jumping again setTimeout(() => { avatar.classList.remove('is-jumping'); jumping = false; }, jumpTime + 10); // small buffer } } const setStyles = () => { avatar.style.bottom = avatarBottom + 'px'; avatar.style.left = avatarLeft + 'px'; avatar.style.width = avatarWidth + 'px'; avatar.style.height = avatarHeight + 'px'; avatar.style.animationDuration = jumpTime + 'ms'; landscape.style.backgroundSize = `${landscapeWidth}px auto`; } const createElements = () => { if (!creatingElements) { // console.log("createElements"); creatingElements = true; setTimeout(() => { creatingElements = false; }, 400); const slideAdjustment = slideIndex * landscapeWidth; const cactiPerScreen = 1; let cactusLeft = 500; // min starting offset for (let index = 1; index <= cactiPerScreen; index++) { // example: // 1st el is b/w 300 and 900: 800 --> // randomize to 800 // 2nd el is b/w 800 and 1400 const buffer = strawberryWidth * index; // avoid overlap cactusLeft = slideAdjustment + getRandomInt( cactusLeft + buffer, 600 + cactusLeft + buffer ); const id = "el" + getRandomInt(10000,99999); // create cactus const cactusTemplate = `<div id="${id}" class="minigame__cactus js-minigame-cactus" style="width: ${cactusWidth}px; height: ${cactusHeight}px; bottom:${cactusBottom}px; left: ${cactusLeft}px;"></div>`; landscape.insertAdjacentHTML('beforeend', cactusTemplate); coordinates.push({ id: id, type: 'cactus', left: cactusLeft + 5, right: cactusLeft + cactusWidth - 5, top: cactusBottom + cactusHeight, bottom: cactusBottom }) } const strawberriesPerScreen = 3; let strawberryLeft = 200; for (let index = 1; index <= strawberriesPerScreen; index++) { const strawberryBottom = getRandomInt(strawberryBottomMin, strawberryBottomMax); const buffer = strawberryWidth * index; strawberryLeft = slideAdjustment + getRandomInt( strawberryLeft + buffer, 400 + strawberryLeft + buffer ); const id = "el" + getRandomInt(10000,99999); // create strawberries const strawberryTemplate = `<div id="${id}" class="minigame__strawberry js-minigame-strawberry" style="width: ${strawberryWidth}px; height: ${strawberryHeight}px; bottom:${strawberryBottom}px; left: ${strawberryLeft}px;""></div>`; landscape.insertAdjacentHTML('beforeend', strawberryTemplate); coordinates.push({ id: id, type: 'strawberry', left: strawberryLeft, right: strawberryLeft + strawberryWidth, top: strawberryBottom + strawberryHeight, bottom: strawberryBottom }) } } }; const clearElements = () => { // on slide change, destroy the first five els } const moveLandscape = timestamp => { const runTime = timestamp - startTime; if (slideIndex != Math.ceil(position / landscapeWidth)) { slideIndex = Math.ceil(position / landscapeWidth); createElements(); } if (state == "playing") { position = speed * runTime / 5; landscapeFrame = requestAnimationFrame(timestamp => { moveLandscape(timestamp); }); landscape.style.transform = `translateX(-${position}px)`; // console.table({runTime,position,slideIndex}) } } const checkIntersect = () => { const avatarOffsetLeft = position + avatarLeft; const avatarOffsetRight = avatarOffsetLeft + avatarWidth; // offsetTop doesn't recalc with CSS animations const avatarOffsetTop = innerHeight - gameOffset - avatar.getBoundingClientRect().top; // get live calc while jumping const avatarOffsetBottom = avatarOffsetTop - avatarHeight; const overlaps = coordinates.filter(el => // HORIZONTAL overlap // avatar's right is between the el's start and end ((avatarOffsetRight > el.left && avatarOffsetRight < el.right) // or avatar's left is between the el's start and end || (avatarOffsetLeft > el.left && avatarOffsetLeft < el.right)) && // WITH VERTICAL overlap // avatar's TOP is between the el's BOTTOM and TOP ((avatarOffsetTop > el.bottom && avatarOffsetTop < el.top) // or avatar's BOTTOM is between the el's BOTTOM and TOP || (avatarOffsetBottom > el.bottom && avatarOffsetBottom < el.top)) ); // if anything is overlapping if (overlaps.length) { const cactus = overlaps.some(el => el.type == 'cactus'); // only need first const strawberry = overlaps.find(el => el.type == 'strawberry'); // grab all if (cactus) { setState('lost'); } else if (strawberry) { // visually style/eat it const id = strawberry.id; const el = document.getElementById(id); el.classList.add('is-eaten'); // don't allow to be eaten again during animationFrame const found = eatenBerries.some(val => val == id); if (!found) { eatenBerries.push(id); incrementScore(strawberry); } } } // console.log(overlaps); // console.table({avatarOffsetLeft,avatarOffsetRight,avatarOffsetTop,avatarOffsetBottom}); }; // INIT setStyles(); // HANDLERS // open and close on('body', 'click', '.js-minigame-open', e => { e.target.closest('.js-minigame-open').blur(); if (state != 'init') { setState('init'); loadSoundEffects(); playSoundEffect('init'); } }); // open with right query param if (getQueryVariable('game') == 'play') { if (state != 'init') { setState('init'); loadSoundEffects(); playSoundEffect('init'); } } // close on button click on('body', 'click', '.js-minigame-close', e => { setState('closed'); }); // close on outside click on('body', 'click', 'main, header', e => { if (!e.target.closest('.js-minigame-open') && root.classList.contains('minigame-is-active')) { setState('closed'); } }); // close on blur document.addEventListener('blur', e => { setState('closed'); }) // close on escape document.addEventListener('keydown', e => { if (e.key == 'Escape') setState('closed'); }); on('body', 'click', '.js-minigame-restart', e => { resetGame(); setState('init'); }); on('body', 'click', '.js-audio-toggle', e => { soundOn = !soundOn; const target = e.target.closest('.js-audio-toggle'); target.blur(); soundOn ? target.classList.remove('is-muted') : target.classList.add('is-muted'); }); // play or jump on click game.addEventListener('click', e => { if (!e.target.closest('.js-audio-toggle')) { if (state == 'init') { setState('playing'); } else if (state == 'playing') { triggerJump(); } } }); // play or jump on space, enter, up arrow document.addEventListener('keydown', e => { if (e.key == ' ' || e.key == 'Enter' || e.key == 'ArrowUp') { if (state == 'init') { e.preventDefault(); setState('playing'); } else if (state == 'playing') { e.preventDefault(); triggerJump(); } } // restart on space click // while allowing time for lost screen to animate in if (e.key == ' ') { if (state == 'lost' && !stateChanging) { resetGame(); setState('init'); } } }); // copy code to keyboard code.addEventListener('click', () => { const html = code.innerHTML; const text = code.innerText; const copiedText = "Copied!"; const timeout = 2000; navigator.clipboard.writeText(text); code.classList.add('is-copied'); code.innerText = copiedText; setTimeout(() => { code.innerHTML = html; code.classList.remove('is-copied'); }, timeout); }); </script> </div> <div class="popup js-popup"></div> <script> root.style.setProperty( '--s-viewport-height-initial', `${window.innerHeight}px` ); const setSpacingVariables = () => { root.style.setProperty( '--s-viewport-height', `${window.innerHeight}px` ); } setSpacingVariables(); window.addEventListener('resize', setSpacingVariables); const main = document.getElementById('main'); const globalFooter = document.querySelector('.global-footer'); main.style.minHeight = `calc(var(--s-viewport-height) - ${ (globalFooter ? globalFooter.offsetHeight : 0)}px)`; root.classList.add('is_loaded'); </script> <script src="//aurabora.com/cdn/shop/t/225/assets/js-polyfill-focus-visible.js?v=141642740593105286241728957820" type="text/javascript"></script> <script src="//aurabora.com/cdn/shop/t/225/assets/js-plugin-lazysizes.js?v=66108640031549341671728957820" type="text/javascript"></script> <script src="//aurabora.com/cdn/shop/t/225/assets/js-plugin-embla.js?v=115917693810967806161728957820" type="text/javascript"></script> <script src="//aurabora.com/cdn/shop/t/225/assets/js-tracking.min.js?v=4400607662610277491728958916" defer></script> <script src="//aurabora.com/cdn/shop/t/225/assets/js-main.min.js?v=46393357881474986341731630806" defer></script> <!-- Klaviyo Tracking Code START --> <script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script> <script> var klaviyo = klaviyo || []; klaviyo.init({ account: "Sahk98", platform: "shopify", list: "UcmJEk", collection_urls: ["/collections/"] }); const initKlaviyo = () => { klaviyo.enable("backinstock", { trigger: { product_page_text: "Notify me", product_page_class: "js-klaviyo-bis-trigger", product_page_text_align: "center", product_page_margin: "16px", replace_anchor: false }, modal: { additional_styles: "@import url('//aurabora.com/cdn/shop/t/225/assets/styles-klaviyo.min.css?v=121298874507111885891731019987');", headline: "", body_content: "Get a notification when this item becomes available.", email_field_label: "Email Address", newsletter_subscribe_label: "Add me to your email list", subscribe_checked: true, button_label: "Notify me when available", subscription_success_label: "We'll let you know when it drops.", footer_content: "", drop_background_color: "#000", background_color: "#f4f1e8", text_color: "#000", button_text_color: "#000", button_background_color: "#fff", close_button_color: "#000", error_background_color: "#fcd6d7", error_text_color: "#C72E2F", success_background_color: "#d3efcd", success_text_color: "#1B9500" } }); }; initKlaviyo(); </script> <!-- Klaviyo Tracking Code END --> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Website", "name": "Aura Bora", "url": "https://aurabora.com" } </script> <script type="application/ld+json"> { "@type": "Organization", "@context": "http://schema.org/", "name": "Aura Bora", "logo": { "@type": "imageObject", "url": "https://aurabora.com/cdn/shop/t/225/assets/logo_300x240.png", "height": "300px", "width": "240px" }, "url": "https://aurabora.com" } </script> <script> (function(){ var s = document.createElement('script'); var h = document.querySelector('head') || document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init({ statementLink : '', footerHtml : '', hideMobile : false, hideTrigger : true, disableBgProcess : false, language : 'en', position : 'left', leadColor : '#146ff8', triggerColor : '#146ff8', triggerRadius : '50%', triggerPositionX : 'left', triggerPositionY : 'bottom', triggerIcon : 'people', triggerSize : 'medium', triggerOffsetX : 20, triggerOffsetY : 20, mobile : { triggerSize : 'small', triggerPositionX : 'left', triggerPositionY : 'center', triggerOffsetX : 10, triggerOffsetY : 0, triggerRadius : '50%' } }); }; h.appendChild(s); })(); </script> </body> </html>