PageSourceSearch

https://utogbrewing.com/

html utogbrewing.com collected 2026-10-04 08:27:52 UTC 184,720 bytes, 3,412 lines download raw bytes

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&apos;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 &amp; 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&apos;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&apos;s a natural fit for your gatherings. Tell us your occasion and guest count, and let&apos;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 &quot;one more round.&quot; 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&apos;ve got an easy reason to stay awhile. Choose your time, lock in your seats, and we&apos;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&apos;re upbeat, reliable, and calm under pressure, you&apos;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&apos;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&apos;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">&#8249</button>', '<button aria-label="next review">&#8250</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.