1<!DOCTYPE html> 2�<html lang="en"><head><meta content="null" property="og:site_name"/><meta content="http://utogbrewing.com/" property="og:url"/><meta content="website" property="og:type"/><meta content="UTOGÂ Brewing Company is a local gem, proudly owned and run by locals since 2019. We started with a simple mission: to create top-notch, crushable beer that everyone can enjoy. This passion ..." property="og:description"/><meta content="UTOG Brewing - Ogden, UT" property="og:title"/><!-- Google tag (gtag.js) -->
vendor: 71 bytes, line 2
2<script async="async" src="https://www.googletagmanager.com/gtag/js?id=
2G-VG24VK2VKT
vendor: 11 bytes, line 2
2"></script>
2<script> 3 window.dataLayer = window.dataLayer || []; 4 function gtag(){dataLayer.push(arguments);} 5 gtag('set', 'linker', {'domains': ['tmt.spotapps.co','spothopperapp.com']}); 6 gtag('js', new Date()); 7 gtag('config', 'G-LD9FPNSKG6'); 8 gtag('config', 'G-VG24VK2VKT'); 9 </script>
9<!-- wcache 2026-10-04 08:17:56.135535Z --><!-- 10smart_footer: true, 11smart_footer_version: 2, 12scripting_active: false 13--><link href="https://utogbrewing.com/" rel="canonical"/><meta charset="utf-8"/><meta content="IE=edge" http-equiv="X-UA-Compatible"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="UTOGÂ Brewing Company is a local gem, proudly owned and run by locals since 2019. We started with a simple mission: to create top-notch, crushable beer that everyone can enjoy. This passion for creativity is also reflected in our kitchen, where our owner, head brewer, and chef collaborate to craft delicious food and beer combinations that complement each other perfectly. We then keep things fresh and exciting with our ever-changing beer and food offerings." name="description"/><meta content="" name="author"/><meta content="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/social.jpg" property="og:image"/><meta content="UTOG Brewing image" property="og:image:alt"/><meta content="image/png" property="og:image:type"/><meta content="1743558789284930" property="fb:app_id"/><meta content="summary_large_image" name="twitter:card"/><meta content="UTOG Brewing - Ogden, UT" name="twitter:title"/><meta content="UTOGÂ Brewing Company is a local gem, proudly owned and run by locals since 2019. We started with a simple mission: to create top-notch, crushable beer that everyone can enjoy. This passion ..." name="twitter:description"/><meta content="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/social.jpg" name="twitter:image"/><title>Must-Try Brewery in Ogden, UT | UTOG Brewing</title>
13<script>document.cookie='resolution='+Math.max(screen.width,screen.height)+("devicePixelRatio" in window ? ","+devicePixelRatio : ",1")+'; path=/';</script>
13<script type="application/ld+json"> 14{"@context":"https://schema.org","@type":"Restaurant","image":"https://static.spotapps.co/website_images/ab_websites/73247_website_v1/social.jpg","name":"UTOG Brewing","address":{"@type":"PostalAddress","streetAddress":"2331 Grant Avenue","addressLocality":"Ogden","addressRegion":"UT","postalCode":"84401","addressCountry":"US"},"geo":{"@type":"GeoCoordinates","latitude":41.2241405,"longitude":-111.9734362},"url":"utogbrewing.com","telephone":"(801) 689-3476","servesCuisine":"Brewery"}</script>
14<link href="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/favicons/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png"/><link href="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/favicons/favicon.svg" rel="icon" type="image/svg+xml"/><link href="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/favicons/favicon.ico" rel="shortcut icon"/><link href="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/favicons/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/><meta content="UTOG Brewing" name="apple-mobile-web-app-title"/><link href="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/favicons/site.webmanifest" rel="manifest"/><link href="https://static.spotapps.co/web/utogbrewing--com/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/utogbrewing--com/lib/gallery/gallery.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/utogbrewing--com/lib/fancybox/source/jquery.fancybox.css" media="screen" rel="stylesheet" type="text/css"/><link href="https://static.spotapps.co/web/utogbrewing--com/lib/fancybox/source/helpers/jquery.fancybox-thumbs.css" rel="stylesheet" type="text/css"/><link href="//static.spotapps.co/web-lib/leaflet/[email protected]/dist/leaflet-gesture-handling.min.css" rel="stylesheet" type="text/css"/><link href="https://static.spotapps.co/web/utogbrewing--com/lib/uikit/css/uikit.docs.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/utogbrewing--com/lib/uikit/css/slidenav.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/utogbrewing--com/lib/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/utogbrewing--com/lib/hover_css/css/hover-min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/utogbrewing--com/lib/owlcarousel/owl.carousel.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/utogbrewing--com/lib/owlcarousel/owl.theme.default.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web-lib/leaflet/[email protected]/dist/leaflet.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/utogbrewing--com/css/style.css?version2" id="mainCSS" rel="stylesheet"/><link href="https://static.spotapps.co/web/utogbrewing--com/css/bottom_navigation_v1.css?v1779361413" rel="stylesheet"/><link href="css/custom.css?v1779361413&domain=utogbrewing.com" rel="stylesheet"/><link href="https://static.spotapps.co/web/utogbrewing--com/lib/icons_font/css/social_icons.css" rel="stylesheet"/><!--[if IE 7]><link rel="stylesheet" href="lib/icons_font/css/social_icons-ie7.css"><![endif]--><link href="https://static.spotapps.co/web/utogbrewing--com/lib/twitter_x_font_icon/css/twitter_x.css" rel="stylesheet"/><!--[if IE 7]><link rel="stylesheet" href="lib/twitter_x_font_icon/css/twitter_x-ie7.css"><![endif]--><!--[if lt IE 9]> 15
15<script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
15 16
16<script src="//oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
16 17 <![endif]--><style> 18 19#accessibility-footer { 20 padding: 20px 5px; 21 background-color: #353638; 22 color: #fff; 23 text-align: center; 24} 25#accessibility-footer p { 26 margin: 0; 27 padding: 0; 28 font-family: inherit; 29 font-size: initial; 30 color: #fff; 31} 32#accessibility-footer .accessibility-link { 33 display: inline-block; 34 color: inherit; 35 text-decoration: underline; 36 font-weight: 600; 37} 38 39@media (max-width: 767px) { 40 #accessibility-footer .accessibility-link { 41 display: block; 42 } 43 44 /* additionl css in case that there is a CTA mobile bar (id="bottom-navbar") on the website */ 45 #accessibility-footer { 46 position: relative; 47 top: -60px; 48 padding-bottom: 70px; 49 } 50} 51 52</style>
52<script src="https://static.spotapps.co/websites/lib/lazysizes/lazysizes.min.js" async=""></script>
52<script> 53function ga_check(){ 54 return true; 55} 56</script>
56<script> 57function universal_ga(action, type, category, ev_action, label){ 58 if(typeof ga === 'function') 59 { 60 if(!(action && label)) 61 ga(action, type, category) 62 else 63 ga(action, type, category, ev_action, label) 64 } 65 66 if(typeof gtag === 'function') 67 { 68 if(!(action && label)) 69 { 70 hash = category 71 ev_label = hash["eventLabel"] 72 var splits = ev_label.match(/.{1,100}/g) ?? []; 73 delete(hash["eventLabel"]) 74 75 if(splits.length <= 1) 76 hash["eventLabel"] = ev_label 77 else 78 { 79 for (let i = 0; i < splits.length; i++) { 80 var key = "eventLabel_"+i 81 hash[key] = splits[i] 82 } 83 } 84 console.log(hash) 85 gtag("event", hash["eventCategory"], hash); 86 } 87 else 88 { 89 var hash = { 90 eventCategory: category, 91 eventAction: ev_action 92 } 93 94 var splits = label.match(/.{1,100}/g) ?? []; 95 if(splits.length <= 1) 96 hash["eventLabel"] = label 97 else 98 { 99 for (let i = 0; i < splits.length; i++) { 100 var key = "eventLabel_"+i 101 hash[key] = splits[i] 102 } 103 } 104 gtag("event", hash["eventCategory"], hash); 105 } 106 } 107} 108</script>
108<script> function getPromotionUrlParams(){ 109 var params_str = sessionStorage.getItem('shUrlParams'); 110 if (params_str != null){ 111 return JSON.parse(params_str); 112 }else{ 113 return {}; 114 } 115 } 116 117 function getPromotionSourceDetails(){ 118 var params_str = localStorage.getItem('promotionSourceDetails'); 119 if (params_str != null){ 120 return JSON.parse(params_str); 121 }else{ 122 return {}; 123 } 124 } 125 126 function getLastEmailVisitInDays(){ 127 var promotionSourceDetails = getPromotionSourceDetails(); 128 if (!promotionSourceDetails['last_visit_email'] ){ 129 return null; 130 } 131 return Math.floor((new Date() - new Date(promotionSourceDetails['last_visit_email'])) / (1000 * 60 * 60 * 24)); 132 } 133 134 function getLastSocialVisitInDays(){ 135 var promotionSourceDetails = getPromotionSourceDetails(); 136 if (!promotionSourceDetails['last_visit_social'] ){ 137 return null; 138 } 139 return Math.floor((new Date() - new Date(promotionSourceDetails['last_visit_social'])) / (1000 * 60 * 60 * 24)); 140 } 141 142 var shUrlParams = getPromotionUrlParams(); 143 var promotionSourceDetails = getPromotionSourceDetails(); 144 145 new URL(document.location).searchParams.forEach(function(value, paramName){ 146 147 shUrlParams[paramName] = value; 148 149 if (paramName == 'source' && value =='social' ){ 150 promotionSourceDetails['last_visit_social'] = new Date(); 151 localStorage.setItem('promotionSourceDetails', JSON.stringify(promotionSourceDetails)); 152 } 153 154 if (paramName == 'source' && value =='email' ){ 155 promotionSourceDetails['last_visit_email'] = new Date(); 156 localStorage.setItem('promotionSourceDetails', JSON.stringify(promotionSourceDetails)); 157 } 158 159 }); 160 161 sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams)) 162</script>
162<style>a:focus:not(:focus-visible){outline:none;box-shadow:none;} 163a.get-directions-footer-link{display:inline-block;transform-origin:left center;transition:transform .2s ease;} 164a.get-directions-footer-link:hover{transform:scale(1.08);} 165@media (prefers-reduced-motion:reduce){a.get-directions-footer-link{transition:none;transform:none;}} 166a.get-directions-footer-link,a.get-directions-footer-link:hover{color:inherit!important;}</style></head><body class="home-page" data-spot-id="73247"><style>.promotion-pop-up .modal-dialog { 167 margin: 0 auto; 168 top: 0; 169 transition: none; 170} 171.promotion-pop-up.fade .modal-dialog { 172 transform: none !important; 173} 174 175.promotion-pop-up .modal-content { 176 display: none; 177 border-radius: 6px; 178 background-color: #fff; 179 background-image: none; 180} 181.promotion-pop-up .modal-header { 182 border: none; 183 margin-bottom: 8px; 184} 185.promotion-pop-up .close { 186 position: absolute; 187 top: 15px; 188 right: 15px; 189 font-size: 3em; 190 font-weight: normal; 191 line-height: 0.8em; 192 color: #000; 193 opacity: 0.8; 194} 195.promotion-pop-up .modal-body { 196 margin: 20px 20px 10px 20px; 197 padding-top: 5px; 198 text-align: center; 199 color: initial; 200} 201.promotion-pop-up .modal-footer { 202 padding-bottom: 40px; 203 border-top: none; 204 text-align: center; 205} 206 207.promotion-pop-up .btn { 208 display: inline-block; 209 max-width: 90%; 210 padding: 10px 50px; 211 font-size: 1.2em; 212 background-color: #000000; 213 color: #fff; 214 transform: scale(1); 215 -webkit-transition: all 0.3s ease; 216 -moz-transition: all 0.3s ease; 217 -o-transition: all 0.3s ease; 218 transition: all 0.3s ease; 219} 220.promotion-pop-up .btn:hover { 221 background-color: #1a1a1a; 222 color: #e0e0e0; 223 box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.3); 224 transform: scale(0.98); 225} 226 227.promotion-pop-up .btn:active { 228 background-color: #0f0f0f; 229 color: #cccccc; 230 box-shadow: 231 inset 0 2px 4px rgba(255, 255, 255, 0.08), 232 inset 0 -2px 2px rgba(0, 0, 0, 0.4); 233 transform: scale(0.94); 234} 235 236.promotion-pop-up h2 { 237 margin: 5px 5px 10px 5px; 238 font-size: 2.1em; 239 line-height: 1.3; 240 color: inherit; 241 /*font-family: unset;*/ 242} 243.promotion-pop-up h3 { 244 font-size: 1.5em; 245 margin: 5px 5px 15px 5px; 246 font-family: unset; 247 text-transform: inherit; 248} 249.promotion-pop-up p { 250 margin-top: 30px; 251} 252.promotion-pop-up .modal-body a { 253 color: initial; 254} 255 256.promotion-pop-up .modal-plain-text h3 { 257 padding-top: 10px; 258} 259 260.promotion-pop-up .modal-body.modal-image-and-button { 261 overflow: auto; 262 margin: 20px; 263 padding-top: 0; 264 padding-bottom: 0; 265} 266.promotion-pop-up .modal-body.modal-image-and-button img { 267 max-height: 60vh; 268 max-width: 100%; 269} 270.promotion-pop-up .modal-body.modal-image-and-button p { 271 margin-top: 15px; 272 margin-bottom: 10px; 273} 274 275@media only screen and (max-width: 1024px) { 276 .promotion-pop-up .modal-body.modal-image-and-button { 277 margin-bottom: 10px; 278 } 279 .promotion-pop-up h2 { 280 font-size: 1.9em; 281 } 282 .promotion-pop-up h3 { 283 font-size: 1.4em; 284 } 285 .promotion-pop-up .modal-body.modal-image-and-button img { 286 max-height: 65vh; 287 } 288} 289 290@media only screen and (max-width: 767px) { 291 .promotion-pop-up .modal-dialog { 292 margin: 0 10px; 293 } 294 .promotion-pop-up .modal-body { 295 margin-top: 18px; 296 } 297 .promotion-pop-up .modal-body.modal-image-and-button img { 298 max-height: 55vh; 299 } 300 .promotion-pop-up h2 { 301 font-size: 1.8em; 302 } 303 .promotion-pop-up h3 { 304 font-size: 1.3em; 305 } 306 .promotion-pop-up .modal-body.modal-image-and-button p { 307 font-size: 1.1em; 308 } 309} 310@media only screen and (max-width: 500px) { 311 .promotion-pop-up .modal-footer { 312 padding-top: 10px; 313 padding-bottom: 35px; 314 } 315 .promotion-pop-up .modal-body { 316 margin: 17px 15px 5px 15px; 317 } 318 .promotion-pop-up .btn { 319 padding: 9px 40px; 320 font-size: 1.1em; 321 } 322 .promotion-pop-up .modal-body.modal-image-and-button img { 323 max-height: 50vh; 324 } 325} 326@media only screen and (max-width: 400px) { 327 .promotion-pop-up h2 { 328 font-size: 1.7em; 329 } 330 .promotion-pop-up h3 { 331 font-size: 1.2em; 332 } 333 .promotion-pop-up .btn { 334 padding: 8px 35px; 335 font-size: 1.1em; 336 } 337}</style><div aria-label="Promotion" class="modal fade promotion-pop-up" id="promotion-pop-up" role="dialog" tabindex="-1"><div class="modal-dialog" role="document"><div class="modal-content promotion_pop_up_content" data-has-image="" data-internalname="reservations" data-is-custom-link="false" data-is-template-image-and-button="false" data-link-url="https://utogbrewing.com/reservations?source=pop_up&spot_id=73247&destination=reservations&promotion=reservations" id="6692411"><!-- Modal Header --><div class="modal-header"><button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">Ã</span></button></div><!-- Modal body -->
337<div class="modal-body modal-plain-text"><h2 class="section-header">We are taking online reservations!</h2><h3>Letâs ensure you get a great table: Book today!</h3><p>We recommend making a reservation ahead of time. Book your table today!</p></div><div class="modal-footer"><a class="btn btn-modal" data-href="https://utogbrewing.com/reservations?source=pop_up&spot_id=73247&destination=reservations&promotion=reservations" href="https://utogbrewing.com/reservations?source=pop_up&spot_id=73247&destination=reservations&promotion=reservations">Book Table</a></div></div><div class="modal-content promotion_pop_up_content" data-has-image="" data-internalname="private_parties" data-is-custom-link="false" data-is-template-image-and-button="false" data-link-url="https://utogbrewing.com/-party?source=pop_up&spot_id=73247&destination=private_parties&promotion=private_parties" id="6692409"><!-- Modal Header --><div class="modal-header"><button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">Ã</span></button></div><!-- Modal body --><div class="modal-body modal-plain-text"><h2 class="section-header">Turn moments into memories!</h2><h3>Choose us for your next special occasion or get-together.</h3><p>Got a birthday party, rehearsal dinner, corporate or other event coming up? We're a great option for your gathering! Inquire today and let us know how we can make your special occasion perfect!</p></div><div class="modal-footer"><a class="btn btn-modal" data-href="https://utogbrewing.com/-party?source=pop_up&spot_id=73247&destination=private_parties&promotion=private_parties" href="https://utogbrewing.com/-party?source=pop_up&spot_id=73247&destination=private_parties&promotion=private_parties">Book your party</a></div></div></div></div><style> 338 339 340.navbar.nav-v6 .container { 341 padding-top: 10px; 342 padding-bottom: 10px; 343} 344.navbar.nav-v6.nav-scroll .container { 345 padding-top: 0px; 346 padding-bottom: 0px; 347} 348.navbar.nav-v6 .header-logo img { 349 max-width: 100%; 350} 351.navbar.nav-v6.nav-scroll .header-logo img { 352 max-width: 80%; 353} 354 355@media (max-width: 767px) { 356 /* DO NOT change mobile nav height on page scroll */ 357 .navbar.nav-v6 .navbar-header, 358 .navbar.nav-v6.nav-scroll .navbar-header { 359 padding-top: 10px; 360 padding-bottom: 10px; 361 } 362 .navbar.nav-v6 .socialnav, 363 .navbar.nav-v6.nav-scroll .socialnav { 364 margin-top: 10px; 365 } 366 .navbar.nav-v6 .container, 367 .navbar.nav-v6.nav-scroll .container { 368 padding-top: 0; 369 padding-bottom: 0; 370 } 371 .navbar.nav-v6 .header-logo, 372 .navbar.nav-v6.nav-scroll .header-logo { 373 height: 70px; 374 } 375 .navbar.nav-v6 .header-logo img { 376 max-height: 100%; 377 } 378 .navbar.nav-v6.nav-scroll .header-logo img { 379 max-width: 100%; 380 } 381 /* HOME page CHANGE mobile nav height on page scroll */ 382 /* Remove body.home-page from below code if there should be mobile nav height change on ALL pages */ 383 body.home-page .navbar.nav-v6 .navbar-header { 384 padding-top: 10px; 385 padding-bottom: 10px; 386 } 387 body.home-page .navbar.nav-v6.nav-scroll .navbar-header{ 388 padding-top: 0px; 389 padding-bottom: 0px; 390 } 391 body.home-page .navbar.nav-v6 .socialnav { 392 margin-top: 10px; 393 } 394 body.home-page .navbar.nav-v6.nav-scroll .socialnav { 395 margin-top: 0px; 396 } 397 body.home-page .navbar.nav-v6 .container{ 398 padding-top: 0; 399 padding-bottom: 0; 400 } 401 body.home-page .navbar.nav-v6.nav-scroll .container { 402 padding-top: 0; 403 padding-bottom: 0; 404 } 405 body.home-page .navbar.nav-v6 .header-logo { 406 height: 70px; 407 } 408 body.home-page .navbar.nav-v6.nav-scroll .header-logo { 409 height: 50px; 410 } 411 body.home-page .navbar.nav-v6 .header-logo img { 412 max-height: 100%; 413 max-width: 100%; 414 } 415 body.home-page .navbar.nav-v6.nav-scroll .header-logo img { 416 max-width: 80%; 417 } 418} 419 420 421.navbar-regular .navbar-collapse.collapse.in { 422 background-color: transparent; 423 width: 100%; 424} 425.navbar.nav-v6{ 426 background-color: #fff; 427 -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0); 428 -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0); 429 box-shadow: 0px 2px 5px 0px rgba(0,0,0,0); 430 -moz-transition: all 0.3s ease-in-out; 431 -webkit-transition: all 0.3s ease-in-out; 432 -o-transition: all 0.3s ease-in-out; 433 transition: all 0.3s ease-in-out; 434} 435.navbar.nav-v6.nav-scroll{ 436 background-color: #fff; 437 -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); 438 -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); 439 box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); 440} 441.drink-menu .navbar.nav-v6{ 442 background-color: #fff; 443 -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0); 444 -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0); 445 box-shadow: 0px 2px 5px 0px rgba(0,0,0,0); 446 -moz-transition: all 0.3s ease-in-out; 447 -webkit-transition: all 0.3s ease-in-out; 448 -o-transition: all 0.3s ease-in-out; 449 transition: all 0.3s ease-in-out; 450} 451.drink-menu .navbar.nav-v6.nav-scroll{ 452 background-color: #fff; 453 -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); 454 -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); 455 box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); 456} 457.navbar-regular.nav-v6 .navbar-nav>li>a, 458.navbar-regular.nav-v6 .navbar-nav>li>a:hover, 459.navbar-regular.nav-v6 .navbar-nav>.active>a, 460.navbar-regular.nav-v6 .navbar-nav>.active>a:focus, 461.navbar-regular.nav-v6 .navbar-nav>.active>a:hover{ 462 border: none; 463 border-right: 1px solid #333; 464 background-color: transparent; 465 color: #333; 466 -moz-transition: all 0.3s ease-in-out; 467 -webkit-transition: all 0.3s ease-in-out; 468 -o-transition: all 0.3s ease-in-out; 469 transition: all 0.3s ease-in-out; 470} 471.navbar-regular.nav-v6 .navbar-nav>li>a { 472 color: #333; 473} 474.drink-menu .navbar.nav-v6 .navbar-nav>li>a { 475 color: #333; 476 border-right: 1px solid #333; 477} 478.drink-menu .navbar-regular.nav-v6 .navbar-nav>li>a:hover, 479.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a, 480.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:focus, 481.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:hover{ 482 color: #333; 483} 484li.drop-down-link .sub-menu { 485 background-color: #fff; 486 color: #333; 487 } 488.nav-scroll li.drop-down-link .sub-menu { 489 background-color: #fff; 490 color: #333; 491} 492.drink-menu li.drop-down-link .sub-menu { 493 background-color: #fff; 494 color: #333; 495 } 496.drink-menu .nav-scroll li.drop-down-link .sub-menu { 497 background-color: #fff; 498 color: #333; 499} 500li.drop-down-link .sub-menu a, 501li.drop-down-link div.drop-down { 502 color: #333; 503} 504.nav-scroll li.drop-down-link .sub-menu a, 505.nav-scroll li.drop-down-link li.drop-down-link div.drop-down { 506 color: #333; 507} 508.drink-menu li.drop-down-link .sub-menu a, 509.drink-menu li.drop-down-link div.drop-down { 510 color: #333; 511} 512.drink-menu .nav-scroll li.drop-down-link .sub-menu a, 513.drink-menu .nav-scroll li.drop-down-link div.drop-down { 514 color: #333; 515} 516 517li.drop-down-link .sub-menu a:hover, 518li.drop-down-link .sub-menu a:focus { 519 color: #333; 520} 521.drink-menu li.drop-down-link .sub-menu a:hover, 522.drink-menu li.drop-down-link .sub-menu a:focus { 523 color: #333; 524} 525
526.navbar-regular.nav-v6 .navbar-toggle .icon-bar { 527 background-color: #333; 528 -moz-transition: all 0.3s ease-in-out; 529 -webkit-transition: all 0.3s ease-in-out; 530 -o-transition: all 0.3s ease-in-out; 531 transition: all 0.3s ease-in-out; 532} 533.drink-menu .navbar-regular.nav-v6 .navbar-toggle .icon-bar { 534 background-color: #333; 535} 536.navbar-regular.nav-v6 [aria-expanded="true"].navbar-toggle .icon-bar { 537 background-color: #333; 538} 539.drink-menu .navbar-regular.nav-v6 [aria-expanded="true"].navbar-toggle .icon-bar{ 540 background-color: #333; 541} 542.navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a, 543.navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover, 544.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a, 545.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus, 546.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover{ 547 border: none; 548 border-right: 1px solid #333; 549 color: #333; 550} 551.navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a { 552 color: #333; 553} 554.drink-menu .navbar.nav-v6.nav-scroll .navbar-nav>li>a { 555 color: #333; 556 border-right: 1px solid #333; 557} 558.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover, 559.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a, 560.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus, 561.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover{ 562 color: #333; 563} 564 565.nav-scroll li.drop-down-link .sub-menu a:hover, 566.nav-scroll li.drop-down-link .sub-menu a:focus { 567 color: #333; 568} 569.drink-menu .nav-scroll li.drop-down-link .sub-menu a:hover, 570.drink-menu .nav-scroll li.drop-down-link .sub-menu a:focus { 571 color: #333; 572} 573 574.navbar-regular.nav-v6.nav-scroll .navbar-toggle .icon-bar { 575 background-color: #333; 576} 577.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-toggle .icon-bar { 578 background-color: #333; 579} 580.navbar-regular.nav-v6.nav-scroll [aria-expanded="true"].navbar-toggle .icon-bar { 581 background-color: #333; 582} 583.drink-menu .navbar-regular.nav-v6.nav-scroll [aria-expanded="true"].navbar-toggle .icon-bar{ 584 background-color: #333; 585} 586.navbar.nav-v6 .header-logo-text{ 587 color: #333; 588 -moz-transition: all 0.3s ease-in-out; 589 -webkit-transition: all 0.3s ease-in-out; 590 -o-transition: all 0.3s ease-in-out; 591 transition: all 0.3s ease-in-out; 592} 593.navbar.nav-v6.nav-scroll .header-logo-text{ 594 color: #333; 595} 596.navbar.nav-v6 .social-icon{ 597 color: #333; 598 -moz-transition: all 0.3s ease-in-out; 599 -webkit-transition: all 0.3s ease-in-out; 600 -o-transition: all 0.3s ease-in-out; 601 transition: all 0.3s ease-in-out; 602} 603.navbar.nav-v6.nav-scroll .social-icon{ 604 color: #333; 605} 606.navbar.nav-v6 .social-square .contact-icon:hover { 607 color: #333; 608 background-color: #333; 609} 610.navbar.nav-v6.nav-scroll .social-square .contact-icon:hover { 611 color: #333; 612 background-color: #333; 613} 614 615.drink-menu .navbar.nav-v6 .header-logo-text{ 616 color: #333; 617} 618.drink-menu .navbar.nav-v6.nav-scroll .header-logo-text{ 619 color: #333; 620} 621.drink-menu .navbar.nav-v6 .social-icon{ 622 color: #333; 623} 624.drink-menu .navbar.nav-v6.nav-scroll .social-icon{ 625 color: #333; 626} 627.drink-menu .navbar.nav-v6 .social-square .contact-icon:hover { 628 color: #333; 629 background-color: #333; 630} 631.drink-menu .navbar.nav-v6.nav-scroll .social-square .contact-icon:hover { 632 color: #333; 633 background-color: #333; 634} 635.navbar.nav-v6 .container { 636 border-bottom: 1px solid transparent; 637 -moz-transition: all 0.3s ease-in-out; 638 -webkit-transition: all 0.3s ease-in-out; 639 -o-transition: all 0.3s ease-in-out; 640 transition: all 0.3s ease-in-out; 641} 642.navbar.nav-v6.nav-scroll .container { 643 border-bottom: 1px solid transparent; 644} 645.drink-menu .navbar.nav-v6 .container { 646 border-bottom: 1px solid transparent; 647} 648.drink-menu .navbar.nav-v6.nav-scroll .container { 649 border-bottom: 1px solid transparent; 650} 651@media(min-width: 768px) { 652 .nav-v6 .navbar-collapse { 653 display: flex !important; 654 justify-content: end; 655 } 656 .nav-v6 .navbar-nav, 657 .nav-v6 .socialnav.hidden-xs { 658 float: none !important; 659 } 660} 661@media (max-width: 767px) { 662 .navbar.nav-v6 .container, 663 .navbar.nav-v6.nav-scroll .container, 664 .drink-menu .navbar.nav-v6 .container, 665 .drink-menu .navbar.nav-v6.nav-scroll .container { 666 border-bottom: none; 667 } 668 .navbar.nav-v6 .navbar-header { 669 border-bottom: 2px solid transparent; 670 } 671 .navbar.nav-v6.nav-scroll .navbar-header { 672 border-bottom: 2px solid transparent; 673 } 674 .drink-menu .navbar.nav-v6 .navbar-header { 675 border-bottom: 2px solid transparent; 676 } 677 .drink-menu .navbar.nav-v6.nav-scroll .navbar-header { 678 border-bottom: 2px solid transparent; 679 } 680 li.drop-down-link .sub-menu, 681 .drink-menu li.drop-down-link .sub-menu { 682 width: 100% !important; 683 background-color: transparent; 684 } 685 .nav-scroll li.drop-down-link .sub-menu, 686 .drink-menu .nav-scroll li.drop-down-link .sub-menu { 687 background-color: transparent; 688 } 689 /* Mobile home background */ 690 .navbar.nav-v6.navbar-regular.mobile-full-height .navbar-collapse.collapse, 691 .navbar.nav-v6.navbar-regular.mobile-full-height .navbar-collapse.collapsing, 692 .navbar.nav-v6.navbar-regular.mobile-full-height .navbar-collapse.collapse.in { 693 background-color: #ffffff; 694 } 695 /* Mobile home background scroll */ 696 .navbar.nav-v6.navbar-regular.nav-scroll.mobile-full-height .navbar-collapse.collapse, 697 .navbar.nav-v6.navbar-regular.nav-scroll.mobile-full-height .navbar-collapse.collapsing, 698 .navbar.nav-v6.navbar-regular.nav-scroll.mobile-full-height .navbar-collapse.collapse.in { 699 background-color: #ffffff; 700 } 701 /* Mobile pages background */ 702 .drink-menu .navbar.nav-v6.navbar-regular.mobile-full-height .navbar-collapse.collapse, 703 .drink-menu .navbar.nav-v6.navbar-regular.mobile-full-height .navbar-collapse.collapsing, 704 .drink-menu .navbar.nav-v6.navbar-regular.mobile-full-height .navbar-collapse.collapse.in { 705 background-color: #ffffff; 706 } 707 /* Mobile pages background scroll */ 708 .drink-menu .nav-v6.navbar-regular.nav-scroll.mobile-full-height .navbar-collapse.collapse, 709 .drink-menu .nav-v6.navbar-regular.nav-scroll.mobile-full-height .navbar-collapse.collapsing, 710 .drink-menu .nav-v6.navbar-regular.nav-scroll.mobile-full-height .navbar-collapse.collapse.in { 711 background-color: #ffffff; 712 } 713 .navbar-regular.nav-v6 .navbar-nav>li>a:hover, 714 .navbar-regular.nav-v6 .navbar-nav>.active>a, 715 .navbar-regular.nav-v6 .navbar-nav>.active>a:focus, 716 .navbar-regular.nav-v6 .navbar-nav>.active>a:hover{ 717 background-color: #333; 718 color: #333; 719 } 720 .navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover, 721 .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a, 722 .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus, 723 .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover{ 724 background-color: #333; 725 color: #333; 726 } 727 .drink-menu .navbar-regular.nav-v6 .navbar-nav>li>a:hover, 728 .drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a, 729 .drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:focus, 730 .drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:hover{ 731 background-color: #333; 732 color: #333; 733 } 734 .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover, 735 .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a, 736 .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus, 737 .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover{ 738 background-color: #333; 739 color: #333; 740 } 741 742 .navbar-regular.nav-v6 li.drop-down-link.active .drop-down .fa.fa-angle-up { 743 color: #333; 744 } 745 .navbar-regular.nav-v6.nav-scroll li.drop-down-link.active .drop-down .fa.fa-angle-up { 746 color: #333; 747 } 748 749 .drink-menu .navbar-regular.nav-v6 li.drop-down-link.active .drop-down .fa.fa-angle-up { 750 color: #333; 751 } 752 .drink-menu .navbar-regular.nav-v6.nav-scroll li.drop-down-link.active .drop-down .fa.fa-angle-up { 753 color: #333; 754 } 755 756} 757</style><!-- nav --><nav class="navbar nav-v4 nav-v6 nav-v6-drop navbar-regular navbar-fixed-top mobile-full-height" id="navbar" role="navigation"><div id="skip"><a class="visuallyhidden skip-content" href="#content">Skip to main content</a></div><div class="container"><a class="header-logo logo-top" href="/#"><img alt="UTOG Brewing logo top - Homepage" aria-label="Homepage" class="img-responsive logo-top" src="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/logo.png"/></a><a class="header-logo logo-scroll" href="/"><img alt="UTOG Brewing logo scroll - Homepage" aria-label="Homepage" class="img-responsive logo-scroll" src="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/logo.png"/></a><ul class="socialnav visible-xs">
757<li class="social-links social-icons-holder social-square"><a class="pull-left contact-icon" href="https://www.facebook.com/1743558789284930" target="_blank"><i class="social-icon fa fa-facebook"></i><span>Facebook page</span></a></li><li class="social-links social-icons-holder social-square"><a class="pull-left contact-icon" href="https://www.instagram.com/utogbrewingco" target="_blank"><i class="social-icon fa fa-instagram"></i><span>Instagram page</span></a></li><li class="social-links social-icons-holder social-square"><a class="pull-left contact-icon" href="https://www.google.com/search?q=UTOG+Brewing&oq=UTOG+Brewing&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTINCAEQLhivARjHARiABDIHCAIQABiABDIICAMQABgWGB4yCAgEEAAYFhgeMgYIBRBFGDwyBggGEEUYPDIGCAcQRRg80gEIMTk0NGowajeoAgCwAgA&sourceid=chrome&ie=UTF-8#lrd=0x87530f5ab48aeb8d:0xd89459bde331689f,1,,,," target="_blank"><i aria-hidden="true" class="social-icon fa fa-google"></i><span>Google page</span></a></li></ul><div class="navbar-header"><button aria-expanded="false" class="navbar-toggle" data-target="#navbar-collapse-1" data-toggle="collapse" type="button"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button></div><div class="collapse navbar-collapse" id="navbar-collapse-1"><ul class="nav navbar-nav navbar-right"><li class=" "><a class="" href="/beer" id="nav_tab_1_link" target="_self"> 758 759 Beer 760 761 </a></li><li class=" nav-menu-page"><a class="" href="/food-menu" id="nav_tab_2_link" target="_self"> 762 763 Menu 764 765 </a></li><li class=" "><a class="" href="/drink-menu" id="nav_tab_3_link" target="_self"> 766 767 Drinks 768 769 </a></li><li class=" nav-reservations-link cta-nav-tab"><a class="link-reservations-sh" href="/reservations#" id="nav_tab_4_link" target="_self"> 770 771 Reserve 772 773 </a></li><li class=" nav-parties-link"><a class="link-parties-sh" href="/party#" id="nav_tab_5_link" target="_self"> 774 775 Parties 776 777 </a></li><li class=" "><a class="" href="/events" id="nav_tab_6_link" target="_self"> 778 779 Events 780 781 </a></li><li class=" nav-menu-page"><a class="" href="/our-team" id="nav_tab_7_link" target="_self"> 782 783 Our Team 784 785 </a></li><li class=" nav-jobs-link"><a class="link-jobs-sh" href="https://tmt.spotapps.co/job-listings?spot_id=73247&callback_url=http://utogbrewing.com/#" id="nav_tab_8_link" target="_self"> 786 787 Jobs 788 789 </a></li></ul><ul class="socialnav hidden-xs"><li class="social-links social-icons-holder social-square"><a class="pull-left contact-icon" href="https://www.facebook.com/1743558789284930" target="_blank"><i class="social-icon fa fa-facebook"></i><span>Facebook page</span></a></li><li class="social-links social-icons-holder social-square"><a class="pull-left contact-icon" href="https://www.instagram.com/utogbrewingco" target="_blank"><i class="social-icon fa fa-instagram"></i><span>Instagram page</span></a></li><li class="social-links social-icons-holder social-square"><a class="pull-left contact-icon" href="https://www.google.com/search?q=UTOG+Brewing&oq=UTOG+Brewing&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTINCAEQLhivARjHARiABDIHCAIQABiABDIICAMQABgWGB4yCAgEEAAYFhgeMgYIBRBFGDwyBggGEEUYPDIGCAcQRRg80gEIMTk0NGowajeoAgCwAgA&sourceid=chrome&ie=UTF-8#lrd=0x87530f5ab48aeb8d:0xd89459bde331689f,1,,,," target="_blank"><i aria-hidden="true" class="social-icon fa fa-google"></i><span>Google page</span></a></li></ul></div></div></nav><header class="header cover-type-video" style=" 790 background-image: url(https://static.spotapps.co/website_images/ab_websites/73247_website_v1/video_poster.jpg); 791 background-image: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url(https://static.spotapps.co/website_images/ab_websites/73247_website_v1/video_poster.jpg); 792 background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://static.spotapps.co/website_images/ab_websites/73247_website_v1/video_poster.jpg); 793 794 background-repeat: no-repeat; 795 background-position: center center fixed; 796 -webkit-background-size: cover; 797 -moz-background-size: cover; 798 -o-background-size: cover; 799 background-size: cover; 800 z-index: 98; position: relative; overflow: hidden; 801 "><div id="home_page_cover" style="height:100%;"><style> 802 803video#coverVideo { 804 z-index: 99; 805 background: url(https://static.spotapps.co/website_images/ab_websites/73247_website_v1/video_poster.jpg) no-repeat; 806 background-size: cover; 807} 808 809@media (min-width: 768px) { 810 811 812 @media (min-width: 1025px) { 813 814 video#coverVideo { 815 position: absolute; 816 top: 50%; 817 left: 50%; 818 min-width: 100%; 819 min-height: 100%; 820 width: auto; 821 height: auto; 822 -ms-transform: translateX(-50%) translateY(-50%); 823 -moz-transform: translateX(-50%) translateY(-50%); 824 -webkit-transform: translateX(-50%) translateY(-50%); 825 transform: translateX(-50%) translateY(-50%); 826 max-width: none; 827 vertical-align: baseline; 828} 829 } 830 831 @media (max-width: 1024px) { 832 833 video#coverVideo { 834 width: 100%; 835} 836.header { 837 max-height: 100vh; 838 background-image: none !important; 839 width: initial; 840 height: initial; 841} 842body.home-page { 843 background-color: transparent; 844} 845 } 846 847 848} 849 850@media (max-width: 767px) { 851 video#coverVideo { 852 width: 100%; 853} 854.header { 855 max-height: 100vh; 856 background-image: none !important; 857 width: initial; 858 height: initial; 859} 860body.home-page { 861 background-color: transparent; 862}} 863 864 .video-volume-btn, .video-controls-btn { 865 color: rgba(255, 255, 255, 0.9); 866 } 867 868</style>
868<video autoplay="autoplay" id="coverVideo" loop="loop" muted="muted" playsinline="playsinline" poster="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/video_poster.jpg"><source src="https://static.spotapps.co/website_videos/Utog_Vimeo720p30.mp4" type="video/mp4"/></video><button aria-label="The decorative video is currently playing, pause the video" class="video-controls-btn" id="cover_video_controls_btn" type="button"><span class="off-screen">The decorative video is currently playing</span><i aria-hidden="true" class="fa fa-play"></i><i aria-hidden="true" class="fa fa-pause"></i></button><button aria-label="The decorative video sound is off, turn it on" class="video-volume-btn" type="button"><span class="off-screen">The decorative video sound is off</span><i aria-hidden="true" class="fa fa-volume-off"></i><i aria-hidden="true" class="fa fa-volume-up"></i></button></div></header><main id="content" role="main"><h1 class="visuallyhidden">UTOG Brewing - Ogden, UT</h1><article class="hide-show-section" data-hidden="no"><style></style><div class="custom_html_3-section section-wrapper" id="custom_html_3"><div class="container"><div class="marquee-wrapper"><div class="marquee-box"><h2>Ogdenâs Home for Handcrafted Beer, Seasonal Eats, and Good Times</h2><img alt="" src="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/marquie_decoration1.png"/></div><div class="marquee-box"><h2>Ogdenâs Home for Handcrafted Beer, Seasonal Eats, and Good Times</h2><img alt="" src="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/marquie_decoration1.png"/></div><div class="marquee-box"><h2>Ogdenâs Home for Handcrafted Beer, Seasonal Eats, and Good Times</h2><img alt="" src="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/marquie_decoration1.png"/></div><div class="marquee-box"><h2>Ogdenâs Home for Handcrafted Beer, Seasonal Eats, and Good Times</h2><img alt="" src="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/marquie_decoration1.png"/></div><div class="marquee-box"><h2>Ogdenâs Home for Handcrafted Beer, Seasonal Eats, and Good Times</h2><img alt="" src="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/marquie_decoration1.png"/></div><div class="marquee-box"><h2>Ogdenâs Home for Handcrafted Beer, Seasonal Eats, and Good Times</h2><img alt="" src="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/marquie_decoration1.png"/></div></div></div></div></article><article class="hide-show-section" data-hidden="no"><style></style><div class="custom_html_1-section section-wrapper" id="custom_html_1"><div class="container"><h2 class="section-header">Welcome to UTOG Brewing</h2><h3>New American brewpub & brewery in Ogden</h3><p style="text-align: center;">UTOGÂ Brewing Company is a local gem, proudly owned and run by locals since 2019. We started with a simple mission: to create top-notch, crushable beer that everyone can enjoy. This passion for creativity is also reflected in our kitchen, where our owner, head brewer, and chef collaborate to craft delicious food and beer combinations that complement each other perfectly. We then keep things fresh and exciting with our ever-changing beer and food offerings. </p><p><a class="custom-temp-btn hvr-fade" href="/about" target="_self">read more<span class="visuallyhidden"> about us</span></a></p></div></div></article><article class="hide-show-section" data-hidden="no"><style> 869.gallery-carousel-menu-wrapper { 870 background-color: #333; 871 color: #000; 872 background-image: url('https://static.spotapps.co/website_images/ab_websites/73247_website_v1/carousel_bg.jpg'); 873 } 874 875</style><div class="gallery-carousel-wrapper gallery-carousel-menu-wrapper section-wrapper" id="gallery_carousel_menu"><div class="carousel-holder"><div aria-label="Menu items carousel with 20 items" role="region"><p class="visuallyhidden" id="gallery_carousel_menu_info">There are currently 3 menu items in the viewport, and the slider navigation buttons are previous and next buttons. The previous/next buttons are preceding menu items. On previous/next button activation, the carousel moves for 1 menu item.</p>
875<div class="carousel-controls"><button aria-label="The Menu items carousel is currently playing, pause the Menu items carousel" class="carousel-control-btn stop-carousel" type="button"><i aria-hidden="true" class="fa fa-pause"></i><i aria-hidden="true" class="fa fa-play"></i><span class="visuallyhidden"> Start stop menu items carousel</span></button></div><div class="owl-carousel owl-theme"><div class="item gallery-hover animation_4"><div class="image-holder image-with-panel"><div class="img"><img alt="menu item 1 of 20, Tempura Buffalo Mac" class="img-responsive lazyload" data-original="//static.spotapps.co/spots/09/ed5399394044fdb422b5fca6a560d0/full" data-sizes="auto" data-src="//static.spotapps.co/spots/09/ed5399394044fdb422b5fca6a560d0/full" data-srcset="//static.spotapps.co/spots/09/ed5399394044fdb422b5fca6a560d0/small 200w, //static.spotapps.co/spots/09/ed5399394044fdb422b5fca6a560d0/medium 400w, //static.spotapps.co/spots/09/ed5399394044fdb422b5fca6a560d0/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div><div class="info menu-item-info"><p aria-hidden="true" class="menu-item-title">Tempura Buffalo Mac</p><div class="menu-item-price-holder"><p class="menu-item-price">$14</p></div></div></div></div><div class="item gallery-hover animation_4"><div class="image-holder image-with-panel"><div class="img"><img alt="menu item 2 of 20, Crispy Brussel Sprouts (GF)" class="img-responsive lazyload" data-original="//static.spotapps.co/spots/e0/7ff9e3c4194484a8c31323ddbeb6cb/full" data-sizes="auto" data-src="//static.spotapps.co/spots/e0/7ff9e3c4194484a8c31323ddbeb6cb/full" data-srcset="//static.spotapps.co/spots/e0/7ff9e3c4194484a8c31323ddbeb6cb/small 200w, //static.spotapps.co/spots/e0/7ff9e3c4194484a8c31323ddbeb6cb/medium 400w, //static.spotapps.co/spots/e0/7ff9e3c4194484a8c31323ddbeb6cb/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div><div class="info menu-item-info"><p aria-hidden="true" class="menu-item-title">Crispy Brussel Sprouts (GF)</p><div class="menu-item-price-holder"><p class="menu-item-price">$12</p></div></div></div></div><div class="item gallery-hover animation_4"><div class="image-holder image-with-panel"><div class="img"><img alt="menu item 3 of 20, Garlic Cheese Curds" class="img-responsive lazyload" data-original="//static.spotapps.co/spots/2c/d9d83c5cd24442a2e500f87ca172af/full" data-sizes="auto" data-src="//static.spotapps.co/spots/2c/d9d83c5cd24442a2e500f87ca172af/full" data-srcset="//static.spotapps.co/spots/2c/d9d83c5cd24442a2e500f87ca172af/small 200w, //static.spotapps.co/spots/2c/d9d83c5cd24442a2e500f87ca172af/medium 400w, //static.spotapps.co/spots/2c/d9d83c5cd24442a2e500f87ca172af/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div><div class="info menu-item-info"><p aria-hidden="true" class="menu-item-title">Garlic Cheese Curds</p><div class="menu-item-price-holder"><p class="menu-item-price">$14</p></div></div></div></div><div class="item gallery-hover animation_4"><div class="image-holder image-with-panel"><div class="img"><img alt="menu item 4 of 20, Salmon Salad (GF)" class="img-responsive lazyload" data-original="//static.spotapps.co/spots/9f/6554266cc1427e8d005afc8376b7d3/full" data-sizes="auto" data-src="//static.spotapps.co/spots/9f/6554266cc1427e8d005afc8376b7d3/full" data-srcset="//static.spotapps.co/spots/9f/6554266cc1427e8d005afc8376b7d3/small 200w, //static.spotapps.co/spots/9f/6554266cc1427e8d005afc8376b7d3/medium 400w, //static.spotapps.co/spots/9f/6554266cc1427e8d005afc8376b7d3/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div><div class="info menu-item-info"><p aria-hidden="true" class="menu-item-title">Salmon Salad (GF)</p><div class="menu-item-price-holder"><p class="menu-item-price">$24</p></div></div></div></div><div class="item gallery-hover animation_4"><div class="image-holder image-with-panel"><div class="img"><img alt="menu item 5 of 20, Red Pepper Bisque" class="img-responsive lazyload" data-original="//static.spotapps.co/spots/20/38a3c0a757435785798d41931613ca/full" data-sizes="auto" data-src="//static.spotapps.co/spots/20/38a3c0a757435785798d41931613ca/full" data-srcset="//static.spotapps.co/spots/20/38a3c0a757435785798d41931613ca/small 200w, //static.spotapps.co/spots/20/38a3c0a757435785798d41931613ca/medium 400w, //static.spotapps.co/spots/20/38a3c0a757435785798d41931613ca/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div><div class="info menu-item-info"><p aria-hidden="true" class="menu-item-title">Red Pepper Bisque</p><div class="menu-item-price-holder"><p class="menu-item-price"></p></div></div></div></div><div class="item gallery-hover animation_4"><div class="image-holder image-with-panel"><div class="img"><img alt="menu item 6 of 20, The TOG Burger" class="img-responsive lazyload" data-original="//static.spotapps.co/spots/35/70dea31b08417ca84382505f7b1e33/full" data-sizes="auto" data-src="//static.spotapps.co/spots/35/70dea31b08417ca84382505f7b1e33/full" data-srcset="//static.spotapps.co/spots/35/70dea31b08417ca84382505f7b1e33/small 200w, //static.spotapps.co/spots/35/70dea31b08417ca84382505f7b1e33/medium 400w, //static.spotapps.co/spots/35/70dea31b08417ca84382505f7b1e33/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div><div class="info menu-item-info"><p aria-hidden="true" class="menu-item-title">The TOG Burger</p><div class="menu-item-price-holder"><p class="menu-item-price">$21</p></div></div></div></div><div class="item gallery-hover animation_4"><div class="image-holder image-with-panel"><div class="img"><img alt="menu item 7 of 20, BBQ Salmon (GF)" class="img-responsive lazyload" data-original="//static.spotapps.co/spots/9f/6554266cc1427e8d005afc8376b7d3/full" data-sizes="auto" data-src="//static.spotapps.co/spots/9f/6554266cc1427e8d005afc8376b7d3/full" data-srcset="//static.spotapps.co/spots/9f/6554266cc1427e8d005afc8376b7d3/small 200w, //static.spotapps.co/spots/9f/6554266cc1427e8d005afc8376b7d3/medium 400w, //static.spotapps.co/spots/9f/6554266cc1427e8d005afc8376b7d3/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div><div class="info menu-item-info"><p aria-hidden="true" class="menu-item-title">
875BBQ Salmon (GF)</p><div class="menu-item-price-holder"><p class="menu-item-price">$26</p></div></div></div></div><div class="item gallery-hover animation_4"><div class="image-holder image-with-panel"><div class="img"><img alt="menu item 8 of 20, Peanut Butter Cookie (GF)" class="img-responsive lazyload" data-original="//static.spotapps.co/spots/c0/774d61c51a480c900c76770897b7c8/full" data-sizes="auto" data-src="//static.spotapps.co/spots/c0/774d61c51a480c900c76770897b7c8/full" data-srcset="//static.spotapps.co/spots/c0/774d61c51a480c900c76770897b7c8/small 200w, //static.spotapps.co/spots/c0/774d61c51a480c900c76770897b7c8/medium 400w, //static.spotapps.co/spots/c0/774d61c51a480c900c76770897b7c8/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div><div class="info menu-item-info"><p aria-hidden="true" class="menu-item-title">Peanut Butter Cookie (GF)</p><div class="menu-item-price-holder"><p class="menu-item-price">$12</p></div></div></div></div><div class="item gallery-hover animation_4"><div class="image-holder image-with-panel"><div class="img"><img alt="menu item 9 of 20, Fried Buffalo Mac" class="img-responsive lazyload" data-original="//static.spotapps.co/spots/2b/04610558a34c819300a570b3e95dba/full" data-sizes="auto" data-src="//static.spotapps.co/spots/2b/04610558a34c819300a570b3e95dba/full" data-srcset="//static.spotapps.co/spots/2b/04610558a34c819300a570b3e95dba/small 200w, //static.spotapps.co/spots/2b/04610558a34c819300a570b3e95dba/medium 400w, //static.spotapps.co/spots/2b/04610558a34c819300a570b3e95dba/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div><div class="info menu-item-info"><p aria-hidden="true" class="menu-item-title">Fried Buffalo Mac</p><div class="menu-item-price-holder"><p class="menu-item-price">$14</p></div></div></div></div><div class="item gallery-hover animation_4"><div class="image-holder image-with-panel"><div class="img"><img alt="menu item 10 of 20, Crispy Brussel Sprouts (Gf)" class="img-responsive lazyload" data-original="//static.spotapps.co/spots/64/1fe682b1734ef2a74aad2d61f236c5/full" data-sizes="auto" data-src="//static.spotapps.co/spots/64/1fe682b1734ef2a74aad2d61f236c5/full" data-srcset="//static.spotapps.co/spots/64/1fe682b1734ef2a74aad2d61f236c5/small 200w, //static.spotapps.co/spots/64/1fe682b1734ef2a74aad2d61f236c5/medium 400w, //static.spotapps.co/spots/64/1fe682b1734ef2a74aad2d61f236c5/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div><div class="info menu-item-info"><p aria-hidden="true" class="menu-item-title">Crispy Brussel Sprouts (Gf)</p><div class="menu-item-price-holder"><p class="menu-item-price">$12</p></div></div></div></div><div class="item gallery-hover animation_4"><div class="image-holder image-with-panel"><div class="img"><img alt="menu item 11 of 20, Cheese Curds" class="img-responsive lazyload" data-original="//static.spotapps.co/spots/4a/51b8e239234df08ae7242e5bb2db50/full" data-sizes="auto" data-src="//static.spotapps.co/spots/4a/51b8e239234df08ae7242e5bb2db50/full" data-srcset="//static.spotapps.co/spots/4a/51b8e239234df08ae7242e5bb2db50/small 200w, //static.spotapps.co/spots/4a/51b8e239234df08ae7242e5bb2db50/medium 400w, //static.spotapps.co/spots/4a/51b8e239234df08ae7242e5bb2db50/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div><div class="info menu-item-info"><p aria-hidden="true" class="menu-item-title">Cheese Curds</p><div class="menu-item-price-holder"><p class="menu-item-price">$14</p></div></div></div></div><div class="item gallery-hover animation_4"><div class="image-holder image-with-panel"><div class="img"><img alt="menu item 12 of 20, Salmon Salad (Gf)" class="img-responsive lazyload" data-original="//static.spotapps.co/spots/bd/f39d96a58c41c1844f3f49b608f2d8/full" data-sizes="auto" data-src="//static.spotapps.co/spots/bd/f39d96a58c41c1844f3f49b608f2d8/full" data-srcset="//static.spotapps.co/spots/bd/f39d96a58c41c1844f3f49b608f2d8/small 200w, //static.spotapps.co/spots/bd/f39d96a58c41c1844f3f49b608f2d8/medium 400w, //static.spotapps.co/spots/bd/f39d96a58c41c1844f3f49b608f2d8/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div><div class="info menu-item-info"><p aria-hidden="true" class="menu-item-title">
875Salmon Salad (Gf)</p><div class="menu-item-price-holder"><p class="menu-item-price">$24</p></div></div></div></div><div class="item gallery-hover animation_4"><div class="image-holder image-with-panel"><div class="img"><img alt="menu item 13 of 20, Red Pepper Bisque (Gf)" class="img-responsive lazyload" data-original="//static.spotapps.co/spots/29/8693ffc96d4065934327fd60f2e354/full" data-sizes="auto" data-src="//static.spotapps.co/spots/29/8693ffc96d4065934327fd60f2e354/full" data-srcset="//static.spotapps.co/spots/29/8693ffc96d4065934327fd60f2e354/small 200w, //static.spotapps.co/spots/29/8693ffc96d4065934327fd60f2e354/medium 400w, //static.spotapps.co/spots/29/8693ffc96d4065934327fd60f2e354/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div><div class="info menu-item-info"><p aria-hidden="true" class="menu-item-title">Red Pepper Bisque (Gf)</p></div></div></div><div class="item gallery-hover animation_4"><div class="image-holder image-with-panel"><div class="img"><img alt="menu item 14 of 20, BBQ Salmon" class="img-responsive lazyload" data-original="//static.spotapps.co/spots/0b/97f84b89de4544abde457fb52f8bf6/full" data-sizes="auto" data-src="//static.spotapps.co/spots/0b/97f84b89de4544abde457fb52f8bf6/full" data-srcset="//static.spotapps.co/spots/0b/97f84b89de4544abde457fb52f8bf6/small 200w, //static.spotapps.co/spots/0b/97f84b89de4544abde457fb52f8bf6/medium 400w, //static.spotapps.co/spots/0b/97f84b89de4544abde457fb52f8bf6/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div><div class="info menu-item-info"><p aria-hidden="true" class="menu-item-title">BBQ Salmon</p><div class="menu-item-price-holder"><p class="menu-item-price">$26</p></div></div></div></div><div class="item gallery-hover animation_4"><div class="image-holder image-with-panel"><div class="img"><img alt="menu item 15 of 20, The Tog Burger" class="img-responsive lazyload" data-original="//static.spotapps.co/spots/35/70dea31b08417ca84382505f7b1e33/full" data-sizes="auto" data-src="//static.spotapps.co/spots/35/70dea31b08417ca84382505f7b1e33/full" data-srcset="//static.spotapps.co/spots/35/70dea31b08417ca84382505f7b1e33/small 200w, //static.spotapps.co/spots/35/70dea31b08417ca84382505f7b1e33/medium 400w, //static.spotapps.co/spots/35/70dea31b08417ca84382505f7b1e33/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div><div class="info menu-item-info"><p aria-hidden="true" class="menu-item-title">The Tog Burger</p><div class="menu-item-price-holder"><p class="menu-item-price">$21</p></div></div></div></div><div class="item gallery-hover animation_4"><div class="image-holder image-with-panel"><div class="img"><img alt="menu item 16 of 20, Wing Sandwich" class="img-responsive lazyload" data-original="//static.spotapps.co/spots/1f/7ef8ae3ebb4f53b5122310a273841c/full" data-sizes="auto" data-src="//static.spotapps.co/spots/1f/7ef8ae3ebb4f53b5122310a273841c/full" data-srcset="//static.spotapps.co/spots/1f/7ef8ae3ebb4f53b5122310a273841c/small 200w, //static.spotapps.co/spots/1f/7ef8ae3ebb4f53b5122310a273841c/medium 400w, //static.spotapps.co/spots/1f/7ef8ae3ebb4f53b5122310a273841c/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div><div class="info menu-item-info"><p aria-hidden="true" class="menu-item-title">Wing Sandwich</p><div class="menu-item-price-holder"><p class="menu-item-price">$18</p></div></div></div></div><div class="item gallery-hover animation_4"><div class="image-holder image-with-panel"><div class="img"><img alt="menu item 17 of 20, Peanut Butter Cookie (Gf)" class="img-responsive lazyload" data-original="//static.spotapps.co/spots/c0/774d61c51a480c900c76770897b7c8/full" data-sizes="auto" data-src="//static.spotapps.co/spots/c0/774d61c51a480c900c76770897b7c8/full" data-srcset="//static.spotapps.co/spots/c0/774d61c51a480c900c76770897b7c8/small 200w, //static.spotapps.co/spots/c0/774d61c51a480c900c76770897b7c8/medium 400w, //static.spotapps.co/spots/c0/774d61c51a480c900c76770897b7c8/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div><div class="info menu-item-info"><p aria-hidden="true" class="menu-item-title">Peanut Butter Cookie (Gf)</p><div class="menu-item-price-holder"><p class="menu-item-price">$12</p></div></div></div></div><div class="item gallery-hover animation_4"><div class="image-holder image-with-panel"><div class="img"><img alt="menu item 18 of 20, Tempura Buffalo Mac" class="img-responsive lazyload" data-original="//static.spotapps.co/spots/94/10191023d246fea7d571e01531b17c/full" data-sizes="auto" data-src="//static.spotapps.co/spots/94/10191023d246fea7d571e01531b17c/full" data-srcset="//static.spotapps.co/spots/94/10191023d246fea7d571e01531b17c/small 200w, //static.spotapps.co/spots/94/10191023d246fea7d571e01531b17c/medium 400w, //static.spotapps.co/spots/94/10191023d246fea7d571e01531b17c/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div><div class="info menu-item-info"><p aria-hidden="true" class="menu-item-title">Tempura Buffalo Mac</p><div class="menu-item-price-holder"><p class="menu-item-price">$14</p></div></div></div></div><div class="item gallery-hover animation_4"><div class="image-holder image-with-panel"><div class="img"><img alt="menu item 19 of 20, Crispy Brussel Sprouts (Gf)" class="img-responsive lazyload" data-original="//static.spotapps.co/spots/48/f4b7be20a9483d9d69839f16fa2c1b/full" data-sizes="auto" data-src="//static.spotapps.co/spots/48/f4b7be20a9483d9d69839f16fa2c1b/full" data-srcset="//static.spotapps.co/spots/48/f4b7be20a9483d9d69839f16fa2c1b/small 200w, //static.spotapps.co/spots/48/f4b7be20a9483d9d69839f16fa2c1b/medium 400w, //static.spotapps.co/spots/48/f4b7be20a9483d9d69839f16fa2c1b/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div><div class="info menu-item-info"><p aria-hidden="true" class="menu-item-title">Crispy Brussel Sprouts (Gf)</p><div class="menu-item-price-holder"><p class="menu-item-price">$12</p></div></div></div></div><div class="item gallery-hover animation_4"><div class="image-holder image-with-panel"><div class="img"><img alt="menu item 20 of 20, Breakfast Burrito" class="img-responsive lazyload" data-original="//static.spotapps.co/spots/1f/8f7748593949a4bdee27a45fa0ca0d/full" data-sizes="auto" data-src="//static.spotapps.co/spots/1f/8f7748593949a4bdee27a45fa0ca0d/full" data-srcset="//static.spotapps.co/spots/1f/8f7748593949a4bdee27a45fa0ca0d/small 200w, //static.spotapps.co/spots/1f/8f7748593949a4bdee27a45fa0ca0d/medium 400w, //static.spotapps.co/spots/1f/8f7748593949a4bdee27a45fa0ca0d/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div><div class="info menu-item-info"><p aria-hidden="true" class="menu-item-title">Breakfast Burrito</p><div class="menu-item-price-holder"><p class="menu-item-price">$18</p></div></div></div></div></div></div></div></div></article><article class="hide-show-section" data-hidden="no"><style></style><div class="custom_html_2-section section-wrapper" id="custom_html_2"><div class="container"><img alt="Crafted in Ogden, Enjoyed by All" src="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/custom_image_2.png"/></div></div></article><article class="hide-show-section" data-hidden="no"><style></style><div class="custom_html_4-section section-wrapper" id="custom_html_4"><div class="container"><div class="marquee-wrapper"><div class="marquee-box"><h2>Big Celebrations Made Easy at UTOG</h2><img alt="" src="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/marquie_decoration2.png"/></div><div class="marquee-box"><h2>Big Celebrations Made Easy at UTOG</h2><img alt="" src="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/marquie_decoration2.png"/></div><div class="marquee-box"><h2>Big Celebrations Made Easy at UTOG</h2><img alt="" src="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/marquie_decoration2.png"/></div><div class="marquee-box"><h2>Big Celebrations Made Easy at UTOG</h2><img alt="" src="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/marquie_decoration2.png"/></div><div class="marquee-box"><h2>Big Celebrations Made Easy at UTOG</h2><img alt="" src="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/marquie_decoration2.png"/></div><div class="marquee-box"><h2>Big Celebrations Made Easy at UTOG</h2><img alt="" src="https://static.spotapps.co/website_images/ab_websites/73247_website_v1/marquie_decoration2.png"/></div></div></div></div></article><article class="hide-show-section" data-hidden="no"><style> 876.about-us-v8-wrapper { 877 padding: 0; 878} 879.about-us-v8-wrapper:before { 880 background-color: #333; 881 } 882 883 884.about-us-v8-wrapper .container { 885 padding: 0; 886 width: 100%; 887} 888 889 890 891 892 893 #aboutus_v8 .about-us-v8-item-0 .text-wrapper { 894 padding: 96px 8%; 895 } 896 897 898 899 #aboutus_v8 .about-us-v8-item-0 .about-us-v8-content .text-content h3, 900 #aboutus_v8 .about-us-v8-item-0 .about-us-v8-content .text-content h2:not(.about-title) { 901 color: #EBEBEB; 902 } 903 904
905 @media (max-width: 1024px) { 906 #aboutus_v8 .about-us-v8-item-0 .text-wrapper { 907 padding: 96px 8%; 908 } 909 } 910 911 @media (max-width: 767px) { 912 #aboutus_v8 .about-us-v8-item-0 .about-us-v8-image { 913 margin: 0; 914 height: 300px; 915 } 916 } 917 918 #aboutus_v8 .about-us-v8-item-1 { 919 background-color: #272727; 920 } 921 922 923 924 #aboutus_v8 .about-us-v8-item-1 .text-wrapper { 925 padding: 96px 8%; 926 } 927 928 929 930 #aboutus_v8 .about-us-v8-item-1 .about-us-v8-content .text-content h3, 931 #aboutus_v8 .about-us-v8-item-1 .about-us-v8-content .text-content h2:not(.about-title) { 932 color: #EBEBEB; 933 } 934 935 936 @media (max-width: 1024px) { 937 #aboutus_v8 .about-us-v8-item-1 .text-wrapper { 938 padding: 96px 8%; 939 } 940 } 941 942 @media (max-width: 767px) { 943 #aboutus_v8 .about-us-v8-item-1 .about-us-v8-image { 944 margin: 0; 945 height: 300px; 946 } 947 } 948 949@-webkit-keyframes grow { 950 from { 951 opacity: 0; 952 width: 0px; 953 } 954 to { 955 opacity: 1; 956 width: 80%; 957 } 958} 959@-moz-keyframes grow { 960 from { 961 opacity: 0; 962 width: 0px; 963 } 964 to { 965 opacity: 1; 966 width: 80%; 967 } 968} 969@keyframes grow { 970 from { 971 opacity: 0; 972 width: 0px; 973 } 974 to { 975 opacity: 1; 976 width: 80%; 977 } 978} 979 980.safari-mac .about-us-v8-item .about-us-v8-image-bar { 981 width: 80%; 982} 983 984 985@media (max-width: 767px) { 986 .about-us-v8-wrapper { 987 padding: 0; 988 } 989 .about-us-v8-wrapper .container { 990 padding: 0; 991 width: 100%; 992 } 993 .about-us-v8-item { 994 padding: 0 !important; 995 } 996} 997 998</style><div class="about-us-v8-wrapper section-wrapper" id="aboutus_v8"><div class="container about-us-v8"><section><div class="about-us-v8-item about-us-v8-item-0 about-us-v8-item-right" style="padding: 0;"><!-- start About us item --><div class="about-us-v8-image visible-xs image-size-cover image-size-mobile-cover" style="background-image: url('https://static.spotapps.co/website_images/ab_websites/73247_website_v1/parties_img.jpg'); width: 50%; 999 "><!-- start Left About us image --></div><!-- end Left About us image --><div class="about-us-v8-content content-left" style="width: 50%; 1000 color: #D6D6D6; 1001 background: rgba(250, 250, 250, 0); text-align: left;"><div class="text-wrapper"><div class="text-content "><h2 class="about-title bar-left" style="color: #fff;"><span>Your Kind of Night<br/>Starts Here</span></h2><div class="text-holder"><h3>Your crew, your kind of night</h3><p>Big moments feel easy here, whether you're planning a birthday, baby shower, graduation, corporate or wedding events. Our team helps the night run smoothly from the first hello to the last toast, so you can focus on your guests, not the logistics. With indoor and outdoor seating and a family-friendly vibe, it's a natural fit for your gatherings. Tell us your occasion and guest count, and let's start the plan.</p></div><div class="buttons-holder buttons-row-parent buttons-left"><div class="buttons-row"><a class="custom-temp-btn hvr-fade" href="/party" target="_self"> 1002 book now <span class="visuallyhidden"> a private party</span></a></div></div></div></div></div><!-- start Right About us image --><div class="about-us-v8-image hidden-xs image-size-cover image-size-mobile-cover" style="background-image: url('https://static.spotapps.co/website_images/ab_websites/73247_website_v1/parties_img.jpg'); width: 50%; 1003 "></div><!-- end Right About us image --></div><!-- end About us item --></section><section><div class="about-us-v8-item about-us-v8-item-1 about-us-v8-item-spec-color about-us-v8-item-left" style="padding: 2% 0 2% 0;"><!-- start About us item --><div class="about-us-v8-image image-size-cover image-size-mobile-cover" style="background-image: url('https://static.spotapps.co/website_images/ab_websites/73247_website_v1/reservations_img.jpg'); width: 50%; 1004 "><!-- start Left About us image --></div><!-- end Left About us image --><div class="about-us-v8-content content-left" style="width: 50%; 1005 color: #D6D6D6; 1006 background: rgba(250, 250, 250, 0); text-align: left;"><div class="text-wrapper"><div class="text-content "><h2 class="about-title bar-left" style="color: #fff;"><span>Reserve Your Seat in Style</span></h2><div class="text-holder"><h3>Patio views, brewhouse buzz</h3><p>Reserve a table when you want the energy without the scramble, good for date nights, family dinners, game-nights, and catch-ups that turn into "one more round." The dining room keeps a comfortable, moderate hype, and in summer the patio is a go-to spot to watch baseball games outside. Add house beer on tap, craft cocktails, and mocktails, and you've got an easy reason to stay awhile. Choose your time, lock in your seats, and we'll take it from there.</p></div><div class="buttons-holder buttons-row-parent buttons-left"><div class="buttons-row"><a class="custom-temp-btn hvr-fade" href="/reservations" target="_self"> 1007 reserve <sp
1007an class="visuallyhidden"> a table</span></a></div></div></div></div></div><!-- end Right About us image --></div><!-- end About us item --></section></div></div><!-- For mobile devices animate the about_v8 section on page load if the video is on the cover and this section is 1st or 2nd below the cover. --></article><article class="hide-show-section" data-hidden="no"><style> 1008.slideshow-v2-wrapper .slideshow-controls-btn { 1009 color: rgba(255, 255, 255, 0.8); 1010} 1011 1012</style><div class="slideshow-v2-wrapper" id="slideshow_v2"><div aria-label="slideshow carousel" class="uk-slidenav-position" data-uk-slideshow="data-uk-slideshow" role="region" style="height:650px"><button aria-label="The slideshow is currently playing, pause the slideshow" class="slideshow-controls-btn playing" type="button"><span class="off-screen">slideshow start stop playing</span><i aria-hidden="true" class="fa fa-play"></i><i aria-hidden="true" class="fa fa-pause"></i></button><ul class="uk-dotnav uk-dotnav-contrast uk-position-bottom uk-flex-center"><li data-uk-slideshow-item="0"><a href="" role="button"><span class="off-screen">Slide 1 content</span></a></li><li data-uk-slideshow-item="1"><a href="" role="button"><span class="off-screen">Slide 2 content</span></a></li><li data-uk-slideshow-item="2"><a href="" role="button"><span class="off-screen">Slide 3 content</span></a></li><li data-uk-slideshow-item="3"><a href="" role="button"><span class="off-screen">Slide 4 content</span></a></li></ul><a class="uk-slidenav uk-slidenav-contrast uk-slidenav-previous" data-uk-slideshow-item="previous" href=""><span class="off-screen">previous slide</span></a><a class="uk-slidenav uk-slidenav-contrast uk-slidenav-next" data-uk-slideshow-item="next" href=""><span class="off-screen">next slide</span></a><ul class="uk-slideshow "><li><img alt="slideshow photo number 1" src="//cdn.spotapps.co/spothopper/image/fetch/f_auto,q_auto:best,c_fit,h_1200/http://static.spotapps.co/spots/cb/35690749a14e2e82336b50a51b8cba/:original"/><div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center"><div class="container"><h2>Big tables, little laughs welcome</h2><div class="buttons-group-holder"><a class="custom-temp-btn hvr-fade" href="/about" target="_self">read more<span class="visuallyhidden"> about us</span></a></div></div></div></li><li><img alt="slideshow photo number 2" src="//cdn.spotapps.co/spothopper/image/fetch/f_auto,q_auto:best,c_fit,h_1200/http://static.spotapps.co/spots/64/140bff18ef426dbe86edb22af7d8b6/:original"/><div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center"><div class="container"><h2>Catch the game, catch some sun</h2><div class="buttons-group-holder"><a class="custom-temp-btn hvr-fade" href="/reservations" target="_self">reserve<span class="visuallyhidden"> a table</span></a></div></div></div></li><li><img alt="slideshow photo number 3" src="//cdn.spotapps.co/spothopper/image/fetch/f_auto,q_auto:best,c_fit,h_1200/http://static.spotapps.co/spots/81/21e87f85204be781b71ce63aae2652/:original"/><div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center"><div class="container"><h2>Plan less, celebrate more</h2><div class="buttons-group-holder"><a class="custom-temp-btn hvr-fade" href="/party" target="_self">book now<span class="visuallyhidden"> a private party</span></a></div></div></div></li><li><img alt="slideshow photo number 4" src="//cdn.spotapps.co/spothopper/image/fetch/f_auto,q_auto:best,c_fit,h_1200/http://static.spotapps.co/spots/5d/7033b20f9b434898ed45cf31c5bedb/:original"/><div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-flex uk-flex-center uk-flex-middle uk-text-center"><div class="container"><h2>House taps, fresh picks</h2><div class="buttons-group-holder"><a class="custom-temp-btn hvr-fade" href="/drink-menu" target="_self">our drinks</a></div></div></div></li></ul></div></div></article><article class="hide-show-section" data-hidden="no"><div class="jobs-tmt-section tmt-section section-wrapper" id="jobs_tmt"><div class="container"><h2 class="section-header">Jobs</h2><h3>Where your hustle fits</h3><p>If you're upbeat, reliable, and calm under pressure, you'll feel at home here. UTOG Brewing is always glad to meet warm hosts, sharp servers, and focused back-of-house teammates who take pride in clean work and good teamwork. Want in? Stop by during business hours, apply online, and introduce yourself.</p><a class="custom-temp-btn hvr-fade" href="https://tmt.spotapps.co/job-listings?spot_id=73247&callback_url=http://utogbrewing.com/" target="_self">Apply<span class="visuallyhidden"> for a job</span></a></div></div></article><article class="hide-show-section" data-hidden="no"><style></style><div class="gallery-v4-wrapper section-wrapper" id="gallery_v4"><button class="visuallyhidden skip-content gallery-toggle gt-off">Skip Photo Gallery</button><div class="container"><div class="gallery-v4-grid"><div class="gallery-v4-grid-sizer"></div><div class="gallery-v4-grid-item gallery-v4-grid-item--width2 gallery-hover animation_0"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/72/d0cf5c8f774bf1b57f61ab78bfb9d6/full"><div class="img"><img alt="IPA can with swirling blue design and smoke in the background." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/72/d0cf5c8f774bf1b57f61ab78bfb9d6/full" data-sizes="auto" data-src="//static.spotapps.co/spots/72/d0cf5c8f774bf1b57f61ab78bfb9d6/full" data-srcset="//static.spotapps.co/spots/72/d0cf5c8f774bf1b57f61ab78bfb9d6/small 200w, //static.spotapps.co/spots/72/d0cf5c8f774bf1b57f61ab78bfb9d6/medium 400w, //static.spotapps.co/spots/72/d0cf5c8f774bf1b57f61ab78bfb9d6/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div></a></div><div class="gallery-v4-grid-item gallery-hover animation_0"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/5b/d33b3d76cf4e51817c09b5d9ca6ed3/full"><div class="img"><img alt="Macaroni and cheese skillet with meat, jalapenos, barbecue sauce, and crispy onions." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/5b/d33b3d76cf4e51817c09b5d9ca6ed3/full" data-sizes="auto" data-src="//static.spotapps.co/spots/5b/d33b3d76cf4e51817c09b5d9ca6ed3/full" data-srcset="//static.spotapps.co/spots/5b/d33b3d76cf4e51817c09b5d9ca6ed3/small 200w, //static.spotapps.co/spots/5b/d33b3d76cf4e51817c09b5d9ca6ed3/medium 400w, //static.spotapps.co/spots/5b/d33b3d76cf4e51817c09b5d9ca6ed3/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div></a></div><div class="gallery-v4-grid-item gallery-hover animation_0"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/bd/7c3fae2413496e9beca6827f02af36/full"><div class="img"><img alt="Utog Brewing Company sign on a brick building." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/bd/7c3fae2413496e9beca6827f02af36/full" data-sizes="auto" data-src="//static.spotapps.co/spots/bd/7c3fae2413496e9beca6827f02af36/full" data-srcset="//static.spotapps.co/spots/bd/7c3fae2413496e9beca6827f02af36/small 200w, //static.spotapps.co/spots/bd/7c3fae2413496e9beca6827f02af36/medium 400w, //static.spotapps.co/spots/bd/7c3fae2413496e9beca6827f02af36/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div></a></div><div class="gallery-v4-grid-item gallery-hover animation_0"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/8b/440299b23c40a8af478e2aa1eff09e/full"><div class="img"><img alt="Tall beverage can with pink floral design." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/8b/440299b23c40a8af478e2aa1eff09e/full" data-sizes="auto" data-src="//static.spotapps.co/spots/8b/440299b23c40a8af478e2aa1eff09e/full" data-srcset="//static.spotapps.co/spots/8b/440299b23c40a8af478e2aa1eff09e/small 200w, //static.spotapps.co/spots/8b/440299b23c40a8af478e2aa1eff09e/medium 400w, //static.spotapps.co/spots/8b/440299b23c40a8af478e2aa1eff09e/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div></a></div><div class="gallery-v4-grid-item gallery-hover animation_0"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/68/e600d830f44e0eaecefb487868f079/full"><div class="img"><img alt="Bacon cheeseburger with melted cheese, sauce drizzle, and crispy onions, served with fries." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/68/e600d830f44e0eaecefb487868f079/full" data-sizes="auto" data-src="//static.spotapps.co/spots/68/e600d830f44e0eaecefb487868f079/full" data-srcset="//static.spotapps.co/spots/68/e600d830f44e0eaecefb487868f079/small 200w, //static.spotapps.co/spots/68/e600d830f44e0eaecefb487868f079/medium 400w, //static.spotapps.co/spots/68/e600d830f44e0eaecefb487868f079/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div></a></div><div class="gallery-v4-grid-item gallery-hover animation_0"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/3e/452be267f24bd4a2c763f1187f60e0/full"><div class="img"><img alt="IPA can with graffiti style design." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/3e/452be267f24bd4a2c763f1187f60e0/full" data-sizes="auto" data-src="//static.spotapps.co/spots/3e/452be267f24bd4a2c763f1187f60e0/full" data-srcset="//static.spotapps.co/spots/3e/452be267f24bd4a2c763f1187f60e0/small 200w, //static.spotapps.co/spots/3e/452be267f24bd4a2c763f1187f60e0/medium 400w, //static.spotapps.co/spots/3e/452be267f24bd4a2c763f1187f60e0/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div></a></div><div class="gallery-v4-grid-item gallery-hover animation_0"><a class="fancybox fancybox.image" href="//static.spotapps.co/spots/f6
1012/816b3b0d0e481383738a7141aeac4d/full"><div class="img"><img alt="Frothy pineapple cocktail with lime garnish and thin black straws." class="img-responsive lazyload" data-original="//static.spotapps.co/spots/f6/816b3b0d0e481383738a7141aeac4d/full" data-sizes="auto" data-src="//static.spotapps.co/spots/f6/816b3b0d0e481383738a7141aeac4d/full" data-srcset="//static.spotapps.co/spots/f6/816b3b0d0e481383738a7141aeac4d/small 200w, //static.spotapps.co/spots/f6/816b3b0d0e481383738a7141aeac4d/medium 400w, //static.spotapps.co/spots/f6/816b3b0d0e481383738a7141aeac4d/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div></a></div></div></div></div></article><article class="hide-show-section" data-hidden="no"><style> 1013 1014 1015.reviews-v2-wrapper .carousel-controls .carousel-control-btn { 1016 color: #fff; 1017} 1018</style><div class="carousel-wrapper reviews-v2-wrapper section-wrapper" id="reviews_v2"><h2 class="section-header">Reviews</h2><div class="container"><div aria-label="reviews carousel" class="row" role="region"><div class="carousel-controls" id="ReviewesCarouselControls"><button aria-label="The Reviews carousel is currently playing, pause the Reviews carousel" class="carousel-control-btn stop-carousel" type="button"><i aria-hidden="true" class="fa fa-pause"></i><i aria-hidden="true" class="fa fa-play"></i><span class="visuallyhidden"> Start stop reviews carousel</span></button></div><ul class="owl-dots"><li class="owl-dot"></li><li class="owl-dot"></li><li class="owl-dot"></li><li class="owl-dot"></li></ul><div class="col-md-12 col-xs-12"><div class="owl-carousel owl-theme"><section><div class="item"><h3 class="review-by">Review by - Google</h3><h4 class="reviewer"><span class="visuallyhidden">five star review by</span> 1019 Danielle H: 1020 <i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i></h4><div class="review-text"><div aria-hidden="true" class="review-quote quote-left"><i class="fa fa-quote-left"></i></div><div aria-hidden="true" class="review-quote quote-right"><i class="fa fa-quote-right"></i></div><blockquote><p>We went here to try some local beer!! I'm really glad we stumbled upon these guys. The beer was great. The cheese curds were great. And the peanut butter cup drink was AMAZING!! The service at the bar was top notch. Would definitely return. Thanks for the great evening!!</p></blockquote></div></div></section><section><div class="item"><h3 class="review-by">Review by - Google</h3><h4 class="reviewer"><span class="visuallyhidden">five star review by</span> 1021 Dawn M: 1022 <i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i></h4><div class="review-text"><div aria-hidden="true" class="review-quote quote-left"><i class="fa fa-quote-left"></i></div><div aria-hidden="true" class="review-quote quote-right"><i class="fa fa-quote-right"></i></div><blockquote><p>Newbies here and so impressed. The food was amazing, service on spot and so nice, and loves the ambiance (lightly played Classic Rock). Oh, and for drinks we had beer, of course, and I had a glass of wine. Very nice!!! Thank you for a nice experience and Absolutely recommended!</p></blockquote></div></div></section><section><div class="item"><h3 class="review-by">Review by - Google</h3><h4 class="reviewer"><span class="visuallyhidden">five star review by</span> 1023 Oscar C: 1024 <i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i></h4><div class="review-text"><div aria-hidden="true" class="review-quote quote-left"><i class="fa fa-quote-left"></i></div><div aria-hidden="true" class="review-quote quote-right"><i class="fa fa-quote-right"></i></div><blockquote><p>Love the appetizers!!! The beer is exceptional. Highly recommend the pilsner and the golden. Chicken burgers and the bbq wings are the best I've had in the area.</p></blockquote></div></div></section><section><div class="item"><h3 class="review-by">Review by - Google</h3><h4 class="reviewer"><span class="visuallyhidden">five star review by</span> 1025 Rhocki B: 1026 <i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i><i aria-hidden="true" class="fa fa-star"></i></h4><div class="review-text"><div aria-hidden="true" class="review-quote quote-left"><i class="fa fa-quote-left"></i></div><div aria-hidden="true" class="review-quote quote-right"><i class="fa fa-quote-right"></i></div><blockquote><p>The blacken salmon salad was so tasty and the snapdragon was refreshing! The pairing was perfect for summer!</p></blockquote></div></div></section></div></div></div></div></div></article><article class="hide-show-section" data-hidden="no"><style> 1027.map-newsletter .text-wrapper:before { 1028 } 1029 1030</style><div class="googlemap-v3-wrapper openstreetmap-v3-wrapper maps-wrapper section-wrapper" id="openstreetmap_v3"><div class="row map-holder"><section><div class="col-md-6 col-sm-12 col-xs-12 map-item map-newsletter"><div class="text-wrapper"><div class="text-content"><h2 class="section-header">Newsletter</h2>
1030<script id="sph-widget-73247" type="text/javascript"> 1031 (function() { 1032 function async_load(){ 1033 var s = document.createElement('script'); 1034 s.type = 'text/javascript'; 1035 s.async = true; 1036 s.src = 'https://www.spothopperapp.com/spots/73247/widgets/newsletter.js?template=newsletter_widget1'; 1037 var embedder = document.getElementById('sph-widget-73247'); 1038 embedder.parentNode.insertBefore(s, embedder); 1039 1040 // Modify widget's html 1041 setTimeout(function(){ 1042 $( '<span class="bar"></span>' ).insertAfter( '.sph-email-input' ); 1043 $('.sph-submit-button').addClass('custom-temp-btn hvr-fade'); 1044 1045 // Replace <h2> with <p> 1046 document.querySelectorAll('.section-wrapper .sph-email-subscription h2').forEach(h2 => { 1047 const p = document.createElement('p'); 1048 1049 // Copy all attributes from h2 to p 1050 [...h2.attributes].forEach(attr => { 1051 p.setAttribute(attr.name, attr.value); 1052 }); 1053 1054 // Copy inner HTML content 1055 p.innerHTML = h2.innerHTML; 1056 1057 // Replace h2 with p 1058 h2.parentNode.replaceChild(p, h2); 1059 }); 1060 }, 2000); 1061 1062 } 1063 if (window.attachEvent) 1064 window.attachEvent('onload', async_load); 1065 else 1066 window.addEventListener('load', async_load, false); 1067 })(); 1068 </script>
1068</div></div></div></section><section><div class="col-md-6 col-sm-12 col-xs-12 map-item"><div aria-label="OpenStreet map" id="map-v3-container" role="region"></div></div></section></div><div class="map-footer text-center"><div class="triangle"></div></div></div></article><article class="hide-show-section" data-hidden="no"><style> 1069 1070.contact-v3 .hours-title, .contact-v3 .social-title, .contact-v3 .contact-us-title { 1071 color: #fff; 1072} 1073.contact a:hover, .contact a:active, .contact-us a:hover, .contact-us a:active { 1074 color: #fff; 1075} 1076.contact-v3 .social-circle .contact-icon { 1077 color: rgba(255, 255, 255, 0.8); 1078} 1079 .contact-v3 .social-square .contact-icon { 1080 color: #fff; 1081 } 1082 .contact-v3 .social-square .contact-icon:hover { 1083 color: #333; 1084 background-color: #fff; 1085 } 1086 1087</style><footer class="contact-holder"><div class="contact-v3 contact-v3-center section-wrapper" id="contact_v3"><div class="container"><div class="row"><div class="col-md-4 col-sm-4 col-xs-12"><section><div class="contact-location"><div class="hours-title"><h2>Location</h2></div><div class="address" data-gbp-injected="business-name">UTOG Brewing</div><div class="address">2331 Grant Avenue</div><div class="city-state">Ogden, UT</div><div class="zip">84401</div><div class="address" data-gbp-injected="get-directions"><a aria-label="Get directions to UTOG Brewing, opens in a new tab" class="get-directions-footer-link" href="https://www.google.com/maps/dir/?api=1&destination=UTOG%20Brewing&destination_place_id=ChIJjeuKtFoPU4cRn2gx471ZlNg" rel="noopener" style="text-decoration: underline; display: inline-block; padding: 5px 0;" target="_blank"><i aria-hidden="true" class="fa fa-map-marker"></i> Get Directions</a></div></div></section></div><div class="col-md-4 col-sm-4 col-xs-12"><section><div class="hours"><div class="hours-title"><h2>Hours</h2></div><div>Monday - Thursday 11:30 AM - 9 PM</div><div>Friday + Saturday 11:30 AM - 10 PM</div><div>Sunday 10:30 AM - 8 PM</div></div></section></div><div class="col-md-4 col-sm-4 col-xs-12"><div class="find-us"><section><div class="social"><div class="social-title"><h2>Find us on...</h2></div><div class="social-links social-icons-holder social-square"><a class="contact-icon" href="https://www.facebook.com/1743558789284930" target="_blank"><i class="social-icon fa fa-facebook"></i><span>Facebook page</span></a><a class="contact-icon" href="https://www.instagram.com/utogbrewingco" target="_blank"><i class="social-icon fa fa-instagram"></i><span>Instagram page</span></a><a class="contact-icon google-icon" href="https://www.google.com/search?q=UTOG+Brewing&oq=UTOG+Brewing&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTINCAEQLhivARjHARiABDIHCAIQABiABDIICAMQABgWGB4yCAgEEAAYFhgeMgYIBRBFGDwyBggGEEUYPDIGCAcQRRg80gEIMTk0NGowajeoAgCwAgA&sourceid=chrome&ie=UTF-8#lrd=0x87530f5ab48aeb8d:0xd89459bde331689f,1,,,," target="_blank"><i aria-hidden="true" class="social-icon fa fa-google"></i><span>Google page</span></a></div></div></section><section><div class="contact-us"><div class="contact-us-title"><h2>Contact us</h2></div><p><a href="tel:+18016893476" id="contact_us_v3_section_phone_link"><span class="visuallyhidden">Call us at </span>(801)-689-3476</a></p><p><a href="mailto:[email protected]"><span class="visuallyhidden">Write us at </span>[email protected]</a></p></div></section></div></div></div></div></div></footer></article><article class="hide-show-section" data-hidden="no"><div class="footer-v2-wrapper" id="footer_v2"><div class="container"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><p>Powered by: <a aria-label="SpotHopper homepage" class="applicationsLink" href="https://www.spothopperapp.com/" target="_blank"><img alt="SpotHopper logo" class="logoimg" src="https://static.spotapps.co/website_images/default_template_images/spothopper_logo.png"/></a></p></div><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><a aria-label="Website design, Social Media marketing, and Email marketing provided by SpotHopper. Contact Us form" class="applicationsLink" href="https://www.spothopperapp.com/contact-us?contact_reason=demo" target="_blank">Website design, Social Media marketing and Email marketing provided by SpotHopper.</a></div></div></div></div></article></main><style type="text/css"> 1088 .navbar-fixed-bottom.nav-v1 { 1089 bottom: -100px; 1090 } 1091 .navbar-fixed-bottom.nav-v1 .nav.navbar-nav.navbar-right { 1092 background-color: #fff; 1093 } 1094 .navbar-fixed-bottom.nav-v1 .bottom-svg-border path, 1095 .navbar-fixed-bottom.nav-v1 .bottom-svg-border polygon { 1096 fill: #000; 1097 } 1098 .navbar-fixed-bottom.nav-v1 .bottom-list-item a { 1099 color: #333; 1100 } 1101 .navbar-fixed-bottom.nav-v1 .bottom-list-item a:hover, 1102 .navbar-fixed-bottom.nav-v1 .bottom-list-item a:focus { 1103 color: #333; 1104 } 1105</style><nav aria-label="mobile footer" class="navbar-fixed-bottom nav-v1" id="bottom-navbar"><div><ul class="nav navbar-nav navbar-right"><li class="bottom-list-item "><a class="bottom-link " href="/reservations" id="bottom_link_3" target="_self"> 1106 Reserve </a></li><li class="bottom-list-item "><a class="bottom-link " href="/party" id="bottom_link_5" target="_self"> 1107 Parties </a></li><li class="bottom-list-item "><a class="bottom-link " href="https://tmt.spotapps.co/job-listings?spot_id=73247&callback_url=http://utogbrewing.com/" id="bottom_link_7" target="_self"> 1108 Jobs </a></li></ul></div></nav><div aria-hidden="true" aria-label="newsletter dialog" class="modal fade custom-modal" id="CustomModal" role="dialog" tabindex="-1"><div class="modal-dialog modal-md" role="document"><div class="modal-content"><div class="custom-modal-close"><button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true">Ã</span></button></div><div class="modal-body"><div class="row"><div class="col-md-12"><div class="newsletter-popup"><h2 class="section-header">Newsletter</h2>
1108<script id="sph-widget-2ce08bd156a46491d83342eb4a039092" type="text/javascript"> 1109 (function() { 1110 function async_load(){ 1111 var s = document.createElement('script'); 1112 s.type = 'text/javascript'; 1113 s.async = true; 1114 s.src = 'https://www.spothopperapp.com/spots/73247/widgets/newsletter.js?template=newsletter_widget2'; 1115 var embedder = document.getElementById('sph-widget-2ce08bd156a46491d83342eb4a039092'); 1116 embedder.parentNode.insertBefore(s, embedder); 1117 1118 // Modify widget's html 1119 setTimeout(function(){ 1120 document.querySelectorAll('.custom-modal .sph-email-subscription h2').forEach(h2_p => { 1121 const p_p = document.createElement('p'); 1122 1123 // Copy all attributes from h2 to p 1124 [...h2_p.attributes].forEach(attr => { 1125 p_p.setAttribute(attr.name, attr.value); 1126 }); 1127 1128 // Copy inner HTML content 1129 p_p.innerHTML = h2_p.innerHTML; 1130 1131 // Replace h2 with p 1132 h2_p.parentNode.replaceChild(p_p, h2_p); 1133 }); 1134 }, 2000); 1135 } 1136 if (window.attachEvent) 1137 window.attachEvent('onload', async_load); 1138 else 1139 window.addEventListener('load', async_load, false); 1140 })(); 1141 </script>
1141</div></div></div></div></div></div></div>
1141<script src="https://static.spotapps.co/web/utogbrewing--com/lib/jquery/jquery.min.js"></script>
1141<script src="https://static.spotapps.co/web/utogbrewing--com/lib/jquery/jquery.browser.min.js"></script>
1141<script src="https://static.spotapps.co/web/utogbrewing--com/lib/bootstrap/js/bootstrap.min.js"></script>
1141<script src="https://static.spotapps.co/web/utogbrewing--com/lib/owlcarousel/owl.carousel.min.js"></script>
1141<script src="https://static.spotapps.co/web/utogbrewing--com/lib/masonry/masonry.pkgd.min.js"></script>
1141<script src="https://static.spotapps.co/web/utogbrewing--com/lib/uikit/js/uikit.min.js" type="text/javascript"></script>
1141<script src="https://static.spotapps.co/web/utogbrewing--com/lib/uikit/js/slideshow.min.js" type="text/javascript"></script>
1141<script src="https://static.spotapps.co/web/utogbrewing--com/lib/uikit/js/slideshow-fx.min.js"></script>
1141<script src="https://static.spotapps.co/web/utogbrewing--com/lib/imagesloaded/imagesloaded.pkgd.min.js"></script>
1141<script src="https://static.spotapps.co/iframeResizer.js" type="text/javascript"></script>
1141<script src="//static.spotapps.co/web-lib/leaflet/[email protected]/dist/leaflet.js"></script>
1141<script src="//static.spotapps.co/web-lib/leaflet/leaflet-providers.js"></script>
1141<script src="//static.spotapps.co/web-lib/leaflet/[email protected]/dist/leaflet-gesture-handling.min.js"></script>
1141<script src="https://static.spotapps.co/web/utogbrewing--com/lib/fancybox/source/jquery.fancybox.js" type="text/javascript"></script>
1141<script src="https://static.spotapps.co/web/utogbrewing--com/lib/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script>
1141<script src="https://static.spotapps.co/web/utogbrewing--com/lib/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7" type="text/javascript"></script>
1141<script src="https://static.spotapps.co/web/utogbrewing--com/lib/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6" type="text/javascript"></script>
1141<script type="text/javascript"> 1142 1143 1144 1145 $("#bottom_link_3").on("click", function(){ 1146 if (ga_check()) 1147 universal_ga('send', 'event', 'Button', 'Click', 'Reserve'); 1148 }); 1149 $("#bottom_link_5").on("click", function(){ 1150 if (ga_check()) 1151 universal_ga('send', 'event', 'Button', 'Click', 'Private Party'); 1152 }); 1153 $("#bottom_link_7").on("click", function(){ 1154 if (ga_check()) 1155 universal_ga('send', 'event', 'Button', 'Click', 'Jobs'); 1156 }); 1157 $('.header-logo, .nav-v2-home-btn').click(function(event) { 1158 if ( window.location.pathname == '/' || window.location.pathname == '/index.php') { 1159 event.preventDefault(); 1160 var windowScrollTop = $(window).scrollTop(); 1161 if(windowScrollTop > 150) { 1162 $('html, body').animate({scrollTop: 0}, 750); 1163 } 1164 } 1165 }); 1166 1167$(".banner-section a.banner-pin").click(function(e) { 1168 // target element id 1169 var id = $(this).attr('href'); 1170 1171 // target element 1172 var section = $(id); 1173 if (section.length === 0) { 1174 return; 1175 } 1176 1177 // prevent standard hash navigation (avoid blinking in IE) 1178 e.preventDefault(); 1179 1180 // top position relative to the document 1181 var pos = section.offset().top - 100 + 10; 1182 1183 // animated top scrolling 1184 $('body, html').animate({scrollTop: pos}, 750); 1185}); 1186 1187$(document).ready(function() { 1188 var navHeight = $('nav.navbar').height(); 1189 $('html').css("scroll-padding-top", navHeight); 1190}); 1191$(document).on('scroll', function (e) { 1192 if($(document).scrollTop() > 0) { 1193 $('.navbar.nav-v6').addClass('nav-scroll'); 1194 }else { 1195 $('.navbar.nav-v6').removeClass('nav-scroll'); 1196 } 1197}); 1198 1199function scrollStop (callback, refresh = 66) { 1200 1201 // Make sure a valid callback was provided 1202 if (!callback || typeof callback !== 'function') return; 1203 1204 // Setup scrolling variable 1205 let isScrolling; 1206 1207 // Listen for scroll events 1208 window.addEventListener('scroll', function (event) { 1209 1210 // Clear our timeout throughout the scroll 1211 window.clearTimeout(isScrolling); 1212 1213 // Set a timeout to run after scrolling ends 1214 isScrolling = setTimeout(callback, refresh); 1215 1216 }, false); 1217 1218} 1219 1220$(function() { 1221 setDropDownMenuWidth(); 1222 1223 // Function to set drop-down menu position (css top property) 1224 setDropDownMenuTop(); 1225 1226 function setDropDownMenuWidth() { 1227 var tabs_list = $('.navbar-collapse .navbar-nav'); 1228 $(tabs_list).find('li.drop-down-link').each(function() { 1229 var sub_menu_width = $(this).outerWidth(true); 1230 if (sub_menu_width < 100) { 1231 sub_menu_width = 100; 1232 } 1233 $(this).find('.sub-menu').css('width', sub_menu_width+'px'); 1234 1235 }); 1236 }; 1237 1238 function setDropDownMenuTop() { 1239 var sub_menu_top = ($('.navbar.nav-v6 .container').outerHeight() + $('.drop-down-link').outerHeight())/2; 1240 $('li.drop-down-link .sub-menu').css('top', sub_menu_top-2 +'px'); 1241 }; 1242 1243 $( window ).resize(function() { 1244 setDropDownMenuWidth(); 1245 setDropDownMenuTop(); 1246 }); 1247 1248 $(window).on('scroll', function (e) { 1249 setDropDownMenuTop(); 1250 }); 1251 1252 scrollStop(function () { 1253 setDropDownMenuTop(); 1254 if($(document).scrollTop() == 0) { 1255 setTimeout(setDropDownMenuTop, 200); 1256 } 1257 }); 1258 1259 $('.nav a:not(.drop-down)').on('click', function () { 1260 $('.navbar-collapse').collapse('hide'); 1261 }); 1262 1263}); 1264 1265$( '.drop-down-link .drop-down' ).click(function(event) { 1266 event.preventDefault(); 1267 event.stopPropagation(); 1268 var drop_down = $(this).closest('.drop-down-link'); 1269 var drop_down_a = $(this); 1270 1271 if($(drop_down_a).attr("aria-expanded") == "true") { 1272 $(drop_down_a).attr("aria-expanded",false) 1273 } else { 1274 $(drop_down_a).attr("aria-expanded",true) 1275 } 1276 1277 var sub_menu = $(this).closest('.drop-down-link').find( '.sub-menu' ); 1278 if ( $(sub_menu).is( ':hidden' ) ) { 1279 $(sub_menu).slideDown(); 1280 $(drop_down).addClass('active'); 1281 } else { 1282 $(sub_menu).slideUp(); 1283 $(drop_down).removeClass('active'); 1284 } 1285}); 1286$('#navbar-collapse-1').on('hide.bs.collapse', function (e) { 1287 var clickedElement = $(event.target); 1288 if (clickedElement.hasClass('drop-down')) { 1289 return false; 1290 } 1291}); 1292$('#navbar-collapse-1').on('hidden.bs.collapse', function () { 1293 closeOpenedDropDownMenus(); 1294 function closeOpenedDropDownMenus() { 1295 var tabs_list = $('.navbar-collapse .navbar-nav'); 1296 $(tabs_list).find('li.drop-down-link').each(function() { 1297 if( $(this).hasClass('active') ) { 1298 var sub_menu = $(this).find('.sub-menu'); 1299 $(sub_menu).slideUp(); 1300 $(this).removeClass('active'); 1301 } 1302 }); 1303 }; 1304}); 1305 1306const mobileDrop = document.querySelector('.mobile-full-height #navbar-collapse-1 .navbar-nav'); 1307const mobileDropButton = document.querySelector('.mobile-full-height .navbar-toggle'); 1308const mobileHeader = document.querySelector('.mobile-full-height .navbar-header'); 1309 1310mobileDropButton?.addEventListener('click', () => { 1311 mobileHeaderBottomPos = mobileHeader.getBoundingClientRect().bottom; 1312 mobileDrop.style.paddingTop = mobileHeaderBottomPos + 'px'; 1313}); 1314 1315(function () { 1316 const isSafari = (() => { 1317 const ua = navigator.userAgent; 1318 return ua.includes('Safari') && // Safari must be present
1319 !ua.includes('Chrome') && // Exclude Chrome (has 'Safari' in UA) 1320 !ua.includes('Edg'); // Exclude Edge 1321 })(); 1322 1323 if (!isSafari) return; 1324 const menu = document.getElementById('navbar-collapse-1'); 1325 1326 // When coming back from a _blank tab or bfcache restore, force a repaint. 1327 function nudgeRepaint() { 1328 if (!menu || !menu.classList.contains('in')) return; 1329 // toggle display to flush rendering, then poke will-change for one frame 1330 const prev = menu.style.display; 1331 menu.style.display = 'none'; 1332 // force reflow 1333 void menu.offsetHeight; 1334 menu.style.display = prev || ''; 1335 menu.style.willChange = 'opacity'; 1336 requestAnimationFrame(() => { menu.style.willChange = 'auto'; }); 1337 } 1338 1339 document.addEventListener('visibilitychange', () => { 1340 if (document.visibilityState === 'visible') nudgeRepaint(); 1341 }); 1342 1343 // iOS/macOS Safari often restores pages from bfcache 1344 window.addEventListener('pageshow', (e) => { 1345 if (e.persisted) nudgeRepaint(); 1346 else nudgeRepaint(); 1347 }, { passive: true }); 1348 1349 // Keep menu open when clicking links that open in a new tab 1350 menu?.addEventListener('click', (e) => { 1351 const a = e.target.closest('a'); 1352 if (!a) return; 1353 if (a.target === '_blank') { 1354 // avoid any delegated "close on link click" handlers firing first 1355 e.stopPropagation(); 1356 // allow navigation; after we return, repaint nudge will run 1357 } 1358 }, true); 1359})(); 1360 1361document.querySelectorAll('.navbar .navbar-nav > li.cta-nav-tab').forEach((li) => { 1362 li.addEventListener('click', (e) => { 1363 if (e.defaultPrevented) return; 1364 1365 if (e.target.closest('a')) return; 1366 1367 const link = li.querySelector('a[href]'); 1368 if (!link) return; 1369 1370 if (e.metaKey || e.ctrlKey || e.shiftKey || e.button === 1 || link.target === '_blank') { 1371 window.open(link.href, link.target || '_blank'); 1372 return; 1373 } 1374 1375 link.click(); 1376 }); 1377 1378 li.addEventListener('keydown', (e) => { 1379 if ((e.key === 'Enter' || e.key === ' ') && !e.target.closest('a')) { 1380 const link = li.querySelector('a[href]'); 1381 if (!link) return; 1382 e.preventDefault(); 1383 link.click(); 1384 } 1385 }); 1386}); 1387 $(document).ready(function() { 1388 var video = $("#coverVideo")[0]; 1389 1390 // Cover video Play/pause 1391 $(".video-controls-btn").click(function () { 1392 if (video.paused) { 1393 video.play(); 1394 $(".video-controls-btn").focus(); 1395 $(".video-controls-btn i.fa-play").hide(); 1396 $(".video-controls-btn i.fa-pause").show(); 1397 $(".video-controls-btn").attr("aria-label", "The decorative video is currently playing, pause the video"); 1398 $(".video-controls-btn .off-screen").text("The decorative video is currently playing"); 1399 } else { 1400 video.pause(); 1401 $(".video-controls-btn").focus(); 1402 $(".video-controls-btn i.fa-play").show(); 1403 $(".video-controls-btn i.fa-pause").hide(); 1404 $(".video-controls-btn").attr("aria-label", "The decorative video is currently paused, play the video"); 1405 $(".video-controls-btn .off-screen").text("The decorative video is currently paused"); 1406 } 1407 }); 1408 // Cover video sound on/off 1409 if (video.muted) { 1410 $(".video-volume-btn").addClass('off'); 1411 } 1412 1413 $(".video-volume-btn").click(function () { 1414 if (video.muted) { 1415 video.muted = false; 1416 $(".video-volume-btn").removeClass('off'); 1417 $(".video-volume-btn").addClass('on'); 1418 $(".video-volume-btn").attr("aria-label", "The decorative video sound is on, turn it off"); 1419 $(".video-volume-btn .off-screen").text("The decorative video sound is on"); 1420 } else { 1421 video.muted = true; 1422 $(".video-volume-btn").removeClass('on'); 1423 $(".video-volume-btn").addClass('off'); 1424 $(".video-volume-btn").attr("aria-label", "The decorative video sound is off, turn it on"); 1425 $(".video-volume-btn .off-screen").text("The decorative video sound is off"); 1426 } 1427 }); 1428 }); 1429function openOrderPage(menu_id, menu_item_id) { 1430 var orderTMTLink = "" + "&menu_id=" + menu_id + "&menu_item_id=" + menu_item_id; 1431 if ("".indexOf('//tmt.spotapps.co/') >= 0) { 1432 window.open(orderTMTLink, "_self"); 1433 } else { 1434 window.open("", "_blank"); 1435 } 1436} 1437 1438// Functions for set "focus" on non focusable element in order to display panel 1439function addImageFocus(element) { 1440 element.closest('.image-with-panel').classList.add('focus-image'); 1441} 1442function removeImageFocus(element) { 1443 element.closest('.image-with-panel').classList.remove('focus-image'); 1444} 1445 1446$(document).ready(function() { 1447// owl carousel
1448 var owlGCM = $('#gallery_carousel_menu .owl-carousel'); 1449 var owlGCMcontrolBtn = $('#gallery_carousel_menu .carousel-control-btn'); 1450 const owlGCMloop = true; 1451 const owlGCMrewind = false; 1452 const owlGCMslideBy = 1; 1453 var owlGCMsize = 3; 1454 var owlGCMcount = owlGCM.find('.owl-item').length; 1455 1456 owlGCM.owlCarousel({ 1457 nav: true, 1458 dots: false, 1459 autoplay: true, 1460 autoplayTimeout: 4000, 1461 autoplayHoverPause: true, 1462 loop: owlGCMloop, 1463 rewind: owlGCMrewind, 1464 navText: [ '<button aria-label="Previous menu item"><i class="fa fa-angle-left" aria-hidden="true"></i><span class="off-screen">previous image</span></button>', '<button aria-label="Next menu item"><i class="fa fa-angle-right" aria-hidden="true"></i><span class="off-screen">next image</span></button>' ], 1465 slideBy: owlGCMslideBy, 1466 responsiveBaseElement:"#gallery_carousel_menu", 1467 responsiveClass: true, 1468 responsive: { 1469 0: { 1470 autoplay: false, 1471 autoplayHoverPause: false, 1472 items: 1, 1473 margin: 10 1474 }, 1475 768: { 1476 items: 1, 1477 margin: 10 1478 }, 1479 1024: { 1480 items: 2, 1481 margin: 10 1482 }, 1483 1600: { 1484 items: 3, 1485 margin: 10 1486 } 1487 }, 1488 onInitialized: owlGCMsetWhenReady, 1489 onResized: owlGCMsetWhenReady, 1490 onTranslated: owlGCMsetOnChange 1491 }); 1492 $('#gallery_carousel_menu .owl-nav').insertBefore($('#gallery_carousel_menu .owl-stage-outer')); 1493 1494 function setVisibleItemsAttrsGCM() { 1495 var owlGCMitems = $('#gallery_carousel_menu').find(".owl-item"); 1496 owlGCMitems.attr('aria-hidden','true'); 1497 owlGCMitems.find('.image-with-panel').attr('tabindex', '-1').attr('role','group').attr('aria-hidden','true'); 1498 owlGCMitems.find('button.order-btn').attr('tabindex', '-1').attr('aria-hidden','true'); 1499 1500 owlGCMitems.filter('.active').attr('aria-hidden','false'); 1501 owlGCMitems.filter('.active').find('.image-with-panel').attr('tabindex', '0').attr('aria-hidden','false'); 1502 owlGCMitems.filter('.active').find('button.order-btn').attr('tabindex', '0').attr('aria-hidden','false'); 1503 } 1504 1505 // Set properties after carousel is ready (onInitialized and onResized) 1506 function owlGCMsetWhenReady(event) { 1507 // Set info text containing number of items in viewport and slide by 1508 owlGCMsize = event.page.size; 1509 owlGCMcount = event.item.count; 1510 if (owlGCMsize !== 1) { 1511 var galleryCarouselMenuInfoText = 'There are currently ' + owlGCMsize + ' menu items in the viewport, and the slider navigation buttons are previous and next buttons. The previous/next buttons are preceding menu items. On previous/next button activation, the carousel moves for ' + owlGCMslideBy + ' menu item.'; 1512 } else { 1513 var galleryCarouselMenuInfoText = 'There is currently ' + owlGCMsize + ' menu item in the viewport, and the slider navigation buttons are previous and next buttons. The previous/next buttons are preceding menu items. On previous/next button activation, the carousel moves for ' + owlGCMslideBy + ' menu item.'; 1514 } 1515 document.getElementById('gallery_carousel_menu_info').innerHTML = galleryCarouselMenuInfoText; 1516 1517 // Set controls button if autoplay is On 1518 if (true) { 1519 if (owlGCMcontrolBtn.hasClass('play-carousel')) { 1520 setTimeout(() => galleryCarouselMenuStop(), 500); 1521 } 1522 setTimeout(() => playStopBtnShowHideGCM(), 300); 1523 } 1524 1525 // Set next/previous arrows text and item attributes 1526 owlGCMsetOnChange(event); 1527 } 1528 1529 // Prevent voiceover from reading hidden content 1530 function owlGCMsetOnChange(property){ 1531 var prevArrow = $('#gallery_carousel_menu .owl-prev'); 1532 var nextArrow = $('#gallery_carousel_menu .owl-next'); 1533 1534 setTimeout(() => setVisibleItemsAttrsGCM(), 300); 1535 1536 var allItems = property.item.count; 1537 var visibleItems = property.page.size; 1538 var currentItem = property.item.index + visibleItems; 1539 var isFirstItem = property.item.index === 0; 1540 var isLastItem = currentItem >= allItems; 1541 1542 var owlGCMprevArrowText = 'Previous menu item'; 1543 var owlGCMnextArrowText = 'Next menu item'; 1544 if (isFirstItem && !owlGCMloop) { 1545 if (owlGCMrewind) { 1546 owlGCMprevArrowText = 'Start of the carousel, press to go to last menu item'; 1547 } else { 1548 owlGCMprevArrowText = 'Start of the carousel, there is no previous item'; 1549 } 1550 } 1551 if (isLastItem && !owlGCMloop) { 1552 if (owlGCMrewind) { 1553 owlGCMnextArrowText = 'End of the carousel, press to go to first menu item'; 1554 } else { 1555 owlGCMnextArrowText = 'End of the carousel, there is no next item'; 1556 } 1557 } 1558 prevArrow.find('button').attr('aria-label', owlGCMprevArrowText); 1559 nextArrow.find('button').attr('aria-label', owlGCMnextArrowText); 1560 }; 1561 1562 if (true) {
1563 function galleryCarouselMenuStop() { 1564 owlGCM.trigger('stop.owl.autoplay'); 1565 owlGCM.data('owl.carousel').settings.autoplay = false; 1566 owlGCMcontrolBtn.removeClass('stop-carousel'); 1567 owlGCMcontrolBtn.addClass('play-carousel'); 1568 owlGCMcontrolBtn.attr('aria-label', 'The Menu items carousel is currently paused, play the Menu items carousel'); 1569 } 1570 function galleryCarouselMenuPlay() { 1571 owlGCM.trigger('play.owl.autoplay',[1000]); 1572 owlGCM.data('owl.carousel').settings.autoplay = true; 1573 owlGCMcontrolBtn.removeClass('play-carousel'); 1574 owlGCMcontrolBtn.addClass('stop-carousel'); 1575 owlGCMcontrolBtn.attr('aria-label', 'The Menu items carousel is currently playing, pause the Menu items carousel'); 1576 } 1577 function playStopBtnShowHideGCM() { 1578 if ((owlGCMcount > owlGCMsize) && owlGCM.data('owl.carousel').settings.autoplay) { 1579 $('#gallery_carousel_menu .carousel-controls').show(); 1580 } else { 1581 $('#gallery_carousel_menu .carousel-controls').hide(); 1582 } 1583 } 1584 1585 owlGCMcontrolBtn.on('click',function(){ 1586 if ($(this).hasClass('stop-carousel')) { 1587 galleryCarouselMenuStop(); 1588 } else if ($(this).hasClass('play-carousel')) { 1589 galleryCarouselMenuPlay(); 1590 } 1591 }); 1592 $('#gallery_carousel_menu .owl-nav').click(function () { 1593 galleryCarouselMenuStop(); 1594 }); 1595 1596 // fix for autoplayHoverPause 1597 $(window).on('focus', function() { 1598 if (owlGCMcontrolBtn.hasClass('stop-carousel') && owlGCM.data('owl.carousel').settings.autoplay) { 1599 owlGCM.trigger('stop.owl.autoplay').trigger('play.owl.autoplay'); 1600 } 1601 }); 1602 owlGCM.mouseleave(function() { 1603 if (owlGCMcontrolBtn.hasClass('stop-carousel') && owlGCM.data('owl.carousel').settings.autoplay) { 1604 owlGCM.trigger('stop.owl.autoplay').trigger('play.owl.autoplay'); 1605 } 1606 }); 1607 // fix for autoplayHoverPause end 1608 1609 } 1610// owl carousel end 1611 1612// skip gallery settings 1613 if (4 == 0 || 4 == 1) { 1614 var galleryCarouselMenuToggleBtn = $('#gallery_carousel_menu .gallery-toggle'); 1615 var galleryCarouselMenuPlayStopBtn = owlGCMcontrolBtn; 1616 var galleryCarouselMenuNavArrows = $('#gallery_carousel_menu .owl-nav button'); 1617 // Array of gallery images including cloned images 1618 var galleryCarouselMenuItemsAll = $('#gallery_carousel_menu .owl-item'); 1619 // Number of gallery images WITHOUT cloned images 1620 var galleryCarouselMenuImages = 20; 1621 var galleryCarouselMenuToggleTextOff = 'The Menu items carousel of ' + galleryCarouselMenuImages + ' images can be accessed, hide the Menu items carousel from the Screen Reader'; 1622 var galleryCarouselMenuToggleTextOn = 'The Menu items carousel of ' + galleryCarouselMenuImages + ' images is hidden from the Screen Reader, access the Menu items carousel'; 1623 galleryCarouselMenuToggleBtn.attr('aria-label', galleryCarouselMenuToggleTextOff); 1624 1625 galleryCarouselMenuToggleBtn.on('click',function(){ 1626 var galleryCarouselMenuItemsActive = $('#gallery_carousel_menu .owl-item.active'); 1627 true ? galleryCarouselMenuStop() : ''; 1628 $(this).toggleClass('gt-off'); 1629 1630 const parentElement = $(this).closest('article'); 1631 const nextElement = $(parentElement).next(); 1632 1633 if ($(this).hasClass('gt-off')) { 1634 $(this).attr('aria-label', galleryCarouselMenuToggleTextOff); 1635 galleryCarouselMenuPlayStopBtn.attr('aria-hidden', 'false').attr('tabindex', '0'); 1636 galleryCarouselMenuNavArrows.attr('aria-hidden', 'false').attr('tabindex', '0'); 1637 galleryCarouselMenuItemsActive.each(function() { 1638 $(this).find('.image-with-panel').attr('aria-hidden', 'false').attr('tabindex', '0'); 1639 }); 1640 } else { 1641 $(this).attr('aria-label', galleryCarouselMenuToggleTextOn); 1642 galleryCarouselMenuPlayStopBtn.attr('aria-hidden', 'true').attr('tabindex', '-1'); 1643 galleryCarouselMenuNavArrows.attr('aria-hidden', 'true').attr('tabindex', '-1'); 1644 galleryCarouselMenuItemsActive.each(function() { 1645 $(this).find('.image-with-panel').attr('aria-hidden', 'true').attr('tabindex', '-1'); 1646 }); 1647 1648 if (nextElement.length !== 0) { 1649 const scrollTo = $(nextElement).offset().top - 100; 1650 $('html, body').animate({ scrollTop: scrollTo }, 1000); 1651 } 1652 } 1653 }); 1654 } 1655// skip gallery settings end 1656 1657 $('#gallery_carousel_menu .menu-item-price-holder').each(function() { 1658 if ($(this).children().length > 3) { 1659 $(this).children().slice(3).remove(); 1660 $(this).children('p:last').append(' ...'); 1661 } 1662 }); 1663 1664}); 1665$(document).ready(function() { 1666 1667 if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Mac') != -1 && navigator.userAgent.indexOf('Chrome') == -1 && $(window).width() > 767) { 1668
1669 // Turn Off animations on Safari browser for Mac desktop 1670 $('html').addClass('safari-mac'); 1671 1672 } 1673 else { 1674 1675 var animation_item_elements = $('.about-us-v8-item'); 1676 var window_var = $(window); 1677 1678 function check_if_item_in_view() { 1679 var window_var_height = window_var.height(); 1680 var window_var_top_position = window_var.scrollTop(); 1681 var window_var_bottom_position = (window_var_top_position + window_var_height/2 + 100); 1682 1683 $.each(animation_item_elements, function() { 1684 var element_var = $(this); 1685 var element_var_height = element_var.outerHeight(); 1686 var element_var_top_position = element_var.offset().top; 1687 var element_var_bottom_position = (element_var_top_position + element_var_height/2 + 100); 1688 1689 //check to see if this current container is within viewport 1690 if ((element_var_bottom_position >= window_var_top_position) && 1691 (element_var_top_position <= window_var_bottom_position)) { 1692 element_var.addClass('animate'); 1693 } else { 1694 // element_var.removeClass('in-view'); 1695 } 1696 }); 1697 } 1698 1699 window_var.on('scroll resize', check_if_item_in_view); 1700 window_var.trigger('scroll'); 1701 1702 } 1703 1704 1705}); 1706 $(document).ready(function() { 1707 1708 if ( $(window).width() < 768 ) { 1709 1710 var home_sections = $('article'); 1711 var home_section_id; 1712 var about_v8_section_position; 1713 1714 for (var i = 0; i < home_sections.length; i++) { 1715 home_section_id = $(home_sections[i]).find(".section-wrapper").attr("id"); 1716 if (home_section_id == "aboutus_v8") { 1717 about_v8_section_position = i; 1718 } 1719 } 1720 1721 if ( (about_v8_section_position == 0) || (about_v8_section_position == 1) ) { 1722 // Turn Off animations 1723 $('html').addClass('safari-mac'); 1724 } 1725 } 1726 1727 }); 1728 $(document).ready(function() { 1729 1730 var slideshow = UIkit.slideshow('[data-uk-slideshow]', { 1731 autoplay: true, 1732 height: '100%', 1733 animation: 'swipe', 1734 duration: 500, 1735 autoplayInterval: 4000, 1736 pauseOnHover: false 1737 }); 1738 1739 //play or pause slideshow functions 1740 $('.slideshow-v2-wrapper .slideshow-controls-btn').click(function () { 1741 if($(this).hasClass('playing')){ 1742 slideshow.stop(); 1743 $(this).removeClass('playing'); 1744 $(this).addClass('paused'); 1745 $(this).attr( "aria-label", "The slideshow is currently paused, play the slideshow"); 1746 }else { 1747 slideshow.start(); 1748 $(this).removeClass('paused'); 1749 $(this).addClass('playing'); 1750 $(this).attr( "aria-label", "The slideshow is currently playing, pause the slideshow"); 1751 } 1752 }); 1753 1754 $('.slideshow-v2-wrapper .uk-dotnav a, .slideshow-v2-wrapper a.uk-slidenav').click(function () { 1755 $('.slideshow-v2-wrapper .slideshow-controls-btn').removeClass('playing'); 1756 $('.slideshow-v2-wrapper .slideshow-controls-btn').addClass('paused'); 1757 $('.slideshow-v2-wrapper .slideshow-controls-btn').attr( "aria-label", "The slideshow is currently paused, play the slideshow"); 1758 }); 1759 1760 (function( func ) { 1761 $.fn.addClass = function() { // replace the existing function on $.fn 1762 func.apply( this, arguments ); // invoke the original function 1763 this.trigger('classChanged'); // trigger the custom event 1764 return this; // retain jQuery chainability 1765 } 1766 })($.fn.addClass); // pass the original function as an argument 1767 1768 (function( func ) { 1769 $.fn.removeClass = function() { 1770 func.apply( this, arguments ); 1771 this.trigger('classChanged'); 1772 return this; 1773 } 1774 })($.fn.removeClass); 1775 $('.uk-slideshow li').each(function(index) { 1776 $(this).find('.custom-temp-btn').attr("tabindex", -1); 1777 $(this).on('classChanged', function(){ 1778 if($(this).hasClass('uk-active')){ 1779 $(this).find('.custom-temp-btn').attr("tabindex", 0); 1780 $(slideDot[index]).attr('aria-current', 'true'); 1781 } else { 1782 $(this).find('.custom-temp-btn').attr("tabindex", -1); 1783 $(slideDot[index]).attr('aria-current', 'false'); 1784 } 1785 }); 1786 }); 1787 1788 var slideDot = $('.slideshow-v2-wrapper .uk-dotnav li a'); 1789 1790 slideDot.attr('aria-current', 'false'); 1791 $(slideDot[0]).attr('aria-current', 'true'); 1792 1793 }); 1794 1795 // init Masonry 1796 var gridGallery = $('#gallery_v4 .gallery-v4-grid').masonry({ 1797 columnWidth: '.gallery-v4-grid-sizer', 1798 // do not use .grid-sizer in layout 1799 itemSelector: '.gallery-v4-grid-item', 1800 percentPosition: true, 1801 fitWidth: true 1802 }); 1803 1804 gridGallery.imagesLoaded(function() { 1805 gridGallery.masonry('layout'); 1806 }); 1807 1808 // layout Masonry after each image loads 1809 gridGallery.imagesLoaded().progress( function() { 1810 gridGallery.masonry('layout'); 1811 }); 1812 1813 // Re-set gallery layout 1814 $(window).load(function() { 1815 // trigger Masonry layout 1816 gridGallery.masonry('layout'); 1817 }); 1818 function discontinuousGG(func){ 1819 var timer; 1820 return function(event){ 1821 if(timer) clearTimeout(timer); 1822 timer = setTimeout(func,200,event); 1823 }; 1824 } 1825 $(window).on("resize", discontinuousGG(function() { 1826 setTimeout(() => gridGallery.masonry('layout'), 300); 1827 })); 1828 1829 $(document).ready(function() { 1830 1831 var fancyboxSlider = $('#gallery_v4 .fancybox'); 1832 1833 fancyboxSlider.attr('rel', 'gallery').fancybox({ 1834 beforeShow : function() { 1835 var alt = this.element.find('img').attr('alt'); 1836 this.inner.find('img').attr('alt', alt); 1837 }, 1838 padding : 15, 1839 margin: 20, 1840 arrows : true, 1841 closeBtn: true, 1842 autoPlay : false, 1843 playSpeed : 3000, 1844 loop : true, 1845 openEffect : 'fade', 1846 closeEffect : 'fade', 1847 nextEffect : 'elastic', 1848 prevEffect : 'elastic', 1849 helpers : { 1850 overlay : { 1851 css : { 1852 'background' : 'rgba(0, 0, 0, 0.5)' 1853 },
1854 locked: false 1855 } 1856 } 1857 }); 1858 1859 var galleryToggleBtn = $('.gallery-v4-wrapper .gallery-toggle'); 1860 var galleryImages = $('.gallery-v4-grid-item a'); 1861 var galleryToggleTextOff = 'The Photo Gallery of ' + galleryImages.length + ' images can be accessed, hide the Photo Gallery from the Screen Reader'; 1862 var galleryToggleTextOn = 'The Photo Gallery of ' + galleryImages.length + ' images is hidden from the Screen Reader, access the Photo Gallery'; 1863 galleryToggleBtn.attr('aria-label', galleryToggleTextOff); 1864 1865 galleryToggleBtn.on('click',function(){ 1866 $(this).toggleClass('gt-off'); 1867 1868 const parentElement = $(this).closest('article'); 1869 const nextElement = $(parentElement).next(); 1870 1871 if ($(this).hasClass('gt-off')) { 1872 $(this).attr('aria-label', galleryToggleTextOff); 1873 galleryImages.each(function() { 1874 $(this).attr('aria-hidden', 'false').attr('tabindex', '0'); 1875 }); 1876 } else { 1877 $(this).attr('aria-label', galleryToggleTextOn); 1878 galleryImages.each(function() { 1879 $(this).attr('aria-hidden', 'true').attr('tabindex', '-1'); 1880 }); 1881 1882 if (nextElement.length !== 0) { 1883 const scrollTo = $(nextElement).offset().top - 100; 1884 $('html, body').animate({ scrollTop: scrollTo }, 1000); 1885 } 1886 } 1887 }); 1888 1889 }); 1890 $(document).ready(function() { 1891 1892 var owlReviews = $('#reviews_v2 .owl-carousel'); 1893 owlReviews.owlCarousel({ 1894 onInitialized: function (property) { 1895 //check if show dots is true in config 1896 if(true){ 1897 $('.reviews-v2-wrapper .owl-dot').each(function( index ) { 1898 var i = index + 1; 1899 $(this).html('<button aria-label="Review '+i+'"><span class="visuallyhidden">Review '+i+'</span></button>'); 1900 }); 1901 } 1902 //check if show arrows is true in config 1903 if(true && !true){ 1904 reviewsHandleArrowTabbing(owlReviews); 1905 } 1906 //prevent voiceover from reading hidden content 1907 $('.reviews-v2-wrapper').find('.owl-item').attr('aria-hidden','true'); 1908 $(property.target).find(".owl-item").eq(property.item.index).attr('aria-hidden','false'); 1909 }, 1910 margin: 0, 1911 nav: true, 1912 dots: true, 1913 dotsContainer: '#reviews_v2 .owl-dots', 1914 autoplay: true, 1915 autoplayTimeout: 6000, 1916 autoplayHoverPause: false, 1917 loop: true, 1918 navText: [ '<button aria-label="previous review">‹</button>', '<button aria-label="next review">›</button>' ], 1919 responsive: { 1920 0: { 1921 items: 1 1922 }, 1923 600: { 1924 items: 1 1925 }, 1926 1000: { 1927 items: 1 1928 } 1929 } 1930 }); 1931 1932 function discontinuousReviews(func){ 1933 var timer; 1934 return function(event){ 1935 if(timer) clearTimeout(timer); 1936 timer = setTimeout(func,200,event); 1937 }; 1938 } 1939 1940 $('#reviews_v2 .owl-dot button').attr('aria-current', 'false'); 1941 $('#reviews_v2 .owl-dot:first button').attr('aria-current', 'true'); 1942 1943 function reviewsCarouselStop() { 1944 owlReviews.trigger('stop.owl.autoplay'); 1945 owlReviews.data('owl.carousel').settings.autoplay = false; 1946 $('#reviews_v2 .carousel-control-btn').removeClass('stop-carousel'); 1947 $('#reviews_v2 .carousel-control-btn').addClass('play-carousel'); 1948 $('#reviews_v2 .carousel-control-btn').attr('aria-label', 'The Reviews carousel is currently paused, play the Reviews carousel'); 1949 } 1950 1951 function reviewsCarouselPlay() { 1952 owlReviews.trigger('play.owl.autoplay',[1000]); 1953 owlReviews.data('owl.carousel').settings.autoplay = true; 1954 $('#reviews_v2 .carousel-control-btn').removeClass('play-carousel'); 1955 $('#reviews_v2 .carousel-control-btn').addClass('stop-carousel'); 1956 $('#reviews_v2 .carousel-control-btn').attr('aria-label', 'The Reviews carousel is currently playing, pause the Reviews carousel'); 1957 } 1958 1959 $('#reviews_v2 .carousel-control-btn').on('click',function(){ 1960 if ($(this).hasClass('stop-carousel')) { 1961 reviewsCarouselStop(); 1962 } else if ($(this).hasClass('play-carousel')) { 1963 reviewsCarouselPlay(); 1964 } 1965 }); 1966 1967 $('#reviews_v2 .owl-dot').click(function () { 1968 owlReviews.trigger('to.owl.carousel', [$(this).index(), 300]); 1969 reviewsCarouselStop(); 1970 }); 1971 1972 $('#reviews_v2 .owl-nav').click(function () { 1973 reviewsCarouselStop(); 1974 }); 1975 1976 $(window).on("resize", discontinuousReviews(function() { 1977 if ($('#reviews_v2 .carousel-control-btn').hasClass('play-carousel')) { 1978 setTimeout(() => reviewsCarouselStop(), 500); 1979 } 1980 })); 1981 1982 $(window).on('focus', function() { 1983 if ($('#reviews_v2 .carousel-control-btn').hasClass('stop-carousel')) { 1984 owlReviews.trigger('next.owl.carousel'); 1985 } 1986 }); 1987 1988 //prevent voiceover from reading hidden content 1989 owlReviews.on('changed.owl.carousel',function(property){ 1990 $('.reviews-v2-wrapper').find('.owl-item').attr('aria-hidden','true'); 1991 $(property.target).find(".owl-item").eq(property.item.index).attr('aria-hidden','false'); 1992 $(property.target).find(".owl-dot").find('button').attr('aria-current', 'false'); 1993 $(property.target).find(".owl-dot").filter('.active').find('button').attr('aria-current', 'true'); 1994 }); 1995 1996 //check if show arrows is true in config 1997 if(true && !true){ 1998 reviewsHandleArrowTabbing(owlReviews); 1999 } 2000 2001 function reviewsHandleArrowTabbing(widget){ 2002 widget.on('changed.owl.carousel',function(property){ 2003 //handle tabbing when previous slider button is hidden 2004 if($(property.target).find(".owl-prev").hasClass('disabled')){ 2005 $(property.target).find(".owl-prev").children().attr('tabindex', -1); 2006 $(property.target).find(".owl-prev").attr('aria-hidden','true'); 2007 } 2008 else { 2009 $(property.target).find(".owl-prev").children().attr('tabindex', 0); 2010 $(property.target).find(".owl-prev").attr('aria-hidden','false'); 2011 } 2012 //handle tabbing when next slider button is hidden 2013 if($(property.target).find(".owl-next").hasClass('disabled')){
2014 $(property.target).find(".owl-next").children().attr('tabindex', -1); 2015 $(property.target).find(".owl-next").attr('aria-hidden','true'); 2016 } 2017 else { 2018 $(property.target).find(".owl-next").children().attr('tabindex', 0); 2019 $(property.target).find(".owl-next").attr('aria-hidden','false'); 2020 } 2021 }); 2022 } 2023 2024 $('.reviews-v2-wrapper .owl-nav').insertBefore($('.reviews-v2-wrapper .owl-stage-outer')); 2025 $('.reviews-v2-wrapper .owl-dots').insertBefore($('.reviews-v2-wrapper .owl-nav')); 2026 2027 });iFrameResize({ 2028 enablePublicMethods: true, 2029 enableInPageLinks: true 2030}); 2031 2032var marker_icon = ""; 2033var additionalPins = ''; 2034if (additionalPins) { 2035 var locationsArray = JSON.parse(''); 2036} 2037 2038var google_map_url = 'https://www.google.com/maps/place/' + ",2331 Grant Avenue,Ogden,UT,84401".split(' ').join('+'); 2039function open_google_map() { 2040 window.open(google_map_url, '_blank') 2041} 2042 2043function discontinuous(func){ 2044 var timer; 2045 return function(event){ 2046 if(timer) clearTimeout(timer); 2047 timer = setTimeout(func,200,event); 2048 }; 2049} 2050 2051function init_open_street_map() { 2052 if (additionalPins) { 2053 var map = L.map('map-v3-container', { 2054 minZoom: 3, 2055 zoomControl: false, 2056 zoomSnap: 1, 2057 gestureHandling: true 2058 }); 2059 2060 var allMarkers = []; 2061 2062 var marker = L.marker([41.2241405, -111.9734362], {title: '2331 Grant Avenue, Ogden', alt: 'View 2331 Grant Avenue, Ogden on Google maps - opens in a new tab'}).addTo(map); 2063 allMarkers.push(marker); 2064 2065 marker.on('click keypress', open_google_map); 2066 2067 locationsArray.forEach(function(element, index) { 2068 var additionalMarker = L.marker([element.lat_coords, element.lng_coords], {title: element.pin_title, alt: 'View ' + element.pin_title + ' on Google maps - opens in a new tab'}).addTo(map); 2069 2070 additionalMarker.on('click keypress', function() { 2071 window.open(element.pin_link, '_blank'); 2072 }); 2073 2074 allMarkers.push(additionalMarker); 2075 2076 }); 2077 2078 function fitBoundsToMarkers(osmap, markers) { 2079 osmap.invalidateSize(); 2080 var group = new L.featureGroup(markers); 2081 osmap.fitBounds(group.getBounds(), {padding: [50, 50]}); 2082 } 2083 2084 fitBoundsToMarkers(map, allMarkers); 2085 2086 document.querySelector('.reset-zoom-btn').addEventListener('click', function () { 2087 fitBoundsToMarkers(map, allMarkers); 2088 }); 2089 2090 window.addEventListener("resize", discontinuous(function(e) { 2091 fitBoundsToMarkers(map, allMarkers); 2092 })); 2093 } else { 2094 var map = L.map('map-v3-container', { 2095 center: [ 41.2241405, -111.9734362], 2096 zoom: 16, 2097 dragging: false, 2098 minZoom: 3, 2099 zoomControl: false, 2100 }); 2101 2102 var marker = L.marker([41.2241405, -111.9734362], {title: '2331 Grant Avenue, Ogden', alt: 'View 2331 Grant Avenue, Ogden on Google maps - opens in a new tab'}).addTo(map); 2103 2104 marker.on('click keypress', open_google_map); 2105 2106 map.scrollWheelZoom.disable(); 2107 } 2108 2109 if (marker_icon.length>0){ 2110 var myIcon = L.icon({ 2111 iconUrl: marker_icon, 2112 iconSize: [35,35] 2113 }); 2114 2115 if(allMarkers) { 2116 allMarkers.forEach(marker => { 2117 marker.setIcon(myIcon); 2118 marker.update(); 2119 }); 2120 } else { 2121 marker.setIcon(myIcon); 2122 marker.update(); 2123 } 2124 } 2125 2126 L.tileLayer.provider('OpenStreetMap.Mapnik').addTo(map); 2127 L.control.zoom({ 2128 position:'bottomleft' 2129 }).addTo(map); 2130 2131 $('.openstreetmap-v3-wrapper #map-v3-container').removeAttr('tabindex'); 2132 $('.leaflet-touch .leaflet-bar a').attr('tabindex', '-1'); 2133 $('.leaflet-container .leaflet-marker-pane img').attr('role', 'link'); 2134} 2135 2136$(document).ready(function() { 2137 init_open_street_map(); 2138}); 2139$("#contact_us_v3_section_phone_link").on("click", function(){ 2140 if (ga_check()) 2141 universal_ga('send', 'event', 'Button', 'Click', 'Phone'); 2142}); 2143 setTimeout(function(){ 2144 $('.navbar-fixed-bottom.nav-v1').addClass('show-bottom-nav'); triggerShowFooterEvents(); 2145 }, 4000); 2146 2147 var navigation_alpha_starts_from = 0; 2148 var navigation_background_color = "rgba(0, 0, 0,";
2149 var navigation_darkens_on_scroll = "1"; 2150 var top_nav_new_style = !navigation_darkens_on_scroll && ($(window).width() > 767); 2151 var custom_nav_style = "1"; 2152 if(!custom_nav_style){ 2153 $('.navbar-regular').css('background-color', 'rgba(255, 255, 255,' + navigation_alpha_starts_from + ')'); 2154 $('.navbar-inverse').css('background-color', navigation_background_color + (top_nav_new_style ? 0 : navigation_alpha_starts_from) + ')'); 2155 } 2156 2157 if (navigation_darkens_on_scroll && !custom_nav_style) { 2158 $(document).on('scroll', function (e) { 2159 var alpha = navigation_alpha_starts_from + $(document).scrollTop() / 1950; 2160 $('.navbar-inverse').css('background-color', navigation_background_color + alpha + ')'); 2161 $('.navbar-regular').css('background-color', 'rgba(255, 255, 255,' + alpha + ')'); 2162 }); 2163 } 2164 2165 if (!navigation_darkens_on_scroll && !custom_nav_style) { 2166 $(window).resize(function() { 2167 if ($(window).width() > 767) 2168 $('.navbar-inverse').css('background-color', navigation_background_color + 0 + ')'); 2169 else 2170 $('.navbar-inverse').css('background-color', navigation_background_color + navigation_alpha_starts_from + ')'); 2171 }); 2172 } 2173 2174</script>
2174<script type="text/javascript"> 2175 function openPopUp() { 2176 2177 document.touchmove = function (e) { 2178 e.preventDefault(); 2179 }; 2180 $(function () { 2181 $('body').css('overflow', 'hidden'); 2182 2183 $('#CustomModal').modal({ 2184 show: true 2185 }); 2186 2187 $(document).on('shown.bs.modal', '.modal', function () { 2188 //handle reader focus 2189 focusModal(); 2190 }); 2191 $(document).on("hidden.bs.modal", ".modal", function (event, ui) { 2192 //handle reader focus 2193 focusNavbar(); 2194 $('body').css('overflow', ''); 2195 document.touchmove = function () {}; 2196 }); 2197 }); 2198 } 2199 2200 function focusModal() { 2201 $('.modal-dialog') 2202 .css('outline', 'none') 2203 .attr('tabindex', '-1') 2204 .focus(); 2205 } 2206 2207 function focusNavbar(){ 2208 //handle which header exists 2209 if($(".navbar")){ 2210 var element = $(".navbar"); 2211 }else{ 2212 var element = $(".navbar-normal"); 2213 } 2214 element.css('outline', 'none') 2215 .attr('tabindex', '-1') 2216 .focus(); 2217 } 2218 2219 var showPopupPerSession = false; 2220 // Check if popup is set to show once per session 2221 if (!showPopupPerSession || (showPopupPerSession && !sessionStorage.getItem("newsletter_popup_shown"))) { 2222 var t = setTimeout(openPopUp, 10000); 2223 sessionStorage.setItem("newsletter_popup_shown", "yes"); 2224 } 2225 2226 </script>
2226<script> 2227 var animate_sections = ["banner","aboutus_v2","gallery_v3","aboutus_v7"]; 2228 2229 for (var i = 0; i < animate_sections.length; i++) { 2230 $('#'+animate_sections[i]).addClass('animation-element'); 2231 } 2232 2233 var $animation_elements = $('.animation-element'); 2234 var $window = $(window); 2235 2236 function check_if_in_view() { 2237 var window_height = $window.height(); 2238 var window_top_position = $window.scrollTop(); 2239 var window_bottom_position = (window_top_position + window_height/2); 2240 2241 $.each($animation_elements, function() { 2242 var $element = $(this); 2243 var element_height = $element.outerHeight(); 2244 var element_top_position = $element.offset().top; 2245 var element_bottom_position = (element_top_position + element_height/2); 2246 2247 //check to see if this current container is within viewport 2248 if ((element_bottom_position >= window_top_position) && 2249 (element_top_position <= window_bottom_position)) { 2250 $element.addClass('animate'); 2251 } else { 2252 // $element.removeClass('in-view'); 2253 } 2254 }); 2255 } 2256 2257 $window.on('scroll resize', check_if_in_view); 2258 $window.trigger('scroll'); 2259 </script>
2259<script> 2260$(function () { 2261 //If Newsletter widget (popup or section) is on 2262 if ($('.newsletter-popup').length || $('.map-newsletter').length || $('.newsletter-section').length) { 2263 //Inject html needed for ADA 2264 var waitSPHWidget = setInterval(function(){ 2265 if ($('.sph-email-input').length) { 2266 // 2267 $('.sph-loading-img img').attr('alt', 'Newsletter Loader icon'); 2268 clearInterval(waitSPHWidget) 2269 } 2270 }, 300); 2271 } 2272}); 2273</script>
2273<script> 2274// Functions needed for Newsletter (sh widget) subscription submit (case when texting is Off in SH) 2275function isEmail(email) { 2276 var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; 2277 return regex.test(email); 2278} 2279function submitEmail(input_id) { 2280 var shp_email_to_subscribe = $("#sph-newsletter-input-" + input_id); 2281 if (!isEmail(shp_email_to_subscribe.val())) { 2282 alert('Please enter valid email address'); 2283 return; 2284 } 2285 var sph_email_form_div = $(".sph-email-form"); 2286 var sph_loading_img = $(".sph-loading-img"); 2287 var sph_response_message_div = $(".sph-response-message"); 2288 var sph_submit_label = $(".sph-submit-label"); 2289 sph_submit_label.hide(); 2290 sph_loading_img.show(); 2291 var request = $.ajax({ 2292 method: "POST", 2293 url: "https://www.spothopperapp.com/api/spots/73247/contacts/add", 2294 crossDomain: true, 2295 dataType: 'json', 2296 data: { email: shp_email_to_subscribe.val() }, 2297 success: function (data) { 2298 sph_response_message_div.html(data); 2299 sph_email_form_div.hide(); 2300 sph_response_message_div.show(); 2301 }, 2302 error: function (data) { 2303 sph_response_message_div.html("Something went wrong. Please try again later."); 2304 sph_email_form_div.hide(); 2305 sph_response_message_div.show(); 2306 } 2307 }); 2308} 2309</script>
2309<!-- GSAP ANIMATIONS START -->
2309<script src="https://static.spotapps.co/website_images/ab_websites/gsap/minified/gsap.min.js"></script>
2309<script src="https://static.spotapps.co/website_images/ab_websites/gsap/minified/ScrollTrigger.min.js"></script>
2309<script> 2310 document.addEventListener("DOMContentLoaded", (event) => { 2311 // Register ScrollTrigger plugin 2312 gsap.registerPlugin(ScrollTrigger); 2313 2314 // MARQUEE ANIMATION 2315 const wrapper = document.querySelector(".custom_html_3-section .marquee-wrapper"); 2316 const wrapper2 = document.querySelector(".custom_html_4-section .marquee-wrapper"); 2317 2318 if(wrapper){ 2319 const boxes = gsap.utils.toArray(".custom_html_3-section .marquee-box"); 2320 const loop = horizontalLoop(boxes, {paused: false, repeat: -1, speed: 1.3}); 2321 } 2322 2323 if(wrapper2){ 2324 const boxes = gsap.utils.toArray(".custom_html_4-section .marquee-box"); 2325 const loop = horizontalLoop(boxes, {paused: false, repeat: -1, speed: 1.3}); 2326 } 2327 2328 /* 2329 This helper function makes a group of elements animate along the x-axis in a seamless, responsive loop. 2330 2331 Features: 2332 - Uses xPercent so that even if the widths change (like if the window gets resized), it should still work in most cases. 2333 - When each item animates to the left or right enough, it will loop back to the other side 2334 - Optionally pass in a config object with values like "speed" (default: 1, which travels at roughly 100 pixels per second), paused (boolean), repeat, reversed, and paddingRight. 2335 - The returned timeline will have the following methods added to it: 2336 - next() - animates to the next element using a timeline.tweenTo() which it returns. You can pass in a vars object to control duration, easing, etc. 2337 - previous() - animates to the previous element using a timeline.tweenTo() which it returns. You can pass in a vars object to control duration, easing, etc. 2338 - toIndex() - pass in a zero-based index value of the element that it should animate to, and optionally pass in a vars object to control duration, easing, etc. Always goes in the shortest direction 2339 - current() - returns the current index (if an animation is in-progress, it reflects the final index) 2340 - times - an Array of the times on the timeline where each element hits the "starting" spot. There's also a label added accordingly, so "label1" is when the 2nd element reaches the start. 2341 */ 2342 function horizontalLoop(items, config) { 2343 items = gsap.utils.toArray(items); 2344 config = config || {}; 2345 let tl = gsap.timeline({repeat: config.repeat, paused: config.paused, defaults: {ease: "none"}, onReverseComplete: () => tl.totalTime(tl.rawTime() + tl.duration() * 100)}), 2346 length = items.length, 2347 startX = items[0].offsetLeft, 2348 times = [], 2349 widths = [], 2350 xPercents = [], 2351 curIndex = 0, 2352 pixelsPerSecond = (config.speed || 1) * 100, 2353 snap = config.snap === false ? v => v : gsap.utils.snap(config.snap || 1), // some browsers shift by a pixel to accommodate flex layouts, so for example if width is 20% the first element's width might be 242px, and the next 243px, alternating back and forth. So we snap to 5 percentage points to make things look more natural 2354 totalWidth, curX, distanceToStart, distanceToLoop, item, i; 2355 gsap.set(items, { // convert "x" to "xPercent" to make things responsive, and populate the widths/xPercents Arrays to make lookups faster. 2356 xPercent: (i, el) => { 2357 let w = widths[i] = parseFloat(gsap.getProperty(el, "width", "px")); 2358 xPercents[i] = snap(parseFloat(gsap.getProperty(el, "x", "px")) / w * 100 + gsap.getProperty(el, "xPercent")); 2359 return xPercents[i]; 2360 } 2361 }); 2362 gsap.set(items, {x: 0}); 2363 totalWidth = items[length-1].offsetLeft + xPercents[length-1] / 100 * widths[length-1] - startX + items[length-1].offsetWidth * gsap.getProperty(items[length-1], "scaleX") + (parseFloat(config.paddingRight) || 0); 2364 for (i = 0; i < length; i++) { 2365 item = items[i]; 2366 curX = xPercents[i] / 100 * widths[i]; 2367 distanceToStart = item.offsetLeft + curX - startX; 2368 distanceToLoop = distanceToStart + widths[i] * gsap.getProperty(item, "scaleX"); 2369 tl.to(item, {xPercent: snap((curX - distanceToLoop) / widths[i] * 100), duration: distanceToLoop / pixelsPerSecond}, 0) 2370 .fromTo(item, {xPercent: snap((curX - distanceToLoop + totalWidth) / widths[i] * 100)}, {xPercent: xPercents[i], duration: (curX - distanceToLoop + totalWidth - curX) / pixelsPerSecond, immediateRender: false}, distanceToLoop / pixelsPerSecond) 2371 .add("label" + i, distanceToStart / pixelsPerSecond); 2372 times[i] = distanceToStart / pixelsPerSecond; 2373 } 2374 function toIndex(index, vars) { 2375 vars = vars || {}; 2376 (Math.abs(index - curIndex) > length / 2) && (index += index > curIndex ? -length : length); // always go in the shortest direction 2377 let newIndex = gsap.utils.wrap(0, length, index), 2378 time = times[newIndex]; 2379 if (time > tl.time() !== index > curIndex) { // if we're wrapping the timeline's playhead, make the proper adjustments 2380 vars.modifiers = {time: gsap.utils.wrap(0, tl.duration())}; 2381 time += tl.duration() * (index > curIndex ? 1 : -1); 2382 } 2383 curIndex = newIndex;
2384 vars.overwrite = true; 2385 return tl.tweenTo(time, vars); 2386 } 2387 tl.next = vars => toIndex(curIndex+1, vars); 2388 tl.previous = vars => toIndex(curIndex-1, vars); 2389 tl.current = () => curIndex; 2390 tl.toIndex = (index, vars) => toIndex(index, vars); 2391 tl.times = times; 2392 tl.progress(1, true).progress(0, true); // pre-render for performance 2393 if (config.reversed) { 2394 tl.vars.onReverseComplete(); 2395 tl.reverse(); 2396 } 2397 return tl; 2398 } 2399 2400 }); 2401</script>
2401<script>(function() { 2402 const MODAL_ID = 'promotion-pop-up'; 2403 const SESSION_KEY = 'promotion-pop-up-container-ids'; 2404 const PADDING = 70; 2405 const RESIZE_DEBOUNCE_MS = 150; 2406 const INITIAL_DELAY = typeof promotion_pop_up_initial_delay === 'undefined' ? 2407 2000 : 2408 promotion_pop_up_initial_delay; 2409 2410 const POP_UP_PRIORITY = ["holiday_party"]; 2411 const _norm = s => (s || "").toString().trim().toLowerCase(); 2412 const PRIORITY_RANK = new Map(POP_UP_PRIORITY.map((n, i) => [_norm(n), i])); 2413 2414 function displayPromotionPopUp() { 2415 const items = document.getElementsByClassName('promotion_pop_up_content'); 2416 2417 // Track shown IDs as a Set (no dups, fast lookups) 2418 const shownIds = new Set( 2419 (sessionStorage.getItem(SESSION_KEY) || '') 2420 .split(',') 2421 .map(s => s.trim()) 2422 .filter(Boolean) 2423 ); 2424 2425 // Hide all; collect items not shown this session 2426 const availableItems = []; 2427 Array.prototype.forEach.call(items, item => { 2428 item.style.display = 'none'; 2429 2430 // --- Exclusion logic --- 2431 // Block popups whose non-custom CTA link is a phone number (tel:) 2432 const isCustomLink = item.getAttribute("data-is-custom-link") ?? "false"; 2433 const linkUrl = item.getAttribute("data-link-url") || ""; 2434 2435 const excludeItem = 2436 isCustomLink === "false" && 2437 linkUrl.trim().toLowerCase().startsWith("tel"); 2438 2439 if (excludeItem) { 2440 return; // Skip this popup entirely 2441 } 2442 2443 if (!shownIds.has(item.id)) { 2444 availableItems.push(item); 2445 } 2446 }); 2447 2448 if (availableItems.length === 0) return false; 2449 2450 // --- Priority logic --- 2451 const norm = s => (s || '').toString().trim().toLowerCase(); 2452 const prioritySource = Array.isArray(POP_UP_PRIORITY) 2453 ? POP_UP_PRIORITY 2454 : Array.isArray(window.pop_up_priority) 2455 ? window.pop_up_priority 2456 : []; 2457 const rank = new Map(prioritySource.map((name, i) => [norm(name), i])); 2458 2459 const records = availableItems.map(el => { 2460 const internal = norm(el.getAttribute('data-internalname')); 2461 const priority = rank.has(internal) ? rank.get(internal) : Infinity; 2462 return { el, priority }; 2463 }); 2464 2465 let selectedItem; 2466 const minPriority = Math.min(...records.map(r => r.priority)); 2467 2468 if (isFinite(minPriority)) { 2469 // Randomize within the highest-priority bucket only 2470 const topBucket = records.filter(r => r.priority === minPriority); 2471 const pick = topBucket[Math.floor(Math.random() * topBucket.length)]; 2472 selectedItem = pick.el; 2473 } else { 2474 // Pure random among all available when no priorities match 2475 selectedItem = availableItems[Math.floor(Math.random() * availableItems.length)]; 2476 } 2477 2478 // Show popup 2479 selectedItem.style.display = 'block'; 2480 2481 // Analytics + persist shown id (unless preview param present) 2482 if (window.location.search.indexOf('spot_promotion_channel_id=') === -1) { 2483 shownIds.add(selectedItem.id); 2484 do_promotion_analytics( 2485 selectedItem.getAttribute('data-internalname'), 2486 selectedItem.id, 2487 selectedItem.getAttribute('data-link-url'), 2488 selectedItem.getAttribute('data-has-image'), 2489 selectedItem.getAttribute('data-is-template-image-and-button') 2490 ); 2491 } 2492 2493 sessionStorage.setItem(SESSION_KEY, Array.from(shownIds).join(',')); 2494 return true; 2495 } 2496 2497 function preloadImages(container, callback) { 2498 const images = container.querySelectorAll('img'); 2499 if (images.length === 0) return callback(); 2500 2501 let loaded = 0; 2502 Array.prototype.forEach.call(images, function(img) { 2503 if (img.complete) { 2504 if (++loaded === images.length) callback(); 2505 } else { 2506 img.addEventListener('load', check); 2507 img.addEventListener('error', check); 2508 } 2509 2510 function check() { 2511 if (++loaded === images.length) callback(); 2512 } 2513 }); 2514 } 2515 2516 function centerModal() { 2517 const modal = document.getElementById(MODAL_ID); 2518 const dialog = modal.querySelector('.promotion-pop-up .modal-dialog'); 2519 if (!dialog) return; 2520 2521 modal.style.display = 'block'; 2522 modal.style.visibility = 'hidden'; 2523 2524 const height = dialog.offsetHeight; 2525 const winHeight = window.innerHeight; 2526 const top = Math.max(0, (winHeight - height) / 2); 2527 dialog.style.top = `${top}px`; 2528 2529 modal.style.visibility = ''; 2530 } 2531 2532 function centerModalVisible() { 2533 const modal = document.getElementById(MODAL_ID); 2534 const dialog = modal.querySelector('.promotion-pop-up .modal-dialog'); 2535 if (!dialog) return; 2536 2537 const height = dialog.offsetHeight; 2538 const winHeight = window.innerHeight; 2539 const top = Math.max(0, (winHeight - height) / 2); 2540 dialog.style.top = `${top}px`; 2541 } 2542 2543 function lockScroll() { 2544 document.body.style.overflow = 'hidden'; 2545 document.ontouchmove = function(e) { 2546 e.preventDefault(); 2547 }; 2548 } 2549 2550 function unlockScroll() { 2551 document.body.style.overflow = ''; 2552 document.ontouchmove = null; 2553 } 2554 2555 function setupModalLayout(modalId) { 2556 const modal = document.getElementById(modalId); 2557 const content = modal?.querySelector('.promotion_pop_up_content[style*="display: block"]'); 2558 if (!content) return; 2559 2560 const header = content.querySelector('.modal-header'); 2561 const footer = content.querySelector('.modal-footer'); 2562 const body = content.querySelector('.modal-body'); 2563 if (!body) return; 2564 2565 const windowHeight = window.innerHeight; 2566 const headerHeight = header?.offsetHeight || 0; 2567 const footerHeight = footer?.offsetHeight || 0;
2568 const maxBodyHeight = windowHeight - headerHeight - footerHeight - PADDING; 2569 2570 body.style.maxHeight = `${maxBodyHeight}px`; 2571 body.style.overflowY = 'auto'; 2572 2573 centerModalVisible(); 2574 } 2575 2576 function prepareModalForDisplay(modalId) { 2577 const modal = document.getElementById(modalId); 2578 const visibleContent = modal?.querySelector('.promotion_pop_up_content[style*="display: block"]'); 2579 if (!visibleContent) return; 2580 2581 modal.style.display = 'block'; 2582 modal.style.visibility = 'hidden'; 2583 2584 preloadImages(visibleContent, function() { 2585 const header = visibleContent.querySelector('.modal-header'); 2586 const footer = visibleContent.querySelector('.modal-footer'); 2587 const body = visibleContent.querySelector('.modal-body'); 2588 2589 if (body) { 2590 const windowHeight = window.innerHeight; 2591 const headerHeight = header?.offsetHeight || 0; 2592 const footerHeight = footer?.offsetHeight || 0;
2593 const maxBodyHeight = windowHeight - headerHeight - footerHeight - PADDING; 2594 2595 body.style.maxHeight = `${maxBodyHeight}px`; 2596 body.style.overflowY = 'auto'; 2597 } 2598 2599 centerModal(); 2600 modal.style.visibility = ''; 2601 lockScroll(); 2602 2603 $('#' + modalId).modal({ 2604 show: true, 2605 focus: true, 2606 backdrop: true 2607 }); 2608 }); 2609 } 2610 2611 // === Main Timer Logic === 2612 setTimeout(function() { 2613 if (displayPromotionPopUp()) { 2614 if (typeof t !== 'undefined') { 2615 clearTimeout(t); 2616 } 2617 2618 const timeoutDuration = INITIAL_DELAY > 500 ? INITIAL_DELAY - 500 : 0; 2619 2620 setTimeout(function() { 2621 prepareModalForDisplay(MODAL_ID); 2622 }, timeoutDuration); 2623 } 2624 }, 500); 2625 2626 // === Cleanup on modal close === 2627 $(document).on('hidden.bs.modal', `#${MODAL_ID}`, function() { 2628 unlockScroll(); 2629 }); 2630 2631 // === Responsive layout recalculation === 2632 let resizeTimeout; 2633 window.addEventListener('resize', function() { 2634 clearTimeout(resizeTimeout); 2635 resizeTimeout = setTimeout(function() { 2636 const modal = document.getElementById(MODAL_ID); 2637 if (modal && $(modal).hasClass('in')) { 2638 void modal.offsetHeight; 2639 setupModalLayout(MODAL_ID); 2640 } 2641 }, RESIZE_DEBOUNCE_MS); 2642 }); 2643 2644 // === Embedded analytics helpers === 2645 function obtain_analytics_function() { 2646 if (typeof sph_widgets_ga === 'function') return sph_widgets_ga; 2647 if (typeof ga === 'function') return ga; 2648 if (typeof gtag === 'function') return gtag; 2649 return null; 2650 } 2651 2652 function do_promotion_analytics(eventLabel, spot_promotion_channel_id, data_link_url, hasImage, is_template_image_and_button) { 2653 analytics = obtain_analytics_function(); 2654 if (!analytics) return null; 2655 2656 var pop_up_template = (is_template_image_and_button == 'true' ? 'text,image&button' : 'text&button'); 2657 var image_enabled_disabled = (hasImage ? 'image_enabled' : 'image_disabled'); 2658 var additional_info = (is_template_image_and_button == 'true' ? '|' + image_enabled_disabled : ''); 2659 2660 universal_ga('send', 'event', 'Pop Up Promotion', 'View', eventLabel + '|||' + data_link_url + '|' + pop_up_template + additional_info); 2661 2662 // universal_ga('send', 'event', 'Pop Up Promotion', 'View', eventLabel); 2663 if (typeof $ === 'function') { 2664 $(".promotion_pop_up_content a").on("click", function(event) { 2665 universal_ga('send', 'event', { 2666 eventCategory: 'Pop Up Promotion Button', 2667 eventAction: 'Click', 2668 eventLabel: eventLabel + '|||' + event.target.href + '|' + pop_up_template + additional_info, 2669 transport: 'beacon' 2670 }); 2671 $("#promotion-pop-up").modal('hide'); 2672 return true; 2673 }); 2674 } 2675 } 2676 2677})();</script>
2677<script>// ALL_PAGES_COMPONENT 2678var smart_footer_active = 'true' == 'true'; 2679var smart_footer_version = '2'; 2680 2681</script>
2681<footer id="accessibility-footer"><p>We strive to make our website accessible to everybody. <a aria-label="Learn More About our website accessibility" class="accessibility-link" href="/accessibility-page-01" target="_self">Learn More.</a></p></footer>
2681<script> 2682(function() { 2683 var name = "UTOG Brewing"; 2684 var pid = "ChIJjeuKtFoPU4cRn2gx471ZlNg"; 2685 function build_url() { 2686 var q = encodeURIComponent(name).replace(/'/g, "%27"); 2687 return "https://www.google.com/maps/search/?api=1" 2688 + "&query=" + q 2689 + "&query_place_id=" + encodeURIComponent(pid); 2690 } 2691 window.google_map_url = build_url(); 2692 window.open_google_map = function() { 2693 window.open(build_url(), "_blank"); 2694 }; 2695})(); 2696</script>
2696<script> 2697 2698 var spot_id = 73247; 2699 var sh_generic_form_params=JSON.parse('{"generic_contact_form_active":true,"texting_permissions_active":true,"title":"Contact us","instructions":"Please fill out the form and we will be in touch.","reasons":["To host a special event","To get a special event catered","To reserve a table","To apply for a job","Other Questions"],"custom_hours":"","hours":"","active_tmt_cta_links":{"cta_private_party":"https://utogbrewing.com/-party","cta_catering":null,"cta_reservations":"https://utogbrewing.com/reservations","cta_jobs":"https://tmt.spotapps.co/job-listings?spot_id=73247"},"spot_name":"UTOG Brewing","label_for_texting_permission":"Iâd like to get texts about specials, events, and other exclusive offers and announcements not available to general public"}'); 2700 2701 if (false){ 2702 console.log("Check SpotHopper configuration. Probably there is no 'WEBSITE::DOMAIN_NAME' key for your website"); 2703 } 2704 2705 if (navigator.userAgent.match(/iPhone/i) 2706 || navigator.userAgent.match(/iPad/i) 2707 || navigator.userAgent.match(/iPod/i)){ 2708 $(document).ready(function(){ 2709 document.body.className += " " + "webkit-mobile-body"; 2710 }); 2711 } 2712 2713 var promotion_url_param_domain = getPromotionUrlParams()['domain']; 2714 if ( promotion_url_param_domain && ( new URL(document.location).host == 'localhost:4000' || new URL(document.location).host == 'wcache.spotapps.co' || new URL(document.location).host == 'website-editor.spotapps.co' || new URL(document.location).host == 'website-editor-staging.spotapps.co' || new URL(document.location).host == 'wcache-staging.spotapps.co')){ 2715 $("a[href^='/']").each(function(){ 2716 if (this.href.indexOf('domain=') == -1){ 2717 var sh_internal_url = new URL(this.href); 2718 sh_internal_url.searchParams.set("domain", promotion_url_param_domain); 2719 this.href = sh_internal_url.toString(); 2720 } 2721 }) 2722 } 2723 2724 2725 function cta_link_matches_href(href, url){ 2726 var domain = 'utogbrewing.com'; 2727 if(typeof url === 'undefined'){ 2728 return false; 2729 } 2730 var partsOfURL = url.split(domain); 2731 if (partsOfURL.length != 2){ 2732 return href == url; 2733 }else{ 2734 var urlPath = partsOfURL[1]; 2735 if (urlPath.substring(0,1) == "/"){ 2736 urlPath = urlPath.substring(1,urlPath.length); 2737 } 2738 return href.indexOf(urlPath, domain.length + href.indexOf(domain)-1) !== -1; 2739 } 2740 } 2741 2742 var all_cta_links = [{"id":1787362,"spot_id":73247,"url":"https://utogbrewing.com/drink-menu","cta_link_type":"drink_menu","created_at":"2026-02-17T13:15:29+00:00","updated_at":"2026-02-17T13:15:47+00:00","made_of_food":false,"link_name":""},{"id":1787363,"spot_id":73247,"url":"https://utogbrewing.com/food-menu","cta_link_type":"food_menu","created_at":"2026-02-17T13:15:29+00:00","updated_at":"2026-02-17T13:15:47+00:00","made_of_food":false,"link_name":""},{"id":1787364,"spot_id":73247,"url":"https://utogbrewing.com/events","cta_link_type":"events","created_at":"2026-02-17T13:15:47+00:00","updated_at":null,"made_of_food":false,"link_name":"","position":null},{"id":1691330,"spot_id":73247,"url":"https://utogbrewing.com/reservations","cta_link_type":"reservations","created_at":"2025-12-04T19:40:34+00:00","updated_at":"2026-02-17T13:15:47+00:00","made_of_food":false,"link_name":"Reservations","target":null,"website_footer_label":"Reserve","position":1},{"id":1685823,"spot_id":73247,"url":"https://utogbrewing.com/-party","cta_link_type":"private_parties","created_at":"2025-12-01T16:57:59+00:00","updated_at":"2026-02-17T13:15:47+00:00","made_of_food":false,"link_name":"Private Parties","target":null,"website_footer_label":"Parties","position":3},{"id":1685824,"spot_id":73247,"url":"https://tmt.spotapps.co/job-listings?spot_id=73247","cta_link_type":"job_listing","created_at":"2025-12-01T16:57:59+00:00","updated_at":"2026-02-17T13:15:48+00:00","made_of_food":false,"link_name":"Job Listing","target":null,"website_footer_label":"Jobs","position":2}]; 2743 2744 function find_cta_link(href) { 2745 for (var i=0; i< all_cta_links.length; i++){ 2746 var cta_link = all_cta_links[i]; 2747 if ( cta_link_matches_href(href, cta_link.url)){ 2748 return cta_link; 2749 } 2750 } 2751 } 2752 2753 function find_cta_links(href) { 2754 var cta_links = [] 2755 for (var i=0; i< all_cta_links.length; i++){ 2756 var cta_link = all_cta_links[i]; 2757 if ( cta_link_matches_href(href, cta_link.url)){ 2758 cta_links.push(cta_link); 2759 } 2760 } 2761 return cta_links; 2762 } 2763 2764 2765 function get_current_page_cta_link_types(){ 2766 var types = []; 2767 var cta_links = find_cta_links(document.location.href); 2768 for (var i=0; i<cta_links.length; i++){ 2769 types.push(cta_links[i].cta_link_type); 2770 } 2771 return types; 2772 } 2773 2774 2775 function is_food_menu_page(){ 2776 var cta_link_types = get_current_page_cta_link_types(); 2777 for (var i=0; i<cta_link_types.length; i++){ 2778 if ('food_menu' == cta_link_types[i]) 2779 return true; 2780 } 2781 return false;
2782 } 2783 2784 2785 function get_form_cat_from_cta(){ 2786 var cta_link = find_cta_link(document.location.href); 2787 if (cta_link == null) { 2788 return null; 2789 } 2790 if (cta_link.cta_link_type == 'private_parties'){ 2791 return 'private_party'; 2792 }else if (cta_link.cta_link_type == 'reservations'){ 2793 return 'reservation'; 2794 }else if (cta_link.cta_link_type == 'catering'){ 2795 return 'catering'; 2796 }else if (cta_link.cta_link_type == 'job_listing'){ 2797 return 'job_listings'; 2798 }else if (cta_link.cta_link_type == 'gift_cards'){ 2799 return 'gift_cards'; 2800 } 2801 return null; 2802 } 2803 2804 function element_has_events_defined(elem){ 2805 if ($._data(elem, "events") === undefined){ 2806 return false; 2807 } 2808 return true; 2809 } 2810 2811 function create_ga_events_for_cta_clicks(){ 2812 if (typeof $ === 'function'){ 2813 2814 var cta_link_of_the_page = find_cta_link(location.href); 2815 2816 2817 $("a").each(function(index, elem){ 2818 var href = $(elem).attr('href'); 2819 2820 if (href === undefined ){ 2821 return; 2822 } 2823 2824 if (href.substring(0,4) == 'tel:'){ 2825 if (!element_has_events_defined(elem)){ // not footer links 2826 $(elem).on("click", function(){ 2827 universal_ga('send', 'event', { 2828 eventCategory: 'Button', 2829 eventAction: 'Click', 2830 eventLabel: 'Phone', 2831 transport: 'beacon' 2832 }); 2833 }); 2834 2835 if (cta_link_of_the_page){ 2836 $(elem).on("click", function(){ 2837 universal_ga('send', 'event', { 2838 eventCategory: 'Button', 2839 eventAction: 'Click', 2840 eventLabel: cta_link_of_the_page.cta_link_type + ' page phone', 2841 transport: 'beacon' 2842 }); 2843 }); 2844 } 2845 } else { 2846 if (cta_link_of_the_page){ 2847 $(elem).on("click", function(){ 2848 universal_ga('send', 'event', { 2849 eventCategory: 'Button', 2850 eventAction: 'Click', 2851 eventLabel: cta_link_of_the_page.cta_link_type + ' page phone footer', 2852 transport: 'beacon' 2853 }); 2854 }); 2855 } 2856 } 2857 2858 2859 }else{ 2860 var cta_link = find_cta_link(href); 2861 if (elem.className != null && elem.className.indexOf("bottom-link") > -1){ 2862 // console.log("bottom link detected"); 2863 }else{ 2864 if (cta_link != null){ 2865 $(elem).on("click", function(){ 2866 universal_ga('send', 'event', { 2867 eventCategory: 'Website Link', 2868 eventAction: 'Click', 2869 eventLabel: cta_link.cta_link_type, 2870 transport: 'beacon' 2871 }); 2872 }); 2873 } 2874 } 2875 } 2876 2877 2878 }); 2879 } 2880 } 2881 2882 if (typeof angular === "undefined") { 2883 create_ga_events_for_cta_clicks(); 2884 } else { 2885 angular.element(document).ready(function () { 2886 create_ga_events_for_cta_clicks(); 2887 }); 2888 } 2889 2890 2891 function triggerShowFooterEvents(){ 2892 if (window.screen.availWidth < 768){ 2893 universal_ga('send', 'event', { 2894 eventCategory: 'Mobile Footer', 2895 eventAction: 'View', 2896 eventLabel: '', 2897 transport: 'beacon' 2898 }); 2899 } 2900 } 2901 2902 2903 2904 2905 //////////// 2906 function smartFooterV2() 2907 { 2908 var list= document.getElementsByClassName("bottom-list-item"); 2909 if (!list) return; 2910 2911 if (document.getElementById("bottom-navbar") == null){ 2912 return; 2913 } 2914 2915 var bottomNav = document.querySelector('#bottom-navbar .navbar-nav'); 2916 var footerLinkPaddingLeft = $('#bottom-navbar .navbar-nav li a').css('padding-left'); 2917 var footerLinkPaddingRight = $('#bottom-navbar .navbar-nav li a').css('padding-right'); 2918 2919 bottomNav.innerHTML = ''; 2920 var linksWithPosition = all_cta_links.filter(e => e.position != null && e.position >= 0); 2921 linksWithPosition.sort(function(a,b) { 2922 return a.position - b.position; 2923 }); 2924 2925 var footerLinkStyle = (footerLinkPaddingLeft == '0px' || footerLinkPaddingRight == '0px' ? 'style="padding-left: 8px; padding-right: 8px;"' : ''); 2926 2927 linksWithPosition.forEach((e, i) => { 2928 var target = e.target || getUrlTarget(e.url); 2929 bottomNav.insertAdjacentHTML('beforeend', 2930 `<li class="bottom-list-item" style="white-space: nowrap;width: auto;"><a ${footerLinkStyle} class="bottom-link smart-footer-link" data-type="${e.cta_link_type}" data-position="${i}" target="${target}" href="${e.url}">${e.website_footer_label}</a></li>`); 2931 }) 2932 2933 var intervalCount = 0 2934 var interval = setInterval(() => { 2935 if(intervalCount == 50){ 2936 clearInterval(interval); 2937 } 2938 removeOverflowingFooterLinks(); 2939 intervalCount ++; 2940 }, 200); 2941 2942 $('.smart-footer-link').on("click", function(){ 2943 if (typeof shUrlParams !== "undefined" && shUrlParams['source'] === undefined){ 2944 shUrlParams['source'] = 'footer'; 2945 sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams)); 2946 } 2947 2948 var visibleLinks = $('.smart-footer-link').map(function (e) { 2949 return $(this).data('type'); 2950 }).toArray().join(','); 2951 2952 universal_ga('send', 'event', { 2953 eventCategory: 'Button', 2954 eventAction: 'Click_footer_2', 2955 eventLabel: "type:" + $(this).data('type') + "|position:" + $(this).data('position') + "|visible:" + visibleLinks, 2956 transport: 'beacon' 2957 }); 2958 }); 2959 } 2960 2961 function removeOverflowingFooterLinks(){ 2962 var bottomNavLinks = document.querySelectorAll('#bottom-navbar .navbar-nav li'); 2963 var width_sum = 0; 2964 2965 bottomNavLinks.forEach(e => { 2966 width_sum += e.getBoundingClientRect().width; 2967 if ((width_sum) > window.innerWidth) { 2968 console.log(`%cLink %c${e.textContent} %cdeleted couldn't fit screen`,"color: #fff;background: #202124;", "background: red;color: #fff", "color: #fff;background: #202124;"); 2969 e.remove(); 2970 } 2971 }); 2972 } 2973 2974 function getUrlTarget(url){ 2975 if(url.startsWith('tel')){ 2976 return '_self'; 2977 } 2978 if(url.startsWith('/') || url.includes('tmt.spotapps.co') || url.includes(window.location.host)){ 2979 return '_self'; 2980 } 2981 return '_blank'; 2982 } 2983 2984 function npb() 2985 { 2986 var list= document.getElementsByClassName("bottom-list-item"); 2987 if (!list) return; 2988 2989 if (document.getElementById("bottom-navbar") == null){ 2990 return; 2991 } 2992 2993 var url = "" 2994 for (var i=0; i < all_cta_links.length; i++) 2995 { 2996 if (all_cta_links[i].cta_link_type == "order"){ 2997 url = all_cta_links[i].url; 2998 } 2999 } 3000 3001 if ( url == ""){ 3002 return; 3003 } 3004 3005 for (i=0; i < list.length; i++) 3006 { 3007 console.log(cta_link_matches_href(list[i].firstChild.href, url)); 3008 if (cta_link_matches_href(list[i].firstChild.href,url)) return; 3009 3010 }; 3011 3012 var item = list[list.length-1] 3013 document.getElementById("bottom-navbar").getElementsByClassName("nav navbar-nav")[0].appendChild(item.cloneNode(true)); 3014 var width_sum = 0; 3015 for (i=0; i < list.length; i++) { 3016 width_sum += list[i].getBoundingClientRect().width; 3017 } 3018 3019 var item = list[list.length-1] 3020 if ((width_sum - 10) > window.innerWidth) { item.parentNode.removeChild(item); console.log("link deleted couldn't fit screen"); return; } 3021 3022 item.firstChild.text = "Order"; 3023 item.firstChild.href = url; 3024 item.firstChild.id = "bottom_link_" + list.length; 3025 3026 $(item.firstChild).on("click", function(){ 3027 3028 if (typeof shUrlParams !== "undefined" && shUrlParams['source'] === undefined){ 3029 shUrlParams['source'] = 'footer'; 3030 sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams)); 3031 } 3032 3033 universal_ga('send', 'event', { 3034 eventCategory: 'Button', 3035 eventAction: 'Click', 3036 eventLabel: 'Plan B-2 Order', 3037 transport: 'beacon' 3038 }); 3039 }); 3040 3041 3042 } 3043 3044function activateSmartFooter(){ 3045 var smart_footer_active = true; 3046 var smart_footer_version = 2; 3047 var man_bottom_active = false;
3048 if(window.location.hash == '#smartFooterV2=enabled'){ 3049 smartFooterV2(); 3050 return; 3051 } 3052 if (smart_footer_active && !man_bottom_active){ 3053 if(smart_footer_version == 2 ){ 3054 smartFooterV2(); 3055 }else { 3056 npb(); 3057 } 3058 } 3059 } 3060 3061 activateSmartFooter(); 3062 3063 var corona_config_str = '{"id":673365,"spot_id":73247,"promote_pick_up":true,"promote_gift_cards":true,"promote_happy_hour":true,"promote_events":true,"instructions_on_food_page":false,"food_page_instruction_text":"","food_page_instruction_phone":"8016893476","created_at":"2025-12-01T16:56:39.370+00:00","updated_at":"2026-03-23T23:47:21.041+00:00","food_page_button_color":null,"food_page_button_text_color":null,"food_page_link_color":null,"food_page_text_color":null,"wine_and_beer_to_go_license":false,"all_alcoholic_to_go_lincense":false,"current_operating_status":"Offering To Go and Dine-in with Full Capacity","contact_tracing_active":false,"contact_tracing_text":"In cooperation with health guidelines for contact tracing, please fill out the form below.","contact_tracing_address_required":false,"collapse_all":false,"deliveries_priority_value":0,"pick_ups_priority_value":0,"reservations_priority_value":5,"private_parties_priority_value":5,"catering_priority_value":0,"gift_cards_priority_value":3,"jobs_priority_value":3,"food_and_drinks_priority_value":3,"specials_priority_value":3,"national_days_priority_value":0,"holidays_priority_value":3,"sports_priority_value":1,"walk_ins_priority_value":3,"collecting_emails_priority_value":4,"collecting_phone_numbers_priority_value":4,"growing_social_media_followers_priority_value":4,"increasing_revenue_vs_saving_time_priority_value":3,"events_priority_value":3,"shopping_cart_type":"TMT","shopping_cart_active":false}'; 3064 var corona_config = corona_config_str != '' ? JSON.parse('{"id":673365,"spot_id":73247,"promote_pick_up":true,"promote_gift_cards":true,"promote_happy_hour":true,"promote_events":true,"instructions_on_food_page":false,"food_page_instruction_text":"","food_page_instruction_phone":"8016893476","created_at":"2025-12-01T16:56:39.370+00:00","updated_at":"2026-03-23T23:47:21.041+00:00","food_page_button_color":null,"food_page_button_text_color":null,"food_page_link_color":null,"food_page_text_color":null,"wine_and_beer_to_go_license":false,"all_alcoholic_to_go_lincense":false,"current_operating_status":"Offering To Go and Dine-in with Full Capacity","contact_tracing_active":false,"contact_tracing_text":"In cooperation with health guidelines for contact tracing, please fill out the form below.","contact_tracing_address_required":false,"collapse_all":false,"deliveries_priority_value":0,"pick_ups_priority_value":0,"reservations_priority_value":5,"private_parties_priority_value":5,"catering_priority_value":0,"gift_cards_priority_value":3,"jobs_priority_value":3,"food_and_drinks_priority_value":3,"specials_priority_value":3,"national_days_priority_value":0,"holidays_priority_value":3,"sports_priority_value":1,"walk_ins_priority_value":3,"collecting_emails_priority_value":4,"collecting_phone_numbers_priority_value":4,"growing_social_media_followers_priority_value":4,"increasing_revenue_vs_saving_time_priority_value":3,"events_priority_value":3,"shopping_cart_type":"TMT","shopping_cart_active":false}') : null; 3065 3066 3067 //corona instuctions 3068 function show_corona_instructions(text, phone, btnText){ 3069 //format to US number 3070 var match = phone.match(/^(\d{3})(\d{3})(\d{4})$/); 3071 3072 if(corona_config.shopping_cart_type == "TMT" && corona_config.shopping_cart_active == true) { 3073 var linkLocation = "https://tmt.spotapps.co/ordering-menu/?spot_id="+corona_config.spot_id+"&images=yes&accordion=true"; 3074 var btnLinkLocation = "https://tmt.spotapps.co/ordering-menu/?spot_id="+corona_config.spot_id+"&images=yes&accordion=true"; 3075 }else { 3076 var linkLocation = 'tel:+1'+phone+''; 3077 var btnLinkLocation = 'tel:+1'+ match[1] + '-' + match[2] + '-' + match[3] +'' 3078 } 3079 var appendPhone = 'tel:+1'+phone+''; 3080 //inject html content 3081 if ($('.food-menu-nav').length) { 3082 //new template 3083 var pageEl = $('.food-menu-nav').css('margin','20px auto 10px auto'); 3084 var textColor = rgb2hex($('.section-header').css('color')); 3085 var linkColor = rgb2hex($('.food-menu-nav-item.active').css('background-color')); 3086 var fontSize = parseInt($('.food-menu-nav-item').css('font-size')); 3087 fontSize = fontSize + Math.round(fontSize * 0.25); 3088
3089 // var html = '<div id="show-corona-instructions" style="padding:20px;flex: 0 1 100%;" class="text-center"><p style="color:'+textColor+';">'+text+' <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="color:'+linkColor+';"href="tel:+1'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></p><a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="font-size:'+fontSize+'px" class="food-menu-nav-item custom-temp-btn hvr-fade active" href="tel:+1'+phone+'">'+btnText+'</a></div>'; 3090 var html = '<div id="show-corona-instructions" style="padding:20px;flex: 0 1 100%;" class="text-center"><p style="color:'+textColor+';">'+text+' <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="text-decoration: underline;color:'+textColor+';" href="tel:+1'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></p><a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="display: inline-block !important;font-size:'+fontSize+'px" class="food-menu-nav-item custom-temp-btn hvr-fade active" href="'+btnLinkLocation +'">'+btnText+'</a></div>'; 3091 3092 }else { 3093 //old template 3094 var pageEl = $('.tabnav'); 3095 var textColor = rgb2hex($('.menu-item-name-traditional').css('color')); 3096 var linkColor = rgb2hex($('.style-traditional .tabnav .nav>li.active>a').css('color')); 3097 3098 var linkTextColor = getContrast50(linkColor); 3099 var fontSize = parseInt($('.menu-item-name-traditional').css('font-size')); 3100 fontSize = fontSize + Math.round(fontSize * 0.25); 3101 var textTransform = $('.style-traditional .tabnav .nav>li>a').css('text-transform'); 3102 3103 // var html = '<div id="show-corona-instructions" style="padding:20px;flex: 0 1 100%;" class="text-center"><p style="color:'+textColor+';margin-bottom:20px;">'+text+' <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="color:'+linkColor+';"href="tel:+1'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></p><a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="margin: 20px auto; padding: 10px 50px 10px 30px; cursor: pointer; background-color: '+linkColor+'; background: '+linkColor+'; text-decoration: none; color: '+textColor+'; border: 2px solid '+linkColor+';font-size:'+fontSize+'px;text-transform: '+textTransform+'" href="tel:+1'+phone+'">'+btnText+'</a></div>'; 3104 var html = '<div id="show-corona-instructions" style="padding:20px;flex: 0 1 100%;" class="text-center"><p style="color:'+textColor+';margin-bottom:20px;">'+text+' <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="text-decoration: underline;color:'+textColor+';"href="tel:+1'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></p><a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Corona Instructions Phone\');" style="margin: 20px auto; padding: 10px 30px 10px 30px; cursor: pointer; background-color: '+linkColor+'; background: '+linkColor+'; text-decoration: none; color: '+linkTextColor+'; border: 2px solid '+linkColor+';font-size:'+fontSize+'px;text-transform: '+textTransform+'" href="'+btnLinkLocation+'">'+btnText+'</a></div>'; 3105 3106 } 3107 //html content 3108 pageEl.prepend(html); 3109 } 3110 3111 function rgb2hex(rgb) { 3112 if(typeof rgb !== "undefined"){ 3113 rgbColor = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); 3114 if (!rgbColor) { 3115 rgba = rgb.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(,\s*\d+\.*\d+)?\)$/); 3116 return "#" + hex(rgba[1]) + hex(rgba[2]) + hex(rgba[3]); 3117 } 3118 function hex(x) { 3119 return ("0" + parseInt(x).toString(16)).slice(-2); 3120 } 3121 return "#" + hex(rgbColor[1]) + hex(rgbColor[2]) + hex(rgbColor[3]); 3122 } 3123 return rgb; 3124 } 3125 3126 function getContrast50(hexcolor){ 3127 return (parseInt(hexcolor, 16) > 0xffffff/2) ? '#000':'#fff'; 3128 } 3129 3130 function show_corona_sidebar_instructions(text, phone){ 3131 //format to US number 3132 var match = phone.match(/^(\d{3})(\d{3})(\d{4})$/); 3133 var divWidth = 230; 3134 var top = 50; 3135 var linkSize = '1.6em'; 3136 var pSize = $('p').css('font-size'); 3137 var appendPhone = 'tel:+1'+phone+''; 3138 3139 if ($(window).width() < 1600) 3140 var top = 30; 3141 if ($(window).width() < 1200){ 3142 var divWidth = 180; 3143 var linkSize = '1.4em'; 3144 var pSize ='1.1em'; 3145 } 3146 3147 if($('.food-menu-nav').length){ //new template 3148 var textColor = $('.food-menu-nav-item.active').css('color'); 3149 var linkColor = $('.food-menu-nav-item.active').css('background-color'); 3150 3151 var linkTextColor = $('.food-menu-nav-item.active').css('color'); 3152 var parent = $('.food-menu-page'); 3153 } 3154 else { //old template 3155 var textColor = $('.menu-item-name-traditional').css('color'); 3156 var linkColor = $('.style-traditional .tabnav .nav>
3156li.active>a').css('color'); 3157 var parent = $('.food-menu').length ? $('.food-menu') : $('.drink-menu'); 3158 var linkTextColor = getContrast50(linkColor); 3159 } 3160 3161 // $(parent).append('<div id="corona-instructions-sidebar" style="display:none;position:fixed;width:'+divWidth+'px;top:'+top+'vh;right:0;background-color:'+linkColor+';padding:15px;text-align:center;color:'+textColor+';text-transform:uppercase;"><p style="margin:0 0 5px;font-size:'+pSize+';">'+text+'</p><i class="fa fa-phone" aria-hidden="true"></i> <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Food Page Side Element Phone\');" style="font-size:'+linkSize+';color:'+textColor+';" href="tel:+1'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></div>'); 3162 $(parent).append('<div id="corona-instructions-sidebar" style="display:none;position:fixed;width:'+divWidth+'px;top:'+top+'vh;right:0;background-color:'+linkColor+';padding:15px;text-align:center;color:'+linkTextColor+';text-transform:uppercase;"><p style="margin:0 0 5px;font-size:'+pSize+';">'+text+'</p><i class="fa fa-phone" aria-hidden="true"></i> <a onclick="ga(\'send\', \'event\', \'Button\', \'Click\', \'Food Page Side Element Phone\');this.href=\'' + appendPhone + '\';" style="font-size:'+linkSize+';color:'+linkTextColor+';" href="/call-us/'+phone+'">'+ match[1] + '-' + match[2] + '-' + match[3] +'</a></div>'); 3163 3164 //check if resolution is bigger than tablet resolution 3165/* if ($(window).width() > 991) { 3166 //detect scroll 3167 window.onscroll = function (e) { 3168 if ($(window).scrollTop() == 0) { 3169 $('#corona-instructions-sidebar').hide(); 3170 }else { 3171 $('#corona-instructions-sidebar').show(); 3172 } 3173 } 3174 } */ 3175 } 3176 3177 function check_corona_config(config){ 3178 console.log(config) 3179 if (config) { 3180 if (config.instructions_on_food_page && config.food_page_instruction_text && config.food_page_instruction_phone) { 3181 if (!config.promote_deliveries && config.promote_pick_up) { 3182 var btnText = 'Call For Pick Up'; 3183 } 3184 if (config.promote_deliveries && !config.promote_pick_up) { 3185 var btnText = 'Call For Delivery'; 3186 } 3187 if (config.promote_deliveries && config.promote_pick_up) { 3188 var btnText = 'Call For Pick Up Or Delivery'; 3189 } 3190 3191 if(typeof btnText !== "undefined"){ // check if pick up or delivery are true 3192 if(config.shopping_cart_type == "TMT" && config.shopping_cart_active == true) { 3193 var btnText = 'ORDER NOW'; 3194 if($('.food-menu-nav').length){ //new template 3195 var textColor = rgb2hex($('.section-header').css('color')); 3196 var linkColor = rgb2hex($('.food-menu-nav-item.active').css('background-color')); 3197 var fontSize = parseInt($('.food-menu-nav-item').css('font-size')); 3198 fontSize = fontSize + Math.round(fontSize * 0.25); 3199 } 3200 else { //old template 3201 var textColor = rgb2hex($('.menu-item-name-traditional').css('color')); 3202 var linkColor = rgb2hex($('.style-traditional .tabnav .nav>li.active>a').css('color')); 3203 3204 var linkTextColor = getContrast50(linkColor); 3205 var fontSize = parseInt($('.menu-item-name-traditional').css('font-size')); 3206 fontSize = fontSize + Math.round(fontSize * 0.25); 3207 } 3208 show_corona_instructions('For online orders, use our own <a style="text-decoration:underline;color: '+textColor+';" href="https://tmt.spotapps.co/ordering-menu/?spot_id='+config.spot_id+'&images=yes&accordion=true#"> commission free ordering platform! </a> or call:', config.food_page_instruction_phone, btnText); 3209 show_corona_sidebar_instructions(btnText, config.food_page_instruction_phone); 3210 } else { 3211 show_corona_instructions(config.food_page_instruction_text, config.food_page_instruction_phone, btnText); 3212 show_corona_sidebar_instructions(btnText, config.food_page_instruction_phone); 3213 } 3214 3215 } 3216 } 3217 } 3218 } 3219 3220 3221 if (is_food_menu_page() && !window.location.search.includes("contactless=true")){ 3222 $( document ).ready(function() { 3223 setTimeout(function(){ 3224 check_corona_config(corona_config); 3225 }, 300); 3226 }); 3227 } 3228 3229 3230 3231 function isPhone(phone){ 3232 var regex = /^(\+\d{1,2}\s?)?\(?\d{3}\)?[\s.-]?\d{3}[\s.-]?\d{4}$/; 3233 return regex.test(phone); 3234 } 3235 3236 function sendEmail_MT (input_id) { 3237 const $loader = $("[data-id=newsletter-widget-2] .sph-loading-img"); 3238 3239 const $step = { 3240 form: $("[data-id=newsletter-widget-2] .sph-email-form"), 3241 message: $("[data-id=newsletter-widget-2] .sph-response-message"), 3242 } 3243 3244 const $field = { 3245 email: $("[data-id=newsletter-widget-2] #sph-newsletter-input-" + input_id), 3246 phone: $("[data-id=newsletter-widget-2] #sph-newsletter-phone-" + input_id), 3247 consent: $("[data-id=newsletter-widget-2] #sph-newsletter-checkbox-phone-" + input_id), 3248 }; 3249 3250 const $error = { 3251 email: $("[data-id=newsletter-widget-2] #sph-newsletter-email-error-" + input_id), 3252 phone: $("[data-id=newsletter-widget-2] #sph-newsletter-phone-error-" + input_id), 3253 }; 3254 3255 if ($field.email.val().trim() === "") { 3256 $error.email 3257 .html("This field is required") 3258 .show(); 3259 } 3260 else if (!isEmail($field.email.val().trim())) { 3261 $error.email 3262 .html("Please use the format â[email protected]â") 3263 .show(); 3264 } else { 3265 $error.email 3266 .html("") 3267 .hide(); 3268 } 3269 3270 if ($field.consent.is(':checked') && $field.phone.val().trim() === "") { 3271 $error.phone 3272 .html("This field is required") 3273 .show(); 3274 } else if ($field.phone.val().trim().length > 0 && !isPhone($field.phone.val().trim())) { 3275 $error.phone 3276 .html("The phone number must contain 10 digits") 3277 .show(); 3278 } else { 3279 $error.phone 3280 .html("") 3281 .hide(); 3282 } 3283 3284 const errorField = $step.form.find('.sh-form-error:visible'); 3285 3286 if (errorField.length > 0) { 3287 const input = errorField.first().next(); 3288 3289 document.activeElement.blur(); 3290 3291 setTimeout(() => { 3292 input.focus(); 3293 }, 160) 3294 3295 return; 3296 } 3297 3298 $loader 3299 .show() 3300 .prev() 3301 .hide(); 3302 3303 $.ajax({ 3304 method: "POST", 3305 url: "https://www.spothopperapp.com/api/spots/73247/contacts/add_with_texting_permission", 3306 crossDomain: true, 3307 dataType: 'json', 3308 data: { 3309 email: $field.email.val().trim(), 3310 phone: $field.phone.val().trim(), 3311 texting_permission: $field.consent.is(':checked'), 3312 }, 3313 success: function (data) { 3314 afterRequestSubmission(data); 3315 }, 3316 error: function () { 3317 afterRequestSubmission("Something went wrong. Please try again later."); 3318 } 3319 }); 3320 3321 function afterRequestSubmission (data) { 3322 $step.form.hide(); 3323 3324 $step.message 3325 .html(data) 3326 .show() 3327 .trigger('focus'); 3328 } 3329 } 3330</script>
3330<script>function addPromotionParamsToTMTLinks() 3331{ 3332 if (sessionStorage.getItem('shUrlParams')) { 3333 let shParams = JSON.parse(sessionStorage.getItem('shUrlParams')); 3334 if (!Object.keys(shParams).length) 3335 return; 3336 if(!shParams.source) 3337 return; 3338 $('a').each(function () { 3339 if (this.href.includes('tmt.spotapps.co')) { 3340 if(this.href.includes('&source=') || this.href.includes('&destination=') || this.href.includes('&promotion=')) 3341 return; 3342 3343 this.href = this.href + '&source=' + shParams.source; 3344 if(shParams.destination) 3345 this.href = this.href + '&destination=' + shParams.destination; 3346 if(shParams.promotion) 3347 this.href = this.href + '&promotion=' + shParams.promotion; 3348 if(shParams.fb_post_id) 3349 this.href = this.href + '&fb_post_id=' + shParams.fb_post_id; 3350 if(shParams.email_post_id) 3351 this.href = this.href + '&email_post_id=' + shParams.email_post_id; 3352 } 3353 }) 3354 } 3355} 3356setTimeout(function() { 3357 addPromotionParamsToTMTLinks(); 3358 addFooterToSourceParam(); 3359},600) 3360 3361function addFooterToSourceParam() 3362{ 3363 $('.bottom-link').each(function (){ 3364 if(shouldAddSourceParam(this.href)) 3365 this.href = this.href + '&source=footer'; 3366 }) 3367 $('#sh-multiple-links-content-holder a').each(function (){ 3368 if(shouldAddSourceParam(this.href)) 3369 this.href = this.href + '&source=footer'; 3370 }) 3371} 3372function shouldAddSourceParam(link){ 3373 if (link.includes('tmt.spotapps.co') && !link.includes('&source=')){ 3374 return true; 3375 } 3376 return false; 3377} 3378</script>
3378<link href="https://static.spotapps.co/wcache-website-includes/assets/generic-form-BPJPlCcv.css" rel="stylesheet" media="screen"/>
3378<script type="module" crossorigin="crossorigin" src="https://static.spotapps.co/wcache-website-includes/assets/generic-form-CoiH5Vfl.js"></script>
3378<div id="sh-generic-form-widget"></div>
3378<script> 3379;(async () => { 3380if (typeof window.focusTrap === 'undefined') { 3381 await getScript('https://unpkg.com/tabbable/dist/index.umd.js'); 3382 await getScript('https://unpkg.com/focus-trap/dist/focus-trap.umd.js'); 3383} 3384 3385document.querySelectorAll('.modal').forEach((element) => { 3386 const trap = window.focusTrap?.createFocusTrap(element, { 3387 allowOutsideClick: true, 3388 }); 3389 3390 $(element).on('shown.bs.modal', () => { 3391 trap?.activate(); 3392 }); 3393 3394 $(element).on('hidden.bs.modal', () => { 3395 trap?.deactivate(); 3396 }); 3397}); 3398 3399async function getScript (source) { 3400 return new Promise((resolve, reject) => { 3401 const script = document.createElement('script'); 3402 script.src = source; 3403 script.async = true; 3404 3405 script.onload = resolve; 3406 script.onerror = reject; 3407 3408 document.head.appendChild(script); 3409 }); 3410} 3411})(); 3412</script>
3412<script src="https://wcache-plugins.spotapps.co/production/wcpl_bootstrap_ada_fix/wcpl_bootstrap_ada_fix.js"></script>
3412<link href="https://wcache-plugins.spotapps.co/production/wcpl_bday_club/wcpl_bday_club.css" rel="stylesheet" media="screen"/>
3412<script src="https://wcache-plugins.spotapps.co/production/wcpl_bday_club/wcpl_bday_club.js"></script>
3412<script src="https://wcache-plugins.spotapps.co/production/wcpl_ga_tracking/wcpl_ga_tracking.js"></script>
3412<script src="https://wcache-plugins.spotapps.co/production/wcpl_media_controls/script.js"></script>
3412<link href="https://wcache-plugins.spotapps.co/production/wcpl_website_editor_interpreter/website_interpreter_helper_style.css" rel="stylesheet" media="screen"/>
3412<script>var changes_log_array = {};</script>
3412<script src="https://wcache-plugins.spotapps.co/production/wcpl_website_editor_interpreter/website_interpreter.js"></script>
3412</body></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.