CINXE.COM
Safe As Milk - Premium Shopify themes
<!doctype html> <html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" lang="en-US" > <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- This is Squarespace. --><!-- tunny-tambourine-ge2n --> <base href=""> <meta charset="utf-8" /> <title>Safe As Milk - Premium Shopify themes</title> <meta http-equiv="Accept-CH" content="Sec-CH-UA-Platform-Version, Sec-CH-UA-Model" /><link rel="icon" type="image/x-icon" media="(prefers-color-scheme: light)" href="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/232094c4-f0ad-4b00-834e-79d29b9a442c/favicon.ico?format=100w"/> <link rel="icon" type="image/x-icon" media="(prefers-color-scheme: dark)" href="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/f292be94-2ff4-4d0d-95cd-2332ee2009b0/favicon.ico?format=100w"/> <link rel="canonical" href="https://www.safeasmilk.co"/> <meta property="og:site_name" content="Safe As Milk"/> <meta property="og:title" content="Safe As Milk - Premium Shopify themes"/> <meta property="og:url" content="https://www.safeasmilk.co"/> <meta property="og:type" content="website"/> <meta property="og:description" content="Sell more with fewer clicks with our beautiful & powerful Shopify Themes. Our happy customers love our superb support team. Fast, friendly and there for you. We鈥檒l help keep your store open and running smoothly. Creative theme out now."/> <meta property="og:image" content="http://static1.squarespace.com/static/60ae69a764a30d1681acb221/t/67a239c930447b41e9f782c0/1738684873076/sam_logo_full_black.png?format=1500w"/> <meta property="og:image:width" content="768"/> <meta property="og:image:height" content="157"/> <meta itemprop="name" content="Safe As Milk - Premium Shopify themes"/> <meta itemprop="url" content="https://www.safeasmilk.co"/> <meta itemprop="description" content="Sell more with fewer clicks with our beautiful & powerful Shopify Themes. Our happy customers love our superb support team. Fast, friendly and there for you. We鈥檒l help keep your store open and running smoothly. Creative theme out now."/> <meta itemprop="thumbnailUrl" content="http://static1.squarespace.com/static/60ae69a764a30d1681acb221/t/67a239c930447b41e9f782c0/1738684873076/sam_logo_full_black.png?format=1500w"/> <link rel="image_src" href="http://static1.squarespace.com/static/60ae69a764a30d1681acb221/t/67a239c930447b41e9f782c0/1738684873076/sam_logo_full_black.png?format=1500w" /> <meta itemprop="image" content="http://static1.squarespace.com/static/60ae69a764a30d1681acb221/t/67a239c930447b41e9f782c0/1738684873076/sam_logo_full_black.png?format=1500w"/> <meta name="twitter:title" content="Safe As Milk - Premium Shopify themes"/> <meta name="twitter:image" content="http://static1.squarespace.com/static/60ae69a764a30d1681acb221/t/67a239c930447b41e9f782c0/1738684873076/sam_logo_full_black.png?format=1500w"/> <meta name="twitter:url" content="https://www.safeasmilk.co"/> <meta name="twitter:card" content="summary"/> <meta name="twitter:description" content="Sell more with fewer clicks with our beautiful & powerful Shopify Themes. Our happy customers love our superb support team. Fast, friendly and there for you. We鈥檒l help keep your store open and running smoothly. Creative theme out now."/> <meta name="description" content="Sell more with fewer clicks with our beautiful & powerful Shopify Themes. Our happy customers love our superb support team. Fast, friendly and there for you. We鈥檒l help keep your store open and running smoothly. Creative theme out now." /> <link rel="preconnect" href="https://images.squarespace-cdn.com"> <link rel="preconnect" href="https://use.typekit.net" crossorigin> <link rel="preconnect" href="https://p.typekit.net" crossorigin> <script type="text/javascript" src="//use.typekit.net/ik/I-m9IUg3_xn-V_k4dvq6H_vWwdVc1zNElkN8MU55mYjfeTwIfFHN4UJLFRbh52jhWDj3jA9h5AIaFRsywDgqwQjtwABRjRJkws7WMkG0jAFu-WsoShFGZAsude80ZkoRdhXCHKoyjamTiY8Djhy8ZYmC-Ao1Oco8if37OcBDOcu8OfG0SaBujW48SagyjhmDjhy8ZYmC-Ao1OcFzdP37O1sudcooOWsydA4ziW4Tdc9lZh9kdKoDSWmyScmDSeBRZPoRdhXCjAFu-WsoShFGZAsude80ZkoRdhXCjAFu-WsoShFGZAsude80Zko0ZWbCjWw0dA9CdeNRjAUGdaFXOYFyZcmyShuTdeC0jhvCSaBujW48SagyjhmDjhy8ZYmC-Ao1OcFzdPUXiAo0pPuXjAuKdamk-Ao8OAi8wct0SaBujW48Sagyjh90jhNlOYiaikoyjamTiY8Djhy8ZYmC-Ao1OcFzdPUaiaS0jAFu-WsoShFGZAsude80Zko0ZWbCiaiaOcBDOcu8OYiaikoDjAZ8jWFl-AUnOcFzOYiaikoDSWmyScmDSeBRZWFR-emqiAUTdcS0jhNlOYiaikoXiAo0pPuXjAuKdamk-Ao8OAi8wct0SaBujW48Sagyjh90jhNlJ6NGjAUojW4qOAsTSagCjWq7f6R8R6JbMg62JMJ7f6R7R6JbMg6BJMJ7f6RlR6JbMg6YJMJ7f6RcR6JbMg6FJMJ7f6R0R6JbMg6sJMHbMZHtD43e.js"></script> <script type="text/javascript">try{Typekit.load();}catch(e){}</script> <script type="text/javascript" crossorigin="anonymous" defer="true" nomodule="nomodule" src="//assets.squarespace.com/@sqs/polyfiller/1.6/legacy.js"></script> <script type="text/javascript" crossorigin="anonymous" defer="true" src="//assets.squarespace.com/@sqs/polyfiller/1.6/modern.js"></script> <script type="text/javascript">SQUARESPACE_ROLLUPS = {};</script> <script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-d99742db7c3e1761-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_runtime');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-d99742db7c3e1761-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-b60fc53b12f6d6c5-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_moment_js_vendor');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-b60fc53b12f6d6c5-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-a86e12ea17d7e7b5-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-cldr_resource_pack');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-a86e12ea17d7e7b5-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-51880dc0d7a0158c-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors_stable');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-51880dc0d7a0158c-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-df1fd1183d9390fb-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-df1fd1183d9390fb-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-7b201f858dc219cf-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-7b201f858dc219cf-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/performance-469bf6a494aa7811-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-performance');</script> <script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/performance-469bf6a494aa7811-min.en-US.js" defer ></script><script data-name="static-context">Static = window.Static || {}; Static.SQUARESPACE_CONTEXT = {"betaFeatureFlags":["nested_categories","campaigns_discount_section_in_automations","campaigns_discount_section_in_blasts","collection_typename_switching","campaigns_import_discounts","new_stacked_index","marketing_automations","i18n_beta_website_locales","marketing_landing_page","campaigns_new_image_layout_picker","order_status_page_checkout_landing_enabled","override_block_styles","supports_versioned_template_assets","contacts_and_campaigns_redesign","member_areas_feature","themes","scripts_defer","campaigns_thumbnail_layout"],"facebookAppId":"314192535267336","facebookApiVersion":"v6.0","rollups":{"squarespace-announcement-bar":{"js":"//assets.squarespace.com/universal/scripts-compressed/announcement-bar-929d54e21180185e-min.en-US.js"},"squarespace-audio-player":{"css":"//assets.squarespace.com/universal/styles-compressed/audio-player-5d864aadea1060d1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/audio-player-db0a42bc9a745b13-min.en-US.js"},"squarespace-blog-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/blog-collection-list-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/blog-collection-list-47a224f34e715983-min.en-US.js"},"squarespace-calendar-block-renderer":{"css":"//assets.squarespace.com/universal/styles-compressed/calendar-block-renderer-b72d08ba4421f5a0-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/calendar-block-renderer-2204db19701b2ebe-min.en-US.js"},"squarespace-chartjs-helpers":{"css":"//assets.squarespace.com/universal/styles-compressed/chartjs-helpers-96b256171ee039c1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/chartjs-helpers-ea68dbda5f388989-min.en-US.js"},"squarespace-comments":{"css":"//assets.squarespace.com/universal/styles-compressed/comments-01eecf660cca1c8d-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/comments-0a38891230aaac9c-min.en-US.js"},"squarespace-custom-css-popup":{"css":"//assets.squarespace.com/universal/styles-compressed/custom-css-popup-01f4ea53f1ef2e01-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/custom-css-popup-282fe7613747318b-min.en-US.js"},"squarespace-dialog":{"css":"//assets.squarespace.com/universal/styles-compressed/dialog-f9093f2d526b94df-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/dialog-12b6a5be5e64a5dc-min.en-US.js"},"squarespace-events-collection":{"css":"//assets.squarespace.com/universal/styles-compressed/events-collection-b72d08ba4421f5a0-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/events-collection-a51a0c508870ad93-min.en-US.js"},"squarespace-form-rendering-utils":{"js":"//assets.squarespace.com/universal/scripts-compressed/form-rendering-utils-ec12b1513f197549-min.en-US.js"},"squarespace-forms":{"css":"//assets.squarespace.com/universal/styles-compressed/forms-0afd3c6ac30bbab1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/forms-ee423cf78a6d9847-min.en-US.js"},"squarespace-gallery-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/gallery-collection-list-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/gallery-collection-list-de0dea92b161a99b-min.en-US.js"},"squarespace-image-zoom":{"css":"//assets.squarespace.com/universal/styles-compressed/image-zoom-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/image-zoom-104246dd5ee81f93-min.en-US.js"},"squarespace-pinterest":{"css":"//assets.squarespace.com/universal/styles-compressed/pinterest-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/pinterest-71b95dc6a65ad0b0-min.en-US.js"},"squarespace-popup-overlay":{"css":"//assets.squarespace.com/universal/styles-compressed/popup-overlay-b742b752f5880972-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/popup-overlay-2356da150be012eb-min.en-US.js"},"squarespace-product-quick-view":{"css":"//assets.squarespace.com/universal/styles-compressed/product-quick-view-0ba5bac716923b8e-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/product-quick-view-b1bef1d49abb1dcb-min.en-US.js"},"squarespace-products-collection-item-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-item-v2-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-item-v2-d1bdb2ab433d5058-min.en-US.js"},"squarespace-products-collection-list-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-list-v2-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-list-v2-6676ab1a86064e26-min.en-US.js"},"squarespace-search-page":{"css":"//assets.squarespace.com/universal/styles-compressed/search-page-90a67fc09b9b32c6-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/search-page-427f06a82a4c7a3d-min.en-US.js"},"squarespace-search-preview":{"js":"//assets.squarespace.com/universal/scripts-compressed/search-preview-a56885d30b3c3073-min.en-US.js"},"squarespace-simple-liking":{"css":"//assets.squarespace.com/universal/styles-compressed/simple-liking-701bf8bbc05ec6aa-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/simple-liking-b76ae7bcbecc9533-min.en-US.js"},"squarespace-social-buttons":{"css":"//assets.squarespace.com/universal/styles-compressed/social-buttons-95032e5fa98e47a5-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/social-buttons-476538637d19f94c-min.en-US.js"},"squarespace-tourdates":{"css":"//assets.squarespace.com/universal/styles-compressed/tourdates-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/tourdates-58c6d775dcd3c2e1-min.en-US.js"},"squarespace-website-overlays-manager":{"css":"//assets.squarespace.com/universal/styles-compressed/website-overlays-manager-07ea5a4e004e6710-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/website-overlays-manager-0ab5b1476f53fc55-min.en-US.js"}},"pageType":2,"website":{"id":"60ae69a764a30d1681acb221","identifier":"tunny-tambourine-ge2n","websiteType":1,"contentModifiedOn":1730369611135,"cloneable":false,"hasBeenCloneable":false,"siteStatus":{},"language":"en-US","timeZone":"Europe/London","machineTimeZoneOffset":0,"timeZoneOffset":0,"timeZoneAbbr":"GMT","siteTitle":"Safe As Milk","fullSiteTitle":"Safe As Milk - Premium Shopify themes","siteDescription":"","location":{},"logoImageId":"67a239c930447b41e9f782c0","shareButtonOptions":{"1":true,"3":true,"7":true,"2":true,"6":true,"4":true,"8":true},"logoImageUrl":"//images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/30aa7927-ba7b-4dd5-b054-eaae2743f219/sam_logo_full_black.png","authenticUrl":"https://www.safeasmilk.co","internalUrl":"https://tunny-tambourine-ge2n.squarespace.com","baseUrl":"https://www.safeasmilk.co","primaryDomain":"www.safeasmilk.co","sslSetting":3,"isHstsEnabled":false,"socialAccounts":[{"serviceId":62,"screenname":"Twitter","addedOn":1670586887483,"profileUrl":"https://twitter.com/SafeAsMilkCo","iconEnabled":true,"serviceName":"twitter-unauth"},{"serviceId":69,"screenname":"YouTube","addedOn":1670586902690,"profileUrl":"https://www.youtube.com/@safeasmilkco","iconEnabled":true,"serviceName":"youtube-unauth"}],"typekitId":"","statsMigrated":false,"imageMetadataProcessingEnabled":false,"screenshotId":"008ab2802aa828c80c725e7b5e6a9c731d17b7c7fca2e58ca4f37bed036295b9","captchaSettings":{"enabledForDonations":false},"showOwnerLogin":false},"websiteSettings":{"id":"60ae69a764a30d1681acb224","websiteId":"60ae69a764a30d1681acb221","subjects":[],"country":"GB","state":"ENG","simpleLikingEnabled":true,"mobileInfoBarSettings":{"style":1,"isContactEmailEnabled":false,"isContactPhoneNumberEnabled":false,"isLocationEnabled":false,"isBusinessHoursEnabled":false},"announcementBarSettings":{"style":2,"text":"<p>Safe As Milk themes have powered thousands of stores worldwide. <a target=\"_blank\" href=\"https://themes.shopify.com/designers/safeasmilk\">Check out the theme store</a></p>"},"popupOverlaySettings":{"style":1,"enabledPages":[]},"commentLikesAllowed":true,"commentAnonAllowed":true,"commentThreaded":true,"commentApprovalRequired":false,"commentAvatarsOn":true,"commentSortType":2,"commentFlagThreshold":0,"commentFlagsAllowed":true,"commentEnableByDefault":true,"commentDisableAfterDaysDefault":0,"disqusShortname":"","commentsEnabled":false,"businessHours":{},"storeSettings":{"returnPolicy":null,"termsOfService":null,"privacyPolicy":null,"expressCheckout":false,"continueShoppingLinkUrl":"/","useLightCart":false,"showNoteField":false,"shippingCountryDefaultValue":"US","billToShippingDefaultValue":false,"showShippingPhoneNumber":true,"isShippingPhoneRequired":false,"showBillingPhoneNumber":true,"isBillingPhoneRequired":false,"currenciesSupported":["USD","CAD","GBP","AUD","EUR","CHF","NOK","SEK","DKK","NZD","SGD","MXN","HKD","CZK","ILS","MYR","RUB","PHP","PLN","THB","BRL","ARS","COP","IDR","INR","JPY","ZAR"],"defaultCurrency":"USD","selectedCurrency":"USD","measurementStandard":1,"showCustomCheckoutForm":false,"checkoutPageMarketingOptInEnabled":false,"enableMailingListOptInByDefault":false,"sameAsRetailLocation":false,"merchandisingSettings":{"scarcityEnabledOnProductItems":false,"scarcityEnabledOnProductBlocks":false,"scarcityMessageType":"DEFAULT_SCARCITY_MESSAGE","scarcityThreshold":10,"multipleQuantityAllowedForServices":true,"restockNotificationsEnabled":false,"restockNotificationsSuccessText":"","restockNotificationsMailingListSignUpEnabled":false,"relatedProductsEnabled":false,"relatedProductsOrdering":"random","soldOutVariantsDropdownDisabled":false,"productComposerOptedIn":false,"productComposerABTestOptedOut":false,"productReviewsEnabled":false,"displayImportedProductReviewsEnabled":false,"hasOptedToCollectNativeReviews":false},"minimumOrderSubtotalEnabled":false,"isLive":false,"multipleQuantityAllowedForServices":true},"useEscapeKeyToLogin":false,"ssBadgeType":1,"ssBadgePosition":4,"ssBadgeVisibility":1,"ssBadgeDevices":1,"pinterestOverlayOptions":{"mode":"disabled"},"userAccountsSettings":{"loginAllowed":false,"signupAllowed":false}},"cookieSettings":{"isCookieBannerEnabled":false,"isRestrictiveCookiePolicyEnabled":false,"cookieBannerText":"","cookieBannerTheme":"","cookieBannerVariant":"","cookieBannerPosition":"","cookieBannerCtaVariant":"","cookieBannerCtaText":"","cookieBannerAcceptType":"OPT_IN","cookieBannerOptOutCtaText":"","cookieBannerHasOptOut":false,"cookieBannerHasManageCookies":true,"cookieBannerManageCookiesLabel":"","cookieBannerSavedPreferencesText":"","cookieBannerSavedPreferencesLayout":"PILL"},"websiteCloneable":false,"collection":{"title":"Home","id":"60ae6b45a82c01016013dec7","fullUrl":"/","type":10,"permissionType":1},"subscribed":false,"appDomain":"squarespace.com","templateTweakable":true,"tweakJSON":{"form-use-theme-colors":"false","header-logo-height":"24px","header-mobile-logo-max-height":"25px","header-vert-padding":"5.8vw","header-width":"Full","maxPageWidth":"1900px","pagePadding":"9vw","tweak-blog-alternating-side-by-side-image-aspect-ratio":"4:3 Four-Three","tweak-blog-alternating-side-by-side-image-spacing":"5%","tweak-blog-alternating-side-by-side-meta-spacing":"15px","tweak-blog-alternating-side-by-side-primary-meta":"Categories","tweak-blog-alternating-side-by-side-read-more-spacing":"5px","tweak-blog-alternating-side-by-side-secondary-meta":"Date","tweak-blog-basic-grid-columns":"2","tweak-blog-basic-grid-image-aspect-ratio":"3:2 Standard","tweak-blog-basic-grid-image-spacing":"30px","tweak-blog-basic-grid-meta-spacing":"15px","tweak-blog-basic-grid-primary-meta":"Categories","tweak-blog-basic-grid-read-more-spacing":"15px","tweak-blog-basic-grid-secondary-meta":"Date","tweak-blog-item-custom-width":"57","tweak-blog-item-show-author-profile":"false","tweak-blog-item-width":"Custom","tweak-blog-masonry-columns":"2","tweak-blog-masonry-horizontal-spacing":"150px","tweak-blog-masonry-image-spacing":"25px","tweak-blog-masonry-meta-spacing":"20px","tweak-blog-masonry-primary-meta":"Categories","tweak-blog-masonry-read-more-spacing":"5px","tweak-blog-masonry-secondary-meta":"Date","tweak-blog-masonry-vertical-spacing":"100px","tweak-blog-side-by-side-image-aspect-ratio":"4:3 Four-Three","tweak-blog-side-by-side-image-spacing":"6%","tweak-blog-side-by-side-meta-spacing":"20px","tweak-blog-side-by-side-primary-meta":"Categories","tweak-blog-side-by-side-read-more-spacing":"5px","tweak-blog-side-by-side-secondary-meta":"None","tweak-blog-single-column-image-spacing":"40px","tweak-blog-single-column-meta-spacing":"30px","tweak-blog-single-column-primary-meta":"Categories","tweak-blog-single-column-read-more-spacing":"30px","tweak-blog-single-column-secondary-meta":"Date","tweak-events-stacked-show-thumbnails":"true","tweak-events-stacked-thumbnail-size":"3:2 Standard","tweak-fixed-header":"true","tweak-fixed-header-style":"Scroll Back","tweak-global-animations-animation-curve":"linear","tweak-global-animations-animation-delay":"0.1s","tweak-global-animations-animation-duration":"0.1s","tweak-global-animations-animation-style":"fade","tweak-global-animations-animation-type":"none","tweak-global-animations-complexity-level":"basic","tweak-global-animations-enabled":"false","tweak-portfolio-grid-basic-custom-height":"50","tweak-portfolio-grid-overlay-custom-height":"50","tweak-portfolio-hover-follow-acceleration":"10%","tweak-portfolio-hover-follow-animation-duration":"Fast","tweak-portfolio-hover-follow-animation-type":"Fade","tweak-portfolio-hover-follow-delimiter":"Bullet","tweak-portfolio-hover-follow-front":"false","tweak-portfolio-hover-follow-layout":"Inline","tweak-portfolio-hover-follow-size":"50","tweak-portfolio-hover-follow-text-spacing-x":"1.5","tweak-portfolio-hover-follow-text-spacing-y":"1.5","tweak-portfolio-hover-static-animation-duration":"Fast","tweak-portfolio-hover-static-animation-type":"Fade","tweak-portfolio-hover-static-delimiter":"Hyphen","tweak-portfolio-hover-static-front":"true","tweak-portfolio-hover-static-layout":"Inline","tweak-portfolio-hover-static-size":"50","tweak-portfolio-hover-static-text-spacing-x":"1.5","tweak-portfolio-hover-static-text-spacing-y":"1.5","tweak-portfolio-index-background-animation-duration":"Medium","tweak-portfolio-index-background-animation-type":"Fade","tweak-portfolio-index-background-custom-height":"50","tweak-portfolio-index-background-delimiter":"None","tweak-portfolio-index-background-height":"Large","tweak-portfolio-index-background-horizontal-alignment":"Center","tweak-portfolio-index-background-link-format":"Stacked","tweak-portfolio-index-background-persist":"false","tweak-portfolio-index-background-vertical-alignment":"Middle","tweak-portfolio-index-background-width":"Full Bleed","tweak-product-basic-item-click-action":"None","tweak-product-basic-item-gallery-aspect-ratio":"3:4 Three-Four (Vertical)","tweak-product-basic-item-gallery-design":"Slideshow","tweak-product-basic-item-gallery-width":"50%","tweak-product-basic-item-hover-action":"None","tweak-product-basic-item-image-spacing":"3vw","tweak-product-basic-item-image-zoom-factor":"1.75","tweak-product-basic-item-product-variant-display":"Dropdown","tweak-product-basic-item-thumbnail-placement":"Side","tweak-product-basic-item-variant-picker-layout":"Dropdowns","tweak-products-add-to-cart-button":"false","tweak-products-columns":"3","tweak-products-gutter-column":"2vw","tweak-products-gutter-row":"3vw","tweak-products-header-text-alignment":"Middle","tweak-products-image-aspect-ratio":"1:1 Square","tweak-products-image-text-spacing":"1vw","tweak-products-mobile-columns":"1","tweak-products-text-alignment":"Left","tweak-products-width":"Inset","tweak-transparent-header":"false"},"templateId":"5c5a519771c10ba3470d8101","templateVersion":"7.1","pageFeatures":[1,2,4],"gmRenderKey":"QUl6YVN5Q0JUUk9xNkx1dkZfSUUxcjQ2LVQ0QWVUU1YtMGQ3bXk4","templateScriptsRootUrl":"https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/","impersonatedSession":false,"tzData":{"zones":[[0,"EU","GMT/BST",null]],"rules":{"EU":[[1981,"max",null,"Mar","lastSun","1:00u","1:00","S"],[1996,"max",null,"Oct","lastSun","1:00u","0",null]]}},"showAnnouncementBar":true,"recaptchaEnterpriseContext":{"recaptchaEnterpriseSiteKey":"6LdDFQwjAAAAAPigEvvPgEVbb7QBm-TkVJdDTlAv"},"i18nContext":{"timeZoneData":{"id":"Europe/London","name":"Greenwich Mean Time"}},"env":"PRODUCTION"};</script><script type="application/ld+json">{"url":"https://www.safeasmilk.co","name":"Safe As Milk","description":"","image":"//images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/30aa7927-ba7b-4dd5-b054-eaae2743f219/sam_logo_full_black.png","@context":"http://schema.org","@type":"WebSite"}</script><script type="application/ld+json">{"address":"","image":"https://static1.squarespace.com/static/60ae69a764a30d1681acb221/t/67a239c930447b41e9f782c0/1730369611135/","openingHours":"","@context":"http://schema.org","@type":"LocalBusiness"}</script><link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/versioned-site-css/60ae69a764a30d1681acb221/104/5c5a519771c10ba3470d8101/60ae69a764a30d1681acb23b/1617/site.css"/><script type="text/javascript">!function(e,t,n){function a(){var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net",e.parentNode.insertBefore(n,e)}if(e.Beacon=n=function(t,n,a){e.Beacon.readyQueue.push({method:t,options:n,data:a})},n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}(window,document,window.Beacon||function(){});</script> <script type="text/javascript">window.Beacon('init', '5e6661c1-cf30-436a-86b0-d31899fb809c')</script> <style> .fe-63a42819ad215beb7a401ff7.fe-63a42819ad215beb7a401ff7 { --row-height-scaling-factor: 0.01; } </style><script>Static.COOKIE_BANNER_CAPABLE = true;</script> <!-- End of Squarespace Headers --> <link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1742576095165-JCFHH5K6517BZ0LD2YTX/static.css"> </head> <body id="collection-60ae6b45a82c01016013dec7" class=" primary-button-style-solid primary-button-shape-custom secondary-button-style-outline secondary-button-shape-custom tertiary-button-style-outline tertiary-button-shape-underline form-field-style-solid form-field-shape-square form-field-border-all form-field-checkbox-type-icon form-field-checkbox-fill-solid form-field-checkbox-color-inverted form-field-checkbox-shape-square form-field-checkbox-layout-stack form-field-radio-type-icon form-field-radio-fill-solid form-field-radio-color-normal form-field-radio-shape-pill form-field-radio-layout-stack form-field-survey-fill-solid form-field-survey-color-normal form-field-survey-shape-pill form-field-hover-focus-outline form-submit-button-style-label header-overlay-alignment-center header-width-full tweak-fixed-header tweak-fixed-header-style-scroll-back tweak-blog-alternating-side-by-side-width-inset tweak-blog-alternating-side-by-side-image-aspect-ratio-43-four-three tweak-blog-alternating-side-by-side-text-alignment-left tweak-blog-alternating-side-by-side-read-more-style-show tweak-blog-alternating-side-by-side-image-text-alignment-middle tweak-blog-alternating-side-by-side-delimiter-bullet tweak-blog-alternating-side-by-side-meta-position-top tweak-blog-alternating-side-by-side-primary-meta-categories tweak-blog-alternating-side-by-side-secondary-meta-date tweak-blog-alternating-side-by-side-excerpt-show tweak-blog-basic-grid-width-inset tweak-blog-basic-grid-image-aspect-ratio-32-standard tweak-blog-basic-grid-text-alignment-center tweak-blog-basic-grid-delimiter-bullet tweak-blog-basic-grid-image-placement-above tweak-blog-basic-grid-read-more-style-show tweak-blog-basic-grid-primary-meta-categories tweak-blog-basic-grid-secondary-meta-date tweak-blog-basic-grid-excerpt-show tweak-blog-item-width-custom tweak-blog-item-text-alignment-left tweak-blog-item-meta-position-below-title tweak-blog-item-show-categories tweak-blog-item-show-date tweak-blog-item-show-author-name tweak-blog-item-delimiter-dash tweak-blog-masonry-width-full tweak-blog-masonry-text-alignment-center tweak-blog-masonry-primary-meta-categories tweak-blog-masonry-secondary-meta-date tweak-blog-masonry-meta-position-top tweak-blog-masonry-read-more-style-show tweak-blog-masonry-delimiter-space tweak-blog-masonry-image-placement-above tweak-blog-masonry-excerpt-show tweak-blog-side-by-side-width-inset tweak-blog-side-by-side-image-placement-left tweak-blog-side-by-side-image-aspect-ratio-43-four-three tweak-blog-side-by-side-primary-meta-categories tweak-blog-side-by-side-secondary-meta-none tweak-blog-side-by-side-meta-position-below-excerpt tweak-blog-side-by-side-text-alignment-left tweak-blog-side-by-side-image-text-alignment-middle tweak-blog-side-by-side-read-more-style-show tweak-blog-side-by-side-delimiter-bullet tweak-blog-side-by-side-excerpt-show tweak-blog-single-column-width-inset tweak-blog-single-column-text-alignment-center tweak-blog-single-column-image-placement-above tweak-blog-single-column-delimiter-bullet tweak-blog-single-column-read-more-style-show tweak-blog-single-column-primary-meta-categories tweak-blog-single-column-secondary-meta-date tweak-blog-single-column-meta-position-top tweak-blog-single-column-content-excerpt-and-title tweak-events-stacked-width-inset tweak-events-stacked-height-small tweak-events-stacked-show-past-events tweak-events-stacked-show-thumbnails tweak-events-stacked-thumbnail-size-32-standard tweak-events-stacked-date-style-side-tag tweak-events-stacked-show-time tweak-events-stacked-show-location tweak-events-stacked-ical-gcal-links tweak-events-stacked-show-excerpt tweak-global-animations-complexity-level-basic tweak-global-animations-animation-style-fade tweak-global-animations-animation-type-none tweak-global-animations-animation-curve-linear tweak-portfolio-grid-basic-width-full tweak-portfolio-grid-basic-height-small tweak-portfolio-grid-basic-image-aspect-ratio-43-four-three tweak-portfolio-grid-basic-text-alignment-left tweak-portfolio-grid-basic-hover-effect-zoom tweak-portfolio-grid-overlay-width-inset tweak-portfolio-grid-overlay-height-small tweak-portfolio-grid-overlay-image-aspect-ratio-43-four-three tweak-portfolio-grid-overlay-text-placement-center tweak-portfolio-grid-overlay-show-text-after-hover tweak-portfolio-index-background-link-format-stacked tweak-portfolio-index-background-width-full-bleed tweak-portfolio-index-background-height-large tweak-portfolio-index-background-vertical-alignment-middle tweak-portfolio-index-background-horizontal-alignment-center tweak-portfolio-index-background-delimiter-none tweak-portfolio-index-background-animation-type-fade tweak-portfolio-index-background-animation-duration-medium tweak-portfolio-hover-follow-layout-inline tweak-portfolio-hover-follow-delimiter-bullet tweak-portfolio-hover-follow-animation-type-fade tweak-portfolio-hover-follow-animation-duration-fast tweak-portfolio-hover-static-layout-inline tweak-portfolio-hover-static-front tweak-portfolio-hover-static-delimiter-hyphen tweak-portfolio-hover-static-animation-type-fade tweak-portfolio-hover-static-animation-duration-fast tweak-product-basic-item-product-variant-display-dropdown tweak-product-basic-item-product-subscription-display-radio tweak-product-basic-item-product-subscription-border-shape-square tweak-product-basic-item-width-full tweak-product-basic-item-gallery-aspect-ratio-34-three-four-vertical tweak-product-basic-item-text-alignment-left tweak-product-basic-item-navigation-breadcrumbs tweak-product-basic-item-description-position-below-price tweak-product-basic-item-description-position-mobile-below-add-to-cart-button tweak-product-basic-item-content-alignment-top tweak-product-basic-item-gallery-design-slideshow tweak-product-basic-item-gallery-placement-left tweak-product-basic-item-thumbnail-placement-side tweak-product-basic-item-click-action-none tweak-product-basic-item-hover-action-none tweak-product-basic-item-variant-picker-layout-dropdowns tweak-product-basic-item-add-to-cart-standalone tweak-product-basic-item-add-to-cart-mobile-standalone tweak-products-width-inset tweak-products-image-aspect-ratio-11-square tweak-products-text-alignment-left tweak-products-price-show tweak-products-nested-category-type-top tweak-products-category-title tweak-products-header-text-alignment-middle tweak-products-breadcrumbs image-block-poster-text-alignment-center image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-content-position-top image-block-collage-text-alignment-left image-block-stack-text-alignment-left hide-opentable-icons opentable-style-dark tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-usd collection-type-page collection-60ae6b45a82c01016013dec7 collection-layout-default homepage mobile-style-available sqs-seven-one " tabindex="-1" > <div id="siteWrapper" class="clearfix site-wrapper" > <div id="floatingCart" class="floating-cart hidden"> <a href="/cart" class="icon icon--stroke icon--fill icon--cart sqs-custom-cart"> <span class="Cart-inner"> <svg class="icon icon--cart" width="61" height="49" viewBox="0 0 61 49"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.5 2C0.5 1.17157 1.17157 0.5 2 0.5H13.6362C14.3878 0.5 15.0234 1.05632 15.123 1.80135L16.431 11.5916H59C59.5122 11.5916 59.989 11.8529 60.2645 12.2847C60.54 12.7165 60.5762 13.2591 60.3604 13.7236L50.182 35.632C49.9361 36.1614 49.4054 36.5 48.8217 36.5H18.0453C17.2937 36.5 16.6581 35.9437 16.5585 35.1987L12.3233 3.5H2C1.17157 3.5 0.5 2.82843 0.5 2ZM16.8319 14.5916L19.3582 33.5H47.8646L56.6491 14.5916H16.8319Z" /> <path d="M18.589 35H49.7083L60 13H16L18.589 35Z" /> <path d="M21 49C23.2091 49 25 47.2091 25 45C25 42.7909 23.2091 41 21 41C18.7909 41 17 42.7909 17 45C17 47.2091 18.7909 49 21 49Z" /> <path d="M45 49C47.2091 49 49 47.2091 49 45C49 42.7909 47.2091 41 45 41C42.7909 41 41 42.7909 41 45C41 47.2091 42.7909 49 45 49Z" /> </svg> <div class="legacy-cart icon-cart-quantity"> <span class="sqs-cart-quantity">0</span> </div> </span> </a> </div> <header data-test="header" id="header" class=" white-bold header theme-col--primary " data-section-theme="white-bold" data-controller="Header" data-current-styles="{ "layout": "navRight", "action": { "href": "https://themes.shopify.com/themes/venue/styles/morning", "buttonText": "Themes", "newWindow": false }, "showSocial": false, "socialOptions": { "socialBorderShape": "none", "socialBorderStyle": "outline", "socialBorderThickness": { "unit": "px", "value": 1.0 } }, "sectionTheme": "white-bold", "menuOverlayAnimation": "fade", "cartStyle": "cart", "cartText": "Cart", "showEmptyCartState": true, "cartOptions": { "iconType": "solid-7", "cartBorderShape": "none", "cartBorderStyle": "outline", "cartBorderThickness": { "unit": "px", "value": 1.0 } }, "showButton": false, "showCart": false, "showAccountLogin": false, "headerStyle": "theme", "languagePicker": { "enabled": false, "iconEnabled": false, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ ] }, "iconOptions": { "desktopDropdownIconOptions": { "endcapType": "square", "folderDropdownIcon": "none", "languagePickerIcon": "openArrowHead" }, "mobileDropdownIconOptions": { "endcapType": "square", "folderDropdownIcon": "openArrowHead", "languagePickerIcon": "openArrowHead" } }, "mobileOptions": { "layout": "logoLeftNavRight", "menuIconOptions": { "style": "doubleLineHamburger", "thickness": { "unit": "px", "value": 1.0 } } }, "solidOptions": { "headerOpacity": { "unit": "%", "value": 100.0 }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "gradientOptions": { "gradientType": "faded", "headerOpacity": { "unit": "%", "value": 90.0 }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "dropShadowOptions": { "enabled": false, "blur": { "unit": "px", "value": 12.0 }, "spread": { "unit": "px", "value": 0.0 }, "distance": { "unit": "px", "value": 12.0 } }, "borderOptions": { "enabled": false, "position": "bottom", "thickness": { "unit": "px", "value": 4.0 } }, "showPromotedElement": false, "buttonVariant": "primary", "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "headerOpacity": { "unit": "%", "value": 100.0 } }" data-section-id="header" data-header-style="theme" data-language-picker="{ "enabled": false, "iconEnabled": false, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ ] }" data-first-focusable-element tabindex="-1" style=" --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1); --solidHeaderNavigationColor: hsla(var(--black-hsl), 1); --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1); --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1); " > <script> function shouldShowAnnouncementBar() { try { if (!window.Static.SQUARESPACE_CONTEXT.showAnnouncementBar) { return false; } var localDataStr = localStorage.getItem('squarespace-announcement-bar'); if (localDataStr && JSON.parse(localDataStr).closed) { return false; } return true; } catch(e) { console.error(e); return true; } } if (shouldShowAnnouncementBar()) { document.body.classList.add('announcement-bar-reserved-space'); } //# sourceURL=reserveSpaceForAnnouncementBar.js </script> <div class="sqs-announcement-bar-dropzone"></div> <div class="header-announcement-bar-wrapper"> <a href="#page" class="header-skip-link sqs-button-element--primary" > Skip to Content </a> <style> @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { .header-blur-background { } } </style> <div class="header-border" data-header-style="theme" data-header-border="false" data-test="header-border" style=" " ></div> <div class="header-dropshadow" data-header-style="theme" data-header-dropshadow="false" data-test="header-dropshadow" style="" ></div> <div class='header-inner container--fluid header-mobile-layout-logo-left-nav-right header-layout-nav-right ' data-test="header-inner" > <!-- Background --> <div class="header-background theme-bg--primary"></div> <div class="header-display-desktop" data-content-field="site-title"> <!-- Social --> <!-- Title and nav wrapper --> <div class="header-title-nav-wrapper"> <!-- Title --> <div class=" header-title " data-animation-role="header-element" > <div class="header-title-logo"> <a href="/" data-animation-role="header-element"> <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/30aa7927-ba7b-4dd5-b054-eaae2743f219/sam_logo_full_black.png?format=1500w" alt="Safe As Milk" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"> </a> </div> </div> <!-- Nav --> <div class="header-nav"> <div class="header-nav-wrapper"> <nav class="header-nav-list"> <div class="header-nav-item header-nav-item--external"> <a href="https://themes.shopify.com/designers/safeasmilk" data-animation-role="header-element">Themes</a> </div> <div class="header-nav-item header-nav-item--external"> <a href="/support" data-animation-role="header-element">Support</a> </div> <div class="header-nav-item header-nav-item--external"> <a href="https://safeasmilkco.github.io/theme-stage/?path=/docs/overview--docs" target="_blank" data-animation-role="header-element">Developer docs</a> </div> <div class="header-nav-item header-nav-item--external"> <a href="https://support.safeasmilk.co/" data-animation-role="header-element">Help Center</a> </div> </nav> </div> </div> </div> <!-- Actions --> <div class="header-actions header-actions--right"> <div class="showOnMobile"> </div> <div class="showOnDesktop"> </div> </div> <style> .top-bun, .patty, .bottom-bun { height: 1px; } </style> <!-- Burger --> <div class="header-burger menu-overlay-does-not-have-visible-non-navigation-items no-actions " data-animation-role="header-element"> <button class="header-burger-btn burger" data-test="header-burger"> <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span> <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span> <div class="burger-box"> <div class="burger-inner header-menu-icon-doubleLineHamburger"> <div class="top-bun"></div> <div class="patty"></div> <div class="bottom-bun"></div> </div> </div> </button> </div> </div> <div class="header-display-mobile" data-content-field="site-title"> <!-- Social --> <!-- Title and nav wrapper --> <div class="header-title-nav-wrapper"> <!-- Title --> <div class=" header-title " data-animation-role="header-element" > <div class="header-title-logo"> <a href="/" data-animation-role="header-element"> <img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/30aa7927-ba7b-4dd5-b054-eaae2743f219/sam_logo_full_black.png?format=1500w" alt="Safe As Milk" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw"> </a> </div> </div> <!-- Nav --> <div class="header-nav"> <div class="header-nav-wrapper"> <nav class="header-nav-list"> <div class="header-nav-item header-nav-item--external"> <a href="https://themes.shopify.com/designers/safeasmilk" data-animation-role="header-element">Themes</a> </div> <div class="header-nav-item header-nav-item--external"> <a href="/support" data-animation-role="header-element">Support</a> </div> <div class="header-nav-item header-nav-item--external"> <a href="https://safeasmilkco.github.io/theme-stage/?path=/docs/overview--docs" target="_blank" data-animation-role="header-element">Developer docs</a> </div> <div class="header-nav-item header-nav-item--external"> <a href="https://support.safeasmilk.co/" data-animation-role="header-element">Help Center</a> </div> </nav> </div> </div> </div> <!-- Actions --> <div class="header-actions header-actions--right"> <div class="showOnMobile"> </div> <div class="showOnDesktop"> </div> </div> <style> .top-bun, .patty, .bottom-bun { height: 1px; } </style> <!-- Burger --> <div class="header-burger menu-overlay-does-not-have-visible-non-navigation-items no-actions " data-animation-role="header-element"> <button class="header-burger-btn burger" data-test="header-burger"> <span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span> <span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span> <div class="burger-box"> <div class="burger-inner header-menu-icon-doubleLineHamburger"> <div class="top-bun"></div> <div class="patty"></div> <div class="bottom-bun"></div> </div> </div> </button> </div> </div> </div> </div> <!-- (Mobile) Menu Navigation --> <div class="header-menu header-menu--folder-list " data-section-theme="" data-current-styles="{ "layout": "navRight", "action": { "href": "https://themes.shopify.com/themes/venue/styles/morning", "buttonText": "Themes", "newWindow": false }, "showSocial": false, "socialOptions": { "socialBorderShape": "none", "socialBorderStyle": "outline", "socialBorderThickness": { "unit": "px", "value": 1.0 } }, "sectionTheme": "white-bold", "menuOverlayAnimation": "fade", "cartStyle": "cart", "cartText": "Cart", "showEmptyCartState": true, "cartOptions": { "iconType": "solid-7", "cartBorderShape": "none", "cartBorderStyle": "outline", "cartBorderThickness": { "unit": "px", "value": 1.0 } }, "showButton": false, "showCart": false, "showAccountLogin": false, "headerStyle": "theme", "languagePicker": { "enabled": false, "iconEnabled": false, "iconType": "globe", "flagShape": "shiny", "languageFlags": [ ] }, "iconOptions": { "desktopDropdownIconOptions": { "endcapType": "square", "folderDropdownIcon": "none", "languagePickerIcon": "openArrowHead" }, "mobileDropdownIconOptions": { "endcapType": "square", "folderDropdownIcon": "openArrowHead", "languagePickerIcon": "openArrowHead" } }, "mobileOptions": { "layout": "logoLeftNavRight", "menuIconOptions": { "style": "doubleLineHamburger", "thickness": { "unit": "px", "value": 1.0 } } }, "solidOptions": { "headerOpacity": { "unit": "%", "value": 100.0 }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "gradientOptions": { "gradientType": "faded", "headerOpacity": { "unit": "%", "value": 90.0 }, "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "backgroundColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "white", "alphaModifier": 1.0 } }, "navigationColor": { "type": "SITE_PALETTE_COLOR", "sitePaletteColor": { "colorName": "black", "alphaModifier": 1.0 } } }, "dropShadowOptions": { "enabled": false, "blur": { "unit": "px", "value": 12.0 }, "spread": { "unit": "px", "value": 0.0 }, "distance": { "unit": "px", "value": 12.0 } }, "borderOptions": { "enabled": false, "position": "bottom", "thickness": { "unit": "px", "value": 4.0 } }, "showPromotedElement": false, "buttonVariant": "primary", "blurBackground": { "enabled": false, "blurRadius": { "unit": "px", "value": 12.0 } }, "headerOpacity": { "unit": "%", "value": 100.0 } }" data-section-id="overlay-nav" data-show-account-login="false" data-test="header-menu"> <div class="header-menu-bg theme-bg--primary"></div> <div class="header-menu-nav"> <nav class="header-menu-nav-list"> <div data-folder="root" class="header-menu-nav-folder"> <div class="header-menu-nav-folder-content"> <!-- Menu Navigation --> <div class="header-menu-nav-wrapper"> <div class="container header-menu-nav-item header-menu-nav-item--external"> <a href="https://themes.shopify.com/designers/safeasmilk" >Themes</a> </div> <div class="container header-menu-nav-item header-menu-nav-item--external"> <a href="/support" >Support</a> </div> <div class="container header-menu-nav-item header-menu-nav-item--external"> <a href="https://safeasmilkco.github.io/theme-stage/?path=/docs/overview--docs" target="_blank" >Developer docs</a> </div> <div class="container header-menu-nav-item header-menu-nav-item--external"> <a href="https://support.safeasmilk.co/" >Help Center</a> </div> </div> </div> </div> </nav> </div> </div> </header> <main id="page" class="container" role="main"> <article class="sections" id="sections" data-page-sections="60ae6b45a82c01016013dec6"> <section data-test="page-section" data-section-theme="white" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle white' data-section-id="670cea938fcb670beb882b23" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--medium", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": { "enabled": false }, "typeName": "page" }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-670cea938fcb670beb882b22 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(7,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 11.0px; column-gap: 11.0px; } @media (min-width: 768px) { .background-width--inset .fe-670cea938fcb670beb882b22 { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-670cea938fcb670beb882b22 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(5,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-4772b38ecb9ad4c56da6 { grid-area: 1/2/8/10; z-index: 0; @media (max-width: 767px) { } } .fe-block-4772b38ecb9ad4c56da6 .sqs-block { justify-content: flex-start; } .fe-block-4772b38ecb9ad4c56da6 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-4772b38ecb9ad4c56da6 { grid-area: 1/5/6/23; z-index: 0; } .fe-block-4772b38ecb9ad4c56da6 .sqs-block { justify-content: flex-start; } .fe-block-4772b38ecb9ad4c56da6 .sqs-block-alignment-wrapper { align-items: flex-start; } } </style><div class="fluid-engine fe-670cea938fcb670beb882b22"><div class="fe-block fe-block-4772b38ecb9ad4c56da6"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-4772b38ecb9ad4c56da6"><div class="sqs-block-content"> <div class="sqs-html-content"> <h1 style="text-align:center;white-space:pre-wrap;">More than a theme.<br>A partnership. </h1><h3 style="text-align:center;white-space:pre-wrap;">With constant theme improvements and unparalleled support, we're by your side to navigate the ever-changing ecommerce landscape.</h3> </div> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="white-bold" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--small content-width--wide horizontal-alignment--center vertical-alignment--middle white-bold' data-section-id="639308ce67209e26f39cbbe5" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--small", "customSectionHeight": 1, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "backgroundColor": "", "sectionTheme": "white-bold", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": null, "typeName": "page" }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-639308ce67209e26f39cbbe4 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(16,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 11.0px; column-gap: 11.0px; } @media (min-width: 768px) { .background-width--inset .fe-639308ce67209e26f39cbbe4 { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-639308ce67209e26f39cbbe4 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(16,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-yui_3_17_2_1_1670577528492_489662 { grid-area: 1/2/8/10; z-index: 4; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1670577528492_489662 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1670577528492_489662 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1670577528492_489662 { grid-area: 1/2/17/15; z-index: 5; } .fe-block-yui_3_17_2_1_1670577528492_489662 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1670577528492_489662 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-2a14fd1109f438f4a218 { grid-area: 8/2/10/10; z-index: 1; @media (max-width: 767px) { } } .fe-block-2a14fd1109f438f4a218 .sqs-block { justify-content: flex-start; } .fe-block-2a14fd1109f438f4a218 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-2a14fd1109f438f4a218 { grid-area: 4/16/6/24; z-index: 2; } .fe-block-2a14fd1109f438f4a218 .sqs-block { justify-content: flex-start; } .fe-block-2a14fd1109f438f4a218 .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-8e58f33c0f2f26573ec9 { grid-area: 10/2/14/10; z-index: 0; @media (max-width: 767px) { } } .fe-block-8e58f33c0f2f26573ec9 .sqs-block { justify-content: flex-start; } .fe-block-8e58f33c0f2f26573ec9 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-8e58f33c0f2f26573ec9 { grid-area: 6/16/10/24; z-index: 3; } .fe-block-8e58f33c0f2f26573ec9 .sqs-block { justify-content: flex-start; } .fe-block-8e58f33c0f2f26573ec9 .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-yui_3_17_2_1_1670577528492_283936 { grid-area: 14/3/16/9; z-index: 3; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1670577528492_283936 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1670577528492_283936 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1670577528492_283936 { grid-area: 11/16/13/22; z-index: 4; } .fe-block-yui_3_17_2_1_1670577528492_283936 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1670577528492_283936 .sqs-block-alignment-wrapper { align-items: center; } } </style><div class="fluid-engine fe-639308ce67209e26f39cbbe4"><div class="fe-block fe-block-yui_3_17_2_1_1670577528492_489662"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1670577528492_489662"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" > <div class="content-fit"> <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/00523a57-e1ba-4e54-94f7-31d164f96524/clutch+hero+2.png" data-image="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/00523a57-e1ba-4e54-94f7-31d164f96524/clutch+hero+2.png" data-image-dimensions="1346x985" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/00523a57-e1ba-4e54-94f7-31d164f96524/clutch+hero+2.png" width="1346" height="985" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 54.166666666666664vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/00523a57-e1ba-4e54-94f7-31d164f96524/clutch+hero+2.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/00523a57-e1ba-4e54-94f7-31d164f96524/clutch+hero+2.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/00523a57-e1ba-4e54-94f7-31d164f96524/clutch+hero+2.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/00523a57-e1ba-4e54-94f7-31d164f96524/clutch+hero+2.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/00523a57-e1ba-4e54-94f7-31d164f96524/clutch+hero+2.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/00523a57-e1ba-4e54-94f7-31d164f96524/clutch+hero+2.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/00523a57-e1ba-4e54-94f7-31d164f96524/clutch+hero+2.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-yui_3_17_2_1_1670577528492_489662 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-2a14fd1109f438f4a218"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-2a14fd1109f438f4a218"><div class="sqs-block-content"> <div class="sqs-html-content"> <h2 style="white-space:pre-wrap;">Creative Theme</h2> </div> </div></div></div><div class="fe-block fe-block-8e58f33c0f2f26573ec9"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-8e58f33c0f2f26573ec9"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-large" style="white-space:pre-wrap;">Want to take your business to new heights? After the success of the Venue theme, we鈥檙e excited to present Creative. A beautiful and powerful Shopify theme designed to help you sell more.</p> </div> </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1670577528492_283936"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" id="block-yui_3_17_2_1_1670577528492_283936"><div class="sqs-block-content"> <div class="sqs-block-button-container sqs-block-button-container--center" data-animation-role="button" data-alignment="center" data-button-size="medium" data-button-type="primary" > <a href="https://themes.shopify.com/themes/creative/styles/chalk" class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element" > Install a free Trial </a> </div> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="white" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--small content-width--wide horizontal-alignment--center vertical-alignment--middle white' data-section-id="639319fe2a89dc2f56cfa68e" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--small", "customSectionHeight": 1, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "backgroundColor": "", "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": null, "typeName": "page" }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-639319fe2a89dc2f56cfa68d { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(16,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 11.0px; column-gap: 11.0px; } @media (min-width: 768px) { .background-width--inset .fe-639319fe2a89dc2f56cfa68d { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-639319fe2a89dc2f56cfa68d { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(15,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-799afcb8b4a3e0bca099 { grid-area: 1/2/8/10; z-index: 4; @media (max-width: 767px) { } } .fe-block-799afcb8b4a3e0bca099 .sqs-block { justify-content: center; } .fe-block-799afcb8b4a3e0bca099 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-799afcb8b4a3e0bca099 { grid-area: 1/13/15/26; z-index: 5; } .fe-block-799afcb8b4a3e0bca099 .sqs-block { justify-content: center; } .fe-block-799afcb8b4a3e0bca099 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-eb697dbfaf02c207bcfd { grid-area: 8/2/10/10; z-index: 1; @media (max-width: 767px) { } } .fe-block-eb697dbfaf02c207bcfd .sqs-block { justify-content: flex-start; } .fe-block-eb697dbfaf02c207bcfd .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-eb697dbfaf02c207bcfd { grid-area: 4/4/6/12; z-index: 2; } .fe-block-eb697dbfaf02c207bcfd .sqs-block { justify-content: flex-start; } .fe-block-eb697dbfaf02c207bcfd .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-f5f92f6da89110f295fd { grid-area: 10/2/14/10; z-index: 0; @media (max-width: 767px) { } } .fe-block-f5f92f6da89110f295fd .sqs-block { justify-content: flex-start; } .fe-block-f5f92f6da89110f295fd .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-f5f92f6da89110f295fd { grid-area: 6/4/10/12; z-index: 3; } .fe-block-f5f92f6da89110f295fd .sqs-block { justify-content: flex-start; } .fe-block-f5f92f6da89110f295fd .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-3ae596cadefaf7144aff { grid-area: 14/3/16/9; z-index: 3; @media (max-width: 767px) { } } .fe-block-3ae596cadefaf7144aff .sqs-block { justify-content: center; } .fe-block-3ae596cadefaf7144aff .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-3ae596cadefaf7144aff { grid-area: 11/4/13/10; z-index: 4; } .fe-block-3ae596cadefaf7144aff .sqs-block { justify-content: center; } .fe-block-3ae596cadefaf7144aff .sqs-block-alignment-wrapper { align-items: center; } } </style><div class="fluid-engine fe-639319fe2a89dc2f56cfa68d"><div class="fe-block fe-block-799afcb8b4a3e0bca099"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-799afcb8b4a3e0bca099"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" > <div class="content-fit"> <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/e0d7d5f8-4419-4968-9cd5-dbfab60963bc/morning+hero+1.png" data-image="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/e0d7d5f8-4419-4968-9cd5-dbfab60963bc/morning+hero+1.png" data-image-dimensions="1346x985" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/e0d7d5f8-4419-4968-9cd5-dbfab60963bc/morning+hero+1.png" width="1346" height="985" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 54.166666666666664vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/e0d7d5f8-4419-4968-9cd5-dbfab60963bc/morning+hero+1.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/e0d7d5f8-4419-4968-9cd5-dbfab60963bc/morning+hero+1.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/e0d7d5f8-4419-4968-9cd5-dbfab60963bc/morning+hero+1.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/e0d7d5f8-4419-4968-9cd5-dbfab60963bc/morning+hero+1.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/e0d7d5f8-4419-4968-9cd5-dbfab60963bc/morning+hero+1.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/e0d7d5f8-4419-4968-9cd5-dbfab60963bc/morning+hero+1.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/e0d7d5f8-4419-4968-9cd5-dbfab60963bc/morning+hero+1.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-799afcb8b4a3e0bca099 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-eb697dbfaf02c207bcfd"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-eb697dbfaf02c207bcfd"><div class="sqs-block-content"> <div class="sqs-html-content"> <h2 style="white-space:pre-wrap;">Venue Theme</h2> </div> </div></div></div><div class="fe-block fe-block-f5f92f6da89110f295fd"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-f5f92f6da89110f295fd"><div class="sqs-block-content"> <div class="sqs-html-content"> <p class="sqsrte-large" style="white-space:pre-wrap;">An elegant, minimal theme loaded with powerful premium features. Venue has received over 480 positive reviews since 2017. Work with a battle-tested and highly trusted theme company. </p> </div> </div></div></div><div class="fe-block fe-block-3ae596cadefaf7144aff"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" id="block-3ae596cadefaf7144aff"><div class="sqs-block-content"> <div class="sqs-block-button-container sqs-block-button-container--center" data-animation-role="button" data-alignment="center" data-button-size="medium" data-button-type="primary" > <a href="https://themes.shopify.com/themes/venue/styles/morning" class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element" > Install a free Trial </a> </div> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="white" class='page-section user-items-list-section full-bleed-section white' data-section-id="670e80911334037d889e38ab" data-controller="SectionWrapperController" data-current-styles="{ "imageFocalPoint": { "x": 0.5, "y": 0.5 }, "imageOverlayOpacity": 0.3, "backgroundColor": "white", "sectionTheme": "white", "imageEffect": "none", "backgroundMode": "image", "backgroundImage": null }" data-current-context="{ "video": { "filter": 1, "videoFallbackContentItem": null, "nativeVideoContentItem": null, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": { "enabled": false }, "typeName": "page" }" data-animation="" data-json-schema-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="user-items-list" style=" min-height: 100px; padding-top: 3.3vmax; padding-bottom: 3.3vmax; " data-card-theme="" data-section-id="user-items-list" data-section-title-enabled="false" data-space-below-section-title-value="40" data-space-below-section-title-unit="px" data-layout-width="full" > <style> .user-items-list-item-container[data-section-id="670e80911334037d889e38ab"] .list-item-content__title { font-size: 1.2rem; } .user-items-list-item-container[data-section-id="670e80911334037d889e38ab"] .list-item-content__description { font-size: 0.9rem; } .user-items-list-item-container[data-section-id="670e80911334037d889e38ab"] .list-item-content__button { font-size: 0.8rem; } @supports (--test-custom-property: true) { .user-items-list-item-container[data-section-id="670e80911334037d889e38ab"] { --title-font-size-value: 1.2; --body-font-size-value: 0.9; --button-font-size-value: 0.8; } } </style> <div class=" user-items-list-item-container user-items-list-carousel " data-controller="UserItemsListCarousel" data-max-columns="4" data-show-adjacent-slides="true" data-space-between-slides-value="20" data-space-between-slides-unit="px" data-media-aspect-ratio="original" data-is-infinite-enabled="true" data-navigation-controls="arrows" data-navigation-placement="bottom" data-navigation-alignment="center" data-alignment-vertical="top" data-section-id="670e80911334037d889e38ab" data-current-context="{ "userItems": [ { "title": "Dream it.", "description": "<p class=\"\" style=\"white-space:pre-wrap;\">It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. <\/p>", "button": { "buttonText": "Make It", "buttonLink": "#" }, "imageId": "670e80e4af62f25e8627e3c7", "image": { "id": "670e80e4af62f25e8627e3c7", "recordType": 2, "addedOn": 1729003748512, "updatedOn": 1729003748579, "workflowState": 1, "publishOn": 1729003748512, "authorId": "543ed25be4b04bbe6d9d8862", "systemDataId": "6ebe8f5d-17e6-46c7-b78a-0144bd22a8c3", "systemDataVariants": "1440x1920,100w,300w,500w,750w,1000w", "systemDataSourceType": "PNG", "filename": "merchant store 1440 x 1920 14.png", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "bcbaa8", "topRightAverage": "cdcfc5", "bottomLeftAverage": "fefefe", "bottomRightAverage": "fefefe", "centerAverage": "e8e5de", "suggestedBgColor": "c6c0b5" }, "urlId": "emp7omss26wuvhg7tw3bpypr10g0r3", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "543ed25be4b04bbe6d9d8862", "displayName": "Dean Ricca-Smith", "firstName": "Dean", "lastName": "Ricca-Smith" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/6ebe8f5d-17e6-46c7-b78a-0144bd22a8c3/merchant+store+1440+x+1920+14.png", "contentType": "image/png", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "recordTypeLabel": "image", "originalSize": "1440x1920" } }, { "title": "Build it.", "description": "<p class=\"\" style=\"white-space:pre-wrap;\">It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. <\/p>", "button": { "buttonText": "Make It" }, "imageId": "670e80fb01e21d0457fae8b7", "image": { "id": "670e80fb01e21d0457fae8b7", "recordType": 2, "addedOn": 1729003771556, "updatedOn": 1729003771622, "workflowState": 1, "publishOn": 1729003771556, "authorId": "543ed25be4b04bbe6d9d8862", "systemDataId": "3691e07c-0011-4e50-b870-3bad59e5fd60", "systemDataVariants": "1440x1920,100w,300w,500w,750w,1000w", "systemDataSourceType": "PNG", "filename": "merchant store 1440 x 1920 42.png", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "fefdfb", "topRightAverage": "f6f6f4", "bottomLeftAverage": "f3f3f3", "bottomRightAverage": "82786f", "centerAverage": "fefefe", "suggestedBgColor": "aeaba8" }, "urlId": "uis02bh7fsuhr166vun02fj1munx3c", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "543ed25be4b04bbe6d9d8862", "displayName": "Dean Ricca-Smith", "firstName": "Dean", "lastName": "Ricca-Smith" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/3691e07c-0011-4e50-b870-3bad59e5fd60/merchant+store+1440+x+1920+42.png", "contentType": "image/png", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "recordTypeLabel": "image", "originalSize": "1440x1920" } }, { "title": "Grow it.", "description": "<p class=\"\" style=\"white-space:pre-wrap;\">It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. <\/p>", "button": { "buttonText": "Make It" }, "imageId": "670e810a64d5360185c247e7", "image": { "id": "670e810a64d5360185c247e7", "recordType": 2, "addedOn": 1729003786041, "updatedOn": 1729003786112, "workflowState": 1, "publishOn": 1729003786041, "authorId": "543ed25be4b04bbe6d9d8862", "systemDataId": "87617a26-8c6f-4cd6-b251-f3649e7c4a14", "systemDataVariants": "1440x1920,100w,300w,500w,750w,1000w", "systemDataSourceType": "PNG", "filename": "merchant store 1440 x 1920 39.png", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "fdfefe", "topRightAverage": "f9f9f9", "bottomLeftAverage": "f9f9f9", "bottomRightAverage": "fdfdfd", "centerAverage": "bbbfb9", "suggestedBgColor": "bfcbce" }, "urlId": "ne0j7lqq4p3eszr4uuvn9zi98sww82", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "543ed25be4b04bbe6d9d8862", "displayName": "Dean Ricca-Smith", "firstName": "Dean", "lastName": "Ricca-Smith" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/87617a26-8c6f-4cd6-b251-f3649e7c4a14/merchant+store+1440+x+1920+39.png", "contentType": "image/png", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "recordTypeLabel": "image", "originalSize": "1440x1920" } }, { "title": "Sell it.", "description": "<p class=\"\" style=\"white-space:pre-wrap;\">It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. <\/p>", "button": { "buttonText": "Make It" }, "imageId": "670e811c0c9a223f25b6a53a", "image": { "id": "670e811c0c9a223f25b6a53a", "recordType": 2, "addedOn": 1729003804127, "updatedOn": 1729003804193, "workflowState": 1, "publishOn": 1729003804127, "authorId": "543ed25be4b04bbe6d9d8862", "systemDataId": "cd349c42-652b-4934-a778-a18af0ff439f", "systemDataVariants": "1440x1920,100w,300w,500w,750w,1000w", "systemDataSourceType": "PNG", "filename": "merchant store 1440 x 1920 38.png", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "a7b9c0", "topRightAverage": "a2b5bc", "bottomLeftAverage": "e2dfde", "bottomRightAverage": "fafaf9", "centerAverage": "a8a09b", "suggestedBgColor": "9a9492" }, "urlId": "5yp1py0dgw2usy798ky9c19pzcvxsq", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "543ed25be4b04bbe6d9d8862", "displayName": "Dean Ricca-Smith", "firstName": "Dean", "lastName": "Ricca-Smith" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/cd349c42-652b-4934-a778-a18af0ff439f/merchant+store+1440+x+1920+38.png", "contentType": "image/png", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "recordTypeLabel": "image", "originalSize": "1440x1920" } }, { "title": "New List Item", "description": "Description goes here", "button": { "buttonText": "Click Here", "buttonLink": "/" }, "imageId": "670e81270c9a223f25b6a75e", "image": { "id": "670e81270c9a223f25b6a75e", "recordType": 2, "addedOn": 1729003815699, "updatedOn": 1729003815763, "workflowState": 1, "publishOn": 1729003815699, "authorId": "543ed25be4b04bbe6d9d8862", "systemDataId": "aa657ad2-c88b-4585-ba06-645ebe9832ca", "systemDataVariants": "1440x1920,100w,300w,500w,750w,1000w", "systemDataSourceType": "PNG", "filename": "merchant store 1440 x 1920 37.png", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "a7a7a7", "topRightAverage": "a4a4a4", "bottomLeftAverage": "fcfcfc", "bottomRightAverage": "f9f9fc", "centerAverage": "fdfafa", "suggestedBgColor": "c0c0c3" }, "urlId": "qr2i3a28jdbbokscvrx9k3bj3flvuf", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "543ed25be4b04bbe6d9d8862", "displayName": "Dean Ricca-Smith", "firstName": "Dean", "lastName": "Ricca-Smith" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/aa657ad2-c88b-4585-ba06-645ebe9832ca/merchant+store+1440+x+1920+37.png", "contentType": "image/png", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "recordTypeLabel": "image", "originalSize": "1440x1920" } }, { "title": "New List Item", "description": "Description goes here", "button": { "buttonText": "Click Here", "buttonLink": "/" }, "imageId": "670e813b4627d70847020827", "image": { "id": "670e813b4627d70847020827", "recordType": 2, "addedOn": 1729003835832, "updatedOn": 1729003835904, "workflowState": 1, "publishOn": 1729003835832, "authorId": "543ed25be4b04bbe6d9d8862", "systemDataId": "62e2218b-8aee-4238-86c6-56db2477d0d5", "systemDataVariants": "1440x1920,100w,300w,500w,750w,1000w", "systemDataSourceType": "PNG", "filename": "merchant store 1440 x 1920 36.png", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "fbdcd3", "topRightAverage": "f5d8cf", "bottomLeftAverage": "acb9c1", "bottomRightAverage": "acb9c1", "centerAverage": "5c5e61", "suggestedBgColor": "b3afa8" }, "urlId": "18nhlxdr900jviqfvdzz2gw8i4f8q2", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "543ed25be4b04bbe6d9d8862", "displayName": "Dean Ricca-Smith", "firstName": "Dean", "lastName": "Ricca-Smith" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/62e2218b-8aee-4238-86c6-56db2477d0d5/merchant+store+1440+x+1920+36.png", "contentType": "image/png", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "recordTypeLabel": "image", "originalSize": "1440x1920" } }, { "title": "New List Item", "description": "Description goes here", "button": { "buttonText": "Click Here", "buttonLink": "/" }, "imageId": "670e81537f8267627dc5b18d", "image": { "id": "670e81537f8267627dc5b18d", "recordType": 2, "addedOn": 1729003859433, "updatedOn": 1729003859500, "workflowState": 1, "publishOn": 1729003859433, "authorId": "543ed25be4b04bbe6d9d8862", "systemDataId": "fdd80eb8-639d-41ad-9425-b0af8417f5c5", "systemDataVariants": "1440x1920,100w,300w,500w,750w,1000w", "systemDataSourceType": "PNG", "filename": "merchant store 1440 x 1920 35.png", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "ababab", "topRightAverage": "a1a3a4", "bottomLeftAverage": "ababab", "bottomRightAverage": "f8f8f8", "centerAverage": "87878a", "suggestedBgColor": "aaacae" }, "urlId": "t1jzbbldrbsgpd2ecibr69cwzp6b63", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "543ed25be4b04bbe6d9d8862", "displayName": "Dean Ricca-Smith", "firstName": "Dean", "lastName": "Ricca-Smith" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/fdd80eb8-639d-41ad-9425-b0af8417f5c5/merchant+store+1440+x+1920+35.png", "contentType": "image/png", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "recordTypeLabel": "image", "originalSize": "1440x1920" } }, { "title": "New List Item", "description": "Description goes here", "button": { "buttonText": "Click Here", "buttonLink": "/" }, "imageId": "670e81639b2fe76cd198f679", "image": { "id": "670e81639b2fe76cd198f679", "recordType": 2, "addedOn": 1729003875113, "updatedOn": 1729003875187, "workflowState": 1, "publishOn": 1729003875113, "authorId": "543ed25be4b04bbe6d9d8862", "systemDataId": "9beaf21a-5324-4c32-8944-3b3183614443", "systemDataVariants": "1440x1920,100w,300w,500w,750w,1000w", "systemDataSourceType": "PNG", "filename": "merchant store 1440 x 1920 30.png", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "473937", "topRightAverage": "14181e", "bottomLeftAverage": "efefef", "bottomRightAverage": "f2f2f2", "centerAverage": "fdfdfd", "suggestedBgColor": "a8a09d" }, "urlId": "t8e7b4zcnchbcpxiegkbybtgkd75dx", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "543ed25be4b04bbe6d9d8862", "displayName": "Dean Ricca-Smith", "firstName": "Dean", "lastName": "Ricca-Smith" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/9beaf21a-5324-4c32-8944-3b3183614443/merchant+store+1440+x+1920+30.png", "contentType": "image/png", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "recordTypeLabel": "image", "originalSize": "1440x1920" } }, { "title": "New List Item", "description": "Description goes here", "button": { "buttonText": "Click Here", "buttonLink": "/" }, "imageId": "670e817b9802e14a90bc4b06", "image": { "id": "670e817b9802e14a90bc4b06", "recordType": 2, "addedOn": 1729003899800, "updatedOn": 1729003899873, "workflowState": 1, "publishOn": 1729003899800, "authorId": "543ed25be4b04bbe6d9d8862", "systemDataId": "eab1030b-1b22-4028-9b7a-5cfe789f9f89", "systemDataVariants": "1440x1920,100w,300w,500w,750w,1000w", "systemDataSourceType": "PNG", "filename": "merchant store 1440 x 1920 40.png", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "656161", "topRightAverage": "656161", "bottomLeftAverage": "f0eeeb", "bottomRightAverage": "fcfcfc", "centerAverage": "dfdfe0", "suggestedBgColor": "6c696a" }, "urlId": "zm7ly8fwz27cc901qa1ye7igyci56v", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "543ed25be4b04bbe6d9d8862", "displayName": "Dean Ricca-Smith", "firstName": "Dean", "lastName": "Ricca-Smith" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/eab1030b-1b22-4028-9b7a-5cfe789f9f89/merchant+store+1440+x+1920+40.png", "contentType": "image/png", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "recordTypeLabel": "image", "originalSize": "1440x1920" } }, { "title": "New List Item", "description": "Description goes here", "button": { "buttonText": "Click Here", "buttonLink": "/" }, "imageId": "670e818b3b82067ab3e7883b", "image": { "id": "670e818b3b82067ab3e7883b", "recordType": 2, "addedOn": 1729003915198, "updatedOn": 1729003915262, "workflowState": 1, "publishOn": 1729003915198, "authorId": "543ed25be4b04bbe6d9d8862", "systemDataId": "98e1f67a-10d3-4fa1-9ea1-dc34d852a775", "systemDataVariants": "1440x1920,100w,300w,500w,750w,1000w", "systemDataSourceType": "PNG", "filename": "merchant store 1440 x 1920 21.png", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "d1d6da", "topRightAverage": "ced3d7", "bottomLeftAverage": "fefefe", "bottomRightAverage": "fefefe", "centerAverage": "e6dfd6", "suggestedBgColor": "cdc7c3" }, "urlId": "7u882rn7nglrwbf8jhe7vuc9qencp8", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "543ed25be4b04bbe6d9d8862", "displayName": "Dean Ricca-Smith", "firstName": "Dean", "lastName": "Ricca-Smith" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/98e1f67a-10d3-4fa1-9ea1-dc34d852a775/merchant+store+1440+x+1920+21.png", "contentType": "image/png", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "recordTypeLabel": "image", "originalSize": "1440x1920" } }, { "title": "New List Item", "description": "Description goes here", "button": { "buttonText": "Click Here", "buttonLink": "/" }, "imageId": "670e81957296d232ca2ea620", "image": { "id": "670e81957296d232ca2ea620", "recordType": 2, "addedOn": 1729003925916, "updatedOn": 1729003925984, "workflowState": 1, "publishOn": 1729003925916, "authorId": "543ed25be4b04bbe6d9d8862", "systemDataId": "97a83781-6a7a-48bb-b64d-06494f342090", "systemDataVariants": "1440x1920,100w,300w,500w,750w,1000w", "systemDataSourceType": "PNG", "filename": "merchant store 1440 x 1920 17.png", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "e0e5e9", "topRightAverage": "d6dfe7", "bottomLeftAverage": "d3d0cf", "bottomRightAverage": "eed8cd", "centerAverage": "ffffff", "suggestedBgColor": "bab7ba" }, "urlId": "pwm7zy46ifmpgdavb4elj1begw6spf", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "543ed25be4b04bbe6d9d8862", "displayName": "Dean Ricca-Smith", "firstName": "Dean", "lastName": "Ricca-Smith" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/97a83781-6a7a-48bb-b64d-06494f342090/merchant+store+1440+x+1920+17.png", "contentType": "image/png", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "recordTypeLabel": "image", "originalSize": "1440x1920" } } ], "styles": { "imageFocalPoint": { "x": 0.5, "y": 0.5 }, "imageOverlayOpacity": 0.3, "backgroundColor": "white", "sectionTheme": "white", "imageEffect": "none", "backgroundMode": "image", "backgroundImage": null }, "video": { "filter": 1, "videoFallbackContentItem": null, "nativeVideoContentItem": null, "videoSourceProvider": "none" }, "backgroundImageFocalPoint": null, "backgroundImageId": null, "options": { "maxColumns": 4, "isCardEnabled": false, "isMediaEnabled": true, "isTitleEnabled": false, "isBodyEnabled": false, "isButtonEnabled": false, "isShowAdjacentSlides": true, "isInfiniteEnabled": true, "isAutoplayEnabled": false, "slideDurationMs": 1000, "mediaAspectRatio": "original", "layoutWidth": "full", "mediaWidth": { "value": 100, "unit": "%" }, "mediaAlignment": "left", "contentWidth": { "value": 75, "unit": "%" }, "titleAlignment": "left", "bodyAlignment": "left", "buttonAlignment": "left", "titlePlacement": "left", "bodyPlacement": "left", "buttonPlacement": "left", "cardVerticalAlignment": "top", "contentOrder": "media-first", "titleFontSize": "heading-2", "bodyFontSize": "paragraph-2", "buttonFontSize": "button-medium", "customOptions": { "customTitleFontSize": { "value": 1.2, "unit": "rem" }, "customBodyFontSize": { "value": 0.9, "unit": "rem" }, "customButtonFontSize": { "value": 0.8, "unit": "rem" } }, "verticalPaddingTop": { "value": 3.3, "unit": "vmax" }, "verticalPaddingBottom": { "value": 3.3, "unit": "vmax" }, "spaceBetweenSlides": { "value": 20, "unit": "px" }, "spaceBetweenContentAndMedia": { "value": 4, "unit": "%" }, "spaceBelowTitle": { "value": 1, "unit": "%" }, "spaceBelowBody": { "value": 4, "unit": "%" }, "cardPaddingTop": { "value": 20, "unit": "px" }, "cardPaddingRight": { "value": 20, "unit": "px" }, "cardPaddingBottom": { "value": 20, "unit": "px" }, "cardPaddingLeft": { "value": 20, "unit": "px" }, "navigationOffset": { "value": 5, "unit": "vw" }, "navigationControls": "arrows", "navigationPlacement": "bottom", "navigationAlignment": "center", "spaceAboveNavigation": { "value": 30, "unit": "px" }, "progressIndicators": "bars" }, "layout": "carousel", "isSectionTitleEnabled": false, "sectionTitle": "<p class=\"\" style=\"white-space:pre-wrap;\">Make it stand out.<\/p>", "spaceBelowSectionTitle": { "value": 40, "unit": "px" }, "sectionTitleAlignment": "center", "isSectionButtonEnabled": false, "sectionButton": { "buttonText": "Make It", "buttonLink": "#", "buttonNewWindow": false }, "sectionButtonSize": "medium", "sectionButtonAlignment": "center", "spaceAboveSectionButton": { "value": 40, "unit": "px" } }" data-media-alignment="left" data-title-alignment="left" data-body-alignment="left" data-button-alignment="left" data-title-placement="left" data-body-placement="left" data-button-placement="left" data-layout-width="full" data-title-font-unit="rem" data-description-font-unit="rem" data-button-font-unit="rem" data-is-media-enabled="true" data-is-card-enabled="false" data-media-width-value="100" data-media-width-unit="%" data-content-order="media-first" data-space-between-columns="" data-vertical-padding-top-value="3.3" data-vertical-padding-bottom-value="3.3" data-vertical-padding-top-unit="vmax" data-vertical-padding-bottom-unit="vmax" > <div class="user-items-list-carousel__gutter" role="region" aria-label="Carousel" > <div class="user-items-list-carousel__slideshow-holder"> <div class="user-items-list-carousel__slides-revealer"> <ul class="user-items-list-carousel__slides" style="grid-gap: 20px;"> <li class=" user-items-list-carousel__slide list-item " style=" " data-is-card-enabled="false" > <div class="user-items-list-carousel__media-container" style=" margin-bottom: 4%; width: 100%; " > <div class="user-items-list-carousel__media-inner" data-media-aspect-ratio="original" data-animation-role="image" > <img data-image-focal-point="," alt="" data-src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/6ebe8f5d-17e6-46c7-b78a-0144bd22a8c3/merchant+store+1440+x+1920+14.png" data-image="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/6ebe8f5d-17e6-46c7-b78a-0144bd22a8c3/merchant+store+1440+x+1920+14.png" data-image-dimensions="1440x1920" data-image-focal-point="0.5,0.5" alt="merchant store 1440 x 1920 14.png" class="user-items-list-carousel__media" data-load="false" data-mode="none" data-use-advanced-positioning="true" elementtiming="nbf-list-carousel" /> </div> </div> <div class="list-item-content"> </div> </li> <li class=" user-items-list-carousel__slide list-item " style=" " data-is-card-enabled="false" > <div class="user-items-list-carousel__media-container" style=" margin-bottom: 4%; width: 100%; " > <div class="user-items-list-carousel__media-inner" data-media-aspect-ratio="original" data-animation-role="image" > <img data-image-focal-point="," alt="" data-src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/3691e07c-0011-4e50-b870-3bad59e5fd60/merchant+store+1440+x+1920+42.png" data-image="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/3691e07c-0011-4e50-b870-3bad59e5fd60/merchant+store+1440+x+1920+42.png" data-image-dimensions="1440x1920" data-image-focal-point="0.5,0.5" alt="merchant store 1440 x 1920 42.png" class="user-items-list-carousel__media" data-load="false" data-mode="none" data-use-advanced-positioning="true" elementtiming="nbf-list-carousel" /> </div> </div> <div class="list-item-content"> </div> </li> <li class=" user-items-list-carousel__slide list-item " style=" " data-is-card-enabled="false" > <div class="user-items-list-carousel__media-container" style=" margin-bottom: 4%; width: 100%; " > <div class="user-items-list-carousel__media-inner" data-media-aspect-ratio="original" data-animation-role="image" > <img data-image-focal-point="," alt="" data-src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/87617a26-8c6f-4cd6-b251-f3649e7c4a14/merchant+store+1440+x+1920+39.png" data-image="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/87617a26-8c6f-4cd6-b251-f3649e7c4a14/merchant+store+1440+x+1920+39.png" data-image-dimensions="1440x1920" data-image-focal-point="0.5,0.5" alt="merchant store 1440 x 1920 39.png" class="user-items-list-carousel__media" data-load="false" data-mode="none" data-use-advanced-positioning="true" elementtiming="nbf-list-carousel" /> </div> </div> <div class="list-item-content"> </div> </li> <li class=" user-items-list-carousel__slide list-item " style=" " data-is-card-enabled="false" > <div class="user-items-list-carousel__media-container" style=" margin-bottom: 4%; width: 100%; " > <div class="user-items-list-carousel__media-inner" data-media-aspect-ratio="original" data-animation-role="image" > <img data-image-focal-point="," alt="" data-src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/cd349c42-652b-4934-a778-a18af0ff439f/merchant+store+1440+x+1920+38.png" data-image="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/cd349c42-652b-4934-a778-a18af0ff439f/merchant+store+1440+x+1920+38.png" data-image-dimensions="1440x1920" data-image-focal-point="0.5,0.5" alt="merchant store 1440 x 1920 38.png" class="user-items-list-carousel__media" data-load="false" data-mode="none" data-use-advanced-positioning="true" elementtiming="nbf-list-carousel" /> </div> </div> <div class="list-item-content"> </div> </li> <li class=" user-items-list-carousel__slide list-item " style=" " data-is-card-enabled="false" > <div class="user-items-list-carousel__media-container" style=" margin-bottom: 4%; width: 100%; " > <div class="user-items-list-carousel__media-inner" data-media-aspect-ratio="original" data-animation-role="image" > <img data-image-focal-point="," alt="" data-src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/aa657ad2-c88b-4585-ba06-645ebe9832ca/merchant+store+1440+x+1920+37.png" data-image="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/aa657ad2-c88b-4585-ba06-645ebe9832ca/merchant+store+1440+x+1920+37.png" data-image-dimensions="1440x1920" data-image-focal-point="0.5,0.5" alt="merchant store 1440 x 1920 37.png" class="user-items-list-carousel__media" data-load="false" data-mode="none" data-use-advanced-positioning="true" elementtiming="nbf-list-carousel" /> </div> </div> <div class="list-item-content"> </div> </li> <li class=" user-items-list-carousel__slide list-item " style=" " data-is-card-enabled="false" > <div class="user-items-list-carousel__media-container" style=" margin-bottom: 4%; width: 100%; " > <div class="user-items-list-carousel__media-inner" data-media-aspect-ratio="original" data-animation-role="image" > <img data-image-focal-point="," alt="" data-src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/62e2218b-8aee-4238-86c6-56db2477d0d5/merchant+store+1440+x+1920+36.png" data-image="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/62e2218b-8aee-4238-86c6-56db2477d0d5/merchant+store+1440+x+1920+36.png" data-image-dimensions="1440x1920" data-image-focal-point="0.5,0.5" alt="merchant store 1440 x 1920 36.png" class="user-items-list-carousel__media" data-load="false" data-mode="none" data-use-advanced-positioning="true" elementtiming="nbf-list-carousel" /> </div> </div> <div class="list-item-content"> </div> </li> <li class=" user-items-list-carousel__slide list-item " style=" " data-is-card-enabled="false" > <div class="user-items-list-carousel__media-container" style=" margin-bottom: 4%; width: 100%; " > <div class="user-items-list-carousel__media-inner" data-media-aspect-ratio="original" data-animation-role="image" > <img data-image-focal-point="," alt="" data-src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/fdd80eb8-639d-41ad-9425-b0af8417f5c5/merchant+store+1440+x+1920+35.png" data-image="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/fdd80eb8-639d-41ad-9425-b0af8417f5c5/merchant+store+1440+x+1920+35.png" data-image-dimensions="1440x1920" data-image-focal-point="0.5,0.5" alt="merchant store 1440 x 1920 35.png" class="user-items-list-carousel__media" data-load="false" data-mode="none" data-use-advanced-positioning="true" elementtiming="nbf-list-carousel" /> </div> </div> <div class="list-item-content"> </div> </li> <li class=" user-items-list-carousel__slide list-item " style=" " data-is-card-enabled="false" > <div class="user-items-list-carousel__media-container" style=" margin-bottom: 4%; width: 100%; " > <div class="user-items-list-carousel__media-inner" data-media-aspect-ratio="original" data-animation-role="image" > <img data-image-focal-point="," alt="" data-src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/9beaf21a-5324-4c32-8944-3b3183614443/merchant+store+1440+x+1920+30.png" data-image="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/9beaf21a-5324-4c32-8944-3b3183614443/merchant+store+1440+x+1920+30.png" data-image-dimensions="1440x1920" data-image-focal-point="0.5,0.5" alt="merchant store 1440 x 1920 30.png" class="user-items-list-carousel__media" data-load="false" data-mode="none" data-use-advanced-positioning="true" elementtiming="nbf-list-carousel" /> </div> </div> <div class="list-item-content"> </div> </li> <li class=" user-items-list-carousel__slide list-item " style=" " data-is-card-enabled="false" > <div class="user-items-list-carousel__media-container" style=" margin-bottom: 4%; width: 100%; " > <div class="user-items-list-carousel__media-inner" data-media-aspect-ratio="original" data-animation-role="image" > <img data-image-focal-point="," alt="" data-src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/eab1030b-1b22-4028-9b7a-5cfe789f9f89/merchant+store+1440+x+1920+40.png" data-image="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/eab1030b-1b22-4028-9b7a-5cfe789f9f89/merchant+store+1440+x+1920+40.png" data-image-dimensions="1440x1920" data-image-focal-point="0.5,0.5" alt="merchant store 1440 x 1920 40.png" class="user-items-list-carousel__media" data-load="false" data-mode="none" data-use-advanced-positioning="true" elementtiming="nbf-list-carousel" /> </div> </div> <div class="list-item-content"> </div> </li> <li class=" user-items-list-carousel__slide list-item " style=" " data-is-card-enabled="false" > <div class="user-items-list-carousel__media-container" style=" margin-bottom: 4%; width: 100%; " > <div class="user-items-list-carousel__media-inner" data-media-aspect-ratio="original" data-animation-role="image" > <img data-image-focal-point="," alt="" data-src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/98e1f67a-10d3-4fa1-9ea1-dc34d852a775/merchant+store+1440+x+1920+21.png" data-image="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/98e1f67a-10d3-4fa1-9ea1-dc34d852a775/merchant+store+1440+x+1920+21.png" data-image-dimensions="1440x1920" data-image-focal-point="0.5,0.5" alt="merchant store 1440 x 1920 21.png" class="user-items-list-carousel__media" data-load="false" data-mode="none" data-use-advanced-positioning="true" elementtiming="nbf-list-carousel" /> </div> </div> <div class="list-item-content"> </div> </li> <li class=" user-items-list-carousel__slide list-item " style=" " data-is-card-enabled="false" > <div class="user-items-list-carousel__media-container" style=" margin-bottom: 4%; width: 100%; " > <div class="user-items-list-carousel__media-inner" data-media-aspect-ratio="original" data-animation-role="image" > <img data-image-focal-point="," alt="" data-src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/97a83781-6a7a-48bb-b64d-06494f342090/merchant+store+1440+x+1920+17.png" data-image="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/97a83781-6a7a-48bb-b64d-06494f342090/merchant+store+1440+x+1920+17.png" data-image-dimensions="1440x1920" data-image-focal-point="0.5,0.5" alt="merchant store 1440 x 1920 17.png" class="user-items-list-carousel__media" data-load="false" data-mode="none" data-use-advanced-positioning="true" elementtiming="nbf-list-carousel" /> </div> </div> <div class="list-item-content"> </div> </li> </ul> </div> </div> <div class="mobile-arrows"> <button class=" mobile-arrow-button mobile-arrow-button--left " aria-label=" Previous " data-animation-role="button" > <div class=" user-items-list-carousel__arrow-icon-background mobile-arrow-icon-background-area "> </div> <svg class="mobile-arrow-icon" viewBox="0 0 24 14" xmlns="http://www.w3.org/2000/svg"> <path class="user-items-list-carousel__arrow-icon-foreground mobile-arrow-icon-path" d="M7.87012 13L2.00021 7L7.87012 1" stroke-width="2" fill="none" /> <path class="user-items-list-carousel__arrow-icon-foreground mobile-arrow-icon-path" d="M22.9653 7L3.03948 7" stroke-width="2" stroke-linecap="square" fill="none" /> </svg> </button> <button class=" mobile-arrow-button mobile-arrow-button--right " aria-label=" Next " data-animation-role="button" > <div class=" user-items-list-carousel__arrow-icon-background mobile-arrow-icon-background-area "> </div> <svg class="mobile-arrow-icon" viewBox="0 0 24 14" xmlns="http://www.w3.org/2000/svg"> <path class="user-items-list-carousel__arrow-icon-foreground mobile-arrow-icon-path" d="M16.1299 1L21.9998 7L16.1299 13" stroke-width="2" fill="none" /> <path class="user-items-list-carousel__arrow-icon-foreground mobile-arrow-icon-path" d="M1.03472 7H20.9605" stroke-width="2" stroke-linecap="square" fill="none" /> </svg> </button> </div> </div> <div class="desktop-arrows arrows-bottom-wrapper" style="margin-top: 30px;" > <div class="arrows-bottom"> <button class=" user-items-list-carousel__arrow-button user-items-list-carousel__arrow-button--left " aria-label=" Previous " data-animation-role="button" > <div class=" user-items-list-carousel__arrow-icon-background user-items-list-carousel__arrow-icon-background-area "> </div> <svg class="user-items-list-carousel__arrow-icon" viewBox="0 0 44 18" xmlns="http://www.w3.org/2000/svg"> <path class="user-items-list-carousel__arrow-icon-foreground user-items-list-carousel__arrow-icon-path" d="M9.90649 16.96L2.1221 9.17556L9.9065 1.39116" /> <path class="user-items-list-carousel__arrow-icon-foreground user-items-list-carousel__arrow-icon-path" d="M42.8633 9.18125L3.37868 9.18125" /> </svg> </button> <button class=" user-items-list-carousel__arrow-button user-items-list-carousel__arrow-button--right " aria-label=" Next " data-animation-role="button" > <div class=" user-items-list-carousel__arrow-icon-background user-items-list-carousel__arrow-icon-background-area "> </div> <svg class="user-items-list-carousel__arrow-icon" viewBox="0 0 44 18" xmlns="http://www.w3.org/2000/svg"> <path class="user-items-list-carousel__arrow-icon-foreground user-items-list-carousel__arrow-icon-path" d="M34.1477 1.39111L41.9321 9.17551L34.1477 16.9599" /> <path class="user-items-list-carousel__arrow-icon-foreground user-items-list-carousel__arrow-icon-path" d="M1.19088 9.16982H40.6755" /> </svg> </button> </div> </div> </div> </div> </div> </div> </section> <section data-test="page-section" data-section-theme="bright-inverse" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--medium content-width--wide horizontal-alignment--center vertical-alignment--middle bright-inverse' data-section-id="639337f07aef83231ca6a337" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--medium", "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "bright-inverse", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": null, "typeName": "page" }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-639337f07aef83231ca6a336 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(16,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 11.0px; column-gap: 11.0px; } @media (min-width: 768px) { .background-width--inset .fe-639337f07aef83231ca6a336 { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-639337f07aef83231ca6a336 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(26,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-f1d9f7f9349f7cabaebb { grid-area: 3/3/14/9; z-index: 0; @media (max-width: 767px) { } } .fe-block-f1d9f7f9349f7cabaebb .sqs-block { justify-content: center; } .fe-block-f1d9f7f9349f7cabaebb .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-f1d9f7f9349f7cabaebb { grid-area: 3/8/23/20; z-index: 0; } .fe-block-f1d9f7f9349f7cabaebb .sqs-block { justify-content: center; } .fe-block-f1d9f7f9349f7cabaebb .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-yui_3_17_2_1_1670592461093_73181 { grid-area: 1/2/4/10; z-index: 3; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1670592461093_73181 .sqs-block { justify-content: flex-start; } .fe-block-yui_3_17_2_1_1670592461093_73181 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1670592461093_73181 { grid-area: 1/2/3/16; z-index: 3; } .fe-block-yui_3_17_2_1_1670592461093_73181 .sqs-block { justify-content: flex-start; } .fe-block-yui_3_17_2_1_1670592461093_73181 .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-0e4089a9521b355791ee { grid-area: 5/1/10/6; z-index: 1; @media (max-width: 767px) { } } .fe-block-0e4089a9521b355791ee .sqs-block { justify-content: center; } .fe-block-0e4089a9521b355791ee .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-0e4089a9521b355791ee { grid-area: 6/17/21/26; z-index: 1; } .fe-block-0e4089a9521b355791ee .sqs-block { justify-content: center; } .fe-block-0e4089a9521b355791ee .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-e329458f23597d2d4b5d { grid-area: 9/6/14/11; z-index: 2; @media (max-width: 767px) { } } .fe-block-e329458f23597d2d4b5d .sqs-block { justify-content: center; } .fe-block-e329458f23597d2d4b5d .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-e329458f23597d2d4b5d { grid-area: 8/4/19/11; z-index: 2; } .fe-block-e329458f23597d2d4b5d .sqs-block { justify-content: center; } .fe-block-e329458f23597d2d4b5d .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-yui_3_17_2_1_1670592461093_272116 { grid-area: 15/2/17/10; z-index: 4; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1670592461093_272116 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1670592461093_272116 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1670592461093_272116 { grid-area: 25/11/27/17; z-index: 4; } .fe-block-yui_3_17_2_1_1670592461093_272116 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1670592461093_272116 .sqs-block-alignment-wrapper { align-items: center; } } </style><div class="fluid-engine fe-639337f07aef83231ca6a336"><div class="fe-block fe-block-f1d9f7f9349f7cabaebb"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-f1d9f7f9349f7cabaebb"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;position: relative;width: 100%;height: 100%;" > <div class="content-fit"> <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/85440498-8bc6-43b2-89ad-5e1a57a49243/534gz4d24lz6fvzjzs1nl37qiif7.jpeg" data-image="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/85440498-8bc6-43b2-89ad-5e1a57a49243/534gz4d24lz6fvzjzs1nl37qiif7.jpeg" data-image-dimensions="779x1000" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/85440498-8bc6-43b2-89ad-5e1a57a49243/534gz4d24lz6fvzjzs1nl37qiif7.jpeg" width="779" height="1000" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 75vw, 50vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/85440498-8bc6-43b2-89ad-5e1a57a49243/534gz4d24lz6fvzjzs1nl37qiif7.jpeg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/85440498-8bc6-43b2-89ad-5e1a57a49243/534gz4d24lz6fvzjzs1nl37qiif7.jpeg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/85440498-8bc6-43b2-89ad-5e1a57a49243/534gz4d24lz6fvzjzs1nl37qiif7.jpeg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/85440498-8bc6-43b2-89ad-5e1a57a49243/534gz4d24lz6fvzjzs1nl37qiif7.jpeg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/85440498-8bc6-43b2-89ad-5e1a57a49243/534gz4d24lz6fvzjzs1nl37qiif7.jpeg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/85440498-8bc6-43b2-89ad-5e1a57a49243/534gz4d24lz6fvzjzs1nl37qiif7.jpeg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/85440498-8bc6-43b2-89ad-5e1a57a49243/534gz4d24lz6fvzjzs1nl37qiif7.jpeg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-f1d9f7f9349f7cabaebb .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1670592461093_73181"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-yui_3_17_2_1_1670592461093_73181"><div class="sqs-block-content"> <div class="sqs-html-content"> <h2 style="white-space:pre-wrap;">Made With Safe As Milk Themes</h2> </div> </div></div></div><div class="fe-block fe-block-0e4089a9521b355791ee"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-0e4089a9521b355791ee"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-none individual-animation-none " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;position: relative;width: 100%;height: 100%;" > <div class="content-fit"> <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/99864b5a-81f0-4004-9f6e-a32b3a589e9c/ard88cgq6jpc91fxtt4krt7y0czo.jpeg" data-image="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/99864b5a-81f0-4004-9f6e-a32b3a589e9c/ard88cgq6jpc91fxtt4krt7y0czo.jpeg" data-image-dimensions="779x1000" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/99864b5a-81f0-4004-9f6e-a32b3a589e9c/ard88cgq6jpc91fxtt4krt7y0czo.jpeg" width="779" height="1000" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 37.5vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/99864b5a-81f0-4004-9f6e-a32b3a589e9c/ard88cgq6jpc91fxtt4krt7y0czo.jpeg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/99864b5a-81f0-4004-9f6e-a32b3a589e9c/ard88cgq6jpc91fxtt4krt7y0czo.jpeg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/99864b5a-81f0-4004-9f6e-a32b3a589e9c/ard88cgq6jpc91fxtt4krt7y0czo.jpeg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/99864b5a-81f0-4004-9f6e-a32b3a589e9c/ard88cgq6jpc91fxtt4krt7y0czo.jpeg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/99864b5a-81f0-4004-9f6e-a32b3a589e9c/ard88cgq6jpc91fxtt4krt7y0czo.jpeg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/99864b5a-81f0-4004-9f6e-a32b3a589e9c/ard88cgq6jpc91fxtt4krt7y0czo.jpeg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/99864b5a-81f0-4004-9f6e-a32b3a589e9c/ard88cgq6jpc91fxtt4krt7y0czo.jpeg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-0e4089a9521b355791ee .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-e329458f23597d2d4b5d"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-e329458f23597d2d4b5d"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;position: relative;width: 100%;height: 100%;" > <div class="content-fit"> <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/c5825608-7001-45e4-bdb2-f5c287502550/2xne0qfg9cp5g4srytukxbcksmdp.jpeg" data-image="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/c5825608-7001-45e4-bdb2-f5c287502550/2xne0qfg9cp5g4srytukxbcksmdp.jpeg" data-image-dimensions="779x1000" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/c5825608-7001-45e4-bdb2-f5c287502550/2xne0qfg9cp5g4srytukxbcksmdp.jpeg" width="779" height="1000" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 29.166666666666668vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/c5825608-7001-45e4-bdb2-f5c287502550/2xne0qfg9cp5g4srytukxbcksmdp.jpeg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/c5825608-7001-45e4-bdb2-f5c287502550/2xne0qfg9cp5g4srytukxbcksmdp.jpeg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/c5825608-7001-45e4-bdb2-f5c287502550/2xne0qfg9cp5g4srytukxbcksmdp.jpeg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/c5825608-7001-45e4-bdb2-f5c287502550/2xne0qfg9cp5g4srytukxbcksmdp.jpeg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/c5825608-7001-45e4-bdb2-f5c287502550/2xne0qfg9cp5g4srytukxbcksmdp.jpeg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/c5825608-7001-45e4-bdb2-f5c287502550/2xne0qfg9cp5g4srytukxbcksmdp.jpeg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/c5825608-7001-45e4-bdb2-f5c287502550/2xne0qfg9cp5g4srytukxbcksmdp.jpeg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-e329458f23597d2d4b5d .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1670592461093_272116"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" id="block-yui_3_17_2_1_1670592461093_272116"><div class="sqs-block-content"> <div class="sqs-block-button-container sqs-block-button-container--center" data-animation-role="button" data-alignment="center" data-button-size="medium" data-button-type="primary" > <a href="https://themes.shopify.com/designers/safeasmilk" class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element" > See The Themes </a> </div> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="white" class='page-section user-items-list-section full-bleed-section white' data-section-id="63932a8fa3f4d4551ca122ae" data-controller="SectionWrapperController" data-current-styles="{ "imageFocalPoint": { "x": 0.5, "y": 0.5 }, "imageOverlayOpacity": 0.3, "backgroundColor": "white", "sectionTheme": "white", "imageEffect": "none", "backgroundMode": "image", "backgroundImage": null }" data-current-context="{ "video": { "filter": 1, "videoFallbackContentItem": null, "nativeVideoContentItem": null, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": { "enabled": false }, "typeName": "page" }" data-animation="" data-json-schema-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div class="user-items-list" style=" min-height: 100px; padding-top: 0vmax; padding-bottom: 0vmax; " data-card-theme="" data-section-id="user-items-list" data-section-title-enabled="false" data-space-below-section-title-value="120" data-space-below-section-title-unit="px" data-layout-width="full-bleed" > <style> .user-items-list-item-container[data-section-id="63932a8fa3f4d4551ca122ae"] .list-item-content__title { font-size: 2.2rem; } .user-items-list-item-container[data-section-id="63932a8fa3f4d4551ca122ae"] .list-item-content__description { font-size: 1.2rem; } .user-items-list-item-container[data-section-id="63932a8fa3f4d4551ca122ae"] .list-item-content__button { font-size: 1rem; } @supports (--test-custom-property: true) { .user-items-list-item-container[data-section-id="63932a8fa3f4d4551ca122ae"] { --title-font-size-value: 2.2; --body-font-size-value: 1.2; --button-font-size-value: 1; } } </style> <div class=" user-items-list-item-container user-items-list-banner-slideshow " data-controller="UserItemsListBannerSlideshow" data-progress-indicators-placement="" data-is-infinite-enabled="true" data-is-card-enabled="false" data-title-alignment="center" data-body-alignment="center" data-button-alignment="center" data-show-adjacent-slides="false" data-card-vertical-position="middle" data-card-horizontal-position="center" data-navigation-controls="arrows" data-navigation-placement="center" data-navigation-alignment="center" data-space-between-slides-value="0" data-space-between-slides-unit="px" data-section-id="63932a8fa3f4d4551ca122ae" data-current-context="{ "userItems": [ { "title": "\"5 Stars!! The theme is amazing! It pairs so well with our brand and is user-friendly and super easy to navigate! Highly recommend!\"", "description": "<p class=\"\" style=\"white-space:pre-wrap;\">Chubb's Coffee<\/p>", "button": { "buttonText": "Make It" }, "mediaFocalPoint": { "x": 0.5, "y": 0.5 }, "imageId": "63932a8fa3f4d4551ca122a7", "image": { "id": "63932a8fa3f4d4551ca122a7", "recordType": 2, "addedOn": 1618511437285, "updatedOn": 1618512009081, "starred": false, "passthrough": false, "workflowState": 1, "publishOn": 1618511437285, "authorId": "543ed25be4b04bbe6d9d8862", "systemDataId": "1618511440608-5BVMHVN4WR2I9YQV1WWR", "systemDataVariants": "2500x1658,100w,300w,500w,750w,1000w,1500w,2500w", "systemDataSourceType": "JPG", "filename": "Aro Ha_0010 1.jpg", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "cbd9e0", "topRightAverage": "d3d8dc", "bottomLeftAverage": "6e5b2b", "bottomRightAverage": "5f4e29", "centerAverage": "bdcfd5", "suggestedBgColor": "c7d6dd" }, "urlId": "zvgfd0amkuhmnh8lklpautk0xbyz2u-5zy4d-scrj7", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "543ed25be4b04bbe6d9d8862", "displayName": "Dean Ricca-Smith", "firstName": "Dean", "lastName": "Ricca-Smith" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618511440608-5BVMHVN4WR2I9YQV1WWR/Aro+Ha_0010+1.jpg", "contentType": "image/jpeg", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "recordTypeLabel": "image", "originalSize": "2500x1658" } }, { "title": "Not only is the theme beautiful, but it has lots of customizability built right in. Buy with confidence, these guys have your backs! Thank you, Safe As Milk!", "description": "<p class=\"\" style=\"white-space:pre-wrap;\">anthonyzambai<\/p>", "button": { "buttonText": "Make It" }, "mediaFocalPoint": { "x": 0.5129151291512916, "y": 0.6000701016473887 }, "imageId": "63932a8fa3f4d4551ca122aa", "image": { "id": "63932a8fa3f4d4551ca122aa", "recordType": 2, "addedOn": 1618511464422, "updatedOn": 1618512009086, "starred": false, "passthrough": false, "workflowState": 1, "publishOn": 1618511464422, "authorId": "543ed25be4b04bbe6d9d8862", "systemDataId": "1618511467879-K5J9BYNACHJVDV3BNSFU", "systemDataVariants": "2500x1643,100w,300w,500w,750w,1000w,1500w,2500w", "systemDataSourceType": "JPG", "filename": "Aro Ha_0387 1.jpg", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "f0dacc", "topRightAverage": "ead3c6", "bottomLeftAverage": "ad8d7e", "bottomRightAverage": "665952", "centerAverage": "8a92a4", "suggestedBgColor": "f1dacc" }, "urlId": "e4k1rda7avvts6shnilax0n8lqjx9h-7wzls-zerkc", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "543ed25be4b04bbe6d9d8862", "displayName": "Dean Ricca-Smith", "firstName": "Dean", "lastName": "Ricca-Smith" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618511467879-K5J9BYNACHJVDV3BNSFU/Aro+Ha_0387+1.jpg", "contentType": "image/jpeg", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "recordTypeLabel": "image", "originalSize": "2500x1643" } }, { "title": "\"Safe As Milk has the best support I've ever had for any app. Can't say enough about how happy I am with the theme and the support I receive.\"", "description": "<p class=\"\" style=\"white-space:pre-wrap;\">I Create Art<\/p>", "button": { "buttonText": "Make It" }, "mediaFocalPoint": { "x": 0.5092250922509225, "y": 0.3113513513513514 }, "imageId": "63932a8fa3f4d4551ca122ad", "image": { "id": "63932a8fa3f4d4551ca122ad", "recordType": 2, "addedOn": 1618511743320, "updatedOn": 1618512009090, "starred": false, "passthrough": false, "workflowState": 1, "publishOn": 1618511743320, "authorId": "543ed25be4b04bbe6d9d8862", "systemDataId": "1618511743693-J3A8OYH6X8C7RXNU5K0J", "systemDataVariants": "2500x1599,100w,300w,500w,750w,1000w,1500w,2500w", "systemDataSourceType": "JPG", "filename": "20140301_Trade 151_0124 1.jpg", "mediaFocalPoint": { "x": 0.5, "y": 0.5, "source": 3 }, "colorData": { "topLeftAverage": "e5edf3", "topRightAverage": "edf1f2", "bottomLeftAverage": "4f878b", "bottomRightAverage": "838977", "centerAverage": "d2dbe4", "suggestedBgColor": "e9f2f9" }, "urlId": "vou4um5zkkdl843qfbhocs8yvo4wu0-j49fp-3xmk8", "title": "", "body": null, "likeCount": 0, "commentCount": 0, "publicCommentCount": 0, "commentState": 2, "unsaved": false, "author": { "id": "543ed25be4b04bbe6d9d8862", "displayName": "Dean Ricca-Smith", "firstName": "Dean", "lastName": "Ricca-Smith" }, "assetUrl": "https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1618511743693-J3A8OYH6X8C7RXNU5K0J/20140301_Trade+151_0124+1.jpg", "contentType": "image/jpeg", "items": [ ], "pushedServices": { }, "pendingPushedServices": { }, "recordTypeLabel": "image", "originalSize": "2500x1599" } }, { "title": "\"We absolutely love the theme. So easy to use, looks amazing and the theme developers are extremely responsive and helpful. Love it!!!\"", "description": "<p class=\"\" style=\"white-space:pre-wrap;\">Milk + Ginger<\/p>", "button": { "buttonText": "Click Here", "buttonLink": "/" }, "image": null }, { "title": "\"Great theme with lots of features built in that are really good for customer experience. I like the clean lines and ease of use, and the flexibility of this theme.\"", "description": "<p class=\"\" style=\"white-space:pre-wrap;\">Hello Charlie<\/p>", "button": { "buttonText": "Click Here", "buttonLink": "/" }, "image": null }, { "title": "\"Phenomenal customer service! We鈥檝e used their templates for quite awhile and have never regretted it. Great looking templates. Recommended\"", "description": "<p class=\"\" style=\"white-space:pre-wrap;\">The Boneyard Coffee Company<\/p>", "button": { "buttonText": "Click Here", "buttonLink": "/" }, "image": null }, { "title": "\"I have used this theme for a few websites I have built and LOVE it - great for desktop and mobile too. The support from Safe As Milk is beyond excellent.\"", "description": "<p class=\"\" style=\"white-space:pre-wrap;\">Argasea<\/p>", "button": { "buttonText": "Click Here", "buttonLink": "/" }, "image": null } ], "styles": { "imageFocalPoint": { "x": 0.5, "y": 0.5 }, "imageOverlayOpacity": 0.3, "backgroundColor": "white", "sectionTheme": "white", "imageEffect": "none", "backgroundMode": "image", "backgroundImage": null }, "video": { "filter": 1, "videoFallbackContentItem": null, "nativeVideoContentItem": null, "videoSourceProvider": "none" }, "backgroundImageFocalPoint": null, "backgroundImageId": null, "options": { "isCardEnabled": false, "isShowAdjacentSlides": false, "isInfiniteEnabled": true, "slideDurationMs": 1000, "isMediaEnabled": false, "isTitleEnabled": true, "isBodyEnabled": true, "isButtonEnabled": false, "layoutWidth": "full-bleed", "titleAlignment": "center", "bodyAlignment": "center", "buttonAlignment": "center", "cardHorizontalPosition": "center", "cardVerticalPosition": "middle", "titleFontSize": "heading-2", "bodyFontSize": "paragraph-2", "buttonFontSize": "button-medium", "customOptions": { "customTitleFontSize": { "value": 2.2, "unit": "rem" }, "customBodyFontSize": { "value": 1.2, "unit": "rem" }, "customButtonFontSize": { "value": 1, "unit": "rem" } }, "minSlideHeight": { "value": 65, "unit": "vh" }, "verticalPaddingTop": { "value": 0, "unit": "vmax" }, "verticalPaddingBottom": { "value": 0, "unit": "vmax" }, "slideContentPaddingTop": { "value": 2, "unit": "%" }, "slideContentPaddingRight": { "value": 2, "unit": "%" }, "slideContentPaddingBottom": { "value": 2, "unit": "%" }, "slideContentPaddingLeft": { "value": 2, "unit": "%" }, "spaceBetweenSlides": { "value": 0, "unit": "px" }, "spaceBelowTitle": { "value": 10, "unit": "%" }, "spaceBelowBody": { "value": 10, "unit": "%" }, "cardPaddingTop": { "value": 20, "unit": "px" }, "cardPaddingRight": { "value": 20, "unit": "px" }, "cardPaddingBottom": { "value": 20, "unit": "px" }, "cardPaddingLeft": { "value": 20, "unit": "px" }, "navigationOffset": { "value": 8, "unit": "vw" }, "slideContentWidth": { "value": 50, "unit": "%" }, "navigationControls": "arrows", "navigationPlacement": "center", "navigationAlignment": "center", "progressIndicators": "bars" }, "layout": "banner-slideshow", "isSectionTitleEnabled": false, "sectionTitle": "<p class=\"\" style=\"white-space:pre-wrap;\">Make it stand out.<\/p>", "spaceBelowSectionTitle": { "value": 120, "unit": "px" }, "sectionTitleAlignment": "center", "isSectionButtonEnabled": false, "sectionButton": { "buttonText": "Make It", "buttonLink": "#", "buttonNewWindow": false }, "sectionButtonSize": "medium", "sectionButtonAlignment": "center", "spaceAboveSectionButton": { "value": 120, "unit": "px" } }" data-layout-width="full-bleed" data-title-font-unit="rem" data-description-font-unit="rem" data-button-font-unit="rem" data-vertical-padding-top-value="0" data-vertical-padding-bottom-value="0" data-vertical-padding-top-unit="vmax" data-vertical-padding-bottom-unit="vmax" data-has-multiple-slides > <div class="slideshow-wrapper"> <div class="slideshow-gutter"> <div class="slideshow-holder"> <ul class="slides" style=" min-height: 65vh; "> <li class=" slide list-item " style=" padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; " data-is-card-enabled="false" > <div class="slide-content list-item-card-background " style=" width: 350px; min-width: 50%; max-width: 100%; " > <h2 class="list-item-content__title" >"5 Stars!! The theme is amazing! It pairs so well with our brand and is user-friendly and super easy to navigate! Highly recommend!"</h2> <div class="list-item-content__description " style="margin-top: 10%;" > <p class="" style="white-space:pre-wrap;">Chubb's Coffee</p> </div> </div> </li> <li class=" slide list-item " style=" padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; " data-is-card-enabled="false" > <div class="slide-content list-item-card-background " style=" width: 350px; min-width: 50%; max-width: 100%; " > <h2 class="list-item-content__title" >Not only is the theme beautiful, but it has lots of customizability built right in. Buy with confidence, these guys have your backs! Thank you, Safe As Milk!</h2> <div class="list-item-content__description " style="margin-top: 10%;" > <p class="" style="white-space:pre-wrap;">anthonyzambai</p> </div> </div> </li> <li class=" slide list-item " style=" padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; " data-is-card-enabled="false" > <div class="slide-content list-item-card-background " style=" width: 350px; min-width: 50%; max-width: 100%; " > <h2 class="list-item-content__title" >"Safe As Milk has the best support I've ever had for any app. Can't say enough about how happy I am with the theme and the support I receive."</h2> <div class="list-item-content__description " style="margin-top: 10%;" > <p class="" style="white-space:pre-wrap;">I Create Art</p> </div> </div> </li> <li class=" slide list-item " style=" padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; " data-is-card-enabled="false" > <div class="slide-content list-item-card-background " style=" width: 350px; min-width: 50%; max-width: 100%; " > <h2 class="list-item-content__title" >"We absolutely love the theme. So easy to use, looks amazing and the theme developers are extremely responsive and helpful. Love it!!!"</h2> <div class="list-item-content__description " style="margin-top: 10%;" > <p class="" style="white-space:pre-wrap;">Milk + Ginger</p> </div> </div> </li> <li class=" slide list-item " style=" padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; " data-is-card-enabled="false" > <div class="slide-content list-item-card-background " style=" width: 350px; min-width: 50%; max-width: 100%; " > <h2 class="list-item-content__title" >"Great theme with lots of features built in that are really good for customer experience. I like the clean lines and ease of use, and the flexibility of this theme."</h2> <div class="list-item-content__description " style="margin-top: 10%;" > <p class="" style="white-space:pre-wrap;">Hello Charlie</p> </div> </div> </li> <li class=" slide list-item " style=" padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; " data-is-card-enabled="false" > <div class="slide-content list-item-card-background " style=" width: 350px; min-width: 50%; max-width: 100%; " > <h2 class="list-item-content__title" >"Phenomenal customer service! We鈥檝e used their templates for quite awhile and have never regretted it. Great looking templates. Recommended"</h2> <div class="list-item-content__description " style="margin-top: 10%;" > <p class="" style="white-space:pre-wrap;">The Boneyard Coffee Company</p> </div> </div> </li> <li class=" slide list-item " style=" padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; " data-is-card-enabled="false" > <div class="slide-content list-item-card-background " style=" width: 350px; min-width: 50%; max-width: 100%; " > <h2 class="list-item-content__title" >"I have used this theme for a few websites I have built and LOVE it - great for desktop and mobile too. The support from Safe As Milk is beyond excellent."</h2> <div class="list-item-content__description " style="margin-top: 10%;" > <p class="" style="white-space:pre-wrap;">Argasea</p> </div> </div> </li> </ul> </div> <div class="desktop-arrows arrow-container arrow-container--left" style=" left: 8vw; "> <button class=" user-items-list-banner-slideshow__arrow-button user-items-list-banner-slideshow__arrow-button--left " aria-label=" Previous " data-animation-role="button" > <div class=" user-items-list-banner-slideshow__arrow-icon-background user-items-list-banner-slideshow__arrow-icon-background-area "> </div> <svg class="user-items-list-banner-slideshow__arrow-icon" viewBox="0 0 44 18" xmlns="http://www.w3.org/2000/svg"> <path class="user-items-list-banner-slideshow__arrow-icon-foreground user-items-list-banner-slideshow__arrow-icon-path" d="M9.90649 16.96L2.1221 9.17556L9.9065 1.39116" /> <path class="user-items-list-banner-slideshow__arrow-icon-foreground user-items-list-banner-slideshow__arrow-icon-path" d="M42.8633 9.18125L3.37868 9.18125" /> </svg> </button> </div> <div class="desktop-arrows arrow-container arrow-container--right" style=" right: 8vw; "> <button class=" user-items-list-banner-slideshow__arrow-button user-items-list-banner-slideshow__arrow-button--right " aria-label=" Next " data-animation-role="button" > <div class=" user-items-list-banner-slideshow__arrow-icon-background user-items-list-banner-slideshow__arrow-icon-background-area "> </div> <svg class="user-items-list-banner-slideshow__arrow-icon" viewBox="0 0 44 18" xmlns="http://www.w3.org/2000/svg"> <path class="user-items-list-banner-slideshow__arrow-icon-foreground user-items-list-banner-slideshow__arrow-icon-path" d="M34.1477 1.39111L41.9321 9.17551L34.1477 16.9599" /> <path class="user-items-list-banner-slideshow__arrow-icon-foreground user-items-list-banner-slideshow__arrow-icon-path" d="M1.19088 9.16982H40.6755" /> </svg> </button> </div> </div> <div class="mobile-arrows"> <button class=" mobile-arrow-button mobile-arrow-button--left " aria-label=" Previous " data-animation-role="button" > <div class=" user-items-list-banner-slideshow__arrow-icon-background mobile-arrow-icon-background-area "> </div> <svg class="mobile-arrow-icon" viewBox="0 0 24 14" xmlns="http://www.w3.org/2000/svg"> <path class="user-items-list-banner-slideshow__arrow-icon-foreground mobile-arrow-icon-path" d="M7.87012 13L2.00021 7L7.87012 1" stroke-width="2" fill="none" /> <path class="user-items-list-banner-slideshow__arrow-icon-foreground mobile-arrow-icon-path" d="M22.9653 7L3.03948 7" stroke-width="2" stroke-linecap="square" fill="none" /> </svg> </button> <button class=" mobile-arrow-button mobile-arrow-button--right " aria-label=" Next " data-animation-role="button" > <div class=" user-items-list-banner-slideshow__arrow-icon-background mobile-arrow-icon-background-area "> </div> <svg class="mobile-arrow-icon" viewBox="0 0 24 14" xmlns="http://www.w3.org/2000/svg"> <path class="user-items-list-banner-slideshow__arrow-icon-foreground mobile-arrow-icon-path" d="M16.1299 1L21.9998 7L16.1299 13" stroke-width="2" fill="none" /> <path class="user-items-list-banner-slideshow__arrow-icon-foreground mobile-arrow-icon-path" d="M1.03472 7H20.9605" stroke-width="2" stroke-linecap="square" fill="none" /> </svg> </button> </div> </div> </div> </div> </div> </div> </section> <section data-test="page-section" data-section-theme="bright-inverse" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--small content-width--wide horizontal-alignment--center vertical-alignment--middle bright-inverse' data-section-id="63931cfe63506c641ecd335a" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--small", "customSectionHeight": 1, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "bright-inverse", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": null, "typeName": "page" }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-63931cfe9832b6f467e00358 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(12,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 11.0px; column-gap: 11.0px; } @media (min-width: 768px) { .background-width--inset .fe-63931cfe9832b6f467e00358 { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-63931cfe9832b6f467e00358 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(9,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-yui_3_17_2_1_1670577528492_1009187 { grid-area: 2/4/4/8; z-index: 2; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1670577528492_1009187 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1670577528492_1009187 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1670577528492_1009187 { grid-area: 1/12/4/16; z-index: 2; } .fe-block-yui_3_17_2_1_1670577528492_1009187 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1670577528492_1009187 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-63931cfefa3ef64a88f81471 { grid-area: 4/2/10/10; z-index: 0; @media (max-width: 767px) { } } .fe-block-63931cfefa3ef64a88f81471 .sqs-block { justify-content: flex-start; } .fe-block-63931cfefa3ef64a88f81471 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-63931cfefa3ef64a88f81471 { grid-area: 4/6/7/22; z-index: 0; } .fe-block-63931cfefa3ef64a88f81471 .sqs-block { justify-content: flex-start; } .fe-block-63931cfefa3ef64a88f81471 .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-63931cfeccdb84a6a176f060 { grid-area: 10/3/12/9; z-index: 1; @media (max-width: 767px) { } } .fe-block-63931cfeccdb84a6a176f060 .sqs-block { justify-content: center; } .fe-block-63931cfeccdb84a6a176f060 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-63931cfeccdb84a6a176f060 { grid-area: 8/11/10/17; z-index: 1; } .fe-block-63931cfeccdb84a6a176f060 .sqs-block { justify-content: center; } .fe-block-63931cfeccdb84a6a176f060 .sqs-block-alignment-wrapper { align-items: center; } } </style><div class="fluid-engine fe-63931cfe9832b6f467e00358"><div class="fe-block fe-block-yui_3_17_2_1_1670577528492_1009187"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1670577528492_1009187"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" > <div class="content-fit"> <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/1945a21a-d3a7-4abc-bcef-9609a6001e18/Shopify+logo+white.png" data-image="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/1945a21a-d3a7-4abc-bcef-9609a6001e18/Shopify+logo+white.png" data-image-dimensions="447x128" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/1945a21a-d3a7-4abc-bcef-9609a6001e18/Shopify+logo+white.png" width="447" height="128" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 50vw, 16.666666666666664vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/1945a21a-d3a7-4abc-bcef-9609a6001e18/Shopify+logo+white.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/1945a21a-d3a7-4abc-bcef-9609a6001e18/Shopify+logo+white.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/1945a21a-d3a7-4abc-bcef-9609a6001e18/Shopify+logo+white.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/1945a21a-d3a7-4abc-bcef-9609a6001e18/Shopify+logo+white.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/1945a21a-d3a7-4abc-bcef-9609a6001e18/Shopify+logo+white.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/1945a21a-d3a7-4abc-bcef-9609a6001e18/Shopify+logo+white.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/1945a21a-d3a7-4abc-bcef-9609a6001e18/Shopify+logo+white.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-yui_3_17_2_1_1670577528492_1009187 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-63931cfefa3ef64a88f81471"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-63931cfefa3ef64a88f81471"><div class="sqs-block-content"> <div class="sqs-html-content"> <h3 style="text-align:center;white-space:pre-wrap;">Try Shopify free for 14 days. No risk, and no credit card required. Trusted by over 2,000,000 businesses worldwide Shopify handles everything from marketing and payments, to secure checkout and shipping.</h3> </div> </div></div></div><div class="fe-block fe-block-63931cfeccdb84a6a176f060"><div class="sqs-block button-block sqs-block-button sqs-stretched" data-block-type="53" id="block-63931cfeccdb84a6a176f060"><div class="sqs-block-content"> <div class="sqs-block-button-container sqs-block-button-container--center" data-animation-role="button" data-alignment="center" data-button-size="medium" data-button-type="primary" > <a href="https://www.shopify.com/?ref=safeasmilk" class="sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element" > Open your Store </a> </div> </div></div></div></div></div> </div> </div> </section> </article> </main> <footer class="sections" id="footer-sections" data-footer-sections> <section data-test="page-section" data-section-theme="white" class='page-section full-bleed-section layout-engine-section background-width--full-bleed content-width--wide horizontal-alignment--center vertical-alignment--bottom white' data-section-id="639321e7dc496b6eeaf367d1" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--custom", "customSectionHeight": 29, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--bottom", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "white", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": null, "typeName": "page" }" data-animation="none" data-fluid-engine-section style="min-height: 29vh;" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' padding-top: calc(29vmax / 5); ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-639321e74b2ebe6cd6291918 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(17,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 11.0px; column-gap: 11.0px; } @media (min-width: 768px) { .background-width--inset .fe-639321e74b2ebe6cd6291918 { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-639321e74b2ebe6cd6291918 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(10,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-639321e7de15059a4622ba40 { grid-area: 1/2/7/10; z-index: 0; @media (max-width: 767px) { } } .fe-block-639321e7de15059a4622ba40 .sqs-block { justify-content: flex-start; } .fe-block-639321e7de15059a4622ba40 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-639321e7de15059a4622ba40 { grid-area: 1/2/8/7; z-index: 0; } .fe-block-639321e7de15059a4622ba40 .sqs-block { justify-content: flex-start; } .fe-block-639321e7de15059a4622ba40 .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-c41ebe87119ae4bc49ef { grid-area: 6/2/9/10; z-index: 1; @media (max-width: 767px) { } } .fe-block-c41ebe87119ae4bc49ef .sqs-block { justify-content: flex-start; } .fe-block-c41ebe87119ae4bc49ef .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-c41ebe87119ae4bc49ef { grid-area: 1/7/6/12; z-index: 1; } .fe-block-c41ebe87119ae4bc49ef .sqs-block { justify-content: flex-start; } .fe-block-c41ebe87119ae4bc49ef .sqs-block-alignment-wrapper { align-items: flex-start; } } .fe-block-yui_3_17_2_1_1670577528492_1272686 { grid-area: 10/2/12/10; z-index: 2; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1670577528492_1272686 .sqs-block { justify-content: flex-start; } .fe-block-yui_3_17_2_1_1670577528492_1272686 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1670577528492_1272686 { grid-area: 6/2/9/6; z-index: 2; } .fe-block-yui_3_17_2_1_1670577528492_1272686 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1670577528492_1272686 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-yui_3_17_2_1_1670577528492_1289768 { grid-area: 13/2/14/5; z-index: 3; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1670577528492_1289768 .sqs-block { justify-content: flex-start; } .fe-block-yui_3_17_2_1_1670577528492_1289768 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1670577528492_1289768 { grid-area: 6/22/9/26; z-index: 3; } .fe-block-yui_3_17_2_1_1670577528492_1289768 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1670577528492_1289768 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-yui_3_17_2_1_1670577528492_1367534 { grid-area: 14/2/17/10; z-index: 4; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1670577528492_1367534 .sqs-block { justify-content: flex-start; } .fe-block-yui_3_17_2_1_1670577528492_1367534 .sqs-block-alignment-wrapper { align-items: flex-start; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1670577528492_1367534 { grid-area: 8/2/11/6; z-index: 4; } .fe-block-yui_3_17_2_1_1670577528492_1367534 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1670577528492_1367534 .sqs-block-alignment-wrapper { align-items: center; } } </style><div class="fluid-engine fe-639321e74b2ebe6cd6291918"><div class="fe-block fe-block-639321e7de15059a4622ba40"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-639321e7de15059a4622ba40"><div class="sqs-block-content"> <div class="sqs-html-content"> <h4 style="white-space:pre-wrap;"><a href="https://support.safeasmilk.co/">Help Center</a></h4><h4 style="white-space:pre-wrap;"><a href="https://www.safeasmilk.co/support">Support</a></h4><h4 style="white-space:pre-wrap;"><a href="https://safeasmilkco.github.io/theme-stage/?path=/docs/overview--docs" target="_blank">Developer docs</a></h4><h4 data-rte-preserve-empty="true" style="white-space:pre-wrap;"></h4> </div> </div></div></div><div class="fe-block fe-block-c41ebe87119ae4bc49ef"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-c41ebe87119ae4bc49ef"><div class="sqs-block-content"> <div class="sqs-html-content"> <h4 style="white-space:pre-wrap;"><a href="/about">About us</a></h4><h4 style="white-space:pre-wrap;"><a href="/terms">Terms & Conditions</a></h4><h4 style="white-space:pre-wrap;"><a href="https://themes.shopify.com/designers/safeasmilk" target="_blank">Our themes</a></h4> </div> </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1670577528492_1272686"><div class="sqs-block socialaccountlinks-v2-block sqs-block-socialaccountlinks-v2" data-block-type="54" id="block-yui_3_17_2_1_1670577528492_1272686"><div class="sqs-block-content"> <div class="sqs-svg-icon--outer social-icon-alignment-left social-icons-color- social-icons-size-medium social-icons-shape-circle social-icons-style-knockout" > <style> #block-yui_3_17_2_1_1670577528492_1272686 .social-icons-style-border .sqs-svg-icon--wrapper { box-shadow: 0 0 0 2px inset; border: none; } </style> <nav class="sqs-svg-icon--list"> <a href="https://twitter.com/SafeAsMilkCo" target="_blank" class="sqs-svg-icon--wrapper twitter-unauth" aria-label="Twitter"> <div> <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> <use class="sqs-use--icon" xlink:href="#twitter-unauth-icon"></use> <use class="sqs-use--mask" xlink:href="#twitter-unauth-mask"></use> </svg> </div> </a><a href="https://www.youtube.com/@safeasmilkco" target="_blank" class="sqs-svg-icon--wrapper youtube-unauth" aria-label="YouTube"> <div> <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> <use class="sqs-use--icon" xlink:href="#youtube-unauth-icon"></use> <use class="sqs-use--mask" xlink:href="#youtube-unauth-mask"></use> </svg> </div> </a> </nav> </div> </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1670577528492_1289768"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1670577528492_1289768"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-right combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" > <div class="content-fit"> <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/7cb41005-916e-4ecd-bf98-fc1e361eaa1e/partner-logo.png" data-image="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/7cb41005-916e-4ecd-bf98-fc1e361eaa1e/partner-logo.png" data-image-dimensions="474x84" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/7cb41005-916e-4ecd-bf98-fc1e361eaa1e/partner-logo.png" width="474" height="84" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 37.5vw, 16.666666666666664vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/7cb41005-916e-4ecd-bf98-fc1e361eaa1e/partner-logo.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/7cb41005-916e-4ecd-bf98-fc1e361eaa1e/partner-logo.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/7cb41005-916e-4ecd-bf98-fc1e361eaa1e/partner-logo.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/7cb41005-916e-4ecd-bf98-fc1e361eaa1e/partner-logo.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/7cb41005-916e-4ecd-bf98-fc1e361eaa1e/partner-logo.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/7cb41005-916e-4ecd-bf98-fc1e361eaa1e/partner-logo.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/60ae69a764a30d1681acb221/7cb41005-916e-4ecd-bf98-fc1e361eaa1e/partner-logo.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </div> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-yui_3_17_2_1_1670577528492_1289768 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1670577528492_1367534"><div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_1_1670577528492_1367534"><div class="sqs-block-content"><p> Safe As Milk - <script>document.write(new Date().getFullYear())</script></p></div></div></div></div></div> </div> </div> </section> </footer> </div> <script defer="true" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.54b38f6b81d26b9a05d29580d2044194.js" type="text/javascript"></script> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none" data-usage="social-icons-svg"><symbol id="twitter-unauth-icon" viewBox="0 0 64 64"><path d="M48,22.1c-1.2,0.5-2.4,0.9-3.8,1c1.4-0.8,2.4-2.1,2.9-3.6c-1.3,0.8-2.7,1.3-4.2,1.6 C41.7,19.8,40,19,38.2,19c-3.6,0-6.6,2.9-6.6,6.6c0,0.5,0.1,1,0.2,1.5c-5.5-0.3-10.3-2.9-13.5-6.9c-0.6,1-0.9,2.1-0.9,3.3 c0,2.3,1.2,4.3,2.9,5.5c-1.1,0-2.1-0.3-3-0.8c0,0,0,0.1,0,0.1c0,3.2,2.3,5.8,5.3,6.4c-0.6,0.1-1.1,0.2-1.7,0.2c-0.4,0-0.8,0-1.2-0.1 c0.8,2.6,3.3,4.5,6.1,4.6c-2.2,1.8-5.1,2.8-8.2,2.8c-0.5,0-1.1,0-1.6-0.1c2.9,1.9,6.4,2.9,10.1,2.9c12.1,0,18.7-10,18.7-18.7 c0-0.3,0-0.6,0-0.8C46,24.5,47.1,23.4,48,22.1z"/></symbol><symbol id="twitter-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M44.7,25.5c0,0.3,0,0.6,0,0.8C44.7,35,38.1,45,26.1,45c-3.7,0-7.2-1.1-10.1-2.9 c0.5,0.1,1,0.1,1.6,0.1c3.1,0,5.9-1,8.2-2.8c-2.9-0.1-5.3-2-6.1-4.6c0.4,0.1,0.8,0.1,1.2,0.1c0.6,0,1.2-0.1,1.7-0.2 c-3-0.6-5.3-3.3-5.3-6.4c0,0,0-0.1,0-0.1c0.9,0.5,1.9,0.8,3,0.8c-1.8-1.2-2.9-3.2-2.9-5.5c0-1.2,0.3-2.3,0.9-3.3 c3.2,4,8.1,6.6,13.5,6.9c-0.1-0.5-0.2-1-0.2-1.5c0-3.6,2.9-6.6,6.6-6.6c1.9,0,3.6,0.8,4.8,2.1c1.5-0.3,2.9-0.8,4.2-1.6 c-0.5,1.5-1.5,2.8-2.9,3.6c1.3-0.2,2.6-0.5,3.8-1C47.1,23.4,46,24.5,44.7,25.5z"/></symbol><symbol id="youtube-unauth-icon" viewBox="0 0 64 64"><path d="M46.7,26c0,0-0.3-2.1-1.2-3c-1.1-1.2-2.4-1.2-3-1.3C38.3,21.4,32,21.4,32,21.4h0 c0,0-6.3,0-10.5,0.3c-0.6,0.1-1.9,0.1-3,1.3c-0.9,0.9-1.2,3-1.2,3S17,28.4,17,30.9v2.3c0,2.4,0.3,4.9,0.3,4.9s0.3,2.1,1.2,3 c1.1,1.2,2.6,1.2,3.3,1.3c2.4,0.2,10.2,0.3,10.2,0.3s6.3,0,10.5-0.3c0.6-0.1,1.9-0.1,3-1.3c0.9-0.9,1.2-3,1.2-3s0.3-2.4,0.3-4.9 v-2.3C47,28.4,46.7,26,46.7,26z M28.9,35.9l0-8.4l8.1,4.2L28.9,35.9z"/></symbol><symbol id="youtube-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M47,33.1c0,2.4-0.3,4.9-0.3,4.9s-0.3,2.1-1.2,3c-1.1,1.2-2.4,1.2-3,1.3 C38.3,42.5,32,42.6,32,42.6s-7.8-0.1-10.2-0.3c-0.7-0.1-2.2-0.1-3.3-1.3c-0.9-0.9-1.2-3-1.2-3S17,35.6,17,33.1v-2.3 c0-2.4,0.3-4.9,0.3-4.9s0.3-2.1,1.2-3c1.1-1.2,2.4-1.2,3-1.3c4.2-0.3,10.5-0.3,10.5-0.3h0c0,0,6.3,0,10.5,0.3c0.6,0.1,1.9,0.1,3,1.3 c0.9,0.9,1.2,3,1.2,3s0.3,2.4,0.3,4.9V33.1z M28.9,35.9l8.1-4.2l-8.1-4.2L28.9,35.9z"/></symbol></svg> </body> </html>