Feeding America

<!doctype html> <html lang="en"> <head> <script> function getParameterByName(name, url = window.location.href) { name = name.replace(/[\[\]]/g, "\\$&"); var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), results = regex.exec(url); if (!results) return null; if (!results[2]) return ""; return decodeURIComponent(results[2].replace(/\+/g, " ")); } const csMode = getParameterByName("cs_view") === "admin"; if (window.location.href.indexOf('tools/customers') != -1 && !csMode) { window.location.replace('https://www.drinkhint.com'); } </script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, user-scalable=0"> <meta name="google-site-verification" content="xCpyIygjqHLheWOdoOFZyvfoBHnoaCa-upfuJiJ5oFE" /> <link rel="canonical" href="https://www.drinkhint.com/pages/feeding-america" /> <link rel="shortcut icon" href="//www.drinkhint.com/cdn/shop/t/1479/assets/favicon.png?v=30896386363842942721732137430" type="image/png" /> <title> Feeding America </title> <meta property="og:title" content="Feeding America" /> <meta property="og:url" content="https://www.drinkhint.com/pages/feeding-america" /> <meta property="og:site_name" content="drinkhint.com" /><meta property="og:image" content="http:open-graph-image.jpg" /> <meta property="og:image:secure_url" content="https:open-graph-image.jpg" /> <meta property="og:type" content="website" /><link rel="preload" href="//www.drinkhint.com/cdn/shop/t/1479/assets/Ginto-Regular.woff2?v=82521651655845056951732137430" as="font" crossorigin="anonymous"/> <link rel="preload" href="//www.drinkhint.com/cdn/shop/t/1479/assets/Ginto-Bold.woff2?v=64810334554149588611732137430" as="font" crossorigin="anonymous"/> <link rel="preload" href="//www.drinkhint.com/cdn/shop/t/1479/assets/Hint-Regular.woff2?v=180099025516029915651732137430" as="font" crossorigin="anonymous"/> <style > :root { --c-primary: #002554; --c-secondary: #95cfe0; --c-secondary-medium: #5887DA; --c-secondary--dark: #50b3e3; --c-white: #fff; --c-text: #4e4e4e; --c-text--light: #6C6C6C; /* --c-text--light: #686d73; */ --c-text--dark: #212b36; --c-link--accent: #007bff; --c-border--light: #d3d8df; --c-border--lightest: #f1f4f7; --svg-down-arrow: url("//www.drinkhint.com/cdn/shop/t/1479/assets/chevron-down.svg?v=103319879659776424001732137430"); } /* Fonts */ @font-face { font-family: "Ginto"; src: url("//www.drinkhint.com/cdn/shop/t/1479/assets/Ginto-Regular.woff2?v=82521651655845056951732137430") format('woff2'), url("//www.drinkhint.com/cdn/shop/t/1479/assets/Ginto-Regular.woff?v=142872102083793521161732137430") format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Ginto"; src: url("//www.drinkhint.com/cdn/shop/t/1479/assets/Ginto-Bold.woff2?v=64810334554149588611732137430") format('woff2'), url("//www.drinkhint.com/cdn/shop/t/1479/assets/Ginto-Bold.woff?v=50726371974463327881732137430") format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "PriceCheck"; src: url("//www.drinkhint.com/cdn/shop/t/1479/assets/Hint-Regular.woff2?v=180099025516029915651732137430") format('woff2'); font-weight: bold; font-style: normal; font-display: swap; } </style>  <link href="//www.drinkhint.com/cdn/shop/t/1479/assets/staticPage.bundle.css?v=170739320597699884401732137430" rel="stylesheet" type="text/css" media="all" />   <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/1430159418/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="ab5205f3845bc3388231d5e1374d8bb3"> <meta id="in-context-paypal-metadata" data-shop-id="1430159418" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":1430159418,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/1430159418","merchantName":"drinkhint.com","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"drinkhint.com","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"ab5205f3845bc3388231d5e1374d8bb3","betas":["rich-media-storefront-analytics"],"domain":"www.drinkhint.com","predictiveSearch":true,"shopId":1430159418,"smart_payment_buttons_url":"https:\/\/www.drinkhint.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/www.drinkhint.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "drinkhint.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"Production 11\/20","id":126979473511,"schema_name":null,"schema_version":null,"theme_store_id":796,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "www.drinkhint.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 id="shop-js-analytics" type="application/json">{"pageType":"page"}</script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/static.rechargecdn.com\/static\/js\/recharge.js?shop=drinkhint.myshopify.com","https:\/\/\/onsite\/js\/klaviyo.js?company_id=SUzRQS\u0026shop=drinkhint.myshopify.com","https:\/\/f624058c3f5c8edb775a-dea6612566ec344afdf376d2faa6c82f.ssl.cf5.rackcdn.com\/skt_brandedgc_start.js?shop=drinkhint.myshopify.com","https:\/\/\/onsite\/js\/klaviyo.js?company_id=RcNGvS\u0026shop=drinkhint.myshopify.com","https:\/\/\/onsite\/js\/klaviyo.js?company_id=RcNGvS\u0026shop=drinkhint.myshopify.com","https:\/\/config.gorgias.chat\/bundle-loader\/01H6Y1E668863D6GSE956Y7SWK?source=shopify1click\u0026shop=drinkhint.myshopify.com","https:\/\/cdn.attn.tv\/hint\/dtag.js?shop=drinkhint.myshopify.com","https:\/\/cdn.attn.tv\/hint\/dtag.js?shop=drinkhint.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":1430159418,"offset":-28800,"reqid":"7f38c059-506f-4676-90ba-0e265dc8c09a-1732440044","pageurl":"www.drinkhint.com\/pages\/feeding-america","s":"pages-87712792679","u":"13e9e8ee4dbe","p":"page","rtyp":"page","rid":87712792679};</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(',');function s(t,e,n=!1){try{const o=window.sessionStorage;for(const[n,c]of Object.entries(JSON.parse(o.getItem(e))))t.elements[n]&&(t.elements[n].value=c);n&&o.removeItem(e)}catch{}}const a='form_key',i=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response','password'],u=()=>{try{return window.sessionStorage}catch{return}},m=t=>t.elements[a],f='form_type',d='cptcha';function p(t){t.dataset[d]=!0}const l=window,h=l.document,_='Shopify',y='ce_forms',E='captcha';let v=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe','https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js',T={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=l[_][y],c=o.bindForm;if(c)return c(t,g,e,T).then(n);o.q.push([[t,g,e,T],n]),v||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js'})),v=!0)});var g,T;l[_]=l[_]||{},l[_][y]=l[_][y]||{},l[_][y].q=[],l[_][E]=l[_][E]||{},l[_][E].protect=function(t,e){n(t,void 0,e),p(t)},Object.freeze(l[_][E]),function(t,e,n,l,h,_){const[y,E,v,g]=function(t,e,n){const s=e?o:[],a=t?c:[],i=[...s,...a],u=[...o],m=r(i),f=r(s),d=n&&r(i.filter((([t,e])=>n.includes(e)))),p=r(u),l=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];return[l(m),l(f),l(d),l(p)]}(l,h,_),T=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},S=t=>y().includes(t);t.addEventListener('submit',(t=>{const e=T(t);if(!e)return;const n=S(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=m(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!u())return;!function(t){const e=u();if(!e)return;const n=m(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){m(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:a})),t.elements[a].value=e}(t,e),function(t,e){const n=u();if(!n)return;const o=[...t.querySelectorAll('input[type="password"]')].map((({name:t})=>t)),c=[...i,...o],r={};for(const[s,a]of new FormData(t).entries())c.includes(s)||(r[s]=a);n.setItem(e,JSON.stringify(r))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const w=(t,e)=>{t&&!t.dataset[d]&&(n(t,e.some((e=>e===t))),p(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=T(t);S(e)&&w(e,E())}));const A=e.get('form_key'),b=e.get(f),I=A&&b;t.addEventListener('DOMContentLoaded',(()=>{const t=E();if(I)for(const e of t)e.elements[f].value===b&&s(e,A);[...new Set([...v(),...y().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>w(e,t)))}))}(h,new URLSearchParams(l.location.search),n,!1,!0,['guest_login'])})()}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.drinkhint.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//www.drinkhint.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <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> <script> window.shop = { template: "page.feeding-america", currentPage: 1, currentCollection: "", customerIsLogged: false, shopCurrency: "USD", moneyFormat: "${{amount}}", moneyWithCurrencyFormat: "${{amount}} USD", collectionSortBy: null, isMobile: (window.innerWidth < 767) ? true : false, enableModal: true, trafficType: "direct", customer: { name:"", email: "", tags: null, customerHash: '', customerId: '', }, cart: {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}, cartMethods: {}, shopUrl: "https://www.drinkhint.com", themeSettings: { subscriptionUpsell: true, } }; if (window.shop.customer.customerHash) { localStorage.setItem("customerHash", window.shop.customer.customerHash); } function removeUrlParams(paramsToRemove) { let urlObject = new URL(window.location.href); paramsToRemove.forEach(param => { urlObject.searchParams.delete(param); }); window.history.replaceState({}, document.title, urlObject.toString()); } removeUrlParams(["capture_source", "email", "phone_number", "_filteredParams"]); </script>  <script type="module" dynamic> const configUrl = "/a/elevar/static/configs/38d701e5ee3c3cfe12cb7368d06c5e9c6731cef0/config.js"; const config = (await import(configUrl)).default; const scriptUrl = config.script_src_app_theme_embed; if (scriptUrl) { const { handler } = await import(scriptUrl); handler( config, { cartData: { marketId: "1214349415", attributes:{}, cartTotal: "0.0", currencyCode:"USD", items: [] } , user: {cartTotal: "0.0", currencyCode:"USD",customer: {}, } , isOnCartPage:false, collectionView:null, searchResultsView:null, productView:null, checkoutComplete: null } ); } </script> <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: 1430159418,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "page"};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 d(d,e,r,a,n){var o,i,t,s,l=(i=(o={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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-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+|)/}).modern,t=o.legacy,s=navigator.userAgent,i.test(s)?"modern":(t.test(s),"legacy"));window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(d,e,r){return u.replayQueue.push([d,e,r]),!0};try{self.performance.mark("wpm:start")}catch(d){}var h=[r,"/wpm","/b",n,l.substring(0,1),".js"].join("");!function(d){var e=d.src,r=d.async,a=void 0===r||r,n=d.onload,o=d.onerror,i=document.createElement("script"),t=document.head,s=document.body;i.async=a,i.src=e,n&&i.addEventListener("load",n),o&&i.addEventListener("error",o),t?t.appendChild(i):s?s.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:h,async:!0,onload:function(){var r=window.webPixelsManager.init(d);e(r);var a=window.Shopify.analytics;a.replayQueue.forEach((function(d){var e=d[0],a=d[1],n=d[2];r.publishCustomEvent(e,a,n)})),a.replayQueue=[],a.publish=r.publishCustomEvent,a.visitor=r.visitor},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),r="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),n=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:a||"latest",bundle_target:l,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(h," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(r,n))return!0}catch(d){}var o=new XMLHttpRequest;try{return o.open("POST",r,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(n),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 1430159418,storefrontBaseUrl: "https://www.drinkhint.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"13008999","configuration":"{\"config_url\": \"\/a\/elevar\/static\/configs\/38d701e5ee3c3cfe12cb7368d06c5e9c6731cef0\/config.js\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"729bda3c0fe1f4fc02b6796f15b229e0","type":"APP","apiClientId":2509311,"privacyPurposes":[]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"drinkhint.com","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"drinkhint.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.drinkhint.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://www.drinkhint.com/cdn","1518c2ba4d2b3301a1e3cb6576947ef22edf7bb6","3c762e5aw5b983e43pc2dc4883m545d5a27",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":87712792679}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(window.gaDevIds=window.gaDevIds||[]).push('BwiEti'); (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: 1430159418, theme_id: 126979473511, app_name: "storefront", context_url: window.location.href, source_url: "//www.drinkhint.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//www.drinkhint.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//www.drinkhint.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":1430159418,"isMerchantRequest":null,"themeId":126979473511,"themeCityHash":"1038263678587311732","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Google Analytics":{"trackingId":"UA-2388646-9","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; ga('require', 'linker'); function addListener(element, type, callback) { if (element.addEventListener) { element.addEventListener(type, callback); } else if (element.attachEvent) { element.attachEvent('on' + type, callback); } } function decorate(event) { event = event || window.event; var target = event.target || event.srcElement; if (target && (target.getAttribute('action') || target.getAttribute('href'))) { ga(function (tracker) { var linkerParam = tracker.get('linkerParam'); document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/'; }); } } addListener(window, 'load', function(){ for (var i=0; i < document.forms.length; i++) { var action = document.forms[i].getAttribute('action'); if(action && action.indexOf('/cart') >= 0) { addListener(document.forms[i], 'submit', decorate); } } for (var i=0; i < document.links.length; i++) { var href = document.links[i].getAttribute('href'); if(href && href.indexOf('/checkout') >= 0) { addListener(document.links[i], 'click', decorate); } } }); var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":87712792679}); 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 = "//www.drinkhint.com/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script class="boomerang"> (function () { window.BOOMR = window.BOOMR || {}; window.BOOMR.themeName = ""; window.BOOMR.themeVersion = ""; window.BOOMR.shopId = 1430159418; window.BOOMR.themeId = 126979473511; })();</script> <script defer src="https://www.drinkhint.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.2.min.js" data-application="storefront-renderer" data-shop-id="1430159418" data-render-region="gcp-asia-southeast1" data-page-type="page" data-theme-instance-id="126979473511" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body id="feeding-america" class="template__page--feeding-america"> <script> (() => { if (!window.__ElevarIsGtmSuiteCalled) { window.__ElevarIsGtmSuiteCalled = true; const init = () => { window.__ElevarDataLayerQueue = []; window.__ElevarListenerQueue = []; if (!window.dataLayer) window.dataLayer = []; }; init(); window.__ElevarTransformItem = event => { if (typeof window.ElevarTransformFn === "function") { try { const result = window.ElevarTransformFn(event); if (typeof result === "object" && !Array.isArray(result) && result !== null) { return result; } else { console.error("Elevar Data Layer: `window.ElevarTransformFn` returned a value " + "that wasn't an object, so we've treated things as if this " + "function wasn't defined."); return event; } } catch (error) { console.error("Elevar Data Layer: `window.ElevarTransformFn` threw an error, so " + "we've treated things as if this function wasn't defined. The " + "exact error is shown below."); console.error(error); return event; } } else { return event; } }; window.ElevarPushToDataLayer = item => { const date = new Date(); localStorage.setItem("___ELEVAR_GTM_SUITE--lastDlPushTimestamp", String(Math.floor(date.getTime() / 1000))); const enrichedItem = { event_id: window.crypto.randomUUID ? window.crypto.randomUUID() : String(Math.random()).replace("0.", ""), event_time: date.toISOString(), ...item }; const transformedEnrichedItem = window.__ElevarTransformItem ? window.__ElevarTransformItem(enrichedItem) : enrichedItem; const payload = { raw: enrichedItem, transformed: transformedEnrichedItem }; if (transformedEnrichedItem._elevar_internal?.isElevarContextPush) { window.__ElevarIsContextSet = true; window.__ElevarDataLayerQueue.unshift(payload); window.__ElevarListenerQueue.unshift(payload); } else { window.__ElevarDataLayerQueue.push(payload); window.__ElevarListenerQueue.push(payload); } window.dispatchEvent(new CustomEvent("elevar-listener-notify")); if (window.__ElevarIsContextSet) { while (window.__ElevarDataLayerQueue.length > 0) { const event = window.__ElevarDataLayerQueue.shift().transformed; window.dataLayer.push(event); } } }; const configElement = document.getElementById("elevar-gtm-suite-config"); if (!configElement) { console.error("Elevar: DL Config element not found"); return; } const initialProductAnchorElements = []; const setElements = () => { if (initialProductAnchorElements.length === 0) { const freshElements = Array.from( document.querySelectorAll( `a[href*="/products/"]:not(a[href*="/collections/products/"]:not(a[href*="/collections/products/products/"]))` ) ); if (freshElements.length === 0) { initialProductAnchorElements.push(null); } else { initialProductAnchorElements.push(...freshElements); } } }; if (document.readyState === "loading") { document.addEventListener("readystatechange", setElements); } else { setElements(); } const config = JSON.parse(configElement.textContent); const script = document.createElement("script"); script.type = "text/javascript"; script.src = config.gtm_suite_script; script.async = false; script.defer = true; script.onerror = () => { console.error("Elevar: DL JS script failed to load"); }; script.onload = async () => { if (!window.ElevarGtmSuite) { console.error("Elevar: `ElevarGtmSuite` is not defined"); return; } window.ElevarGtmSuite.utils.emailCapture(); const cartData = { attributes:{}, cartTotal: "0.0", currencyCode:"USD", items: [] } ; await window.ElevarGtmSuite.handlers.cartAttributesReconcile( cartData, config.event_config.save_order_notes, config.consent_enabled, config.apex_domain ); if (config.event_config.user) { const data = {cartTotal: "0.0", currencyCode:"USD",}; window.ElevarGtmSuite.handlers.user(data); } if (config.event_config.product_add_to_cart_ajax) { window.ElevarGtmSuite.handlers.productAddToCartAjax( config.event_config.save_order_notes, config.consent_enabled, config.apex_domain ); } if (config.event_config.cart_reconcile) { window.ElevarGtmSuite.handlers.cartItemsReconcile(cartData); }}; document.head.appendChild(script); } })(); </script>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PFZWZXQ" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <a class="absolute l-0 t-0 transform -translate-y-full p-2 font-bold bg-white text-primary z-1000 focus:translate-y-0" href="#main-content" title="Page content">Skip to main content</a> <header id="shopify-section-site-header" class="shopify-section site-header"> <banner-marquee data-site-banner-bar class="block min-h-2r pt-1-1 pb-1 text-center overflow-y-hidden bg-light-blue text-primary relative text-sm "> <div data-js-vertical-ticker class="vertical-marquee mobile-off leading-none"> <p class="m-0 absolute w-full transition-all duration-500 ease-in top-1/2 font-bold" style="transform: translateY(-50%); opacity: 1">get FREE shipping on any 3+ cases!</p> <p class="m-0 absolute w-full transition-all duration-500 ease-in top-1/2 font-bold" style="transform: translateY(50px); opacity: 0">water that makes you ❤️ water</p> </div> <div data-js-horizontal-ticker class="mobile-only flex overflow-hidden w-full"> <div class="flex flex-0 min-w-full justify-around animate-marquee text-sm"> <div class="text-block flex align-middle "> <span class="mr-4 font-bold">get FREE shipping on any 3+ cases!</span> <span class="mr-6"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="1.2rem" height="1.2rem" viewBox="0 0 339.3 500" style="enable-background:new 0 0 339.3 500;" xml:space="preserve"> <style type="text/css"> .st00{fill:#4DB8E9;} .st11{fill:#0861AD;} </style> <g> <path class="st00" d="M333.9,336.8c-1.1,12.9-1.5,26-3.6,38.8c-1.5,8.9-5.3,17.3-8.4,25.9c-8.7,24.1-24.2,42.9-44.9,58 c-18.1,13.2-37.8,22.5-59.4,28c-12.1,3.1-24.5,5.4-36.8,7c-7,0.9-14.3-0.1-21.4-0.6c-9-0.6-18-1.2-26.9-2.6c-6-0.9-12-2.6-17.5-5.2 c-13.1-6.1-25.9-12.7-38.6-19.5c-3.3-1.7-6.3-4.3-9-7c-13.4-13.6-26.6-27.4-37.7-43c-3-4.3-5.4-9.1-7.3-14 c-3.5-8.8-6.8-17.7-9.5-26.7c-2.5-8.5-4.6-17.2-6-26c-0.8-4.9-0.2-10.2,0.4-15.2c0.7-6.7,3-13.3,2.9-20 c-0.1-14.5,6.1-27.4,9.4-41.1c2.1-8.7,4.6-17.4,6.9-26.1c0.1-0.4,0.1-0.7,0.3-1.1c2.4-4.8,5-9.5,7.3-14.3 c3.2-6.7,6.5-13.4,9.4-20.2c6.6-15.9,15.2-30.8,23.1-46.1c18.3-35.4,39.8-68.9,60.1-103.1c8.8-14.8,18.4-29.1,27.8-43.5 c2.3-3.6,5.1-6.9,7.7-10.3c4.6-5.9,10.3-6.5,15.4-1.1c3.9,4.1,7.4,8.7,10.2,13.6C200,42.3,215.1,61.5,227.9,82 c16.1,25.8,32.5,51.5,46.8,78.3c11.2,21.1,19.5,43.8,29,65.8c4.1,9.5,8.4,18.9,11.6,28.6c3.8,11.7,6.5,23.8,9.8,35.7 c1.4,4.9,3.5,9.7,4.5,14.6C331.7,315.5,333.8,326,333.9,336.8z"/> <path class="st11" d="M298.4,340.3c0.1,14.7-4.4,28.4-8.9,42.1c-3,9.3-9,16.7-15.4,23.7c-10.7,11.6-22,22.7-33.3,33.8 c-2.3,2.2-5.3,3.7-8.1,5.4c-13.6,8.1-28.5,13.2-44,15.9c-6.4,1.1-13.4-0.1-19.8-1.4c-11.1-2.3-22.3-4.8-33.1-8.4 c-9.9-3.3-19.7-7.5-28.8-12.6c-14.5-8.1-26.7-19.2-36.2-33c-0.2-0.3-0.4-0.7-0.6-0.9c-9.9-9.6-14.4-22.4-20.1-34.4 c-2.2-4.6-4.5-9.3-5.7-14.1c-2.1-8.7-3.4-17.6-4.8-26.5c-1-6.1,4.8-10.7,10.3-8c3.7,1.8,7.1,4.4,10.1,7.2c6.5,6.3,14,11,22.2,14.7 c10.7,4.9,21.5,9.6,32.3,14.3c7.4,3.2,15.2,4.8,23.2,5.3c9.4,0.5,18.7,1.2,28.1,1c12.9-0.3,25.7-1.5,38.5-3.3 c16.9-2.3,31.4-10.5,46.4-17.3c12.1-5.5,24.1-11.1,34.6-19.6c4.5-3.7,10.3-1.4,11.5,4.4C297.8,332.3,297.9,336.3,298.4,340.3z"/> </g> </svg></span> <span class="mr-6 font-bold">water that makes you ❤️ water</span> <span class="mr-6"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="1.2rem" height="1.2rem" viewBox="0 0 339.3 500" style="enable-background:new 0 0 339.3 500;" xml:space="preserve"> <style type="text/css"> .st00{fill:#4DB8E9;} .st11{fill:#0861AD;} </style> <g> <path class="st00" d="M333.9,336.8c-1.1,12.9-1.5,26-3.6,38.8c-1.5,8.9-5.3,17.3-8.4,25.9c-8.7,24.1-24.2,42.9-44.9,58 c-18.1,13.2-37.8,22.5-59.4,28c-12.1,3.1-24.5,5.4-36.8,7c-7,0.9-14.3-0.1-21.4-0.6c-9-0.6-18-1.2-26.9-2.6c-6-0.9-12-2.6-17.5-5.2 c-13.1-6.1-25.9-12.7-38.6-19.5c-3.3-1.7-6.3-4.3-9-7c-13.4-13.6-26.6-27.4-37.7-43c-3-4.3-5.4-9.1-7.3-14 c-3.5-8.8-6.8-17.7-9.5-26.7c-2.5-8.5-4.6-17.2-6-26c-0.8-4.9-0.2-10.2,0.4-15.2c0.7-6.7,3-13.3,2.9-20 c-0.1-14.5,6.1-27.4,9.4-41.1c2.1-8.7,4.6-17.4,6.9-26.1c0.1-0.4,0.1-0.7,0.3-1.1c2.4-4.8,5-9.5,7.3-14.3 c3.2-6.7,6.5-13.4,9.4-20.2c6.6-15.9,15.2-30.8,23.1-46.1c18.3-35.4,39.8-68.9,60.1-103.1c8.8-14.8,18.4-29.1,27.8-43.5 c2.3-3.6,5.1-6.9,7.7-10.3c4.6-5.9,10.3-6.5,15.4-1.1c3.9,4.1,7.4,8.7,10.2,13.6C200,42.3,215.1,61.5,227.9,82 c16.1,25.8,32.5,51.5,46.8,78.3c11.2,21.1,19.5,43.8,29,65.8c4.1,9.5,8.4,18.9,11.6,28.6c3.8,11.7,6.5,23.8,9.8,35.7 c1.4,4.9,3.5,9.7,4.5,14.6C331.7,315.5,333.8,326,333.9,336.8z"/> <path class="st11" d="M298.4,340.3c0.1,14.7-4.4,28.4-8.9,42.1c-3,9.3-9,16.7-15.4,23.7c-10.7,11.6-22,22.7-33.3,33.8 c-2.3,2.2-5.3,3.7-8.1,5.4c-13.6,8.1-28.5,13.2-44,15.9c-6.4,1.1-13.4-0.1-19.8-1.4c-11.1-2.3-22.3-4.8-33.1-8.4 c-9.9-3.3-19.7-7.5-28.8-12.6c-14.5-8.1-26.7-19.2-36.2-33c-0.2-0.3-0.4-0.7-0.6-0.9c-9.9-9.6-14.4-22.4-20.1-34.4 c-2.2-4.6-4.5-9.3-5.7-14.1c-2.1-8.7-3.4-17.6-4.8-26.5c-1-6.1,4.8-10.7,10.3-8c3.7,1.8,7.1,4.4,10.1,7.2c6.5,6.3,14,11,22.2,14.7 c10.7,4.9,21.5,9.6,32.3,14.3c7.4,3.2,15.2,4.8,23.2,5.3c9.4,0.5,18.7,1.2,28.1,1c12.9-0.3,25.7-1.5,38.5-3.3 c16.9-2.3,31.4-10.5,46.4-17.3c12.1-5.5,24.1-11.1,34.6-19.6c4.5-3.7,10.3-1.4,11.5,4.4C297.8,332.3,297.9,336.3,298.4,340.3z"/> </g> </svg></span> </div> </div> <div class="flex flex-0 min-w-full justify-around animate-marquee text-sm"> <div class="text-block flex align-middle "> <span class="mr-4 font-bold">get FREE shipping on any 3+ cases!</span> <span class="mr-6"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="1.2rem" height="1.2rem" viewBox="0 0 339.3 500" style="enable-background:new 0 0 339.3 500;" xml:space="preserve"> <style type="text/css"> .st00{fill:#4DB8E9;} .st11{fill:#0861AD;} </style> <g> <path class="st00" d="M333.9,336.8c-1.1,12.9-1.5,26-3.6,38.8c-1.5,8.9-5.3,17.3-8.4,25.9c-8.7,24.1-24.2,42.9-44.9,58 c-18.1,13.2-37.8,22.5-59.4,28c-12.1,3.1-24.5,5.4-36.8,7c-7,0.9-14.3-0.1-21.4-0.6c-9-0.6-18-1.2-26.9-2.6c-6-0.9-12-2.6-17.5-5.2 c-13.1-6.1-25.9-12.7-38.6-19.5c-3.3-1.7-6.3-4.3-9-7c-13.4-13.6-26.6-27.4-37.7-43c-3-4.3-5.4-9.1-7.3-14 c-3.5-8.8-6.8-17.7-9.5-26.7c-2.5-8.5-4.6-17.2-6-26c-0.8-4.9-0.2-10.2,0.4-15.2c0.7-6.7,3-13.3,2.9-20 c-0.1-14.5,6.1-27.4,9.4-41.1c2.1-8.7,4.6-17.4,6.9-26.1c0.1-0.4,0.1-0.7,0.3-1.1c2.4-4.8,5-9.5,7.3-14.3 c3.2-6.7,6.5-13.4,9.4-20.2c6.6-15.9,15.2-30.8,23.1-46.1c18.3-35.4,39.8-68.9,60.1-103.1c8.8-14.8,18.4-29.1,27.8-43.5 c2.3-3.6,5.1-6.9,7.7-10.3c4.6-5.9,10.3-6.5,15.4-1.1c3.9,4.1,7.4,8.7,10.2,13.6C200,42.3,215.1,61.5,227.9,82 c16.1,25.8,32.5,51.5,46.8,78.3c11.2,21.1,19.5,43.8,29,65.8c4.1,9.5,8.4,18.9,11.6,28.6c3.8,11.7,6.5,23.8,9.8,35.7 c1.4,4.9,3.5,9.7,4.5,14.6C331.7,315.5,333.8,326,333.9,336.8z"/> <path class="st11" d="M298.4,340.3c0.1,14.7-4.4,28.4-8.9,42.1c-3,9.3-9,16.7-15.4,23.7c-10.7,11.6-22,22.7-33.3,33.8 c-2.3,2.2-5.3,3.7-8.1,5.4c-13.6,8.1-28.5,13.2-44,15.9c-6.4,1.1-13.4-0.1-19.8-1.4c-11.1-2.3-22.3-4.8-33.1-8.4 c-9.9-3.3-19.7-7.5-28.8-12.6c-14.5-8.1-26.7-19.2-36.2-33c-0.2-0.3-0.4-0.7-0.6-0.9c-9.9-9.6-14.4-22.4-20.1-34.4 c-2.2-4.6-4.5-9.3-5.7-14.1c-2.1-8.7-3.4-17.6-4.8-26.5c-1-6.1,4.8-10.7,10.3-8c3.7,1.8,7.1,4.4,10.1,7.2c6.5,6.3,14,11,22.2,14.7 c10.7,4.9,21.5,9.6,32.3,14.3c7.4,3.2,15.2,4.8,23.2,5.3c9.4,0.5,18.7,1.2,28.1,1c12.9-0.3,25.7-1.5,38.5-3.3 c16.9-2.3,31.4-10.5,46.4-17.3c12.1-5.5,24.1-11.1,34.6-19.6c4.5-3.7,10.3-1.4,11.5,4.4C297.8,332.3,297.9,336.3,298.4,340.3z"/> </g> </svg></span> <span class="mr-6 font-bold">water that makes you ❤️ water</span> <span class="mr-6"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="1.2rem" height="1.2rem" viewBox="0 0 339.3 500" style="enable-background:new 0 0 339.3 500;" xml:space="preserve"> <style type="text/css"> .st00{fill:#4DB8E9;} .st11{fill:#0861AD;} </style> <g> <path class="st00" d="M333.9,336.8c-1.1,12.9-1.5,26-3.6,38.8c-1.5,8.9-5.3,17.3-8.4,25.9c-8.7,24.1-24.2,42.9-44.9,58 c-18.1,13.2-37.8,22.5-59.4,28c-12.1,3.1-24.5,5.4-36.8,7c-7,0.9-14.3-0.1-21.4-0.6c-9-0.6-18-1.2-26.9-2.6c-6-0.9-12-2.6-17.5-5.2 c-13.1-6.1-25.9-12.7-38.6-19.5c-3.3-1.7-6.3-4.3-9-7c-13.4-13.6-26.6-27.4-37.7-43c-3-4.3-5.4-9.1-7.3-14 c-3.5-8.8-6.8-17.7-9.5-26.7c-2.5-8.5-4.6-17.2-6-26c-0.8-4.9-0.2-10.2,0.4-15.2c0.7-6.7,3-13.3,2.9-20 c-0.1-14.5,6.1-27.4,9.4-41.1c2.1-8.7,4.6-17.4,6.9-26.1c0.1-0.4,0.1-0.7,0.3-1.1c2.4-4.8,5-9.5,7.3-14.3 c3.2-6.7,6.5-13.4,9.4-20.2c6.6-15.9,15.2-30.8,23.1-46.1c18.3-35.4,39.8-68.9,60.1-103.1c8.8-14.8,18.4-29.1,27.8-43.5 c2.3-3.6,5.1-6.9,7.7-10.3c4.6-5.9,10.3-6.5,15.4-1.1c3.9,4.1,7.4,8.7,10.2,13.6C200,42.3,215.1,61.5,227.9,82 c16.1,25.8,32.5,51.5,46.8,78.3c11.2,21.1,19.5,43.8,29,65.8c4.1,9.5,8.4,18.9,11.6,28.6c3.8,11.7,6.5,23.8,9.8,35.7 c1.4,4.9,3.5,9.7,4.5,14.6C331.7,315.5,333.8,326,333.9,336.8z"/> <path class="st11" d="M298.4,340.3c0.1,14.7-4.4,28.4-8.9,42.1c-3,9.3-9,16.7-15.4,23.7c-10.7,11.6-22,22.7-33.3,33.8 c-2.3,2.2-5.3,3.7-8.1,5.4c-13.6,8.1-28.5,13.2-44,15.9c-6.4,1.1-13.4-0.1-19.8-1.4c-11.1-2.3-22.3-4.8-33.1-8.4 c-9.9-3.3-19.7-7.5-28.8-12.6c-14.5-8.1-26.7-19.2-36.2-33c-0.2-0.3-0.4-0.7-0.6-0.9c-9.9-9.6-14.4-22.4-20.1-34.4 c-2.2-4.6-4.5-9.3-5.7-14.1c-2.1-8.7-3.4-17.6-4.8-26.5c-1-6.1,4.8-10.7,10.3-8c3.7,1.8,7.1,4.4,10.1,7.2c6.5,6.3,14,11,22.2,14.7 c10.7,4.9,21.5,9.6,32.3,14.3c7.4,3.2,15.2,4.8,23.2,5.3c9.4,0.5,18.7,1.2,28.1,1c12.9-0.3,25.7-1.5,38.5-3.3 c16.9-2.3,31.4-10.5,46.4-17.3c12.1-5.5,24.1-11.1,34.6-19.6c4.5-3.7,10.3-1.4,11.5,4.4C297.8,332.3,297.9,336.3,298.4,340.3z"/> </g> </svg></span> </div> </div> </div> </banner-marquee> <style data-shopify> .site-header__container { min-height: 3.6em; border-bottom: 1px solid #D9D9D9; } .nav__list-items li a:hover { text-decoration: underline; } @media screen and (min-width: 1130px) { .site-header__container { min-height: 4.8em; } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } </style> <nav data-js-site-header-nav data-site-header class="h-auto w-full bg-white section-site-header__wrapper "> <div class="h-full w-full grid grid-rows-1 grid-cols-7 p-4 py-0 desktop:px-12 justify-items-center items-center content-center site-header__container"> <div class="h-full w-full flex items-center row-span-1 col-start-1 col-end-4"> <button id="hamburger-menu" class="js-toggle-site-menu--mobile hamburger btn--icon tablet-only flex justify-center items-center cursor-pointer overflow-visible hover:opacity-70 desktop:hidden" type="button" aria-label="Open Menu" aria-expanded="false"> <svg viewBox="0 0 100 80" width="40" height="20"> <rect width="100" height="8" rx="10" ry="10" fill="#002554"></rect> <rect y="30" width="100" height="8" rx="10" ry="10" fill="#002554"></rect> <rect y="60" width="100" height="8" rx="10" ry="10" fill="#002554"></rect> </svg> </button> <ul data-site-navigation class="max1280:hidden h-full w-full justify-self-start flex justify-start items-center gap-x-4 m-0 nav__list-items"> <style data-shopify> .site__nav-item--shop-link:hover .site__mega-menu--shop { display: grid; opacity: 1; } </style> <li class="site__nav-item--shop-link h-full w-auto font-bold text-base flex items-center"> <a data-menu-item aria-label="shop" aria-haspopup="true" aria-expanded="false" href="/collections/water">shop</a> <style data-shopify> .site__nav-item--shop-link:hover .site__mega-menu--shop { display: grid; animation: fade-in 0.3s forwards; } .site__mega-menu { border-bottom: 1px solid #D9D9D9; animation: fade-out 0.3s forwards; } .block__image-banner { max-width: 350px; } .site__mega-menu .block__button.btn--primary:hover { color: #002554; } .mega-menu-list { column-count: 2; column-gap: 20px; } </style> <div class="site__mega-menu site__mega-menu--shop z-5 absolute top-offset-1 left-0 h-auto w-full mt-0 pt-5 transition duration-500 ease-in hidden opacity-0 "> <div class="grid bg-white p-8 pb-8 "> <div class="h-auto w-auto"> <ul class="mega-menu-list"> <li class="h-auto mb-2 w-full font-bold text-base text-primary flex justify-between items-center"> <a aria-label="shop all" href="/collections/water">shop all</a> </li> <li class="h-auto mb-2 w-full font-bold text-base text-primary flex justify-between items-center"> <a aria-label="seasonal " href="/collections/seasonal-flavors">seasonal </a> </li> <li class="h-auto mb-2 w-full font-bold text-base text-primary flex justify-between items-center"> <a aria-label="still" href="/collections/water-original">still</a> </li> <li class="h-auto mb-2 w-full font-bold text-base text-primary flex justify-between items-center"> <a aria-label="smashups" href="/collections/smashups">smashups</a> </li> <li class="h-auto mb-2 w-full font-bold text-base text-primary flex justify-between items-center"> <a aria-label="variety packs" href="/collections/variety-pack">variety packs</a> </li> <li class="h-auto mb-2 w-full font-bold text-base text-primary flex justify-between items-center"> <a aria-label="hint+ vitamin" href="/collections/hint-plus-vitamin">hint+ vitamin</a> </li> <li class="h-auto mb-2 w-full font-bold text-base text-primary flex justify-between items-center"> <a aria-label="hint kids" href="/collections/hint-water-kids">hint kids</a> </li> <li class="h-auto mb-2 w-full font-bold text-base text-primary flex justify-between items-center"> <a aria-label="bundles" href="/collections/hint-bundles">bundles</a> </li> <li class="h-auto mb-2 w-full font-bold text-base text-primary flex justify-between items-center"> <a aria-label="office water delivery" href="/collections/office-water-delivery">office water delivery</a> </li> </ul> </div> <div class="h-auto col-span-2 grid grid-cols-0 justify-items-center w-full gap-x-8"> </div> </div> </div> </li> <style data-shopify> .site__nav-item--learn-link:hover .site__mega-menu--learn { display: grid; opacity: 1; } </style> <li class="site__nav-item--learn-link h-full w-auto font-bold text-base flex items-center"> <a data-menu-item aria-label="learn" aria-haspopup="true" aria-expanded="false" href="/pages/our-story">learn</a> <style data-shopify> .site__nav-item--learn-link:hover .site__mega-menu--learn { display: grid; animation: fade-in 0.3s forwards; } .site__mega-menu { border-bottom: 1px solid #D9D9D9; animation: fade-out 0.3s forwards; } .block__image-banner { max-width: 350px; } .site__mega-menu .block__button.btn--primary:hover { color: #002554; } .mega-menu-list { column-count: 2; column-gap: 20px; } </style> <div class="site__mega-menu site__mega-menu--learn z-5 absolute top-offset-1 left-0 h-auto w-full mt-0 pt-5 transition duration-500 ease-in hidden opacity-0 "> <div class="grid bg-white p-8 pb-8 "> <div class="h-auto w-auto"> <ul class="mega-menu-list"> <li class="h-auto mb-2 w-full font-bold text-base text-primary flex justify-between items-center"> <a aria-label="our story" href="/pages/our-story">our story</a> </li> <li class="h-auto mb-2 w-full font-bold text-base text-primary flex justify-between items-center"> <a aria-label="benefits" href="/pages/shop">benefits</a> </li> <li class="h-auto mb-2 w-full font-bold text-base text-primary flex justify-between items-center"> <a aria-label="sustainability" href="/pages/sustainability">sustainability</a> </li> <li class="h-auto mb-2 w-full font-bold text-base text-primary flex justify-between items-center"> <a aria-label="rewards" href="/pages/rewards">rewards</a> </li> <li class="h-auto mb-2 w-full font-bold text-base text-primary flex justify-between items-center"> <a aria-label="9 day challenge" href="/pages/9-day-hydration-challenge">9 day challenge</a> </li> <li class="h-auto mb-2 w-full font-bold text-base text-primary flex justify-between items-center"> <a aria-label="hint gives back" href="/pages/feeding-america">hint gives back</a> </li> </ul> </div> <div class="h-auto col-span-2 grid grid-cols-0 justify-items-center w-full gap-x-8"> </div> </div> </div> </li> <style data-shopify> .site__nav-item--subscribe-and-save-link:hover .site__mega-menu--subscribe-and-save { display: grid; opacity: 1; } </style> <li class="site__nav-item--subscribe-and-save-link h-full w-auto font-bold text-base flex items-center"> <a data-menu-item aria-label="subscribe and save" aria-haspopup="false" aria-expanded="false" href="/collections/subscriptions">subscribe and save</a> </li> <style data-shopify> .site__nav-item--flavors-link:hover .site__mega-menu--flavors { display: grid; opacity: 1; } </style> <li class="site__nav-item--flavors-link h-full w-auto font-bold text-base flex items-center"> <a data-menu-item aria-label="flavors" aria-haspopup="false" aria-expanded="false" href="/pages/flavor">flavors</a> </li> </ul> </div> <div class="h-full w-full flex justify-center items-center"> <a href='/' aria-label="Drink Hint" data-site-logo> <?xml version="1.0" encoding="UTF-8"?> <svg class="block w-28 desktop:w-28" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 533.29 178.94"> <defs> <style> .cls-drop { fill: #70bfea; } .cls-2 { fill: #2a367c; } </style> </defs> <g id="Layer_1-2" data-name="Layer 1"> <g> <path class="cls-2" d="m84.39,159.71l-.57-52.33c-.09-8-2.35-14.39-6.78-19.18-4.43-4.78-10.5-7.14-18.2-7.05-7.7.08-13.87,2.61-18.49,7.56-4.63,4.96-6.9,11.37-6.81,19.22l.57,52.33c.01,1.36-.46,2.46-1.44,3.3-.98.84-2.14,1.27-3.5,1.28l-22.88.25c-1.36.01-2.5-.43-3.41-1.32-.92-.9-1.38-2.02-1.4-3.38L0,23.49c-.01-1.36.43-2.5,1.32-3.41.9-.92,2.02-1.38,3.38-1.4l22.88-.25c1.36-.01,2.53.39,3.53,1.21.99.82,1.49,1.91,1.51,3.27l.42,39.17s12.67-10.91,35.67-11.16c14.35-.16,25.87,4.25,34.58,13.22,8.71,8.97,13.13,20.32,13.28,34.06l.66,61.16c.01,1.36-.47,2.46-1.44,3.3-.97.84-2.14,1.27-3.5,1.28l-22.88.25c-1.36.01-2.53-.39-3.52-1.21-.99-.82-1.49-1.91-1.51-3.27Z"/> <path class="cls-2" d="m263.78,157.77l-.57-52.33c-.09-8-2.35-14.39-6.78-19.18-4.43-4.78-10.5-7.14-18.2-7.05-7.7.08-13.87,2.61-18.49,7.56-4.63,4.96-6.9,11.37-6.81,19.22l.57,52.33c.01,1.36-.46,2.46-1.44,3.3-.98.84-2.14,1.27-3.5,1.28l-22.88.25c-1.36.01-2.5-.43-3.41-1.32-.92-.9-1.38-2.02-1.4-3.38l-1.09-100.88c-.01-1.36.43-2.5,1.32-3.41.9-.92,2.02-1.38,3.38-1.4l22.88-.25c1.36-.01,2.53.39,3.53,1.21.99.82,1.49,1.91,1.51,3.27l.03,3.15s12.67-10.91,35.67-11.16c14.35-.16,25.87,4.25,34.58,13.22,8.71,8.97,13.13,20.32,13.28,34.06l.66,61.16c.01,1.36-.47,2.46-1.44,3.3-.97.84-2.14,1.27-3.5,1.28l-22.88.25c-1.36.01-2.53-.39-3.52-1.21-.99-.82-1.49-1.91-1.51-3.27Z"/> <path class="cls-2" d="m160.67,163.42l-22.88.25c-1.36.01-2.54-.46-3.53-1.43-.99-.97-1.5-2.14-1.51-3.49l-1.09-100.35c-.01-1.36.46-2.53,1.43-3.53.97-.99,2.14-1.5,3.49-1.51l22.88-.25c1.36-.01,2.5.47,3.41,1.44.92.97,1.38,2.14,1.4,3.5l1.09,100.35c.01,1.36-.43,2.54-1.32,3.53-.9.99-2.02,1.49-3.38,1.51Z"/> <path class="cls-2" d="m310.33,128.94l-.54-50.06-.3-27.41-.34-31.12c-.02-1.51.46-2.72,1.43-3.64.97-.92,2.14-1.38,3.5-1.4l23.1-.25c1.21-.01,2.3.43,3.3,1.32.99.89,1.5,2.1,1.51,3.61l.34,31.12,20.68-.22c1.36-.01,2.57.46,3.64,1.43,1.06.97,1.61,2.13,1.62,3.49l.19,17.44c.01,1.21-.51,2.35-1.55,3.42-1.05,1.07-2.25,1.61-3.61,1.62l-20.68.22.46,42.36c.05,4.83,1.22,8.14,3.51,9.93,2.28,1.79,4.86,2.66,7.73,2.63,3.02-.03,6.33-1.12,9.93-3.28,4.05-2.61,7.15-2.34,9.3.81l8.07,12.6c1.84,2.85,1.65,5.57-.59,8.16-7.47,7.94-18.3,11.98-32.49,12.13-10.57.11-19.55-2.73-26.94-8.54-7.39-5.81-11.15-14.61-11.27-26.38Z"/> <g> <path class="cls-2" d="m377.72,57.61l.03,2.61h-.79s-.06-5.52-.06-5.52l1.94-.02c.51,0,.82.11,1.08.31.34.27.55.67.56,1.13,0,.46-.2.87-.53,1.14-.17.14-.37.25-.64.3l2.01,2.62h-.96s-2-2.58-2-2.58h-.63Zm1.1-.76c.36,0,.54-.09.66-.21.13-.13.2-.31.2-.51,0-.2-.08-.38-.21-.5-.13-.13-.31-.2-.67-.2h-1.11s.02,1.44.02,1.44h1.11Z"/> <path class="cls-2" d="m372.98,57.5c-.04-3.28,2.6-5.98,5.88-6.01,3.28-.04,5.98,2.6,6.01,5.88.04,3.28-2.6,5.98-5.88,6.01-3.28.04-5.98-2.6-6.01-5.88Zm11.3-.12c-.03-2.95-2.46-5.32-5.4-5.29-2.95.03-5.32,2.46-5.29,5.41.03,2.95,2.46,5.32,5.41,5.29,2.95-.03,5.32-2.46,5.29-5.41Z"/> </g> </g> <path class="cls-drop" d="m532.92,116.06c-.61-3.66-.92-7.36-2.51-10.85l-.1-.3c-.23-.93-.35-1.87-.61-2.79-.75-2.61-1.34-5.21-2.13-7.81-.55-1.81-1.06-3.64-1.76-5.42-.8-2.04-1.83-4.01-2.66-6.05-1.14-2.8-2.14-5.65-3.28-8.45-.67-1.65-1.46-3.24-2.18-4.88-1.98-4.51-3.68-9.01-6.13-13.36-1.87-3.32-3.93-6.63-5.85-9.93-2.68-4.62-5.32-9.29-8.24-13.8-3.79-5.86-7.87-11.58-11.86-17.35-3.04-4.39-4.27-7.48-7.77-12.21-2.55-3.45-5.1-3.87-7.37-.88-1.35,1.79-2.98,3.75-3.88,5.25-1.58,2.66-2.9,4.2-4.43,6.87-2.51,4.42-5.45,8.43-7.96,12.85-1.2,2.11-2.37,4.25-3.66,6.31-2.87,4.61-5.46,9.07-8.25,13.63-2.76,4.52-4.67,9.06-7.36,13.61-1.56,2.64-2.97,5.28-4.35,7.99-1.5,2.95-2.59,5.97-3.95,8.97-.59,1.29-1.17,2.58-1.7,3.88-.54,1.33-1.91,2.66-2.13,4.04-.21,1.31-1.63,2.33-1.71,3.71-.09,1.44-.61,2.86-1.06,4.29-.93,2.99-1.66,5.98-2.56,8.98-.64,2.14-1.26,4.29-1.86,6.44-.58,2.09.03,4.19-.52,6.29-.27,1.05-.73,2.09-.78,3.14-.14,2.93-.78,5.85-.23,8.8.51,2.72,1.43,5.49,2.02,8.2.43,1.94,1.11,3.85,1.94,5.7,1.3,2.89,1.76,5.85,3.56,8.51,2.17,3.21,4.85,6.18,7.43,9.18,1.76,2.05,3.75,3.95,5.58,5.95,1.67,1.83,3.42,3.54,5.87,4.71,3.48,1.66,6.88,3.43,10.28,5.19,3.45,1.79,6.94,3.39,11.22,3.34,1.51-.02,3.01.38,4.53.52,2.46.22,4.92.45,7.39.54,1.78.06,3.62.07,5.37-.21,3.37-.53,6.69-1.26,10.03-1.95,1.25-.26,2.5-.57,3.71-.97,1.96-.65,3.9-1.34,5.81-2.06,3.19-1.21,6.32-2.49,8.99-4.45,1.1-.81,2.34-1.48,3.45-2.28,2.03-1.47,4.17-2.88,5.98-4.53,2.76-2.51,5.17-5.27,7.07-8.3,1.03-1.66,2.29-3.25,3.03-4.99,1.49-3.47,2.73-7.01,3.99-10.54.45-1.25.81-2.54.98-3.83.28-2.2.37-4.42.55-6.63.32-4.04.72-8.07.05-12.11Z"/> <path class="cls-2" d="m519.69,118.25c-.37-1.78-2.43-2.62-3.9-1.54l-3.29,2.42c-1.74,1.28-3.93,2.09-5.82,3.09-2.71,1.42-5.46,2.78-8.29,3.97-3.16,1.32-6.71,3.37-10.37,3.78-2.54.29-5.08.94-7.63,1.15-3.26.27-6.52.33-9.78.44-2.98.1-7.84-.14-10.79-.59-1.94-.3-3.88-.71-5.7-1.4-3.9-1.49-7.7-3.27-11.5-5.03-3.02-1.4-6.12-2.98-8.52-5.29-1.53-1.47-2.85-2.8-4.58-3.38-1.74-.59-3.5.87-3.3,2.7.14,1.24.28,2.49.46,3.73.19,1.34.61,2.64.88,3.97.3,1.43.31,2.93,1.05,4.26.43.76.76,1.57,1.12,2.37.53,1.17,1.01,2.35,1.57,3.5.81,1.67,1.68,3.32,2.52,4.98.27.54.45,1.15.81,1.61.73.91,1.62,1.69,2.35,2.6,1.31,1.63,2.4,3.47,3.85,4.96,1.89,1.93,3.99,3.67,6.11,5.36,1.75,1.39,3.65,2.57,5.69,3.5,2.57,1.17,5.21,2.21,7.82,3.3,1.25.52,2.54.96,3.86,1.29,2.13.52,4.27,1.01,6.41,1.5,1.28.29,2.56.56,3.84.8.82.15,2.17.25,3,.28,1.06.04,2.15.17,3.15-.07,2.97-.72,5.93-1.55,8.83-2.51,1.58-.52,8.58-4.09,9.4-4.88,3.65-3.54,7.25-7.15,10.79-10.8,1.36-1.4,2.62-2.89,3.78-4.46,1.01-1.37,2.19-2.75,2.83-4.32.91-2.21,1.44-4.57,2.23-6.84.94-2.74,1.21-5.59,1.44-8.45.15-1.9.1-3.83-.34-5.97Z"/> </g> </svg> </a> </div> <div class="h-auto desktop:h-full w-auto flex justify-between items-center justify-self-end col-start-5 col-end-8"> <ul role="list" class="m-0 flex justify-end items-center gap-x-4 desktop:h-full desktop:w-auto desktop:gap-x-6 nav__list-items"><li data-site-search-btn class="main-nav-item no-underline" ><style data-shopify> input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance:none; } details > summary { list-style: none; height: 23px; } details > summary::-webkit-details-marker { display: none; } </style> <div class="no-underline"> <details-modal class="header__search"> <details> <summary class="link focus-inset modal__toggle" id="search-button" aria-haspopup="dialog" aria-label="search hint"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23"> <g fill="none" fill-rule="evenodd" stroke="var(--c-primary)" stroke-width="2"> <circle cx="9.857" cy="9.857" r="8.036"/> <path stroke-linecap="round" d="M16.0042167,16.0042167 L21.6151089,21.6151089"/> </g> </svg> </summary> <div class="search-modal modal__content search-bar__form flex flex-col fixed top-0 left-0 w-full h-full bg-white z-1000 py-2 desktop:absolute desktop:top-full desktop:h-initial desktop:shadow-md" role="dialog" aria-modal="true" aria-label="Translation missing: en.general.search.search"> <div class="modal-overlay"></div> <div class="search-modal__content search-modal__content-bottom" tabindex="-1"> <predictive-search class="search-modal__form" data-loading-text="Loading..."> <form action="/search" method="get" role="search" class="search search-modal__form"> <div class="border-solid border-b border-t-0 border-grey-100 px-5 py-2 desktop:border-0"> <div class="flex items-center gap-1 border-2 rounded-full border-primary border-solid relative w-full p-4 desktop:max-w-3xl desktop:mx-auto"> <button class="search__button field__button" aria-label="search"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23"> <g fill="none" fill-rule="evenodd" stroke="var(--c-primary)" stroke-width="2"> <circle cx="9.857" cy="9.857" r="8.036"/> <path stroke-linecap="round" d="M16.0042167,16.0042167 L21.6151089,21.6151089"/> </g> </svg> </button> <input class="js-search-input relative w-full border-none text-primary" id="" type="search" name="q" value="" placeholder="search hint" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false"> <label class="field__label sr-only" for="">search hint</label> <input type="hidden" name="options[prefix]" value="last"> <button class="search-bar__close w-6 h-6 p-0 flex items-center justify-center" aria-label="Close Search" type="reset" id="search-reset" data-predictive-search-reset="header"> <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.293 11L6.646 7.354L7.354 6.646L11 10.293L14.646 6.646L15.354 7.354L11.707 11L15.354 14.646L14.646 15.354L11 11.707L7.354 15.354L6.646 14.646L10.293 11ZM11 21C16.523 21 21 16.523 21 11C21 5.477 16.523 1 11 1C5.477 1 1 5.477 1 11C1 16.523 5.477 21 11 21ZM11 22C17.075 22 22 17.075 22 11C22 4.925 17.075 0 11 0C4.925 0 0 4.925 0 11C0 17.075 4.925 22 11 22Z" fill="#002554" /> </svg> </button> </div> </div> <div id="predictive-search--default" class="no-scrollbar overflow-y-scroll shadow-none" tabindex="-1"> <div data-predictive-search-recents-wrapper class="desktop:max-w-5xl desktop:mx-auto w-full"> <div class="predictive-search__header capitalize text-xs p-3 pb-0 desktop:max-w-5xl desktop:mx-auto"> <div class="flex justify-between items-center"> <h3 class="text-sm">Recent Searches</h3> <button class="p-0 text-primary text-sm" type="button" id="clear-history"> Clear History </button> </div> <ul class="flex gap-3 items-center" id="recent-search"></ul> </div> </div> <div data-predictive-search-suggestions-wrapper class="desktop:max-w-5xl desktop:mx-auto w-full"> <div class="predictive-search__header capitalize text-xs p-3"> <h3 class="text-sm">Suggested Searches</h3> <ul class="flex gap-3 items-center"> <li class=""> <div class="flex items-center gap-2 rounded-full bg-grey-100 py-2 px-4 text-primary text-sm lowercase font-normal"> <button class="p-0 suggestion-result" type="button" data-suggestion="sparkling"> sparkling </button> </div> </li> <li class=""> <div class="flex items-center gap-2 rounded-full bg-grey-100 py-2 px-4 text-primary text-sm lowercase font-normal"> <button class="p-0 suggestion-result" type="button" data-suggestion="grape"> grape </button> </div> </li> </ul> </div> </div> </div> <div class="predictive-search no-scrollbar overflow-y-scroll shadow-none" tabindex="-1" data-predictive-search> </div> <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span> </form> </predictive-search> </div> </div> </details> </details-modal> </div></li><li data-site-account-btn class="nav-item__account h-full w-auto hidden desktop:flex items-center justify-center m-0 no-underline relative"> <style data-shopify> .account__dropdown { display: none; opacity: 0; border-top: 1px solid transparent; animation: fade-out 0.3s forwards; filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); margin-top: 0; } .nav-item__account:hover .account__dropdown { display: block; animation: fade-in 0.3s forwards; } .account__dropdown li a:hover { color: #002554 } </style> <a href="https://www.drinkhint.com/account" aria-label="Account - Access your subscriptions, orders history, and rewards" class="flex gap-x-2 items-center font-bold font-secondary"> <svg width="21" height="23" viewBox="0 0 21 23" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.5504 21.5C19.5504 17.0174 18.3913 13.3839 10.2752 13.3839C2.15913 13.3839 1 17.0178 1 21.5H19.5504ZM14.0435 5.84783C14.0435 8.34783 12.2626 10.1957 10.2752 10.1957C8.28783 10.1957 6.50696 8.34783 6.50696 5.84783C6.50696 3.34783 8.28826 1.5 10.2752 1.5C12.2622 1.5 14.0435 3.34783 14.0435 5.84783Z" stroke="#002554" stroke-width="2" /> </svg></a> <div class="account__dropdown z-50 absolute top-offset-1 -right-16 w-52 pt-5 text-left"> <ul class="w-52 pt-4 px-0 bg-white"> <li role="heading" aria-level="1" class="text-xl font-bold text-primary text-left m-0 mb-2 px-6">account</li> <li> <a class="block w-full pt-2 px-6 pb-1 border-0 text-primary text-left font-bold leading-loose bg-white transition-colors duration-100 ease-in cursor-pointer hover:text-primary hover:bg-secondary" href="/account?view=order-history">orders history</a> </li> <li> <a class="block w-full pt-2 px-6 pb-1 border-0 text-primary text-left font-bold leading-loose bg-white transition-colors duration-100 ease-in cursor-pointer hover:text-primary hover:bg-secondary" href="/account?view=order-history">buy again</a> </li> <li> <a class="block w-full pt-2 px-6 pb-1 border-0 text-primary text-left font-bold leading-loose bg-white transition-colors duration-100 ease-in cursor-pointer hover:text-primary hover:bg-secondary" href="/account?view=rewards">rewards</a> </li> </ul> </div> </li><li class="no-underline"> <button class="btn--icon js-open-slide-out-cart" aria-label="Cart, with 0 items"><div class="relative block duration-200 ease-in-out"> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="25" viewBox="0 0 26 25"> <g fill="var(--c-primary)" fill-rule="evenodd" transform="translate(0 .857)"> <path fill-rule="nonzero" d="M24.1428571 19.9642857C24.1428571 18.1693603 22.6877826 16.7142857 20.8928571 16.7142857 19.0979317 16.7142857 17.6428571 18.1693603 17.6428571 19.9642857 17.6428571 21.7592112 19.0979317 23.2142857 20.8928571 23.2142857 22.6877826 23.2142857 24.1428571 21.7592112 24.1428571 19.9642857zM19.6188571 19.9642857C19.6188571 19.2463155 20.200887 18.6642857 20.9188571 18.6642857 21.6368273 18.6642857 22.2188571 19.2463155 22.2188571 19.9642857 22.2188571 20.6822559 21.6368273 21.2642857 20.9188571 21.2642857 20.200887 21.2642857 19.6188571 20.6822559 19.6188571 19.9642857zM25.0708975 4.34814166L6.93805272 4.34814166 6.32023859 1.72575919C6.08725313.713452976 5.21713271-.000360206117 4.21658146 1.36367133e-7L.9267212 1.36367133e-7C.414907214 1.36367132e-7 0 .431647425 0 .964111339 0 1.49657525.414907214 1.92822254.9267212 1.92822254L4.23202681 1.92822254C4.3783442 1.92415298 4.50732114 2.02747213 4.54093388 2.17567775L7.03690298 13.073348C7.40281075 14.6641305 8.76994855 15.7860172 10.3422086 15.7857142L20.8821177 15.7857142C22.45207 15.7830466 23.8158761 14.6617982 24.1812452 13.073348L25.9729062 5.54363955C26.0412629 5.25598894 25.97868 4.95161408 25.8031922 4.71822801 25.6277044 4.48484195 25.358806 4.34837065 25.0739866 4.34814166L25.0708975 4.34814166zM22.3834061 12.6202158C22.213055 13.3370684 21.5950036 13.8408525 20.8852068 13.8414233L10.3422086 13.8414233C9.62763342 13.8408911 9.00670155 13.3304838 8.84092025 12.607361L7.3828789 6.27636406 23.8877835 6.27636406 22.3834061 12.6202158zM10.6785714 23.2142857C12.4734969 23.2142857 13.9285714 21.7592112 13.9285714 19.9642857 13.9285714 18.1693603 12.4734969 16.7142857 10.6785714 16.7142857 8.88364599 16.7142857 7.42857143 18.1693603 7.42857143 19.9642857 7.42857143 21.7592112 8.88364599 23.2142857 10.6785714 23.2142857zM10.6785714 18.6902857C11.3965416 18.6902857 11.9785714 19.2723155 11.9785714 19.9902857 11.9785714 20.7082559 11.3965416 21.2902857 10.6785714 21.2902857 9.96060125 21.2902857 9.37857143 20.7082559 9.37857143 19.9902857 9.37857143 19.2723155 9.96060125 18.6902857 10.6785714 18.6902857z"/> </g> </svg> <div class="absolute -top-1.5 -right-1" style="display: none;" data-js-cart-blob data-cy="cart-icon-blob" > <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17"> <path fill="var(--c-secondary)" fill-rule="evenodd" d="M16.7832119,5.60434419 C17.8845457,7.51088322 18.5641754,9.66431483 18.3401532,11.8015619 C18.1161049,13.9387829 16.8999433,16.0470283 14.8631668,17.1784583 C12.0540743,18.7388308 8.39317586,18.1906447 5.29687074,17.1542076 C4.55571973,16.9061142 3.79978169,16.617951 3.2642669,16.0962867 C2.69377961,15.5405565 2.44067884,14.7857043 2.24628285,14.0511088 C1.88046684,12.6689489 1.66059126,11.2558557 1.59048978,9.83678461 C1.51047812,8.21736458 1.65933945,6.49767869 2.68543419,5.16240178 C3.69543793,3.84806035 5.42598995,3.10072608 7.17320671,2.78940859 C10.3990222,2.21467462 14.8010617,3.33845324 15.7256914,4.16018707 C16.1571493,4.58907743 16.4870018,5.09163356 16.7832119,5.60434419 Z" transform="rotate(-72 8.101 10.08)"/> </svg> <span class="absolute top-2/4 left-2/4 h-2 text-xxs transform -translate-x-1/2 -translate-y-1/2 leading-none m-0 p-0 w-full font-bold text-center text-primary" data-js-cart-item-count >0</span> </div> </div> </button> </li></ul> </div> </div> <style data-shopify> .site-menu__modal { animation: fade-in 0.3s forwards; } </style> <mobile-menu id="mobile-menu-modal" class="site-menu__modal fixed z-10 left-0 top-0 w-full h-full tablet-only" style="background-color: #F0F0F0;" hidden> <div class="h-full w-full relative m-0 p-0"> <div id="close-menu-logo" class="h-auto w-full bg-white py-4 px-6" style="border-bottom: 1px solid #D9D9D9;"> <?xml version="1.0" encoding="UTF-8"?> <svg class="block w-28" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 533.29 178.94"> <defs> <style> .cls-drop { fill: #70bfea; } .cls-2 { fill: #2a367c; } </style> </defs> <g id="Layer_1-2" data-name="Layer 1"> <g> <path class="cls-2" d="m84.39,159.71l-.57-52.33c-.09-8-2.35-14.39-6.78-19.18-4.43-4.78-10.5-7.14-18.2-7.05-7.7.08-13.87,2.61-18.49,7.56-4.63,4.96-6.9,11.37-6.81,19.22l.57,52.33c.01,1.36-.46,2.46-1.44,3.3-.98.84-2.14,1.27-3.5,1.28l-22.88.25c-1.36.01-2.5-.43-3.41-1.32-.92-.9-1.38-2.02-1.4-3.38L0,23.49c-.01-1.36.43-2.5,1.32-3.41.9-.92,2.02-1.38,3.38-1.4l22.88-.25c1.36-.01,2.53.39,3.53,1.21.99.82,1.49,1.91,1.51,3.27l.42,39.17s12.67-10.91,35.67-11.16c14.35-.16,25.87,4.25,34.58,13.22,8.71,8.97,13.13,20.32,13.28,34.06l.66,61.16c.01,1.36-.47,2.46-1.44,3.3-.97.84-2.14,1.27-3.5,1.28l-22.88.25c-1.36.01-2.53-.39-3.52-1.21-.99-.82-1.49-1.91-1.51-3.27Z"/> <path class="cls-2" d="m263.78,157.77l-.57-52.33c-.09-8-2.35-14.39-6.78-19.18-4.43-4.78-10.5-7.14-18.2-7.05-7.7.08-13.87,2.61-18.49,7.56-4.63,4.96-6.9,11.37-6.81,19.22l.57,52.33c.01,1.36-.46,2.46-1.44,3.3-.98.84-2.14,1.27-3.5,1.28l-22.88.25c-1.36.01-2.5-.43-3.41-1.32-.92-.9-1.38-2.02-1.4-3.38l-1.09-100.88c-.01-1.36.43-2.5,1.32-3.41.9-.92,2.02-1.38,3.38-1.4l22.88-.25c1.36-.01,2.53.39,3.53,1.21.99.82,1.49,1.91,1.51,3.27l.03,3.15s12.67-10.91,35.67-11.16c14.35-.16,25.87,4.25,34.58,13.22,8.71,8.97,13.13,20.32,13.28,34.06l.66,61.16c.01,1.36-.47,2.46-1.44,3.3-.97.84-2.14,1.27-3.5,1.28l-22.88.25c-1.36.01-2.53-.39-3.52-1.21-.99-.82-1.49-1.91-1.51-3.27Z"/> <path class="cls-2" d="m160.67,163.42l-22.88.25c-1.36.01-2.54-.46-3.53-1.43-.99-.97-1.5-2.14-1.51-3.49l-1.09-100.35c-.01-1.36.46-2.53,1.43-3.53.97-.99,2.14-1.5,3.49-1.51l22.88-.25c1.36-.01,2.5.47,3.41,1.44.92.97,1.38,2.14,1.4,3.5l1.09,100.35c.01,1.36-.43,2.54-1.32,3.53-.9.99-2.02,1.49-3.38,1.51Z"/> <path class="cls-2" d="m310.33,128.94l-.54-50.06-.3-27.41-.34-31.12c-.02-1.51.46-2.72,1.43-3.64.97-.92,2.14-1.38,3.5-1.4l23.1-.25c1.21-.01,2.3.43,3.3,1.32.99.89,1.5,2.1,1.51,3.61l.34,31.12,20.68-.22c1.36-.01,2.57.46,3.64,1.43,1.06.97,1.61,2.13,1.62,3.49l.19,17.44c.01,1.21-.51,2.35-1.55,3.42-1.05,1.07-2.25,1.61-3.61,1.62l-20.68.22.46,42.36c.05,4.83,1.22,8.14,3.51,9.93,2.28,1.79,4.86,2.66,7.73,2.63,3.02-.03,6.33-1.12,9.93-3.28,4.05-2.61,7.15-2.34,9.3.81l8.07,12.6c1.84,2.85,1.65,5.57-.59,8.16-7.47,7.94-18.3,11.98-32.49,12.13-10.57.11-19.55-2.73-26.94-8.54-7.39-5.81-11.15-14.61-11.27-26.38Z"/> <g> <path class="cls-2" d="m377.72,57.61l.03,2.61h-.79s-.06-5.52-.06-5.52l1.94-.02c.51,0,.82.11,1.08.31.34.27.55.67.56,1.13,0,.46-.2.87-.53,1.14-.17.14-.37.25-.64.3l2.01,2.62h-.96s-2-2.58-2-2.58h-.63Zm1.1-.76c.36,0,.54-.09.66-.21.13-.13.2-.31.2-.51,0-.2-.08-.38-.21-.5-.13-.13-.31-.2-.67-.2h-1.11s.02,1.44.02,1.44h1.11Z"/> <path class="cls-2" d="m372.98,57.5c-.04-3.28,2.6-5.98,5.88-6.01,3.28-.04,5.98,2.6,6.01,5.88.04,3.28-2.6,5.98-5.88,6.01-3.28.04-5.98-2.6-6.01-5.88Zm11.3-.12c-.03-2.95-2.46-5.32-5.4-5.29-2.95.03-5.32,2.46-5.29,5.41.03,2.95,2.46,5.32,5.41,5.29,2.95-.03,5.32-2.46,5.29-5.41Z"/> </g> </g> <path class="cls-drop" d="m532.92,116.06c-.61-3.66-.92-7.36-2.51-10.85l-.1-.3c-.23-.93-.35-1.87-.61-2.79-.75-2.61-1.34-5.21-2.13-7.81-.55-1.81-1.06-3.64-1.76-5.42-.8-2.04-1.83-4.01-2.66-6.05-1.14-2.8-2.14-5.65-3.28-8.45-.67-1.65-1.46-3.24-2.18-4.88-1.98-4.51-3.68-9.01-6.13-13.36-1.87-3.32-3.93-6.63-5.85-9.93-2.68-4.62-5.32-9.29-8.24-13.8-3.79-5.86-7.87-11.58-11.86-17.35-3.04-4.39-4.27-7.48-7.77-12.21-2.55-3.45-5.1-3.87-7.37-.88-1.35,1.79-2.98,3.75-3.88,5.25-1.58,2.66-2.9,4.2-4.43,6.87-2.51,4.42-5.45,8.43-7.96,12.85-1.2,2.11-2.37,4.25-3.66,6.31-2.87,4.61-5.46,9.07-8.25,13.63-2.76,4.52-4.67,9.06-7.36,13.61-1.56,2.64-2.97,5.28-4.35,7.99-1.5,2.95-2.59,5.97-3.95,8.97-.59,1.29-1.17,2.58-1.7,3.88-.54,1.33-1.91,2.66-2.13,4.04-.21,1.31-1.63,2.33-1.71,3.71-.09,1.44-.61,2.86-1.06,4.29-.93,2.99-1.66,5.98-2.56,8.98-.64,2.14-1.26,4.29-1.86,6.44-.58,2.09.03,4.19-.52,6.29-.27,1.05-.73,2.09-.78,3.14-.14,2.93-.78,5.85-.23,8.8.51,2.72,1.43,5.49,2.02,8.2.43,1.94,1.11,3.85,1.94,5.7,1.3,2.89,1.76,5.85,3.56,8.51,2.17,3.21,4.85,6.18,7.43,9.18,1.76,2.05,3.75,3.95,5.58,5.95,1.67,1.83,3.42,3.54,5.87,4.71,3.48,1.66,6.88,3.43,10.28,5.19,3.45,1.79,6.94,3.39,11.22,3.34,1.51-.02,3.01.38,4.53.52,2.46.22,4.92.45,7.39.54,1.78.06,3.62.07,5.37-.21,3.37-.53,6.69-1.26,10.03-1.95,1.25-.26,2.5-.57,3.71-.97,1.96-.65,3.9-1.34,5.81-2.06,3.19-1.21,6.32-2.49,8.99-4.45,1.1-.81,2.34-1.48,3.45-2.28,2.03-1.47,4.17-2.88,5.98-4.53,2.76-2.51,5.17-5.27,7.07-8.3,1.03-1.66,2.29-3.25,3.03-4.99,1.49-3.47,2.73-7.01,3.99-10.54.45-1.25.81-2.54.98-3.83.28-2.2.37-4.42.55-6.63.32-4.04.72-8.07.05-12.11Z"/> <path class="cls-2" d="m519.69,118.25c-.37-1.78-2.43-2.62-3.9-1.54l-3.29,2.42c-1.74,1.28-3.93,2.09-5.82,3.09-2.71,1.42-5.46,2.78-8.29,3.97-3.16,1.32-6.71,3.37-10.37,3.78-2.54.29-5.08.94-7.63,1.15-3.26.27-6.52.33-9.78.44-2.98.1-7.84-.14-10.79-.59-1.94-.3-3.88-.71-5.7-1.4-3.9-1.49-7.7-3.27-11.5-5.03-3.02-1.4-6.12-2.98-8.52-5.29-1.53-1.47-2.85-2.8-4.58-3.38-1.74-.59-3.5.87-3.3,2.7.14,1.24.28,2.49.46,3.73.19,1.34.61,2.64.88,3.97.3,1.43.31,2.93,1.05,4.26.43.76.76,1.57,1.12,2.37.53,1.17,1.01,2.35,1.57,3.5.81,1.67,1.68,3.32,2.52,4.98.27.54.45,1.15.81,1.61.73.91,1.62,1.69,2.35,2.6,1.31,1.63,2.4,3.47,3.85,4.96,1.89,1.93,3.99,3.67,6.11,5.36,1.75,1.39,3.65,2.57,5.69,3.5,2.57,1.17,5.21,2.21,7.82,3.3,1.25.52,2.54.96,3.86,1.29,2.13.52,4.27,1.01,6.41,1.5,1.28.29,2.56.56,3.84.8.82.15,2.17.25,3,.28,1.06.04,2.15.17,3.15-.07,2.97-.72,5.93-1.55,8.83-2.51,1.58-.52,8.58-4.09,9.4-4.88,3.65-3.54,7.25-7.15,10.79-10.8,1.36-1.4,2.62-2.89,3.78-4.46,1.01-1.37,2.19-2.75,2.83-4.32.91-2.21,1.44-4.57,2.23-6.84.94-2.74,1.21-5.59,1.44-8.45.15-1.9.1-3.83-.34-5.97Z"/> </g> </svg> </div> <div class="h-full w-full overflow-auto m-0 p-0 "> <div class="h-auto w-full bg-white "> </div> <div class="h-auto w-full bg-white p-4"> <ul class="h-auto w-full px-4 grid gap-y-4"> <li role="menuitem" class="h-auto w-full"> <button id="shop" class="js-mobile-sub-menu cursor-pointer p-0 hover:opacity-70 text-primary h-auto w-full font-bold text-2xl flex justify-between items-center" type="button" aria-label="Open Sub Menu" aria-expanded="false"> shop <svg xmlns="http://www.w3.org/2000/svg" width="10" height="18" viewBox="0 0 10 18" class=""> <g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" transform="matrix(-1 0 0 1 19 -5)" > <path d="M10 14L18 22M10 14L18 6"/> </g> </svg> </button> </li> <style data-shopify> .mobile-menu-drawer { right: -100%; animation: slide-out 0.3s forwards; } .mobile-menu-drawer.open { right: 0; animation: slide-in 0.3s forwards; } @keyframes slide-in { from { right: -100%; } to { right: 0; } } @keyframes slide-out { from { right: 0; } to { right: -100%; } } </style> <aside id="sub-menu--shop" class="fixed z-10 top-0 w-full h-full bg-white mobile-menu-drawer" hidden> <div class="h-auto w-full flex p-4 py-3 font-bold z-50" style="border-bottom: 2px solid #D9D9D9;"> <button id="close--shop" class="js-close-sub-menu h-auto w-auto cursor-pointer py-0 hover:opacity-70" style="transform: rotate(180deg);" type="button" aria-label="Close Sub Menu "> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="18" viewBox="0 0 10 18" class=""> <g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" transform="matrix(-1 0 0 1 19 -5)" > <path d="M10 14L18 22M10 14L18 6"/> </g> </svg> </button> <p class="h-auto w-full m-0 pr-5 text-xl text-center">shop</p> </div> <div class="h-full w-full" style="padding-top: 3.4rem; margin-top:-3.4rem;" > <div class="h-full w-full overflow-y-auto "> <div class="h-auto w-full p-4 py-10"> <ul class="h-auto w-full px-4 grid gap-y-4"> <li data-sub-item class="h-auto w-full font-bold text-primary text-2xl flex justify-between items-center"> <a class="w-full" aria-label="shop all" href="/collections/water" >shop all</a> </li> <li data-sub-item class="h-auto w-full font-bold text-primary text-2xl flex justify-between items-center"> <a class="w-full" aria-label="seasonal " href="/collections/seasonal-flavors" >seasonal </a> </li> <li data-sub-item class="h-auto w-full font-bold text-primary text-2xl flex justify-between items-center"> <a class="w-full" aria-label="still" href="/collections/water-original" >still</a> </li> <li data-sub-item class="h-auto w-full font-bold text-primary text-2xl flex justify-between items-center"> <a class="w-full" aria-label="smashups" href="/collections/smashups" >smashups</a> </li> <li data-sub-item class="h-auto w-full font-bold text-primary text-2xl flex justify-between items-center"> <a class="w-full" aria-label="variety packs" href="/collections/variety-pack" >variety packs</a> </li> <li data-sub-item class="h-auto w-full font-bold text-primary text-2xl flex justify-between items-center"> <a class="w-full" aria-label="hint+ vitamin" href="/collections/hint-plus-vitamin" >hint+ vitamin</a> </li> <li data-sub-item class="h-auto w-full font-bold text-primary text-2xl flex justify-between items-center"> <a class="w-full" aria-label="hint kids" href="/collections/hint-water-kids" >hint kids</a> </li> <li data-sub-item class="h-auto w-full font-bold text-primary text-2xl flex justify-between items-center"> <a class="w-full" aria-label="bundles" href="/collections/hint-bundles" >bundles</a> </li> <li data-sub-item class="h-auto w-full font-bold text-primary text-2xl flex justify-between items-center"> <a class="w-full" aria-label="office water delivery" href="/collections/office-water-delivery" >office water delivery</a> </li> </ul> </div> <div class="h-full w-full p-4 py-0 mb-24 flex flex-col items-center gap-y-6"> </div> </div> </div> </aside> <li role="menuitem" class="h-auto w-full"> <button id="learn" class="js-mobile-sub-menu cursor-pointer p-0 hover:opacity-70 text-primary h-auto w-full font-bold text-2xl flex justify-between items-center" type="button" aria-label="Open Sub Menu" aria-expanded="false"> learn <svg xmlns="http://www.w3.org/2000/svg" width="10" height="18" viewBox="0 0 10 18" class=""> <g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" transform="matrix(-1 0 0 1 19 -5)" > <path d="M10 14L18 22M10 14L18 6"/> </g> </svg> </button> </li> <style data-shopify> .mobile-menu-drawer { right: -100%; animation: slide-out 0.3s forwards; } .mobile-menu-drawer.open { right: 0; animation: slide-in 0.3s forwards; } @keyframes slide-in { from { right: -100%; } to { right: 0; } } @keyframes slide-out { from { right: 0; } to { right: -100%; } } </style> <aside id="sub-menu--learn" class="fixed z-10 top-0 w-full h-full bg-white mobile-menu-drawer" hidden> <div class="h-auto w-full flex p-4 py-3 font-bold z-50" style="border-bottom: 2px solid #D9D9D9;"> <button id="close--learn" class="js-close-sub-menu h-auto w-auto cursor-pointer py-0 hover:opacity-70" style="transform: rotate(180deg);" type="button" aria-label="Close Sub Menu "> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="18" viewBox="0 0 10 18" class=""> <g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" transform="matrix(-1 0 0 1 19 -5)" > <path d="M10 14L18 22M10 14L18 6"/> </g> </svg> </button> <p class="h-auto w-full m-0 pr-5 text-xl text-center">learn</p> </div> <div class="h-full w-full" style="padding-top: 3.4rem; margin-top:-3.4rem;" > <div class="h-full w-full overflow-y-auto "> <div class="h-auto w-full p-4 py-10"> <ul class="h-auto w-full px-4 grid gap-y-4"> <li data-sub-item class="h-auto w-full font-bold text-primary text-2xl flex justify-between items-center"> <a class="w-full" aria-label="our story" href="/pages/our-story" >our story</a> </li> <li data-sub-item class="h-auto w-full font-bold text-primary text-2xl flex justify-between items-center"> <a class="w-full" aria-label="benefits" href="/pages/shop" >benefits</a> </li> <li data-sub-item class="h-auto w-full font-bold text-primary text-2xl flex justify-between items-center"> <a class="w-full" aria-label="sustainability" href="/pages/sustainability" >sustainability</a> </li> <li data-sub-item class="h-auto w-full font-bold text-primary text-2xl flex justify-between items-center"> <a class="w-full" aria-label="rewards" href="/pages/rewards" >rewards</a> </li> <li data-sub-item class="h-auto w-full font-bold text-primary text-2xl flex justify-between items-center"> <a class="w-full" aria-label="9 day challenge" href="/pages/9-day-hydration-challenge" >9 day challenge</a> </li> <li data-sub-item class="h-auto w-full font-bold text-primary text-2xl flex justify-between items-center"> <a class="w-full" aria-label="hint gives back" href="/pages/feeding-america" >hint gives back</a> </li> </ul> </div> <div class="h-full w-full p-4 py-0 mb-24 flex flex-col items-center gap-y-6"> </div> </div> </div> </aside> <li role="menuitem" class=" text-primary h-auto w-full font-bold text-2xl flex justify-between items-center"> <a aria-label="subscribe and save" href="/collections/subscriptions">subscribe and save</a> </li> <style data-shopify> .mobile-menu-drawer { right: -100%; animation: slide-out 0.3s forwards; } .mobile-menu-drawer.open { right: 0; animation: slide-in 0.3s forwards; } @keyframes slide-in { from { right: -100%; } to { right: 0; } } @keyframes slide-out { from { right: 0; } to { right: -100%; } } </style> <aside id="sub-menu--subscribe-and-save" class="fixed z-10 top-0 w-full h-full bg-white mobile-menu-drawer" hidden> <div class="h-auto w-full flex p-4 py-3 font-bold z-50" style="border-bottom: 2px solid #D9D9D9;"> <button id="close--subscribe-and-save" class="js-close-sub-menu h-auto w-auto cursor-pointer py-0 hover:opacity-70" style="transform: rotate(180deg);" type="button" aria-label="Close Sub Menu "> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="18" viewBox="0 0 10 18" class=""> <g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" transform="matrix(-1 0 0 1 19 -5)" > <path d="M10 14L18 22M10 14L18 6"/> </g> </svg> </button> <p class="h-auto w-full m-0 pr-5 text-xl text-center">subscribe and save</p> </div> <div class="h-full w-full" style="padding-top: 3.4rem; margin-top:-3.4rem;" > <div class="h-full w-full overflow-y-auto "> <div class="h-auto w-full p-4 py-10"> <ul class="h-auto w-full px-4 grid gap-y-4"> </ul> </div> <div class="h-full w-full p-4 py-0 mb-24 flex flex-col items-center gap-y-6"> </div> </div> </div> </aside> <li role="menuitem" class=" text-primary h-auto w-full font-bold text-2xl flex justify-between items-center"> <a aria-label="flavors" href="/pages/flavor">flavors</a> </li> <style data-shopify> .mobile-menu-drawer { right: -100%; animation: slide-out 0.3s forwards; } .mobile-menu-drawer.open { right: 0; animation: slide-in 0.3s forwards; } @keyframes slide-in { from { right: -100%; } to { right: 0; } } @keyframes slide-out { from { right: 0; } to { right: -100%; } } </style> <aside id="sub-menu--flavors" class="fixed z-10 top-0 w-full h-full bg-white mobile-menu-drawer" hidden> <div class="h-auto w-full flex p-4 py-3 font-bold z-50" style="border-bottom: 2px solid #D9D9D9;"> <button id="close--flavors" class="js-close-sub-menu h-auto w-auto cursor-pointer py-0 hover:opacity-70" style="transform: rotate(180deg);" type="button" aria-label="Close Sub Menu "> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="18" viewBox="0 0 10 18" class=""> <g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" transform="matrix(-1 0 0 1 19 -5)" > <path d="M10 14L18 22M10 14L18 6"/> </g> </svg> </button> <p class="h-auto w-full m-0 pr-5 text-xl text-center">flavors</p> </div> <div class="h-full w-full" style="padding-top: 3.4rem; margin-top:-3.4rem;" > <div class="h-full w-full overflow-y-auto "> <div class="h-auto w-full p-4 py-10"> <ul class="h-auto w-full px-4 grid gap-y-4"> </ul> </div> <div class="h-full w-full p-4 py-0 mb-24 flex flex-col items-center gap-y-6"> </div> </div> </div> </aside> </ul> </div> <div class="h-auto w-full p-4"> <ul class="h-auto w-full px-4 grid gap-y-4"> <li class="h-auto w-full text-primary text-lg flex justify-start items-center"> <a aria-label="Account" href="https://www.drinkhint.com/account">account</a> </li> <li class="h-auto w-full text-primary text-lg flex justify-start items-center"> <a aria-label="Account" href="https://support.drinkhint.com/">faqs</a> </li> <li class="h-auto w-full text-primary text-lg flex justify-start items-center"> <a aria-label="Account" href="https://contact.gorgias.help/forms/qyrwgfpi">contact us</a> </li> </ul> </div> </div> <button id="close-menu" class="absolute right-4 bottom-8 z-50 p-0 w-14 h-14 rounded-full bg-primary tablet-only flex justify-center items-center cursor-pointer overflow-visible hover:opacity-70" type="button" aria-label="Close Menu"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18 1.8L16.2 0L9 7.2L1.8 0L0 1.8L7.2 9L0 16.2L1.8 18L9 10.8L16.2 18L18 16.2L10.8 9L18 1.8Z" fill="white" /> </svg> </button> </div> </mobile-menu> </nav> <script> const logout = function() { localStorage.removeItem('customerHash'); window.location.href = "/account/logout" } </script> </header> <main id="main-content"> <section id="shopify-section-site-banner-text" class="shopify-section"> </section> <style data-shopify> .heading-2 { font-size: 1.75rem; line-height: 1; } @media (min-width: 767px) { .heading-2 { font-size: 3rem; } } </style> <div id="shopify-section-section-fa-hero-banner" class="shopify-section"> <section > <div class="sr-only">Donate to Feeding America with hint water.</div> <div class="media mobile-off" style="padding-top: calc(1000.0 / 3000 * 100%)"> <img src="//www.drinkhint.com/cdn/shop/files/1_1337_Feeding_America_Content_Page_Desktop_Hero_2.png?v=1711576148&width=3000" alt="Donate to Feeding America with hint water." srcset="//www.drinkhint.com/cdn/shop/files/1_1337_Feeding_America_Content_Page_Desktop_Hero_2.png?v=1711576148&width=375 375w, //www.drinkhint.com/cdn/shop/files/1_1337_Feeding_America_Content_Page_Desktop_Hero_2.png?v=1711576148&width=550 550w, //www.drinkhint.com/cdn/shop/files/1_1337_Feeding_America_Content_Page_Desktop_Hero_2.png?v=1711576148&width=750 750w, //www.drinkhint.com/cdn/shop/files/1_1337_Feeding_America_Content_Page_Desktop_Hero_2.png?v=1711576148&width=1100 1100w, //www.drinkhint.com/cdn/shop/files/1_1337_Feeding_America_Content_Page_Desktop_Hero_2.png?v=1711576148&width=1500 1500w, //www.drinkhint.com/cdn/shop/files/1_1337_Feeding_America_Content_Page_Desktop_Hero_2.png?v=1711576148&width=1780 1780w, //www.drinkhint.com/cdn/shop/files/1_1337_Feeding_America_Content_Page_Desktop_Hero_2.png?v=1711576148&width=2000 2000w, //www.drinkhint.com/cdn/shop/files/1_1337_Feeding_America_Content_Page_Desktop_Hero_2.png?v=1711576148&width=3000 3000w" width="3000" height="1000.0" loading="lazy" sizes="100vw"> </div> <div class="media mobile-only" style="padding-top: calc(750.0 / 750 * 100%)"> <img src="//www.drinkhint.com/cdn/shop/files/1_1337_Feeding_America_Content_Page_Desktop_Mobile.png?v=1711576209&width=750" alt="Donate to Feeding America with hint water." srcset="//www.drinkhint.com/cdn/shop/files/1_1337_Feeding_America_Content_Page_Desktop_Mobile.png?v=1711576209&width=375 375w, //www.drinkhint.com/cdn/shop/files/1_1337_Feeding_America_Content_Page_Desktop_Mobile.png?v=1711576209&width=550 550w, //www.drinkhint.com/cdn/shop/files/1_1337_Feeding_America_Content_Page_Desktop_Mobile.png?v=1711576209&width=750 750w" width="750" height="750.0" loading="lazy" sizes="100vw"> </div> </section> </div> <div id="shopify-section-section-fa-donation-graph" class="shopify-section"><style data-shopify> .bar-wrapper { position: relative; border-radius: 10rem; width: 3.5rem; height: 25rem; } .outer-bar { border-radius: 10rem; width: 3.5rem; overflow: hidden; height: 25rem; } .inner-bar { position: relative; } .bar-text { transition: bottom 1s ease; position: absolute; bottom: 0px; left: 0; min-width: 200px; } .inner-bar-line { position: absolute; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; z-index: 1; } .inner-bar-line span { border-radius: 100%; background-color: white; display: block; width: 15px; height: 15px; border: 2px solid #242c82 } .inner-bar-line div { border: 1px solid #242c82; height: 100%; position: absolute; z-index: -1; } </style> <div class="w-full h-auto flex justify-center flex-col py-8"> <div class="w-full h-auto flex justify-center gap-x-24"> <div class="w-auto h-auto hidden tablet:block" > <h2 class="heading-2 mt-0 font-accent text-primary-blue "> Your hint water<br />purchase helps<br /> <span class="text-green">make an impact</span> </h2> <div> <div class="w-96 h-auto"> <div class="media " style="padding-top: calc(327.0 / 448 * 100%)"> <img src="//www.drinkhint.com/cdn/shop/files/2_1337_Feeding_America_Content_Page_Desktop_Image1.png?v=1711292048&width=448" alt="Hint water in a cooler" srcset="//www.drinkhint.com/cdn/shop/files/2_1337_Feeding_America_Content_Page_Desktop_Image1.png?v=1711292048&width=375 375w" width="448" height="327.0" loading="lazy" sizes="100vw"> </div> </div> </div> <div class=" w-full h-auto flex justify-center max-w-lg"> <div class="w-auto h-auto flex flex-col "> <p class="text-primary-blue text-base tablet:text-xl order-1 tablet:order-0 p-4 tablet:p-0">For each case featured in a Feeding America in-store display, a donation of $1 will be made, helping to provide at least 10 meals* to people in need.</p> <div class="flex justify-start order-0 tablet:order-1 hidden"> <a href="https://www.drinkhint.com/pages/feeding-america-bundle" class="btn btn-primary bg-primary-blue text-white py-4 px-8">support today</a> </div> </div> </div> </div> <div class="w-auto h-auto my-4 gap-y-6 tablet:m-0 tablet:flex tablet:items-center tablet:justify-center"> <h2 class="heading-2 mt-0 font-accent text-primary-blue m-0 text-center tablet:hidden"> Your hint water purchase <br />helps <span class="text-green">make an impact</span> </h2> <div class="w-full h-auto flex justify-center"> <div class="w-auto h-auto"> <progress-bar class="flex flex-col items-center"> <p class="font-bold text-primary-blue text-md m-0 tablet:text-2xl">Donations To Date</p> <p class=" text-primary-blue text-base m-0">11/18/2024</p> <div class="relative text-center mx-auto" style="width:250px; height:60px"> <svg xmlns="http://www.w3.org/2000/svg" width="250" height="60" viewBox="0 0 184 40" fill="none"> <path d="M0.369741 39.9992C0.369741 39.5961 0.384229 39.21 0.366847 38.8239C0.347682 38.3927 14.1738 20.6792 14.1738 20.6792C14.1738 20.6792 -0.132775 2.8903 0.000931387 1.93669C0.0391027 1.43682 0.0426809 0.934943 0.0116322 0.434589C1.28385 0.444545 2.43015 0.458927 3.57713 0.461582C10.1038 0.478619 16.6308 0.505835 23.1575 0.505835C32.2678 0.504507 41.3781 0.491748 50.4886 0.467558C57.0789 0.4562 63.6691 0.441818 70.2592 0.424412C78.1993 0.395944 86.138 0.360027 94.0754 0.316661C99.0495 0.29719 104.026 0.298075 109.002 0.282808C114.977 0.264001 120.953 0.359807 126.926 0.327061C133.091 0.293652 139.252 0.23679 145.416 0.204486C149.805 0.182361 154.199 0.312678 158.59 0.307589C160.158 0.305598 160.133 0.321529 160.128 0.588584C160.113 1.14393 159.945 1.69884 159.926 2.25419C159.896 3.07173 159.951 3.89259 159.951 4.71234C159.953 5.7113 159.964 6.57641 159.917 7.57538C159.875 8.4958 159.712 9.3587 159.695 10.2791C159.675 11.306 159.754 12.2755 159.801 13.3026C159.882 15.0726 159.97 17.2615 160.057 19.0304C160.112 19.5779 160.134 20.1282 160.124 20.6783C159.97 22.5351 159.725 24.3919 159.614 26.2486C159.53 27.4726 159.553 28.7015 159.683 29.9215C159.809 31.0207 160.159 32.1194 160.428 33.2182C160.807 34.7603 161.188 36.3023 161.594 37.844C161.747 38.4199 161.974 38.9963 162.18 39.6114C160.506 39.6114 158.838 39.6052 157.173 39.6114C145.481 39.6614 133.788 39.574 122.098 39.6335C111.896 39.6859 101.697 39.6027 91.4964 39.6631C83.1993 39.7125 74.9013 39.5833 66.6048 39.6364C58.5676 39.6875 50.5318 39.7448 42.4974 39.808C35.661 39.8711 28.8324 39.8651 22.0023 39.9472C15.0177 40.0313 8.03533 39.9107 1.05164 39.9992C0.892754 40.001 0.732307 39.9992 0.369741 39.9992Z" fill="#f31947"/> <path d="M182.773 0.000786685C182.773 0.403914 182.758 0.790004 182.776 1.17609C182.795 1.60732 169.461 19.3208 169.461 19.3208C169.461 19.3208 183.275 37.1097 183.142 38.0633C183.104 38.5632 183.1 39.0651 183.131 39.5654C181.859 39.5555 180.713 39.5411 179.566 39.5384C173.039 39.5214 166.512 39.4942 159.985 39.4942C150.875 39.4955 141.765 39.5083 132.654 39.5324C126.064 39.5438 119.474 39.5582 112.884 39.5756C104.944 39.6041 97.0048 39.64 89.0675 39.6833C84.0934 39.7028 79.1164 39.7019 74.1412 39.7172C68.1659 39.736 62.1901 39.6402 56.2168 39.6729C50.052 39.7063 43.8913 39.7632 37.7266 39.7955C33.3377 39.8176 28.9443 39.6873 24.553 39.6924C22.9846 39.6944 23.0095 39.6785 23.0153 39.4114C23.0298 38.8561 23.1974 38.3012 23.2172 37.7458C23.2469 36.9283 23.1912 36.1074 23.1912 35.2877C23.1898 34.2887 23.1787 33.4236 23.225 32.4246C23.2671 31.5042 23.4305 30.6413 23.4479 29.7209C23.4673 28.694 23.3879 27.7245 23.3411 26.6974C23.2605 24.9274 23.172 22.7385 23.0855 20.9696C23.0305 20.4221 23.0081 19.8718 23.0187 19.3217C23.1724 17.4649 23.4169 15.6081 23.5285 13.7514C23.6126 12.5274 23.5895 11.2985 23.4595 10.0785C23.3338 8.97932 22.9835 7.88057 22.7143 6.78181C22.3354 5.23967 21.9546 3.69774 21.5484 2.15603C21.3953 1.58011 21.1686 1.00374 20.9627 0.388647C22.6365 0.388647 24.304 0.394842 25.9691 0.388647C37.6613 0.338643 49.3543 0.426039 61.0447 0.366521C71.2464 0.314084 81.4455 0.397276 91.646 0.336873C99.9431 0.287533 108.241 0.416746 116.538 0.363645C124.575 0.312461 132.611 0.25523 140.645 0.191951C147.481 0.128893 154.31 0.134867 161.14 0.0527816C168.125 -0.0312953 175.107 0.0892887 182.091 0.000786685C182.25 -0.000983356 182.41 0.000786685 182.773 0.000786685Z" fill="#f31947"/> </svg> <span class="absolute top-1/2 left-1/2 transform -translate-x-1/2 text-xl -translate-y-1/2 text-white font-accent uppercase w-full"> Goal: 1.75 Million Meals </span> </div> <p class="font-bold text-primary-blue mt-0 text-sm">in cumulative donations</p> <div class="w-full h-auto flex justify-center relative gap-x-2"> <div class="bar-wrapper"> <div class="outer-bar bg-turquoise relative"> <div class="inner-bar-line"> <div ></div> <span></span> <span></span> <span></span> <span></span> </div> <div class="inner-bar bg-light-blue" style="height:100%; width: 100%; transition: height 1s ease"> </div> </div> </div> <div class="w-full h-auto max-w-max relative"> <p class="font-accent text-primary-blue flex flex-col hidden"> <span class="text-4xl leading-8">1.75</span> <span class="text-lg leading-3" >Million</span> <span class="text-xl">Meals</span> </p> <span class="bar-text">--</span> </div> </div> <script> document.addEventListener("DOMContentLoaded", () => { const progressBar = document.querySelector(".inner-bar"); const progressBarText = document.querySelector(".bar-text"); const progressPercentage = Number('100'); const total = 1.75 * 1000000 progressBar.style.height = `${100 - progressPercentage}%` progressBarText.style.bottom = `${progressPercentage >= 60 ? 60 : progressPercentage}%` progressBarText.innerHTML = `2,775,013 <br> meals` }) </script> </progress-bar> </div> </div> <div class=" w-full h-auto flex justify-center max-w-lg tablet:hidden"> <div class="w-auto h-auto flex flex-col"> <p class="text-primary-blue text-base tablet:text-xl order-1 tablet:order-0 p-4 pt-0 tablet:p-0">For each case featured in a Feeding America in-store display, a donation of $1 will be made, helping to provide at least 10 meals* to people in need.</p> <div class="flex justify-center order-0 tablet:order-1 hidden "> <a href="https://www.drinkhint.com/pages/feeding-america-bundle" class="btn btn-primary bg-primary-blue text-white">support today</a> </div> </div> </div> </div> </div> </div> </div> <div id="shopify-section-section-fa-donate" class="shopify-section"> <div class="w-full h-auto py-10 pb-12 bg-lightblue"> <h2 class="heading-2 mt-0 font-accent text-primary-blue text-center"> TWO WAYS TO DONATE! </h2> <div class="w-full h-auto flex justify-center w-auto gap-x-10 gap-y-4 flex-col tablet:flex-row items-center"> <div class="w-full h-auto max-w-sm flex flex-col items-center justify-start gap-y-4 tablet:gap-y-8"> <div class="w-80 h-auto"> <div class="media hidden tablet:block" style="padding-top: calc(1082.5335892514397 / 1000 * 100%)"> <img src="//www.drinkhint.com/cdn/shop/files/3_1337_Feeding_America_Content_Page_Desktop_StoreLocator_6d3f1f06-3b8d-46f0-8399-319175102506.png?v=1712258734&width=1000" alt="Look for the "Hydrate to donate" sign at your local store" srcset="//www.drinkhint.com/cdn/shop/files/3_1337_Feeding_America_Content_Page_Desktop_StoreLocator_6d3f1f06-3b8d-46f0-8399-319175102506.png?v=1712258734&width=375 375w, //www.drinkhint.com/cdn/shop/files/3_1337_Feeding_America_Content_Page_Desktop_StoreLocator_6d3f1f06-3b8d-46f0-8399-319175102506.png?v=1712258734&width=550 550w, //www.drinkhint.com/cdn/shop/files/3_1337_Feeding_America_Content_Page_Desktop_StoreLocator_6d3f1f06-3b8d-46f0-8399-319175102506.png?v=1712258734&width=750 750w" width="1000" height="1082.5335892514397" loading="lazy" sizes="100vw"> </div> <div class="media tablet:hidden" style="padding-top: calc(914.5833333333333 / 1000 * 100%)"> <img src="//www.drinkhint.com/cdn/shop/files/2_1337_Feeding_America_Content_Page_Mobile_StoreLocator_2.png?v=1712244566&width=1000" alt="Look for the "Hydrate to donate" sign at your local store" srcset="//www.drinkhint.com/cdn/shop/files/2_1337_Feeding_America_Content_Page_Mobile_StoreLocator_2.png?v=1712244566&width=375 375w, //www.drinkhint.com/cdn/shop/files/2_1337_Feeding_America_Content_Page_Mobile_StoreLocator_2.png?v=1712244566&width=550 550w, //www.drinkhint.com/cdn/shop/files/2_1337_Feeding_America_Content_Page_Mobile_StoreLocator_2.png?v=1712244566&width=750 750w" width="1000" height="914.5833333333333" loading="lazy" sizes="100vw"> </div> </div> <div class="w-full h-auto flex justify-center"> <a href="https://www.drinkhint.com/pages/store-locator" class="font-bold text-center text-primary-blue underline tablet:text-2xl">store locator</a> </div> </div> <p class="text-center font-accent text-primary-blue m-0 text-3xl tablet:text-5xl">OR</p> <div class="w-auto h-auto max-w-sm flex flex-col gap-1.5 items-center justify-start"> <div class="w-80 h-auto"> <div class="media hidden tablet:block" style="padding-top: calc(1177.404295051354 / 1000 * 100%)"> <img src="//www.drinkhint.com/cdn/shop/files/4_1337_Feeding_America_Content_Page_Desktop_Bundle_17c1e41b-78bb-44ba-b2b3-5453fbc01716.png?v=1712258756&width=1000" alt="buy our exclusive feeding america bundle; pineapple, watermelon, blackberry" srcset="//www.drinkhint.com/cdn/shop/files/4_1337_Feeding_America_Content_Page_Desktop_Bundle_17c1e41b-78bb-44ba-b2b3-5453fbc01716.png?v=1712258756&width=375 375w, //www.drinkhint.com/cdn/shop/files/4_1337_Feeding_America_Content_Page_Desktop_Bundle_17c1e41b-78bb-44ba-b2b3-5453fbc01716.png?v=1712258756&width=550 550w, //www.drinkhint.com/cdn/shop/files/4_1337_Feeding_America_Content_Page_Desktop_Bundle_17c1e41b-78bb-44ba-b2b3-5453fbc01716.png?v=1712258756&width=750 750w" width="1000" height="1177.404295051354" loading="lazy" sizes="100vw"> </div> <div class="media tablet:hidden" style="padding-top: calc(1056.3467492260063 / 1000 * 100%)"> <img src="//www.drinkhint.com/cdn/shop/files/3_1337_Feeding_America_Content_Page_Mobile_Bundle_2.png?v=1712244566&width=1000" alt="Buy our exclusive bundle; pineapple, watermelon, blackberry" srcset="//www.drinkhint.com/cdn/shop/files/3_1337_Feeding_America_Content_Page_Mobile_Bundle_2.png?v=1712244566&width=375 375w, //www.drinkhint.com/cdn/shop/files/3_1337_Feeding_America_Content_Page_Mobile_Bundle_2.png?v=1712244566&width=550 550w, //www.drinkhint.com/cdn/shop/files/3_1337_Feeding_America_Content_Page_Mobile_Bundle_2.png?v=1712244566&width=750 750w" width="1000" height="1056.3467492260063" loading="lazy" sizes="100vw"> </div> </div> <div class="w-full h-auto flex justify-center"> <a href="https://www.drinkhint.com/pages/feeding-america-bundle" class="font-bold text-center text-primary-blue underline tablet:text-2xl">shop now</a> </div> </div> </div> </div> </div> <div id="shopify-section-section-fa-hero-banner2" class="shopify-section"><a href="/pages/feeding-america-bundle" aria-label="Hint pledges to help provide 1.75million meals to people in need in 2024."> <section class="p-4 max-w-sm m-auto tablet:max-w-full tablet:p-0" > <div class="sr-only">Hint pledges to help provide 1.75million meals to people in need in 2024.</div> <div class="media mobile-off" style="padding-top: calc(1000.0 / 3000 * 100%)"> <img src="//www.drinkhint.com/cdn/shop/files/5a_1337_Feeding_America_Content_Page_Desktop_PledgeV1_3472a133-cd0f-44af-9bfd-4d187b7f3fad.png?v=1711576253&width=3000" alt="Hint pledges to help provide 1.75million meals to people in need in 2024." srcset="//www.drinkhint.com/cdn/shop/files/5a_1337_Feeding_America_Content_Page_Desktop_PledgeV1_3472a133-cd0f-44af-9bfd-4d187b7f3fad.png?v=1711576253&width=375 375w, //www.drinkhint.com/cdn/shop/files/5a_1337_Feeding_America_Content_Page_Desktop_PledgeV1_3472a133-cd0f-44af-9bfd-4d187b7f3fad.png?v=1711576253&width=550 550w, //www.drinkhint.com/cdn/shop/files/5a_1337_Feeding_America_Content_Page_Desktop_PledgeV1_3472a133-cd0f-44af-9bfd-4d187b7f3fad.png?v=1711576253&width=750 750w, //www.drinkhint.com/cdn/shop/files/5a_1337_Feeding_America_Content_Page_Desktop_PledgeV1_3472a133-cd0f-44af-9bfd-4d187b7f3fad.png?v=1711576253&width=1100 1100w, //www.drinkhint.com/cdn/shop/files/5a_1337_Feeding_America_Content_Page_Desktop_PledgeV1_3472a133-cd0f-44af-9bfd-4d187b7f3fad.png?v=1711576253&width=1500 1500w, //www.drinkhint.com/cdn/shop/files/5a_1337_Feeding_America_Content_Page_Desktop_PledgeV1_3472a133-cd0f-44af-9bfd-4d187b7f3fad.png?v=1711576253&width=1780 1780w, //www.drinkhint.com/cdn/shop/files/5a_1337_Feeding_America_Content_Page_Desktop_PledgeV1_3472a133-cd0f-44af-9bfd-4d187b7f3fad.png?v=1711576253&width=2000 2000w, //www.drinkhint.com/cdn/shop/files/5a_1337_Feeding_America_Content_Page_Desktop_PledgeV1_3472a133-cd0f-44af-9bfd-4d187b7f3fad.png?v=1711576253&width=3000 3000w" width="3000" height="1000.0" loading="lazy" sizes="100vw"> </div> <div class="media mobile-only" style="padding-top: calc(1406.5884476534295 / 750 * 100%)"> <img src="//www.drinkhint.com/cdn/shop/files/4a_1337_Feeding_America_Content_Page_Mobile_PledgeV1.png?v=1711453460&width=750" alt="Hint pledges to help provide 1.75million meals to people in need in 2024." srcset="//www.drinkhint.com/cdn/shop/files/4a_1337_Feeding_America_Content_Page_Mobile_PledgeV1.png?v=1711453460&width=375 375w, //www.drinkhint.com/cdn/shop/files/4a_1337_Feeding_America_Content_Page_Mobile_PledgeV1.png?v=1711453460&width=550 550w, //www.drinkhint.com/cdn/shop/files/4a_1337_Feeding_America_Content_Page_Mobile_PledgeV1.png?v=1711453460&width=750 750w" width="750" height="1406.5884476534295" loading="lazy" sizes="100vw"> </div> </section> </a> </div> <div id="shopify-section-section-fa-image-content" class="shopify-section"> <div class="w-full h-auto flex justify-center bg-lightblue p-4 tablet:p-12"> <div class="w-full h-auto flex justify-center items-center gap-x-8"> <div class="w-full h-auto hidden max-w-xl tablet:block"> <div class="media " style="padding-top: calc(420.0 / 550 * 100%)"> <img src="//www.drinkhint.com/cdn/shop/files/6_1337_Feeding_America_Content_Page_Desktop_Image2.png?v=1711456150&width=550" alt="Hint water on a table" srcset="//www.drinkhint.com/cdn/shop/files/6_1337_Feeding_America_Content_Page_Desktop_Image2.png?v=1711456150&width=375 375w, //www.drinkhint.com/cdn/shop/files/6_1337_Feeding_America_Content_Page_Desktop_Image2.png?v=1711456150&width=550 550w" width="550" height="420.0" loading="lazy" sizes="100vw"> </div> </div> <div class="w-full h-auto max-w-2xl flex flex-col items-center tablet:items-start"> <h3 class="font-bold text-primary-blue text-center text-xl max-w-sm tablet:max-w-2xl tablet:text-left tablet:text-3xl">We believe everyone deserves equitable access to vital needs like food and water. That's why we've partnered with Feeding America in the movement to end hunger.</h3> <div class="w-full h-auto max-w-sm tablet:hidden"> <div class="media " style="padding-top: calc(420.0 / 550 * 100%)"> <img src="//www.drinkhint.com/cdn/shop/files/6_1337_Feeding_America_Content_Page_Desktop_Image2.png?v=1711456150&width=550" alt="Hint water on a table" srcset="//www.drinkhint.com/cdn/shop/files/6_1337_Feeding_America_Content_Page_Desktop_Image2.png?v=1711456150&width=375 375w, //www.drinkhint.com/cdn/shop/files/6_1337_Feeding_America_Content_Page_Desktop_Image2.png?v=1711456150&width=550 550w" width="550" height="420.0" loading="lazy" sizes="100vw"> </div> </div> <p class="text-primary-blue text-base tablet:text-xl max-w-sm tablet:max-w-xl">1 in 7 people face hunger in America-a 30% increase in the last year. Feeding America supports tens of millions people who experience food insecurity to get the food and resources they say they need to thrive as part of a nationwide network of food banks, statewide food bank assoclations, food pantries and meal programs.</p> </div> </div> </div> </div> <div id="shopify-section-section-fa-support-local" class="shopify-section"> <div class="w-full h-auto flex justify-center flex-col py-8"> <div class="w-auto h-autp flex flex-col items-center"> <h2 class="heading-2 mt-0 font-accent text-primary-blue text-center"> Feeding America Supports<br/>Local Communities </h2> <div class="w-full h-auto max-w-sm tablet:max-w-5xl tablet:-mt-24"> <div class="media hidden tablet:block" style="padding-top: calc(957.3241061130335 / 2500 * 100%)"> <img src="//www.drinkhint.com/cdn/shop/files/7_1337_Feeding_America_Content_Page_Desktop_Bullets_aa933e5d-01fd-4187-a737-5f29985dfe5c.png?v=1712258777&width=2500" alt="Feeding America Supports Local Communities" srcset="//www.drinkhint.com/cdn/shop/files/7_1337_Feeding_America_Content_Page_Desktop_Bullets_aa933e5d-01fd-4187-a737-5f29985dfe5c.png?v=1712258777&width=375 375w, //www.drinkhint.com/cdn/shop/files/7_1337_Feeding_America_Content_Page_Desktop_Bullets_aa933e5d-01fd-4187-a737-5f29985dfe5c.png?v=1712258777&width=550 550w, //www.drinkhint.com/cdn/shop/files/7_1337_Feeding_America_Content_Page_Desktop_Bullets_aa933e5d-01fd-4187-a737-5f29985dfe5c.png?v=1712258777&width=750 750w, //www.drinkhint.com/cdn/shop/files/7_1337_Feeding_America_Content_Page_Desktop_Bullets_aa933e5d-01fd-4187-a737-5f29985dfe5c.png?v=1712258777&width=1100 1100w, //www.drinkhint.com/cdn/shop/files/7_1337_Feeding_America_Content_Page_Desktop_Bullets_aa933e5d-01fd-4187-a737-5f29985dfe5c.png?v=1712258777&width=1500 1500w, //www.drinkhint.com/cdn/shop/files/7_1337_Feeding_America_Content_Page_Desktop_Bullets_aa933e5d-01fd-4187-a737-5f29985dfe5c.png?v=1712258777&width=1780 1780w, //www.drinkhint.com/cdn/shop/files/7_1337_Feeding_America_Content_Page_Desktop_Bullets_aa933e5d-01fd-4187-a737-5f29985dfe5c.png?v=1712258777&width=2000 2000w" width="2500" height="957.3241061130335" loading="lazy" sizes="100vw"> </div> <div class="media tablet:hidden" style="padding-top: calc(2363.2478632478633 / 2500 * 100%)"> <img src="//www.drinkhint.com/cdn/shop/files/6_1337_Feeding_America_Content_Page_Mobile_Bullets_3.png?v=1712264914&width=2500" alt="Feeding America Supports Local Communities" srcset="//www.drinkhint.com/cdn/shop/files/6_1337_Feeding_America_Content_Page_Mobile_Bullets_3.png?v=1712264914&width=375 375w, //www.drinkhint.com/cdn/shop/files/6_1337_Feeding_America_Content_Page_Mobile_Bullets_3.png?v=1712264914&width=550 550w, //www.drinkhint.com/cdn/shop/files/6_1337_Feeding_America_Content_Page_Mobile_Bullets_3.png?v=1712264914&width=750 750w, //www.drinkhint.com/cdn/shop/files/6_1337_Feeding_America_Content_Page_Mobile_Bullets_3.png?v=1712264914&width=1100 1100w, //www.drinkhint.com/cdn/shop/files/6_1337_Feeding_America_Content_Page_Mobile_Bullets_3.png?v=1712264914&width=1500 1500w, //www.drinkhint.com/cdn/shop/files/6_1337_Feeding_America_Content_Page_Mobile_Bullets_3.png?v=1712264914&width=1780 1780w, //www.drinkhint.com/cdn/shop/files/6_1337_Feeding_America_Content_Page_Mobile_Bullets_3.png?v=1712264914&width=2000 2000w" width="2500" height="2363.2478632478633" loading="lazy" sizes="100vw"> </div> </div> <div class="w-full h-auto flex flex-col items-center"> <p class="text-primary-blue text-base tablet:text-lg"> Want to learn more about Feeding America? </p> <div class="flex justify-start order-0 tablet:order-1"> <a href="https://www.feedingamerica.org/" class="btn btn-primary bg-primary-blue text-white py-4 px-8">learn more</a> </div> </div> </div> </div> </div> <div class="w-full h-auto bg-lightblue p-4 tablet:p-8"> <p class="m-0 font-bold text-sm text-primary-blue">Disclaimers:</p> <p class="m-0 text-sm text-primary-blue"> <span class="font-bold">*RETAIL Program April 1- May 31, 2024:</span> For each case of our water displayed in-store, Hint has pledged to donate $1 to Feeding America, up to $150,000. $1 helps provide at least 10 meals. <span class="font-bold">Direct to Consumer Program April 1- Dec 31, 2024:</span> Hint is donating $3 per Feeding America bundle sold on drinkhint.com, up to $25,000. $1 helps Feeding America to provide 10 meals. With these combined initiatives, Hint Inc will make an aggregate minimum donation of $150K and maximum of $175K to Feeding America in 2024. </p> </div> <div id="shopify-section-site-predictive-search" class="shopify-section"> <div class="hidden" style="display:none"> <ul class="m-0 pb-3 no-results-collection"> <li data-search-result class="predictive-search__item p-4"> <a href="/products/peach-raspberry-hint-r-water" class="flex"> <img class="h-full flex-shrink-0" style="width: 50px" loading="lazy" src="//www.drinkhint.com/cdn/shop/files/Hint-16oz-Peach_Raspberry-PDP_Bottle_1_100x.jpg?v=1725461613" alt="peach raspberry hint® water" /> <div class="pl-3"> <span class="font-bold">peach raspberry hint® water</span> <p class="m-0 font-normal overflow-hidden max-h-5"> Pure flavored water, with a taste of peach, raspberry and other natural flavors one case of twelve 16-oz. bottles zero diet sweeteners zero calories zero preservatives vegan, gluten-free, kosher </p> <span>$22.99</span> </div> </a> </li> <li data-search-result class="predictive-search__item p-4"> <a href="/products/watermelon-hint-water" class="flex"> <img class="h-full flex-shrink-0" style="width: 50px" loading="lazy" src="//www.drinkhint.com/cdn/shop/files/Hint-16oz-Watermelon-PDPBottle_100x.jpg?v=1701916127" alt="watermelon hint® water" /> <div class="pl-3"> <span class="font-bold">watermelon hint® water</span> <p class="m-0 font-normal overflow-hidden max-h-5"> Pure flavored water, with delicious watermelon and other natural flavors one case of twelve 16-oz. bottles zero diet sweeteners zero calories zero preservatives vegan, gluten-free, kosher </p> <span>$22.99</span> </div> </a> </li> <li data-search-result class="predictive-search__item p-4"> <a href="/products/coconut-hint-r-water" class="flex"> <img class="h-full flex-shrink-0" style="width: 50px" loading="lazy" src="//www.drinkhint.com/cdn/shop/files/Hint-16oz-Coconut-PDPBottle_100x.jpg?v=1701913140" alt="coconut hint® water" /> <div class="pl-3"> <span class="font-bold">coconut hint® water</span> <p class="m-0 font-normal overflow-hidden max-h-5"> Pure flavored water, with delicious coconut and other natural flavors. one case of twelve 16-oz. bottles zero diet sweeteners zero calories zero preservatives vegan, gluten-free, kosher </p> <span>$22.99</span> </div> </a> </li> <li data-search-result class="predictive-search__item p-4"> <a href="/products/pineapple-peach-hint-water" class="flex"> <img class="h-full flex-shrink-0" style="width: 50px" loading="lazy" src="//www.drinkhint.com/cdn/shop/files/Hint_Vitamin-16oz-PDPHero-900x1200_PineApple_Peach_PDP_withBurst_100x.jpg?v=1707168654" alt="pineapple peach hint® water" /> <div class="pl-3"> <span class="font-bold">pineapple peach hint® water</span> <p class="m-0 font-normal overflow-hidden max-h-5">Pure flavored water, with a taste of pineapple, peach and other natural flavors one case of twelve 16-oz. bottles zero diet sweeteners zero calories zero preservatives vegan, gluten-free, kosher </p> <span>$22.99</span> </div> </a> </li> </ul> </div> <script> window.predictiveSearch = window.predictiveSearch || {}; let settings = { suggestions: [], products: [], general: {"exclusion_tags":"hidden,remove-klevu","no_results_text":"\u003cp\u003e\u003cstrong\u003eSorry! There are no results for that term.\u003cbr\/\u003e\u003c\/strong\u003e\u003ca href=\"https:\/\/www.drinkhint.com\/collections\/water\"\u003eClick here\u003c\/a\u003e to continue shopping or check out some of our top sellers!\u003c\/p\u003e","no_results_collection":"no-results-options","disable_subscription_option":false,"enable_radio_options":true}, } settings.suggestions.push({"title":"Suggestion: Kara","keywords":"kara's, kara, kara's special new customer offer, kara's new customer offer","tolerance":3,"output":"Kara's new customer offer","link":"https:\/\/www.drinkhint.com\/collections\/special-new-customer-offer"}) settings.suggestions.push({"title":"Suggestion: Store","keywords":"store,stores,store locator, where can I buy hint,where can I find hint,target,whole foods,CVS,costco,walmart, aldi,sam's club,sams club","tolerance":5,"output":"Find hint near you","link":"https:\/\/www.drinkhint.com\/pages\/store-locator"}) settings.suggestions.push({"title":"Suggestion: TV","keywords":"tv,hint tv,hinttv,tv offer, tv new, tv kara,36,36 for 36,commercial, tv commercial, tv,byob36","tolerance":3,"output":"TV offer","link":"https:\/\/www.drinkhint.com\/collections\/byob-tv-2"}) settings.suggestions.push({"title":"Suggestion: BCA","keywords":"bca,pink,breast cancer awareness, awareness bundles, susan g komen, susan g. komen, support, donations","tolerance":9,"output":"Breast cancer awareness bundles","link":"https:\/\/www.drinkhint.com\/"}) settings.suggestions.push({"title":"Suggestion: Mint","keywords":"mint, peppermint, spearmint,","tolerance":7,"output":"Peppermint flavor","link":"https:\/\/www.drinkhint.com\/products\/peppermint-hint-water?type=subscribe"}) settings.suggestions.push({"title":"Suggestion: Press","keywords":"press,kara,karagoldin,hintinthepress,latest news,ceo,kara goldin","tolerance":9,"output":"Hint in the press","link":"https:\/\/www.drinkhint.com\/pages\/press-1"}) settings.suggestions.push({"title":"Suggestion: Product Reviews","keywords":"product reviews, reviews, star rating, see what people are saying, write a review","tolerance":9,"output":"Product reviews","link":"https:\/\/www.drinkhint.com\/pages\/reviews-1"}) settings.suggestions.push({"title":"Suggestion: Energy","keywords":"hint energy,hint kick,kick","tolerance":3,"output":"hint energy","link":"https:\/\/www.drinkhint.com\/collections\/water#hint-energy"}) settings.suggestions.push({"title":"Suggestion: hint+ vitamin","keywords":"vitamin,boost,plus,hint plus,h+,","tolerance":2,"output":"hint+ vitamin","link":"https:\/\/www.drinkhint.com\/collections\/hint-vitamin-essence-water"}) window.predictiveSearch = settings; window.routes = { predictive_search_url: '/search/suggest', }; </script> </div> </main> <footer id="shopify-section-site-footer" class="shopify-section"> <div class="flex flex-wrap flex-row justify-between px-5 desktop:px-15 py-15 text-white bg-primary-blue"> <div class="flex flex-col order-2 w-full desktop:w-auto desktop:order-1"> <h3 class="mt-0 text-center desktop:text-left">help & support</h3> <ul class="mt-5 desktop:font-bold text-center desktop:text-left" role="list"> <li class="desktop:inline-block desktop:mr-10 mb-5" role="listitem"> <button class="p-0 desktop:font-bold" data-js-login-modal-trigger >my account</button> </li> <li class="desktop:inline-block desktop:mr-10 mb-5" role="listitem"><a href="/pages/store-locator">find a store</a></li> <li class="desktop:inline-block desktop:mr-10 mb-5" role="listitem"><a href="/pages/contact-us">contact us</a></li> <li class="desktop:inline-block desktop:mr-10 mb-5" role="listitem"><a href="https://support.drinkhint.com/">faqs</a></li> <li class="desktop:inline-block desktop:mr-10 mb-5" role="listitem"><a href="/pages/press-1">press</a></li> <li class="desktop:inline-block mb-5" role="listitem"><a href="https://apply.workable.com/hint/">careers</a></li> </ul> <ul class="flex justify-center my-0 dekstop:my-9 desktop:justify-start"> <li > <a href="https://www.instagram.com/hint/" title="Instagram"> <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="20" cy="20" r="20" fill="#0060AD"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9294 12.6023C21.1184 12.5576 22.3091 12.5905 23.4938 12.701C24.0685 12.6937 24.6394 12.7944 25.1769 12.9978C25.9185 13.3435 26.5145 13.9394 26.8601 14.681C27.0635 15.2185 27.1642 15.7894 27.1569 16.3641C27.1569 17.2538 27.2556 17.5523 27.2556 19.9285C27.3003 21.1176 27.2674 22.3083 27.1569 23.493C27.1642 24.0677 27.0635 24.6386 26.8601 25.1761C26.5134 25.9184 25.9159 26.5144 25.1729 26.8593C24.6354 27.0627 24.0644 27.1634 23.4897 27.1561C22.6001 27.1561 22.3016 27.2548 19.9253 27.2548C18.7363 27.2995 17.5456 27.2666 16.3609 27.1561C15.7862 27.1634 15.2153 27.0627 14.6777 26.8593C13.9372 26.5121 13.3426 25.915 12.9987 25.1729C12.7952 24.6354 12.6946 24.0644 12.7018 23.4897C12.7018 22.6001 12.6031 22.3016 12.6031 19.9253C12.5586 18.7376 12.5915 17.5483 12.7018 16.3649C12.6946 15.7902 12.7952 15.2193 12.9987 14.6818C13.17 14.3136 13.403 13.9774 13.6878 13.6878C13.9199 13.3415 14.273 13.0943 14.6777 12.9946C15.2168 12.7921 15.7891 12.6928 16.3649 12.7018C17.5497 12.5913 18.7403 12.5584 19.9294 12.6031V12.6023ZM19.9294 11.0195C18.7075 10.9755 17.484 11.0082 16.2663 11.1174C15.5221 11.1158 14.784 11.2501 14.0881 11.5137C13.4871 11.7095 12.9432 12.0494 12.5037 12.5037C12.0494 12.9432 11.7095 13.4871 11.5137 14.0881C11.2027 14.77 11.0665 15.5186 11.1174 16.2663C11.0079 17.484 10.975 18.7075 11.0187 19.9294C10.975 21.1513 11.0079 22.3747 11.1174 23.5925C11.1158 24.3366 11.2501 25.0747 11.5137 25.7706C11.7093 26.3722 12.0492 26.9167 12.5037 27.3567C12.943 27.8108 13.4866 28.1507 14.0873 28.3467C14.7832 28.6102 15.5213 28.7446 16.2654 28.743C17.4832 28.8524 18.7067 28.8853 19.9285 28.8417C21.1504 28.8853 22.3739 28.8524 23.5917 28.743C24.3358 28.7446 25.0739 28.6102 25.7698 28.3467C26.3662 28.1412 26.908 27.8026 27.3541 27.3565C27.8001 26.9104 28.1388 26.3686 28.3442 25.7722C28.6078 25.0763 28.7421 24.3382 28.7405 23.5941C28.7405 22.6041 28.8392 22.3073 28.8392 19.931C28.8829 18.7091 28.85 17.4856 28.7405 16.2679C28.7421 15.5238 28.6078 14.7856 28.3442 14.0897C28.1493 13.4884 27.8103 12.9439 27.3567 12.5037C26.9167 12.0492 26.3722 11.7093 25.7706 11.5137C25.0747 11.2501 24.3366 11.1158 23.5925 11.1174C22.3747 11.0079 21.1513 10.975 19.9294 11.0187V11.0195ZM19.9294 15.3749C19.3285 15.365 18.7318 15.476 18.1748 15.7013C17.6177 15.9267 17.1116 16.2618 16.6867 16.6867C16.2618 17.1116 15.9267 17.6177 15.7013 18.1748C15.476 18.7318 15.365 19.3285 15.3749 19.9294C15.3749 20.8301 15.6421 21.7107 16.1425 22.4597C16.6429 23.2086 17.3542 23.7924 18.1865 24.1371C19.0187 24.4818 19.9344 24.572 20.8179 24.3963C21.7014 24.2205 22.5129 23.7868 23.1498 23.1498C23.7868 22.5129 24.2205 21.7014 24.3963 20.8179C24.572 19.9344 24.4818 19.0187 24.1371 18.1865C23.7924 17.3542 23.2086 16.6429 22.4597 16.1425C21.7107 15.6421 20.8301 15.3749 19.9294 15.3749ZM19.9294 22.8969C19.5374 22.904 19.148 22.8321 18.7844 22.6853C18.4209 22.5386 18.0906 22.3201 17.8134 22.0429C17.5362 21.7657 17.3177 21.4354 17.171 21.0719C17.0242 20.7083 16.9523 20.3189 16.9594 19.9269C16.9523 19.535 17.0242 19.1456 17.171 18.782C17.3177 18.4184 17.5362 18.0882 17.8134 17.811C18.0906 17.5338 18.4209 17.3153 18.7844 17.1685C19.148 17.0218 19.5374 16.9498 19.9294 16.957C20.3213 16.9498 20.7107 17.0218 21.0743 17.1685C21.4378 17.3153 21.7681 17.5338 22.0453 17.811C22.3225 18.0882 22.541 18.4184 22.6878 18.782C22.8345 19.1456 22.9064 19.535 22.8993 19.9269C22.9064 20.3189 22.8345 20.7083 22.6878 21.0719C22.541 21.4354 22.3225 21.7657 22.0453 22.0429C21.7681 22.3201 21.4378 22.5386 21.0743 22.6853C20.7107 22.8321 20.3213 22.904 19.9294 22.8969ZM24.6811 14.0881C24.4658 14.0881 24.2553 14.152 24.0763 14.2716C23.8973 14.3912 23.7577 14.5612 23.6753 14.7602C23.5929 14.9591 23.5714 15.178 23.6134 15.3892C23.6554 15.6003 23.7591 15.7943 23.9113 15.9466C24.0636 16.0988 24.2576 16.2025 24.4687 16.2445C24.6799 16.2865 24.8988 16.265 25.0977 16.1826C25.2967 16.1002 25.4667 15.9606 25.5863 15.7816C25.7059 15.6026 25.7698 15.3921 25.7698 15.1768C25.7673 14.8888 25.6517 14.6134 25.4481 14.4098C25.2445 14.2062 24.9691 14.0907 24.6811 14.0881Z" fill="white"/> </svg> </a> </li> <li class="ml-4"> <a href="https://www.facebook.com/hint" title="Facebook"> <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="20" cy="20" r="20" fill="#0060AD"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M21.0394 28.8205V20.7057H23.8112L24.2075 17.5376H21.0394V15.5544C21.0394 14.6647 21.3362 13.9708 22.623 13.9708H24.3062V11.0987C23.9099 11.0987 22.9199 11 21.8312 11C19.4549 11 17.7718 12.485 17.7718 15.1581V17.5344H15V20.7057H17.7718V28.8205H21.0394Z" fill="white"/> </svg> </a> </li> <li class="ml-4"> <a href="https://www.pinterest.com/hintwater/" title="Pinterest"> <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="20" cy="20" r="20" fill="#0060AD"/> <path d="M26.0836 12.8156C24.7983 11.6215 23.0998 10.9726 21.3456 11.0055C20.3341 10.9667 19.3252 11.1345 18.3807 11.4987C17.4362 11.8629 16.5758 12.4159 15.8522 13.1238C14.6927 14.2728 14.0281 15.8293 14 17.4614C14 19.4276 14.8226 20.9393 16.2 21.499C16.2876 21.5357 16.3816 21.555 16.4766 21.5556C16.6185 21.555 16.7558 21.5054 16.8653 21.4152C16.9748 21.325 17.0498 21.1997 17.0775 21.0606C17.1236 20.8859 17.232 20.454 17.2789 20.2664C17.33 20.127 17.3383 19.9755 17.3027 19.8314C17.2671 19.6873 17.1892 19.5571 17.0791 19.4576C16.6734 18.9656 16.4653 18.3402 16.4952 17.7032C16.4904 17.1067 16.6065 16.5154 16.8366 15.965C17.0666 15.4146 17.4058 14.9165 17.8336 14.5008C18.2614 14.0851 18.769 13.7604 19.3258 13.5462C19.8825 13.332 20.4769 13.2329 21.0731 13.2548C23.4324 13.2548 24.8987 14.5958 24.8987 16.7545C24.9306 17.992 24.6461 19.2172 24.0721 20.3141C23.8909 20.7081 23.6081 21.0467 23.2527 21.2953C22.8974 21.5439 22.4823 21.6935 22.0501 21.7287C21.8473 21.7338 21.6459 21.6927 21.4613 21.6087C21.2766 21.5246 21.1134 21.3997 20.9841 21.2434C20.8688 21.094 20.7896 20.92 20.7525 20.735C20.7155 20.5499 20.7217 20.3588 20.7706 20.1766C20.8757 19.7317 21.0189 19.2667 21.158 18.8178C21.4213 18.106 21.587 17.3619 21.6505 16.6057C21.6732 16.3807 21.6481 16.1534 21.5769 15.9387C21.5057 15.7241 21.3899 15.5269 21.2372 15.3601C21.0845 15.1932 20.8983 15.0605 20.6908 14.9706C20.4832 14.8807 20.2591 14.8357 20.0329 14.8384C18.8043 14.8384 17.841 16.0864 17.841 17.6798C17.8384 18.2246 17.9412 18.7648 18.1435 19.2707C17.9891 19.9267 17.0686 23.8267 16.8947 24.562C16.7936 24.9914 16.1862 28.3812 17.1916 28.6521C18.3239 28.9562 19.3325 25.6539 19.4352 25.281C19.5161 24.9777 19.8105 23.83 19.9892 23.1247C20.6145 23.6892 21.4261 24.0028 22.2685 24.0055C23.0611 24.0067 23.8429 23.8226 24.5517 23.4678C25.2605 23.1131 25.8765 22.5976 26.3505 21.9624C27.398 20.5042 27.9379 18.7425 27.8873 16.9478C27.8789 16.1733 27.7149 15.4084 27.405 14.6986C27.0952 13.9887 26.6458 13.3484 26.0836 12.8156Z" fill="white"/> </svg> </a> </li> <li class="ml-4"> <a href="https://twitter.com/hint/" title="Twitter"> <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="20" cy="20" r="20" fill="#0060AD"/> <path d="M16.1042 27.528C23.4292 27.528 27.4344 21.5545 27.4344 16.3748C27.4344 16.2049 27.4311 16.036 27.4228 15.868C28.2003 15.3144 28.8762 14.6243 29.4095 13.8381C28.6959 14.1503 27.9281 14.3602 27.1226 14.4554C27.9445 13.9699 28.576 13.2022 28.8733 12.287C28.1036 12.7358 27.2517 13.0628 26.3446 13.2384C25.6189 12.4764 24.5837 12 23.4388 12C21.2394 12 19.4558 13.7557 19.4558 15.9198C19.4558 16.2273 19.4906 16.5267 19.5592 16.8137C16.2497 16.6499 13.3149 15.0898 11.3509 12.7177C11.0086 13.2969 10.8113 13.9699 10.8113 14.6881C10.8113 16.0483 11.5143 17.2487 12.5833 17.9512C11.9301 17.9316 11.3166 17.7546 10.7799 17.4609C10.7789 17.4771 10.7789 17.4938 10.7789 17.5109C10.7789 19.4094 12.1516 20.9943 13.9739 21.3541C13.6393 21.4436 13.2873 21.4921 12.9242 21.4921C12.6675 21.4921 12.418 21.4669 12.1757 21.4212C12.6824 22.9785 14.1528 24.1122 15.8963 24.1441C14.5328 25.1954 12.8159 25.8222 10.9501 25.8222C10.6285 25.8222 10.3119 25.8042 10 25.768C11.7623 26.8798 13.8549 27.5285 16.1042 27.5285" fill="white"/> </svg> </a> </li></ul> <div class="w-full mt-6 pt-6 text-xs text-center desktop:text-left"><p>© 2024 Hint Inc. All rights reserved.</p> <ul role="list"> <li class="inline-block mr-5 underline" role="listitem"><a href="/pages/privacy-policy">Privacy Policy</a></li> <li class="inline-block mr-5 underline" role="listitem"><a href="/pages/terms-of-use">Terms & Conditions</a></li> <li class="inline-block mr-5 underline" role="listitem"> <a href="/pages/accessibility-statement"> Accessibility <img class="align-middle ml-1" loading="lazy" src="//www.drinkhint.com/cdn/shop/t/1479/assets/ada.png?v=74743518632418752621732137430" alt="Read more about our website accessibility statement"> </a> </li> <li class="inline-block mr-5 underline" role="listitem"><a href="/pages/do-not-sell-my-personal-information">Do Not Sell My Personal Information</a></li> </ul> </div> </div> <div class="max-w-25r my-0 mx-auto order-1 mb-10 desktop:order-2 text-center desktop:my-0 desktop:mr-0"><style data-shopify> .error-message { color: #fab6b6; font-size: 14px; } </style> <script> window.triggerAttentive = function openAttentive(){ if(window.innerWidth >= 760){ //call the desktop creative window.__attentive.trigger(null,null,null,999275) } else { //call the mobile creative window.__attentive.trigger(null,null,null,999328) } } </script> <div class="footer-email-capture" id="email-signup"> <div class="klaviyo-form__header"> <h3 class=" mt-0 mb-0 lowercase">sign up for our emails & sms!</h3> <p class="mb-3 mt-2 leading-tight">be the first to hear about exclusive offers</p> </div> <button onclick="window.triggerAttentive()" style="padding:0.6rem 0" class="rounded-3xl bg-turquoise text-primary font-bold" data-feedback>sign up</button> </div> <div class="footer-email-capture" id="email-signup" style="display:none!important"> <form data-klaviyo-form="J4jUMi" data-type="email"> <div class="klaviyo-form__header"> <h3 class=" mt-0 mb-0 lowercase">sign up for our emails & sms!</h3> <p class="mb-3 mt-2 leading-tight">be the first to hear about exclusive offers</p> </div> <input type="hidden" name="form_type" value="customer"> <input type="hidden" name="capture_source" value="inline_form"> <input type="hidden" name="g" value="J4jUMi"> <div class="klaviyo-form__wrapper flex flex-col"> <span class="error-message" aria-live="polite"></span> <label class="fieldset__label font-bold text-left ml-4" for="email_subscribe_footer">email</label> <input type="email" name="email" aria-label="email" id="email_subscribe_footer" class="w-full mb-3 p-3 border-0 rounded-3xl" value="" placeholder="email*" autocorrect="off" autocapitalize="off" autocomplete="email" required /> <label class="fieldset__label font-bold text-left ml-4" for="sms_subscribe_footer">cell phone</label> <input type="tel" name="phone_number" aria-label="phone number" id="sms_subscribe_footer" class="w-full mb-3 p-3 border-0 rounded-3xl" value="" placeholder="cell phone (optional)**" /> <button type="submit" style="padding:0.6rem 0" class="rounded-3xl bg-turquoise text-primary font-bold" data-feedback>sign up</button> </div> <div class="klaviyo-form__feedback" role="status" style="display: none;" aria-live="polite"></div> <section aria-labelledby="signupSection"> <h2 id="signupSection" class="sr-only">Signup Information</h2> <p class="mt-3 text-xxs leading-tight"> *By completing this form, you are signing up to receive our emails. You can unsubscribe at any time. </p> <p class="mt-3 text-xxs leading-tight"> **By signing up via text, you agree to receive marketing messages at the number provided. Consent is not a condition of purchase. Message and data rates may apply. Message frequency varies. Reply HELP for help or STOP to cancel. View our <a href="https://www.drinkhint.com/pages/privacy-policy" class="font-bold underline" aria-label="Read our Privacy Policy">Privacy Policy</a> and <a href="https://www.drinkhint.com/pages/terms-of-use" class="font-bold underline" aria-label="Read our Terms of Service">Terms of Service</a>. </p> </section> </form> </div> </div> </div> </footer> <div id="shopify-section-site-promo" class="shopify-section"> </div><aside id="shopify-section-site-slide-out-drawer" class="shopify-section site-slide-out-cart hidden"><style> .upsell-confirmation__upsells li { padding: 10px !important; border-radius: 5px; filter: drop-shadow(2px 3px 4px rgba(0,0,0,0.2)); background-color: white; } .short-cart__container .title { color: #901101; } .btn-promo { width: 123px; background-color: #901101; color: white; padding: 0 12px; border-radius: 5px; text-align: center; max-height: 30px; } .upsell-confirmation__upsells a { color: #b30000; } .upsell-confirmation__upsells .btn--primary { background-color: #b30000; border: 1px solid #b30000; } .upsell-confirmation__upsells .btn--primary:hover { color: #b30000; background-color: #fdfdfd; border: 1px solid #b30000; } </style> <div id="slide-out-drawer-component" class="slide-out-cart"> <script> window.shop.themeSettings.shortCartUpsell = { enable: true , message: "Try now: NEW hint® water variety pack - holiday", product:{"id":7134777639015,"title":"Try now: hint® water variety pack - holiday","handle":"try-now-hint®-water-variety-pack-holiday","description":"\u003cul\u003e\u003c\/ul\u003e\n\u003cp\u003eHint’s new Holiday Variety Pack includes popular seasonal flavor blends crafted with purified still water and natural essences, providing you with a new way to participate in the joy of the season, while also keeping hydration and wellness in mind. \u003cspan data-stringify-type=\"paragraph-break\" class=\"c-mrkdwn__br\" aria-label=\"\"\u003e\u003c\/span\u003eThe Hint Holiday Variety Pack includes:\u003cbr\u003e\u003c\/p\u003e\n\u003cul data-border=\"0\" data-indent=\"0\" class=\"p-rich_text_list p-rich_text_list__bullet\" data-stringify-type=\"unordered-list\"\u003e\n\u003cli data-stringify-border=\"0\" data-stringify-indent=\"0\"\u003e\n\u003cb data-stringify-type=\"bold\"\u003eSpiced Pear:\u003cspan\u003e \u003c\/span\u003e\u003c\/b\u003eCrisp and delicately spiced, a toast to fall’s best flavors.\u003c\/li\u003e\n\u003cli data-stringify-border=\"0\" data-stringify-indent=\"0\"\u003e\n\u003cb data-stringify-type=\"bold\"\u003eCitrus Berry:\u003cspan\u003e \u003c\/span\u003e\u003c\/b\u003eA crowd-pleasing blend of seasonal flavors, with essences of tangerine, pomegranate, and raspberry.\u003c\/li\u003e\n\u003cli data-stringify-border=\"0\" data-stringify-indent=\"0\"\u003e\n\u003cb data-stringify-type=\"bold\"\u003eApple Cinnamon:\u003cspan\u003e \u003c\/span\u003e\u003c\/b\u003eAutumn yumminess to warm the soul, with a dash of cinnamon for extra zing.\u003c\/li\u003e\n\u003cli data-stringify-border=\"0\" data-stringify-indent=\"0\"\u003e\n\u003cb data-stringify-type=\"bold\"\u003ePeppermint Bark:\u003cspan\u003e \u003c\/span\u003e\u003c\/b\u003eA surprisingly delicious and fun twist on a holiday favorite, with dreamy notes of white chocolate and fresh peppermint.\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul\u003e\n\u003cli\u003eone case of twelve 16-oz. bottles\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003e3 Spiced Pear, 3 Citrus Berry, 3 Apple Cinnamon, 3 Peppermint Bark\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e","published_at":"2024-10-09T11:24:07-07:00","created_at":"2024-10-09T11:17:51-07:00","vendor":"hint water","type":"water","tags":["discount-eligible","feeqty-water:12","hidden","no klevu","no-index","remove-klevu","text-tag: 1 case of 12 bottles","upsell"],"price":2299,"price_min":2299,"price_max":2299,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41041841225831,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"184739003850","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Try now: hint® water variety pack - holiday","public_title":null,"options":["Default Title"],"price":2299,"weight":6464,"compare_at_price":null,"inventory_management":"shopify","barcode":"184739003850","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/www.drinkhint.com\/cdn\/shop\/files\/1509_PeppermintBark_Holiday_PDPImages_Shrink_Final.jpg?v=1724878555","\/\/www.drinkhint.com\/cdn\/shop\/files\/Nutritional_Label_-_STILL_2000d802-7847-4e71-8d10-4c00ad26660d.jpg?v=1724876511","\/\/www.drinkhint.com\/cdn\/shop\/files\/1454_Holiday_Variety_Pack_Mix_and_Match_PDP_Group.png?v=1726152551"],"featured_image":"\/\/www.drinkhint.com\/cdn\/shop\/files\/1509_PeppermintBark_Holiday_PDPImages_Shrink_Final.jpg?v=1724878555","options":["Title"],"media":[{"alt":null,"id":25443351920743,"position":1,"preview_image":{"aspect_ratio":0.75,"height":1600,"width":1200,"src":"\/\/www.drinkhint.com\/cdn\/shop\/files\/1509_PeppermintBark_Holiday_PDPImages_Shrink_Final.jpg?v=1724878555"},"aspect_ratio":0.75,"height":1600,"media_type":"image","src":"\/\/www.drinkhint.com\/cdn\/shop\/files\/1509_PeppermintBark_Holiday_PDPImages_Shrink_Final.jpg?v=1724878555","width":1200},{"alt":null,"id":25443199058023,"position":2,"preview_image":{"aspect_ratio":0.75,"height":1200,"width":900,"src":"\/\/www.drinkhint.com\/cdn\/shop\/files\/Nutritional_Label_-_STILL_2000d802-7847-4e71-8d10-4c00ad26660d.jpg?v=1724876511"},"aspect_ratio":0.75,"height":1200,"media_type":"image","src":"\/\/www.drinkhint.com\/cdn\/shop\/files\/Nutritional_Label_-_STILL_2000d802-7847-4e71-8d10-4c00ad26660d.jpg?v=1724876511","width":900},{"alt":null,"id":25513792536679,"position":3,"preview_image":{"aspect_ratio":0.75,"height":1200,"width":900,"src":"\/\/www.drinkhint.com\/cdn\/shop\/files\/1454_Holiday_Variety_Pack_Mix_and_Match_PDP_Group.png?v=1726152551"},"aspect_ratio":0.75,"height":1200,"media_type":"image","src":"\/\/www.drinkhint.com\/cdn\/shop\/files\/1454_Holiday_Variety_Pack_Mix_and_Match_PDP_Group.png?v=1726152551","width":900}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cul\u003e\u003c\/ul\u003e\n\u003cp\u003eHint’s new Holiday Variety Pack includes popular seasonal flavor blends crafted with purified still water and natural essences, providing you with a new way to participate in the joy of the season, while also keeping hydration and wellness in mind. \u003cspan data-stringify-type=\"paragraph-break\" class=\"c-mrkdwn__br\" aria-label=\"\"\u003e\u003c\/span\u003eThe Hint Holiday Variety Pack includes:\u003cbr\u003e\u003c\/p\u003e\n\u003cul data-border=\"0\" data-indent=\"0\" class=\"p-rich_text_list p-rich_text_list__bullet\" data-stringify-type=\"unordered-list\"\u003e\n\u003cli data-stringify-border=\"0\" data-stringify-indent=\"0\"\u003e\n\u003cb data-stringify-type=\"bold\"\u003eSpiced Pear:\u003cspan\u003e \u003c\/span\u003e\u003c\/b\u003eCrisp and delicately spiced, a toast to fall’s best flavors.\u003c\/li\u003e\n\u003cli data-stringify-border=\"0\" data-stringify-indent=\"0\"\u003e\n\u003cb data-stringify-type=\"bold\"\u003eCitrus Berry:\u003cspan\u003e \u003c\/span\u003e\u003c\/b\u003eA crowd-pleasing blend of seasonal flavors, with essences of tangerine, pomegranate, and raspberry.\u003c\/li\u003e\n\u003cli data-stringify-border=\"0\" data-stringify-indent=\"0\"\u003e\n\u003cb data-stringify-type=\"bold\"\u003eApple Cinnamon:\u003cspan\u003e \u003c\/span\u003e\u003c\/b\u003eAutumn yumminess to warm the soul, with a dash of cinnamon for extra zing.\u003c\/li\u003e\n\u003cli data-stringify-border=\"0\" data-stringify-indent=\"0\"\u003e\n\u003cb data-stringify-type=\"bold\"\u003ePeppermint Bark:\u003cspan\u003e \u003c\/span\u003e\u003c\/b\u003eA surprisingly delicious and fun twist on a holiday favorite, with dreamy notes of white chocolate and fresh peppermint.\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul\u003e\n\u003cli\u003eone case of twelve 16-oz. bottles\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003e3 Spiced Pear, 3 Citrus Berry, 3 Apple Cinnamon, 3 Peppermint Bark\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e"} }; window.shop.themeSettings.slideOutCartUpsell = { enable: true, product:{"id":7134777639015,"title":"Try now: hint® water variety pack - holiday","handle":"try-now-hint®-water-variety-pack-holiday","description":"\u003cul\u003e\u003c\/ul\u003e\n\u003cp\u003eHint’s new Holiday Variety Pack includes popular seasonal flavor blends crafted with purified still water and natural essences, providing you with a new way to participate in the joy of the season, while also keeping hydration and wellness in mind. \u003cspan data-stringify-type=\"paragraph-break\" class=\"c-mrkdwn__br\" aria-label=\"\"\u003e\u003c\/span\u003eThe Hint Holiday Variety Pack includes:\u003cbr\u003e\u003c\/p\u003e\n\u003cul data-border=\"0\" data-indent=\"0\" class=\"p-rich_text_list p-rich_text_list__bullet\" data-stringify-type=\"unordered-list\"\u003e\n\u003cli data-stringify-border=\"0\" data-stringify-indent=\"0\"\u003e\n\u003cb data-stringify-type=\"bold\"\u003eSpiced Pear:\u003cspan\u003e \u003c\/span\u003e\u003c\/b\u003eCrisp and delicately spiced, a toast to fall’s best flavors.\u003c\/li\u003e\n\u003cli data-stringify-border=\"0\" data-stringify-indent=\"0\"\u003e\n\u003cb data-stringify-type=\"bold\"\u003eCitrus Berry:\u003cspan\u003e \u003c\/span\u003e\u003c\/b\u003eA crowd-pleasing blend of seasonal flavors, with essences of tangerine, pomegranate, and raspberry.\u003c\/li\u003e\n\u003cli data-stringify-border=\"0\" data-stringify-indent=\"0\"\u003e\n\u003cb data-stringify-type=\"bold\"\u003eApple Cinnamon:\u003cspan\u003e \u003c\/span\u003e\u003c\/b\u003eAutumn yumminess to warm the soul, with a dash of cinnamon for extra zing.\u003c\/li\u003e\n\u003cli data-stringify-border=\"0\" data-stringify-indent=\"0\"\u003e\n\u003cb data-stringify-type=\"bold\"\u003ePeppermint Bark:\u003cspan\u003e \u003c\/span\u003e\u003c\/b\u003eA surprisingly delicious and fun twist on a holiday favorite, with dreamy notes of white chocolate and fresh peppermint.\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul\u003e\n\u003cli\u003eone case of twelve 16-oz. bottles\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003e3 Spiced Pear, 3 Citrus Berry, 3 Apple Cinnamon, 3 Peppermint Bark\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e","published_at":"2024-10-09T11:24:07-07:00","created_at":"2024-10-09T11:17:51-07:00","vendor":"hint water","type":"water","tags":["discount-eligible","feeqty-water:12","hidden","no klevu","no-index","remove-klevu","text-tag: 1 case of 12 bottles","upsell"],"price":2299,"price_min":2299,"price_max":2299,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":41041841225831,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"184739003850","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Try now: hint® water variety pack - holiday","public_title":null,"options":["Default Title"],"price":2299,"weight":6464,"compare_at_price":null,"inventory_management":"shopify","barcode":"184739003850","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/www.drinkhint.com\/cdn\/shop\/files\/1509_PeppermintBark_Holiday_PDPImages_Shrink_Final.jpg?v=1724878555","\/\/www.drinkhint.com\/cdn\/shop\/files\/Nutritional_Label_-_STILL_2000d802-7847-4e71-8d10-4c00ad26660d.jpg?v=1724876511","\/\/www.drinkhint.com\/cdn\/shop\/files\/1454_Holiday_Variety_Pack_Mix_and_Match_PDP_Group.png?v=1726152551"],"featured_image":"\/\/www.drinkhint.com\/cdn\/shop\/files\/1509_PeppermintBark_Holiday_PDPImages_Shrink_Final.jpg?v=1724878555","options":["Title"],"media":[{"alt":null,"id":25443351920743,"position":1,"preview_image":{"aspect_ratio":0.75,"height":1600,"width":1200,"src":"\/\/www.drinkhint.com\/cdn\/shop\/files\/1509_PeppermintBark_Holiday_PDPImages_Shrink_Final.jpg?v=1724878555"},"aspect_ratio":0.75,"height":1600,"media_type":"image","src":"\/\/www.drinkhint.com\/cdn\/shop\/files\/1509_PeppermintBark_Holiday_PDPImages_Shrink_Final.jpg?v=1724878555","width":1200},{"alt":null,"id":25443199058023,"position":2,"preview_image":{"aspect_ratio":0.75,"height":1200,"width":900,"src":"\/\/www.drinkhint.com\/cdn\/shop\/files\/Nutritional_Label_-_STILL_2000d802-7847-4e71-8d10-4c00ad26660d.jpg?v=1724876511"},"aspect_ratio":0.75,"height":1200,"media_type":"image","src":"\/\/www.drinkhint.com\/cdn\/shop\/files\/Nutritional_Label_-_STILL_2000d802-7847-4e71-8d10-4c00ad26660d.jpg?v=1724876511","width":900},{"alt":null,"id":25513792536679,"position":3,"preview_image":{"aspect_ratio":0.75,"height":1200,"width":900,"src":"\/\/www.drinkhint.com\/cdn\/shop\/files\/1454_Holiday_Variety_Pack_Mix_and_Match_PDP_Group.png?v=1726152551"},"aspect_ratio":0.75,"height":1200,"media_type":"image","src":"\/\/www.drinkhint.com\/cdn\/shop\/files\/1454_Holiday_Variety_Pack_Mix_and_Match_PDP_Group.png?v=1726152551","width":900}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cul\u003e\u003c\/ul\u003e\n\u003cp\u003eHint’s new Holiday Variety Pack includes popular seasonal flavor blends crafted with purified still water and natural essences, providing you with a new way to participate in the joy of the season, while also keeping hydration and wellness in mind. \u003cspan data-stringify-type=\"paragraph-break\" class=\"c-mrkdwn__br\" aria-label=\"\"\u003e\u003c\/span\u003eThe Hint Holiday Variety Pack includes:\u003cbr\u003e\u003c\/p\u003e\n\u003cul data-border=\"0\" data-indent=\"0\" class=\"p-rich_text_list p-rich_text_list__bullet\" data-stringify-type=\"unordered-list\"\u003e\n\u003cli data-stringify-border=\"0\" data-stringify-indent=\"0\"\u003e\n\u003cb data-stringify-type=\"bold\"\u003eSpiced Pear:\u003cspan\u003e \u003c\/span\u003e\u003c\/b\u003eCrisp and delicately spiced, a toast to fall’s best flavors.\u003c\/li\u003e\n\u003cli data-stringify-border=\"0\" data-stringify-indent=\"0\"\u003e\n\u003cb data-stringify-type=\"bold\"\u003eCitrus Berry:\u003cspan\u003e \u003c\/span\u003e\u003c\/b\u003eA crowd-pleasing blend of seasonal flavors, with essences of tangerine, pomegranate, and raspberry.\u003c\/li\u003e\n\u003cli data-stringify-border=\"0\" data-stringify-indent=\"0\"\u003e\n\u003cb data-stringify-type=\"bold\"\u003eApple Cinnamon:\u003cspan\u003e \u003c\/span\u003e\u003c\/b\u003eAutumn yumminess to warm the soul, with a dash of cinnamon for extra zing.\u003c\/li\u003e\n\u003cli data-stringify-border=\"0\" data-stringify-indent=\"0\"\u003e\n\u003cb data-stringify-type=\"bold\"\u003ePeppermint Bark:\u003cspan\u003e \u003c\/span\u003e\u003c\/b\u003eA surprisingly delicious and fun twist on a holiday favorite, with dreamy notes of white chocolate and fresh peppermint.\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul\u003e\n\u003cli\u003eone case of twelve 16-oz. bottles\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan\u003e3 Spiced Pear, 3 Citrus Berry, 3 Apple Cinnamon, 3 Peppermint Bark\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e"} }; </script>   <style> .extra-checkout-buttons, .additional-checkout-button, .additional-checkout-buttons, .amazon-payments-pay-button, .google-wallet-button-holder, .cart__additional_checkout, #additional-checkout-buttons, #a_p_c { display: none !important; } </style>  <script> // window.rechargCheckout = window.rechargCheckout || {}; window.rechargCheckout = { reChargeGetCookie(name) { return (document.cookie.match('(^|; )' + name + '=([^;]*)') || 0)[2]; }, get_cart_token() { // Build the cart_token param for the URL generator try { return ['cart_token=' + (document.cookie.match('(^|; )cart=([^;]*)') || 0)[2]]; } catch (e) { return []; } }, get_ga_linker() { // Build the ga_linker param for the URL generator try { return [ga.getAll()[0].get('linkerParam')]; } catch (e) { return []; } }, buildCustomerObject(email_address, address_object) { // Return a data object with the customer shipping address var data = { email: email_address }; try { return Object.assign(data, address_object); } catch (e) { return data } }, getCartJSON() { // Fetch the latest cart data from the /cart.js endpoint if (ReCharge.cart_options && !ReCharge.cart_options.cartjson) return {}; return fetch('/cart.js') .then(function (response) { return response.json(); }) .then(function (json) { return ({ cart: JSON.stringify(json) }); }) .catch(function (error) { console.error('Error retreiving cart: ', error); return ({ cart: JSON.stringify(ReCharge.cart) }); }); }, restoreCheckoutButton() { // Reverse embedded CSS that hides the submit button // This is done to discourage the chance a user hits "Checkout" before the page is done loading var cart_buttons = document.querySelectorAll('form[action^="/cart"] [type="submit"]'), buttons_to_update = Array.prototype.slice.apply(cart_buttons); buttons_to_update.forEach(function (elem) { elem.style.visibility = 'visible'; }); }, updateProductUrls(items) { // Map hidden product handles back to their original product handle Object.keys(items).forEach(function (id) { var product = items[id], product_url = product['url'], product_handle = product['original_handle'], product_links = document.querySelectorAll('a[href*="' + product_url + '"]'); var links_to_update = Array.prototype.slice.apply(product_links); links_to_update.forEach(function (link) { link.setAttribute('href', '/products/' + product_handle); }); }); }, buildCheckoutUrl(options) { // Build the Checkout URL var optly = this.reChargeGetCookie('optimizelyEndUserId'); var checkout_url = 'https://' + options.checkout_domain + '/r/checkout?', url_params = [ 'myshopify_domain=' + options.permanent_domain, '&optly=' + optly, ]; url_params = url_params .concat(this.get_cart_token()) .concat(this.get_ga_linker()); return checkout_url + url_params.join('&'); }, filterVisible(elems) { // Return visible elements return elems.filter(function (elem) { return !!(elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length); }); }, filterValues(elems) { // Return inputs with valid values return elems.filter(function (elem) { var is_active_checkbox = elem.getAttribute('type') === 'radio' && elem.checked, is_active_radio = elem.getAttribute('type') === 'checkbox' && elem.checked, is_input = elem.getAttribute('type') !== 'checkbox' && elem.getAttribute('type') !== 'radio'; return !!elem.value && (is_input || is_active_checkbox || is_active_radio); }); }, getTermsAndConditions() { // Find and return concacted terms and conditions values var condition_selectors = [ '#terms', '#agree', ], conditions = document.querySelectorAll(condition_selectors.join(',')), conditions_to_update = Array.prototype.slice.apply(conditions), conditions_filtered = this.filterValues(conditions_to_update), condition_values = conditions_filtered.map(function (elem) { return elem.value; }); if (!condition_values.length) { return {}; } return { terms_and_conditions: condition_values.join(', ') }; }, getNotes() { // Find and return concatenated note values if visible var note_selectors = [ '[name="note"]', ], notes = document.querySelectorAll(note_selectors.join(',')), notes_to_update = Array.prototype.slice.apply(notes), notes_filtered = this.filterVisible(notes_to_update), note_values = notes_filtered.map(function (elem) { return elem.value; }); var urlParams = new URLSearchParams(decodeURIComponent(window.location.search)), noteFromUrl = urlParams.get('note'); if (ReCharge.cart.note) { note_values.push(ReCharge.cart.note); } if (noteFromUrl) { note_values.push(noteFromUrl); } if (!note_values.length) return ''; var uniqueNoteValues = note_values.filter(function (element, index, array) { return array.indexOf(element) === index; }); return { note: uniqueNoteValues.join(', ') }; }, getAttributes() { // Find and return cart attributes var attributeRegEx = /attributes\[(.*?)\]/, attributeNameRegex = /\[(.*?)\]/, attribute_selectors = [ '[name*="attributes"]', ], attributes = document.querySelectorAll(attribute_selectors.join(',')), attributes_to_update = Array.prototype.slice.apply(attributes), attributes_filtered = this.filterValues(attributes_to_update); var attribute_data = {}, utm_attributes = this.getUTMAttributes(), attributes_from_url = new URLSearchParams(decodeURIComponent(window.location.search)); for (let pair of attributes_from_url) { if (attributeRegEx.test(pair[0])) { var attributeName = pair[0] .match(attributeNameRegex)[0]; attributeName = attributeName.substring(1, attributeName.length - 1); attribute_data[attributeName] = attributes_from_url.get(pair[0]); } } attributes_filtered.forEach(function (attribute) { var name = attribute.getAttribute('name'), value = attribute.value; if (attributeRegEx.test(name)) { var extractedName = name.match(attributeNameRegex)[0]; extractedName = extractedName.substring(1, extractedName.length - 1); return attribute_data[extractedName] = value; } return attribute_data[name] = value; }); if (utm_attributes) { Object.keys(utm_attributes).forEach(function (key) { attribute_data[key] = utm_attributes[key]; }); } if (!Object.keys(attribute_data).length) return {}; return { attributes: Object.assign({}, attribute_data) }; }, getUTMAttributes() { // Retrieve UTMAttributes from Shopify cookie var shopifyCookieRegEx = /^_shopify_sa_p/; var utmRegEx = /^utm_/; var timestampRegEx = /^_shopify_sa_t/; var utmParams = {}; var shopifyCookie = ""; var timestamp = ""; document.cookie.split(";") .map(function (s) { return s.trim(); }) .forEach(function (s) { if (shopifyCookieRegEx.test(s)) { shopifyCookie = s; } if (timestampRegEx.test(s)) { timestamp = decodeURIComponent(s.split("=")[1]); } return; }); var utmValuesFromCookie = shopifyCookie.split("=")[1]; decodeURIComponent(utmValuesFromCookie) .split("&") .forEach(function (s) { var key = s.split("=")[0]; var val = s.split("=")[1]; if (utmRegEx.test(key)) { return utmParams[key] = val; } return; }); if (!Object.keys(utmParams).length) { return undefined; } utmParams.utm_timestamp = timestamp; utmParams.utm_data_source = "shopify_cookie"; return utmParams; }, getCartData(customer) { // Return cart attributes and data var termsAndConditions = this.getTermsAndConditions(), notes = this.getNotes(), attributes = this.getAttributes(), customer_data = this.buildCustomerObject(customer.email, customer.default_address); return this.getCartJSON().then(function (cartDataJSON) { var cart_data = {}, cart_data = cartDataJSON; [termsAndConditions, notes, attributes, cart_data, customer_data].forEach(function (obj) { Object.assign(cart_data, obj); }); return cart_data; }); }, buildInputs(form, obj) { // Build input fields for key, value pairs Object.keys(obj).forEach(function (key) { var input = document.createElement('input'); input.setAttribute('type', 'hidden'); input.setAttribute('name', key); input.setAttribute('value', typeof (obj[key]) === 'object' ? JSON.stringify(obj[key]) : obj[key]); form.appendChild(input); }); }, getSubmitButtons() { // Find all submit buttons var submit_selectors = [ '[name="checkout"]', ], buttons = document.querySelectorAll(submit_selectors.join(',')), all_buttons = Array.prototype.slice.apply(buttons), submit_buttons = all_buttons.filter(function (elem) { // Don't watch update buttons return elem.name !== 'update'; }); return submit_buttons; }, getOptions() { // Find all submit buttons var option_selectors = [ '[name="updates[]"]' ], options = document.querySelectorAll(option_selectors.join(',')), options_to_update = Array.prototype.slice.apply(options); return options_to_update; }, buildForm(data, url) { // Build a virtual form var form = document.createElement('form'); form.setAttribute('method', 'post'); form.setAttribute('action', url); form.setAttribute('id', 'rc_form'); form.style.display = 'none'; this.buildInputs(form, data); return form; }, cartSubmit(options, customer) { // Build and submit cart var checkout_url = this.buildCheckoutUrl(options); return this.getCartData(customer).then(function (cart_data) { if (!cart_data) { window.location.href = checkout_url; return; } var xhr = new XMLHttpRequest(); xhr.open('POST', '/cart/update.js'); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.onload = function () { if (xhr.status === 200) { window.console.log('done', JSON.parse(xhr.responseText)); } else if (xhr.status !== 200) { window.console.log('fail', JSON.parse(xhr.responseText)); } var form = window.rechargCheckout.buildForm(cart_data, checkout_url); document.body.appendChild(form); form.submit(); }; xhr.send(JSON.stringify(cart_data)); }); }, reChargeCartJS() { var submit_buttons = getSubmitButtons(); // @TODO: finish rewriting this event listener in vanilla js var checkoutButton = document.querySelector("[data-js-checkout-button]"); console.log(checkoutButton) console.log(submit_buttons) if (checkoutButton) { checkoutButton.addEventListener('click', (e) => { e.preventDefault(); if (checkoutButton.name === "checkout") { cartSubmit(window.ReCharge.cart_options, window.ReCharge.customer); } }); } // @TODO: finish rewriting this event listener in vanilla js // $(document).on('click','[name="checkout"]',function(e){ // var disable_recharge = $(this).attr('data-disable-recharge'); // if (ReCharge.cart_options && !ReCharge.cart_options.disable && (!disable_recharge || disable_recharge !== 'true')) { // e.preventDefault(); // cartSubmit(ReCharge.cart_options, ReCharge.customer); // } else { // window.console.log('ReCharge was disabled intentionally.'); // } // }); // @NOTE: this was originally commented out with liquid in v1 // submit_buttons.forEach(function(button) { // console.log(button) // button.addEventListener('click', function(evt) { // var disable_recharge = evt.target.getAttribute('data-disable-recharge'); // if (ReCharge.cart_options && !ReCharge.cart_options.disable && (!disable_recharge || disable_recharge !== 'true')) { // evt.preventDefault(); // cartSubmit(ReCharge.cart_options, ReCharge.customer); // } else { // window.console.log('ReCharge was disabled intentionally.'); // } // }); // }); updateProductUrls(ReCharge.subscriptions); restoreCheckoutButton(); }, testSubmit(){ this.cartSubmit(window.ReCharge.cart_options, window.ReCharge.customer); this.updateProductUrls(ReCharge.subscriptions); this.restoreCheckoutButton(); } } //loading if (!window.ReCharge) { window.ReCharge = {}; } // Run JavaScript when document has loaded ReCharge.cart_options = { active: false, money_format: "${{amount}}", permanent_domain: "drinkhint.myshopify.com", checkout_domain: "checkout.rechargeapps.com", has_subscriptions:true, cart_currency: "USD", disable: false, cartjson: true, }, ReCharge.customer = { email: "", default_address: { } }, ReCharge.cart = "", ReCharge.subscriptions = { }; // @NOTE: this was originally commented out with liquid in v1 // If page is loaded from cache (browser back/forward button), force page reload // window.addEventListener('pageshow', function(event) { // if (event.persisted || window.performance && window.performance.navigation.type == 2) { // window.location.reload(); // } // }, false); </script>  </div> </aside><div id="shopify-section-site-roadblock-modal" class="shopify-section"> </div> <section class="login-modal fixed top-0 left-0 w-full h-full p-4 login-modal--closed js-login-modal"> <div class="login-modal__content absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2 p-8 rounded bg-white"> <h2 class="mt-0 mx-0 mb-4 text-2xl text-center font-bold leading-normal">Log In</h2> <div class="login-modal__form"> <form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" novalidate="novalidate"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="✓" /> <input type="hidden" id="redirect_action" name="return_to" value="/account"> <input type="hidden" id="redirect_url" name="return_url" value=""> <div id="customer_login--error" class="form-errors_header" role="alert" aria-live="assertive" tabindex="0"> </div> <label for="customer_email" class="login-modal__label font-bold mb-2 text-light" id="email-lable">Email</label> <input required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" type="email" value="" name="customer[email]" id="customer_email" class="login-modal__input mb-4 rounded text-base text-default" > <span class="form-error" id="email_error-customer_login" role="alert"></span> <label for="customer_password" class="login-modal__label font-bold mb-2 text-light">Password</label> <input required type="password" value="" name="customer[password]" id="customer_password" class="login-modal__input mb-4 rounded text-base text-default" > <span class="form-error" id="password_error-customer_login" role="alert"></span> <a class="login-modal__forgot-link relative inline-block self-start" id='forgotlink' href="/account#recover">forgot password?</a> <div class="login-modal__submit mt-9"> <button class="btn--primary js-login-submit block my-0 mx-auto" aria-describedby="customer_login--error" type="submit">Sign In</button> </div> <p class="login-modal__sign-up mt-4 text-center">New here? <a class="login-modal__forgot-link relative inline-block self-start" href="/account/register">Create an account instead.</a></p> </form> </div> <button class="login-modal__close js-login-modal-close absolute top-0 right-0 bg-none border-0 p-4 cursor-pointer" aria-label="close login modal"> <svg aria-hidden="true" focusable="false" class="icon icon-close block w-4 h-4 text-light" viewBox="0 0 37 40"> <title>Close modal</title> <desc>Closes login modal</desc> <path d="M21.3 23l11-11c.8-.8.8-2 0-2.8-.8-.8-2-.8-2.8 0l-11 11-11-11c-.8-.8-2-.8-2.8 0-.8.8-.8 2 0 2.8l11 11-11 11c-.8.8-.8 2 0 2.8.4.4.9.6 1.4.6s1-.2 1.4-.6l11-11 11 11c.4.4.9.6 1.4.6s1-.2 1.4-.6c.8-.8.8-2 0-2.8l-11-11z"/> </svg> </button> </div> <div class="login-modal__overlay"></div> </section>  <script text="text/javascript"> (function() { /** * Klaviyo Track Event: Viewed Product * @param {string} email * @param {object} item */ const HintKlaviyoViewedProduct = (email, item) => { const params = { "event": "Viewed Product", "properties": item, email } HintKlaviyoTrack(params); } /** * Klaviyo Track Event: Active On Site * @param {string} email */ const HintKlaviyoActiveOnSite = (email) => { const params = { "event": "Active On Site", email, properties: {} } HintKlaviyoTrack(params); } /** * Klaviyo Track Endpoint * @param {string} endpoint * @param {object} params */ const HintKlaviyoTrack = (params) => { const hintAppUrl = "https://klaviyo-middleware.herokuapp.com/klaviyo"; fetch (hintAppUrl + '/track', { method: 'POST', body: JSON.stringify(params), headers: { 'Content-type': 'application/json; charset=UTF-8' } }).then(response => response) .then(data => { }).catch(function (error) { console.warn(error); }); } function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i <ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } let customer_email = null const klaviyoCookie = getCookie('_klaviyo_hint') ? JSON.parse(decodeURI(getCookie('_klaviyo_hint'))) : { e: null }; customer_email = klaviyoCookie.e; if(customer_email) { HintKlaviyoActiveOnSite(customer_email,klaviyoCookie); } })(); </script> <script src="//www.drinkhint.com/cdn/shop/t/1479/assets/theme.bundle.js?v=148140929609536561891732137430" async></script> <script src="//www.drinkhint.com/cdn/shop/t/1479/assets/staticPage.bundle.js?v=110907435593260746541732137430" type="text/javascript"></script> <style> /*=== Trigger ===*/ .animate { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes fadeInDesktop { from { opacity: 0; visibility:visible; -webkit-transform: translate3d(0, -4%, 0); transform: translate3d(0,-4, 0); } to { opacity: 1; visibility:visible; -webkit-transform: none; transform: none; } } @keyframes fadeOutDesktop { from { opacity: 1; visibility:visible; -webkit-transform: none; transform: none; } to { opacity: 0; visibility:hidden; -webkit-transform: translate3d(0, -4%, 0); transform: translate3d(0,-4, 0); } } @keyframes fadeIn { from { opacity: 0; visibility:visible; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; visibility:visible; -webkit-transform: none; transform: none; } } @keyframes fadeOut { from { opacity: 1; visibility:visible; -webkit-transform: none; transform: none; } to { opacity: 0; visibility:hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: hidden; } } .fadeIn { -webkit-animation-name: fadeInDesktop; animation-name: fadeInDesktop; } .fadeOut { animation-duration: .5s; -webkit-animation-name: fadeOutDesktop; animation-name: fadeOutDesktop; } @media screen and (max-width: 750px) { .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } } .short-cart { z-index: 999; position: fixed; background-color: white; width: 100%; max-width: 370px; border-radius: 7px; padding: 15px; right: 1rem; top: 7rem; filter: drop-shadow(-1px 5px 4px rgba(0,0,0,.3)); visibility: hidden; } .short-cart .btn { width: 49%; } .short-cart.active { visibility: visible; } @media screen and (max-width: 750px) { .short-cart { width: 100%; max-width: 100%; border-radius: 7px 7px 0 0; padding: 20px; top: initial; right: 0; left: 0; bottom: 0; filter: drop-shadow(-1px -4px 4px rgba(0,0,0,.3)); transform: translateY(100%); } .short-cart.active { transform: translateY(0); } } .short-cart .line-item { display: flex; padding-bottom: 15px; position: relative; } .short-cart .line-item a{ display: block } .short-cart__header { position: relative; padding-bottom: 5px; display: flex; align-items: center; } .short-cart__header .check-mark { margin-right: 15px; } .short-cart__button { position: absolute; top: 0.1rem; right: 0.1rem; padding: 0; } .short-cart__button svg { width: 15px; } .btn--reverse { background: white; border: 2px solid #002554; color: #002554; display: inline-block; border-radius: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.65rem; padding-bottom: 0.65rem; text-align: center; font-weight: 700; line-height: 1; transition-property: background-color, border-color, color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); min-width: 10rem; } .lds-ring { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 50px; height: 50px; margin: 8px; border: 8px solid #fff; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color:#95cfe0 transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading-item { position: absolute; left: 0; right: 0; bottom: 10px; top: 0; background-color: rgb(255 255 255 / 89%); z-index: 1; display: flex; align-items: center; justify-content: center; } #short-cart .cart-drawer__message{ font-size: 0.8rem; padding: 3px 0; margin-bottom: 15px; margin-top: 5px } #short-cart .shipping-message { font-size: 0.8rem; } </style> <div id="short-cart" class="short-cart animate"></div> <script> const discountCodeFromWindow = window.discount_code || null const globalUrlParams = new URLSearchParams(window.location.search); const discountCode = discountCodeFromWindow || globalUrlParams.get('discount_auto'); if (discountCode) { document.cookie = `discount_code=${discountCode}; path=/`; const e = async () => { await fetch(`/discount/${discountCode}`) .then(function() { return }) .catch(function(error) { console.error('Error:', error); }); await fetch(`/discount/${discountCode}`) .then(function() { return }) .catch(function(error) { console.error('Error:', error); }); } e() } </script> <script src="https://cdn.userway.org/widget.js" data-account="pziiL0h7Oo" defer></script> </body> </html>

CINXE.COM

Feeding America