Beer Locator LIMITED AVAILABILITY, GET IT WHILE IT LAST! Washington, DC Metro Bar DCCraft Beer CellarRight Proper Shaw BrewpubMenomale NOMA Red Bear Brewing Co.Dionnes’ Good FoodFranklin Hall </center> </div></div><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-yui_3_17_2_1_1639965636814_5688"><div class="sqs-block-content"> </div></div></div></div></div> </div> </div> </section> <section data-test="page-section" data-section-theme="black" class='page-section layout-engine-section background-width--full-bleed section-height--custom content-width--medium horizontal-alignment--center vertical-alignment--middle black' data-section-id="62a91dff4ae65c0071443de9" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--custom", "customSectionHeight": 10, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--medium", "customContentWidth": 50, "sectionTheme": "black", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "page" }" data-animation="none" style="min-height: 10vh;" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' padding-top: calc(10vmax / 10); padding-bottom: calc(10vmax / 10); ' > <div class="content" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-62a91dff4ae65c0071443de9"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block spacer-block sqs-block-spacer sized vsize-1" data-block-type="21" id="block-7706e74d0ad1a2d99436"><div class="sqs-block-content"> </div></div></div></div></div> </div> </div> </section> </article> </main> <script type="text/javascript"> const firstSection = document.querySelector('.page-section'); const header = document.querySelector('.header'); const mobileOverlayNav = document.querySelector('.header-menu'); const sectionBackground = firstSection ? firstSection.querySelector('.section-background') : null; const headerHeight = header ? header.getBoundingClientRect().height : 0; const firstSectionHasBackground = firstSection ? firstSection.className.indexOf('has-background') >= 0 : false; const isFirstSectionInset = firstSection ? firstSection.className.indexOf('background-width--inset') >= 0 : false; const isLayoutEngineSection = firstSection ? firstSection.className.indexOf('layout-engine-section') >= 0 : false; if (firstSection) { firstSection.style.paddingTop = headerHeight + 'px'; } if (sectionBackground && isLayoutEngineSection) { if (isFirstSectionInset) { sectionBackground.style.top = headerHeight + 'px'; } else { sectionBackground.style.top = ''; } } //# sourceURL=headerPositioning.js </script> <footer class="sections" id="footer-sections" data-footer-sections> <section data-test="page-section" data-section-theme="black-bold" class='page-section layout-engine-section background-width--full-bleed section-height--custom horizontal-alignment--center vertical-alignment--middle black-bold' data-section-id="5fcb0211ab42535c148df7dc" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--custom", "customSectionHeight": 10, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--custom", "customContentWidth": 100, "sectionTheme": "black-bold", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": null, "divider": null, "typeName": "page" }" data-animation="none" style="min-height: 10vh;" > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' padding-top: calc(10vmax / 10); padding-bottom: calc(10vmax / 10); ' > <div class="content" style="width: 100%;" > <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-5fcb0211ab42535c148df7dc"><div class="row sqs-row"><div class="col sqs-col-0 span-0"></div><div class="col sqs-col-12 span-12"><div class="sqs-block socialaccountlinks-v2-block sqs-block-socialaccountlinks-v2" data-block-type="54" id="block-b55adbabb883ae786e8a"><div class="sqs-block-content"> <div class="sqs-svg-icon--outer social-icon-alignment-center social-icons-color- social-icons-size-medium social-icons-style-regular " > <style> #block-b55adbabb883ae786e8a .social-icons-style-border .sqs-svg-icon--wrapper { box-shadow: 0 0 0 2px inset; border: none; } </style> <nav class="sqs-svg-icon--list"> <a href="https://instagram.com/urbangardenbrewing" target="_blank" class="sqs-svg-icon--wrapper instagram-unauth" aria-label="instagram-unauth"> <div> <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> <use class="sqs-use--icon" xlink:href="#instagram-unauth-icon"></use> <use class="sqs-use--mask" xlink:href="#instagram-unauth-mask"></use> </svg> </div> </a><a href="mailto:info@urbangardenbrewing.com" target="_blank" class="sqs-svg-icon--wrapper email" aria-label="info@urbangardenbrewing.com"> <div> <svg class="sqs-svg-icon--social" viewBox="0 0 64 64"> <use class="sqs-use--icon" xlink:href="#email-icon"></use> <use class="sqs-use--mask" xlink:href="#email-mask"></use> </svg> </div> </a> </nav> </div> </div></div></div></div></div> </div> </div> </section> </footer> </div> <script defer="defer" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.c60096393cff060396b454574afa2699.js" type="text/javascript"></script> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M2W3VR5" height="0" width="0" style="display:none;visibility:hidden">
