1<!DOCTYPE html> 2�<html lang="en"><head><meta content="null" property="og:site_name"/><meta content="http://theabgb.com/" property="og:url"/><meta content="website" property="og:type"/><meta content="Enjoy award-winning beer, fresh food, live music and community events at The Austin Beer Garden Brewing Company." property="og:description"/><meta content="The ABGB - Austin Brewery & Beer Garden" property="og:title"/><!-- wcache 2026-09-24 17:14:54.688281Z --><!-- 3smart_footer: true, 4smart_footer_version: 2, 5scripting_active: false 6--><link href="https://theabgb.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="Enjoy award-winning beer, fresh food, live music and community events at The Austin Beer Garden Brewing Company." name="description"/><meta content="" name="author"/><meta content="https://static.spotapps.co/website_images/ab_websites/60189_website_v2/about_main.jpg" property="og:image"/><meta content="The Austin Beer Garden Brewing Company image" property="og:image:alt"/><meta content="image/png" property="og:image:type"/><meta content="128026944002380" property="fb:app_id"/><meta content="summary_large_image" name="twitter:card"/><meta content="The Austin Beer Garden Brewing Company - 78704, Austin, TX" name="twitter:title"/><meta content="Our philosophy: Beer Makes It Better. We believe our beer has the power to make everything better. A fresh, hot pizza. A nice big Muffaletta sandwich. A great band on Saturday night. And han..." name="twitter:description"/><meta content="https://static.spotapps.co/website_images/ab_websites/60189_website_v2/about_main.jpg" name="twitter:image"/><title>The ABGB - Austin Brewery & Beer Garden</title><!-- wbv 1.62.0 --><meta content="1.62.0" name="wbv"/>
6<script>document.cookie='resolution='+Math.max(screen.width,screen.height)+("devicePixelRatio" in window ? ","+devicePixelRatio : ",1")+'; path=/';</script>
6<link href="https://static.spotapps.co/website_images/ab_websites/60189_website_v2/favicons/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png"/><link href="https://static.spotapps.co/website_images/ab_websites/60189_website_v2/favicons/favicon.svg" rel="icon" type="image/svg+xml"/><link href="https://static.spotapps.co/website_images/ab_websites/60189_website_v2/favicons/favicon.ico" rel="shortcut icon"/><link href="https://static.spotapps.co/website_images/ab_websites/60189_website_v2/favicons/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"/><meta content="The Austin Beer Garden Brewing Company" name="apple-mobile-web-app-title"/><link href="https://static.spotapps.co/website_images/ab_websites/60189_website_v2/favicons/site.webmanifest" rel="manifest"/><link href="https://static.spotapps.co/web/theabgb--com/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/theabgb--com/lib/gallery/gallery.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/theabgb--com/lib/fancybox/source/jquery.fancybox.css" media="screen" rel="stylesheet" type="text/css"/><link href="https://static.spotapps.co/web/theabgb--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/theabgb--com/lib/uikit/css/uikit.docs.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/theabgb--com/lib/uikit/css/slidenav.css" rel="stylesheet"/><!-- Google tag (gtag.js) -->
vendor: 71 bytes, line 6
6<script async="async" src="https://www.googletagmanager.com/gtag/js?id=
6G-T3S54SHX68
vendor: 11 bytes, line 6
6"></script>
6<script> 7
vendor: 133 bytes, lines 7-10
7window.dataLayer = window.dataLayer || []; 8 function gtag(){dataLayer.push(arguments);} 9 gtag('js', new Date()); 10 gtag('config', '
10G-T3S54SHX68
vendor: 7 bytes, lines 10-11
10'); 11
11gtag('set', 'linker', {'domains': ['tmt.spotapps.co','spothopperapp.com']}); 12 gtag('config', 'G-YE4SJ2ZCLY'); 13 gtag('config', 'G-VG24VK2VKT'); 14</script>
14<!-- Google Tag Manager -->
14<script>
vendor: 327 bytes, lines 14-18
14(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 15new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 16j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 17'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 18})(window,document,'script','dataLayer','
18GTM-M9P9TLNZ
vendor: 3 bytes, line 18
18');
18</script>
18<!-- End Google Tag Manager --><link href="https://static.spotapps.co/web/theabgb--com/lib/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/theabgb--com/lib/hover_css/css/hover-min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/theabgb--com/lib/owlcarousel/owl.carousel.min.css" rel="stylesheet"/><link href="https://static.spotapps.co/web/theabgb--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/theabgb--com/css/style.css?version2" id="mainCSS" rel="stylesheet"/><link href="https://static.spotapps.co/web/theabgb--com/css/bottom_navigation_v1.css?v1790168267" rel="stylesheet"/><link href="css/custom.css?v1790168267&domain=theabgb.com" rel="stylesheet"/><link href="https://static.spotapps.co/web/theabgb--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/theabgb--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]> 19
19<script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
19 20
20<script src="//oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
20 21 <![endif]-->
21<script type="application/ld+json"> 22 { 23 "@context": "https://schema.org", 24 "@graph": [ 25 { 26 "@type": ["Brewery", "Restaurant", "BarOrPub"], 27 "@id": "https://theabgb.com/#business", 28 "name": "The Austin Beer Garden Brewing Company", 29 "alternateName": "The ABGB", 30 "description": "Our philosophy: Beer Makes It Better. We believe our beer has the power to make everything better. A fresh, hot pizza. A nice big Muffaletta sandwich. A great band on Saturday night. And hanging out in the shade of our beer garden with your pup, friends, and fellow Austinites.", 31 "url": "https://theabgb.com/", 32 "image": "https://static.spotapps.co/website_images/ab_websites/60189_website_v2/about_main.jpg", 33 "telephone": "+1-512-298-2242", 34 "email": "[email protected]", 35 "servesCuisine": ["American", "Pizza", "Sandwiches"], 36 "priceRange": "$$", 37 "address": { 38 "@type": "PostalAddress", 39 "streetAddress": "1305 West Oltorf Street", 40 "addressLocality": "Austin", 41 "addressRegion": "TX", 42 "postalCode": "78704", 43 "addressCountry": "US" 44 }, 45 "hasMap": "https://www.google.com/maps/dir/?api=1&destination=The%20Austin%20Beer%20Garden%20Brewing%20Company&destination_place_id=ChIJs6-KANy0RIYRRTcMhnhoFaE", 46 "openingHoursSpecification": [ 47 { 48 "@type": "OpeningHoursSpecification", 49 "dayOfWeek": ["Tuesday", "Wednesday", "Thursday"], 50 "opens": "11:30", 51 "closes": "22:00" 52 }, 53 { 54 "@type": "OpeningHoursSpecification", 55 "dayOfWeek": "Friday", 56 "opens": "11:30", 57 "closes": "23:00" 58 }, 59 { 60 "@type": "OpeningHoursSpecification", 61 "dayOfWeek": "Saturday", 62 "opens": "12:00", 63 "closes": "23:00" 64 }, 65 { 66 "@type": "OpeningHoursSpecification", 67 "dayOfWeek": "Sunday", 68 "opens": "12:00", 69 "closes": "22:00" 70 } 71 ], 72 "hasMenu": { 73 "@type": "Menu", 74 "hasMenuSection": [ 75 { 76 "@type": "MenuSection", 77 "name": "Food Menu", 78 "url": "https://theabgb.com/food-menu" 79 }, 80 { 81 "@type": "MenuSection", 82 "name": "Drink Menu", 83 "url": "https://theabgb.com/drink-menu" 84 } 85 ] 86 }, 87 "makesOffer": [ 88 { 89 "@type": "Offer", 90 "name": "Happy Hour", 91 "url": "https://theabgb.com/specials" 92 }, 93 { 94 "@type": "Offer", 95 "name": "Taco Tuesday", 96 "url": "https://theabgb.com/food-menu" 97 } 98 ], 99 "event": { 100 "@type": "EventSeries", 101 "name": "The ABGB Calendar", 102 "location": { 103 "@id": "https://theabgb.com/#business" 104 }, 105 "url": "https://theabgb.com/events" 106 }, 107 "amenityFeature": [ 108 { 109 "@type": "LocationFeatureSpecification", 110 "name": "Free Parking Lot" 111 }, 112 { 113 "@type": "LocationFeatureSpecification", 114 "name": "Live Music Stage" 115 }, 116 { 117 "@type": "LocationFeatureSpecification", 118 "name": "Outdoor Beer Garden" 119 }, 120 { 121 "@type": "LocationFeatureSpecification", 122 "name": "Dog Friendly" 123 } 124 ], 125 "sameAs": [ 126 "https://www.facebook.com/128026944002380", 127 "https://www.instagram.com/theabgb" 128 ], 129 "potentialAction": { 130 "@type": "OrderAction", 131 "target": "https://order.toasttab.com/online/the-austin-beer-garden-brewing-co", 132 "name": "Order Online" 133 } 134 }, 135 {
136 "@type": "EventVenue", 137 "@id": "https://theabgb.com/parties#venue", 138 "name": "The ABGB Event Space", 139 "url": "https://theabgb.com/parties", 140 "description": "Event space for birthday parties, rehearsal dinners, corporate events, and other private gatherings.", 141 "address": { 142 "@type": "PostalAddress", 143 "streetAddress": "1305 West Oltorf Street", 144 "addressLocality": "Austin", 145 "addressRegion": "TX", 146 "postalCode": "78704", 147 "addressCountry": "US" 148 } 149 } 150 ] 151 } 152 </script>
152<style> 153 154#accessibility-footer { 155 padding: 20px 5px; 156 background-color: #353638; 157 color: #fff; 158 text-align: center; 159} 160#accessibility-footer p { 161 margin: 0; 162 padding: 0; 163 font-family: inherit; 164 font-size: initial; 165 color: #fff; 166} 167#accessibility-footer .accessibility-link { 168 display: inline-block; 169 color: inherit; 170 text-decoration: underline; 171 font-weight: 600; 172} 173 174@media (max-width: 767px) { 175 #accessibility-footer .accessibility-link { 176 display: block; 177 } 178 179 /* additionl css in case that there is a CTA mobile bar (id="bottom-navbar") on the website */ 180 #accessibility-footer { 181 position: relative; 182 top: -60px; 183 padding-bottom: 70px; 184 } 185} 186 187</style>
187<script src="https://static.spotapps.co/websites/lib/lazysizes/lazysizes.min.js" async=""></script>
187<script> var ga4_tracking_code='G-YE4SJ2ZCLY';</script>
187<script> 188function ga_check(){ 189 return true; 190} 191</script>
191<script> 192function universal_ga(action, type, category, ev_action, label){ 193 if(typeof ga === 'function') 194 { 195 if(!(action && label)) 196 ga(action, type, category) 197 else 198 ga(action, type, category, ev_action, label) 199 } 200 201 if(typeof gtag === 'function') 202 { 203 if(!(action && label)) 204 { 205 hash = category 206 ev_label = hash["eventLabel"] 207 var splits = ev_label.match(/.{1,100}/g) ?? []; 208 delete(hash["eventLabel"]) 209 210 if(splits.length <= 1) 211 hash["eventLabel"] = ev_label 212 else 213 { 214 for (let i = 0; i < splits.length; i++) { 215 var key = "eventLabel_"+i 216 hash[key] = splits[i] 217 } 218 } 219 console.log(hash) 220 gtag("event", hash["eventCategory"], hash); 221 } 222 else 223 { 224 var hash = { 225 eventCategory: category, 226 eventAction: ev_action 227 } 228 229 var splits = label.match(/.{1,100}/g) ?? []; 230 if(splits.length <= 1) 231 hash["eventLabel"] = label 232 else 233 { 234 for (let i = 0; i < splits.length; i++) { 235 var key = "eventLabel_"+i 236 hash[key] = splits[i] 237 } 238 } 239 gtag("event", hash["eventCategory"], hash); 240 } 241 } 242} 243</script>
243<script> function getPromotionUrlParams(){ 244 var params_str = sessionStorage.getItem('shUrlParams'); 245 if (params_str != null){ 246 return JSON.parse(params_str); 247 }else{ 248 return {}; 249 } 250 } 251 252 function getPromotionSourceDetails(){ 253 var params_str = localStorage.getItem('promotionSourceDetails'); 254 if (params_str != null){ 255 return JSON.parse(params_str); 256 }else{ 257 return {}; 258 } 259 } 260 261 function getLastEmailVisitInDays(){ 262 var promotionSourceDetails = getPromotionSourceDetails(); 263 if (!promotionSourceDetails['last_visit_email'] ){ 264 return null; 265 } 266 return Math.floor((new Date() - new Date(promotionSourceDetails['last_visit_email'])) / (1000 * 60 * 60 * 24)); 267 } 268 269 function getLastSocialVisitInDays(){ 270 var promotionSourceDetails = getPromotionSourceDetails(); 271 if (!promotionSourceDetails['last_visit_social'] ){ 272 return null; 273 } 274 return Math.floor((new Date() - new Date(promotionSourceDetails['last_visit_social'])) / (1000 * 60 * 60 * 24)); 275 } 276 277 var shUrlParams = getPromotionUrlParams(); 278 var promotionSourceDetails = getPromotionSourceDetails(); 279 280 new URL(document.location).searchParams.forEach(function(value, paramName){ 281 282 shUrlParams[paramName] = value; 283 284 if (paramName == 'source' && value =='social' ){ 285 promotionSourceDetails['last_visit_social'] = new Date(); 286 localStorage.setItem('promotionSourceDetails', JSON.stringify(promotionSourceDetails)); 287 } 288 289 if (paramName == 'source' && value =='email' ){ 290 promotionSourceDetails['last_visit_email'] = new Date(); 291 localStorage.setItem('promotionSourceDetails', JSON.stringify(promotionSourceDetails)); 292 } 293 294 }); 295 296 sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams)) 297</script>
297<style>a:focus:not(:focus-visible){outline:none;box-shadow:none;} 298a.get-directions-footer-link{display:inline-block;transform-origin:left center;transition:transform .2s ease;} 299a.get-directions-footer-link:hover{transform:scale(1.08);} 300@media (prefers-reduced-motion:reduce){a.get-directions-footer-link{transition:none;transform:none;}} 301a.get-directions-footer-link,a.get-directions-footer-link:hover{color:inherit!important;}</style></head><body class="home-page" data-spot-id="60189"><style>.promotion-pop-up .modal-dialog { 302 margin: 0 auto; 303 top: 0; 304 transition: none; 305} 306.promotion-pop-up.fade .modal-dialog { 307 transform: none !important; 308} 309 310.promotion-pop-up .modal-content { 311 display: none; 312 border-radius: 6px; 313 background-color: #fff; 314 background-image: none; 315} 316.promotion-pop-up .modal-header { 317 border: none; 318 margin-bottom: 8px; 319} 320.promotion-pop-up .close { 321 position: absolute; 322 top: 15px; 323 right: 15px; 324 font-size: 3em; 325 font-weight: normal; 326 line-height: 0.8em; 327 color: #000; 328 opacity: 0.8; 329} 330.promotion-pop-up .modal-body { 331 margin: 20px 20px 10px 20px; 332 padding-top: 5px; 333 text-align: center; 334 color: initial; 335} 336.promotion-pop-up .modal-footer { 337 padding-bottom: 40px; 338 border-top: none; 339 text-align: center; 340} 341 342.promotion-pop-up .btn { 343 display: inline-block; 344 max-width: 90%; 345 padding: 10px 50px; 346 font-size: 1.2em; 347 background-color: #000000; 348 color: #fff; 349 transform: scale(1); 350 -webkit-transition: all 0.3s ease; 351 -moz-transition: all 0.3s ease; 352 -o-transition: all 0.3s ease; 353 transition: all 0.3s ease; 354} 355.promotion-pop-up .btn:hover { 356 background-color: #1a1a1a; 357 color: #e0e0e0; 358 box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.3); 359 transform: scale(0.98); 360} 361 362.promotion-pop-up .btn:active { 363 background-color: #0f0f0f; 364 color: #cccccc; 365 box-shadow: 366 inset 0 2px 4px rgba(255, 255, 255, 0.08), 367 inset 0 -2px 2px rgba(0, 0, 0, 0.4); 368 transform: scale(0.94); 369} 370 371.promotion-pop-up h2 { 372 margin: 5px 5px 10px 5px; 373 font-size: 2.1em; 374 line-height: 1.3; 375 color: inherit; 376 /*font-family: unset;*/ 377} 378.promotion-pop-up h3 { 379 font-size: 1.5em; 380 margin: 5px 5px 15px 5px; 381 font-family: unset; 382 text-transform: inherit; 383} 384.promotion-pop-up p { 385 margin-top: 30px; 386} 387.promotion-pop-up .modal-body a { 388 color: initial; 389} 390 391.promotion-pop-up .modal-plain-text h3 { 392 padding-top: 10px; 393} 394 395.promotion-pop-up .modal-body.modal-image-and-button { 396 overflow: auto; 397 margin: 20px; 398 padding-top: 0; 399 padding-bottom: 0; 400} 401.promotion-pop-up .modal-body.modal-image-and-button img { 402 max-height: 60vh; 403 max-width: 100%; 404} 405.promotion-pop-up .modal-body.modal-image-and-button p { 406 margin-top: 15px; 407 margin-bottom: 10px; 408} 409 410@media only screen and (max-width: 1024px) { 411 .promotion-pop-up .modal-body.modal-image-and-button { 412 margin-bottom: 10px; 413 } 414 .promotion-pop-up h2 { 415 font-size: 1.9em; 416 } 417 .promotion-pop-up h3 { 418 font-size: 1.4em; 419 } 420 .promotion-pop-up .modal-body.modal-image-and-button img { 421 max-height: 65vh; 422 } 423} 424 425@media only screen and (max-width: 767px) { 426 .promotion-pop-up .modal-dialog { 427 margin: 0 10px; 428 } 429 .promotion-pop-up .modal-body { 430 margin-top: 18px; 431 } 432 .promotion-pop-up .modal-body.modal-image-and-button img { 433 max-height: 55vh; 434 } 435 .promotion-pop-up h2 { 436 font-size: 1.8em; 437 } 438 .promotion-pop-up h3 { 439 font-size: 1.3em; 440 } 441 .promotion-pop-up .modal-body.modal-image-and-button p { 442 font-size: 1.1em; 443 } 444} 445@media only screen and (max-width: 500px) { 446 .promotion-pop-up .modal-footer { 447 padding-top: 10px; 448 padding-bottom: 35px; 449 } 450 .promotion-pop-up .modal-body { 451 margin: 17px 15px 5px 15px; 452 } 453 .promotion-pop-up .btn { 454 padding: 9px 40px; 455 font-size: 1.1em; 456 } 457 .promotion-pop-up .modal-body.modal-image-and-button img { 458 max-height: 50vh; 459 } 460} 461@media only screen and (max-width: 400px) { 462 .promotion-pop-up h2 { 463 font-size: 1.7em; 464 } 465 .promotion-pop-up h3 { 466 font-size: 1.2em; 467 } 468 .promotion-pop-up .btn { 469 padding: 8px 35px; 470 font-size: 1.1em; 471 } 472}</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="//static.spotapps.co/spots/d4/4cf075bf7d4464b02f5c52251d04d8/:original" data-internalname="custom_promotion" data-is-custom-link="false" data-is-template-image-and-button="true" data-link-url="https://theabgb.com/events?source=pop_up&spot_id=60189&destination=events&promotion=custom_promotion" id="8299103"><!-- 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 -->
472<div class="modal-body modal-image-and-button"><img alt="" src="//static.spotapps.co/spots/d4/4cf075bf7d4464b02f5c52251d04d8/:original"/><p>We've got college football on the big screens inside and out. Check our calendar for which games we'll be showing.</p></div><div class="modal-footer"><a class="btn btn-modal" data-href="https://theabgb.com/events?source=pop_up&spot_id=60189&destination=events&promotion=custom_promotion" href="https://theabgb.com/events?source=pop_up&spot_id=60189&destination=events&promotion=custom_promotion">Game Schedule</a></div></div></div></div><style> 473.prom-bar { 474 position: fixed; 475 left: 0; 476 width: 100%; 477 height: 40px; 478 padding: 5.5px 20px; 479 background-color: #353638; 480 text-align: center; 481 color: #fff; 482 z-index: 100; 483 } 484 485.prom-bar-plugin-container{ 486 display: none; 487} 488 489.prom-bar p { 490 display: inline-block; 491 margin-bottom: 0; 492 } 493 494.prom-bar-plugin-desktop a { 495 margin-left: 20px; 496 padding: 4px 20px; 497 border-radius: 0; 498 /*background-color: #5e0e0e;*/ 499 background-color: white; 500 color: black; 501 } 502 503.prom-bar-plugin-desktop a:hover { 504 /*background-color: #470a0a; 505 color: #d3d3d3;*/ 506 color: #555; 507 } 508 509.prom-bar-plugin-desktop a:focus { 510 /*background-color: #5e0e0e;*/ 511 color: #777; 512 } 513 514.prom-bar-plugin-mobile { 515 display: none; 516 } 517 518.prom-bar-plugin-desktop p { 519 font-size: 1.1em; 520 } 521 522.prom-bar-plugin-desktop *+p{ 523 margin: 0; 524 } 525 526.top-contact-bar { 527 display: none; 528 } 529 530@media (max-width: 768px) { 531 .prom-bar-plugin-mobile { 532 display: inline-block; 533 line-height: 1.6em; 534 font-size: 1.1em; 535 color: #fff; 536 } 537 538 .prom-bar-plugin-mobile a { 539 text-decoration: underline; 540 color: inherit; 541 } 542 543 .prom-bar-plugin-desktop p { 544 display: none; 545 } 546 547 .prom-bar-plugin-desktop a { 548 display: none; 549 } 550} 551</style><div class="prom-bar" id="prom-bar-plugin"><div class="prom-bar-plugin-container" data-internalname="private_parties" data-link-url="https://theabgb.com/parties"><div aria-label="banner-Book your party" class="prom-bar-plugin-desktop" role="region"><p>Parties & Groups - Got a birthday party, rehearsal dinner, corporate or other event coming up? Inquire today about our event space options!</p><a class="btn btn-sm" href="https://theabgb.com/parties">Book your party</a></div><div aria-label="banner-mobile-Book your party" class="prom-bar-plugin-mobile" role="region"><a href="javascript:void(0)" onclick="location.href='https://theabgb.com/parties'">Parties & Groups - Got a birthday party, rehearsal dinner, corporate or other event coming up? Inquire today about our event space options!</a></div></div></div><!-- Google Tag Manager (noscript) --><noscript><iframe height="0" src="https://www.googletagmanager.com/ns.html?id=GTM-M9P9TLNZ" style="display:none;visibility:hidden" width="0"></iframe></noscript><!-- End Google Tag Manager (noscript) --><style> 552 553 .nav-v7 .navbar-logo .container { 554 height: 90px; 555 } 556 .nav-v7 .navbar-logo .header-logo img { 557 max-height: 90px; 558 } 559 560 561.navbar.nav-v6 .navbar-logo .container { 562 height: 110px; 563 padding-top: 10px; 564 padding-bottom: 10px; 565} 566.navbar.nav-v6.nav-scroll .navbar-logo .container { 567 height: 80px; 568 padding-top: 0px; 569 padding-bottom: 0px; 570} 571.navbar.nav-v6 .header-logo img { 572 max-width: 100%; 573} 574.navbar.nav-v6.nav-scroll .header-logo img { 575 max-width: 80%; 576} 577.nav-v7 .navbar-logo .header-logo img { 578 max-height: 110px; 579} 580.nav-v7.nav-scroll .navbar-logo .header-logo img { 581 max-height: 80px; 582} 583 584@media (max-width: 767px) { 585 /* DO NOT change mobile nav height on page scroll */ 586 .navbar.nav-v6 .navbar-header, 587 .navbar.nav-v6.nav-scroll .navbar-header { 588 padding-top: 10px; 589 padding-bottom: 10px; 590 } 591 .navbar.nav-v6 .socialnav, 592 .navbar.nav-v6.nav-scroll .socialnav { 593 margin-top: 10px; 594 } 595 .navbar.nav-v6 .container, 596 .navbar.nav-v6.nav-scroll .container { 597 padding-top: 0; 598 padding-bottom: 0; 599 } 600 .navbar.nav-v6 .header-logo, 601 .navbar.nav-v6.nav-scroll .header-logo { 602 height: 70px; 603 } 604 .navbar.nav-v6 .header-logo img { 605 max-height: 100%; 606 } 607 .navbar.nav-v6.nav-scroll .header-logo img { 608 max-width: 100%; 609 } 610 /* HOME page CHANGE mobile nav height on page scroll */ 611 /* Remove body.home-page from below code if there should be mobile nav height change on ALL pages */ 612 body.home-page .navbar.nav-v6 .navbar-header { 613 padding-top: 10px; 614 padding-bottom: 10px; 615 } 616 body.home-page .navbar.nav-v6.nav-scroll .navbar-header{ 617 padding-top: 0px; 618 padding-bottom: 0px; 619 } 620 body.home-page .navbar.nav-v6 .socialnav { 621 margin-top: 10px; 622 } 623 body.home-page .navbar.nav-v6.nav-scroll .socialnav { 624 margin-top: 0px; 625 } 626 body.home-page .navbar.nav-v6 .container{ 627 padding-top: 0; 628 padding-bottom: 0; 629 } 630 body.home-page .navbar.nav-v6.nav-scroll .container { 631 padding-top: 0; 632 padding-bottom: 0; 633 } 634 body.home-page .navbar.nav-v6 .header-logo { 635 height: 70px; 636 } 637 body.home-page .navbar.nav-v6.nav-scroll .header-logo { 638 height: 50px; 639 } 640 body.home-page .navbar.nav-v6 .header-logo img { 641 max-height: 100%; 642 max-width: 100%; 643 } 644 body.home-page .navbar.nav-v6.nav-scroll .header-logo img { 645 max-width: 80%; 646 } 647} 648 649 650.navbar-regular .navbar-collapse.collapse.in { 651 background-color: transparent; 652 width: 100%; 653} 654.navbar.nav-v6 .navbar-tabs { 655 background-color: #000; 656 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 657 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 658 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 659} 660.navbar.nav-v6.nav-scroll .navbar-tabs { 661 background-color: #000; 662 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2); 663 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2); 664 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2); 665} 666.drink-menu .navbar.nav-v6 .navbar-tabs { 667 background-color: #000; 668 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 669 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 670 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 671} 672.drink-menu .navbar.nav-v6.nav-scroll .navbar-tabs { 673 background-color: #000; 674 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2); 675 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2); 676 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2); 677} 678li.drop-down-link .sub-menu { 679 background-color: #000; 680 color: #fff; 681 } 682.nav-scroll li.drop-down-link .sub-menu { 683 background-color: #000; 684 color: #fff; 685} 686.drink-menu li.drop-down-link .sub-menu { 687 background-color: #000; 688 color: #fff; 689} 690.drink-menu .nav-scroll li.drop-down-link .sub-menu { 691 background-color: #000; 692 color: #fff; 693} 694li.drop-down-link .sub-menu a, 695li.drop-down-link div.drop-down { 696 color: #fff; 697} 698.nav-scroll li.drop-down-link .sub-menu a, 699.nav-scroll li.drop-down-link div.drop-down { 700 color: #fff; 701} 702.drink-menu li.drop-down-link .sub-menu a, 703.drink-menu li.drop-down-link div.drop-down { 704 color: #fff; 705} 706.drink-menu .nav-scroll li.drop-down-link .sub-menu a, 707.drink-menu .nav-scroll li.drop-down-link div.drop-down { 708 color: #fff; 709} 710 711.navbar.nav-v6 .navbar-logo { 712 background-color: #000; 713} 714.navbar.nav-v6.nav-scroll .navbar-logo { 715 background-color: #000; 716} 717.drink-menu .navbar.nav-v6 .navbar-logo { 718 background-color: #000; 719} 720.drink-menu .navbar.nav-v6.nav-scroll .navbar-logo { 721 background-color: #000; 722} 723 724.navbar-regular.nav-v6 .navbar-nav>li>a, 725.navbar-regular.nav-v6 .navbar-nav>li>a:hover, 726.navbar-regular.nav-v6 .navbar-nav>.active>a, 727.navbar-regular.nav-v6 .navbar-nav>.active>a:focus, 728.navbar-regular.nav-v6 .navbar-nav>.active>a:hover{ 729 border: none; 730 border-right: 1px solid #fff; 731 background-color: transparent; 732 color: #fff; 733} 734.navbar-regular.nav-v6 .navbar-nav>li>a { 735 color: #fff; 736} 737.drink-menu .navbar.nav-v6 .navbar-nav>li>a { 738 color: #fff; 739 border-right: 1px solid #fff; 740} 741.drink-menu .navbar-regular.nav-v6 .navbar-nav>li>a:hover, 742.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a, 743.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:focus, 744.drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:hover{ 745 color: #fff; 746} 747 748li.drop-down-link .sub-menu a:hover, 749li.drop-down-link .sub-menu a:focus{ 750 color: #fff; 751} 752.drink-menu li.drop-down-link .sub-menu a:hover, 753.drink-menu li.drop-down-link .sub-menu a:focus { 754 color: #fff; 755} 756 757.navbar-regular.nav-v7 .navbar-contact .navbar-nav>li>a, 758.navbar-regular.nav-v7 .navbar-contact .navbar-nav>li>a:hover, 759.navbar-regular.nav-v7 .navbar-contact .navbar-nav>.active>a, 760.navbar-regular.nav-v7 .navbar-contact .navbar-nav>.active>a:focus, 761.navbar-regular.nav-v7 .navbar-contact .navbar-nav>.active>a:hover{ 762 color: #fff; 763} 764.navbar-regular.nav-v7 .navbar-contact .navbar-nav>li>a { 765 color: #fff; 766} 767.drink-menu .navbar.nav-v7 .navbar-nav>li>a { 768 color: #fff; 769} 770.drink-menu .navbar-regular.nav-v7 .navbar-contact .navbar-nav>li>a { 771 color: #fff; 772} 773.drink-menu .navbar-regular.nav-v7 .navbar-contact .navbar-nav>li>a:hover, 774.drink-menu .navbar-regular.nav-v7 .navbar-contact .navbar-nav>.active>a, 775.drink-menu .navbar-regular.nav-v7 .navbar-contact .navbar-nav>.active>a:focus, 776.drink-menu .navbar-regular.nav-v7 .navbar-contact .navbar-nav>.active>a:hover {
777 color: #fff; 778} 779 780.navbar-regular.nav-v6 .navbar-toggle .icon-bar { 781 background-color: #fff; 782} 783.drink-menu .navbar-regular.nav-v6 .navbar-toggle .icon-bar { 784 background-color: #fff; 785} 786.navbar-regular.nav-v6 [aria-expanded="true"].navbar-toggle .icon-bar { 787 background-color: #fff; 788} 789.drink-menu .navbar-regular.nav-v6 [aria-expanded="true"].navbar-toggle .icon-bar { 790 background-color: #fff; 791} 792.navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a, 793.navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover, 794.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a, 795.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus, 796.navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover{ 797 border: none; 798 border-right: 1px solid #fff; 799 color: #fff; 800} 801.navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a { 802 color: #fff; 803} 804.drink-menu .navbar.nav-v6.nav-scroll .navbar-nav>li>a { 805 color: #fff; 806 border-right: 1px solid #fff; 807} 808.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover, 809.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a, 810.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus, 811.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover { 812 color: #fff; 813} 814 815.nav-scroll li.drop-down-link .sub-menu a:hover, 816.nav-scroll li.drop-down-link .sub-menu a:focus { 817 color: #fff; 818} 819.drink-menu .nav-scroll li.drop-down-link .sub-menu a:hover, 820.drink-menu .nav-scroll li.drop-down-link .sub-menu a:focus { 821 color: #fff; 822} 823 824.navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>li>a, 825.navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>li>a:hover, 826.navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>.active>a, 827.navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>.active>a:focus, 828.navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>.active>a:hover { 829 color: #fff; 830} 831.navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>li>a { 832 color: #fff; 833} 834.drink-menu .navbar.nav-v6.nav-scroll .navbar-contact .navbar-nav>li>a { 835 color: #fff; 836} 837.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>li>a:hover, 838.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>.active>a, 839.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>.active>a:focus, 840.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-contact .navbar-nav>.active>a:hover{ 841 color: #fff; 842} 843 844.navbar-regular.nav-v6.nav-scroll .navbar-toggle .icon-bar { 845 background-color: #fff; 846} 847.drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-toggle .icon-bar { 848 background-color: #fff; 849} 850.navbar-regular.nav-v6.nav-scroll [aria-expanded="true"].navbar-toggle .icon-bar { 851 background-color: #fff; 852} 853.drink-menu .navbar-regular.nav-v6.nav-scroll [aria-expanded="true"].navbar-toggle .icon-bar{ 854 background-color: #fff; 855} 856.navbar.nav-v6 .header-logo-text{ 857 color: #fff; 858} 859.navbar.nav-v6.nav-scroll .header-logo-text{ 860 color: #fff; 861} 862.navbar.nav-v6 .social-icon{ 863 color: #fff; 864} 865.navbar.nav-v6.nav-scroll .social-icon{ 866 color: #fff; 867} 868.navbar.nav-v6 .social-square .contact-icon:hover { 869 color: #fff; 870 background-color: #fff; 871} 872.navbar.nav-v6.nav-scroll .social-square .contact-icon:hover { 873 color: #fff; 874 background-color: #fff; 875} 876 877.drink-menu .navbar.nav-v6 .header-logo-text{ 878 color: #fff; 879} 880.drink-menu .navbar.nav-v6.nav-scroll .header-logo-text{ 881 color: #fff; 882} 883.drink-menu .navbar.nav-v6 .social-icon{ 884 color: #fff; 885} 886.drink-menu .navbar.nav-v6.nav-scroll .social-icon{ 887 color: #fff; 888} 889.drink-menu .navbar.nav-v6 .social-square .contact-icon:hover { 890 color: #fff; 891 background-color: #fff; 892} 893.drink-menu .navbar.nav-v6.nav-scroll .social-square .contact-icon:hover { 894 color: #fff; 895 background-color: #fff; 896} 897.navbar.nav-v6 .navbar-logo .container { 898 border-bottom: 1px solid transparent; 899} 900.navbar.nav-v6.nav-scroll .navbar-logo .container { 901 border-bottom: 1px solid transparent; 902} 903.drink-menu .navbar.nav-v6 .navbar-logo .container { 904 border-bottom: 1px solid transparent; 905} 906.drink-menu .navbar.nav-v6.nav-scroll .navbar-logo .container { 907 border-bottom: 1px solid transparent; 908} 909@media (max-width: 767px) { 910 .navbar.nav-v6 { 911 background-color: #000; 912 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 913 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 914 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 915 } 916 .navbar.nav-v6.nav-scroll { 917 background-color: #000; 918 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2); 919 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2); 920 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2); 921 } 922 .drink-menu .navbar.nav-v6 { 923 background-color: #000; 924 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 925 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 926 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0); 927 } 928 .drink-menu .navbar.nav-v6.nav-scroll { 929 background-color: #000; 930 -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2); 931 -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2); 932 box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.2); 933 } 934 .navbar.nav-v6 .container, 935 .navbar.nav-v6.nav-scroll .container, 936 .drink-menu .navbar.nav-v6 .container, 937 .drink-menu .navbar.nav-v6.nav-scroll .container { 938 border-bottom: none; 939 } 940 .navbar.nav-v6 .navbar-header { 941 border-bottom: 2px solid transparent; 942 } 943 .navbar.nav-v6.nav-scroll .navbar-header { 944 border-bottom: 2px solid transparent; 945 } 946 .drink-menu .navbar.nav-v6 .navbar-header { 947 border-bottom: 2px solid transparent; 948 } 949 .drink-menu .navbar.nav-v6.nav-scroll .navbar-header { 950 border-bottom: 2px solid transparent; 951 } 952 li.drop-down-link .sub-menu, 953 .drink-menu li.drop-down-link .sub-menu { 954 background-color: transparent; 955 } 956 .nav-scroll li.drop-down-link .sub-menu, 957 .drink-menu .nav-scroll li.drop-down-link .sub-menu { 958 background-color: transparent; 959 } 960 /* Mobile home background */ 961 .navbar.nav-v6.navbar-regular.mobile-full-height .navbar-collapse.collapse, 962 .navbar.nav-v6.navbar-regular.mobile-full-height .navbar-collapse.collapsing, 963 .navbar.nav-v6.navbar-regular.mobile-full-height .navbar-collapse.collapse.in { 964 background-color: #000000; 965 } 966 /* Mobile home background scroll */ 967 .navbar.nav-v6.navbar-regular.nav-scroll.mobile-full-height .navbar-collapse.collapse, 968 .navbar.nav-v6.navbar-regular.nav-scroll.mobile-full-height .navbar-collapse.collapsing, 969 .navbar.nav-v6.navbar-regular.nav-scroll.mobile-full-height .navbar-collapse.collapse.in { 970 background-color: #000000; 971 } 972 /* Mobile pages background */ 973 .drink-menu .navbar.nav-v6.navbar-regular.mobile-full-height .navbar-collapse.collapse, 974 .drink-menu .navbar.nav-v6.navbar-regular.mobile-full-height .navbar-collapse.collapsing, 975 .drink-menu .navbar.nav-v6.navbar-regular.mobile-full-height .navbar-collapse.collapse.in { 976 background-color: #000000; 977 } 978 /* Mobile pages background scroll */ 979 .drink-menu .nav-v6.navbar-regular.nav-scroll.mobile-full-height .navbar-collapse.collapse, 980 .drink-menu .nav-v6.navbar-regular.nav-scroll.mobile-full-height .navbar-collapse.collapsing, 981 .drink-menu .nav-v6.navbar-regular.nav-scroll.mobile-full-height .navbar-collapse.collapse.in { 982 background-color: #000000; 983 } 984 .navbar-regular.nav-v6 .navbar-nav>li>a:hover, 985 .navbar-regular.nav-v6 .navbar-nav>.active>a, 986 .navbar-regular.nav-v6 .navbar-nav>.active>a:focus, 987 .navbar-regular.nav-v6 .navbar-nav>.active>a:hover{ 988 background-color: #fff; 989 color: #fff; 990 } 991 .navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover, 992 .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a, 993 .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus, 994 .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover{ 995 background-color: #fff; 996 color: #fff; 997 } 998 .drink-menu .navbar-regular.nav-v6 .navbar-nav>li>a:hover, 999 .drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a, 1000 .drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:focus, 1001 .drink-menu .navbar-regular.nav-v6 .navbar-nav>.active>a:hover{ 1002 background-color: #fff; 1003 color: #fff; 1004 } 1005 .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>li>a:hover, 1006 .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a, 1007 .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:focus, 1008 .drink-menu .navbar-regular.nav-v6.nav-scroll .navbar-nav>.active>a:hover{ 1009 background-color: #fff; 1010 color: #fff; 1011 } 1012 1013 .navbar-regular.nav-v6 li.drop-down-link.active .drop-down .fa.fa-angle-up { 1014 color: #fff; 1015 } 1016 .navbar-regular.nav-v6.nav-scroll li.drop-down-link.active .drop-down .fa.fa-angle-up { 1017 color: #fff; 1018 } 1019 .drink-menu .navbar-regular.nav-v6 li.drop-down-link.active .drop-down .fa.fa-angle-up { 1020 color: #fff; 1021 } 1022 .drink-menu .navbar-regular.nav-v6.nav-scroll li.drop-down-link.active .drop-down .fa.fa-angle-up { 1023 color: #fff; 1024 } 1025} 1026</style><!-- nav --><nav class="navbar nav-v4 nav-v6 nav-v7 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="desktop-navigation logo-center"><div class="navbar-logo"><div class="container"><a class="header-logo logo-top" href="/#"><img alt="The Austin Beer Garden Brewing Company logo top - Homepage" aria-label="Homepage" class="img-responsive logo-top" src="https://static.spotapps.co/website_images/ab_websites/60189_website_v2/logo_2.png"/></a><a class="header-logo logo-scroll" href="/"><img alt="The Austin Beer Garden Brewing Company logo scroll - Homepage" aria-label="Homepage" class="img-responsive logo-scroll" src="https://static.spotapps.co/website_images/ab_websites/60189_website_v2/logo_2.png"/></a><div class="navbar-contact"><ul class="nav navbar-nav navbar-right"><li class="nav-phone"><a href="tel:+15122982242"><i aria-hidden="true" class="fa fa-phone"></i><span>(512)-298-2242</span></a></li><li class="nav-email"><a href="mailto:[email protected]"><i aria-hidden="true" class="fa fa-envelope-o"></i><span>[email protected]</span></a></li></ul></div></div></div><div class="navbar-tabs"><div class="container"><div class="navbar-content"><ul class="nav navbar-nav"><li class=" nav-menu-page"><a class="" href="/food-menu" id="nav_tab_1_link" target="_self"> 1027 1028 Menu 1029 1030 </a></li><li class=" "><a class="" href="/drink-menu" id="nav_tab_2_link" target="_self"> 1031 1032 Drinks 1033 1034 </a></li><li class=" nav-order-link"><a aria-label="Order, opens in a new tab, you are leaving the website" class="link-order-sh" href="https://order.toasttab.com/online/the-austin-beer-garden-brewing-co#" id="nav_tab_3_link" target="_blank"> 1035 1036 Order 1037 1038 </a></li><li class=" "><a class="" href="/parties" id="nav_tab_5_link" target="_self"> 1039 1040 Parties 1041 1042 </a></li><li class=" "><a class="" href="/about" id="nav_tab_8_link" target="_self"> 1043 1044 About 1045 1046 </a></li><li class=" "><a aria-label="Kegs, opens in a new tab, you are leaving the website" class="" href="https://shop.theabgb.com/collections/kegs" id="nav_tab_9_link" target="_blank"> 1047 1048 Kegs 1049 1050 </a></li><li class=" "><a aria-label="Shop, opens in a new tab, you are leaving the website" class="" href="https://shop.theabgb.com/" id="nav_tab_10_link" target="_blank"> 1051 1052 Shop 1053 1054 </a></li><li class=" "><a class="" href="/events" id="nav_tab_11_link" target="_self"> 1055 1056 Calendar 1057 1058 </a></li><li class=" additional-tab outside-link"><a class="additional-link" href="/awards" id="nav_tab_12_link" target="_self"> 1059 1060 Awards 1061 1062 </a></li></ul><ul class="socialnav"><li class="social-links social-icons-holder social-square"><a class="pull-left contact-icon" href="https://www.facebook.com/128026944002380" 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/theabgb" 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?sca_esv=dbbcd87e5f308596&rlz=1C5CHFA_enRS1159RS1159&q=The+Austin+Beer+Garden+Brewing+Company,+1305+West+Oltorf+Street,+suite+200&si=AMgyJEvkVjFQtirYNBhM3ZJIRTaSJ6PxY6y1_6WZHGInbzDnMfJvGcJhLS1Hpl42dCK83pb3Ry927PZI3D_8IBo0PJDWyAwkGyFlZj6SmBtCZYasAKJm3cps2o3-IvVU4Xdpho-7Rpv6ixL0Oma5ZI5YpnNfH6Vd2-5jiJFFDPCJ1cXHOUD-kLM%3D&sa=X&ved=2ahUKEwjNvIiFjumOAxUozAIHHWz2E2QQrrQLegQILxAA&biw=1512&bih=756&dpr=2#lrd=0x8644b4dc008aafb3:0xa1156878860c3745,1,,,," target="_blank"><i aria-hidden="true" class="social-icon fa fa-google"></i><span>Google page</span></a></li></ul></div></div></div></div><div class="mobile-navigation"><div class="container"><a class="header-logo logo-top" href="/#"><img alt="The Austin Beer Garden Brewing Company logo top - Homepage" aria-label="Homepage" class="img-responsive logo-top" src="https://static.spotapps.co/website_images/ab_websites/60189_website_v2/logo_2.png"/></a><a class="header-logo logo-scroll" href="/"><img alt="The Austin Beer Garden Brewing Company logo scroll - Homepage" aria-label="Homepage" class="img-responsive logo-scroll" src="https://static.spotapps.co/website_images/ab_websites/60189_website_v2/logo_2.png"/></a><ul class="socialnav"><li class="social-links social-icons-holder social-square"><a class="pull-left contact-icon" href="https://www.facebook.com/128026944002380" 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/theabgb" 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?sca_esv=dbbcd87e5f308596&rlz=1C5CHFA_enRS1159RS1159&q=The+Austin+Beer+Garden+Brewing+Company,+1305+West+Oltorf+Street,+suite+200&si=AMgyJEvkVjFQtirYNBhM3ZJIRTaSJ6PxY6y1_6WZHGInbzDnMfJvGcJhLS1Hpl42dCK83pb3Ry927PZI3D_8IBo0PJDWyAwkGyFlZj6SmBtCZYasAKJm3cps2o3-IvVU4Xdpho-7Rpv6ixL0Oma5ZI5YpnNfH6Vd2-5jiJFFDPCJ1cXHOUD-kLM%3D&sa=X&ved=2ahUKEwjNvIiFjumOAxUozAIHHWz2E2QQrrQLegQILxAA&biw=1512&bih=756&dpr=2#lrd=0x8644b4dc008aafb3:0xa1156878860c3745,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=" nav-menu-page"><a class="" href="/food-menu" id="mobile_nav_tab_1_link" target="_self"> 1063 Menu 1064 </a></li><li class=" "><a class="" href="/drink-menu" id="mobile_nav_tab_2_link" target="_self"> 1065 Drinks 1066 </a></li><li class=" nav-order-link"><a aria-label="Order, opens in a new tab, you are leaving the website" class="link-order-sh" href="https://order.toasttab.co
1066m/online/the-austin-beer-garden-brewing-co#" id="mobile_nav_tab_3_link" target="_blank"> 1067 Order 1068 </a></li><li class=" "><a class="" href="/parties" id="mobile_nav_tab_5_link" target="_self"> 1069 Parties 1070 </a></li><li class=" "><a class="" href="/about" id="mobile_nav_tab_8_link" target="_self"> 1071 About 1072 </a></li><li class=" "><a aria-label="Kegs, opens in a new tab, you are leaving the website" class="" href="https://shop.theabgb.com/collections/kegs" id="mobile_nav_tab_9_link" target="_blank"> 1073 Kegs 1074 </a></li><li class=" "><a aria-label="Shop, opens in a new tab, you are leaving the website" class="" href="https://shop.theabgb.com/" id="mobile_nav_tab_10_link" target="_blank"> 1075 Shop 1076 </a></li><li class=" "><a class="" href="/events" id="mobile_nav_tab_11_link" target="_self"> 1077 Calendar 1078 </a></li><li class=" additional-tab outside-link"><a class="additional-link" href="/awards" id="mobile_nav_tab_12_link" target="_self"> 1079 Awards 1080 </a></li></ul></div></div></div></nav><header class="header cover-type-video" style=" 1081 background-image: url(https://static.spotapps.co/website_images/ab_websites/60189_website_v2/video_poster.jpg); 1082 background-repeat: no-repeat; 1083 background-position: center center fixed; 1084 -webkit-background-size: cover; 1085 -moz-background-size: cover; 1086 -o-background-size: cover; 1087 background-size: cover; 1088 z-index: 98; position: relative; overflow: hidden; 1089 "><div id="home_page_cover" style="height:100%;"><style> 1090 1091video#coverVideo { 1092 z-index: 99; 1093 background: url(https://static.spotapps.co/website_images/ab_websites/60189_website_v2/video_poster.jpg) no-repeat; 1094 background-size: cover; 1095} 1096 1097@media (min-width: 768px) { 1098 1099 1100 @media (min-width: 1025px) { 1101 1102 video#coverVideo { 1103 position: absolute; 1104 top: 50%; 1105 left: 50%; 1106 min-width: 100%; 1107 min-height: 100%; 1108 width: auto; 1109 height: auto; 1110 -ms-transform: translateX(-50%) translateY(-50%); 1111 -moz-transform: translateX(-50%) translateY(-50%); 1112 -webkit-transform: translateX(-50%) translateY(-50%); 1113 transform: translateX(-50%) translateY(-50%); 1114 max-width: none; 1115 vertical-align: baseline; 1116} 1117 } 1118 1119 @media (max-width: 1024px) { 1120 1121 video#coverVideo { 1122 width: 100%; 1123} 1124.header { 1125 max-height: 100vh; 1126 background-image: none !important; 1127 width: initial; 1128 height: initial; 1129} 1130body.home-page { 1131 background-color: transparent; 1132} 1133 } 1134 1135 1136} 1137 1138@media (max-width: 767px) { 1139 video#coverVideo { 1140 width: 100%; 1141} 1142.header { 1143 max-height: 100vh; 1144 background-image: none !important; 1145 width: initial; 1146 height: initial; 1147} 1148body.home-page { 1149 background-color: transparent; 1150}.video-controls-btn, 1151.video-volume-btn { 1152 bottom: 60px; 1153} video#coverVideo { 1154 background: url(https://static.spotapps.co/website_images/ab_websites/60189_website_v2/video_poster.jpg) no-repeat; 1155 } 1156 } 1157 1158 .video-volume-btn, .video-controls-btn { 1159 color: rgba(255, 255, 255, 0.9); 1160 } 1161 1162</style><video autoplay="autoplay" data-video="dual" id="coverVideo" loop="loop" muted="muted" playsinline="playsinline"><source src="https://static.spotapps.co/web/theabgb--com/" 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>
1162<script> 1163(function () { 1164 const video = document.getElementById("coverVideo"); 1165 if (!video) return; 1166 1167 const variants = { 1168 desktop: { 1169 src: "https:\/\/static.spotapps.co\/website_videos\/The%20Austin%20Beer%20Garden%20Brewing%20Company_Vimeo720p30.mp4", 1170 poster: "https:\/\/static.spotapps.co\/website_images\/ab_websites\/60189_website_v2\/video_poster.jpg", 1171 vtt: "" }, 1172 mobile: { 1173 src: "https:\/\/static.spotapps.co\/website_videos\/The%20Austin%20Beer%20Garden%20Brewing%20Company_Vimeo720p30.mp4", 1174 poster: "https:\/\/static.spotapps.co\/website_images\/ab_websites\/60189_website_v2\/video_poster.jpg", 1175 vtt: "" } 1176 }; 1177 const isMobile = window.matchMedia("(max-width: 767px)").matches; 1178 const preferred = isMobile ? variants.mobile : variants.desktop; 1179 const srcVariant = (preferred.src && preferred.src.trim()) ? preferred : variants.desktop; 1180 const chosen = { 1181 src: srcVariant.src, 1182 poster: srcVariant.poster, 1183 vtt: preferred.vtt 1184 }; 1185 1186 if (!chosen.src || !chosen.src.trim()) return; 1187 if (chosen.poster && chosen.poster.trim()) { 1188 video.poster = chosen.poster; 1189 } 1190 1191 video.querySelectorAll("track").forEach(t => t.remove()); 1192 1193 const hasCaptions = !!(chosen.vtt && chosen.vtt.trim()); 1194 if (hasCaptions) { 1195 video.setAttribute("controls", ""); 1196 video.setAttribute("crossorigin", "anonymous"); 1197 const track = document.createElement("track"); 1198 track.label = "English"; 1199 track.kind = "subtitles"; 1200 track.srclang = "en"; 1201 track.src = chosen.vtt; 1202 video.appendChild(track); 1203 document.querySelector(".video-controls-btn")?.remove(); 1204 document.querySelector(".video-volume-btn")?.remove(); 1205 } else { 1206 video.removeAttribute("controls"); 1207 video.removeAttribute("crossorigin"); 1208 } 1209 1210 video.src = chosen.src; 1211 video.addEventListener("canplay", function handler() { 1212 video.removeEventListener("canplay", handler); 1213 video.play().catch(() => {}); 1214 }); 1215 video.load(); 1216})(); 1217</script>
1217</div></header><main id="content" role="main"><h1 class="visuallyhidden">The Austin Beer Garden Brewing Company - 78704, Austin, TX</h1><article class="hide-show-section" data-hidden="no"><style> 1218.slideshow-v2-wrapper .slideshow-controls-btn { 1219 color: rgba(255, 255, 255, 0.8); 1220} 1221 1222</style><div class="slideshow-v2-wrapper" id="slideshow_v2"><div aria-label="slideshow carousel" class="uk-slidenav-position" data-uk-slideshow="{animation: 'swipe', autoplay: true, duration: 500, autoplayInterval: 4000, pauseOnHover: false, height: '100%'}" 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/b5/8fcdf49a0e4fa8880c44ed292a747b/: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>Where Brewing Meets Community</h2><div class="buttons-group-holder"><a class="custom-temp-btn hvr-fade" href="/drink-menu" target="_self">Beers</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/ab/1d80bf65d9404289585f93d4de237e/: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>Live Music, Austin Energy</h2><div class="buttons-group-holder"><a class="custom-temp-btn hvr-fade" href="/events" target="_self">Events</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/d3/600919f20841e9b2837236ea69f7a3/: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>Austin Eats, Beer Garden Style</h2><div class="buttons-group-holder"><a class="custom-temp-btn hvr-fade" href="/food-menu" target="_self">Our Menu</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/e7/b63fe52be14040b2a6f6f5306a841b/: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>Award-Winning Beer</h2><div class="buttons-group-holder"><a class="custom-temp-btn hvr-fade" href="/awards" target="_self">Awards </a></div></div></div></li></ul></div></div></article><article class="hide-show-section" data-hidden="yes"><style></style><div class="custom_html_1-section section-wrapper" id="custom_html_1"><div class="container"><div class="wrapper"><div class="col-sm-6"><img alt="" class="img-responsive" src="//static.spotapps.co/spots/9a/a0510936dc46fcb6a8bdc56f950c7f/w926"/></div><div class="col-sm-6"><h2>Beer Makes It Better</h2><p> 1223 We strive to take beer's innate goodness and put it into action, improving our community and the lives of lots of folks. Our beer has the power to make our entire community better. 1224 Come hang out with us. Cheers! 1225 </p></div></div></div></div></article><article class="hide-show-section" data-hidden="yes"><style> 1226.custom_html_2-section .top-svg-border path, 1227.custom_html_2-section .top-svg-border polygon, 1228.custom_html_2-section .top-svg-border rect { 1229 fill: #000; 1230} 1231.custom_html_2-section .bottom-svg-border path, 1232.custom_html_2-section .bottom-svg-border polygon, 1233.custom_html_2-section .bottom-svg-border rect { 1234 fill: #000; 1235} 1236.custom_html_2-section .top-line-border:before { 1237 background: #000; 1238} 1239.custom_html_2-section .bottom-line-border:before { 1240 background: #000; 1241} 1242</style><div class="custom_html_2-section section-wrapper" id="custom_html_2"><div class="plain-line-border top-line-border"></div><div class="container"></div></div></article><article class="hide-show-section" data-hidden="no"><style> 1243.about-us-v8-wrapper { 1244 padding: 0; 1245} 1246.about-us-v8-wrapper:before { 1247 background-color: #3A3A3C; 1248 } 1249 1250 1251.about-us-v8-wrapper .container { 1252 padding: 0; 1253 width: 100%; 1254} 1255 1256 1257 #aboutus_v9 .about-us-v8-item-0 { 1258 background-color: #3A3A3C; 1259 } 1260 1261
1262 1263 #aboutus_v9 .about-us-v8-item-0 .text-wrapper { 1264 padding: 70px 20%; 1265 } 1266 1267 #aboutus_v9 .about-us-v8-item-0 .about-us-v8-content .text-content.title-image h2.about-title::after, 1268 #aboutus_v9 .about-us-v8-item-0 .about-us-v8-content .text-content.title-image h2.about-title::before { 1269 background-image: url('https://static.spotapps.co/website_images/ab_websites/60189_website_v2/title_decoration_orange.png'); 1270 height: 6vw; 1271 } 1272 #aboutus_v9 .about-us-v8-item-0 .about-us-v8-content .text-content.title-image h2.about-title::before { 1273 display: block; 1274 } 1275 1276 1277 #aboutus_v9 .about-us-v8-item-0 .about-us-v8-content .text-content h3, 1278 #aboutus_v9 .about-us-v8-item-0 .about-us-v8-content .text-content h2:not(.about-title) { 1279 color: #fff; 1280 } 1281 1282 1283 @media (max-width: 1024px) { 1284 #aboutus_v9 .about-us-v8-item-0 .text-wrapper { 1285 padding: 70px 20%; 1286 } 1287 } 1288 1289 @media (max-width: 767px) { 1290 #aboutus_v9 .about-us-v8-item-0 .about-us-v8-image { 1291 margin: 0; 1292 height: 300px; 1293 } 1294 } 1295 1296@-webkit-keyframes grow { 1297 from { 1298 opacity: 0; 1299 width: 0px; 1300 } 1301 to { 1302 opacity: 1; 1303 width: 80%; 1304 } 1305} 1306@-moz-keyframes grow { 1307 from { 1308 opacity: 0; 1309 width: 0px; 1310 } 1311 to { 1312 opacity: 1; 1313 width: 80%; 1314 } 1315} 1316@keyframes grow { 1317 from { 1318 opacity: 0; 1319 width: 0px; 1320 } 1321 to { 1322 opacity: 1; 1323 width: 80%; 1324 } 1325} 1326 1327.safari-mac .about-us-v8-item .about-us-v8-image-bar { 1328 width: 80%; 1329} 1330 1331 1332@media (max-width: 767px) { 1333 .about-us-v8-wrapper { 1334 padding: 0; 1335 } 1336 .about-us-v8-wrapper .container { 1337 padding: 0; 1338 width: 100%; 1339 } 1340 .about-us-v8-item { 1341 padding: 0 !important; 1342 } 1343} 1344 1345</style><div class="about-us-v8-wrapper about-us-v9-wrapper section-wrapper" id="aboutus_v9"><div class="top-line"></div><div class="container about-us-v8"><section><div class="about-us-v8-item about-us-v8-item-0 about-us-v8-item-spec-color 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/60189_website_v2/calendar_right.jpg'); width: 50%; 1346 "><!-- start Left About us image --></div><!-- end Left About us image --><div class="about-us-v8-content " style="width: 50%; 1347 color: #fff; 1348 background: rgba(250, 250, 250, 0); text-align: center;"><div class="text-wrapper"><div class="text-content title-image"><h2 class="about-title" style="color: #fff;"><span>Calendar</span></h2><div class="text-holder"><p>There's always something happening at The ABGB. From live local bands and community fundraisers to special beer releases and holiday celebrations, our stage and beer garden bring people together. With a lineup that changes weekly, you'll always find a reason to stop by, grab a pint, and join the crowd.</p></div><div class="buttons-holder buttons-row-parent "><div class="buttons-row"><a class="custom-temp-btn hvr-fade" href="/events#" target="_self"> 1349 Events </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/60189_website_v2/calendar_right.jpg'); width: 50%; 1350 "></div><!-- end Right About us image --></div><!-- end About us item --></section></div><div class="bottom-line"></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> 1351.about-us-v8-wrapper { 1352 padding: 0; 1353} 1354.about-us-v8-wrapper:before { 1355 background-color: #fff; 1356 background-image: url('https://static.spotapps.co/website_images/ab_websites/60189_website_v2/order_bg.jpg'); 1357 } 1358 1359 1360.about-us-v8-wrapper .container { 1361 padding: 0; 1362 width: 100%; 1363} 1364 1365 1366 1367 1368 1369 #aboutus_v10 .about-us-v8-item-0 .text-wrapper { 1370 padding: 140px 20%; 1371 } 1372 1373 #aboutus_v10 .about-us-v8-item-0 .about-us-v8-content .text-content.title-image h2.about-title::after, 1374 #aboutus_v10 .about-us-v8-item-0 .about-us-v8-content .text-content.title-image h2.about-title::before { 1375 background-image: url('https://static.spotapps.co/website_images/ab_websites/60189_website_v2/title_decoration_yellow.png'); 1376 height: 6vw; 1377 } 1378 #aboutus_v10 .about-us-v8-item-0 .about-us-v8-content .text-content.title-image h2.about-title::before { 1379 display: block; 1380 } 1381 1382
1383 #aboutus_v10 .about-us-v8-item-0 .about-us-v8-content .text-content h3, 1384 #aboutus_v10 .about-us-v8-item-0 .about-us-v8-content .text-content h2:not(.about-title) { 1385 color: #fff; 1386 } 1387 1388 1389 @media (max-width: 1024px) { 1390 #aboutus_v10 .about-us-v8-item-0 .text-wrapper { 1391 padding: 70px 20%; 1392 } 1393 } 1394 1395 @media (max-width: 767px) { 1396 #aboutus_v10 .about-us-v8-item-0 .about-us-v8-image { 1397 margin: 0; 1398 height: 300px; 1399 } 1400 } 1401 1402@-webkit-keyframes grow { 1403 from { 1404 opacity: 0; 1405 width: 0px; 1406 } 1407 to { 1408 opacity: 1; 1409 width: 80%; 1410 } 1411} 1412@-moz-keyframes grow { 1413 from { 1414 opacity: 0; 1415 width: 0px; 1416 } 1417 to { 1418 opacity: 1; 1419 width: 80%; 1420 } 1421} 1422@keyframes grow { 1423 from { 1424 opacity: 0; 1425 width: 0px; 1426 } 1427 to { 1428 opacity: 1; 1429 width: 80%; 1430 } 1431} 1432 1433.safari-mac .about-us-v8-item .about-us-v8-image-bar { 1434 width: 80%; 1435} 1436 1437 1438@media (max-width: 767px) { 1439 .about-us-v8-wrapper { 1440 padding: 0; 1441 } 1442 .about-us-v8-wrapper .container { 1443 padding: 0; 1444 width: 100%; 1445 } 1446 .about-us-v8-item { 1447 padding: 0 !important; 1448 } 1449} 1450 1451</style><div class="about-us-v8-wrapper about-us-v10-wrapper section-wrapper" id="aboutus_v10"><div class="top-line"></div><div class="container about-us-v8"><section><div class="about-us-v8-item about-us-v8-item-0 about-us-v8-item-" style="padding: 0;"><!-- start About us item --><div class="about-us-v8-image about-no-image image-size-cover image-size-mobile-cover" style="width: 0;"><!-- start Left About us image --></div><!-- end Left About us image --><div class="about-us-v8-content " style="width: 100%; 1452 color: #fff; 1453 background: rgba(250, 250, 250, 0); text-align: center;"><div class="text-wrapper"><div class="text-content title-image"><h2 class="about-title" style="color: #fff;"><span>Order Online</span></h2><div class="text-holder"><p>Skip the wait and enjoy your The ABGB favorites wherever you are. From fresh-baked pizzas and hearty sandwiches to cold six-packs and growlers, place your order online and we'll have it ready for pickup. Perfect for a night in, a picnic at the park, or bringing the beer garden experience home.</p></div><div class="buttons-holder buttons-row-parent "><div class="buttons-row"><a class="custom-temp-btn hvr-fade" href="https://order.toasttab.com/online/the-austin-beer-garden-brewing-co" target="_blank"> 1454 Order Now <span class="visuallyhidden"> , opens in a new tab, you are leaving the website</span></a></div></div></div></div></div><!-- end Right About us image --></div><!-- end About us item --></section></div><div class="bottom-line"></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> 1455.about-us-v8-wrapper { 1456 padding: 0; 1457} 1458.about-us-v8-wrapper:before { 1459 background-color: #3E3E3E; 1460 } 1461 1462 1463.about-us-v8-wrapper .container { 1464 padding: 0; 1465 width: 100%; 1466} 1467 1468 1469 #aboutus_v11 .about-us-v8-item-0 { 1470 background-color: #3A3A3C; 1471 } 1472 1473 1474 1475 #aboutus_v11 .about-us-v8-item-0 .text-wrapper { 1476 padding: 70px 20%; 1477 } 1478 1479 #aboutus_v11 .about-us-v8-item-0 .about-us-v8-content .text-content.title-image h2.about-title::after, 1480 #aboutus_v11 .about-us-v8-item-0 .about-us-v8-content .text-content.title-image h2.about-title::before { 1481 background-image: url('https://static.spotapps.co/website_images/ab_websites/60189_website_v2/title_decoration_yellow.png'); 1482 height: 6vw; 1483 } 1484 #aboutus_v11 .about-us-v8-item-0 .about-us-v8-content .text-content.title-image h2.about-title::before { 1485 display: block; 1486 } 1487 1488 1489 #aboutus_v11 .about-us-v8-item-0 .about-us-v8-content .text-content h3, 1490 #aboutus_v11 .about-us-v8-item-0 .about-us-v8-content .text-content h2:not(.about-title) { 1491 color: #fff; 1492 } 1493 1494 1495 @media (max-width: 1024px) { 1496 #aboutus_v11 .about-us-v8-item-0 .text-wrapper { 1497 padding: 70px 20%; 1498 } 1499 } 1500 1501 @media (max-width: 767px) { 1502 #aboutus_v11 .about-us-v8-item-0 .about-us-v8-image { 1503 margin: 0; 1504 height: 300px; 1505 } 1506 } 1507 1508 #aboutus_v11 .about-us-v8-item-1 { 1509 background-color: #3A3A3C; 1510 } 1511 1512
1513 1514 #aboutus_v11 .about-us-v8-item-1 .text-wrapper { 1515 padding: 70px 20%; 1516 } 1517 1518 #aboutus_v11 .about-us-v8-item-1 .about-us-v8-content .text-content.title-image h2.about-title::after, 1519 #aboutus_v11 .about-us-v8-item-1 .about-us-v8-content .text-content.title-image h2.about-title::before { 1520 background-image: url('https://static.spotapps.co/website_images/ab_websites/60189_website_v2/title_decoration_orange.png'); 1521 height: 6vw; 1522 } 1523 #aboutus_v11 .about-us-v8-item-1 .about-us-v8-content .text-content.title-image h2.about-title::before { 1524 display: block; 1525 } 1526 1527 1528 #aboutus_v11 .about-us-v8-item-1 .about-us-v8-content .text-content h3, 1529 #aboutus_v11 .about-us-v8-item-1 .about-us-v8-content .text-content h2:not(.about-title) { 1530 color: #fff; 1531 } 1532 1533 1534 @media (max-width: 1024px) { 1535 #aboutus_v11 .about-us-v8-item-1 .text-wrapper { 1536 padding: 70px 20%; 1537 } 1538 } 1539 1540 @media (max-width: 767px) { 1541 #aboutus_v11 .about-us-v8-item-1 .about-us-v8-image { 1542 margin: 0; 1543 height: 300px; 1544 } 1545 } 1546 1547 #aboutus_v11 .about-us-v8-item-2 { 1548 background-color: #3A3A3C; 1549 } 1550 1551 1552 1553 #aboutus_v11 .about-us-v8-item-2 .text-wrapper { 1554 padding: 70px 20%; 1555 } 1556 1557 #aboutus_v11 .about-us-v8-item-2 .about-us-v8-content .text-content.title-image h2.about-title::after, 1558 #aboutus_v11 .about-us-v8-item-2 .about-us-v8-content .text-content.title-image h2.about-title::before { 1559 background-image: url('https://static.spotapps.co/website_images/ab_websites/60189_website_v2/title_decoration_blue.png'); 1560 height: 6vw; 1561 } 1562 #aboutus_v11 .about-us-v8-item-2 .about-us-v8-content .text-content.title-image h2.about-title::before { 1563 display: block; 1564 } 1565 1566 1567 #aboutus_v11 .about-us-v8-item-2 .about-us-v8-content .text-content h3, 1568 #aboutus_v11 .about-us-v8-item-2 .about-us-v8-content .text-content h2:not(.about-title) { 1569 color: #fff; 1570 } 1571 1572 1573 @media (max-width: 1024px) { 1574 #aboutus_v11 .about-us-v8-item-2 .text-wrapper { 1575 padding: 70px 20%; 1576 } 1577 } 1578 1579 @media (max-width: 767px) { 1580 #aboutus_v11 .about-us-v8-item-2 .about-us-v8-image { 1581 margin: 0; 1582 height: 300px; 1583 } 1584 } 1585 1586@-webkit-keyframes grow { 1587 from { 1588 opacity: 0; 1589 width: 0px; 1590 } 1591 to { 1592 opacity: 1; 1593 width: 80%; 1594 } 1595} 1596@-moz-keyframes grow { 1597 from { 1598 opacity: 0; 1599 width: 0px; 1600 } 1601 to { 1602 opacity: 1; 1603 width: 80%; 1604 } 1605} 1606@keyframes grow { 1607 from { 1608 opacity: 0; 1609 width: 0px; 1610 } 1611 to { 1612 opacity: 1; 1613 width: 80%; 1614 } 1615} 1616 1617.safari-mac .about-us-v8-item .about-us-v8-image-bar { 1618 width: 80%; 1619} 1620 1621 1622@media (max-width: 767px) { 1623 .about-us-v8-wrapper { 1624 padding: 0; 1625 } 1626 .about-us-v8-wrapper .container { 1627 padding: 0; 1628 width: 100%; 1629 } 1630 .about-us-v8-item { 1631 padding: 0 !important; 1632 } 1633} 1634 1635</style><div class="about-us-v8-wrapper about-us-v11-wrapper section-wrapper" id="aboutus_v11"><div class="top-line"></div><div class="container about-us-v8"><section><div class="about-us-v8-item about-us-v8-item-0 about-us-v8-item-spec-color about-us-v8-item-left" style="padding: 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/60189_website_v2/coctails_left.jpg'); width: 50%; 1636 "><!-- start Left About us image --></div><!-- end Left About us image --><div class="about-us-v8-content " style="width: 50%; 1637 color: #fff; 1638 background: rgba(250, 250, 250, 0); text-align: center;"><div class="text-wrapper"><div class="text-content title-image"><h2 class="about-title" style="color: #fff;"><span>Cocktails</span></h2><div class="text-holder"><p>While beer is our first love, we know sometimes you're in the mood for something different. Our bar serves up a rotating selection of craft cocktails made with fresh ingredients, house infusions, and a little Austin flair. Whether you're sipping on a classic or trying something new, our cocktails are built to complement the vibe - relaxed, refreshing, and full of flavor.</p></div><div class="buttons-holder buttons-row-parent "><div class="buttons-row"><a class="custom-temp-btn hvr-fade" href="/drink-menu" target="_self"> 1639 Drinks </a></div></div></div></div></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-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('//static.spotapps.co/spots/d3/880239e8c64ac7a1ef46be9ada2fc4/w926'); width: 50%; 1640 "><!-- start Left About us image --></div><!-- end Left About us image --><div class="about-us-v8-content " style="width: 50%; 1641 color: #fff; 1642 background: rgba(250, 250, 250, 0); text-align: center;"><div class="text-wrapper"><div class="text-content title-image"><h2 class="about-title" style="color: #fff;"><span>Taco Tuesday</span></h2><div class="text-holder"><p>Tuesdays just got a whole lot tastier. Join us every week for Taco Tuesday, featuring house-made tacos loaded with bold flavors and fresh ingredients. Paired with your choice of margarita and a laid-back Austin vibe, it's the perfect midweek pick-me-up. Come hungry, leave happy-and don't forget the hot sauce.</p></div><div class="buttons-holder buttons-row-parent "><div class="buttons-row"><a class="custom-temp-btn hvr-fade" href="/food-menu" target="_self"> 1643 Our Menu </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('//static.spotapps.co/spots/d3/880239e8c64ac7a1ef46be9ada2fc4/w926'); width: 50%; 1644 "></div><!-- end Right About us image --></div><!-- end About us item --></section><section><div class="about-us-v8-item about-us-v8-item-2 about-us-v8-item-spec-color about-us-v8-item-left" style="padding: 0;"><!-- start About us item --><div class="about-us-v8-image image-size-cover image-size-mobile-cover" style="background-image: url('//static.spotapps.co/spots/5b/25188a716946d4888cfb2f90ea5b83/w926'); width: 50%; 1645 "><!-- start Left About us image --></div><!-- end Left About us image --><div class="about-us-v8-content " style="width: 50%; 1646 color: #fff; 1647 background: rgba(250, 250, 250, 0); text-align: center;"><div class="text-wrapper"><div class="text-content title-image"><h2 class="about-title" style="color: #fff;"><span>Happy Hour</span></h2><div class="text-holder"><p>The best hours of the day are spent at The ABGB. Join us for Happy Hour and enjoy select pints, pitchers, and bites at special prices. Whether you're unwinding after work, catching up with friends, or kicking off the weekend, our beer garden is the perfect place to relax and raise a glass.</p></div><div class="buttons-holder buttons-row-parent "><div class="buttons-row"><a class="custom-temp-btn hvr-fade" href="/specials" target="_self"> 1648 Specials </a></div></div></div></div></div><!-- end Right About us image --></div><!-- end About us item --></section></div><div class="bottom-line"></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></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/37/76965d1372440990c68db4f506c588/full"><div class="img"><img alt="Hands holding a fried shrimp taco and a seasoned lime wedge." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/37/76965d1372440990c68db4f506c588/full" data-srcset="//static.spotapps.co/spots/37/76965d1372440990c68db4f506c588/small 200w, //static.spotapps.co/spots/37/76965d1372440990c68db4f506c588/medium 400w, //static.spotapps.co/spots/37/76965d1372440990c68db4f506c588/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/22/ea884a7635402a9b17f7d85b53984f/full"><div class="img"><img alt="Crowded brewery taproom with people enjoying beer and food." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/22/ea884a7635402a9b17f7d85b53984f/full" data-srcset="//static.spotapps.co/spots/22/ea884a7635402a9b17f7d85b53984f/small 200w, //static.spotapps.co/spots/22/ea884a7635402a9b17f7d85b53984f/medium 400w, //static.spotapps.co/spots/22/ea884a7635402a9b17f7d85b53984f/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/58/00afe453b74da09014a8c668cd5504/full"><div class="img"><img alt="Couples dancing on a dance floor." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/58/00afe453b74da09014a8c668cd5504/full" data-srcset="//static.spotapps.co/spots/58/00afe453b74da09014a8c668cd5504/small 200w, //static.spotapps.co/spots/58/00afe453b74da09014a8c668cd5504/medium 400w, //static.spotapps.co/spots/58/00afe453b74da09014a8c668cd5504/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/c3/e09973e5ad494ea96d654bfa3b6c29/full"><div class="img"><img alt="People drinking beer at crowded brewery tables." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/c3/e09973e5ad494ea96d654bfa3b6c29/full" data-srcset="//static.spotapps.co/spots/c3/e09973e5ad494ea96d654bfa3b6c29/small 200w, //static.spotapps.co/spots/c3/e09973e5ad494ea96d654bfa3b6c29/medium 400w, //static.spotapps.co/spots/c3/e09973e5ad494ea96d654bfa3b6c29/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/5c/aef800e0f34d4a859d090d46c677c5/full"><div class="img"><img alt="Ellie's Old Fashioned." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/5c/aef800e0f34d4a859d090d46c677c5/full" data-srcset="//static.spotapps.co/spots/5c/aef800e0f34d4a859d090d46c677c5/small 200w, //static.spotapps.co/spots/5c/aef800e0f34d4a859d090d46c677c5/medium 400w, //static.spotapps.co/spots/5c/aef800e0f34d4a859d090d46c677c5/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/ce/b1fde6d8ed438cb4bdf372388330cd/full"><div class="img"><img alt="Deviled eggs with crispy bacon." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/ce/b1fde6d8ed438cb4bdf372388330cd/full" data-srcset="//static.spotapps.co/spots/ce/b1fde6d8ed438cb4bdf372388330cd/small 200w, //static.spotapps.co/spots/ce/b1fde6d8ed438cb4bdf372388330cd/medium 400w, //static.spotapps.co/spots/ce/b1fde6d8ed438cb4bdf372388330cd/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/2e/5ca513700443289ccb26d0b22275e8/full"><div class="img"><img alt="A couple dancing." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/2e/5ca513700443289ccb26d0b22275e8/full" data-srcset="//static.spotapps.co/spots/2e/5ca513700443289ccb26d0b22275e8/small 200w, //static.spotapps.co/spots/2e/5ca513700443289ccb26d0b22275e8/medium 400w, //static.spotapps.co/spots/2e/5ca513700443289ccb26d0b22275e8/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div></a></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/aa/e834aa097547cf9ca410d50ec8ef8c/full"><div class="img"><img alt="Muffaletta sandwich with potato chips and a pint of beer." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/aa/e834aa097547cf9ca410d50ec8ef8c/full" data-srcset="//static.spotapps.co/spots/aa/e834aa097547cf9ca410d50ec8ef8c/small 200w, //static.spotapps.co/spots/aa/e834aa097547cf9ca410d50ec8ef8c/medium 400w, //static.spotapps.co/spots/aa/e834aa097547cf9ca410d50ec8ef8c/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/cb/4b7a511c4d4c218c16acab70d7a928/full"><div class="img"><img alt="Couples dancing at a lively brewery event." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/cb/4b7a511c4d4c218c16acab70d7a928/full" data-srcset="//static.spotapps.co/spots/cb/4b7a511c4d4c218c16acab70d7a928/small 200w, //static.spotapps.co/spots/cb/4b7a511c4d4c218c16acab70d7a928/medium 400w, //static.spotapps.co/spots/cb/4b7a511c4d4c218c16acab70d7a928/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/cf/594e07684144f58892427011cba068/full"><div class="img"><img alt="Close-up of a glass of bear with a frothy head." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/cf/594e07684144f58892427011cba068/full" data-srcset="//static.spotapps.co/spots/cf/594e07684144f58892427011cba068/small 200w, //static.spotapps.co/spots/cf/594e07684144f58892427011cba068/medium 400w, //static.spotapps.co/spots/cf/594e07684144f58892427011cba068/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/52/575c2d1f834434a16fa704c1219943/full"><div class="img"><img alt="A person presenting a Reuben sandwich." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/52/575c2d1f834434a16fa704c1219943/full" data-srcset="//static.spotapps.co/spots/52/575c2d1f834434a16fa704c1219943/small 200w, //static.spotapps.co/spots/52/575c2d1f834434a16fa704c1219943/medium 400w, //static.spotapps.co/spots/52/575c2d1f834434a16fa704c1219943/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/fe/e7b7f7ecab4d969def74c388b9b3a7/full"><div class="img">
1648<img alt="Ranch water cocktail in a big mug with a chili salt rim and lime wedge." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/fe/e7b7f7ecab4d969def74c388b9b3a7/full" data-srcset="//static.spotapps.co/spots/fe/e7b7f7ecab4d969def74c388b9b3a7/small 200w, //static.spotapps.co/spots/fe/e7b7f7ecab4d969def74c388b9b3a7/medium 400w, //static.spotapps.co/spots/fe/e7b7f7ecab4d969def74c388b9b3a7/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/4b/55b76ddb5b410597c1b00f64026ef5/full"><div class="img"><img alt="Exterior of brewery building with Texas and American flags." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/4b/55b76ddb5b410597c1b00f64026ef5/full" data-srcset="//static.spotapps.co/spots/4b/55b76ddb5b410597c1b00f64026ef5/small 200w, //static.spotapps.co/spots/4b/55b76ddb5b410597c1b00f64026ef5/medium 400w, //static.spotapps.co/spots/4b/55b76ddb5b410597c1b00f64026ef5/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/38/41e478608d4d258ece538d136421ae/full"><div class="img"><img alt="A pint of beer." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/38/41e478608d4d258ece538d136421ae/full" data-srcset="//static.spotapps.co/spots/38/41e478608d4d258ece538d136421ae/small 200w, //static.spotapps.co/spots/38/41e478608d4d258ece538d136421ae/medium 400w, //static.spotapps.co/spots/38/41e478608d4d258ece538d136421ae/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div></a></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/66/04d694feda4617a805b90afea22612/full"><div class="img"><img alt="Beer garden with string lights and picnic tables under the green trees." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/66/04d694feda4617a805b90afea22612/full" data-srcset="//static.spotapps.co/spots/66/04d694feda4617a805b90afea22612/small 200w, //static.spotapps.co/spots/66/04d694feda4617a805b90afea22612/medium 400w, //static.spotapps.co/spots/66/04d694feda4617a805b90afea22612/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/02/c8c973ba8446dd897410d0699f2e73/full"><div class="img"><img alt="Caprese salad." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/02/c8c973ba8446dd897410d0699f2e73/full" data-srcset="//static.spotapps.co/spots/02/c8c973ba8446dd897410d0699f2e73/small 200w, //static.spotapps.co/spots/02/c8c973ba8446dd897410d0699f2e73/medium 400w, //static.spotapps.co/spots/02/c8c973ba8446dd897410d0699f2e73/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/b5/8fcdf49a0e4fa8880c44ed292a747b/full"><div class="img"><img alt="A glass of beer with food on a wooden table." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/b5/8fcdf49a0e4fa8880c44ed292a747b/full" data-srcset="//static.spotapps.co/spots/b5/8fcdf49a0e4fa8880c44ed292a747b/small 200w, //static.spotapps.co/spots/b5/8fcdf49a0e4fa8880c44ed292a747b/medium 400w, //static.spotapps.co/spots/b5/8fcdf49a0e4fa8880c44ed292a747b/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/b7/9471b599ce4294aaf11b65505e9437/full"><div class="img"><img alt="Brewery with large stainless steel tanks." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/b7/9471b599ce4294aaf11b65505e9437/full" data-srcset="//static.spotapps.co/spots/b7/9471b599ce4294aaf11b65505e9437/small 200w, //static.spotapps.co/spots/b7/9471b599ce4294aaf11b65505e9437/medium 400w, //static.spotapps.co/spots/b7/9471b599ce4294aaf11b65505e9437/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/02/eaae252e33487d8944cd579dfc29a4/full"><div class="img">
1648<img alt="Stuffed peppadews with nduja and goat cheese." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/02/eaae252e33487d8944cd579dfc29a4/full" data-srcset="//static.spotapps.co/spots/02/eaae252e33487d8944cd579dfc29a4/small 200w, //static.spotapps.co/spots/02/eaae252e33487d8944cd579dfc29a4/medium 400w, //static.spotapps.co/spots/02/eaae252e33487d8944cd579dfc29a4/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/9a/a0510936dc46fcb6a8bdc56f950c7f/full"><div class="img"><img alt="A glass of bear with a frothy head." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/9a/a0510936dc46fcb6a8bdc56f950c7f/full" data-srcset="//static.spotapps.co/spots/9a/a0510936dc46fcb6a8bdc56f950c7f/small 200w, //static.spotapps.co/spots/9a/a0510936dc46fcb6a8bdc56f950c7f/medium 400w, //static.spotapps.co/spots/9a/a0510936dc46fcb6a8bdc56f950c7f/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/1e/2e3d3b9bc64a399d135760eb84e20c/full"><div class="img"><img alt="Modern event space with tall tables, black tablecloths, and lit candles." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/1e/2e3d3b9bc64a399d135760eb84e20c/full" data-srcset="//static.spotapps.co/spots/1e/2e3d3b9bc64a399d135760eb84e20c/small 200w, //static.spotapps.co/spots/1e/2e3d3b9bc64a399d135760eb84e20c/medium 400w, //static.spotapps.co/spots/1e/2e3d3b9bc64a399d135760eb84e20c/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div></a></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/2d/7d0ef9ceb444f5aaf657451cf9b09d/full"><div class="img"><img alt="Frozen margarita with lime garnish surrounded by plates of food." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/2d/7d0ef9ceb444f5aaf657451cf9b09d/full" data-srcset="//static.spotapps.co/spots/2d/7d0ef9ceb444f5aaf657451cf9b09d/small 200w, //static.spotapps.co/spots/2d/7d0ef9ceb444f5aaf657451cf9b09d/medium 400w, //static.spotapps.co/spots/2d/7d0ef9ceb444f5aaf657451cf9b09d/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/1b/ab515644be44fdb1c40b880def5552/full"><div class="img"><img alt="Stuffed peppadews." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/1b/ab515644be44fdb1c40b880def5552/full" data-srcset="//static.spotapps.co/spots/1b/ab515644be44fdb1c40b880def5552/small 200w, //static.spotapps.co/spots/1b/ab515644be44fdb1c40b880def5552/medium 400w, //static.spotapps.co/spots/1b/ab515644be44fdb1c40b880def5552/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/24/371424ba5847ab836a4db4aa37c5da/full"><div class="img"><img alt="Reuben sandwich with sauerkraut on rye bread." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/24/371424ba5847ab836a4db4aa37c5da/full" data-srcset="//static.spotapps.co/spots/24/371424ba5847ab836a4db4aa37c5da/small 200w, //static.spotapps.co/spots/24/371424ba5847ab836a4db4aa37c5da/medium 400w, //static.spotapps.co/spots/24/371424ba5847ab836a4db4aa37c5da/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/81/4b9cd2b9b1435a93eb1a5339bdaffc/full"><div class="img"><img alt="Assorted dishes and drinks on a table." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/81/4b9cd2b9b1435a93eb1a5339bdaffc/full" data-srcset="//static.spotapps.co/spots/81/4b9cd2b9b1435a93eb1a5339bdaffc/small 200w, //static.spotapps.co/spots/81/4b9cd2b9b1435a93eb1a5339bdaffc/medium 400w, //static.spotapps.co/spots/81/4b9cd2b9b1435a93eb1a5339bdaffc/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/11/0344a6f7944e498d84f82a16370fa4/full"><div class="img"><img alt="Outdoor seating area with picnic tables under large trees." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/11/0344a6f7944e498d84f82a16370fa4/full" data-srcset="//static.spotapps.co/spots/11/0344a6f7944e498d84f82a16370fa4/small 200w, //static.spotapps.co/spots/11/0344a6f7944e498d84f82a16370fa4/medium 400w, //static.spotapps.co/spots/11/0344a6f7944e498d84f82a16370fa4/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/6c/dbc6883b554f338204428c2b52927e/full"><div class="img"><img alt="Italian chopped salad on a wooden board surrounded by tacos, caprese salad, and a cocktail." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/6c/dbc6883b554f338204428c2b52927e/full" data-srcset="//static.spotapps.co/spots/6c/dbc6883b554f338204428c2b52927e/small 200w, //static.spotapps.co/spots/6c/dbc6883b554f338204428c2b52927e/medium 400w, //static.spotapps.co/spots/6c/dbc6883b554f338204428c2b52927e/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/9c/d
1648d3b6cd6d645fe8632071c2643a2c4/full"><div class="img"><img alt="Brewing tanks." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/9c/dd3b6cd6d645fe8632071c2643a2c4/full" data-srcset="//static.spotapps.co/spots/9c/dd3b6cd6d645fe8632071c2643a2c4/small 200w, //static.spotapps.co/spots/9c/dd3b6cd6d645fe8632071c2643a2c4/medium 400w, //static.spotapps.co/spots/9c/dd3b6cd6d645fe8632071c2643a2c4/full 800w" src="https://static.spotapps.co/web/placeholder.png"/></div></a></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/29/f6b82cb9b34d41b60a50ba548b516a/full"><div class="img"><img alt="Live music performance at a crowded brewery." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/29/f6b82cb9b34d41b60a50ba548b516a/full" data-srcset="//static.spotapps.co/spots/29/f6b82cb9b34d41b60a50ba548b516a/small 200w, //static.spotapps.co/spots/29/f6b82cb9b34d41b60a50ba548b516a/medium 400w, //static.spotapps.co/spots/29/f6b82cb9b34d41b60a50ba548b516a/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/25188a716946d4888cfb2f90ea5b83/full"><div class="img"><img alt="Ranch Water cocktail." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/5b/25188a716946d4888cfb2f90ea5b83/full" data-srcset="//static.spotapps.co/spots/5b/25188a716946d4888cfb2f90ea5b83/small 200w, //static.spotapps.co/spots/5b/25188a716946d4888cfb2f90ea5b83/medium 400w, //static.spotapps.co/spots/5b/25188a716946d4888cfb2f90ea5b83/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/94/b885c3f2a24711a39736d00b1fc6f1/full"><div class="img"><img alt="A glass of beer served with pizza and salads." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/94/b885c3f2a24711a39736d00b1fc6f1/full" data-srcset="//static.spotapps.co/spots/94/b885c3f2a24711a39736d00b1fc6f1/small 200w, //static.spotapps.co/spots/94/b885c3f2a24711a39736d00b1fc6f1/medium 400w, //static.spotapps.co/spots/94/b885c3f2a24711a39736d00b1fc6f1/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/7b/005c9770e044b2b088bcd6e4ea09aa/full"><div class="img"><img alt="Italian sandwich, cocktails, and pizza on a wooden table." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/7b/005c9770e044b2b088bcd6e4ea09aa/full" data-srcset="//static.spotapps.co/spots/7b/005c9770e044b2b088bcd6e4ea09aa/small 200w, //static.spotapps.co/spots/7b/005c9770e044b2b088bcd6e4ea09aa/medium 400w, //static.spotapps.co/spots/7b/005c9770e044b2b088bcd6e4ea09aa/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/b1/c4a60ea6c54d40bb53b8e5cc2702b1/full"><div class="img"><img alt="Italian sub sandwich with chips and beer." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/b1/c4a60ea6c54d40bb53b8e5cc2702b1/full" data-srcset="//static.spotapps.co/spots/b1/c4a60ea6c54d40bb53b8e5cc2702b1/small 200w, //static.spotapps.co/spots/b1/c4a60ea6c54d40bb53b8e5cc2702b1/medium 400w, //static.spotapps.co/spots/b1/c4a60ea6c54d40bb53b8e5cc2702b1/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/88/48b1601f7d4f9096f9ce7c96c6ab8a/full"><div class="img"><img alt="Muffaletta sandwich with smoked mozzarella and olive salad on ciabatta." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/88/48b1601f7d4f9096f9ce7c96c6ab8a/full" data-srcset="//static.spotapps.co/spots/88/48b1601f7d4f9096f9ce7c96c6ab8a/small 200w, //static.spotapps.co/spots/88/48b1601f7d4f9096f9ce7c96c6ab8a/medium 400w, //static.spotapps.co/spots/88/48b1601f7d4f9096f9ce7c96c6ab8a/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/d1/fca4b05fe44d1db320a9633b8905ef/full"><div class="img"><img alt="Beer garden with picnic tables." class="img-responsive lazyload" data-sizes="auto" data-src="//static.spotapps.co/spots/d1/fca4b05fe44d1db320a9633b8905ef/full" data-srcset="//static.spotapps.co/spots/d1/fca4b05fe44d1db320a9633b8905ef/small 200w, //static.spotapps.co/spots/d1/fca4b05fe44d1db320a9633b8905ef/medium 400w, //static.spotapps.co/spots/d1/fca4b05fe44d1db320a9633b8905ef/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> 1649 1650
1651.reviews-v2-wrapper .carousel-controls .carousel-control-btn { 1652 color: #fff; 1653} 1654</style><div class="carousel-wrapper reviews-v2-wrapper section-wrapper" id="reviews_v2"><h2 class="section-header">What customers said</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></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> 1655 Sam K.: 1656 <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>Hell yeah! One of the most awarded and tenured among modern Austin breweries, and still going strong. Enjoyed collaborations with other breweries, generally focusing on lagers. Pizza was also huge and eat for the family. We all enjoyed the welcoming, diverse environment and graffiti art.</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> 1657 Josh: 1658 <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>Consistently enjoyable brewery with huge indoor and outdoors seating areas, great stage for performance, and diverse menu of locally crafted draft beers. Its long beer garden style tables make it a great place to bring or meet large parties of people. They have a large parking lot and more parking along nearby streets.</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> 1659 El S.: 1660 <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 pizza is absolutely amazing! Met a friend here and had one slice of his and had to come back the next day to get a full pie. Crust is perfectly thin and the sauce has such a good flavor to it. I ordered the house sausage and it was so delicious. They have live music, outside patio, and plenty of beer on top. Was visiting from out of town and would absolutely go back when I'm in town again!</p></blockquote></div></div></section></div></div></div></div></div></article><article class="hide-show-section" data-hidden="no"><style> 1661.map-newsletter .text-wrapper:before { 1662 background-image: url('https://static.spotapps.co/website_images/ab_websites/60189_website_v2/nl_bg.jpg'); 1663 } 1664 1665</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">Stay with us!</h2>
1665<script id="sph-widget-60189" type="text/javascript"> 1666 (function() { 1667 function async_load(){ 1668 var s = document.createElement('script'); 1669 s.type = 'text/javascript'; 1670 s.async = true; 1671 s.src = 'https://www.spothopperapp.com/spots/60189/widgets/newsletter.js?template=newsletter_widget1'; 1672 var embedder = document.getElementById('sph-widget-60189'); 1673 embedder.parentNode.insertBefore(s, embedder); 1674 1675 // Modify widget's html 1676 setTimeout(function(){ 1677 $( '<span class="bar"></span>' ).insertAfter( '.sph-email-input' ); 1678 $('.sph-submit-button').addClass('custom-temp-btn hvr-fade'); 1679 1680 // Replace <h2> with <p> 1681 document.querySelectorAll('.section-wrapper .sph-email-subscription h2').forEach(h2 => { 1682 const p = document.createElement('p'); 1683 1684 // Copy all attributes from h2 to p 1685 [...h2.attributes].forEach(attr => { 1686 p.setAttribute(attr.name, attr.value); 1687 }); 1688 1689 // Copy inner HTML content 1690 p.innerHTML = h2.innerHTML; 1691 1692 // Replace h2 with p 1693 h2.parentNode.replaceChild(p, h2); 1694 }); 1695 }, 2000); 1696 1697 } 1698 if (window.attachEvent) 1699 window.attachEvent('onload', async_load); 1700 else 1701 window.addEventListener('load', async_load, false); 1702 })(); 1703 </script>
1703</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></style><div class="custom_html_3-section section-wrapper" id="custom_html_3"><div class="container"><h2 class="section-header">PARKING</h2><p>Large free parking lot.</p><p>Overflow parking on weekends and after 5 pm weekdays at Woodview storage units next door (east of the ABGB, behind Local Pastures' truck).</p></div></div></article><article class="hide-show-section" data-hidden="no"><footer class="contact-holder"><div class="contact-v4 section-wrapper" id="contact_v4"><div class="container"><div class="contact-items-holder"><div class="contact-item-pair contact-item-pair-0"><div class="image-holder"><img alt="" class="contact-decoration-img" src="https://static.spotapps.co/website_images/ab_websites/60189_website_v2/logo_contact.png"/></div><div class="contact-item contact-item-left"><div class="contact-location content-container left-content"><div class="hours-title"><h2>Location</h2></div><div class="address" data-gbp-injected="business-name">The Austin Beer Garden Brewing Company</div><div class="address">1305 West Oltorf Street</div><div class="city-state">Austin, TX <div class="zip">78704</div></div><div class="address" data-gbp-injected="get-directions"><a aria-label="Get directions to The Austin Beer Garden Brewing Company, opens in a new tab" class="get-directions-footer-link" href="https://www.google.com/maps/dir/?api=1&destination=The%20Austin%20Beer%20Garden%20Brewing%20Company&destination_place_id=ChIJs6-KANy0RIYRRTcMhnhoFaE" 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></div><div class="contact-item contact-item-right"><div class="find-us content-container right-content"><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/128026944002380" target="_blank"><i class="social-icon fa fa-facebook"></i><span>Facebook page</span></a><a class="contact-icon" href="https://www.instagram.com/theabgb" 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?sca_esv=dbbcd87e5f308596&rlz=1C5CHFA_enRS1159RS1159&q=The+Austin+Beer+Garden+Brewing+Company,+1305+West+Oltorf+Street,+suite+200&si=AMgyJEvkVjFQtirYNBhM3ZJIRTaSJ6PxY6y1_6WZHGInbzDnMfJvGcJhLS1Hpl42dCK83pb3Ry927PZI3D_8IBo0PJDWyAwkGyFlZj6SmBtCZYasAKJm3cps2o3-IvVU4Xdpho-7Rpv6ixL0Oma5ZI5YpnNfH6Vd2-5jiJFFDPCJ1cXHOUD-kLM%3D&sa=X&ved=2ahUKEwjNvIiFjumOAxUozAIHHWz2E2QQrrQLegQILxAA&biw=1512&bih=756&dpr=2#lrd=0x8644b4dc008aafb3:0xa1156878860c3745,1,,,," target="_blank"><i aria-hidden="true" class="social-icon fa fa-google"></i><span>Google page</span></a></div></div></div></div></div><div class="contact-item-pair contact-item-pair-1"><div class="contact-item contact-item-left"><div class="hours"><div class="hours-title"><h2>Hours</h2></div><div>Tuesday â Thursday: 11:30am - 10pm</div><div>Friday: 11:30am - 11pm</div><div>Saturday: 12pm - 11pm</div><div>(opening at 11am for college football in the fall)</div><div>Sunday: 12pm - 10pm</div></div></div><div class="contact-item contact-item-right"><div class="find-us content-container right-content"><div class="contact-us"><div class="contact-us-title"><h2>Contact us</h2></div><p><a href="tel:+15122982242" id="contact_us_v4_section_phone_link"><span class="visuallyhidden">Call us at </span>(512)-298-2242</a></p><p><a href="mailto:[email protected]"><span class="visuallyhidden">Write us at </span>[email protected]</a></p></div></div></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"> 1704 .navbar-fixed-bottom.nav-v1 { 1705 bottom: -100px; 1706 } 1707 .navbar-fixed-bottom.nav-v1 .nav.navbar-nav.navbar-right { 1708 background-color: #fff; 1709 } 1710 .navbar-fixed-bottom.nav-v1 .bottom-svg-border path, 1711 .navbar-fixed-bottom.nav-v1 .bottom-svg-border polygon { 1712 fill: #000; 1713 } 1714 .navbar-fixed-bottom.nav-v1 .bottom-list-item a { 1715 color: #000; 1716 } 1717 .navbar-fixed-bottom.nav-v1 .bottom-list-item a:hover, 1718 .navbar-fixed-bottom.nav-v1 .bottom-list-item a:focus { 1719 color: #DE350F; 1720 text-decoration: none; 1721 } 1722</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="https://order.toasttab.com/online/the-austin-beer-garden-brewing-co" id="bottom_link_4" target="_self"> 1723 Order </a></li><li class="bottom-list-item "><a class="bottom-link " href="https://theabgb.com/parties" id="bottom_link_5" target="_self"> 1724 Parties </a></li></ul></div></nav>
1724<script src="https://static.spotapps.co/web/theabgb--com/lib/jquery/jquery.min.js"></script>
1724<script src="https://static.spotapps.co/web/theabgb--com/lib/bootstrap/js/bootstrap.min.js"></script>
1724<script src="https://static.spotapps.co/web/theabgb--com/lib/owlcarousel/owl.carousel.min.js"></script>
1724<script src="https://static.spotapps.co/web/theabgb--com/lib/masonry/masonry.pkgd.min.js"></script>
1724<script src="https://static.spotapps.co/web/theabgb--com/lib/uikit/js/uikit.min.js" type="text/javascript"></script>
1724<script src="https://static.spotapps.co/web/theabgb--com/lib/uikit/js/slideshow.min.js" type="text/javascript"></script>
1724<script src="https://static.spotapps.co/web/theabgb--com/lib/uikit/js/slideshow-fx.min.js"></script>
1724<script src="https://static.spotapps.co/web/theabgb--com/lib/imagesloaded/imagesloaded.pkgd.min.js"></script>
1724<script src="https://static.spotapps.co/iframeResizer.js" type="text/javascript"></script>
1724<script src="//static.spotapps.co/web-lib/leaflet/[email protected]/dist/leaflet.js"></script>
1724<script src="//static.spotapps.co/web-lib/leaflet/leaflet-providers.js"></script>
1724<script src="//static.spotapps.co/web-lib/leaflet/[email protected]/dist/leaflet-gesture-handling.min.js"></script>
1724<script src="https://static.spotapps.co/web/theabgb--com/lib/fancybox/source/jquery.fancybox.js" type="text/javascript"></script>
1724<script src="https://static.spotapps.co/web/theabgb--com/lib/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script>
1724<script src="https://static.spotapps.co/web/theabgb--com/lib/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7" type="text/javascript"></script>
1724<script src="https://static.spotapps.co/web/theabgb--com/lib/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6" type="text/javascript"></script>
1724<script type="text/javascript"> 1725 1726 1727 1728 $("#bottom_link_4").on("click", function(){ 1729 if (ga_check()) 1730 universal_ga('send', 'event', 'Button', 'Click', 'Order Online'); 1731 }); 1732 $("#bottom_link_5").on("click", function(){ 1733 if (ga_check()) 1734 universal_ga('send', 'event', 'Button', 'Click', 'Private Party'); 1735 }); 1736 $('.header-logo, .nav-v2-home-btn').click(function(event) { 1737 if ( window.location.pathname == '/' || window.location.pathname == '/index.php') { 1738 event.preventDefault(); 1739 var windowScrollTop = $(window).scrollTop(); 1740 if(windowScrollTop > 150) { 1741 $('html, body').animate({scrollTop: 0}, 750); 1742 } 1743 } 1744 }); 1745 1746$(".banner-section a.banner-pin").click(function(e) { 1747 // target element id 1748 var id = $(this).attr('href'); 1749 1750 // target element 1751 var section = $(id); 1752 if (section.length === 0) { 1753 return; 1754 } 1755 1756 // prevent standard hash navigation (avoid blinking in IE) 1757 e.preventDefault(); 1758 1759 // top position relative to the document 1760 var pos = section.offset().top - 100 + 10; 1761 1762 // animated top scrolling 1763 $('body, html').animate({scrollTop: pos}, 750); 1764}); 1765 1766$(document).ready(function() { 1767 var navHeight = $('nav.navbar').height(); 1768 $('html').css("scroll-padding-top", navHeight); 1769}); 1770 1771$(document).on('scroll', function (e) { 1772 if($(document).scrollTop() > 0) { 1773 $('.navbar.nav-v7').addClass('nav-scroll'); 1774 }else { 1775 $('.navbar.nav-v7').removeClass('nav-scroll'); 1776 } 1777}); 1778 1779$(function() { 1780 setDropDownMenuWidth(); 1781 1782 function setDropDownMenuWidth() { 1783 var tabs_list = $('.navbar-tabs .navbar-nav'); 1784 1785 $(tabs_list).find('li.drop-down-link').each(function() { 1786 var sub_menu_width = $(this).outerWidth(true); 1787 if (sub_menu_width < 100) { 1788 sub_menu_width = 100; 1789 } 1790 $(this).find('.sub-menu').css('width', sub_menu_width+'px'); 1791 }); 1792 } 1793 1794 $( window ).resize(function() { 1795 setDropDownMenuWidth(); 1796 }); 1797 1798 $('.nav a:not(.drop-down)').on('click', function () { 1799 $('.navbar-collapse').collapse('hide'); 1800 }); 1801 1802}); 1803 1804 1805 1806$( '.drop-down-link .drop-down' ).click(function(event) { 1807 event.preventDefault(); 1808 event.stopPropagation(); 1809 1810 var drop_down = $(this).closest('.drop-down-link'); 1811 var drop_down_a = $(this); 1812 1813 if($(drop_down_a).attr("aria-expanded") == "true") { 1814 $(drop_down_a).attr("aria-expanded",false) 1815 } else { 1816 $(drop_down_a).attr("aria-expanded",true) 1817 } 1818 1819 var sub_menu = $(this).closest('.drop-down-link').find( '.sub-menu' ); 1820 1821 if ( $(sub_menu).is( ':hidden' ) ) { 1822 $(sub_menu).slideDown(); 1823 $(drop_down).addClass('active'); 1824 } else { 1825 $(sub_menu).slideUp(); 1826 $(drop_down).removeClass('active'); 1827 } 1828}); 1829 1830$(".nav-v7 .navbar-contact .nav-address a").click(function(e) { 1831 1832 if ( window.location.pathname == '/' || window.location.pathname == '/index.php') { 1833 // target element id 1834 var id = $(this).attr('href').substr(1); 1835 1836 // target element 1837 var section = $(id); 1838 if (section.length === 0) { 1839 return; 1840 } 1841 1842 // prevent standard hash navigation (avoid blinking in IE) 1843 e.preventDefault(); 1844 1845 // top position relative to the document 1846 var pos = section.offset().top - 100 + 10; 1847 1848 // animated top scrolling 1849 $('body, html').animate({scrollTop: pos}, 750); 1850 1851 } 1852}); 1853 1854const mobileDrop = document.querySelector('.mobile-full-height #navbar-collapse-1 .navbar-nav'); 1855const mobileDropButton = document.querySelector('.mobile-full-height .navbar-toggle'); 1856const mobileHeader = document.querySelector('.mobile-full-height .navbar-header'); 1857 1858mobileDropButton?.addEventListener('click', () => { 1859 mobileHeaderBottomPos = mobileHeader.getBoundingClientRect().bottom; 1860 mobileDrop.style.paddingTop = mobileHeaderBottomPos + 'px'; 1861}); 1862 1863(function () { 1864 const isSafari = (() => { 1865 const ua = navigator.userAgent; 1866 return ua.includes('Safari') && // Safari must be present 1867 !ua.includes('Chrome') && // Exclude Chrome (has 'Safari' in UA) 1868 !ua.includes('Edg'); // Exclude Edge 1869 })(); 1870 1871 if (!isSafari) return; 1872 const menu = document.getElementById('navbar-collapse-1'); 1873 1874 // When coming back from a _blank tab or bfcache restore, force a repaint. 1875 function nudgeRepaint() { 1876 if (!menu || !menu.classList.contains('in')) return; 1877 // toggle display to flush rendering, then poke will-change for one frame 1878 const prev = menu.style.display; 1879 menu.style.display = 'none'; 1880 // force reflow 1881 void menu.offsetHeight; 1882 menu.style.display = prev || ''; 1883 menu.style.willChange = 'opacity'; 1884 requestAnimationFrame(() => { menu.style.willChange = 'auto'; }); 1885 } 1886 1887 document.addEventListener('visibilitychange', () => { 1888 if (document.visibilityState === 'visible') nudgeRepaint(); 1889 }); 1890 1891 // iOS/macOS Safari often restores pages from bfcache 1892 window.addEventListener('pageshow', (e) => { 1893 if (e.persisted) nudgeRepaint(); 1894 else nudgeRepaint(); 1895 }, { passive: true }); 1896 1897 // Keep menu open when clicking links that open in a new tab 1898 menu?.addEventListener('click', (e) => { 1899 const a = e.target.closest('a'); 1900 if (!a) return; 1901 if (a.target === '_blank') { 1902 // avoid any delegated "close on link click" handlers firing first 1903 e.stopPropagation(); 1904 // allow navigation; after we return, repaint nudge will run 1905 } 1906 }, true); 1907})(); 1908 1909document.querySelectorAll('.navbar .navbar-nav > li.cta-nav-tab').forEach((li) => { 1910 li.addEventListener('click', (e) => { 1911 if (e.defaultPrevented) return; 1912 1913 if (e.target.closest('a')) return; 1914 1915 const link = li.querySelector('a[href]'); 1916 if (!link) return; 1917 1918 if (e.metaKey || e.ctrlKey || e.shiftKey || e.button === 1 || link.target === '_blank') { 1919 window.open(link.href, link.target || '_blank'); 1920 return; 1921 } 1922 1923 link.click(); 1924 }); 1925 1926 li.addEventListener('keydown', (e) => { 1927 if ((e.key === 'Enter' || e.key === ' ') && !e.target.closest('a')) { 1928 const link = li.querySelector('a[href]'); 1929 if (!link) return; 1930 e.preventDefault(); 1931 link.click(); 1932 } 1933 }); 1934}); 1935 1936 $(document).ready(function() { 1937 var video = $("#coverVideo")[0]; 1938 1939 // Cover video Play/pause 1940 $(".video-controls-btn").click(function () { 1941 if (video.paused) { 1942 video.play(); 1943 $(".video-controls-btn").focus(); 1944 $(".video-controls-btn i.fa-play").hide(); 1945 $(".video-controls-btn i.fa-pause").show(); 1946 $(".video-controls-btn").attr("aria-label", "The decorative video is currently playing, pause the video"); 1947 $(".video-controls-btn .off-screen").text("The decorative video is currently playing"); 1948 } else { 1949 video.pause(); 1950 $(".video-controls-btn").focus(); 1951 $(".video-controls-btn i.fa-play").show(); 1952 $(".video-controls-btn i.fa-pause").hide(); 1953 $(".video-controls-btn").attr("aria-label", "The decorative video is currently paused, play the video"); 1954 $(".video-controls-btn .off-screen").text("The decorative video is currently paused"); 1955 } 1956 }); 1957 // Cover video sound on/off 1958 if (video.muted) { 1959 $(".video-volume-btn").addClass('off'); 1960 } 1961 1962 $(".video-volume-btn").click(function () { 1963 if (video.muted) { 1964 video.muted = false;
1965 $(".video-volume-btn").removeClass('off'); 1966 $(".video-volume-btn").addClass('on'); 1967 $(".video-volume-btn").attr("aria-label", "The decorative video sound is on, turn it off"); 1968 $(".video-volume-btn .off-screen").text("The decorative video sound is on"); 1969 } else { 1970 video.muted = true; 1971 $(".video-volume-btn").removeClass('on'); 1972 $(".video-volume-btn").addClass('off'); 1973 $(".video-volume-btn").attr("aria-label", "The decorative video sound is off, turn it on"); 1974 $(".video-volume-btn .off-screen").text("The decorative video sound is off"); 1975 } 1976 }); 1977 }); 1978 $(document).ready(function() { 1979 1980 var slideshow = $('[data-uk-slideshow]').data('slideshow'); 1981 1982 //play or pause slideshow functions 1983 $('.slideshow-v2-wrapper .slideshow-controls-btn').click(function () { 1984 if($(this).hasClass('playing')){ 1985 slideshow.stop(); 1986 $(this).removeClass('playing'); 1987 $(this).addClass('paused'); 1988 $(this).attr( "aria-label", "The slideshow is currently paused, play the slideshow"); 1989 }else { 1990 slideshow.start(); 1991 $(this).removeClass('paused'); 1992 $(this).addClass('playing'); 1993 $(this).attr( "aria-label", "The slideshow is currently playing, pause the slideshow"); 1994 } 1995 }); 1996 1997 $('.slideshow-v2-wrapper .uk-dotnav a, .slideshow-v2-wrapper a.uk-slidenav').click(function () { 1998 $('.slideshow-v2-wrapper .slideshow-controls-btn').removeClass('playing'); 1999 $('.slideshow-v2-wrapper .slideshow-controls-btn').addClass('paused'); 2000 $('.slideshow-v2-wrapper .slideshow-controls-btn').attr( "aria-label", "The slideshow is currently paused, play the slideshow"); 2001 }); 2002 2003 (function( func ) { 2004 $.fn.addClass = function() { // replace the existing function on $.fn 2005 func.apply( this, arguments ); // invoke the original function 2006 this.trigger('classChanged'); // trigger the custom event 2007 return this; // retain jQuery chainability 2008 } 2009 })($.fn.addClass); // pass the original function as an argument 2010 2011 (function( func ) { 2012 $.fn.removeClass = function() { 2013 func.apply( this, arguments ); 2014 this.trigger('classChanged'); 2015 return this; 2016 } 2017 })($.fn.removeClass); 2018 $('.uk-slideshow li').each(function(index) { 2019 $(this).find('.custom-temp-btn').attr("tabindex", -1); 2020 $(this).on('classChanged', function(){ 2021 if($(this).hasClass('uk-active')){ 2022 $(this).find('.custom-temp-btn').attr("tabindex", 0); 2023 $(slideDot[index]).attr('aria-current', 'true'); 2024 } else { 2025 $(this).find('.custom-temp-btn').attr("tabindex", -1); 2026 $(slideDot[index]).attr('aria-current', 'false'); 2027 } 2028 }); 2029 }); 2030 2031 var slideDot = $('.slideshow-v2-wrapper .uk-dotnav li a'); 2032 2033 slideDot.attr('aria-current', 'false'); 2034 $(slideDot[0]).attr('aria-current', 'true'); 2035 2036 }); 2037 2038$(document).ready(function() { 2039 2040 if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Mac') != -1 && navigator.userAgent.indexOf('Chrome') == -1 && $(window).width() > 767) { 2041 2042 // Turn Off animations on Safari browser for Mac desktop 2043 $('html').addClass('safari-mac'); 2044 2045 } 2046 else { 2047 2048 var animation_item_elements = $('.about-us-v8-item'); 2049 var window_var = $(window); 2050 2051 function check_if_item_in_view() { 2052 var window_var_height = window_var.height(); 2053 var window_var_top_position = window_var.scrollTop(); 2054 var window_var_bottom_position = (window_var_top_position + window_var_height/2 + 100); 2055 2056 $.each(animation_item_elements, function() { 2057 var element_var = $(this); 2058 var element_var_height = element_var.outerHeight(); 2059 var element_var_top_position = element_var.offset().top; 2060 var element_var_bottom_position = (element_var_top_position + element_var_height/2 + 100); 2061 2062 //check to see if this current container is within viewport 2063 if ((element_var_bottom_position >= window_var_top_position) && 2064 (element_var_top_position <= window_var_bottom_position)) { 2065 element_var.addClass('animate'); 2066 } else { 2067 // element_var.removeClass('in-view'); 2068 } 2069 }); 2070 } 2071 2072 window_var.on('scroll resize', check_if_item_in_view); 2073 window_var.trigger('scroll'); 2074 2075 } 2076 2077 2078}); 2079 $(document).ready(function() { 2080 2081 if ( $(window).width() < 768 ) { 2082 2083 var home_sections = $('article'); 2084 var home_section_id; 2085 var about_v9_section_position; 2086 2087 for (var i = 0; i < home_sections.length; i++) { 2088 home_section_id = $(home_sections[i]).find(".section-wrapper").attr("id"); 2089 if (home_section_id == "aboutus_v9") { 2090 about_v9_section_position = i; 2091 } 2092 } 2093 2094 if ( (about_v9_section_position == 0) || (about_v9_section_position == 1) ) { 2095 // Turn Off animations 2096 $('html').addClass('safari-mac'); 2097 } 2098 } 2099 2100 }); 2101$(document).ready(function() { 2102 2103 if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Mac') != -1 && navigator.userAgent.indexOf('Chrome') == -1 && $(window).width() > 767) { 2104
2105 // Turn Off animations on Safari browser for Mac desktop 2106 $('html').addClass('safari-mac'); 2107 2108 } 2109 else { 2110 2111 var animation_item_elements = $('.about-us-v8-item'); 2112 var window_var = $(window); 2113 2114 function check_if_item_in_view() { 2115 var window_var_height = window_var.height(); 2116 var window_var_top_position = window_var.scrollTop(); 2117 var window_var_bottom_position = (window_var_top_position + window_var_height/2 + 100); 2118 2119 $.each(animation_item_elements, function() { 2120 var element_var = $(this); 2121 var element_var_height = element_var.outerHeight(); 2122 var element_var_top_position = element_var.offset().top; 2123 var element_var_bottom_position = (element_var_top_position + element_var_height/2 + 100); 2124 2125 //check to see if this current container is within viewport 2126 if ((element_var_bottom_position >= window_var_top_position) && 2127 (element_var_top_position <= window_var_bottom_position)) { 2128 element_var.addClass('animate'); 2129 } else { 2130 // element_var.removeClass('in-view'); 2131 } 2132 }); 2133 } 2134 2135 window_var.on('scroll resize', check_if_item_in_view); 2136 window_var.trigger('scroll'); 2137 2138 } 2139 2140 2141}); 2142 $(document).ready(function() { 2143 2144 if ( $(window).width() < 768 ) { 2145 2146 var home_sections = $('article'); 2147 var home_section_id; 2148 var about_v10_section_position; 2149 2150 for (var i = 0; i < home_sections.length; i++) { 2151 home_section_id = $(home_sections[i]).find(".section-wrapper").attr("id"); 2152 if (home_section_id == "aboutus_v11") { 2153 about_v10_section_position = i; 2154 } 2155 } 2156 2157 if ( (about_v10_section_position == 0) || (about_v10_section_position == 1) ) { 2158 // Turn Off animations 2159 $('html').addClass('safari-mac'); 2160 } 2161 } 2162 2163 }); 2164$(document).ready(function() { 2165 2166 if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Mac') != -1 && navigator.userAgent.indexOf('Chrome') == -1 && $(window).width() > 767) { 2167 2168 // Turn Off animations on Safari browser for Mac desktop 2169 $('html').addClass('safari-mac'); 2170 2171 } 2172 else { 2173 2174 var animation_item_elements = $('.about-us-v8-item'); 2175 var window_var = $(window); 2176 2177 function check_if_item_in_view() { 2178 var window_var_height = window_var.height(); 2179 var window_var_top_position = window_var.scrollTop(); 2180 var window_var_bottom_position = (window_var_top_position + window_var_height/2 + 100); 2181 2182 $.each(animation_item_elements, function() { 2183 var element_var = $(this); 2184 var element_var_height = element_var.outerHeight(); 2185 var element_var_top_position = element_var.offset().top; 2186 var element_var_bottom_position = (element_var_top_position + element_var_height/2 + 100); 2187 2188 //check to see if this current container is within viewport 2189 if ((element_var_bottom_position >= window_var_top_position) && 2190 (element_var_top_position <= window_var_bottom_position)) { 2191 element_var.addClass('animate'); 2192 } else { 2193 // element_var.removeClass('in-view'); 2194 } 2195 }); 2196 } 2197 2198 window_var.on('scroll resize', check_if_item_in_view); 2199 window_var.trigger('scroll'); 2200 2201 } 2202 2203 2204}); 2205 $(document).ready(function() { 2206 2207 if ( $(window).width() < 768 ) { 2208 2209 var home_sections = $('article'); 2210 var home_section_id; 2211 var about_v11_section_position; 2212 2213 for (var i = 0; i < home_sections.length; i++) { 2214 home_section_id = $(home_sections[i]).find(".section-wrapper").attr("id"); 2215 if (home_section_id == "aboutus_v11") { 2216 about_v11_section_position = i; 2217 } 2218 } 2219 2220 if ( (about_v11_section_position == 0) || (about_v11_section_position == 1) ) { 2221 // Turn Off animations 2222 $('html').addClass('safari-mac'); 2223 } 2224 } 2225 2226 }); 2227 // init Masonry 2228 var gridGallery = $('#gallery_v4 .gallery-v4-grid').masonry({ 2229 columnWidth: '.gallery-v4-grid-sizer', 2230 // do not use .grid-sizer in layout 2231 itemSelector: '.gallery-v4-grid-item', 2232 percentPosition: true, 2233 fitWidth: true 2234 }); 2235 2236 gridGallery.imagesLoaded(function() { 2237 gridGallery.masonry('layout'); 2238 }); 2239 2240 // layout Masonry after each image loads 2241 gridGallery.imagesLoaded().progress( function() { 2242 gridGallery.masonry('layout'); 2243 }); 2244 2245 // Re-set gallery layout 2246 $(window).on('load', function() { 2247 // trigger Masonry layout 2248 gridGallery.masonry('layout'); 2249 }); 2250 function discontinuousGG(func){ 2251 var timer; 2252 return function(event){ 2253 if(timer) clearTimeout(timer); 2254 timer = setTimeout(func,200,event); 2255 }; 2256 } 2257 $(window).on("resize", discontinuousGG(function() { 2258 setTimeout(() => gridGallery.masonry('layout'), 300); 2259 })); 2260 2261 $(document).ready(function() { 2262 2263 var fancyboxSlider = $('#gallery_v4 .fancybox'); 2264 2265 fancyboxSlider.attr('rel', 'gallery').fancybox({ 2266 beforeShow : function() { 2267 var alt = this.element.find('img').attr('alt'); 2268 this.inner.find('img').attr('alt', alt); 2269 }, 2270 padding : 15, 2271 margin: 20, 2272 arrows : true, 2273 closeBtn: true, 2274 autoPlay : false, 2275 playSpeed : 3000, 2276 loop : true, 2277 openEffect : 'fade', 2278 closeEffect : 'fade', 2279 nextEffect : 'elastic', 2280 prevEffect : 'elastic', 2281 helpers : { 2282 overlay : { 2283 css : { 2284 'background' : 'rgba(0, 0, 0, 0.5)' 2285 },
2286 locked: false 2287 } 2288 } 2289 }); 2290 2291 var galleryToggleBtn = $('.gallery-v4-wrapper .gallery-toggle'); 2292 var galleryImages = $('.gallery-v4-grid-item a'); 2293 var galleryToggleTextOff = 'The Photo Gallery of ' + galleryImages.length + ' images can be accessed, hide the Photo Gallery from the Screen Reader'; 2294 var galleryToggleTextOn = 'The Photo Gallery of ' + galleryImages.length + ' images is hidden from the Screen Reader, access the Photo Gallery'; 2295 galleryToggleBtn.attr('aria-label', galleryToggleTextOff); 2296 2297 galleryToggleBtn.on('click',function(){ 2298 $(this).toggleClass('gt-off'); 2299 2300 const parentElement = $(this).closest('article'); 2301 const nextElement = $(parentElement).next(); 2302 2303 if ($(this).hasClass('gt-off')) { 2304 $(this).attr('aria-label', galleryToggleTextOff); 2305 galleryImages.each(function() { 2306 $(this).attr('aria-hidden', 'false').attr('tabindex', '0'); 2307 }); 2308 } else { 2309 $(this).attr('aria-label', galleryToggleTextOn); 2310 galleryImages.each(function() { 2311 $(this).attr('aria-hidden', 'true').attr('tabindex', '-1'); 2312 }); 2313 2314 if (nextElement.length !== 0) { 2315 const scrollTo = $(nextElement).offset().top - 100; 2316 $('html, body').animate({ scrollTop: scrollTo }, 1000); 2317 } 2318 } 2319 }); 2320 2321 }); 2322 $(document).ready(function() { 2323 2324 var owlReviews = $('#reviews_v2 .owl-carousel'); 2325 owlReviews.owlCarousel({ 2326 onInitialized: function (property) { 2327 //check if show dots is true in config 2328 if(true){ 2329 $('.reviews-v2-wrapper .owl-dot').each(function( index ) { 2330 var i = index + 1; 2331 $(this).html('<button aria-label="Review '+i+'"><span class="visuallyhidden">Review '+i+'</span></button>'); 2332 }); 2333 } 2334 //check if show arrows is true in config 2335 if(true && !true){ 2336 reviewsHandleArrowTabbing(owlReviews); 2337 } 2338 //prevent voiceover from reading hidden content 2339 $('.reviews-v2-wrapper').find('.owl-item').attr('aria-hidden','true'); 2340 $(property.target).find(".owl-item").eq(property.item.index).attr('aria-hidden','false'); 2341 }, 2342 margin: 0, 2343 nav: true, 2344 dots: true, 2345 dotsContainer: '#reviews_v2 .owl-dots', 2346 autoplay: true, 2347 autoplayTimeout: 6000, 2348 autoplayHoverPause: false, 2349 loop: true, 2350 navText: [ '<button aria-label="previous review">‹</button>', '<button aria-label="next review">›</button>' ], 2351 responsive: { 2352 0: { 2353 items: 1 2354 }, 2355 600: { 2356 items: 1 2357 }, 2358 1000: { 2359 items: 1 2360 } 2361 } 2362 }); 2363 2364 function discontinuousReviews(func){ 2365 var timer; 2366 return function(event){ 2367 if(timer) clearTimeout(timer); 2368 timer = setTimeout(func,200,event); 2369 }; 2370 } 2371 2372 $('#reviews_v2 .owl-dot button').attr('aria-current', 'false'); 2373 $('#reviews_v2 .owl-dot:first button').attr('aria-current', 'true'); 2374 2375 function reviewsCarouselStop() { 2376 owlReviews.trigger('stop.owl.autoplay'); 2377 owlReviews.data('owl.carousel').settings.autoplay = false; 2378 $('#reviews_v2 .carousel-control-btn').removeClass('stop-carousel'); 2379 $('#reviews_v2 .carousel-control-btn').addClass('play-carousel'); 2380 $('#reviews_v2 .carousel-control-btn').attr('aria-label', 'The Reviews carousel is currently paused, play the Reviews carousel'); 2381 } 2382 2383 function reviewsCarouselPlay() { 2384 owlReviews.trigger('play.owl.autoplay',[1000]); 2385 owlReviews.data('owl.carousel').settings.autoplay = true; 2386 $('#reviews_v2 .carousel-control-btn').removeClass('play-carousel'); 2387 $('#reviews_v2 .carousel-control-btn').addClass('stop-carousel'); 2388 $('#reviews_v2 .carousel-control-btn').attr('aria-label', 'The Reviews carousel is currently playing, pause the Reviews carousel'); 2389 } 2390 2391 $('#reviews_v2 .carousel-control-btn').on('click',function(){ 2392 if ($(this).hasClass('stop-carousel')) { 2393 reviewsCarouselStop(); 2394 } else if ($(this).hasClass('play-carousel')) { 2395 reviewsCarouselPlay(); 2396 } 2397 }); 2398 2399 $('#reviews_v2 .owl-dot').click(function () { 2400 owlReviews.trigger('to.owl.carousel', [$(this).index(), 300]); 2401 reviewsCarouselStop(); 2402 }); 2403 2404 $('#reviews_v2 .owl-nav').click(function () { 2405 reviewsCarouselStop(); 2406 }); 2407 2408 $(window).on("resize", discontinuousReviews(function() { 2409 if ($('#reviews_v2 .carousel-control-btn').hasClass('play-carousel')) { 2410 setTimeout(() => reviewsCarouselStop(), 500); 2411 } 2412 })); 2413 2414 $(window).on('focus', function() { 2415 if ($('#reviews_v2 .carousel-control-btn').hasClass('stop-carousel')) { 2416 owlReviews.trigger('next.owl.carousel'); 2417 } 2418 }); 2419 2420 //prevent voiceover from reading hidden content 2421 owlReviews.on('changed.owl.carousel',function(property){ 2422 $('.reviews-v2-wrapper').find('.owl-item').attr('aria-hidden','true'); 2423 $(property.target).find(".owl-item").eq(property.item.index).attr('aria-hidden','false'); 2424 $(property.target).find(".owl-dot").find('button').attr('aria-current', 'false'); 2425 $(property.target).find(".owl-dot").filter('.active').find('button').attr('aria-current', 'true'); 2426 }); 2427 2428 //check if show arrows is true in config 2429 if(true && !true){ 2430 reviewsHandleArrowTabbing(owlReviews); 2431 } 2432 2433 function reviewsHandleArrowTabbing(widget){ 2434 widget.on('changed.owl.carousel',function(property){ 2435 //handle tabbing when previous slider button is hidden 2436 if($(property.target).find(".owl-prev").hasClass('disabled')){ 2437 $(property.target).find(".owl-prev").children().attr('tabindex', -1); 2438 $(property.target).find(".owl-prev").attr('aria-hidden','true'); 2439 } 2440 else { 2441 $(property.target).find(".owl-prev").children().attr('tabindex', 0); 2442 $(property.target).find(".owl-prev").attr('aria-hidden','false'); 2443 } 2444 //handle tabbing when next slider button is hidden 2445 if($(property.target).find(".owl-next").hasClass('disabled')){
2446 $(property.target).find(".owl-next").children().attr('tabindex', -1); 2447 $(property.target).find(".owl-next").attr('aria-hidden','true'); 2448 } 2449 else { 2450 $(property.target).find(".owl-next").children().attr('tabindex', 0); 2451 $(property.target).find(".owl-next").attr('aria-hidden','false'); 2452 } 2453 }); 2454 } 2455 2456 $('.reviews-v2-wrapper .owl-nav').insertBefore($('.reviews-v2-wrapper .owl-stage-outer')); 2457 $('.reviews-v2-wrapper .owl-dots').insertBefore($('.reviews-v2-wrapper .owl-nav')); 2458 2459 });iFrameResize({ 2460 enablePublicMethods: true, 2461 enableInPageLinks: true 2462}); 2463 2464var marker_icon = ""; 2465var additionalPins = ''; 2466if (additionalPins) { 2467 var locationsArray = JSON.parse(''); 2468} 2469 2470var google_map_url = 'https://www.google.com/maps/place/' + ",1305 West Oltorf Street,Austin,TX,78704".split(' ').join('+'); 2471function open_google_map() { 2472 window.open(google_map_url, '_blank') 2473} 2474 2475function discontinuous(func){ 2476 var timer; 2477 return function(event){ 2478 if(timer) clearTimeout(timer); 2479 timer = setTimeout(func,200,event); 2480 }; 2481} 2482 2483function init_open_street_map() { 2484 if (additionalPins) { 2485 var map = L.map('map-v3-container', { 2486 minZoom: 3, 2487 zoomControl: false, 2488 zoomSnap: 1, 2489 gestureHandling: true 2490 }); 2491 2492 var allMarkers = []; 2493 2494 var marker = L.marker([30.245328122256, -97.768855914985], {title: '1305 West Oltorf Street, Austin', alt: 'View 1305 West Oltorf Street, Austin on Google maps - opens in a new tab'}).addTo(map); 2495 allMarkers.push(marker); 2496 2497 marker.on('click keypress', open_google_map); 2498 2499 locationsArray.forEach(function(element, index) { 2500 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); 2501 2502 additionalMarker.on('click keypress', function() { 2503 window.open(element.pin_link, '_blank'); 2504 }); 2505 2506 allMarkers.push(additionalMarker); 2507 2508 }); 2509 2510 function fitBoundsToMarkers(osmap, markers) { 2511 osmap.invalidateSize(); 2512 var group = new L.featureGroup(markers); 2513 osmap.fitBounds(group.getBounds(), {padding: [50, 50]}); 2514 } 2515 2516 fitBoundsToMarkers(map, allMarkers); 2517 2518 document.querySelector('.reset-zoom-btn').addEventListener('click', function () { 2519 fitBoundsToMarkers(map, allMarkers); 2520 }); 2521 2522 window.addEventListener("resize", discontinuous(function(e) { 2523 fitBoundsToMarkers(map, allMarkers); 2524 })); 2525 } else { 2526 var map = L.map('map-v3-container', { 2527 center: [ 30.245328122256, -97.768855914985], 2528 zoom: 16, 2529 dragging: false, 2530 minZoom: 3, 2531 zoomControl: false, 2532 }); 2533 2534 var marker = L.marker([30.245328122256, -97.768855914985], {title: '1305 West Oltorf Street, Austin', alt: 'View 1305 West Oltorf Street, Austin on Google maps - opens in a new tab'}).addTo(map); 2535 2536 marker.on('click keypress', open_google_map); 2537 2538 map.scrollWheelZoom.disable(); 2539 } 2540 2541 if (marker_icon.length>0){ 2542 var myIcon = L.icon({ 2543 iconUrl: marker_icon, 2544 iconSize: [35,35] 2545 }); 2546 2547 if(allMarkers) { 2548 allMarkers.forEach(marker => { 2549 marker.setIcon(myIcon); 2550 marker.update(); 2551 }); 2552 } else { 2553 marker.setIcon(myIcon); 2554 marker.update(); 2555 } 2556 } 2557 2558 L.tileLayer.provider('CartoDB.Positron').addTo(map); 2559 L.control.zoom({ 2560 position:'bottomleft' 2561 }).addTo(map); 2562 2563 $('.openstreetmap-v3-wrapper #map-v3-container').removeAttr('tabindex'); 2564 $('.leaflet-touch .leaflet-bar a').attr('tabindex', '-1'); 2565 $('.leaflet-container .leaflet-marker-pane img').attr('role', 'link'); 2566} 2567 2568$(document).ready(function() { 2569 init_open_street_map(); 2570}); 2571$("#contact_us_v4_section_phone_link").on("click", function(){ 2572 if (ga_check()) 2573 universal_ga('send', 'event', 'Button', 'Click', 'Phone'); 2574}); 2575$(document).ready(function() { 2576 const hours = document.querySelector(".contact-v4 .hours"); 2577 if (!hours) return; 2578 const daysGroup = hours.querySelectorAll(":scope > div:not(.hours-title)"); 2579 2580 if (!hours.classList.contains("content-container") && !hours.classList.contains("left-content")) { 2581 hours.classList.add("content-container", "left-content"); 2582 }; 2583 2584 if (!hours.querySelector(":scope > div.days-group")) { 2585 daysGroup.forEach(element => { 2586 element.classList.add("days-group"); 2587 element.style.padding = "0"; 2588 }); 2589 }; 2590}); setTimeout(function(){ 2591 $('.navbar-fixed-bottom.nav-v1').addClass('show-bottom-nav'); triggerShowFooterEvents(); 2592 }, 4000); 2593 2594 var navigation_alpha_starts_from = 0; 2595 var navigation_background_color = "rgba(0, 0, 0,";
2596 var navigation_darkens_on_scroll = "1"; 2597 var top_nav_new_style = !navigation_darkens_on_scroll && ($(window).width() > 767); 2598 var custom_nav_style = "1"; 2599 if(!custom_nav_style){ 2600 $('.navbar-regular').css('background-color', 'rgba(255, 255, 255,' + navigation_alpha_starts_from + ')'); 2601 $('.navbar-inverse').css('background-color', navigation_background_color + (top_nav_new_style ? 0 : navigation_alpha_starts_from) + ')'); 2602 } 2603 2604 if (navigation_darkens_on_scroll && !custom_nav_style) { 2605 $(document).on('scroll', function (e) { 2606 var alpha = navigation_alpha_starts_from + $(document).scrollTop() / 1950; 2607 $('.navbar-inverse').css('background-color', navigation_background_color + alpha + ')'); 2608 $('.navbar-regular').css('background-color', 'rgba(255, 255, 255,' + alpha + ')'); 2609 }); 2610 } 2611 2612 if (!navigation_darkens_on_scroll && !custom_nav_style) { 2613 $(window).resize(function() { 2614 if ($(window).width() > 767) 2615 $('.navbar-inverse').css('background-color', navigation_background_color + 0 + ')'); 2616 else 2617 $('.navbar-inverse').css('background-color', navigation_background_color + navigation_alpha_starts_from + ')'); 2618 }); 2619 } 2620 2621 $(document).on('shown.bs.modal', '.modal', function () { 2622 $(this).attr('aria-hidden', 'false'); 2623 }); 2624 $(document).on('hidden.bs.modal', '.modal', function () { 2625 $(this).attr('aria-hidden', 'true'); 2626 }); 2627 2628</script>
2628<script> 2629 var animate_sections = ["banner","aboutus_v2","gallery_v3","aboutus_v7"]; 2630 2631 for (var i = 0; i < animate_sections.length; i++) { 2632 $('#'+animate_sections[i]).addClass('animation-element'); 2633 } 2634 2635 var $animation_elements = $('.animation-element'); 2636 var $window = $(window); 2637 2638 function check_if_in_view() { 2639 var window_height = $window.height(); 2640 var window_top_position = $window.scrollTop(); 2641 var window_bottom_position = (window_top_position + window_height/2); 2642 2643 $.each($animation_elements, function() { 2644 var $element = $(this); 2645 var element_height = $element.outerHeight(); 2646 var element_top_position = $element.offset().top; 2647 var element_bottom_position = (element_top_position + element_height/2); 2648 2649 //check to see if this current container is within viewport 2650 if ((element_bottom_position >= window_top_position) && 2651 (element_top_position <= window_bottom_position)) { 2652 $element.addClass('animate'); 2653 } else { 2654 // $element.removeClass('in-view'); 2655 } 2656 }); 2657 } 2658 2659 $window.on('scroll resize', check_if_in_view); 2660 $window.trigger('scroll'); 2661 </script>
2661<script> 2662$(function () { 2663 //If Newsletter widget (popup or section) is on 2664 if ($('.newsletter-popup').length || $('.map-newsletter').length || $('.newsletter-section').length) { 2665 //Inject html needed for ADA 2666 var waitSPHWidget = setInterval(function(){ 2667 if ($('.sph-email-input').length) { 2668 // 2669 $('.sph-loading-img img').attr('alt', 'Newsletter Loader icon'); 2670 clearInterval(waitSPHWidget) 2671 } 2672 }, 300); 2673 } 2674}); 2675</script>
2675<script> 2676// Functions needed for Newsletter (sh widget) subscription submit (case when texting is Off in SH) 2677function isEmail(email) { 2678 var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; 2679 return regex.test(email); 2680} 2681function submitEmail(input_id) { 2682 var shp_email_to_subscribe = $("#sph-newsletter-input-" + input_id); 2683 if (!isEmail(shp_email_to_subscribe.val())) { 2684 alert('Please enter valid email address'); 2685 return; 2686 } 2687 var sph_email_form_div = $(".sph-email-form"); 2688 var sph_loading_img = $(".sph-loading-img"); 2689 var sph_response_message_div = $(".sph-response-message"); 2690 var sph_submit_label = $(".sph-submit-label"); 2691 sph_submit_label.hide(); 2692 sph_loading_img.show(); 2693 var request = $.ajax({ 2694 method: "POST", 2695 url: "https://www.spothopperapp.com/api/spots/60189/contacts/add", 2696 crossDomain: true, 2697 dataType: 'json', 2698 data: { email: shp_email_to_subscribe.val() }, 2699 success: function (data) { 2700 sph_response_message_div.html(data); 2701 sph_email_form_div.hide(); 2702 sph_response_message_div.show(); 2703 }, 2704 error: function (data) { 2705 sph_response_message_div.html("Something went wrong. Please try again later."); 2706 sph_email_form_div.hide(); 2707 sph_response_message_div.show(); 2708 } 2709 }); 2710} 2711</script>
2711<script> 2712// var navbar_names = ["navbar-normal", "navbar", "navbar-collapse-1"]; 2713 2714var navbar_names = ["navbar-normal", "navbar"]; 2715 2716function obtain_analytics_function(){ 2717 if (typeof sph_widgets_ga === 'function'){ 2718 return sph_widgets_ga; 2719 } 2720 2721 if(typeof ga === 'function'){ 2722 return ga; 2723 } 2724 2725 if (typeof gtag === 'function'){ 2726 return gtag; 2727 } 2728 return null; 2729} 2730 2731function do_header_promotion_analytics(eventLabel, link_url){ 2732 2733 var analytics = obtain_analytics_function(); 2734 2735 if (!analytics) { 2736 return null; 2737 } 2738 2739 2740 universal_ga('send', 'event', 'Header Promotion', 'View', eventLabel+'|||'+link_url); 2741 //universal_ga('send', 'event', 'Header Promotion', 'View', eventLabel); 2742 2743 if (typeof $ === 'function'){ 2744 $(".prom-bar-plugin-container a").on("click", function(event){ 2745 universal_ga('send', 'event', { 2746 eventCategory: 'Header Promotion Button', 2747 eventAction: 'Click', 2748 eventLabel: eventLabel+'|||'+event.target.href, 2749 transport: 'beacon' 2750 }); 2751 return true; 2752 }); 2753 } 2754 2755} 2756 2757 2758function displayHeaderPromotion(){ 2759 var items = document.getElementsByClassName('prom-bar-plugin-container'); 2760 2761 if (items.length < 1){ 2762 return null; 2763 } 2764 2765 var item = items[Math.floor(Math.random() * items.length)]; 2766 item.style.display = "block"; 2767 2768 2769 if (window.location.search.indexOf("spot_promotion_channel_id=") == -1){ 2770 do_header_promotion_analytics(item.getAttribute("data-internalname"), 2771 item.getAttribute("data-link-url")); 2772 } 2773 2774 return item; 2775 2776} 2777 2778function findNavbars(){ 2779 2780 if (typeof sh_navigation_element_rule !== 'undefined'){ 2781 var nav_element = $(sh_navigation_element_rule)[0]; 2782 if (typeof nav_element !== 'undefined'){ 2783 return [nav_element]; 2784 } 2785 } 2786 2787 var navbars = []; 2788 for (var i = 0; i< navbar_names.length; i++){ 2789 if (found_element = document.getElementById(navbar_names[i])){ 2790 navbars.push(found_element); 2791 } 2792 } 2793 return navbars; 2794} 2795 2796//window.onscroll = function() {scrollFunction()}; 2797 2798 2799function setBodyTopPadding(value){ 2800 var has_video = document.getElementById("coverVideo") !== null; 2801 if (has_video){ 2802 document.body.style.paddingTop = value+"px"; 2803 } 2804} 2805 2806function scrollFunction(selected_promotion_item){ 2807 2808 var prom_bar_height = $(selected_promotion_item).height() + 12; 2809 // var prom_bar_height = $(".prom-bar-plugin-container").height() + 12; 2810 $(".prom-bar").css({height: prom_bar_height + "px"}); 2811 2812 2813 var navbars = findNavbars(); 2814 for (var i = 0; i<navbars.length; i++){ 2815 navbar = navbars[i]; 2816 if (document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) { 2817 navbar.style.top = "0"; 2818 setBodyTopPadding(0); 2819 document.getElementById("prom-bar-plugin").style.top = - prom_bar_height +"px"; 2820 } else { 2821 navbar.style.top = prom_bar_height + "px"; 2822 $(".nav-v2-home-btn").css({top: prom_bar_height + "px"}); 2823 setBodyTopPadding(prom_bar_height); 2824 document.getElementById("prom-bar-plugin").style.top = "0"; 2825 } 2826 } 2827} 2828 2829 2830 2831function promotion_header_init(){ 2832 if (typeof $ === 'function') { 2833 var item = displayHeaderPromotion(); 2834 if (item){ 2835 scrollFunction(item); 2836 } 2837 } else { 2838 setTimeout(promotion_header_init, 500); 2839 } 2840} 2841 2842promotion_header_init(); 2843</script>
2843<script>(function() { 2844 const MODAL_ID = 'promotion-pop-up'; 2845 const SESSION_KEY = 'promotion-pop-up-container-ids'; 2846 const PADDING = 70; 2847 const RESIZE_DEBOUNCE_MS = 150; 2848 const INITIAL_DELAY = typeof promotion_pop_up_initial_delay === 'undefined' ? 2849 2000 : 2850 promotion_pop_up_initial_delay; 2851 2852 const POP_UP_PRIORITY = ["holiday_party"]; 2853 const _norm = s => (s || "").toString().trim().toLowerCase(); 2854 const PRIORITY_RANK = new Map(POP_UP_PRIORITY.map((n, i) => [_norm(n), i])); 2855 2856 function displayPromotionPopUp() { 2857 const items = document.getElementsByClassName('promotion_pop_up_content'); 2858 2859 // Track shown IDs as a Set (no dups, fast lookups) 2860 const shownIds = new Set( 2861 (sessionStorage.getItem(SESSION_KEY) || '') 2862 .split(',') 2863 .map(s => s.trim()) 2864 .filter(Boolean) 2865 ); 2866 2867 // Hide all; collect items not shown this session 2868 const availableItems = []; 2869 Array.prototype.forEach.call(items, item => { 2870 item.style.display = 'none'; 2871 2872 // --- Exclusion logic --- 2873 // Block popups whose non-custom CTA link is a phone number (tel:) 2874 const isCustomLink = item.getAttribute("data-is-custom-link") ?? "false"; 2875 const linkUrl = item.getAttribute("data-link-url") || ""; 2876 2877 const excludeItem = 2878 isCustomLink === "false" && 2879 linkUrl.trim().toLowerCase().startsWith("tel"); 2880 2881 if (excludeItem) { 2882 return; // Skip this popup entirely 2883 } 2884 2885 if (!shownIds.has(item.id)) { 2886 availableItems.push(item); 2887 } 2888 }); 2889 2890 if (availableItems.length === 0) return false; 2891 2892 // --- Priority logic --- 2893 const norm = s => (s || '').toString().trim().toLowerCase(); 2894 const prioritySource = Array.isArray(POP_UP_PRIORITY) 2895 ? POP_UP_PRIORITY 2896 : Array.isArray(window.pop_up_priority) 2897 ? window.pop_up_priority 2898 : []; 2899 const rank = new Map(prioritySource.map((name, i) => [norm(name), i])); 2900 2901 const records = availableItems.map(el => { 2902 const internal = norm(el.getAttribute('data-internalname')); 2903 const priority = rank.has(internal) ? rank.get(internal) : Infinity; 2904 return { el, priority }; 2905 }); 2906 2907 let selectedItem; 2908 const minPriority = Math.min(...records.map(r => r.priority)); 2909 2910 if (isFinite(minPriority)) { 2911 // Randomize within the highest-priority bucket only 2912 const topBucket = records.filter(r => r.priority === minPriority); 2913 const pick = topBucket[Math.floor(Math.random() * topBucket.length)]; 2914 selectedItem = pick.el; 2915 } else { 2916 // Pure random among all available when no priorities match 2917 selectedItem = availableItems[Math.floor(Math.random() * availableItems.length)]; 2918 } 2919 2920 // Show popup 2921 selectedItem.style.display = 'block'; 2922 2923 // Analytics + persist shown id (unless preview param present) 2924 if (window.location.search.indexOf('spot_promotion_channel_id=') === -1) { 2925 shownIds.add(selectedItem.id); 2926 do_promotion_analytics( 2927 selectedItem.getAttribute('data-internalname'), 2928 selectedItem.id, 2929 selectedItem.getAttribute('data-link-url'), 2930 selectedItem.getAttribute('data-has-image'), 2931 selectedItem.getAttribute('data-is-template-image-and-button') 2932 ); 2933 } 2934 2935 sessionStorage.setItem(SESSION_KEY, Array.from(shownIds).join(',')); 2936 return true; 2937 } 2938 2939 function preloadImages(container, callback) { 2940 const images = container.querySelectorAll('img'); 2941 if (images.length === 0) return callback(); 2942 2943 let loaded = 0; 2944 Array.prototype.forEach.call(images, function(img) { 2945 if (img.complete) { 2946 if (++loaded === images.length) callback(); 2947 } else { 2948 img.addEventListener('load', check); 2949 img.addEventListener('error', check); 2950 } 2951 2952 function check() { 2953 if (++loaded === images.length) callback(); 2954 } 2955 }); 2956 } 2957 2958 function centerModal() { 2959 const modal = document.getElementById(MODAL_ID); 2960 const dialog = modal.querySelector('.promotion-pop-up .modal-dialog'); 2961 if (!dialog) return; 2962 2963 modal.style.display = 'block'; 2964 modal.style.visibility = 'hidden'; 2965 2966 const height = dialog.offsetHeight; 2967 const winHeight = window.innerHeight; 2968 const top = Math.max(0, (winHeight - height) / 2); 2969 dialog.style.top = `${top}px`; 2970 2971 modal.style.visibility = ''; 2972 } 2973 2974 function centerModalVisible() { 2975 const modal = document.getElementById(MODAL_ID); 2976 const dialog = modal.querySelector('.promotion-pop-up .modal-dialog'); 2977 if (!dialog) return; 2978 2979 const height = dialog.offsetHeight; 2980 const winHeight = window.innerHeight; 2981 const top = Math.max(0, (winHeight - height) / 2); 2982 dialog.style.top = `${top}px`; 2983 } 2984 2985 function lockScroll() { 2986 document.body.style.overflow = 'hidden'; 2987 document.ontouchmove = function(e) { 2988 e.preventDefault(); 2989 }; 2990 } 2991 2992 function unlockScroll() { 2993 document.body.style.overflow = ''; 2994 document.ontouchmove = null; 2995 } 2996 2997 function setupModalLayout(modalId) { 2998 const modal = document.getElementById(modalId); 2999 const content = modal?.querySelector('.promotion_pop_up_content[style*="display: block"]'); 3000 if (!content) return; 3001 3002 const header = content.querySelector('.modal-header'); 3003 const footer = content.querySelector('.modal-footer'); 3004 const body = content.querySelector('.modal-body'); 3005 if (!body) return; 3006 3007 const windowHeight = window.innerHeight; 3008 const headerHeight = header?.offsetHeight || 0; 3009 const footerHeight = footer?.offsetHeight || 0;
3010 const maxBodyHeight = windowHeight - headerHeight - footerHeight - PADDING; 3011 3012 body.style.maxHeight = `${maxBodyHeight}px`; 3013 body.style.overflowY = 'auto'; 3014 3015 centerModalVisible(); 3016 } 3017 3018 function prepareModalForDisplay(modalId) { 3019 const modal = document.getElementById(modalId); 3020 const visibleContent = modal?.querySelector('.promotion_pop_up_content[style*="display: block"]'); 3021 if (!visibleContent) return; 3022 3023 modal.style.display = 'block'; 3024 modal.style.visibility = 'hidden'; 3025 3026 preloadImages(visibleContent, function() { 3027 const header = visibleContent.querySelector('.modal-header'); 3028 const footer = visibleContent.querySelector('.modal-footer'); 3029 const body = visibleContent.querySelector('.modal-body'); 3030 3031 if (body) { 3032 const windowHeight = window.innerHeight; 3033 const headerHeight = header?.offsetHeight || 0; 3034 const footerHeight = footer?.offsetHeight || 0;
3035 const maxBodyHeight = windowHeight - headerHeight - footerHeight - PADDING; 3036 3037 body.style.maxHeight = `${maxBodyHeight}px`; 3038 body.style.overflowY = 'auto'; 3039 } 3040 3041 centerModal(); 3042 modal.style.visibility = ''; 3043 lockScroll(); 3044 3045 $('#' + modalId).modal({ 3046 show: true, 3047 focus: true, 3048 backdrop: true 3049 }); 3050 }); 3051 } 3052 3053 // === Main Timer Logic === 3054 setTimeout(function() { 3055 if (displayPromotionPopUp()) { 3056 if (typeof t !== 'undefined') { 3057 clearTimeout(t); 3058 } 3059 3060 const timeoutDuration = INITIAL_DELAY > 500 ? INITIAL_DELAY - 500 : 0; 3061 3062 setTimeout(function() { 3063 prepareModalForDisplay(MODAL_ID); 3064 }, timeoutDuration); 3065 } 3066 }, 500); 3067 3068 // === Cleanup on modal close === 3069 $(document).on('hidden.bs.modal', `#${MODAL_ID}`, function() { 3070 unlockScroll(); 3071 }); 3072 3073 // === Responsive layout recalculation === 3074 let resizeTimeout; 3075 window.addEventListener('resize', function() { 3076 clearTimeout(resizeTimeout); 3077 resizeTimeout = setTimeout(function() { 3078 const modal = document.getElementById(MODAL_ID); 3079 if (modal && $(modal).hasClass('in')) { 3080 void modal.offsetHeight; 3081 setupModalLayout(MODAL_ID); 3082 } 3083 }, RESIZE_DEBOUNCE_MS); 3084 }); 3085 3086 // === Embedded analytics helpers === 3087 function obtain_analytics_function() { 3088 if (typeof sph_widgets_ga === 'function') return sph_widgets_ga; 3089 if (typeof ga === 'function') return ga; 3090 if (typeof gtag === 'function') return gtag; 3091 return null; 3092 } 3093 3094 function do_promotion_analytics(eventLabel, spot_promotion_channel_id, data_link_url, hasImage, is_template_image_and_button) { 3095 analytics = obtain_analytics_function(); 3096 if (!analytics) return null; 3097 3098 var pop_up_template = (is_template_image_and_button == 'true' ? 'text,image&button' : 'text&button'); 3099 var image_enabled_disabled = (hasImage ? 'image_enabled' : 'image_disabled'); 3100 var additional_info = (is_template_image_and_button == 'true' ? '|' + image_enabled_disabled : ''); 3101 3102 universal_ga('send', 'event', 'Pop Up Promotion', 'View', eventLabel + '|||' + data_link_url + '|' + pop_up_template + additional_info); 3103 3104 // universal_ga('send', 'event', 'Pop Up Promotion', 'View', eventLabel); 3105 if (typeof $ === 'function') { 3106 $(".promotion_pop_up_content a").on("click", function(event) { 3107 universal_ga('send', 'event', { 3108 eventCategory: 'Pop Up Promotion Button', 3109 eventAction: 'Click', 3110 eventLabel: eventLabel + '|||' + event.target.href + '|' + pop_up_template + additional_info, 3111 transport: 'beacon' 3112 }); 3113 $("#promotion-pop-up").modal('hide'); 3114 return true; 3115 }); 3116 } 3117 } 3118 3119})();</script>
3119<script>// ALL_PAGES_COMPONENT 3120var smart_footer_active = 'true' == 'true'; 3121var smart_footer_version = '2'; 3122 3123</script>
3123<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>
3123<script> 3124(function() { 3125 var name = "The Austin Beer Garden Brewing Company"; 3126 var pid = "ChIJs6-KANy0RIYRRTcMhnhoFaE"; 3127 function build_url() { 3128 var q = encodeURIComponent(name).replace(/'/g, "%27"); 3129 return "https://www.google.com/maps/search/?api=1" 3130 + "&query=" + q 3131 + "&query_place_id=" + encodeURIComponent(pid); 3132 } 3133 window.google_map_url = build_url(); 3134 window.open_google_map = function() { 3135 window.open(build_url(), "_blank"); 3136 }; 3137})(); 3138</script>
3138<script> 3139 3140 var spot_id = 60189; 3141 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":null,"cta_catering":null,"cta_reservations":null,"cta_jobs":null},"spot_name":"The Austin Beer Garden Brewing Company","label_for_texting_permission":"Iâd like to get texts about specials, events, and other exclusive offers and announcements not available to general public"}'); 3142 3143 if (false){ 3144 console.log("Check SpotHopper configuration. Probably there is no 'WEBSITE::DOMAIN_NAME' key for your website"); 3145 } 3146 3147 if (navigator.userAgent.match(/iPhone/i) 3148 || navigator.userAgent.match(/iPad/i) 3149 || navigator.userAgent.match(/iPod/i)){ 3150 $(document).ready(function(){ 3151 document.body.className += " " + "webkit-mobile-body"; 3152 }); 3153 } 3154 3155 var promotion_url_param_domain = getPromotionUrlParams()['domain']; 3156 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')){ 3157 $("a[href^='/']").each(function(){ 3158 if (this.href.indexOf('domain=') == -1){ 3159 var sh_internal_url = new URL(this.href); 3160 sh_internal_url.searchParams.set("domain", promotion_url_param_domain); 3161 this.href = sh_internal_url.toString(); 3162 } 3163 }) 3164 } 3165 3166 3167 function cta_link_matches_href(href, url){ 3168 var domain = 'theabgb.com'; 3169 if(typeof url === 'undefined'){ 3170 return false; 3171 } 3172 var partsOfURL = url.split(domain); 3173 if (partsOfURL.length != 2){ 3174 return href == url; 3175 }else{ 3176 var urlPath = partsOfURL[1]; 3177 if (urlPath.substring(0,1) == "/"){ 3178 urlPath = urlPath.substring(1,urlPath.length); 3179 } 3180 return href.indexOf(urlPath, domain.length + href.indexOf(domain)-1) !== -1; 3181 } 3182 } 3183 3184 var all_cta_links = [{"id":2082892,"spot_id":60189,"url":"https://theabgb.com/parties","cta_link_type":"private_parties","created_at":"2026-08-24T12:53:42.368+00:00","updated_at":"2026-08-28T09:47:05.253+00:00","made_of_food":false,"link_name":"","target":null,"website_footer_label":"Parties","position":1},{"id":1631926,"spot_id":60189,"url":"https://theabgb.com/food-menu","cta_link_type":"food_menu","created_at":"2025-10-22T13:43:30.017+00:00","updated_at":"2026-08-28T09:47:05.474+00:00","made_of_food":false,"link_name":""},{"id":1631924,"spot_id":60189,"url":"https://theabgb.com/events","cta_link_type":"events","created_at":"2025-10-22T13:43:29.584+00:00","updated_at":"2026-08-28T09:47:05.399+00:00","made_of_food":false,"link_name":""},{"id":1631925,"spot_id":60189,"url":"https://theabgb.com/drink-menu","cta_link_type":"drink_menu","created_at":"2025-10-22T13:43:29.938+00:00","updated_at":"2026-08-28T09:47:05.438+00:00","made_of_food":false,"link_name":""},{"id":1551920,"spot_id":60189,"url":"https://order.toasttab.com/online/the-austin-beer-garden-brewing-co","cta_link_type":"order","created_at":"2025-08-19T11:56:29.508+00:00","updated_at":"2026-08-28T09:47:05.519+00:00","made_of_food":false,"link_name":"Chownow","target":null,"website_footer_label":"Order","position":0}]; 3185 3186 function find_cta_link(href) { 3187 for (var i=0; i< all_cta_links.length; i++){ 3188 var cta_link = all_cta_links[i]; 3189 if ( cta_link_matches_href(href, cta_link.url)){ 3190 return cta_link; 3191 } 3192 } 3193 } 3194 3195 function find_cta_links(href) { 3196 var cta_links = [] 3197 for (var i=0; i< all_cta_links.length; i++){ 3198 var cta_link = all_cta_links[i]; 3199 if ( cta_link_matches_href(href, cta_link.url)){ 3200 cta_links.push(cta_link); 3201 } 3202 } 3203 return cta_links; 3204 } 3205 3206 3207 function get_current_page_cta_link_types(){ 3208 var types = []; 3209 var cta_links = find_cta_links(document.location.href); 3210 for (var i=0; i<cta_links.length; i++){ 3211 types.push(cta_links[i].cta_link_type); 3212 } 3213 return types; 3214 } 3215 3216 3217 function is_food_menu_page(){ 3218 var cta_link_types = get_current_page_cta_link_types(); 3219 for (var i=0; i<cta_link_types.length; i++){ 3220 if ('food_menu' == cta_link_types[i]) 3221 return true; 3222 } 3223 return false;
3224 } 3225 3226 3227 function get_form_cat_from_cta(){ 3228 var cta_link = find_cta_link(document.location.href); 3229 if (cta_link == null) { 3230 return null; 3231 } 3232 if (cta_link.cta_link_type == 'private_parties'){ 3233 return 'private_party'; 3234 }else if (cta_link.cta_link_type == 'reservations'){ 3235 return 'reservation'; 3236 }else if (cta_link.cta_link_type == 'catering'){ 3237 return 'catering'; 3238 }else if (cta_link.cta_link_type == 'job_listing'){ 3239 return 'job_listings'; 3240 }else if (cta_link.cta_link_type == 'gift_cards'){ 3241 return 'gift_cards'; 3242 } 3243 return null; 3244 } 3245 3246 function element_has_events_defined(elem){ 3247 if ($._data(elem, "events") === undefined){ 3248 return false; 3249 } 3250 return true; 3251 } 3252 3253 function create_ga_events_for_cta_clicks(){ 3254 if (typeof $ === 'function'){ 3255 3256 var cta_link_of_the_page = find_cta_link(location.href); 3257 3258 3259 $("a").each(function(index, elem){ 3260 var href = $(elem).attr('href'); 3261 3262 if (href === undefined ){ 3263 return; 3264 } 3265 3266 if (href.substring(0,4) == 'tel:'){ 3267 if (!element_has_events_defined(elem)){ // not footer links 3268 $(elem).on("click", function(){ 3269 universal_ga('send', 'event', { 3270 eventCategory: 'Button', 3271 eventAction: 'Click', 3272 eventLabel: 'Phone', 3273 transport: 'beacon' 3274 }); 3275 }); 3276 3277 if (cta_link_of_the_page){ 3278 $(elem).on("click", function(){ 3279 universal_ga('send', 'event', { 3280 eventCategory: 'Button', 3281 eventAction: 'Click', 3282 eventLabel: cta_link_of_the_page.cta_link_type + ' page phone', 3283 transport: 'beacon' 3284 }); 3285 }); 3286 } 3287 } else { 3288 if (cta_link_of_the_page){ 3289 $(elem).on("click", function(){ 3290 universal_ga('send', 'event', { 3291 eventCategory: 'Button', 3292 eventAction: 'Click', 3293 eventLabel: cta_link_of_the_page.cta_link_type + ' page phone footer', 3294 transport: 'beacon' 3295 }); 3296 }); 3297 } 3298 } 3299 3300 3301 }else{ 3302 var cta_link = find_cta_link(href); 3303 if (elem.className != null && elem.className.indexOf("bottom-link") > -1){ 3304 // console.log("bottom link detected"); 3305 }else{ 3306 if (cta_link != null){ 3307 $(elem).on("click", function(){ 3308 universal_ga('send', 'event', { 3309 eventCategory: 'Website Link', 3310 eventAction: 'Click', 3311 eventLabel: cta_link.cta_link_type, 3312 transport: 'beacon' 3313 }); 3314 }); 3315 } 3316 } 3317 } 3318 3319 3320 }); 3321 } 3322 } 3323 3324 if (typeof angular === "undefined") { 3325 create_ga_events_for_cta_clicks(); 3326 } else { 3327 angular.element(document).ready(function () { 3328 create_ga_events_for_cta_clicks(); 3329 }); 3330 } 3331 3332 3333 function triggerShowFooterEvents(){ 3334 if (window.screen.availWidth < 768){ 3335 universal_ga('send', 'event', { 3336 eventCategory: 'Mobile Footer', 3337 eventAction: 'View', 3338 eventLabel: '', 3339 transport: 'beacon' 3340 }); 3341 } 3342 } 3343 3344 3345 3346 3347 //////////// 3348 function smartFooterV2() 3349 { 3350 var list= document.getElementsByClassName("bottom-list-item"); 3351 if (!list) return; 3352 3353 if (document.getElementById("bottom-navbar") == null){ 3354 return; 3355 } 3356 3357 var bottomNav = document.querySelector('#bottom-navbar .navbar-nav'); 3358 var footerLinkPaddingLeft = $('#bottom-navbar .navbar-nav li a').css('padding-left'); 3359 var footerLinkPaddingRight = $('#bottom-navbar .navbar-nav li a').css('padding-right'); 3360 3361 bottomNav.innerHTML = ''; 3362 var linksWithPosition = all_cta_links.filter(e => e.position != null && e.position >= 0); 3363 linksWithPosition.sort(function(a,b) { 3364 return a.position - b.position; 3365 }); 3366 3367 var footerLinkStyle = (footerLinkPaddingLeft == '0px' || footerLinkPaddingRight == '0px' ? 'style="padding-left: 8px; padding-right: 8px;"' : ''); 3368 3369 linksWithPosition.forEach((e, i) => { 3370 var target = e.target || getUrlTarget(e.url); 3371 bottomNav.insertAdjacentHTML('beforeend', 3372 `<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>`); 3373 }) 3374 3375 var intervalCount = 0 3376 var interval = setInterval(() => { 3377 if(intervalCount == 50){ 3378 clearInterval(interval); 3379 } 3380 removeOverflowingFooterLinks(); 3381 intervalCount ++; 3382 }, 200); 3383 3384 $('.smart-footer-link').on("click", function(){ 3385 if (typeof shUrlParams !== "undefined" && shUrlParams['source'] === undefined){ 3386 shUrlParams['source'] = 'footer'; 3387 sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams)); 3388 } 3389 3390 var visibleLinks = $('.smart-footer-link').map(function (e) { 3391 return $(this).data('type'); 3392 }).toArray().join(','); 3393 3394 universal_ga('send', 'event', { 3395 eventCategory: 'Button', 3396 eventAction: 'Click_footer_2', 3397 eventLabel: "type:" + $(this).data('type') + "|position:" + $(this).data('position') + "|visible:" + visibleLinks, 3398 transport: 'beacon' 3399 }); 3400 }); 3401 } 3402 3403 function removeOverflowingFooterLinks(){ 3404 var bottomNavLinks = document.querySelectorAll('#bottom-navbar .navbar-nav li'); 3405 var width_sum = 0; 3406 3407 bottomNavLinks.forEach(e => { 3408 width_sum += e.getBoundingClientRect().width; 3409 if ((width_sum) > window.innerWidth) { 3410 console.log(`%cLink %c${e.textContent} %cdeleted couldn't fit screen`,"color: #fff;background: #202124;", "background: red;color: #fff", "color: #fff;background: #202124;"); 3411 e.remove(); 3412 } 3413 }); 3414 } 3415 3416 function getUrlTarget(url){ 3417 if(url.startsWith('tel')){ 3418 return '_self'; 3419 } 3420 if(url.startsWith('/') || url.includes('tmt.spotapps.co') || url.includes(window.location.host)){ 3421 return '_self'; 3422 } 3423 return '_blank'; 3424 } 3425 3426 function npb() 3427 { 3428 var list= document.getElementsByClassName("bottom-list-item"); 3429 if (!list) return; 3430 3431 if (document.getElementById("bottom-navbar") == null){ 3432 return; 3433 } 3434 3435 var url = "" 3436 for (var i=0; i < all_cta_links.length; i++) 3437 { 3438 if (all_cta_links[i].cta_link_type == "order"){ 3439 url = all_cta_links[i].url; 3440 } 3441 } 3442 3443 if ( url == ""){ 3444 return; 3445 } 3446 3447 for (i=0; i < list.length; i++) 3448 { 3449 console.log(cta_link_matches_href(list[i].firstChild.href, url)); 3450 if (cta_link_matches_href(list[i].firstChild.href,url)) return; 3451 3452 }; 3453 3454 var item = list[list.length-1] 3455 document.getElementById("bottom-navbar").getElementsByClassName("nav navbar-nav")[0].appendChild(item.cloneNode(true)); 3456 var width_sum = 0; 3457 for (i=0; i < list.length; i++) { 3458 width_sum += list[i].getBoundingClientRect().width; 3459 } 3460 3461 var item = list[list.length-1] 3462 if ((width_sum - 10) > window.innerWidth) { item.parentNode.removeChild(item); console.log("link deleted couldn't fit screen"); return; } 3463 3464 item.firstChild.text = "Order"; 3465 item.firstChild.href = url; 3466 item.firstChild.id = "bottom_link_" + list.length; 3467 3468 $(item.firstChild).on("click", function(){ 3469 3470 if (typeof shUrlParams !== "undefined" && shUrlParams['source'] === undefined){ 3471 shUrlParams['source'] = 'footer'; 3472 sessionStorage.setItem('shUrlParams', JSON.stringify(shUrlParams)); 3473 } 3474 3475 universal_ga('send', 'event', { 3476 eventCategory: 'Button', 3477 eventAction: 'Click', 3478 eventLabel: 'Plan B-2 Order', 3479 transport: 'beacon' 3480 }); 3481 }); 3482 3483 3484 } 3485 3486function activateSmartFooter(){ 3487 var smart_footer_active = true; 3488 var smart_footer_version = 2; 3489 var man_bottom_active = false;
3490 if(window.location.hash == '#smartFooterV2=enabled'){ 3491 smartFooterV2(); 3492 return; 3493 } 3494 if (smart_footer_active && !man_bottom_active){ 3495 if(smart_footer_version == 2 ){ 3496 smartFooterV2(); 3497 }else { 3498 npb(); 3499 } 3500 } 3501 } 3502 3503 activateSmartFooter(); 3504 3505 var corona_config_str = '{"id":543048,"spot_id":60189,"promote_pick_up":true,"promote_gift_cards":true,"promote_happy_hour":true,"promote_events":true,"instructions_on_food_page":false,"food_page_instruction_text":null,"food_page_instruction_phone":"5122982242","created_at":"2025-06-24T21:35:54.618+00:00","updated_at":"2025-07-01T18:27:50.335+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":5,"pick_ups_priority_value":5,"reservations_priority_value":0,"private_parties_priority_value":5,"catering_priority_value":5,"gift_cards_priority_value":3,"jobs_priority_value":5,"food_and_drinks_priority_value":3,"specials_priority_value":3,"national_days_priority_value":3,"holidays_priority_value":3,"sports_priority_value":3,"walk_ins_priority_value":3,"collecting_emails_priority_value":3,"collecting_phone_numbers_priority_value":3,"growing_social_media_followers_priority_value":3,"increasing_revenue_vs_saving_time_priority_value":3,"events_priority_value":3,"shopping_cart_type":"TMT","shopping_cart_active":false}'; 3506 var corona_config = corona_config_str != '' ? JSON.parse('{"id":543048,"spot_id":60189,"promote_pick_up":true,"promote_gift_cards":true,"promote_happy_hour":true,"promote_events":true,"instructions_on_food_page":false,"food_page_instruction_text":null,"food_page_instruction_phone":"5122982242","created_at":"2025-06-24T21:35:54.618+00:00","updated_at":"2025-07-01T18:27:50.335+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":5,"pick_ups_priority_value":5,"reservations_priority_value":0,"private_parties_priority_value":5,"catering_priority_value":5,"gift_cards_priority_value":3,"jobs_priority_value":5,"food_and_drinks_priority_value":3,"specials_priority_value":3,"national_days_priority_value":3,"holidays_priority_value":3,"sports_priority_value":3,"walk_ins_priority_value":3,"collecting_emails_priority_value":3,"collecting_phone_numbers_priority_value":3,"growing_social_media_followers_priority_value":3,"increasing_revenue_vs_saving_time_priority_value":3,"events_priority_value":3,"shopping_cart_type":"TMT","shopping_cart_active":false}') : null; 3507 3508 3509 //corona instuctions 3510 function show_corona_instructions(text, phone, btnText){ 3511 //format to US number 3512 var match = phone.match(/^(\d{3})(\d{3})(\d{4})$/); 3513 3514 if(corona_config.shopping_cart_type == "TMT" && corona_config.shopping_cart_active == true) { 3515 var linkLocation = "https://tmt.spotapps.co/ordering-menu/?spot_id="+corona_config.spot_id+"&images=yes&accordion=true"; 3516 var btnLinkLocation = "https://tmt.spotapps.co/ordering-menu/?spot_id="+corona_config.spot_id+"&images=yes&accordion=true"; 3517 }else { 3518 var linkLocation = 'tel:+1'+phone+''; 3519 var btnLinkLocation = 'tel:+1'+ match[1] + '-' + match[2] + '-' + match[3] +'' 3520 } 3521 var appendPhone = 'tel:+1'+phone+''; 3522 //inject html content 3523 if ($('.food-menu-nav').length) { 3524 //new template 3525 var pageEl = $('.food-menu-nav').css('margin','20px auto 10px auto'); 3526 var textColor = rgb2hex($('.section-header').css('color')); 3527 var linkColor = rgb2hex($('.food-menu-nav-item.active').css('background-color')); 3528 var fontSize = parseInt($('.food-menu-nav-item').css('font-size')); 3529 fontSize = fontSize + Math.round(fontSize * 0.25); 3530
3531 // 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>'; 3532 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>'; 3533 3534 }else { 3535 //old template 3536 var pageEl = $('.tabnav'); 3537 var textColor = rgb2hex($('.menu-item-name-traditional').css('color')); 3538 var linkColor = rgb2hex($('.style-traditional .tabnav .nav>li.active>a').css('color')); 3539 3540 var linkTextColor = getContrast50(linkColor); 3541 var fontSize = parseInt($('.menu-item-name-traditional').css('font-size')); 3542 fontSize = fontSize + Math.round(fontSize * 0.25); 3543 var textTransform = $('.style-traditional .tabnav .nav>li>a').css('text-transform'); 3544 3545 // 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>'; 3546 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>'; 3547 3548 } 3549 //html content 3550 pageEl.prepend(html); 3551 } 3552 3553 function rgb2hex(rgb) { 3554 if(typeof rgb !== "undefined"){ 3555 rgbColor = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); 3556 if (!rgbColor) { 3557 rgba = rgb.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(,\s*\d+\.*\d+)?\)$/); 3558 return "#" + hex(rgba[1]) + hex(rgba[2]) + hex(rgba[3]); 3559 } 3560 function hex(x) { 3561 return ("0" + parseInt(x).toString(16)).slice(-2); 3562 } 3563 return "#" + hex(rgbColor[1]) + hex(rgbColor[2]) + hex(rgbColor[3]); 3564 } 3565 return rgb; 3566 } 3567 3568 function getContrast50(hexcolor){ 3569 return (parseInt(hexcolor, 16) > 0xffffff/2) ? '#000':'#fff'; 3570 } 3571 3572 function show_corona_sidebar_instructions(text, phone){ 3573 //format to US number 3574 var match = phone.match(/^(\d{3})(\d{3})(\d{4})$/); 3575 var divWidth = 230; 3576 var top = 50; 3577 var linkSize = '1.6em'; 3578 var pSize = $('p').css('font-size'); 3579 var appendPhone = 'tel:+1'+phone+''; 3580 3581 if ($(window).width() < 1600) 3582 var top = 30; 3583 if ($(window).width() < 1200){ 3584 var divWidth = 180; 3585 var linkSize = '1.4em'; 3586 var pSize ='1.1em'; 3587 } 3588 3589 if($('.food-menu-nav').length){ //new template 3590 var textColor = $('.food-menu-nav-item.active').css('color'); 3591 var linkColor = $('.food-menu-nav-item.active').css('background-color'); 3592 3593 var linkTextColor = $('.food-menu-nav-item.active').css('color'); 3594 var parent = $('.food-menu-page'); 3595 } 3596 else { //old template 3597 var textColor = $('.menu-item-name-traditional').css('color'); 3598 var linkColor = $('.style-traditional .tabnav .nav>
3598li.active>a').css('color'); 3599 var parent = $('.food-menu').length ? $('.food-menu') : $('.drink-menu'); 3600 var linkTextColor = getContrast50(linkColor); 3601 } 3602 3603 // $(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>'); 3604 $(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>'); 3605 3606 //check if resolution is bigger than tablet resolution 3607/* if ($(window).width() > 991) { 3608 //detect scroll 3609 window.onscroll = function (e) { 3610 if ($(window).scrollTop() == 0) { 3611 $('#corona-instructions-sidebar').hide(); 3612 }else { 3613 $('#corona-instructions-sidebar').show(); 3614 } 3615 } 3616 } */ 3617 } 3618 3619 function check_corona_config(config){ 3620 console.log(config) 3621 if (config) { 3622 if (config.instructions_on_food_page && config.food_page_instruction_text && config.food_page_instruction_phone) { 3623 if (!config.promote_deliveries && config.promote_pick_up) { 3624 var btnText = 'Call For Pick Up'; 3625 } 3626 if (config.promote_deliveries && !config.promote_pick_up) { 3627 var btnText = 'Call For Delivery'; 3628 } 3629 if (config.promote_deliveries && config.promote_pick_up) { 3630 var btnText = 'Call For Pick Up Or Delivery'; 3631 } 3632 3633 if(typeof btnText !== "undefined"){ // check if pick up or delivery are true 3634 if(config.shopping_cart_type == "TMT" && config.shopping_cart_active == true) { 3635 var btnText = 'ORDER NOW'; 3636 if($('.food-menu-nav').length){ //new template 3637 var textColor = rgb2hex($('.section-header').css('color')); 3638 var linkColor = rgb2hex($('.food-menu-nav-item.active').css('background-color')); 3639 var fontSize = parseInt($('.food-menu-nav-item').css('font-size')); 3640 fontSize = fontSize + Math.round(fontSize * 0.25); 3641 } 3642 else { //old template 3643 var textColor = rgb2hex($('.menu-item-name-traditional').css('color')); 3644 var linkColor = rgb2hex($('.style-traditional .tabnav .nav>li.active>a').css('color')); 3645 3646 var linkTextColor = getContrast50(linkColor); 3647 var fontSize = parseInt($('.menu-item-name-traditional').css('font-size')); 3648 fontSize = fontSize + Math.round(fontSize * 0.25); 3649 } 3650 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); 3651 show_corona_sidebar_instructions(btnText, config.food_page_instruction_phone); 3652 } else { 3653 show_corona_instructions(config.food_page_instruction_text, config.food_page_instruction_phone, btnText); 3654 show_corona_sidebar_instructions(btnText, config.food_page_instruction_phone); 3655 } 3656 3657 } 3658 } 3659 } 3660 } 3661 3662 3663 if (is_food_menu_page() && !window.location.search.includes("contactless=true")){ 3664 $( document ).ready(function() { 3665 setTimeout(function(){ 3666 check_corona_config(corona_config); 3667 }, 300); 3668 }); 3669 } 3670 3671 3672 3673 function isPhone(phone){ 3674 var regex = /^(\+\d{1,2}\s?)?\(?\d{3}\)?[\s.-]?\d{3}[\s.-]?\d{4}$/; 3675 return regex.test(phone); 3676 } 3677 3678 function sendEmail_MT (input_id) { 3679 const $loader = $("[data-id=newsletter-widget-2] .sph-loading-img"); 3680 3681 const $step = { 3682 form: $("[data-id=newsletter-widget-2] .sph-email-form"), 3683 message: $("[data-id=newsletter-widget-2] .sph-response-message"), 3684 } 3685 3686 const $field = { 3687 email: $("[data-id=newsletter-widget-2] #sph-newsletter-input-" + input_id), 3688 phone: $("[data-id=newsletter-widget-2] #sph-newsletter-phone-" + input_id), 3689 consent: $("[data-id=newsletter-widget-2] #sph-newsletter-checkbox-phone-" + input_id), 3690 }; 3691 3692 const $error = { 3693 email: $("[data-id=newsletter-widget-2] #sph-newsletter-email-error-" + input_id), 3694 phone: $("[data-id=newsletter-widget-2] #sph-newsletter-phone-error-" + input_id), 3695 }; 3696 3697 if ($field.email.val().trim() === "") { 3698 $error.email 3699 .html("This field is required") 3700 .show(); 3701 } 3702 else if (!isEmail($field.email.val().trim())) { 3703 $error.email 3704 .html("Please use the format â[email protected]â") 3705 .show(); 3706 } else { 3707 $error.email 3708 .html("") 3709 .hide(); 3710 } 3711 3712 if ($field.consent.is(':checked') && $field.phone.val().trim() === "") { 3713 $error.phone 3714 .html("This field is required") 3715 .show(); 3716 } else if ($field.phone.val().trim().length > 0 && !isPhone($field.phone.val().trim())) { 3717 $error.phone 3718 .html("The phone number must contain 10 digits") 3719 .show(); 3720 } else { 3721 $error.phone 3722 .html("") 3723 .hide(); 3724 } 3725 3726 const errorField = $step.form.find('.sh-form-error:visible'); 3727 3728 if (errorField.length > 0) { 3729 const input = errorField.first().next(); 3730 3731 document.activeElement.blur(); 3732 3733 setTimeout(() => { 3734 input.focus(); 3735 }, 160) 3736 3737 return; 3738 } 3739 3740 $loader 3741 .show() 3742 .prev() 3743 .hide(); 3744 3745 $.ajax({ 3746 method: "POST", 3747 url: "https://www.spothopperapp.com/api/spots/60189/contacts/add_with_texting_permission", 3748 crossDomain: true, 3749 dataType: 'json', 3750 data: { 3751 email: $field.email.val().trim(), 3752 phone: $field.phone.val().trim(), 3753 texting_permission: $field.consent.is(':checked'), 3754 }, 3755 success: function (data) { 3756 afterRequestSubmission(data); 3757 }, 3758 error: function () { 3759 afterRequestSubmission("Something went wrong. Please try again later."); 3760 } 3761 }); 3762 3763 function afterRequestSubmission (data) { 3764 $step.form.hide(); 3765 3766 $step.message 3767 .html(data) 3768 .show() 3769 .trigger('focus'); 3770 } 3771 } 3772</script>
3772<script>function addPromotionParamsToTMTLinks() 3773{ 3774 if (sessionStorage.getItem('shUrlParams')) { 3775 let shParams = JSON.parse(sessionStorage.getItem('shUrlParams')); 3776 if (!Object.keys(shParams).length) 3777 return; 3778 if(!shParams.source) 3779 return; 3780 $('a').each(function () { 3781 if (this.href.includes('tmt.spotapps.co')) { 3782 if(this.href.includes('&source=') || this.href.includes('&destination=') || this.href.includes('&promotion=')) 3783 return; 3784 3785 this.href = this.href + '&source=' + shParams.source; 3786 if(shParams.destination) 3787 this.href = this.href + '&destination=' + shParams.destination; 3788 if(shParams.promotion) 3789 this.href = this.href + '&promotion=' + shParams.promotion; 3790 if(shParams.fb_post_id) 3791 this.href = this.href + '&fb_post_id=' + shParams.fb_post_id; 3792 if(shParams.email_post_id) 3793 this.href = this.href + '&email_post_id=' + shParams.email_post_id; 3794 } 3795 }) 3796 } 3797} 3798setTimeout(function() { 3799 addPromotionParamsToTMTLinks(); 3800 addFooterToSourceParam(); 3801},600) 3802 3803function addFooterToSourceParam() 3804{ 3805 $('.bottom-link').each(function (){ 3806 if(shouldAddSourceParam(this.href)) 3807 this.href = this.href + '&source=footer'; 3808 }) 3809 $('#sh-multiple-links-content-holder a').each(function (){ 3810 if(shouldAddSourceParam(this.href)) 3811 this.href = this.href + '&source=footer'; 3812 }) 3813} 3814function shouldAddSourceParam(link){ 3815 if (link.includes('tmt.spotapps.co') && !link.includes('&source=')){ 3816 return true; 3817 } 3818 return false; 3819} 3820</script>
3820<link href="https://static.spotapps.co/wcache-website-includes/assets/generic-form-BPJPlCcv.css" rel="stylesheet" media="screen"/>
3820<script type="module" crossorigin="crossorigin" src="https://static.spotapps.co/wcache-website-includes/assets/generic-form-CoiH5Vfl.js"></script>
3820<div id="sh-generic-form-widget"></div>
3820<script> 3821;(async () => { 3822if (typeof window.focusTrap === 'undefined') { 3823 await getScript('https://unpkg.com/tabbable/dist/index.umd.js'); 3824 await getScript('https://unpkg.com/focus-trap/dist/focus-trap.umd.js'); 3825} 3826 3827document.querySelectorAll('.modal').forEach((element) => { 3828 const trap = window.focusTrap?.createFocusTrap(element, { 3829 allowOutsideClick: true, 3830 }); 3831 3832 $(element).on('shown.bs.modal', () => { 3833 trap?.activate(); 3834 }); 3835 3836 $(element).on('hidden.bs.modal', () => { 3837 trap?.deactivate(); 3838 }); 3839}); 3840 3841async function getScript (source) { 3842 return new Promise((resolve, reject) => { 3843 const script = document.createElement('script'); 3844 script.src = source; 3845 script.async = true; 3846 3847 script.onload = resolve; 3848 script.onerror = reject; 3849 3850 document.head.appendChild(script); 3851 }); 3852} 3853})(); 3854</script>
3854<script>var bday_club_promo = {"bday_club_link":"https://tmt.spotapps.co/vouchers?spot_id=60189&source=website&voucher_offer_id=MjAyNTA2MjEzNjM4SUFL","bday_club_fab":true,"bday_offer_freebie_name":"Free beer","bday_offer_short_name":"Free beer on your birthday. ","bday_offer_description":"Free beer on your birthday. Valid for dine in only with minimum purchase of $2 per person.","bday_club_custom_offer":true,"bday_club_fab_type":"type_1","bday_club_fab_def_style":"light"};</script>
3854<script src="https://wcache-plugins.spotapps.co/production/wcpl_bootstrap_ada_fix/wcpl_bootstrap_ada_fix.js"></script>
3854<link href="https://wcache-plugins.spotapps.co/production/wcpl_bday_club/wcpl_bday_club.css" rel="stylesheet" media="screen"/>
3854<script src="https://wcache-plugins.spotapps.co/production/wcpl_bday_club/wcpl_bday_club.js"></script>
3854<script src="https://wcache-plugins.spotapps.co/production/wcpl_ga_tracking/wcpl_ga_tracking.js"></script>
3854<script src="https://wcache-plugins.spotapps.co/production/wcpl_media_controls/script.js"></script>
3854<link href="https://wcache-plugins.spotapps.co/production/wcpl_website_editor_interpreter/website_interpreter_helper_style.css" rel="stylesheet" media="screen"/>
3854<script>var changes_log_array = {};</script>
3854<script src="https://wcache-plugins.spotapps.co/production/wcpl_website_editor_interpreter/website_interpreter.js"></script>
3854</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.