1<!DOCTYPE html> 2<html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#"> 3 <head> 4 5
5<script type='text/javascript'> 6 (function(e) { 7 s=document.createElement("script"), 8 s.type="text/javascript", 9 s.src="https://offers.pearcommerce.com/js/sdk.js?config="+encodeURIComponent(JSON.stringify(e)), 10 document.head.appendChild(s) 11 }) 12 ({vendorId:'2820451504335395', widget:'recipes'}) 13 </script>
13 14 <!-- Google Tag Manager --> 15
15<script>
vendor: 343 bytes, lines 15-19
15(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 16 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 17 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 18 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 19 })(window,document,'script','dataLayer','
19GTM-NG92MB7
vendor: 3 bytes, line 19
19');
19</script>
19 20 <!-- End Google Tag Manager --> 21 <!-- Start of global snippet: Please do not remove --> 22<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 22-23
22 23<script async src="https://www.googletagmanager.com/gtag/js?id=
23DC-9233077
vendor: 12 bytes, line 23
23"></script>
24<script> 25
vendor: 133 bytes, lines 25-28
25window.dataLayer = window.dataLayer || []; 26 function gtag(){dataLayer.push(arguments);} 27 gtag('js', new Date()); 28 gtag('config', '
28DC-9233077
vendor: 4 bytes, line 28
28');
29</script>
29 30<!-- End of global snippet: Please do not remove --> 31 32 <meta charset="utf-8" /> 33<link rel="preconnect" href="https://www.google.com" /> 34<link rel="preconnect" href="https://www.gstatic.com" crossorigin /> 35<meta name="description" content="Bake with expertise when you bake with Domino Sugar. Expertly crafted recipes and tips to elevate your baking." /> 36<meta name="keywords" content="domino sugar" /> 37<link rel="canonical" href="https://www.dominosugar.com/" /> 38<link rel="shortlink" href="https://www.dominosugar.com/" /> 39<meta property="og:image" content="https://www.dominosugar.com/sites/default/files/2025-01/domino-social.jpg" /> 40<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> 41<meta name="MobileOptimized" content="width" /> 42<meta name="HandheldFriendly" content="true" /> 43<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 44<link rel="preconnect" href="https://challenges.cloudflare.com" /> 45<meta http-equiv="x-ua-compatible" content="ie=edge" /> 46<link rel="icon" href="/sites/default/files/image_2021_04_21T07_44_05_426Z_1.png" type="image/png" /> 47 48 <title>Domino Sugar | dominosugar.com</title> 49 <link rel="stylesheet" media="all" href="/sites/default/files/css/css_xkKMOPVdohk5yZ3KYl-nSA5QhWyi13jxIhznbB4KUAU.css?delta=0&language=en&theme=dominosugar_barrio&include=eJxtjlsKQyEMRDfkY0mXqMFaTCKJ9vbuvtBSCtKf-Zlzhkki06bCOBKoNom1S4LubV69cXVp7wnNoKId561NdFkUYxYawsjTws57T8jrgxVdA3qAOzxdEWostirod_mn5sL_gO2aXTaRYgJD92h4WnxnICmr4wvLGFYG" /> 50<link rel="stylesheet" media="all" href="/sites/default/files/css/css_JoihGTBwn793IXzEdsz7EupUhh4or2jS9IemA_WWSPE.css?delta=1&language=en&theme=dominosugar_barrio&include=eJxtjlsKQyEMRDfkY0mXqMFaTCKJ9vbuvtBSCtKf-Zlzhkki06bCOBKoNom1S4LubV69cXVp7wnNoKId561NdFkUYxYawsjTws57T8jrgxVdA3qAOzxdEWostirod_mn5sL_gO2aXTaRYgJD92h4WnxnICmr4wvLGFYG" /> 51<link rel="stylesheet" media="print" href="/sites/default/files/css/css_XR1Anjmx7FeI4hGEs9GGhtB621B29y5hSMIziOUsp2Q.css?delta=2&language=en&theme=dominosugar_barrio&include=eJxtjlsKQyEMRDfkY0mXqMFaTCKJ9vbuvtBSCtKf-Zlzhkki06bCOBKoNom1S4LubV69cXVp7wnNoKId561NdFkUYxYawsjTws57T8jrgxVdA3qAOzxdEWostirod_mn5sL_gO2aXTaRYgJD92h4WnxnICmr4wvLGFYG" /> 52 53
53<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/6956","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"gtag":{"tagId":"","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"ajaxPageState":{"libraries":"eJxtjuEKAyEMg19Iz0eS6pXOYe1h626-_cZgjMn9CST5CEkiptbhiAl6LxKoSoLq1WYtjVxae0ZVINR43oqhy9IxZOFDGjbTbeW9Z2zD7cKliQ6C_h36kXlvV8Dy5ILgGfNQE461pA59OhKhitGAAr1l9Rvc4fkfstOphhwSKLpHwVPDRzeWfVR8AVwFcnY","theme":"dominosugar_barrio","theme_token":null},"ajaxTrustedUrl":[],"gtm":{"tagId":null,"settings":{"data_layer":"dataLayer","include_classes":false,"allowlist_classes":"","blocklist_classes":"","include_environment":false,"environment_id":"","environment_token":""},"tagIds":["GTM-NG92MB7"]},"csp":{"nonce":"--pMiPvSZXpMgDrnOmbWXw"},"user":{"uid":0,"permissionsHash":"09b22fa539236bfdecaa74786c3d2295e83b5853a709abad84a278eaa617633c"}}</script>
vendor: 1 bytes, line 53
53
54<script src="/sites/default/files/js/js_-cPJmN10iIYoFJnKPzFNVOOqnwHLt3s-eq9uepAellU.js?scope=header&delta=0&language=en&theme=dominosugar_barrio&include=eJyFjEsKgDAMRC_k50glqRIqaUfSCPb2ulFQBDcDb3gzDHh1ozUwmSWMomDSvnrTVKSbkFNB3YTsMviexKl8Cf8XuYW4VUcOmtjIWieA6BycZJQz3jzQQvuzzAePAko-"></script>
vendor: 1 bytes, line 54
54
55<script src="/modules/google_tag/js/gtag.js?tlvc5m"></script>
vendor: 1 bytes, line 55
55
56<script src="/modules/google_tag/js/gtm.js?tlvc5m"></script>
56 57 58 <link rel="preconnect" href="https://cdn.cookielaw.org"> 59 60 <style> 61 /* Inline critical CSS here */ 62 </style> 63 64<!-- OneTrust Cookies Consent Notice start for www.dominosugar.com -->
65<script type="text/javascript" src="https://cdn.cookielaw.org/consent/df33dc90-eb99-46f7-928e-ce8a8aba3e2c/OtAutoBlock.js" ></script>
vendor: 1 bytes, line 65
65
66<script src="https://cdn.cookielaw.org/consent/df33dc90-eb99-46f7-928e-ce8a8aba3e2c/otSDKStub.js" integrity="sha384-7wO016l1M8nH9q6R9exgrLUhr0YZLDbfHfxnnv1zXMbQw3Cpvbw6UYV0tiUx++9x" crossorigin="anonymous" type="text/javascript" charset="UTF-8" data-domain-script="df33dc90-eb99-46f7-928e-ce8a8aba3e2c" ></script>
vendor: 1 bytes, line 66
66
67<script type="text/javascript"> 68function OptanonWrapper() { } 69</script>
69 70<!-- OneTrust Cookies Consent Notice end for www.dominosugar.com --> 71 72 73
73<script async="async" src="https://mm-uxrv.com/js/80698869599.js"></script>
73 74 75 76 77 78
79<script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script>
79 80
80<script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="5T5VN-UXV94-AVCT6-NMS6R-5YA5G",function(){function e(){if(!i){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,o.parentNode.appendChild(e),i=!0}}function t(e){i=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(o.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",o.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"5T5VN-UXV94-AVCT6-NMS6R-5YA5G";var o=document.currentScript||document.getElementsByTagName("script")[0],i=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!i)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),o.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="ndvcaayx2fpm62v6j4pq-f-e911868a3-clientnsv4-s.akamaihd.net",o="false"=="true"?2:1,i={"ak.v":"41","ak.cp":"2035692","ak.ai":parseInt("1375546",10),"ak.ol":"0","ak.cr":0,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"174ebb60","ak.r":51691,"ak.a2":n,"ak.m":"dscr","ak.n":"ff","ak.cport":53929,"ak.gh":"23.57.66.15","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1790856991","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==7FgSYhO2dQXldAcP7Ny/EBR3FeD3/DhJzTXbNtEgLRG0/fypW1e0vfpKN+CjOGywYi+si3BBohkiKuiafxrEo3rrrH7sx2/uUdCo+OIz7WE62ibJSpX5+8Ue88hqooO7p/D3SDJXDK4kzqX2VOspN/J1vyNF903Ve09ASUqYR3TOZofS1n10tW/gTntgrvsut8u2J4B54N4o+EoqkJwptU2Rn75VYXyXMyL9WYh8pB/5NQx/lKW0aLihnWquqK/nI3rqXb/nnnwCh3vWROzXGJIPExdIXoQ2SgtbUeK25Y2LeeaX1B4jQky+eA96Ufq7mTRWiGRjy199aqCToeZ/T0bboMcppQiwjtgh7TLz3i9CkNLy+JuKM4X6Gan5JG75gF3sdJphVDX6Tw3NH7eYgeBWDLrBK/KIUFpmGeNgsX0=","ak.pv":"4","ak.dpoabenc":"","ak.tf":o};if(""!==t)i["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))i["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(i)},rv:function(){var e=["ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:i,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script>
80</head> 81 <body class="layout-no-sidebars page-node-6956 path-frontpage node--type-new-home"> 82 83 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 83-84
83 84 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
84GTM-NG92MB7
vendor: 87 bytes, lines 84-86
84" 85 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 86
86<!-- End Google Tag Manager (noscript) --> 87 88 <a href="#main-content" class="visually-hidden-focusable"> 89 Skip to main content 90 </a>
vendor: 72 bytes, lines 90-91
90 91 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
91GTM-NG92MB7
vendor: 108 bytes, lines 91-94
91" 92 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 93 94
94<div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> 95 <div id="page-wrapper" class="home-page-wrapper"> 96 <div id="page"> 97 98 <div class="dom-site_header_cont"> 99 100 <div class="dom-site_header_cont_mid"> 101 <div class="dom-site_logo"> 102 <a href="/"> 103 <img src="/sites/default/files/2025-11/domino%20logo.png" alt="logo" /> 104 </a> 105 </div> 106 </div> 107 108 <div class="dom-site_header_cont_ls"> 109 <div class="dom-navbar"> 110 <nav role="navigation" aria-labelledby="block-dominosugar-barrio-newmenuforhomepagedomino-menu" id="block-dominosugar-barrio-newmenuforhomepagedomino" class="block block-menu navigation menu--new-menu-for-homepage-domino"> 111 112 <h2 class="visually-hidden" id="block-dominosugar-barrio-newmenuforhomepagedomino-menu">New Menu for Homepage Domino</h2> 113 114 115 116 <ul class="clearfix nav" data-component-id="bootstrap_barrio:menu"> 117 <li class="nav-item"> 118 <a href="/products" class="nav-link nav-link--products">Products</a> 119 </li> 120 <li class="nav-item"> 121 <a href="/recipes" class="nav-link nav-link--recipes">Recipes</a> 122 </li> 123 <li class="nav-item"> 124 <a href="/baking-tips" class="nav-link nav-link--baking-tips">Baking Tips</a> 125 </li> 126 <li class="nav-item"> 127 <a href="/our-story" class="nav-link nav-link--our-story" data-drupal-link-system-path="our-story">Our Story</a> 128 </li> 129 </ul> 130 131 132 133 134 </nav> 135 136 137 </div> 138 </div> 139 140 <div class="dom-site_header_cont_rs"> 141 142 <div class="dom-site_header_search"> 143 <form class="dom-search_bar_form" action="/search-results" novalidate="novalidate"> 144 <input type="text" class="dom-site_header_input" name="search" placeholder="Search"> 145 <button class="dom-search_toggle" type="button"> 146 <svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 147 <path d="M9.29102 8.65797H8.70383L8.49571 8.45729C9.22413 7.60995 9.66266 6.50989 9.66266 5.3132C9.66266 2.64482 7.49971 0.481873 4.83133 0.481873C2.16295 0.481873 0 2.64482 0 5.3132C0 7.98159 2.16295 10.1445 4.83133 10.1445C6.02802 10.1445 7.12807 9.706 7.97541 8.97758L8.1761 9.1857V9.7729L11.8925 13.4819L13 12.3744L9.29102 8.65797ZM4.83133 8.65797C2.98056 8.65797 1.48656 7.16398 1.48656 5.3132C1.48656 3.46243 2.98056 1.96844 4.83133 1.96844C6.6821 1.96844 8.1761 3.46243 8.1761 5.3132C8.1761 7.16398 6.6821 8.65797 4.83133 8.65797Z" fill="#002F87"/> 148 </svg> 149 </button> 150 </form> 151 </div> 152 153 <div class="dom-brown_sugar_btn"> 154 <section class="row region region-header-cta"> 155 <nav role="navigation" aria-labelledby="block-dominosugar-barrio-headercta-menu" id="block-dominosugar-barrio-headercta" class="block block-menu navigation menu--header-cta"> 156 157 <h2 class="visually-hidden" id="block-dominosugar-barrio-headercta-menu">Header CTA</h2> 158 159 160 161 <ul class="clearfix nav" data-component-id="bootstrap_barrio:menu"> 162 <li class="nav-item"> 163 <a href="/store-locator" class="nav-link nav-link--store-locator" data-drupal-link-system-path="store-locator">Order Today</a> 164 </li> 165 </ul> 166 167 168 169 170 </nav> 171 172 </section> 173 174 </div> 175 176 </div> 177 178 <button id="dom-menu-toggler" class="dom-hamburger-mobile"> 179 <span class="dom-hamburger-line"></span> 180 <span class="dom-hamburger-line"></span> 181 <span class="dom-hamburger-line"></span> 182 </button> 183 184</div> 185 186<div id="dom-mobile-overlay" class="dom-mobile-menu"> 187 <div class="dom-mobile-menu-inner"> 188 189 <div class="dom-site_header_search"> 190 <form class="dom-search_bar_form dom-mobile-search_form" action="/search-results" novalidate="novalidate"> 191 <input type="text" class="dom-site_header_input" name="search" placeholder="Search"> 192 <button class="dom-search_toggle" type="submit"> 193 <svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 194 <path d="M9.29102 8.65797H8.70383L8.49571 8.45729C9.22413 7.60995 9.66266 6.50989 9.66266 5.3132C9.66266 2.64482 7.49971 0.481873 4.83133 0.481873C2.16295 0.481873 0 2.64482 0 5.3132C0 7.98159 2.16295 10.1445 4.83133 10.1445C6.02802 10.1445 7.12807 9.706 7.97541 8.97758L8.1761 9.1857V9.7729L11.8925 13.4819L13 12.3744L9.29102 8.65797ZM4.83133 8.65797C2.98056 8.65797 1.48656 7.16398 1.48656 5.3132C1.48656 3.46243 2.98056 1.96844 4.83133 1.96844C6.6821 1.96844 8.1761 3.46243 8.1761 5.3132C8.1761 7.16398 6.6821 8.65797 4.83133 8.65797Z" fill="#002F87"/> 195 </svg> 196 </button> 197 </form> 198 199
200 <div class="dom-mobile-cta-wrapper dom-brown_sugar_btn"> 201 <section class="row region region-header-cta"> 202 <nav role="navigation" aria-labelledby="block-dominosugar-barrio-headercta-menu" id="block-dominosugar-barrio-headercta" class="block block-menu navigation menu--header-cta"> 203 204 <h2 class="visually-hidden" id="block-dominosugar-barrio-headercta-menu">Header CTA</h2> 205 206 207 208 <ul class="clearfix nav" data-component-id="bootstrap_barrio:menu"> 209 <li class="nav-item"> 210 <a href="/store-locator" class="nav-link nav-link--store-locator" data-drupal-link-system-path="store-locator">Order Today</a> 211 </li> 212 </ul> 213 214 215 216 217 </nav> 218 219 </section> 220 221 </div> 222 </div> 223 224 <div class="dom-navbar"> 225 <nav role="navigation" aria-labelledby="block-dominosugar-barrio-newmenuforhomepagedomino-menu" id="block-dominosugar-barrio-newmenuforhomepagedomino" class="block block-menu navigation menu--new-menu-for-homepage-domino"> 226 227 <h2 class="visually-hidden" id="block-dominosugar-barrio-newmenuforhomepagedomino-menu">New Menu for Homepage Domino</h2> 228 229 230 231 <ul class="clearfix nav" data-component-id="bootstrap_barrio:menu"> 232 <li class="nav-item"> 233 <a href="/products" class="nav-link nav-link--products">Products</a> 234 </li> 235 <li class="nav-item"> 236 <a href="/recipes" class="nav-link nav-link--recipes">Recipes</a> 237 </li> 238 <li class="nav-item"> 239 <a href="/baking-tips" class="nav-link nav-link--baking-tips">Baking Tips</a> 240 </li> 241 <li class="nav-item"> 242 <a href="/our-story" class="nav-link nav-link--our-story" data-drupal-link-system-path="our-story">Our Story</a> 243 </li> 244 </ul> 245 246 247 248 249 </nav> 250 251 252 </div> 253 254 </div> 255</div> 256 257<!-- ===================== CSS ===================== --> 258<style> 259/* ================= GENERAL ================= */ 260button{all:unset; cursor:pointer;} 261.dom-site_header_cont { 262 display: flex; 263 align-items: flex-start; 264 justify-content: space-between; 265 padding: 0; 266 height: auto; 267 flex-wrap: nowrap; 268 padding-right: 65px; 269 max-width: 1920px; 270 margin:0 auto; 271} 272 273/* Logo Section */ 274.dom-site_header_cont_mid { 275 margin-right: 0; 276 max-width: 100%; 277 flex: 1; 278} 279.dom-site_logo img { 280 max-height: 100%; 281 width: 100%; 282 max-width:666px; 283 display: block; 284} 285 286/* ================= DESKTOP NAVBAR ================= */ 287.dom-site_header_cont_ls { 288 flex: 1; 289 min-width: 0; 290} 291.dom-site_header_cont_ls .dom-navbar ul { 292 display: flex; 293 column-gap: 20px; 294 row-gap:0; 295 overflow: hidden; 296 justify-content:flex-end; 297} 298 299/* Search + CTA */ 300.dom-site_header_cont_rs { 301 display: flex; 302 align-items: center; 303 gap: 20px; 304 flex-shrink: 0; 305 margin-top: 38px; 306} 307 308.dom-site_header_cont_ls .dom-navbar a { 309 font-family: var(---font-family-Korolev-Medium); 310 font-weight:700; 311 font-size:16px; 312 color:rgba(38, 59, 128, 1); 313 text-decoration:none; 314 display: inline-block !important; 315 transition: border-color 0.3s 316ease !important; 317} 318.dom-site_header_cont_ls .dom-navbar a:hover,.dom-site_header_cont_ls .dom-navbar a.active { 319 color: #263B80; 320 border-bottom: 0.321rem solid #D92D27; 321 padding-bottom: 0.1rem; 322} 323.dom-site_header_cont_ls, .dom-site_header_cont_rs, .dom-site_header_cont_mid { 324 min-width: 0; 325} 326.dom-site_header_cont_ls { 327 flex:1; 328 margin-top:47px; 329 min-width:0; 330} 331 332/* ================= DESKTOP SEARCH ================= */ 333.dom-site_header_cont_rs { 334 display: flex; 335 align-items: center; 336 gap: 20px; 337 flex-shrink: 0; 338} 339 340.dom-site_header_search { 341 position: relative; 342} 343 344.dom-site_header_search .dom-search_bar_form { 345 display:flex; 346 align-items:center; 347 border-radius:30px; 348 background:#fff; 349 overflow:hidden; 350 width: 50px; 351 height: 50px; 352 transition: width 0.4s ease, box-shadow 0.3s ease; 353 position: relative; 354} 355 356.dom-site_header_search .dom-search_bar_form.active { 357 width: 200px; 358 box-shadow: 0 3px 10px rgba(0,0,0,0.15); 359} 360 361.dom-site_header_input { 362 width: 0; 363 opacity: 0; 364 border: none; 365 outline: none; 366 background: transparent; 367 padding: 0; 368 font-size: 14px; 369 transition: width 0.4s ease, opacity 0.3s ease, padding 0.4s ease; 370} 371 372.dom-search_bar_form.active .dom-site_header_input { 373 width: calc(100% - 50px); 374 opacity: 1; 375 padding-left: 15px; 376 padding-right: 5px; 377} 378 379.dom-search_toggle { 380 width: 50px; 381 height: 50px; 382 display: flex; 383 justify-content: center;
384 align-items: center; 385 flex-shrink: 0; 386 background: transparent; 387 border: none; 388 cursor: pointer; 389} 390 391.dom-search_toggle svg { 392 width: 16px; 393 height: 23px; 394} 395 396.dom-search_toggle svg path { 397 transition: fill 0.3s; 398} 399 400/* ================= CTA BUTTON ================= */ 401.dom-brown_sugar_btn .nav-link{ 402 text-align: center; 403 padding: 15px 19px; 404 border-radius: 0.375rem; 405 background-color: #D92D27; 406 border: 0px solid #B11813; 407 color: #fff; 408 font-size: 1.125rem; 409 font-weight: 700; 410 line-height: normal; 411 text-decoration: none; 412 display: inline-block; 413 white-space: nowrap; 414 font-family: var(---font-family-Korolev-Medium); 415 cursor:pointer; 416} 417.dom-brown_sugar_btn .nav-link:hover { 418 background: #B21914; 419 color:white; 420 border-radius: 0.375rem; 421} 422.dom-brown_sugar_btn .nav-link:focus{ 423 background: #FFDA00; 424 box-shadow: 0 0 0 0.125rem #FFDA00; 425 border-color: #FFDA00; 426 color: #263bb0; 427} 428 429/* ================= HAMBURGER ================= */ 430.dom-hamburger-mobile { 431 display:none; 432 flex-direction:column; 433 gap:5px; 434 z-index:999999; 435} 436.dom-hamburger-line { 437 width:28px; 438 height:3px; 439 background:#000; 440 border-radius:2px; 441 transition:all 0.3s; 442} 443body.menu-active .dom-hamburger-line:nth-child(1) { 444 transform:translateY(8px) rotate(45deg); 445 background:#fff; 446} 447body.menu-active .dom-hamburger-line:nth-child(2) { 448 opacity:0; 449} 450body.menu-active .dom-hamburger-line:nth-child(3) { 451 transform:translateY(-8px) rotate(-45deg); 452 background:#fff; 453} 454 455/* ================= MOBILE MENU ================= */ 456.dom-mobile-menu { 457 position:fixed; 458 top:0; 459 left:0; 460 width:100%; 461 height:100vh; 462 background:#002F87; 463 z-index:99999; 464 opacity:0; 465 visibility:hidden; 466 transition:opacity 0.4s ease,visibility 0.4s ease; 467 overflow-y:auto; 468} 469body.menu-active .dom-mobile-menu { 470 opacity:1; 471 visibility:visible; 472} 473.dom-mobile-menu-inner { 474 padding:100px 30px 40px; 475 max-width:600px; 476 margin:0 auto; 477} 478 479/* Mobile Navbar - vertical layout */ 480.dom-mobile-menu .dom-navbar ul { 481 display:flex; 482 flex-direction:column; 483 gap:20px; 484 list-style:none; 485 margin:0; 486 padding:0; 487} 488.dom-mobile-menu .dom-navbar a { 489 font-size:18px; 490 font-weight:600; 491 color:#fff; 492 text-decoration:none; 493} 494.dom-mobile-menu .dom-navbar a:hover { 495 color:#EF426F; 496} 497 498/* Mobile Search */ 499.dom-mobile-search_form { 500 max-width:340px !important; 501 width: 100% !important; 502} 503.dom-mobile-search_form .dom-site_header_input { 504 width:100% !important; 505 opacity:1 !important; 506 padding:8px 12px !important; 507} 508 509/* Mobile CTA */ 510.dom-mobile-cta-wrapper { 511 text-align:center; 512} 513 514/* ================= RESPONSIVE ================= */ 515@media (max-width: 1399px) { 516 .dom-site_logo img { 517 max-width: 100%; 518 padding-right: 20px; 519 } 520 .dom-site_header_cont_ls .dom-navbar ul { 521 column-gap: 16px; 522 } 523} 524@media (min-width: 1093px) and (max-width: 1128px) { 525 .dom-site_header_cont_ls .dom-navbar ul { 526 column-gap: 10px; 527 } 528} 529 530@media (min-width: 1024px) and (max-width: 1092px) { 531 .dom-site_header_cont_ls .dom-navbar ul { 532 column-gap: 0rem; 533 } 534 .dom-site_header_cont 535 { 536 padding-right:20px; 537 } 538 } 539@media (max-width: 1024px) { 540 .dom-site_logo img { 541 max-width: 50%; 542 } 543 .dom-site_header_search { 544 margin-bottom:20px; 545 } 546 .dom-hamburger-mobile { 547 display:flex; 548 margin-top: 30px; 549 } 550 .dom-site_header_cont_ls, 551 .dom-site_header_cont_rs { 552 display:none; 553 } 554 .dom-site_header_cont { 555 padding-right:50px; 556 } 557 .dom-site_header_search { 558 display: flex; 559 flex-wrap: wrap; 560 flex-direction: row; 561 align-items: center; 562 justify-content: space-around; 563 gap: 20px; 564 } 565} 566 567@media (max-width: 768px) { 568 .dom-site_logo img { 569 max-width: 60%; 570 } 571 .dom-site_header_cont { 572 padding-right: 25px; 573 } 574} 575 576@media (max-width: 480px) { 577 .dom-site_logo img { 578 max-width: 100%; 579 } 580} 581 582</style> 583 584<!-- ===================== JS ===================== -->
585<script> 586document.addEventListener('DOMContentLoaded',function(){ 587 588 // Mobile menu toggle 589 var menuToggler=document.getElementById('dom-menu-toggler'); 590 if(menuToggler){ 591 menuToggler.addEventListener('click', function(){ 592 var isActive = document.body.classList.toggle('menu-active'); 593 594 if(isActive){ 595 // LOCK body scroll on iOS 596 const scrollY = window.scrollY; 597 document.body.style.position = 'fixed'; 598 document.body.style.top = `-${scrollY}px`; 599 document.body.style.width = '100%'; 600 document.body.dataset.scrollY = scrollY; 601 } else { 602 // UNLOCK body scroll 603 const scrollY = document.body.dataset.scrollY; 604 document.body.style.position = ''; 605 document.body.style.top = ''; 606 document.body.style.width = ''; 607 window.scrollTo(0, parseInt(scrollY || '0')); 608 } 609 }); 610} 611 612 613 // Desktop search toggle only 614 const desktopForm=document.querySelector('.dom-site_header_cont_rs .dom-search_bar_form'); 615 const toggleBtn=document.querySelector('.dom-site_header_cont_rs .dom-search_toggle'); 616 const input=desktopForm?desktopForm.querySelector('.dom-site_header_input'):null; 617 618 if(toggleBtn && desktopForm && window.innerWidth>1024){ 619 toggleBtn.addEventListener('click',function(e){ 620 e.stopPropagation(); 621 desktopForm.classList.toggle('active'); 622 if(desktopForm.classList.contains('active')) input.focus(); 623 }); 624 625 document.addEventListener('click',function(e){ 626 if(!desktopForm.contains(e.target)){ 627 desktopForm.classList.remove('active'); 628 input.blur(); 629 } 630 }); 631 } 632 633}); 634</script>
634 635 636 <main id="main-content" class="home-main"> 637 <div class="views-element-container block block-views block-views-blocknew-hero-view-block-1" id="block-dominosugar-barrio-views-block-new-hero-view-block-1"> 638 639 640 <div class="content"> 641 <div><div class="view view-new-hero-view view-id-new_hero_view view-display-id-block_1 js-view-dom-id-7d6f816b6cc6a66bf0375d7a6e0f1cc8eb1b5c39f87424417f7ceef4353e8f65"> 642 643 644 645 <div class="view-content row"> 646 <div class="views-row"> 647 648 649 650 651 652<section class="hero"> 653 <div class="hero-container"> 654 655 <div class="hero-products"> 656 <div class="star-accent star-1" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;"> 657 <svg xmlns="http://www.w3.org/2000/svg" width="101" height="94" viewBox="0 0 101 94" fill="none"> 658 <path d="M100.084 35.7956C75.1478 38.1723 51.6128 22.4086 46.6351 0L45.8619 0.145511C44.6538 23.9122 24.4532 49.0371 0 57.2342V57.9617C24.9848 55.5851 48.5199 71.3972 53.5458 93.8058L54.2707 93.6603C55.5272 69.8936 75.6794 44.7688 100.133 36.5717" fill="#D92D27"></path> 659 </svg> 660 </div> 661 662 <div class="product-box front"> 663 <img loading="lazy" src="/sites/default/files/2026-08/hero-domino-4_0.png" width="812" height="480" alt="Fall Baking Made Simple with Domino® Sugar" /> 664 665 666 </div> 667 668 <div class="product-box back"> 669 670 </div> 671 672 <div class="star-accent star-2" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;"> 673 <svg xmlns="http://www.w3.org/2000/svg" width="101" height="94" viewBox="0 0 101 94" fill="none"> 674 <path d="M100.084 35.7956C75.1478 38.1723 51.6128 22.4086 46.6351 0L45.8619 0.145511C44.6538 23.9122 24.4532 49.0371 0 57.2342V57.9617C24.9848 55.5851 48.5199 71.3972 53.5458 93.8058L54.2707 93.6603C55.5272 69.8936 75.6794 44.7688 100.133 36.5717" fill="#D92D27"></path> 675 </svg> 676 </div> 677 </div> 678 679 <div id="hero" class="hero-content"> 680 <h1>Fall Baking Made Simple with Domino® Sugar</h1> 681 682 <p>Domino® Baker's Sugar⢠and Domino® Light Brown Sugar make it easy to bake with confidence and deliver great taste this Fall season.</p> 683 684 <div class="cta-buttons cta-btn"> 685 <a href="https://api.pearcommerce.com/v1/direct_atc?offerId=2868438276045326&retailer=walmart&fast=true&ut_m_source=website&utm_medium=homepage&utm_campaign=evergreen">Shop Baker's Sugarâ¢</a> 686 <a href="https://www.walmart.com/ip/Domino-Premium-Pure-Cane-Light-Brown-Sugar-2-lb-Zipper-Pak/1600519430?clickid=zwLxrYyo9xyZW9Y3dYVCdRKPUkrxKW2H-VUsTQ0&irgwc=1&afsrc=1&sourceid=imp_zwLxrYyo9xyZW9Y3dYVCdRKPUkrxKW2H-VUsTQ0&veh=aff&wmlspartner=imp_2095849&affiliates_ad_id=565706&campaign_id=9383&sharedid=&utm_source=pearcommerce">Shop Light Brown Sugar</a> 687 </div> 688 </div> 689 690 </div> 691</section> 692 693<section class="retailers"> 694 <div class="logos"> 695 <div class="logo_items"> 696 <img loading="lazy" src="/sites/default/files/2025-11/Walmart%20Logo.png" width="170" height="40" alt="Walmart Logo" /> 697 698 <img loading="lazy" src="/sites/default/files/2025-11/Kroger%20Logo.png" width="126" height="70" alt="Kroger Logo" /> 699 700 <img loading="lazy" src="/sites/default/files/2026-04/Vector%20%282%29.png" width="219" height="46" alt="Publix" /> 701 702 <img loading="lazy" src="/sites/default/files/2025-11/Target_Bullseye-Logo_White_transparent%201.png" width="59" height="59" alt="Target Logo" /> 703 704 <img loading="lazy" src="/sites/default/files/2025-11/Group%2010.png" width="127" height="50" alt="Meijer Logo" /> 705 706 <img loading="lazy" src="/sites/default/files/2026-04/%20Hannaford%20Logo.png" width="121" height="82" alt=" Hannaford Logo" /> 707 708 <img loading="lazy" src="/sites/default/files/2026-04/path2.png" width="351" height="60" alt="Sams Club Logo" /> 709 710 <img loading="lazy" src="/sites/default/files/2026-04/food-lion-5%201.png" width="92" height="82" alt="Food Lion Logo" /> 711 712 713 </div> 714 <div class="logo_items"> 715 <img loading="lazy" src="/sites/default/files/2025-11/Walmart%20Logo.png" width="170" height="40" alt="Walmart Logo" /> 716 717 <img loading="lazy" src="/sites/default/files/2025-11/Kroger%20Logo.png" width="126" height="70" alt="Kroger Logo" /> 718 719 <img loading="lazy" src="/sites/default/files/2026-04/Vector%20%282%29.png" width="219" height="46" alt="Publix" /> 720 721 <img loading="lazy" src="/sites/default/files/2025-11/Target_Bullseye-Logo_White_transparent%201.png" width="59" height="59" alt="Target Logo" /> 722 723 <img loading="lazy" src="/sites/default/files/2025-11/Group%2010.png" width="127" height="50" alt="Meijer Logo" /> 724 725 <img loading="lazy" src="/sites/default/files/2026-04/%20Hannaford%20Logo.png" width="121" height="82" alt=" Hannaford Logo" /> 726 727 <img loading="lazy" src="/sites/default/files/2026-04/path2.png" width="351" height="60" alt="Sams Club Logo" /> 728 729 <img loading="lazy" src="/sites/default/files/2026-04/food-lion-5%201.png" width="92" height="82" alt="Food Lion Logo" /> 730 731 732 </div> 733 <div class="logo_items"> 734 <img loading="lazy" src="/sites/default/files/2025-11/Walmart%20Logo.png" width="170" height="40" alt="Walmart Logo" /> 735 736 <img loading="lazy" src="/sites/default/files/2025-11/Kroger%20Logo.png" width="126" height="70" alt="Kroger Logo" /> 737 738 <img loading="lazy" src="/sites/default/files/2026-04/Vector%20%282%29.png" width="219" height="46" alt="Publix" /> 739 740 <img loading="lazy" src="/sites/default/files/2025-11/Target_Bullseye-Logo_White_transparent%201.png" width="59" height="59" alt="Target Logo" /> 741 742 <img loading="lazy" src="/sites/default/files/2025-11/Group%2010.png" width="127" height="50" alt="Meijer Logo" /> 743 744 <img loading="lazy" src="/sites/default/files/2026-04/%20Hannaford%20Logo.png" width="121" height="82" alt=" Hannaford Logo" /> 745 746 <img loading="lazy" src="/sites/default/files/2026-04/path2.png" width="351" height="60" alt="Sams Club Logo" /> 747 748 <img loading="lazy" src="/sites/default/files/2026-04/food-lion-5%201.png" width="92" height="82" alt="Food Lion Logo" /> 749 750 751 </div> 752 <div class="logo_items"> 753 <img loading="lazy" src="/sites/default/files/2025-11/Walmart%20Logo.png" width="170" height="40" alt="Walmart Logo" /> 754 755 <img loading="lazy" src="/sites/default/files/2025-11/Kroger%20Logo.png" width="126" height="70" alt="Kroger Logo" /> 756 757 <img loading="lazy" src="/sites/default/files/2026-04/Vector%20%282%29.png" width="219" height="46" alt="Publix" /> 758 759 <img loading="lazy" src="/sites/default/files/2025-11/Target_Bullseye-Logo_White_transparent%201.png" width="59" height="59" alt="Target Logo" /> 760 761 <img loading="lazy" src="/sites/default/files/2025-11/Group%2010.png" width="127" height="50" alt="Meijer Logo" /> 762 763 <img loading="lazy" src="/sites/default/files/2026-04/%20Hannaford%20Logo.png" width="121" height="82" alt=" Hannaford Logo" /> 764 765 <img loading="lazy" src="/sites/default/files/2026-04/path2.png" width="351" height="60" alt="Sams Club Logo" /> 766 767 <img loading="lazy" src="/sites/default/files/2026-04/food-lion-5%201.png" width="92" height="82" alt="Food Lion Logo" /> 768 769 770 </div> 771 <div class="logo_items"> 772 <img loading="lazy" src="/sites/default/files/2025-11/Walmart%20Logo.png" width="170" height="40" alt="Walmart Logo" /> 773 774 <img loading="lazy" src="/sites/default/files/2025-11/Kroger%20Logo.png" width="126" height="70" alt="Kroger Logo" /> 775 776 <img loading="lazy" src="/sites/default/files/2026-04/Vector%20%282%29.png" width="219" height="46" alt="Publix" /> 777 778 <img loading="lazy" src="/sites/default/files/2025-11/Target_Bullseye-Logo_White_transparent%201.png" width="59" height="59" alt="Target Logo" /> 779 780 <img loading="lazy" src="/sites/default/files/2025-11/Group%2010.png" width="127" height="50" alt="Meijer Logo" /> 781 782 <img loading="lazy" src="/sites/default/files/2026-04/%20Hannaford%20Logo.png" width="121" height="82" alt=" Hannaford Logo" /> 783 784 <img loading="lazy" src="/sites/default/files/2026-04/path2.png" width="351" height="60" alt="Sams Club Logo" /> 785 786 <img loading="lazy" src="/sites/default/files/2026-04/food-lion-5%201.png" width="92" height="82" alt="Food Lion Logo" /> 787 788 789 </div> 790 <div class="logo_items"> 791 <img loading="lazy" src="/sites/default/files/2025-11/Walmart%20Logo.png" width="170" height="40" alt="Walmart Logo" /> 792 793 <img loading="lazy" src="/sites/default/files/2025-11/Kroger%20Logo.png" width="126" height="70" alt="Kroger Logo" /> 794 795 <img loading="lazy" src="/sites/default/files/2026-04/Vector%20%282%29.png" width="219" height="46" alt="Publix" /> 796 797 <img loading="lazy" src="/sites/default/files/2025-11/Target_Bullseye-Logo_White_transparent%201.png" width="59" height="59" alt="Target Logo" /> 798 799 <img loading="lazy" src="/sites/default/files/2025-11/Group%2010.png" width="127" height="50" alt="Meijer Logo" /> 800 801 <img loading="lazy" src="/sites/default/files/2026-04/%20Hannaford%20Logo.png" width="121" height="82" alt=" Hannaford Logo" /> 802 803 <img loading="lazy" src="/sites/default/files/2026-04/path2.png" width="351" height="60" alt="Sams Club Logo" /> 804 805 <img loading="lazy" src="/sites/default/files/2026-04/food-lion-5%201.png" width="92" height="82" alt="Food Lion Logo" /> 806 807 808 </div> 809 </div> 810</section> 811 812<style> 813.retailers { 814 width: 100%; 815 max-width: 100%; 816 background:#1e3a6f; 817 padding: 1.25rem 6.063rem 1.313rem 3.875rem; 818 overflow: hidden; 819} 820.logos { 821 overflow: hidden; 822 white-space: nowrap; 823 position: relative; 824 line-height: 0; /* â FIX #1 */ 825} 826
827.logo_items { 828 display: inline-block; 829 animation: slides 30s linear infinite; 830} 831 832.logo_items img { 833 height: auto; 834 display: inline-block; 835 margin-right: 50px; 836 vertical-align: middle; /* â FIX #2 */ 837} 838 839@keyframes slides { 840 from { transform: translateX(0); } 841 to { transform: translateX(-100%); } 842} 843</style> 844 </div> 845 846 </div> 847 848 </div> 849</div> 850 851 </div> 852 </div> 853<div class="views-element-container block block-views block-views-blocknew-home-page-slider-block-1" id="block-dominosugar-barrio-views-block-new-home-page-slider-block-1"> 854 855 856 <div class="content"> 857 <div><div class="view view-new-home-page-slider view-id-new_home_page_slider view-display-id-block_1 js-view-dom-id-59463e44eee4b6cf237a4dbef91a1afb44b60d5bab1bb0c9e358368e0e26b5b7"> 858 859 860 861 <div class="view-content row"> 862 863 864<!-- Homepage Product Slider --> 865<section class="homepage-product-slider" id="homepage-product-slider-section"> 866 <div class="hps-container"> 867 868 <div class="hps-content"> 869 <h2 class="hps-section-title">Real Cane Sugar for Every Need</h2> 870 </div> 871 872 <div class="hps-slider-wrapper"> 873 <div class="owl-carousel owl-theme hps-slider"> 874 875 <div class="hps-product-card"> 876 <div class="hps-product-image"> 877 <img loading="lazy" src="/sites/default/files/2026-07/dom-granulated-product.png" width="900" height="1200" alt="Domino® Granulated Sugar" /> 878 879 880 </div> 881 <h3 class="hps-product-title"><a href="/products/granulated-sugar" hreflang="en">Granulated Sugar</a></h3> 882 <div class="hps-divider"></div> 883 <div class="hps-product-actions"> 884 <div class="hps-learn-more"> 885 <a href="/products/granulated-sugar">Learn More</a> 886 </div> 887 <div class="hps-buy-now"> 888 <a href="https://api.pearcommerce.com/v1/direct_atc?|offerId=2868438276045334&retailer=walmart&fast=true">Buy Now</a> 889 </div> 890 </div> 891 </div> 892 893 <div class="hps-product-card"> 894 <div class="hps-product-image"> 895 <img loading="lazy" src="/sites/default/files/2025-03/Baker%27s%20sugar.webp" width="900" height="1200" alt="A tub of Domino® Bakerâs Sugar" /> 896 897 898 </div> 899 <h3 class="hps-product-title"><a href="/products/bakers-sugar" hreflang="en">Bakerâs Sugarâ¢</a></h3> 900 <div class="hps-divider"></div> 901 <div class="hps-product-actions"> 902 <div class="hps-learn-more"> 903 <a href="/bakers-sugar">Learn More</a> 904 </div> 905 <div class="hps-buy-now"> 906 <a href="https://api.pearcommerce.com/v1/direct_atc?offerId=2868438276045326&retailer=walmart&fast=true">Buy Now</a> 907 </div> 908 </div> 909 </div> 910 911 <div class="hps-product-card"> 912 <div class="hps-product-image"> 913 <img loading="lazy" src="/sites/default/files/2024-10/Light%20Brown_Forward%20%281%29.png" width="900" height="1200" alt="Domino® Light Brown Sugar" /> 914 915 916 </div> 917 <h3 class="hps-product-title"><a href="/products/light-brown-sugar" hreflang="en">Light Brown Sugar</a></h3> 918 <div class="hps-divider"></div> 919 <div class="hps-product-actions"> 920 <div class="hps-learn-more"> 921 <a href="/products/light-brown-sugar">Learn More</a> 922 </div> 923 <div class="hps-buy-now"> 924 <a href="https://api.pearcommerce.com/v1/direct_atc?offerId=2868438276045320&retailer=walmart&fast=true">Buy Now</a> 925 </div> 926 </div> 927 </div> 928 929 <div class="hps-product-card"> 930 <div class="hps-product-image"> 931 <img loading="lazy" src="/sites/default/files/2025-03/dark-brown-llb%20%281%29.webp" width="900" height="1200" alt="Domino® Dark Brown Sugar" /> 932 933 934 </div> 935 <h3 class="hps-product-title"><a href="/products/dark-brown-sugar" hreflang="en">Dark Brown Sugar</a></h3> 936 <div class="hps-divider"></div> 937 <div class="hps-product-actions"> 938 <div class="hps-learn-more"> 939 <a href="/products/dark-brown-sugar">Learn More</a> 940 </div> 941 <div class="hps-buy-now"> 942 <a href="https://api.pearcommerce.com/v1/direct_atc?offerId=2868438276045338&retailer=walmart&fast=true">Buy Now</a> 943 </div> 944 </div> 945 </div> 946 947 <div class="hps-product-card"> 948 <div class="hps-product-image"> 949 <img loading="lazy" src="/sites/default/files/2025-03/erasebg-transformed.png" width="900" height="1200" alt="Domino® Golden Sugar" /> 950 951 952 </div> 953 <h3 class="hps-product-title">
953<a href="/products/golden-sugar" hreflang="en">Golden Sugar</a></h3> 954 <div class="hps-divider"></div> 955 <div class="hps-product-actions"> 956 <div class="hps-learn-more"> 957 <a href="/products/golden-sugar">Learn More</a> 958 </div> 959 <div class="hps-buy-now"> 960 <a href="https://api.pearcommerce.com/v1/direct_atc?offerId=2868438276045338&retailer=walmart&fast=true">Buy Now</a> 961 </div> 962 </div> 963 </div> 964 965 <div class="hps-product-card"> 966 <div class="hps-product-image"> 967 <img loading="lazy" src="/sites/default/files/2025-03/powered-sugar-domino%20%281%29.png" width="900" height="1200" alt="Domino® Powdered Sugar" /> 968 969 970 </div> 971 <h3 class="hps-product-title"><a href="/products/powdered-sugar" hreflang="en">Powdered Sugar</a></h3> 972 <div class="hps-divider"></div> 973 <div class="hps-product-actions"> 974 <div class="hps-learn-more"> 975 <a href="/products/powdered-sugar">Learn More</a> 976 </div> 977 <div class="hps-buy-now"> 978 <a href="https://lets.shop/2144/website_product_page_shopnow_powdered_sugar/">Buy Now</a> 979 </div> 980 </div> 981 </div> 982 983 <div class="hps-product-card"> 984 <div class="hps-product-image"> 985 <img loading="lazy" src="/sites/default/files/2025-04/sugar%20packets.webp" width="900" height="1200" alt="Domino® Sugar Packets" /> 986 987 988 </div> 989 <h3 class="hps-product-title"><a href="/products/sugar-packets" hreflang="en">Sugar Packets</a></h3> 990 <div class="hps-divider"></div> 991 <div class="hps-product-actions"> 992 <div class="hps-learn-more"> 993 <a href="/products/sugar-packets">Learn More</a> 994 </div> 995 <div class="hps-buy-now"> 996 <a href="/order-online">Buy Now</a> 997 </div> 998 </div> 999 </div> 1000 1001 <div class="hps-product-card"> 1002 <div class="hps-product-image"> 1003 <img loading="lazy" src="/sites/default/files/2025-11/Turbinado-Sugar.png" width="340" height="490" alt="domino premium pure cane turbinado sugar 1lb package" /> 1004 1005 1006 </div> 1007 <h3 class="hps-product-title"><a href="/products/turbinado-sugar" hreflang="en">Turbinado Sugar</a></h3> 1008 <div class="hps-divider"></div> 1009 <div class="hps-product-actions"> 1010 <div class="hps-learn-more"> 1011 <a href="/products/turbinado-sugar">Learn More</a> 1012 </div> 1013 <div class="hps-buy-now"> 1014 <a href="/order-online">Buy Now</a> 1015 </div> 1016 </div> 1017 </div> 1018 1019 <div class="hps-product-card"> 1020 <div class="hps-product-image"> 1021 <img loading="lazy" src="/sites/default/files/2025-11/Organic-Raw-Cane-Sugar.png" width="340" height="490" alt="Domino® Organic Raw Cane Sugar" /> 1022 1023 1024 </div> 1025 <h3 class="hps-product-title"><a href="/products/organic-raw-cane-sugar" hreflang="en">Organic Raw Cane Sugar</a></h3> 1026 <div class="hps-divider"></div> 1027 <div class="hps-product-actions"> 1028 <div class="hps-learn-more"> 1029 <a href="/products/organic-raw-cane-sugar">Learn More</a> 1030 </div> 1031 <div class="hps-buy-now"> 1032 <a href="/order-online">Buy Now</a> 1033 </div> 1034 </div> 1035 </div> 1036 </div> 1037 <div class="hps-slider-nav"> 1038 <!-- Prev Button --> 1039 <button class="hps-prev" aria-label="Previous Slide"> 1040 <svg 1041 width="21" 1042 height="15"
1043 viewBox="0 0 21 15" 1044 fill="none" 1045 xmlns="http://www.w3.org/2000/svg" 1046 > 1047 <path 1048 d="M.293 6.657a1 1 0 0 0 0 1.414l6.364 6.364a1 1 0 0 0 1.414-1.414L2.414 7.364l5.657-5.657A1 1 0 0 0 6.657.293zM21 7.364v-1H1v2h20z" 1049 fill="#263b80" 1050 /> 1051 </svg> 1052 </button> 1053 1054 1055 <!-- Next Button --> 1056 <button class="hps-next" aria-label="Next Slide"> 1057 <svg 1058 width="21" 1059 height="15" 1060 viewBox="0 0 21 15" 1061 fill="none" 1062 xmlns="http://www.w3.org/2000/svg" 1063 > 1064 <path 1065 d="M20.707 8.071a1 1 0 0 0 0-1.414L14.343.293a1 1 0 1 0-1.414 1.414l5.657 5.657-5.657 5.657a1 1 0 0 0 1.414 1.414zM0 7.364v1h20v-2H0z" 1066 fill="#263b80" 1067 /> 1068 </svg> 1069 </button> 1070 </div> 1071 </div> 1072 1073 1074 <div class="hps-view-all"> 1075 <a href="/products">View All Products</a> 1076 </div> 1077 1078 </div> 1079</section> 1080 1081<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"> 1082<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
1083<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
vendor: 1 bytes, line 1083
1083
1084<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
vendor: 1 bytes, line 1084
1084
1085<script> 1086(function($){ 1087 $(document).ready(function(){ 1088 1089 var $slider = $('.hps-slider'); 1090 var $prev = $('.hps-prev'); 1091 var $next = $('.hps-next'); 1092 1093 if($slider.length){ 1094 1095 $slider.owlCarousel({ 1096 loop: true, 1097 margin: 20, 1098 nav: false, 1099 dots: false, 1100 responsive: { 1101 0: { items: 1 }, 1102 480: { items: 2 }, 1103 768: { items: 2 }, 1104 1024: { items: 3 }, 1105 1440:{ items: 4 }, 1106 1800:{ items: 5 } 1107 } 1108 }); 1109 1110 function updateArrows(){ 1111 var carouselData = $slider.data('owl.carousel'); 1112 var totalItems = carouselData.items().length; // total items 1113 var currentIndex = carouselData.relative(carouselData.current()); 1114 var visibleItems = getVisibleItems(); 1115 1116 // Logic: hide arrows if all items visible 1117 if(totalItems <= visibleItems){ 1118 $prev.hide(); 1119 $next.hide(); 1120 return; 1121 } else { 1122 $prev.show(); 1123 $next.show(); 1124 } 1125 1126 // Disable arrows if at start/end 1127 if(currentIndex === 0){ 1128 $prev.addClass('disabled'); 1129 } else { 1130 $prev.removeClass('disabled'); 1131 } 1132 1133 if(currentIndex + visibleItems >= totalItems){ 1134 $next.addClass('disabled'); 1135 } else { 1136 $next.removeClass('disabled'); 1137 } 1138 } 1139 1140 // Get visible items based on window width 1141 function getVisibleItems(){ 1142 var width = $(window).width(); 1143 if(width >= 1800) return 5; 1144 if(width >= 1440) return 4; 1145 if(width >= 1024) return 3; 1146 if(width >= 768) return 2; 1147 if(width >= 480) return 2; 1148 return 1; 1149 } 1150 1151 // Initial check 1152 updateArrows(); 1153 1154 // On slide change 1155 $slider.on('changed.owl.carousel', updateArrows); 1156 1157 // Custom nav buttons 1158 $prev.click(function(){ 1159 if(!$(this).hasClass('disableds')) $slider.trigger('prev.owl.carousel'); 1160 }); 1161 $next.click(function(){ 1162 if(!$(this).hasClass('disableds')) $slider.trigger('next.owl.carousel'); 1163 }); 1164 1165 // Update on resize 1166 $(window).resize(updateArrows); 1167 1168 } 1169 1170 }); 1171})(jQuery); 1172 1173</script>
1173 1174 1175 1176<style> 1177 .homepage-product-slider { 1178 max-width: 1920px; 1179 margin: 0 auto; 1180 padding: clamp(60px, 8vw, 120px) clamp(20px, 4vw, 50px) clamp(80px, 10vw, 150px); 1181 /* background: #f8f6f6; */ 1182} 1183 1184/* Section Title */ 1185.hps-section-title{ 1186 position: relative; 1187 display: flex; 1188 align-items: center; 1189 text-align: center; 1190 font-family: "FONTSPRING DEMO - Buinton", serif; 1191 font-weight: 400; 1192 font-size: clamp(36px, 6vw, 80px); 1193 line-height: 55px; 1194 letter-spacing: 0; 1195 color: #263b80; 1196 gap: 1rem; 1197 flex-wrap: nowrap; 1198 flex-direction: row; 1199 justify-content: center; 1200} 1201 1202.hps-section-title::before, 1203.hps-section-title::after { 1204 content: ""; 1205 display: inline-block; 1206 width: 84px; 1207 height: 15px; 1208 background: url("data:image/svg+xml;utf8,<svg width='84' height='10' viewBox='0 0 84 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path stroke='%23ae841f' stroke-width='2' d='M0 1h84M0 9h84'/></svg>") 1209 no-repeat center; 1210 background-size: contain; 1211 /* flex-shrink: 0; */ 1212} 1213 1214 1215 1216h3.hps-product-title{ 1217 margin:0; 1218} 1219.hps-product-title a{ 1220color: #263B80; 1221font-family: var(---font-family-Korolev-Medium);font-weight: 700; 1222font-style: Bold; 1223font-size: 22px; 1224leading-trim: NONE; 1225line-height: 100%; 1226letter-spacing: 0%; 1227text-align: center; 1228 1229} 1230.hps-learn-more a { 1231 font-family: var(---font-family-Korolev-Medium); 1232 font-weight: 700; 1233 font-size: 14px; 1234 line-height: 1; 1235 letter-spacing: 0; 1236 text-align: right; 1237 color: #263b80; 1238 text-decoration: none; 1239 display: inline-flex; 1240 align-items: center; 1241 gap: 0.4rem; 1242} 1243 1244.hps-learn-more a::after { 1245 content: ""; 1246 display: inline-block; 1247 width: 21px; 1248 height: 15px; 1249 background: url("data:image/svg+xml;utf8,<svg width='21' height='15' viewBox='0 0 21 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M20.707 8.071a1 1 0 0 0 0-1.414L14.343.293a1 1 0 1 0-1.414 1.414l5.657 5.657-5.657 5.657a1 1 0 0 0 1.414 1.414zM0 7.364v1h20v-2H0z' fill='%23263b80'/></svg>") no-repeat center; 1250 background-size: contain; 1251} 1252 1253.hps-buy-now a { 1254 font-family: var(---font-family-Korolev-Medium); 1255 font-weight: 700; 1256 color: #fff; 1257 background-color: #D92D27; 1258 border: 0.063rem solid #B11813; 1259 border-radius: 6px; 1260 padding: 15px 20px; 1261 line-height: 1; 1262 text-decoration: none; 1263 transition: all .25s ease; 1264} 1265.hps-buy-now a:hover { 1266 background:#B21914; 1267} 1268.hps-buy-now a:focus { 1269 background:#FFDA00; 1270 border-color: #FFDA00; 1271 color:#263B80; 1272} 1273.hps-divider { 1274 height: 0.0625rem; 1275 width: 100%; 1276 background: rgba(174, 132, 31, 1); 1277 margin: 26px 0px; 1278} 1279 1280.hps-product-card { 1281 text-align: center; 1282 display: flex; 1283 flex-direction: column; 1284 align-items: center; 1285 gap: 1.25rem; 1286} 1287.hps-slider .hps-product-card { 1288 height: auto; 1289} 1290.hps-product-image { 1291 height: 17.5rem; 1292 1293} 1294.hps-product-image img{ 1295 max-width:100%; 1296 max-height:100%; 1297 width:auto; 1298 object-fit:contain; 1299} 1300 .hps-slider-wrapper { 1301 position: relative; 1302 } 1303 1304 .hps-product-card { 1305 background: #fff; 1306 text-align: center; 1307 padding: 20px; 1308 } 1309 1310 .hps-product-actions { 1311 display: flex; 1312 justify-content: center; 1313 align-items: center; 1314 flex-wrap:wrap; 1315 gap: 70px; 1316 gap:128px; 1317 row-gap: 25px; 1318 } 1319 1320 .hps-view-all { 1321 text-align: center; 1322 margin-top: 60px; 1323 } 1324 1325 .hps-view-all a { 1326 font-family: 'Korolev Medium'; 1327 font-weight: 700; 1328 font-style: Bold; 1329 font-size: 18px; 1330 leading-trim: NONE; 1331 line-height: 100%; 1332 letter-spacing: 0%; 1333 border: 1px solid; 1334 color: rgba(38, 59, 128, 0.93); 1335 padding: 15px 20px; 1336 border: 0.125rem solid #263B80; 1337 border-radius: 6px; 1338 display:inline-block; 1339 transition: all .25s ease; 1340} 1341.hps-view-all a:hover{ 1342 border: 0.125rem solid #263B80; 1343 box-shadow: 0 0 0 0.125rem #263B80; 1344} 1345.hps-view-all a:focus{ 1346 background:#FFDA00; 1347 box-shadow:0 0 0 0px #FFDA00; 1348 border:0.125rem solid #FFDA00; 1349} 1350 1351.hps-prev.disabled, 1352.hps-next.disabled { 1353 opacity: 1; 1354 cursor: pointer; 1355} 1356 1357 @media (max-width: 768px) { 1358 .hps-section-title { 1359 flex-direction: column; /* stack vertically */ 1360 gap: 0.6rem; 1361 line-height:normal; 1362 } 1363 1364 .hps-slider .owl-nav button.owl-prev { 1365 left: -40px; 1366 } 1367
1368 .hps-slider .owl-nav button.owl-next { 1369 right: -40px; 1370 } 1371 } 1372 @media (max-width: 480px) { 1373 1374 .hps-slider .owl-nav button.owl-prev { 1375 left: -30px; 1376 } 1377 1378 .hps-slider .owl-nav button.owl-next { 1379 right: -30px; 1380 } 1381 1382 .hps-slider .owl-nav button { 1383 width: 35px !important; 1384 height: 35px !important; 1385 } 1386 1387 .hps-section-title h1 { 1388 font-size: 2rem; 1389 } 1390 } 1391 /* Desktop: arrows at left/right */ 1392.hps-slider-nav { 1393 position: absolute; 1394 width: 100%; 1395 top: 50%; 1396 transform: translateY(-50%); 1397 display: flex; 1398 justify-content: space-between; 1399 z-index:9; 1400 pointer-events: none; 1401} 1402 1403.hps-slider-nav button { 1404 pointer-events: all; 1405 background: white; 1406border:0; 1407 width: auto; 1408 height: auto; 1409 display: flex; 1410 align-items: center; 1411 justify-content: center; 1412 cursor: pointer; 1413} 1414 1415/* Mobile & tablet: move arrows below carousel and center */ 1416@media (max-width: 768px) { 1417 .hps-slider-nav { 1418 position: relative; 1419 top: auto; 1420 transform: none; 1421 flex-direction: row; 1422 justify-content: center; 1423 gap: 20px; 1424 margin-top: 15px; 1425 } 1426 1427 .hps-slider-nav button { 1428 width: auto; 1429 height: auto; 1430 } 1431} 1432 1433</style> 1434 </div> 1435 1436 </div> 1437</div> 1438 1439 </div> 1440 </div> 1441<div class="views-element-container block block-views block-views-blockultimate-view-block-1" id="block-dominosugar-barrio-views-block-ultimate-view-block-1"> 1442 1443 1444 <div class="content"> 1445 <div><div class="view view-ultimate-view view-id-ultimate_view view-display-id-block_1 js-view-dom-id-de4a7106f4c527ceff368798d144dff7881da4604825a2be85af333a1c33fb78"> 1446 1447 1448 1449 <div class="view-content row"> 1450 <div class="views-row"> 1451 1452 1453<section class="ultimate-hero-wrapper"> 1454 <div class="ultimate-hero-inner"> 1455 1456 <div class="ultimate-image-wrapper"> 1457 <img loading="lazy" src="/sites/default/files/2026-08/product-making-the-perfect-caramel-sauce-with-domino-bakers-sugar_2.png" width="600" height="639" alt="Caramel" /> 1458 1459 1460 </div> 1461 1462 <div class="ultimate-content"> 1463 <h2 class="ultimate-heading">Make the Perfect Caramel with Domino® Baker's Sugarâ¢</h2> 1464 1465 <p class="ultimate-description">Nothing says fall like the smell of the perfect Caramel Sauce, and itâs never been easier to make than with Domino® Bakerâs Sugarâ¢</p> 1466 1467 1468 <div class="ultimate-button"> 1469 <a href="https://www.dominosugar.com/baking-tips-how-tos/making-the-perfect-caramel-sauce-with-domino-bakers-sugar">Learn How Here!</a> 1470 </div> 1471 1472 <div class="ultimate-stars"> 1473 <span class="ultimate-star star1" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;"> 1474 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="27" viewBox="0 0 30 27"> 1475 <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAC5ElEQVR4AaSVW2vUUBDH52S9IIIXhEq7OdnNeleEYgvFC1qt4IOgL4p+gD5YQfGhoA8+KH0RpCCKWBA/QX1R35RiixVRWiuIithudjdJxUJBCiJam/F/dnvZ3W52k+xhJpnMmZnfyeQk0SjCyCXlOSvZtDNC6mJKJDBrXiomYmcXq0QwIoGFJ1qJuMvW9TURmPmU0OCRlpaVJKgD2Y28UnTjHElCgxump06CtB4K4eu5lMTdwwwpocGC+FIRYxUxP7W36FuLfIHMUOBsyjjEgo6VVW5kpkE7pe8t81e9DAzmdlpB7N2rWI0pDvgb29Q7mbADqPYIDLaz8qogaib/sRbQh05SH7aTert/WGEmELhQiG8WUqofWdAB6MusqY/lTNmdSSR2YUFYc2leTbBrNu1AocdIi0EDC0joDt/WtLnPtqn/zJn6u5wZfwK7P5uMX6kKVrt1TmgDoG2C1iPrkNxMQvvOMXEtkXHv+ILR3jby6DVh4yCpTuEXQtAeI21fMMbtCVVsGVg9D3wULqK9Q7AbVFAd+oeYu6TlnpBp51txnRKwk4pvt035HMH3EbQaGlnwjKcE0xEj4/bBxj2UlsqD8fJvw132eSw+4eN/vDQkwpUglzQ6KDPOW79sTe0wZu4h9hoR9B46A61HpmPsdcgJZ7xaEU3tMMNyz0NPG5bTJi1ng+fFdhOJbrRojMKNObT3TNya/ForLd/q4iDAOJnNfjEsu1dazj4UOor2DxfH+NviBto76D+/NLMMvDRVsFQhabmHsaBOeH5BKwp2zweZsG9VnKzgrAlWOYCytJxHeBf34xfgKl+5ChKXxSD9K/f7XQcCLyTLtPMRcPUDmFzwzZ+HDMt+NW8HOoUCq4pqt7KmnYL9F5oXLOZu3ghxCA1WtRMTuVEi0UOFMfNj4+ZnBTP4MRJYlRez3Jt/3oIGWkdHZ5UvjEYGS8f5TSweEPNIGOBCbGSwKqAJr59YSys7rP4HAAD//9/9LHAAAAAGSURBVAMAeaPm9b6YNbgAAAAASUVORK5CYII=" x="0" y="0" width="30" height="27"></image> 1476 </svg> 1477 </span> 1478
1479 <span class="ultimate-star star2" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;"> 1480 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="27" viewBox="0 0 30 27"> 1481 <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAC5ElEQVR4AaSVW2vUUBDH52S9IIIXhEq7OdnNeleEYgvFC1qt4IOgL4p+gD5YQfGhoA8+KH0RpCCKWBA/QX1R35RiixVRWiuIithudjdJxUJBCiJam/F/dnvZ3W52k+xhJpnMmZnfyeQk0SjCyCXlOSvZtDNC6mJKJDBrXiomYmcXq0QwIoGFJ1qJuMvW9TURmPmU0OCRlpaVJKgD2Y28UnTjHElCgxump06CtB4K4eu5lMTdwwwpocGC+FIRYxUxP7W36FuLfIHMUOBsyjjEgo6VVW5kpkE7pe8t81e9DAzmdlpB7N2rWI0pDvgb29Q7mbADqPYIDLaz8qogaib/sRbQh05SH7aTert/WGEmELhQiG8WUqofWdAB6MusqY/lTNmdSSR2YUFYc2leTbBrNu1AocdIi0EDC0joDt/WtLnPtqn/zJn6u5wZfwK7P5uMX6kKVrt1TmgDoG2C1iPrkNxMQvvOMXEtkXHv+ILR3jby6DVh4yCpTuEXQtAeI21fMMbtCVVsGVg9D3wULqK9Q7AbVFAd+oeYu6TlnpBp51txnRKwk4pvt035HMH3EbQaGlnwjKcE0xEj4/bBxj2UlsqD8fJvw132eSw+4eN/vDQkwpUglzQ6KDPOW79sTe0wZu4h9hoR9B46A61HpmPsdcgJZ7xaEU3tMMNyz0NPG5bTJi1ng+fFdhOJbrRojMKNObT3TNya/ForLd/q4iDAOJnNfjEsu1dazj4UOor2DxfH+NviBto76D+/NLMMvDRVsFQhabmHsaBOeH5BKwp2zweZsG9VnKzgrAlWOYCytJxHeBf34xfgKl+5ChKXxSD9K/f7XQcCLyTLtPMRcPUDmFzwzZ+HDMt+NW8HOoUCq4pqt7KmnYL9F5oXLOZu3ghxCA1WtRMTuVEi0UOFMfNj4+ZnBTP4MRJYlRez3Jt/3oIGWkdHZ5UvjEYGS8f5TSweEPNIGOBCbGSwKqAJr59YSys7rP4HAAD//9/9LHAAAAAGSURBVAMAeaPm9b6YNbgAAAAASUVORK5CYII=" x="0" y="0" width="30" height="27"></image> 1482 </svg> 1483 </span> 1484 1485 <span class="ultimate-star star3" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;"> 1486 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="27" viewBox="0 0 30 27"> 1487 <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAC5ElEQVR4AaSVW2vUUBDH52S9IIIXhEq7OdnNeleEYgvFC1qt4IOgL4p+gD5YQfGhoA8+KH0RpCCKWBA/QX1R35RiixVRWiuIithudjdJxUJBCiJam/F/dnvZ3W52k+xhJpnMmZnfyeQk0SjCyCXlOSvZtDNC6mJKJDBrXiomYmcXq0QwIoGFJ1qJuMvW9TURmPmU0OCRlpaVJKgD2Y28UnTjHElCgxump06CtB4K4eu5lMTdwwwpocGC+FIRYxUxP7W36FuLfIHMUOBsyjjEgo6VVW5kpkE7pe8t81e9DAzmdlpB7N2rWI0pDvgb29Q7mbADqPYIDLaz8qogaib/sRbQh05SH7aTert/WGEmELhQiG8WUqofWdAB6MusqY/lTNmdSSR2YUFYc2leTbBrNu1AocdIi0EDC0joDt/WtLnPtqn/zJn6u5wZfwK7P5uMX6kKVrt1TmgDoG2C1iPrkNxMQvvOMXEtkXHv+ILR3jby6DVh4yCpTuEXQtAeI21fMMbtCVVsGVg9D3wULqK9Q7AbVFAd+oeYu6TlnpBp51txnRKwk4pvt035HMH3EbQaGlnwjKcE0xEj4/bBxj2UlsqD8fJvw132eSw+4eN/vDQkwpUglzQ6KDPOW79sTe0wZu4h9hoR9B46A61HpmPsdcgJZ7xaEU3tMMNyz0NPG5bTJi1ng+fFdhOJbrRojMKNObT3TNya/ForLd/q4iDAOJnNfjEsu1dazj4UOor2DxfH+NviBto76D+/NLMMvDRVsFQhabmHsaBOeH5BKwp2zweZsG9VnKzgrAlWOYCytJxHeBf34xfgKl+5ChKXxSD9K/f7XQcCLyTLtPMRcPUDmFzwzZ+HDMt+NW8HOoUCq4pqt7KmnYL9F5oXLOZu3ghxCA1WtRMTuVEi0UOFMfNj4+ZnBTP4MRJYlRez3Jt/3oIGWkdHZ5UvjEYGS8f5TSweEPNIGOBCbGSwKqAJr59YSys7rP4HAAD//9/9LHAAAAAGSURBVAMAeaPm9b6YNbgAAAAASUVORK5CYII=" x="0" y="0" width="30" height="27"></image> 1488 </svg> 1489 </span> 1490 </div> 1491 </div> 1492 </div> 1493</section> 1494<style> 1495/* Ultimate hero - base styles (remove .page-node-4268 if you want global) */ 1496/* To scope to a single node, prefix all rules with .page-node-4268 */ 1497/* Example: .page-node-4268 .ultimate-hero-wrapper { ... } */ 1498 1499.page-node-4268 .ultimate-hero-wrapper { 1500 max-width: 88rem; 1501 margin: 0 auto; 1502 padding: 4.5rem 2.5rem; 1503 display: flex; 1504 align-items: center; 1505 gap: 3.75rem; 1506 position: relative; 1507 box-sizing: border-box; 1508} 1509 1510.page-node-4268 .ultimate-hero-inner { 1511 display: flex; 1512 width: 100%; 1513 align-items: center; 1514 gap: 2rem; 1515} 1516 1517.page-node-4268 .ultimate-image-wrapper { 1518 flex: 1; 1519 max-width: 50%; 1520} 1521.page-node-4268 .ultimate-image-wrapper img { 1522 width: 100%; 1523 height: auto; 1524 display: block; 1525 border-radius: .5rem; 1526 box-shadow: 0.5rem 0.5rem 0 0 #f4d03f; 1527} 1528 1529.page-node-4268 .ultimate-content { 1530 flex: 1; 1531 position: relative; 1532 z-index: 2; 1533} 1534 1535.page-node-4268 .ultimate-body { 1536 margin: 1rem 0; 1537 font-size: 1rem; 1538 color: #222; 1539} 1540 1541 1542.page-node-4268 .ultimate-button a, 1543.page-node-4268 .ultimate-button .button { 1544 display: inline-block; 1545 padding: 0.875rem 1.5rem; 1546 font-size: 1rem; 1547 font-weight: 700; 1548 color: #003d82; 1549 background: #fff; 1550 border: 3px solid #003d82; 1551 border-radius: .3125rem; 1552 text-decoration: none; 1553 transition: all .25s ease; 1554} 1555 1556@media (max-width: 64rem) { 1557 .page-node-4268 .ultimate-hero-wrapper { padding: 3rem 2rem; } 1558 .page-node-4268 .ultimate-image-wrapper { max-width: 45%; } 1559} 1560 1561@media (max-width: 48rem) { 1562 .page-node-4268 .ultimate-hero-wrapper { flex-direction: column; gap: 1.5rem; padding: 2rem 1.25rem; } 1563 .page-node-4268 .ultimate-image-wrapper { max-width: 100%; order: 2; } 1564 .page-node-4268 .ultimate-content { order: 1; text-align: center; } 1565 .ultimate-description { margin-left: auto; margin-right: auto; } 1566} 1567</style> 1568 </div> 1569 1570 </div> 1571 1572 </div> 1573</div> 1574 1575 </div> 1576 </div> 1577<div class="views-element-container block block-views block-views-blocknew-menu-view-block-1" id="block-dominosugar-barrio-views-block-new-menu-view-block-1"> 1578 1579 1580 <div class="content"> 1581 <div><div class="view view-new-menu-view view-id-new_menu_view view-display-id-block_1 js-view-dom-id-cb98daaec082de4d956f5397526bcf7f2d1e241c34e3149e8ffd8a5ab1dc33d2"> 1582 1583 1584 1585 <div class="view-content row"> 1586 <div class="views-row"> 1587 1588 1589<section class="mastermenu-section"> 1590 <div class="mastermenu-wrapper"> 1591 1592 <!-- Image Area --> 1593 <div class="mastermenu-image"> 1594 <img loading="lazy" src="/sites/default/files/2026-08/recipe-air-fryer-apple-spiced-oatmeal-cookie
1594s.jpg" width="600" height="400" alt="Apple Spiced oatmel cookies" /> 1595 1596 1597 1598 <!-- Decorative Sparkles --> 1599 <span class="mastermenu-sparkle mastermenu-sparkle-left" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;"> 1600 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="27" viewBox="0 0 30 27"> 1601 <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAC5ElEQVR4AaSVW2vUUBDH52S9IIIXhEq7OdnNeleEYgvFC1qt4IOgL4p+gD5YQfGhoA8+KH0RpCCKWBA/QX1R35RiixVRWiuIithudjdJxUJBCiJam/F/dnvZ3W52k+xhJpnMmZnfyeQk0SjCyCXlOSvZtDNC6mJKJDBrXiomYmcXq0QwIoGFJ1qJuMvW9TURmPmU0OCRlpaVJKgD2Y28UnTjHElCgxump06CtB4K4eu5lMTdwwwpocGC+FIRYxUxP7W36FuLfIHMUOBsyjjEgo6VVW5kpkE7pe8t81e9DAzmdlpB7N2rWI0pDvgb29Q7mbADqPYIDLaz8qogaib/sRbQh05SH7aTert/WGEmELhQiG8WUqofWdAB6MusqY/lTNmdSSR2YUFYc2leTbBrNu1AocdIi0EDC0joDt/WtLnPtqn/zJn6u5wZfwK7P5uMX6kKVrt1TmgDoG2C1iPrkNxMQvvOMXEtkXHv+ILR3jby6DVh4yCpTuEXQtAeI21fMMbtCVVsGVg9D3wULqK9Q7AbVFAd+oeYu6TlnpBp51txnRKwk4pvt035HMH3EbQaGlnwjKcE0xEj4/bBxj2UlsqD8fJvw132eSw+4eN/vDQkwpUglzQ6KDPOW79sTe0wZu4h9hoR9B46A61HpmPsdcgJZ7xaEU3tMMNyz0NPG5bTJi1ng+fFdhOJbrRojMKNObT3TNya/ForLd/q4iDAOJnNfjEsu1dazj4UOor2DxfH+NviBto76D+/NLMMvDRVsFQhabmHsaBOeH5BKwp2zweZsG9VnKzgrAlWOYCytJxHeBf34xfgKl+5ChKXxSD9K/f7XQcCLyTLtPMRcPUDmFzwzZ+HDMt+NW8HOoUCq4pqt7KmnYL9F5oXLOZu3ghxCA1WtRMTuVEi0UOFMfNj4+ZnBTP4MRJYlRez3Jt/3oIGWkdHZ5UvjEYGS8f5TSweEPNIGOBCbGSwKqAJr59YSys7rP4HAAD//9/9LHAAAAAGSURBVAMAeaPm9b6YNbgAAAAASUVORK5CYII=" x="0" y="0" width="30" height="27"></image> 1602 </svg> 1603 </span> 1604 <span class="mastermenu-sparkle mastermenu-sparkle-right" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;"> 1605 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="27" viewBox="0 0 30 27"> 1606 <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAC5ElEQVR4AaSVW2vUUBDH52S9IIIXhEq7OdnNeleEYgvFC1qt4IOgL4p+gD5YQfGhoA8+KH0RpCCKWBA/QX1R35RiixVRWiuIithudjdJxUJBCiJam/F/dnvZ3W52k+xhJpnMmZnfyeQk0SjCyCXlOSvZtDNC6mJKJDBrXiomYmcXq0QwIoGFJ1qJuMvW9TURmPmU0OCRlpaVJKgD2Y28UnTjHElCgxump06CtB4K4eu5lMTdwwwpocGC+FIRYxUxP7W36FuLfIHMUOBsyjjEgo6VVW5kpkE7pe8t81e9DAzmdlpB7N2rWI0pDvgb29Q7mbADqPYIDLaz8qogaib/sRbQh05SH7aTert/WGEmELhQiG8WUqofWdAB6MusqY/lTNmdSSR2YUFYc2leTbBrNu1AocdIi0EDC0joDt/WtLnPtqn/zJn6u5wZfwK7P5uMX6kKVrt1TmgDoG2C1iPrkNxMQvvOMXEtkXHv+ILR3jby6DVh4yCpTuEXQtAeI21fMMbtCVVsGVg9D3wULqK9Q7AbVFAd+oeYu6TlnpBp51txnRKwk4pvt035HMH3EbQaGlnwjKcE0xEj4/bBxj2UlsqD8fJvw132eSw+4eN/vDQkwpUglzQ6KDPOW79sTe0wZu4h9hoR9B46A61HpmPsdcgJZ7xaEU3tMMNyz0NPG5bTJi1ng+fFdhOJbrRojMKNObT3TNya/ForLd/q4iDAOJnNfjEsu1dazj4UOor2DxfH+NviBto76D+/NLMMvDRVsFQhabmHsaBOeH5BKwp2zweZsG9VnKzgrAlWOYCytJxHeBf34xfgKl+5ChKXxSD9K/f7XQcCLyTLtPMRcPUDmFzwzZ+HDMt+NW8HOoUCq4pqt7KmnYL9F5oXLOZu3ghxCA1WtRMTuVEi0UOFMfNj4+ZnBTP4MRJYlRez3Jt/3oIGWkdHZ5UvjEYGS8f5TSweEPNIGOBCbGSwKqAJr59YSys7rP4HAAD//9/9LHAAAAAGSURBVAMAeaPm9b6YNbgAAAAASUVORK5CYII=" x="0" y="0" width="30" height="27"></image> 1607 </svg> 1608 </span> 1609 <span class="mastermenu-star star1" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;"> 1610 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="27" viewBox="0 0 30 27"> 1611 <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAC5ElEQVR4AaSVW2vUUBDH52S9IIIXhEq7OdnNeleEYgvFC1qt4IOgL4p+gD5YQfGhoA8+KH0RpCCKWBA/QX1R35RiixVRWiuIithudjdJxUJBCiJam/F/dnvZ3W52k+xhJpnMmZnfyeQk0SjCyCXlOSvZtDNC6mJKJDBrXiomYmcXq0QwIoGFJ1qJuMvW9TURmPmU0OCRlpaVJKgD2Y28UnTjHElCgxump06CtB4K4eu5lMTdwwwpocGC+FIRYxUxP7W36FuLfIHMUOBsyjjEgo6VVW5kpkE7pe8t81e9DAzmdlpB7N2rWI0pDvgb29Q7mbADqPYIDLaz8qogaib/sRbQh05SH7aTert/WGEmELhQiG8WUqofWdAB6MusqY/lTNmdSSR2YUFYc2leTbBrNu1AocdIi0EDC0joDt/WtLnPtqn/zJn6u5wZfwK7P5uMX6kKVrt1TmgDoG2C1iPrkNxMQvvOMXEtkXHv+ILR3jby6DVh4yCpTuEXQtAeI21fMMbtCVVsGVg9D3wULqK9Q7AbVFAd+oeYu6TlnpBp51txnRKwk4pvt035HMH3EbQaGlnwjKcE0xEj4/bBxj2UlsqD8fJvw132eSw+4eN/vDQkwpUglzQ6KDPOW79sTe0wZu4h9hoR9B46A61HpmPsdcgJZ7xaEU3tMMNyz0NPG5bTJi1ng
1611+fFdhOJbrRojMKNObT3TNya/ForLd/q4iDAOJnNfjEsu1dazj4UOor2DxfH+NviBto76D+/NLMMvDRVsFQhabmHsaBOeH5BKwp2zweZsG9VnKzgrAlWOYCytJxHeBf34xfgKl+5ChKXxSD9K/f7XQcCLyTLtPMRcPUDmFzwzZ+HDMt+NW8HOoUCq4pqt7KmnYL9F5oXLOZu3ghxCA1WtRMTuVEi0UOFMfNj4+ZnBTP4MRJYlRez3Jt/3oIGWkdHZ5UvjEYGS8f5TSweEPNIGOBCbGSwKqAJr59YSys7rP4HAAD//9/9LHAAAAAGSURBVAMAeaPm9b6YNbgAAAAASUVORK5CYII=" x="0" y="0" width="30" height="27"></image> 1612 </svg> 1613 </span> 1614 <span class="mastermenu-star star2" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;"> 1615 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="18" viewBox="0 0 20 18"> 1616 <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAACg0lEQVR4AYxTTUhUURQ+5476ZrIwBhMd9c0oan+7fjbWQoOgTVCLSKEWQUEuooj2jq2DohZJtAiKEloUbVoqRLXoZ9cfWjpv9DloSNHPm3Hm3eN3HZ6gzoxezrn3/Hzne+ee956iCkuION3V0pxqix19v5+qaROrIuFyfYGiTOpa3e9ohDaxNiJkLbILPIctv/bSeEeHZbqGX1YqE/aQYqIL0DCRvhyWbC+YKtaUTY72UJXj2MeI+Ai6Ao7rSdOj6faWE3N7dmwtxmjdAnBdjAaJVFc61kSiYVKAYZBERei+51nDGdvevTwCPBjxEFQZDcArrAhy/876Wt8PXWWifUjgwF4UY2/H1p8PyRtLew/SU62nZhLNB9H53kyi0V5FaMhmY7HIlnxkiFgGwLEqDz8QxGUbCZ8G7qEwvRDhPo+VhUQRAzKViscbfUslSeQiojXQjaQAwGul5ORcNJ1sm3THl+9tPlq33e5Wyh8RoitEhLdKuBms0gIYZQG4pXWoL/bdfXvgA+Xha+W2xTobFlqTvuhnqD0ErYJuJIvEPBzK6WQ8lcoYoqBALYrOMcuIEjmOmZwlphEi/kOEjwRbCdHA3f1f7Q02ua4HMtPtCkwlpjJOy4/pT81TM+9aE+mnORU+V+1zN1CPgfoFhYm9KMb+mFeFm0++/fy3lsxAzJ+gkTDq8xgVOicmco2O8yUSyQ0w03mAFqCGCAdpIXXdsWfdoTI3UAa1Vhnghs/zf9H5c1Z0hknmTUxIxuy487IXD15bE/glCYMkTp3l8Ci6uo0Ws/Dv0VjZ2ZJZFQnRlZgR1IasOwC/8om/4gQ39jJSkTComayb8IT1jZqQmHkG4ZLnEgAAAP//KejbDAAAAAZJREFUAwDZ2uTJtYphZwAAAABJRU5ErkJggg==" x="0" y="0" width="20" height="18"></image> 1617 </svg> 1618 </span> 1619 <span class="mastermenu-star star2" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;"> 1620 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="18" viewBox="0 0 20 18"> 1621 <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAACg0lEQVR4AYxTTUhUURQ+5476ZrIwBhMd9c0oan+7fjbWQoOgTVCLSKEWQUEuooj2jq2DohZJtAiKEloUbVoqRLXoZ9cfWjpv9DloSNHPm3Hm3eN3HZ6gzoxezrn3/Hzne+ee956iCkuION3V0pxqix19v5+qaROrIuFyfYGiTOpa3e9ohDaxNiJkLbILPIctv/bSeEeHZbqGX1YqE/aQYqIL0DCRvhyWbC+YKtaUTY72UJXj2MeI+Ai6Ao7rSdOj6faWE3N7dmwtxmjdAnBdjAaJVFc61kSiYVKAYZBERei+51nDGdvevTwCPBjxEFQZDcArrAhy/876Wt8PXWWifUjgwF4UY2/H1p8PyRtLew/SU62nZhLNB9H53kyi0V5FaMhmY7HIlnxkiFgGwLEqDz8QxGUbCZ8G7qEwvRDhPo+VhUQRAzKViscbfUslSeQiojXQjaQAwGul5ORcNJ1sm3THl+9tPlq33e5Wyh8RoitEhLdKuBms0gIYZQG4pXWoL/bdfXvgA+Xha+W2xTobFlqTvuhnqD0ErYJuJIvEPBzK6WQ8lcoYoqBALYrOMcuIEjmOmZwlphEi/kOEjwRbCdHA3f1f7Q02ua4HMtPtCkwlpjJOy4/pT81TM+9aE+mnORU+V+1zN1CPgfoFhYm9KMb+mFeFm0++/fy3lsxAzJ+gkTDq8xgVOicmco2O8yUSyQ0w03mAFqCGCAdpIXXdsWfdoTI3UAa1Vhnghs/zf9H5c1Z0hknmTUxIxuy487IXD15bE/glCYMkTp3l8Ci6uo0Ws/Dv0VjZ2ZJZFQnRlZgR1IasOwC/8om/4gQ39jJSkTComayb8IT1jZqQmHkG4ZLnEgAAAP//KejbDAAAAAZJREFUAwDZ2uTJtYphZwAAAABJRU5ErkJggg==" x="0" y="0" width="20" height="18"></image> 1622 </svg> 1623 </span> 1624 1625 </div> 1626 1627 <!-- Content Area --> 1628 <div class="mastermenu-content"> 1629 <h2 class="mastermenu-heading">Fall Recipes You Need to Bake This Season</h2> 1630 1631 <p class="mastermenu-text">Celebrate the flavors of fall with a cozy collection of Domino® Sugar recipes made to bring seasonal baking, sweet treats, and warm memories to your table.</p> 1632 1633 <div class="mastermenu-button cta-btn"> 1634 <a href="https://www.dominosugar.com/fall-recipes">Find the Perfect Recipe!</a> 1635 </div> 1636 </div> 1637 1638 </div> 1639</section> 1640 1641 1642 </div> 1643 1644 </div> 1645 1646 </div> 1647</div> 1648 1649 </div> 1650 </div> 1651<div class="views-element-container block block-views block-views-blockreinvent-leftovers-view-block-1" id="block-dominosugar-barrio-views-block-reinvent-leftovers-view-block-1"> 1652 1653 1654 <div class="content"> 1655 <div><div class="view view-reinvent-leftovers-view view-id-reinvent_leftovers_view view-display-id-block_1 js-view-dom-id-d6781fa2bb2eeb15cde13a7dbc0f7c78454
165562d6cafffb9a8fe04adb860ef83ba"> 1656 1657 1658 1659 <div class="view-content row"> 1660 <div class="views-row"> 1661 1662 1663<section class="reinvent-section"> 1664 <div class="mastermenu-wrapper"> 1665 1666 <!-- Image Area --> 1667 <div class="mastermenu-image"> 1668 <img loading="lazy" src="/sites/default/files/2026-08/pumpkin-bars.jpg" width="600" height="400" alt="Pumpkin bars" /> 1669 1670 1671 1672 <!-- Decorative Sparkles --> 1673 <span class="reinvent-sparkle reinvent-sparkle-left"> 1674 <svg viewBox="0 0 24 24" fill="#facc15"> 1675 <path d="M12 2L14.5 9.5L22 12L14.5 14.5L12 22L9.5 14.5L2 12L9.5 9.5L12 2Z"/> 1676 </svg> 1677 </span> 1678 <span class="reinvent-sparkle reinvent-sparkle-right"> 1679 <svg viewBox="0 0 24 24" fill="#facc15"> 1680 <path d="M12 2L14.5 9.5L22 12L14.5 14.5L12 22L9.5 14.5L2 12L9.5 9.5L12 2Z"/> 1681 </svg> 1682 </span> 1683 </div> 1684 1685 <!-- Content Area --> 1686 <div class="mastermenu-content"> 1687 <h2 class="mastermenu-heading">Big Fall Flavor, Perfectly Sized</h2> 1688 1689 <p class="mastermenu-text">Creamy, spiced, and made to impressâthese Pumpkin Bars deliver all the goodness of the season in every bite.</p> 1690 1691 <div class="mastermenu-button cta-btn"> 1692 <a href="https://www.dominosugar.com/recipe/pumpkin-bars">Bake This Recipe!</a> 1693 </div> 1694 </div> 1695 1696 </div> 1697</section> 1698 1699<style> 1700/* Reinvent Leftovers Section */ 1701.page-node-4268 .reinvent-section { 1702 background-color: #ffffff; 1703 padding: 4rem 5%; 1704 display: flex; 1705 justify-content: center; 1706 align-items: center; 1707} 1708 1709.page-node-4268 .reinvent-wrapper { 1710 display: flex; 1711 align-items: center; 1712 justify-content: space-between; 1713 max-width: 80rem; 1714 width: 100%; 1715 gap: 3rem; 1716 flex-wrap: wrap; 1717} 1718 1719/* Image Area */ 1720.page-node-4268 .reinvent-image { 1721 flex: 1 1 40%; 1722 position: relative; 1723 display: flex; 1724 justify-content: center; 1725 align-items: center; 1726} 1727 1728.page-node-4268 .reinvent-image img { 1729 width: 100%; 1730 height: auto; 1731 max-width: 30rem; 1732 border-radius: 0.75rem; 1733 box-shadow: 12px 12px 0 #facc15; 1734 object-fit: cover; 1735} 1736 1737/* Sparkles */ 1738.page-node-4268 .reinvent-sparkle { 1739 position: absolute; 1740 width: 1.5rem; 1741 height: 1.5rem; 1742 animation: sparkle-twinkle 2s infinite alternate; 1743} 1744 1745.page-node-4268 .reinvent-sparkle-left { 1746 top: 5%; 1747 left: 10%; 1748} 1749 1750.page-node-4268 .reinvent-sparkle-right { 1751 bottom: 10%; 1752 right: 5%; 1753} 1754 1755@keyframes sparkle-twinkle { 1756 0% { 1757 opacity: 0.5; 1758 transform: scale(0.9) rotate(15deg); 1759 } 1760 100% { 1761 opacity: 1; 1762 transform: scale(1.2) rotate(-15deg); 1763 } 1764} 1765 1766/* ð Content Area */ 1767.page-node-4268 .reinvent-content { 1768 flex: 1 1 50%; 1769 color: #002d72; 1770 text-align: left; 1771} 1772 1773.page-node-4268 .reinvent-heading { 1774 font-size: 2rem; 1775 font-weight: 700; 1776 color: #002d72; 1777 margin-bottom: 1rem; 1778 text-transform: uppercase; 1779} 1780 1781.page-node-4268 .reinvent-text { 1782 font-size: 1.2rem; 1783 color: #000000; 1784 margin-bottom: 1.5rem; 1785 line-height: 1.6; 1786} 1787 1788.page-node-4268 .reinvent-button a { 1789 display: inline-block; 1790 text-decoration: none; 1791 border: 2px solid #002d72; 1792 color: #002d72; 1793 padding: 0.75rem 1.5rem; 1794 border-radius: 0.375rem; 1795 font-weight: 600; 1796 font-size: 1rem; 1797 transition: all 0.3s ease; 1798} 1799 1800.page-node-4268 .reinvent-button a:hover { 1801 background-color: #002d72; 1802 color: #fff; 1803} 1804 1805/* ð± Responsive */ 1806@media (max-width: 992px) { 1807 .page-node-4268 .reinvent-wrapper { 1808 flex-direction: column-reverse; 1809 text-align: center; 1810 } 1811 1812 .page-node-4268 .reinvent-content { 1813 flex: 1 1 100%; 1814 } 1815 1816 .page-node-4268 .reinvent-image img { 1817 max-width: 25rem; 1818 box-shadow: 12px 12px 0 #facc15 1819 } 1820} 1821</style> 1822 1823 </div> 1824 1825 </div> 1826 1827 </div> 1828</div> 1829 1830 </div> 1831 </div> 1832<div class="views-element-container block block-views block-views-blocknew-video-tutorial-view-block-1" id="block-dominosugar-barrio-views-block-new-video-tutorial-view-block-1"> 1833 1834 1835 <div class="content"> 1836 <div><div class="view view-new-video-tutorial-view view-id-new_video_tutorial_view view-display-id-block_1 js-view-dom-id-ffa357d21cfa753040e007af8f17e5c1c14c50bf19293a5d99c0ca170f989b93"> 1837 1838 1839 1840 <div class="view-content row"> 1841 <div class="views-row"> 1842 1843 1844<section class="videotutorial-section"> 1845 <div class="videotutorial-wrapper"> 1846 <div class="videotutorial-player" data-video="https://youtu.be/kZBQlbYZj1o?si=FikuZZp_yqSDpcCO"> 1847 <div class="video-bg"> <img loading="lazy" src="/sites/default/files/2026-08/espresso-cookies_0.png" width="600" height="349" alt="Espresso Cookies" /> 1848 1849</div> 1850 1851 <div class="play-btn"> 1852 <svg width="80" height="80" viewBox="0 0 24 24"> 1853 <polygon points="5,3 19,12 5,21" fill="#FFDA00" /> 1854 </svg> 1855 </div> 1856 </div> 1857 </div> 1858</section> 1859 1860<div id="video-lightbox" class="video-lightbox"> 1861 1862 <div class="video-lightbox-content"> 1863 1864 <button class="video-lightbox-close inside" aria-label="Close"> 1865 <svg width="32" height="32" viewBox="0 0 24 24" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1866 <line x1="18" y1="6" x2="6" y2="18"/> 1867 <line x1="6" y1="6" x2="18" y2="18"/> 1868 </svg> 1869 </button> 1870 1871 1872 <div id="video-lightbox-frame"></div> 1873 </div> 1874</div> 1875 1876<style> 1877 1878.video-lightbox { 1879 position: fixed; 1880 inset: 0; 1881 background: rgba(0,0,0,0.88); 1882 display: flex; 1883 justify-content: center; 1884 align-items: center; 1885 padding: 20px; 1886 z-index: 999999; 1887 opacity: 0; 1888 visibility: hidden; 1889 transition: opacity .35s ease, visibility .35s ease; 1890} 1891 1892.video-lightbox.active { 1893 opacity: 1; 1894 visibility: visible; 1895} 1896 1897.video-lightbox-content { 1898 position: relative; 1899 width: 100%; 1900 max-width: 1150px; 1901 animation: zoomIn .4s ease; 1902} 1903 1904@keyframes zoomIn { 1905 from { transform: scale(.85); opacity: 0; } 1906 to { transform: scale(1); opacity: 1; } 1907} 1908 1909#video-lightbox-frame iframe { 1910 width: 100%; 1911 height: 75vh; /* â Bigger video height */ 1912 max-height: 800px;
1912 /* â Still safe on desktops */ 1913 border: none; 1914 border-radius: 14px; 1915 background: #000; 1916} 1917 1918.video-lightbox-close { 1919 background: none; 1920 border: none; 1921 cursor: pointer; 1922 padding: 6px; 1923 z-index: 10; 1924 transition: transform .2s ease; 1925} 1926 1927.video-lightbox-close:hover { 1928 transform: scale(1.12); 1929} 1930 1931/* inside version */ 1932.video-lightbox-close.inside { 1933 position: absolute; 1934 top: -45px; 1935 right: 0 1936} 1937 1938/* outside version */ 1939.video-lightbox-close.outside { 1940 position: absolute; 1941 top: -45px; 1942 right: 0 1943} 1944 1945</style> 1946
1947<script> 1948(function(){ 1949 const players = document.querySelectorAll('.videotutorial-player'); 1950 const lightbox = document.getElementById('video-lightbox'); 1951 const frame = document.getElementById('video-lightbox-frame'); 1952 const closeBtn = document.querySelector('.video-lightbox-close'); 1953 1954 function extractYouTubeID(url) { 1955 const m = url.match(/embed\/([^?&]+)|watch\?v=([^&]+)|youtu\.be\/([^?&]+)/); 1956 return m ? (m[1] || m[2] || m[3]) : null; 1957 } 1958 1959 players.forEach(el => { 1960 el.addEventListener('click', () => { 1961 const id = extractYouTubeID(el.dataset.video); 1962 if (!id) return; 1963 1964 frame.innerHTML = 1965 `<iframe src="https://www.youtube.com/embed/${id}?autoplay=1" 1966 allow="autoplay; fullscreen"></iframe>`; 1967 1968 lightbox.classList.add('active'); 1969 }); 1970 }); 1971 1972 function closeLightbox() { 1973 lightbox.classList.remove('active'); 1974 setTimeout(() => frame.innerHTML = "", 300); 1975 } 1976 1977 closeBtn.addEventListener('click', closeLightbox); 1978 1979 lightbox.addEventListener('click', (e) => { 1980 if (e.target === lightbox) closeLightbox(); 1981 }); 1982 1983})(); 1984</script>
1984 1985 1986 </div> 1987 1988 </div> 1989 1990 </div> 1991</div> 1992 1993 </div> 1994 </div> 1995<div class="views-element-container block block-views block-views-blocksweet-inspiration-block-1" id="block-dominosugar-barrio-views-block-sweet-inspiration-block-1"> 1996 1997 1998 <div class="content"> 1999 <div><div class="view view-sweet-inspiration view-id-sweet_inspiration view-display-id-block_1 js-view-dom-id-a6f7c72d4bb397b0e98222c36da0a4d34f96a3bdb4ce1c989bfeba284c69692d"> 2000 2001 2002 2003 <div class="view-content row"> 2004 <div class="views-row"> 2005 2006 2007<section class="sweetinspiration-section"> 2008 <div class="sweetinspiration-wrapper"> 2009 2010 <div class="sweetinspiration-image"> 2011 <img loading="lazy" src="/sites/default/files/2025-11/ractangula44.png" width="746" height="501" alt="img" /> 2012 2013 2014 </div> 2015 2016 <div class="sweetinspiration-content"> 2017 <h2 class="sweetinspiration-heading">SWEET INSPIRATION FROM OUR KITCHEN TO YOURS</h2> 2018 2019 <p class="sweetinspiration-text"><p>See what our Corporate Chef, Eleonora, and our talented partners are baking up with Domino® Sugar. From savory starters to decadent desserts, discover new recipes that bring the pure taste of real cane sugar to life in every creation. Let their expertise and creativity inspire your next culinary masterpiece.</p></p> 2020 2021 <div class="sweetinspiration-button"> 2022 <a href="https://www.dominosugar.com/recipes">Homemade Domino® Sugar Recipes</a> 2023 </div> 2024 <div class="sweetinspiration-stars"> 2025 <span class="sweetinspiration-star star1" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;"> 2026 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="27" viewBox="0 0 30 27"> 2027 <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAC5ElEQVR4AaSVW2vUUBDH52S9IIIXhEq7OdnNeleEYgvFC1qt4IOgL4p+gD5YQfGhoA8+KH0RpCCKWBA/QX1R35RiixVRWiuIithudjdJxUJBCiJam/F/dnvZ3W52k+xhJpnMmZnfyeQk0SjCyCXlOSvZtDNC6mJKJDBrXiomYmcXq0QwIoGFJ1qJuMvW9TURmPmU0OCRlpaVJKgD2Y28UnTjHElCgxump06CtB4K4eu5lMTdwwwpocGC+FIRYxUxP7W36FuLfIHMUOBsyjjEgo6VVW5kpkE7pe8t81e9DAzmdlpB7N2rWI0pDvgb29Q7mbADqPYIDLaz8qogaib/sRbQh05SH7aTert/WGEmELhQiG8WUqofWdAB6MusqY/lTNmdSSR2YUFYc2leTbBrNu1AocdIi0EDC0joDt/WtLnPtqn/zJn6u5wZfwK7P5uMX6kKVrt1TmgDoG2C1iPrkNxMQvvOMXEtkXHv+ILR3jby6DVh4yCpTuEXQtAeI21fMMbtCVVsGVg9D3wULqK9Q7AbVFAd+oeYu6TlnpBp51txnRKwk4pvt035HMH3EbQaGlnwjKcE0xEj4/bBxj2UlsqD8fJvw132eSw+4eN/vDQkwpUglzQ6KDPOW79sTe0wZu4h9hoR9B46A61HpmPsdcgJZ7xaEU3tMMNyz0NPG5bTJi1ng+fFdhOJbrRojMKNObT3TNya/ForLd/q4iDAOJnNfjEsu1dazj4UOor2DxfH+NviBto76D+/NLMMvDRVsFQhabmHsaBOeH5BKwp2zweZsG9VnKzgrAlWOYCytJxHeBf34xfgKl+5ChKXxSD9K/f7XQcCLyTLtPMRcPUDmFzwzZ+HDMt+NW8HOoUCq4pqt7KmnYL9F5oXLOZu3ghxCA1WtRMTuVEi0UOFMfNj4+ZnBTP4MRJYlRez3Jt/3oIGWkdHZ5UvjEYGS8f5TSweEPNIGOBCbGSwKqAJr59YSys7rP4HAAD//9/9LHAAAAAGSURBVAMAeaPm9b6YNbgAAAAASUVORK5CYII=" x="0" y="0" width="30" height="27"></image> 2028 </svg> 2029 </span> 2030 <span class="sweetinspiration-star star2" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;"> 2031 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="27" viewBox="0 0 30 27"> 2032 <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAC5ElEQVR4AaSVW2vUUBDH52S9IIIXhEq7OdnNeleEYgvFC1qt4IOgL4p+gD5YQfGhoA8+KH0RpCCKWBA/QX1R35RiixVRWiuIithudjdJxUJBCiJam/F/dnvZ3W52k+xhJpnMmZnfyeQk0SjCyCXlOSvZtDNC6mJKJDBrXiomYmcXq0QwIoGFJ1qJuMvW9TURmPmU0OCRlpaVJKgD2Y28UnTjHElCgxump06CtB4K4eu5lMTdwwwpocGC+FIRYxUxP7W36FuLfIHMUOBsyjjEgo6VVW5kpkE7pe8t81e9DAzmdlpB7N2rWI0pDvgb29Q7mbADqPYIDLaz8qogaib/sRbQh05SH7aTert/WGEmELhQiG8WUqofWdAB6MusqY/lTNmdSSR2YUFYc2leTbBrNu1AocdIi0EDC0joDt/WtLnPtqn/zJn6u5wZfwK7P5uMX6kKVrt1TmgDoG2C1iPrkNxMQvvOMXEtkXHv+ILR3jby6DVh4yCpTuEXQtAeI21fMMbtCVVsGVg9D3wULqK9Q7AbVFAd+oeYu6TlnpBp51txnRKwk4pvt035HMH3EbQaGlnwjKcE0xEj4/bBxj2UlsqD8fJvw132eSw+4eN/vDQkwpUglzQ6KDPOW79sTe0wZu4h9hoR9B46A61HpmPsdcgJZ7xaEU3tMMNyz0NPG5bTJi1ng
2032+fFdhOJbrRojMKNObT3TNya/ForLd/q4iDAOJnNfjEsu1dazj4UOor2DxfH+NviBto76D+/NLMMvDRVsFQhabmHsaBOeH5BKwp2zweZsG9VnKzgrAlWOYCytJxHeBf34xfgKl+5ChKXxSD9K/f7XQcCLyTLtPMRcPUDmFzwzZ+HDMt+NW8HOoUCq4pqt7KmnYL9F5oXLOZu3ghxCA1WtRMTuVEi0UOFMfNj4+ZnBTP4MRJYlRez3Jt/3oIGWkdHZ5UvjEYGS8f5TSweEPNIGOBCbGSwKqAJr59YSys7rP4HAAD//9/9LHAAAAAGSURBVAMAeaPm9b6YNbgAAAAASUVORK5CYII=" x="0" y="0" width="30" height="27"></image> 2033 </svg> 2034 </span> 2035 <span class="sweetinspiration-star star3" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;"> 2036 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="27" viewBox="0 0 30 27"> 2037 <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAC5ElEQVR4AaSVW2vUUBDH52S9IIIXhEq7OdnNeleEYgvFC1qt4IOgL4p+gD5YQfGhoA8+KH0RpCCKWBA/QX1R35RiixVRWiuIithudjdJxUJBCiJam/F/dnvZ3W52k+xhJpnMmZnfyeQk0SjCyCXlOSvZtDNC6mJKJDBrXiomYmcXq0QwIoGFJ1qJuMvW9TURmPmU0OCRlpaVJKgD2Y28UnTjHElCgxump06CtB4K4eu5lMTdwwwpocGC+FIRYxUxP7W36FuLfIHMUOBsyjjEgo6VVW5kpkE7pe8t81e9DAzmdlpB7N2rWI0pDvgb29Q7mbADqPYIDLaz8qogaib/sRbQh05SH7aTert/WGEmELhQiG8WUqofWdAB6MusqY/lTNmdSSR2YUFYc2leTbBrNu1AocdIi0EDC0joDt/WtLnPtqn/zJn6u5wZfwK7P5uMX6kKVrt1TmgDoG2C1iPrkNxMQvvOMXEtkXHv+ILR3jby6DVh4yCpTuEXQtAeI21fMMbtCVVsGVg9D3wULqK9Q7AbVFAd+oeYu6TlnpBp51txnRKwk4pvt035HMH3EbQaGlnwjKcE0xEj4/bBxj2UlsqD8fJvw132eSw+4eN/vDQkwpUglzQ6KDPOW79sTe0wZu4h9hoR9B46A61HpmPsdcgJZ7xaEU3tMMNyz0NPG5bTJi1ng+fFdhOJbrRojMKNObT3TNya/ForLd/q4iDAOJnNfjEsu1dazj4UOor2DxfH+NviBto76D+/NLMMvDRVsFQhabmHsaBOeH5BKwp2zweZsG9VnKzgrAlWOYCytJxHeBf34xfgKl+5ChKXxSD9K/f7XQcCLyTLtPMRcPUDmFzwzZ+HDMt+NW8HOoUCq4pqt7KmnYL9F5oXLOZu3ghxCA1WtRMTuVEi0UOFMfNj4+ZnBTP4MRJYlRez3Jt/3oIGWkdHZ5UvjEYGS8f5TSweEPNIGOBCbGSwKqAJr59YSys7rP4HAAD//9/9LHAAAAAGSURBVAMAeaPm9b6YNbgAAAAASUVORK5CYII=" x="0" y="0" width="30" height="27"></image> 2038 </svg> 2039 </span> 2040 <span class="sweetinspiration-star star4" style="animation: 1.1s ease-out 0s infinite normal none running zoom-in-zoom-out;"> 2041 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30" height="27" viewBox="0 0 30 27"> 2042 <image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAbCAYAAABr/T8RAAAC5ElEQVR4AaSVW2vUUBDH52S9IIIXhEq7OdnNeleEYgvFC1qt4IOgL4p+gD5YQfGhoA8+KH0RpCCKWBA/QX1R35RiixVRWiuIithudjdJxUJBCiJam/F/dnvZ3W52k+xhJpnMmZnfyeQk0SjCyCXlOSvZtDNC6mJKJDBrXiomYmcXq0QwIoGFJ1qJuMvW9TURmPmU0OCRlpaVJKgD2Y28UnTjHElCgxump06CtB4K4eu5lMTdwwwpocGC+FIRYxUxP7W36FuLfIHMUOBsyjjEgo6VVW5kpkE7pe8t81e9DAzmdlpB7N2rWI0pDvgb29Q7mbADqPYIDLaz8qogaib/sRbQh05SH7aTert/WGEmELhQiG8WUqofWdAB6MusqY/lTNmdSSR2YUFYc2leTbBrNu1AocdIi0EDC0joDt/WtLnPtqn/zJn6u5wZfwK7P5uMX6kKVrt1TmgDoG2C1iPrkNxMQvvOMXEtkXHv+ILR3jby6DVh4yCpTuEXQtAeI21fMMbtCVVsGVg9D3wULqK9Q7AbVFAd+oeYu6TlnpBp51txnRKwk4pvt035HMH3EbQaGlnwjKcE0xEj4/bBxj2UlsqD8fJvw132eSw+4eN/vDQkwpUglzQ6KDPOW79sTe0wZu4h9hoR9B46A61HpmPsdcgJZ7xaEU3tMMNyz0NPG5bTJi1ng+fFdhOJbrRojMKNObT3TNya/ForLd/q4iDAOJnNfjEsu1dazj4UOor2DxfH+NviBto76D+/NLMMvDRVsFQhabmHsaBOeH5BKwp2zweZsG9VnKzgrAlWOYCytJxHeBf34xfgKl+5ChKXxSD9K/f7XQcCLyTLtPMRcPUDmFzwzZ+HDMt+NW8HOoUCq4pqt7KmnYL9F5oXLOZu3ghxCA1WtRMTuVEi0UOFMfNj4+ZnBTP4MRJYlRez3Jt/3oIGWkdHZ5UvjEYGS8f5TSweEPNIGOBCbGSwKqAJr59YSys7rP4HAAD//9/9LHAAAAAGSURBVAMAeaPm9b6YNbgAAAAASUVORK5CYII=" x="0" y="0" width="30" height="27"></image> 2043 </svg> 2044 </span> 2045 </div> 2046 </div> 2047 2048 </div> 2049</section> 2050 2051<style> 2052.page-node-6956 .sweetinspiration-section { 2053 max-width: 88rem; 2054 margin: 0 auto; 2055 padding: 4.5rem 2.5rem; 2056 display: flex; 2057 align-items: center; 2058 gap: 3.75rem; 2059} 2060 2061.page-node-6956 .sweetinspiration-image { 2062 flex: 1; 2063 max-width: 50%; 2064} 2065 2066.page-node-6956 .sweetinspiration-image img { 2067 width: 100%; 2068 height: auto; 2069 display: block; 2070 border-radius: .5rem; 2071} 2072 2073/* Content */ 2074.page-node-6956 .sweetinspiration-content { 2075 flex: 1; 2076 position: relative; 2077 z-index: 2; 2078} 2079 2080 2081 2082.page-node-6956 .sweetinspiration-button a, 2083.page-node-6956 .sweetinspiration-button .button { 2084 display: inline-block; 2085 padding: 1rem 1.25rem; 2086 font-size: 1rem; 2087 font-weight: 700; 2088 color: #fff; 2089 background: #D92D27; 2090 border: 1px solid #B11813; 2091 border-radius: .3125rem; 2092 text-decoration: none; 2093 transition: all .25s ease; 2094} 2095 2096.page-node-6956 .sweetinspiration-button a:hover, 2097.page-node-6956 .sweetinspiration-button .button:hover { 2098 background: #FFDA00; 2099 border:3px solid #FFDA00; 2100} 2101 2102/* Responsive */ 2103@media (max-width: 64rem) { 2104 .page-node-6956 .sweetinspiration-section { 2105 padding: 3rem 2rem; 2106 gap: 2rem; 2107 } 2108 .page-node-6956 .sweetinspiration-heading { 2109 font-size: 2rem; 2110 } 2111 .page-node-6956 .sweetinspiration-image { 2112 max-width: 45%; 2113 } 2114} 2115 2116@media (max-width: 48rem) { 2117 .page-node-6956 .sweetinspiration-section { 2118 flex-direction: column; 2119 padding: 2rem 1.5rem; 2120 gap: 2rem; 2121 } 2122 .page-node-6956 .sweetinspiration-image { 2123 max-width: 100%; 2124 order: 2; 2125 } 2126 .page-node-6956 .sweetinspiration-content { 2127 order: 1; 2128 text-align: center; 2129 } 2130 .page-node-6956 .sweetinspiration-heading { 2131 font-size: 1.75rem; 2132 } 2133} 2134 2135@media (max-width: 30rem) { 2136 .page-node-6956 .sweetinspiration-heading { 2137 font-size: 1.5rem; 2138 } 2139 .page-node-6956 .sweetinspiration-button a { 2140 padding: 0.75rem 1.25rem; 2141 font-size: 0.95rem; 2142 } 2143} 2144</style> 2145 2146 </div> 2147 2148 </div> 2149 2150 </div> 2151</div> 2152 2153 </div> 2154 </div> 2155<div class="views-element-container block block-views block-views-blockhome-video-section-block-1" id="block-dominosugar-barrio-views-block-home-video-section-block-1"> 2156 2157 2158 <div class="content"> 2159 <div><div class="view view-home-video-section view-id-home_video_section view-display-id-block_1 js-view-dom-id-565959a965f0858eab0c2e7dd963d14f0841f442c7c179eeae5
215955e985338daba"> 2160 2161 2162 2163 <div class="view-content row"> 2164 2165 2166<section class="influencer-section"> 2167 <div class="influencer-container"> 2168 <div class="influencer-header"> 2169 <h2 class="hps-section-title">What Our Creators Are Doing</h2> 2170 </div> 2171 2172 <div class="influencer-wrapper"> 2173 <ul id="influencer-slider" class="influencer-list owl-carousel owl-theme"> 2174 2175 <li style="padding-bottom:15px" class="influencer-item"> 2176 <div class="influencer-card"> 2177 <div class="card-media"> 2178 <div> 2179 2180 2181 <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> 2182 <div class="field__label visually-hidden">Image</div> 2183 <div class="field__item"> <img loading="lazy" src="/sites/default/files/styles/large/public/2026-09/Apple-Spice-cream-cake.jpg?itok=0f1JI_U2" width="384" height="480" alt="Apple Spice Cream Cake" class="image-style-large" /> 2184 2185 2186</div> 2187 </div> 2188 2189</div> 2190 2191 </div> 2192 <div class="card-info"> 2193 <div class="profile-avatar"> 2194 <img loading="lazy" src="/sites/default/files/2026-08/Esra%20Mese%20Headshot.jpg" width="1068" height="1600" alt="Esra Mese" /> 2195 2196 2197 </div> 2198 <div class="profile-details"> 2199 <div class="profile-username"><a href="https://www.dominosugar.com/recipe/apple-spice-cream-cake">@Charmerkitchen</a></div> 2200 <div class="profile-description">Esra Mese is a food photographer and videographer who loves to capture incredible photos of food with delicious recipes to match.</div> 2201 </div> 2202 </div> 2203 </div> 2204 </li> 2205 2206 <li style="padding-bottom:15px" class="influencer-item"> 2207 <div class="influencer-card"> 2208 <div class="card-media"> 2209 <div> 2210 2211 2212 <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> 2213 <div class="field__label visually-hidden">Image</div> 2214 <div class="field__item"> <img loading="lazy" src="/sites/default/files/styles/large/public/2026-09/Vegan%20Pumpkin%20Cheesecake%20Blondie%2008.jpg?itok=oU_JNdul" width="384" height="480" alt="Vegan Pumpkin Cheesecake" class="image-style-large" /> 2215 2216 2217</div> 2218 </div> 2219 2220</div> 2221 2222 </div> 2223 <div class="card-info"> 2224 <div class="profile-avatar"> 2225 <img loading="lazy" src="/sites/default/files/2026-08/057b3a70-2f69-4e62-b280-3465c22abbd2.png%20%281%29.png" width="350" height="350" alt="Saloni Mehta" /> 2226 2227 2228 </div> 2229 <div class="profile-details"> 2230 <div class="profile-username"><a href="https://www.dominosugar.com/recipe/vegan-pumpkin-cheesecake-blondie">@Pastrybysaloni</a></div> 2231 <div class="profile-description">Saloni Mehta is a former professional chef turned food blogger.</div> 2232 </div> 2233 </div> 2234 </div> 2235 </li> 2236 2237 <li style="padding-bottom:15px" class="influencer-item"> 2238 <div class="influencer-card"> 2239 <div class="card-media"> 2240 <div> 2241 2242 2243 <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> 2244 <div class="field__label visually-hidden">Image</div> 2245 <div class="field__item"> <img loading="lazy" src="/sites/default/files/styles/large/public/2026-09/Halloween%20Pumpkin%20Cinnamon%20Rolls%202.jpg?itok=oBdboCk0" width="384" height="480" alt="Halloween Pumpkin Cinnamon Rolls" class="image-style-large" /> 2246 2247 2248</div> 2249 </div> 2250 2251</div> 2252 2253 </div> 2254 <div class="card-info"> 2255 <div class="profile-avatar"> 2256 <img loading="lazy" src="/sites/default/files/2026-08/Cambrea.png" width="400" height="380" alt="Cambrea Image" /> 2257 2258 2259 </div> 2260 <div class="profile-details"> 2261 <div class="profile-username"><a href="https://www.dominosugar.com/recipe/halloween-pumpkin-cinnamon-rolls">@CambreaBakes</a></div> 2262 <div class="profile-description">Cambrea is the pastry chef, recipe developer and food photographer behind Cambrea Bakes!</div> 2263 </div> 2264 </div> 2265 </div> 2266 </li> 2267 2268 <li style="padding-bottom:15px" class="influencer-item"> 2269 <div class="influencer-card"> 2270 <div class="card-media"> 2271 <div> 2272 2273 2274 <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> 2275 <div class="field__label visually-hidden">Image</div> 2276 <div class="field__item"> <img loading="lazy" src="/sites/default/files/styles/large/public/2026-09/Apple%20Crumble%20Bars.jpg?itok=5BkQhHYS" width="384" height="480" alt="Apple Crumble Bars" class="image-style-large" /> 2277 2278 2279</div> 2280 </div> 2281 2282</div> 2283 2284 </div> 2285 <div class="card-info"> 2286 <div class="profile-avatar"> 2287 <img loading="lazy" src="/sites/default/files/2026-08/Camila%20Hurst.jpg" width="210" height="210" alt="Camila Hurst" /> 2288 2289 2290 </div> 2291 <div class="profile-details"> 2292 <div class="profile-username"><a href="https://www.dominosugar.com/recipe/apple-crumb-bars">@Piesandtacos</a></div> 2293 <div class="profile-description">Camila Hurst was born and raised in Brazil and has been living in the US since 2011.</div> 2294 </div> 2295 </div> 2296 </div> 2297 </li> 2298 </ul> 2299 <div class="influencer-slider-nav"> 2300 <button class="inf-prev" aria-label="Previous Slide"> 2301 <svg width="21" height="15" viewBox="0 0 21 15"> 2302 <path d="M.293 6.657a1 1 0 0 0 0 1.414l6.364 6.364a1 1 0 0 0 1.414-1.414L2.414 7.364l5.657-5.657A1 1 0 0 0 6.657.293zM21 7.364v-1H1v2h20z" fill="#263b80"/> 2303 </svg> 2304 </button> 2305 <button class="inf-next" aria-label="Next Slide"> 2306 <svg width="21" height="15" viewBox="0 0 21 15"> 2307 <path d="M20.707 8.071a1 1 0 0 0 0-1.414L14.343.293a1 1 0 1 0-1.414 1.414l5.657 5.657-5.657 5.657a1 1 0 0 0 1.414 1.414zM0 7.364v1h20v-2H0z" fill="#263b80"/> 2308 </svg> 2309 </button> 2310 </div> 2311 </div> 2312 </div> 2313</section> 2314 2315<style> 2316.influencer-section { 2317 padding: 60px 20px; 2318} 2319 2320.influencer-container { 2321 max-width: 1920px; 2322 margin: 0 auto; 2323} 2324 2325.influencer-header { 2326 text-align: center; 2327 margin-bottom: 40px; 2328} 2329 2330.influencer-wrapper { 2331 margin: auto; 2332 position: relative; 2333 padding: 0 60px; 2334 max-width: 1600px; 2335} 2336 2337.influencer-list { 2338 list-style: none; 2339 margin: 0; 2340 padding: 0; 2341} 2342 2343.influencer-card { 2344 box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); 2345 background: white; 2346 border-radius: 20px; 2347 overflow: hidden; 2348} 2349 2350.card-media { 2351 width: 100%; 2352 height: 442px; 2353 overflow: hidden; 2354 background: #fff; 2355 border-radius: 16px 16px 0 0; 2356 flex-shrink: 0; 2357 position: relative; 2358} 2359 2360.card-media img { 2361 width: 100%; 2362 height: 442px; 2363 object-fit: cover; 2364 display: block; 2365 margin-bottom: 0; 2366} 2367 2368.card-media video { 2369 width: 100%; 2370 height: 442px; 2371 object-fit: cover; 2372 display: block; 2373 margin-bottom: 0; 2374 background: transparent; 2375} 2376 2377.card-media iframe { 2378 width: 100%; 2379 height: 442px; 2380 object-fit: cover; 2381 display: block; 2382 margin-bottom: 0; 2383} 2384 2385/* Video controls - show on hover */ 2386.card-media video { 2387 cursor: pointer; 2388} 2389 2390.card-media video::-webkit-media-controls-panel { 2391 opacity: 0; 2392 transition: opacity 0.3s; 2393} 2394 2395.card-media:hover video::-webkit-media-controls-panel { 2396 opacity: 1; 2397} 2398 2399.card-info { 2400 padding: 10px 14px 15px 104px; 2401 background: #fff; 2402 position: relative; 2403 min-height: 75px; 2404} 2405 2406.profile-avatar { 2407 position: absolute; 2408 top: -1rem; 2409 left: 10px; 2410 z-index: 2; 2411} 2412 2413.profile-avatar img { 2414 width: 84px !important; 2415 height: 84px !important; 2416 object-fit: cover; 2417 object-position: top; 2418 border-radius: 50%; 2419 border: 4px solid #fff; 2420} 2421 2422.profile-username { 2423 margin-bottom: 5px; 2424} 2425 2426.profile-username a { 2427 color: #D92D27; 2428 text-decoration: none; 2429 font-family: var(---font-family-Korolev-Medium); 2430 font-weight: 700; 2431 font-size: 12.76px; 2432 line-height: 100%; 2433} 2434 2435.profile-description { 2436 color: rgba(0, 0, 0, 1); 2437 font-family: var(---font-family-Korolev-Medium); 2438 font-weight: 500; 2439 font-size: 10.63px; 2440 line-height: 100%; 2441} 2442 2443.influencer-slider-nav { 2444 display: flex; 2445 justify-content: space-between; 2446} 2447 2448.inf-prev, 2449.inf-next { 2450 background: none; 2451 border: none; 2452 cursor: pointer; 2453 padding: 10px; 2454} 2455 2456.inf-prev.disabled, 2457.inf-next.disabled { 2458 opacity: 1; 2459 cursor: pointer; 2460} 2461 2462.inf-prev span, 2463.inf-next span { 2464 display: none; 2465} 2466 2467@media (max-width: 1199px) { 2468 .card-media, 2469 .card-media img, 2470 .card-media video, 2471 .card-media iframe { 2472 height: 350px; 2473 } 2474} 2475 2476@media (max-width: 991px) { 2477 .influencer-header h2 { 2478 font-size: 2rem; 2479 } 2480 2481 .influencer-wrapper { 2482 padding: 0 20px 80px; 2483 } 2484 2485 .card-media, 2486 .card-media img, 2487 .card-media video, 2488 .card-media iframe { 2489 height: 320px; 2490 } 2491 2492 .influencer-wrapper .owl-nav { 2493 position: absolute; 2494 bottom: 0; 2495 top: auto; 2496 left: 0; 2497 right: 0; 2498 transform: none; 2499 justify-content: center; 2500 gap: 15px; 2501 pointer-events: all; 2502 } 2503 2504 .influencer-wrapper .owl-nav button { 2505 position: static; 2506 } 2507} 2508 2509@media (max-width: 575px) { 2510 .influencer-section { 2511 padding: 40px 15px; 2512 } 2513 2514 .influencer-header h2 { 2515 font-size: 1.75rem; 2516 } 2517 2518 .influencer-wrapper { 2519 padding: 0 10px 0px; 2520 } 2521 2522 .card-media, 2523 .card-media img, 2524 .card-media video, 2525 .card-media iframe { 2526 height: 280px; 2527 } 2528 2529 2530 .profile-avatar { 2531 top: -25px; 2532 } 2533 2534 2535} 2536</style> 2537
2538<script> 2539(function($){ 2540 $(document).ready(function(){ 2541 2542 var $slider = $('#influencer-slider'); 2543 var $prev = $('.inf-prev'); 2544 var $next = $('.inf-next'); 2545 2546 if($slider.length){ 2547 2548 $slider.owlCarousel({ 2549 loop: true, 2550 margin: 20, 2551 nav: false, 2552 dots: false, 2553 responsive: { 2554 0: { items: 1 }, 2555 576: { items: 2 }, 2556 992: { items: 3 }, 2557 1440: { items: 4 } 2558 } 2559 }); 2560 2561 function getVisibleItems(){ 2562 var w = $(window).width(); 2563 if(w >= 1440) return 4; 2564 if(w >= 992) return 3; 2565 if(w >= 576) return 2; 2566 return 1; 2567 } 2568 2569 function updateArrows(){ 2570 var data = $slider.data('owl.carousel'); 2571 var total = data.items().length; 2572 var index = data.relative(data.current()); 2573 var visible = getVisibleItems(); 2574 2575 if(total <= visible){ 2576 $prev.hide(); 2577 $next.hide(); 2578 return; 2579 } else { 2580 $prev.show(); 2581 $next.show(); 2582 } 2583 2584 if(index === 0){ 2585 $prev.addClass('disableds'); 2586 } else { 2587 $prev.removeClass('disableds'); 2588 } 2589 2590 if(index + visible >= total){ 2591 $next.addClass('disableds'); 2592 } else { 2593 $next.removeClass('disableds'); 2594 } 2595 } 2596 2597 updateArrows(); 2598 $slider.on('changed.owl.carousel', updateArrows); 2599 2600 $prev.click(function(){ 2601 if(!$prev.hasClass('disabled')){ 2602 $slider.trigger('prev.owl.carousel'); 2603 } 2604 }); 2605 2606 $next.click(function(){ 2607 if(!$next.hasClass('disabled')){ 2608 $slider.trigger('next.owl.carousel'); 2609 } 2610 }); 2611 2612 $(window).resize(updateArrows); 2613 2614 // Enable video controls on click/tap 2615 $slider.on('click', 'video', function(){ 2616 this.controls = true; 2617 }); 2618 } 2619 }); 2620})(jQuery); 2621</script>
2621 2622 </div> 2623 2624 </div> 2625</div> 2626 2627 </div> 2628 </div> 2629<div class="views-element-container block block-views block-views-blocknew-find-a-retailer-block-1" id="block-dominosugar-barrio-views-block-new-find-a-retailer-block-1"> 2630 2631 2632 <div class="content"> 2633 <div><div class="view view-new-find-a-retailer view-id-new_find_a_retailer view-display-id-block_1 js-view-dom-id-612f0662ef49ce627e52256761c8764e27b953cdc99868b3955494b2db672ee6"> 2634 2635 2636 2637 <div class="view-content row"> 2638 <div class="views-row"> 2639 2640 2641<section class="retailer-section"> 2642 <div class="retailer-inner-wrapper"> 2643 2644 <h2 class="retailer-title">Find a Retailer</h2> 2645 2646 <div class="retailer-description"> 2647 <p>Craving something sweet? Discover where Domino Sugar is waiting for youâfind the nearest retailer!</p> 2648 </div> 2649 2650 <div id="pear-map-target"></div> 2651<!--
2651<script type="text/javascript"> 2652 (function(e) { 2653 var s = document.createElement("script"); 2654 s.type = "text/javascript"; 2655 s.src = "https://offers.pearcommerce.com/js/sdk.js?config=" + encodeURIComponent(JSON.stringify(e)); 2656 document.head.appendChild(s); 2657 })({ 2658 vendorId: '2820451504335395', 2659 widget: 'product-locator' 2660 }); 2661 </script>
2661 --> 2662 2663 </div> 2664</section> 2665<style> 2666.retailer-section { 2667 padding: 4rem 0; 2668 background-color:inherit; 2669} 2670 2671.retailer-inner-wrapper { 2672 max-width: 1200px; 2673 margin: 0 auto; 2674 padding: 20px; 2675} 2676 2677.retailer-title { 2678 color: #0032A0; 2679 font-size: 2.625rem; 2680 font-family: "Rough Cut"; 2681 margin-bottom: 1rem; 2682} 2683 2684.retailer-description p { 2685 font-size: 1rem; 2686 line-height: 1.6; 2687 margin-bottom: 0; 2688} 2689</style> 2690 </div> 2691 2692 </div> 2693 2694 </div> 2695</div> 2696 2697 </div> 2698 </div> 2699 2700 2701 </main> 2702 2703 <!-- Footer section --> 2704<footer class="footer-wrapper"> 2705 <!-- Footer Container --> 2706 <div class="footer-box"> 2707 <div class="footer-content"> 2708 <div class="footer-grid"> 2709 <div class="footer-brand"> 2710 <img src="/themes/custom/dominosugar_barrio/images/icons/asr-logo-footer.png" alt="ASR Logo" /> 2711 2712 <div class="social-icons"> 2713 <!-- Instagram --> 2714 <a href="https://www.instagram.com/dominosugar/?hl=en" target="_blank"> 2715 <img src="/sites/default/files/2025-11/Instagram.png" class="social-icon" alt="Instagram" /> 2716 </a> 2717 2718 <!-- Pinterest --> 2719 <a href="https://www.pinterest.com/realdominosugar/" target="_blank"> 2720 <img src="/sites/default/files/2025-11/Pinterest.png" class="social-icon" alt="Pinterest" /> 2721 </a> 2722 2723 <!-- YouTube --> 2724 <a href="https://www.youtube.com/@dominosugar" target="_blank"> 2725 <img src="/sites/default/files/2025-11/YouTube.png" class="social-icon" alt="YouTube" /> 2726 </a> 2727 2728 <a href="https://www.tiktok.com/@dominosugar" target="_blank"> 2729 <img src="/themes/custom/dominosugar_barrio/images/icons/tiktok-footer.png" class="social-icon" alt="TikTok" /> 2730 </a> 2731 </div> 2732 2733 <p class="tagline">Over 120 Years of Innovation</p> 2734 </div> 2735 2736 <div class="footer-column"> 2737 <ul class="footer-links mt-5"> 2738 <section class="row region region-featured-bottom-third"> 2739 <nav role="navigation" aria-labelledby="block-dominosugar-barrio-newdominomenufooter-menu" id="block-dominosugar-barrio-newdominomenufooter" class="block block-menu navigation menu--new-domino-menu-footer"> 2740 2741 <h2 class="visually-hidden" id="block-dominosugar-barrio-newdominomenufooter-menu">New Domino menu footer</h2> 2742 2743 2744 2745 <ul class="clearfix nav" data-component-id="bootstrap_barrio:menu"> 2746 <li class="nav-item"> 2747 <a href="/our-story" class="nav-link nav-link--our-story" data-drupal-link-system-path="our-story">Our Story</a> 2748 </li> 2749 <li class="nav-item"> 2750 <a href="/recipes" class="nav-link nav-link--recipes">Recipes</a> 2751 </li> 2752 <li class="nav-item"> 2753 <a href="/our-chef-exclusives" class="nav-link nav-link--our-chef-exclusives">Our Chef Exclusives</a> 2754 </li> 2755 <li class="nav-item"> 2756 <a href="/sustainability" class="nav-link nav-link--sustainability">Sustainability</a> 2757 </li> 2758 </ul> 2759 2760 2761 2762 2763 </nav> 2764 2765 </section> 2766 2767 </ul> 2768 </div> 2769 2770 <div class="footer-column mt-5"> 2771 <ul class="footer-links"> 2772 <section class="row region region-new-domino-menu-footer-second"> 2773 <nav role="navigation" aria-labelledby="block-dominosugar-barrio-newdominomenufootersecond-menu" id="block-dominosugar-barrio-newdominomenufootersecond" class="block block-menu navigation menu--new-domino-menu-footer-second"> 2774 2775 <h2 class="visually-hidden" id="block-dominosugar-barrio-newdominomenufootersecond-menu">New Domino menu footer Second</h2> 2776 2777 2778 2779 <ul class="clearfix nav" data-component-id="bootstrap_barrio:menu"> 2780 <li class="nav-item"> 2781 <a href="/store-locator" class="nav-link nav-link--store-locator" data-drupal-link-system-path="store-locator">Store Locator</a> 2782 </li> 2783 <li class="nav-item"> 2784 <a href="http://asrgroup-professional.com" class="nav-link nav-link-http--asrgroup-professionalcom">Foodservice</a> 2785 </li> 2786 <li class="nav-item"> 2787 <a href="/contact-us" class="nav-link nav-link--contact-us" data-drupal-link-system-path="contact-us">Contact Us</a> 2788 </li> 2789 </ul> 2790 2791 2792 2793 2794 </nav> 2795 2796 </section> 2797 2798 </ul> 2799 </div> 2800 2801 <div class="footer-column mt-5"> 2802 <ul class="footer-links"> 2803 <section class="row region region-new-domino-menu-footer-third"> 2804 <nav role="navigation" aria-labelledby="block-dominosugar-barrio-newdominomenufooterthird-menu" id="block-dominosugar-barrio-newdominomenufooterthird" class="block block-menu navigation menu--new-domino-menu-footer-third"> 2805 2806 <h2 class="visually-hidden" id="block-dominosugar-barrio-newdominomenufooterthird-menu">New Domino menu footer Third</h2> 2807 2808 2809 2810 <ul class="clearfix nav" data-component-id="bootstrap_barrio:menu"> 2811 <li class="nav-item"> 2812 <a href="/bakers-sugar" class="nav-link nav-link--bakers-sugar">Baker's Sugarâ¢</a> 2813 </li> 2814 <li class="nav-item"> 2815 <a href="/products" class="nav-link nav-link--products">Products</a> 2816 </li> 2817 </ul> 2818 2819 2820 2821 2822 </nav> 2823 2824 </section> 2825 2826 </ul> 2827 </div> 2828 2829 <div class="footer-column footer-logo-column"> 2830 <img src="/themes/custom/dominosugar_barrio/images/icons/logo-footer.png" alt="Domino Logo" class="domino-logo" /> 2831 </div> 2832 </div> 2833 2834 <div class="footer-bottom"> 2835 <div class="footer-legal"> 2836 <section class="row region region-footer-fifth"> 2837 <nav role="navigation" aria-labelledby="block-footerfifth-menu" id="block-footerfifth" class="block block-menu navigation menu--footer-fifth"> 2838 2839 <h2 class="visually-hidden" id="block-footerfifth-menu">Footer Fifth</h2> 2840 2841 2842 2843 <ul class="site-footer-CTA"> 2844 <li class="site-footer-CTA-itm"> 2845 <a href="/sitemap" data-drupal-link-system-path="sitemap">SITEMAP</a> 2846 </li> 2847 <li class="site-footer-CTA-itm"> 2848 <a href="https://www.asr-group.com/legal?_ga=2.24926714.1756823116.1658737466-2036676549.1638953073">LEGAL</a> 2849 </li> 2850 <li class="site-footer-CTA-itm"> 2851 <a href="https://www.asr-group.com/privacy-policy?_ga=2.36640352.1756823116.1658737466-2036676549.1638953073">PRIVACY POLICY</a> 2852 </li> 2853 <li class="site-footer-CTA-itm"> 2854 <a href="https://dominosugar.com/sites/default/files/2026-04/DFI-Standard-Terms-and-Conditions-of-Sale%20-2026-04-21-English.pdf">TERMS AND CONDITIONS OF SALE</a> 2855 </li> 2856 <li class="site-footer-CTA-itm"> 2857 <a href="https://asr-group.com/documentdownload">ASR GROUP® CODES AND POLICIES </a> 2858 </li> 2859 </ul> 2860 2861 2862 2863 </nav> 2864 2865 </section> 2866 2867 </div> 2868 <div class="copyright"> 2869 <p> © 2026 DOMINO FOODS INC. ALL RIGHTS RESERVED. DOMINO SUGAR® IS PART OF ASR GROUP® </p> 2870 </div> 2871 </div> 2872 </div> 2873 </div> 2874
2875 <!-- Background Image --> 2876 <div class="footer-bg"> 2877 <img width="768" height="410" src="/sites/default/files/2025-11/Rectangle%2049.jpg" alt="Background Image"> 2878 </div> 2879</footer> 2880 2881<style> 2882/* ===== FOOTER WRAPPER ===== */ 2883.footer-wrapper { 2884 position: relative; 2885 width: 100%; 2886 overflow: hidden; 2887 margin: 0 auto; 2888 max-width: 100%; 2889 background-color: #fff; 2890 padding-top: 5rem; 2891} 2892 2893.footer-bg { 2894 position: relative; 2895 width: 100%; 2896 height: clamp(400px, 50vw, 960px); 2897 overflow: hidden; 2898} 2899 2900.footer-bg img { 2901 width: 100%; 2902 height: 100%; 2903 object-fit: cover; 2904 display: block; 2905} 2906 2907.footer-box { 2908 position: relative; 2909 width: 100%; 2910 max-width: 1290px; 2911 margin: 0px auto; 2912 padding: 0 15px; 2913 margin-bottom: clamp(-330px, -15vw, -330px); 2914 z-index: 2; 2915 font-family: 'Korolev Medium'; 2916} 2917 2918.footer-content { 2919 background: #263b80; 2920 border-radius: 20px; 2921 padding: 50px 66px 70px 80px; 2922 color: white; 2923} 2924 2925/* ===== GRID LAYOUT (DESKTOP) ===== */ 2926.footer-grid { 2927 display: grid; 2928 grid-template-columns: 2fr 1.2fr 1.2fr 1.2fr 1.2fr; 2929 align-items: start; 2930 gap: 0.8rem; 2931} 2932 2933/* BRAND COLUMN */ 2934.footer-brand { 2935 display: flex; 2936 flex-direction: column; 2937 gap: 1.8rem; 2938} 2939 2940.footer-brand img { 2941 height: auto; 2942 width: 8rem; 2943 object-fit: cover; 2944} 2945 2946.social-icons { 2947 display: flex; 2948 gap:23px; 2949 flex-wrap: wrap; 2950} 2951 2952 2953.social-icons img { 2954 height: 25px !important; 2955 width: auto !important; 2956 object-fit: contain; 2957} 2958 2959.tagline { 2960 font-size: 14px; 2961 color: #fff; 2962 margin: 0; 2963 font-family:'Korolev Medium'; 2964 font-weight:500; 2965 line-height:100%; 2966} 2967 2968/* FOOTER COLUMNS */ 2969.footer-column { 2970 display: flex; 2971 flex-direction: column; 2972} 2973 2974 2975/* LINKS */ 2976.footer-links { 2977 list-style: none; 2978 display: flex; 2979 flex-direction: column; 2980 gap: 0.7rem; 2981 padding: 0; 2982 margin: 0; 2983} 2984 2985.footer-links a { 2986 color: #fff; 2987 text-decoration: none; 2988 padding: 0; 2989 font-family: 'Korolev Medium'; 2990 font-weight: 700; 2991 font-style: Bold; 2992 font-size: 16px; 2993 leading-trim: NONE; 2994 line-height: 100%; 2995 letter-spacing: 0%; 2996 display:inline-block; 2997} 2998.footer-links a:hover, .footer-legal a:hover{ 2999 color: #FFDA00; 3000 3001} 3002/* DOMINO LOGO */ 3003.footer-logo-column { 3004 display: flex; 3005 justify-content: flex-end; 3006 align-items: flex-start; 3007} 3008 3009.domino-logo { 3010 width: 11rem; 3011 height: auto; 3012} 3013 3014/* FOOTER BOTTOM */ 3015.footer-bottom { 3016 margin-top: 5.7rem; 3017 padding: 0; 3018 border-top: 0; 3019 display: flex; 3020 justify-content: center; 3021 flex-wrap: wrap; 3022 gap: 70px; 3023 row-gap: 18px; 3024 flex-direction: row; 3025 align-items: center; 3026} 3027 3028/* Footer Legal & Copyright */ 3029.footer-legal ul.site-footer-CTA { 3030 padding: 0; 3031 margin: 0; 3032 display: flex; 3033 gap: 25px; 3034 row-gap: 5px; 3035 align-content: center; 3036 flex-direction: row; 3037 justify-content: center; 3038 align-items: center; 3039 flex-wrap: wrap; 3040} 3041 3042.footer-legal nav#block-footerfifth { 3043 padding: 0; 3044} 3045 3046.footer-legal .site-footer-CTA-itm { 3047 margin: 0; 3048 line-height: 0; 3049} 3050 3051.copyright p{ 3052 color: #fff; 3053 font-size: 12px; 3054 line-height: normal; 3055 margin: 0; 3056 font-family: 'Korolev Medium'; 3057 font-weight: 500; 3058} 3059 3060.footer-legal a { 3061 color: #FFF; 3062 margin-right: 0; 3063 font-size: 12px; 3064 line-height: normal; 3065 letter-spacing: normal; 3066 font-family: 'Korolev Medium'; 3067 font-weight: 500; 3068} 3069 3070.footer-wrapper ul.clearfix.nav { 3071 display: flex; 3072 flex-direction: column; 3073 gap: 19px; 3074} 3075 3076/* ===== MOBILE VIEW (768px and below) ===== */ 3077@media (max-width: 768px) { 3078 .footer-box { 3079 max-width: 100%; 3080 padding: 0 15px; 3081 } 3082 3083 .footer-content { 3084 padding: 2.5rem 1.5rem; 3085 } 3086 3087 /* STACK EVERYTHING */ 3088 .footer-grid { 3089 grid-template-columns: 1fr; 3090 gap: 0rem; 3091 text-align: center; 3092 } 3093 .footer-grid { 3094 grid-template-columns: 1fr 1fr; 3095 grid-template-areas: 3096 "brand brand" 3097 "col1 col2 " 3098 "col3 logo"; 3099 gap: 0.5rem; 3100 } 3101 3102 .footer-brand { 3103 grid-area: brand; 3104 } 3105 3106 .footer-column:nth-child(2) { 3107 grid-area: col1; 3108 } 3109 3110 .footer-column:nth-child(3) { 3111 grid-area: col2; 3112 } 3113 3114 .footer-column:nth-child(4) { 3115 grid-area: col3; 3116 padding: 0; 3117 margin: 0; 3118 } 3119 3120 .footer-logo-column { 3121 grid-area: logo; 3122 } 3123 3124 3125 .footer-brand { 3126 gap: 1.5rem;
3127 align-items: center; 3128 margin-bottom:3rem; 3129 } 3130 3131 .footer-brand img { 3132 margin: 0 auto; 3133 width: 8rem; 3134 } 3135 3136 .social-icons { 3137 justify-content: center; 3138 gap: 20px; 3139 } 3140 3141 .social-icons a { 3142 width: 35px; 3143 height: 35px; 3144 } 3145 3146 /* Center align footer columns on mobile */ 3147 .footer-column { 3148 align-items: center; 3149 } 3150 3151/* Remove mt-5 on mobile */ 3152.footer-column.mt-5 { 3153 margin-top: 0 !important; 3154} 3155 .footer-links { 3156 align-items: center; 3157 gap: 1rem; 3158 margin-top:0 !important; 3159 } 3160 3161 .footer-links a { 3162 font-size: 16px; 3163 3164 } 3165 3166 .footer-logo-column { 3167 justify-content: center; 3168 3169 } 3170 3171 .domino-logo { 3172 width: 10rem; 3173 } 3174 3175 /* Footer Bottom */ 3176 .footer-bottom { 3177 margin-top: 1.8rem; 3178 flex-direction: column; 3179 text-align: center; 3180 gap: 1.5rem; 3181 } 3182 3183 .footer-legal ul.site-footer-CTA { 3184 flex-direction: row; 3185 gap: 0.8rem; 3186 } 3187 3188 .copyright p{ 3189 font-size: 11px; 3190 padding: 0 10px; 3191 } 3192} 3193 3194/* ===== SMALL MOBILE (480px and below) ===== */ 3195@media (max-width: 480px) { 3196 .footer-content { 3197 padding: 2rem 1rem; 3198 } 3199 3200 .footer-brand img { 3201 width: 8rem; 3202 } 3203 3204 .social-icons a { 3205 width: 32px; 3206 height: 32px; 3207 } 3208 3209 .domino-logo { 3210 width: 7rem; 3211 } 3212 3213 .footer-links a { 3214 font-size: 14px; 3215 } 3216 3217 .copyright p { 3218 font-size: 10px; 3219 } 3220} 3221</style> 3222 </div> 3223</div> 3224 3225 </div> 3226 3227 3228 3229 3230
3230<script src="/sites/default/files/js/js_VSw5S6Fi0k9I-EdFpa-qyZstP37nBmJXFHJQ2copWiw.js?scope=footer&delta=0&language=en&theme=dominosugar_barrio&include=eJyFjEsKgDAMRC_k50glqRIqaUfSCPb2ulFQBDcDb3gzDHh1ozUwmSWMomDSvnrTVKSbkFNB3YTsMviexKl8Cf8XuYW4VUcOmtjIWieA6BycZJQz3jzQQvuzzAePAko-"></script>
3230 3231 3232 3233
3233<script defer> 3234 setTimeout(function(){ 3235 (function(){ var s = document.createElement('script'); var h = document.querySelector('head') || document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init({ statementLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, disableBgProcess : false, language : 'en', position : 'right', leadColor : '#002F87', triggerColor : '#002F87', triggerRadius : '50%', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerIcon : 'people', triggerSize : 'medium', triggerOffsetX : 20, triggerOffsetY : 20, mobile : { triggerSize : 'small', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerOffsetX : 10, triggerOffsetY : 10, triggerRadius : '50%' } }); }; h.appendChild(s); })(); 3236 }, 10000); 3237 </script>
3237 3238 3239 3240 3241 </body> 3242</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.