@font-face { font-family: 'chunkfiveroman'; src: url("fonts/chunkfive-webfont.eot"); src: url("fonts/chunkfive-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/chunkfive-webfont.woff2") format("woff2"), url("fonts/chunkfive-webfont.woff") format("woff"), url("fonts/chunkfive-webfont.ttf") format("truetype"), url("fonts/chunkfive-webfont.svg#chunkfiveroman") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'antoniobold'; src: url("fonts/antonio-bold-webfont.eot"); src: url("fonts/antonio-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/antonio-bold-webfont.woff2") format("woff2"), url("fonts/antonio-bold-webfont.woff") format("woff"), url("fonts/antonio-bold-webfont.ttf") format("truetype"), url("fonts/antonio-bold-webfont.svg#antoniobold") format("svg"); font-weight: normal; font-style: normal; }

.weekly-occurances .wo-list, form, .container, .page-content, .post-nav, .tr-taps .tr-taps-list li.series-beer, .happenings .happen-wrapper, .weekly-occurances, .newsletter-flash, .happen-flash, .beer-flash, .tasting-rooms-flash, .cart-wrapper { *zoom: 1; }
.weekly-occurances .wo-list:before, form:before, .container:before, .page-content:before, .post-nav:before, .tr-taps .tr-taps-list li.series-beer:before, .happenings .happen-wrapper:before, .weekly-occurances:before, .newsletter-flash:before, .happen-flash:before, .beer-flash:before, .cart-wrapper:before, .weekly-occurances .wo-list:after, form:after, .container:after, .page-content:after, .post-nav:after, .tr-taps .tr-taps-list li.series-beer:after, .happenings .happen-wrapper:after, .weekly-occurances:after, .newsletter-flash:after, .happen-flash:after, .beer-flash:after, .tasting-room-flash:after, .cart-wrapper:after { content: ''; display: table; }
.weekly-occurances .wo-list:after, form:after, .container:after, .page-content:after, .post-nav:after, .tr-taps .tr-taps-list li.series-beer:after, .happenings .happen-wrapper:after, .weekly-occurances:after, .newsletter-flash:after, .happen-flash:after, .beer-flash:after, .tasting-room-flash:after, .cart-wrapper:after { clear: both; }

#header #nav .nav-main, #footer .footer-top .footer-social, .child-nav, .tr-taps .tr-taps-list, .intro .intro-content .intro-social, .happen-flash .happen-details .categories, #footer .nav-footer, .weekly-occurances .wo-list, #header .header-info .info-nav { list-style: none; margin: 0; padding: 0; }
#header #nav .nav-main a, #footer .footer-top .footer-social a, .child-nav a, .tr-taps .tr-taps-list a, .intro .intro-content .intro-social a, .happen-flash .happen-details .categories a, #footer .nav-footer a, .weekly-occurances .wo-list a, #header .header-info .info-nav a { display: block; }

#header #nav .nav-main li, #footer .footer-top .footer-social li, .child-nav li, .tr-taps .tr-taps-list li, .intro .intro-content .intro-social li, .happen-flash .happen-details .categories li { display: inline-block; }

#footer .nav-footer li { display: block; }

.weekly-occurances .wo-list li { float: left; }

form input, form textarea, .table { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.child-nav, .double-border { border-bottom: 2px solid #2f292b; position: relative; }
.child-nav:before, .double-border:before { content: ''; position: absolute; top: auto; right: auto; bottom: 6px; left: 0; z-index: 1; width: 100%; height: 1px; background: #2f292b; }

.beer-flash, .beers-wrapper.border-top .beer-flash:first-child { border-top: 2px solid #2f292b; position: relative; }
.beer-flash:before, .beers-wrapper.border-top .beer-flash:first-child:before { content: ''; position: absolute; top: 6px; right: auto; bottom: 0; left: 0; z-index: 1; width: 100%; height: 1px; background: #2f292b; }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 62.5%; }

body { margin: 0; padding: 0; font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; font-size: 1.6rem; }

img { display: block; border: 0; max-width: 100%; height: auto; }
img.alignleft { float: left; margin: 0 10px 10px 0; margin: 0 1rem 1rem 0; }
img.alignright { float: right; margin: 0 10px 0 10px; margin: 0 1rem 0 1rem; }
img.aligncenter { margin: 0 auto; }

a { color: inherit; }

figure, blockquote { margin: 0; }

button { border: 0; -webkit-appearance: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

::selection { background: #00afc2; color: #2f292b; }

:focus { outline: 0; }

mark { background: none !important; }

/* -- IE8 HTML5 Fix -- */
header, nav, section, article, aside, footer, time { display: block; }

#header { position: relative; }
#header .mobile-header-wrapper { display: none; padding: 15px 0; padding: 1.5rem 0; border-bottom: 2px solid #525154; }
#header .mobile-header-wrapper .mobile-nav { cursor: pointer; float: right; background: url(../images/icons/icon-nav-mobile.png) repeat-y; width: 31px; height: 34px; margin-top: 18px; }
#header .mobile-header-wrapper .mobile-nav.active { background-image: url(../images/icons/icon-nav-mobile-reversed.png); }
#header .mobile-header-wrapper .mobile-logo { background: url(../images/icons/icon-logo-mobile.png) no-repeat left top; text-transform: uppercase; font-size: 33px; font-size: 3.3rem; font-family: "antoniobold", "Source Sans Pro", Arial, Helvetica, sans-serif; color: #c6c8c9; margin: 0; padding-left: 80px; padding-left: 8rem; float: left; padding-top: 5px; line-height: 1; }
#header #nav { background: #2f292b; color: #00afc2; text-transform: uppercase; font-family: "antoniobold", "Source Sans Pro", Arial, Helvetica, sans-serif; font-size: 25px; font-size: 2.5rem; }
#header #nav .nav-main { text-align: center; display: inline-block; width: 100%; }
#header #nav .nav-main:before, #header #nav .nav-main:after { content: ''; background: url(../images/icons/icon-cog.png) no-repeat center; width: 35px; height: 35px; display: inline-block; background-size: 100%; vertical-align: middle; margin: 0 12px; margin: 0 1.2rem; }
#header #nav .nav-main .menu-item { position: relative; vertical-align: middle; margin: 6px 12px 0 12px; margin: 0.6rem 1.2rem 0 1.2rem; padding: 10px 0; padding: 1rem 0; }
#header #nav .nav-main .menu-item a { text-decoration: none; display: block; }
#header #nav .nav-main .menu-item.current-menu-item a, #header #nav .nav-main .menu-item.current-menu-parent a, #header #nav .nav-main .menu-item.current-page-ancestor a { color: #fff; }
#header #nav .nav-main .menu-item.current-menu-item:before, #header #nav .nav-main .menu-item.current-menu-parent:before, #header #nav .nav-main .menu-item.current-page-ancestor:before { content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ccc; position: absolute; top: auto; right: auto; bottom: 0; left: 50%; z-index: 1; margin-left: -10px; }
#header #nav .nav-main .menu-item .sub-menu { display: none; position: absolute; top: 100%; left: -10px; padding: 0; background: #2f292b; font-size: 0.8em; z-index: 99; }
#header #nav .nav-main .menu-item .sub-menu .menu-item { display: block; white-space: nowrap; text-align: left; border-top: 1px solid #00afc2; margin-top: 0; padding: 15px 0; padding: 1.5rem 0; }
#header #nav .nav-main .menu-item .sub-menu .menu-item:first-child { border-top: 0; }
#header #nav .nav-main .menu-item:hover > a { color: #fff; }
#header #nav .nav-main .menu-item:hover > .sub-menu { display: block; }
#header .header-info { background: #f1f2f2; text-transform: uppercase; font-family: "antoniobold", "Source Sans Pro", Arial, Helvetica, sans-serif; color: #2f292b; text-align: center; padding: 8px 0; padding: 0.8rem 0; font-size: 14px; font-size: 1.4rem; }
#header .header-info .info-nav { display: none; width: 100%; }
#header .header-info .info-nav li { display: table-cell; }
#header .header-info .info-nav li button { height: 46px; background: url(../images/icons/sprite-header-info-mobile.png) no-repeat; padding: 0; cursor: pointer; }
#header .header-info .info-nav li button.info-address { width: 31px; }
#header .header-info .info-nav li button.info-opening { width: 43px; background-position: -31px; }
#header .header-info .info-nav li button.info-telephone { width: 42px; background-position: -74px; }
#header .header-info .info-nav li button.info-email { width: 45px; background-position: -116px; }
#header .header-info .container { display: table; }
#header .header-info .container .header-info-item { display: table-cell; border-left: 1px solid #2f292b; padding: 15px; padding: 1.5rem; }
#header .header-info .container .header-info-item:last-child { border-right: 1px solid #2f292b; }
#header #logo { width: 280px; margin: 0 auto; padding: 20px 45px 20px 45px; padding: 2rem 4.5rem 2rem 4.5rem; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; position: absolute; top: 100%; right: auto; bottom: auto; left: 50%; z-index: 1; margin-left: -185px; }
#header a { color: #00afc2; text-decoration: none; }

#footer { background: #424242; color: #b9bbbd; margin-top: 100px; margin-top: 10rem; position: relative; }
#footer:before { content: ''; background: url(../images/siteimages/think-strange.png) no-repeat; background-size: 100% auto; width: 437px; height: 35px; position: absolute; top: -55px; right: auto; bottom: auto; left: 50%; z-index: 1; margin-left: -218px; }
#footer .footer-top { background: #2f292b; }
#footer .footer-top .footer-social { padding: 18px 0; padding: 1.8rem 0; }
#footer .footer-top .footer-social li { margin-right: 35px; margin-right: 3.5rem; }
#footer .footer-top .footer-social li a { width: 24px; height: 25px; display: block; background: url(../images/icons/sprite-footer-social.png) no-repeat left; background-size: auto 100%; }
#footer .footer-top .footer-social li.social-twitter a { width: 27px; }
#footer .footer-top .footer-social li.social-facebook a { background-position: -27px; }
#footer .footer-top .footer-social li.social-instagram a { background-position: -51px; }
#footer .footer-top .footer-social li.social-untappd a { background-position: -75px; width: 25px; }
#footer a { color: #00afc2; text-decoration: none; }
#footer a:hover { color: #fff; }
#footer .footer-bottom { padding: 18px 0 55px 0; padding: 1.8rem 0 5.5rem 0; }
#footer .footer-bottom .footer-table { width: 100%; }
#footer .footer-bottom .footer-table .table-cell { border-left: 1px solid #f1f2f2; width: 25%; padding: 0 15px; padding: 0 1.5rem; vertical-align: top; }
#footer .footer-bottom .footer-table .table-cell:last-child { border-right: 1px solid #f1f2f2; }
#footer .nav-footer { text-transform: uppercase; font-family: "antoniobold", "Source Sans Pro", Arial, Helvetica, sans-serif; font-size: 18px; font-size: 1.8rem; }
#footer .nav-footer li { padding-bottom: 5px; padding-bottom: 0.5rem; }
#footer .footer-contact { text-transform: uppercase; font-family: "antoniobold", "Source Sans Pro", Arial, Helvetica, sans-serif; font-size: 15px; font-size: 1.5rem; }
#footer .footer-contact p { margin-top: 0; }
#footer .footer-disclaimer { font-size: 15px; font-size: 1.5rem; }

.btn { display: inline-block; border: 0; cursor: pointer; text-decoration: none; -webkit-appearance: none; }
.btn:focus { outline: 0; }

.icon { display: inline-block; background-repeat: no-repeat; }

form { position: relative; }
form input, form label, form textarea { display: block; }
form input, form textarea { width: 100%; padding: 2%; }
form input { padding: 2%; margin-bottom: 10px; margin-bottom: 1rem; }
form label.error { color: red; }
form textarea { height: 100px; margin-bottom: 10px; margin-bottom: 1rem; font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; }
form button, form input[type=submit] { cursor: pointer; -webkit-appearance: none; border: 0; background: #424242; color: #00afc2; text-transform: uppercase; width: auto; font-family: "antoniobold", "Source Sans Pro", Arial, Helvetica, sans-serif; font-size: 18px; font-size: 1.8rem; }
form button:focus, form input[type=submit]:focus { outline: 0; }
form .checkbox-wrapper input, form .checkbox-wrapper label, form .radio-wrapper input, form .radio-wrapper label { display: inline-block; vertical-align: middle; margin: 0; }
form .checkbox-wrapper input, form .radio-wrapper input { width: 20px; margin-right: 10px; }

.form-wrapper { background: #eeefef; }
.form-wrapper input, .form-wrapper textarea { border: 0; }
.form-wrapper .wpcf7-captchac { margin-bottom: 10px; }

.table { display: table; width: 100%; }
.table .table-row { display: table-row; }
.table .table-cell { display: table-cell; vertical-align: top; }

#main { position: relative; }

.container { width: 1000px; margin: 0 auto; max-width: 90%; position: relative; }

body.woocommerce #header #nav .nav-main .menu-item.menu-item-shop a { color: #fff; }
body.woocommerce #header #nav .nav-main .menu-item.menu-item-shop:before { content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f1f2f2; position: absolute; top: auto; right: auto; bottom: 0; left: 50%; z-index: 1; margin-left: -10px; }

#banner img { width: 100%; height: auto; background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: 25px; margin-bottom: 2.5rem; }

.content-wrapper { width: 835px; margin: 0 auto; max-width: 100%; margin-bottom: 50px; margin-bottom: 5rem; }

.page-content { font-size: 18px; font-size: 1.8rem; }
.page-content h1, .page-content h2, .page-content h3 { font-family: "chunkfiveroman", "Source Sans Pro", Arial, Helvetica, sans-serif; }
.page-content .page-title, .page-content h1 { font-size: 50px; font-size: 5rem; }
.page-content .page-title.tt-none, .page-content h1.tt-none { text-transform: none; }
.page-content .page-desc { font-size: 19px; font-size: 1.9rem; }
.page-content h2 { font-size: 25px; font-size: 2.5rem; }
.page-content h3 { font-size: 20px; font-size: 2rem; }
.page-content a { color: #00afc2; text-decoration: underline; }

.child-nav { font-family: "antoniobold", "Source Sans Pro", Arial, Helvetica, sans-serif; font-size: 19px; font-size: 1.9rem; padding: 0 0 20px 0; padding: 0 0 2rem 0; margin-bottom: 30px; margin-bottom: 3rem; }
.child-nav li { margin: 0 20px 10px 0; margin: 0 2rem 1rem 0; color: #00afc2; }
.child-nav li a { text-decoration: none; display: inline; }
.child-nav .child-parent { color: #a1a3a5; text-transform: uppercase; margin-right: 0; }
.child-nav .child-parent .sep { padding: 0 10px; padding: 0 1rem; }
.child-nav .current-page, .child-nav .current-menu-item { color: #424242; }

.child-nav-btn { display: none; width: 100%; text-align: left; background: url(../images/icons/icon-dropdown.png) no-repeat right 35px center #00afc2; font-family: "antoniobold", "Source Sans Pro", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; cursor: pointer; padding: 20px 50px 20px 35px; padding: 2rem 5rem 2rem 3.5rem; font-size: 25px; font-size: 2.5rem; }
.child-nav-btn.active { background-image: url(../images/icons/icon-dropdown-opp.png); }

.post-nav { color: #00afc2; margin-top: 100px; margin-top: 10rem; }
.post-nav a { text-decoration: none; }
.post-nav .post-prev { float: left; max-width: 48%; }
.post-nav .post-next { float: right; max-width: 48%; }

body.home { background: #f1f2f2; }
body.home #header #logo { width: 400px; margin-left: -245px; background: #f1f2f2; }

#main.template-home { background: #f1f2f2; }
#main.template-home #banner { height: 540px; }
#main.template-home #banner .banner-icon { width: 280px; margin: 0 auto; padding-top: 145px; height: auto; }

.section-heading { font-size: 37px; font-size: 3.7rem; color: #424242; font-weight: normal; font-family: "chunkfiveroman", "Source Sans Pro", Arial, Helvetica, sans-serif; margin: 0 0 15px 0; margin: 0 0 1.5rem 0; }

.tr-taps { background: #2f292b; }
.tr-taps .title { background: #d82532; color: #fff; padding: 15px 0; padding: 1.5rem 0; text-transform: uppercase; font-family: "antoniobold", "Source Sans Pro", Arial, Helvetica, sans-serif; text-align: center; font-size: 37px; font-size: 3.7rem; letter-spacing: 4px; margin: 0; }
.tr-taps .tr-taps-list { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-rule: 1px outset #a1a3a5; /* Chrome, Safari, Opera */ -moz-column-rule: 1px outset #a1a3a5; /* Firefox */ column-rule: 1px outset #a1a3a5; padding: 25px 0; padding: 2.5rem 0; }
.tr-taps .tr-taps-list li { min-height: 40px; padding: 5px 0; padding: 0.5rem 0; border-bottom: 1px solid #58595b; color: #929497; margin: 0 2%; width: 96%; }
.tr-taps .tr-taps-list li.series-title { color: #f8ec32; }
.tr-taps .tr-taps-list li.series-title .series-name { text-transform: uppercase; font-size: 18px; font-size: 1.8rem; font-family: "chunkfiveroman", "Source Sans Pro", Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; }
.tr-taps .tr-taps-list li.series-title .series-subheading { font-size: 13px; font-size: 1.3rem; margin: 0; }
.tr-taps .tr-taps-list li.series-beer .series-icon { width: 10%; float: left; margin-top: 3px; }
.tr-taps .tr-taps-list li.series-beer .beer-info { width: 85%; float: right; }
.tr-taps .tr-taps-list li.series-beer .beer-info .beer-name { margin: 0; font-size: 15px; font-size: 1.5rem; font-family: "chunkfiveroman", "Source Sans Pro", Arial, Helvetica, sans-serif; font-weight: normal; color: #00afc2; }
.tr-taps .tr-taps-list li.series-beer .beer-info .beer-subheading { margin: 0; font-size: 13px; font-size: 1.3rem; }
.tr-taps .tr-taps-list li a { text-decoration: none; }

.intro { padding: 30px 0; padding: 3rem 0; }
.intro .intro-content { float: left; width: 75%; font-size: 18px; font-size: 1.8rem; }
.intro .intro-content .title { font-size: 50px; font-size: 5rem; font-family: "chunkfiveroman", "Source Sans Pro", Arial, Helvetica, sans-serif; margin: 0 0 20px 0; margin: 0 0 2rem 0; }
.intro .intro-content .intro-social { margin-top: 50px; margin-top: 5rem; }
.intro .intro-content .intro-social li { margin-right: 65px; margin-right: 6.5rem; }
.intro .intro-content .intro-social li a { background: url(../images/icons/sprite-intro-social.png) no-repeat left center; background-size: auto 100%; display: block; height: 40px; }
.intro .intro-content .intro-social li.social-twitter a { width: 47px; }
.intro .intro-content .intro-social li.social-facebook a { background-position: -48px; width: 39px; }
.intro .intro-content .intro-social li.social-instagram a { background-position: -88px; width: 37px; }
.intro .intro-content .intro-social li.social-untappd a { background-position: -126px; width: 39px; }
.intro .intro-img { float: right; width: 20%; }

.happenings { padding: 27px 0; padding: 2.7rem 0; background: #fff; }
.happenings .happen-wrapper .happen-hp-flash { width: 24%; float: left; margin-left: 1.333%; margin-bottom: 15px; margin-bottom: 1.5rem; }
.happenings .happen-wrapper .happen-hp-flash:nth-child(4n+1) { margin-left: 0; clear: left; }
.happenings .happen-wrapper .happen-hp-flash .happen-featured-wrapper { display: block; width: 100%; height: 160px; position: relative; margin-bottom: 10px; margin-bottom: 1rem; }
.happenings .happen-wrapper .happen-hp-flash .happen-featured-wrapper:after { content: ''; display: none; background-color: rgba(0, 0, 0, 0.3); background-image: url(../images/siteimages/arrow.png); background-position: center 90%; background-repeat: no-repeat; background-size: 80%; position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: 1; width: 100%; height: 100%; }
.happenings .happen-wrapper .happen-hp-flash .happen-featured-wrapper:hover:after { display: block; }
.happenings .happen-wrapper .happen-hp-flash .happen-featured { max-width: 100%; max-height: 100%; margin: 0 auto; }
.happenings .happen-wrapper .happen-hp-flash .date { font-size: 18px; font-size: 1.8rem; text-transform: uppercase; color: #525154; font-family: "antoniobold", "Source Sans Pro", Arial, Helvetica, sans-serif; }
.happenings .happen-wrapper .happen-hp-flash .title { color: #00afc2; font-size: 18px; font-size: 1.8rem; font-family: "chunkfiveroman", "Source Sans Pro", Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; }

.weekly-occurances { background: #f1f2f2; padding: 30px 0; padding: 3rem 0; }
.weekly-occurances .wo-list { width: 75%; float: left; }
.weekly-occurances .wo-list li { width: 32%; min-height: 233px; background-size: 100% 100%; color: #363637; margin-left: 2%; margin-bottom: 15px; margin-bottom: 1.5rem; font-size: 15px; font-size: 1.5rem; }
.weekly-occurances .wo-list li:nth-child(3n+1) { margin-left: 0; clear: left; }
.weekly-occurances .wo-list li a { text-decoration: none; display: block; padding: 30px; padding: 3rem; }
.weekly-occurances .wo-list li a p { margin: 0; }
.weekly-occurances .wo-list li .day { font-family: "antoniobold", "Source Sans Pro", Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 25px; font-size: 2.5rem; }
.weekly-occurances .wo-list li .heading { font-size: 18px; font-size: 1.8rem; font-family: "chunkfiveroman", "Source Sans Pro", Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; min-height: 66px; text-transform: uppercase; }
.weekly-occurances .twitter-feed { width: 23%; float: right; padding-bottom: 345px; background: url(../images/siteimages/twitter-chimp.png) no-repeat center top 400px; background-size: 228px auto; }
.weekly-occurances .twitter-feed .iframe-wrapper { border: 12px solid #00a4b8; }

.newsletter-flash { background: url(../images/icons/icon-feather.png) no-repeat left 10px center #00afc2; background-size: 43px; padding: 10px 10px 10px 68px; padding: 1rem 1rem 1rem 6.8rem; font-size: 25px; font-size: 2.5rem; margin-top: 22px; margin-top: 2.2rem; }
.newsletter-flash label { width: 48%; padding-top: 12px; float: left; color: #fff; font-family: "antoniobold", "Source Sans Pro", Arial, Helvetica, sans-serif; text-transform: uppercase; }
.newsletter-flash .input-wrapper { width: 48%; height: 47px; float: right; text-align: right; }
.newsletter-flash .input-wrapper input { width: 51%; height: 45px; padding: 0 2%; display: inline-block; margin: 0 10px 0 0; margin: 0 1rem 0 0; }
.newsletter-flash .input-wrapper button { width: 35%; height: 47px; display: inline-block; background: #424242; color: #00afc2; text-transform: uppercase; text-align: center; cursor: pointer; font-family: "antoniobold", "Source Sans Pro", Arial, Helvetica, sans-serif; font-size: 18px; font-size: 1.8rem; }

.happen-flash { padding-bottom: 25px; padding-bottom: 2.5rem; margin-bottom: 25px; margin-bottom: 2.5rem; border-bottom: 1px solid #525154; }
.happen-flash .happen-featured { width: 240px; height: auto; float: left; }
.happen-flash .happen-details { float: right; width: 560px; }
.happen-flash .happen-details .date { font-size: 35px; font-size: 3.5rem; font-family: "antoniobold", "Source Sans Pro", Arial, Helvetica, sans-serif; color: #525154; margin-top: 5px; margin-top: 0.5rem; }
.happen-flash .happen-details .title { color: #00afc2; font-size: 25px; font-size: 2.5rem; font-family: "chunkfiveroman", "Source Sans Pro", Arial, Helvetica, sans-serif; margin: 10px 0; margin: 1rem 0; }
.happen-flash .happen-details .categories { font-family: "chunkfiveroman", "Source Sans Pro", Arial, Helvetica, sans-serif; font-size: 25px; font-size: 2.5rem; color: #58595b; }
.happen-flash .happen-details .categories li { margin-right: 15px; margin-right: 1.5rem; }
.happen-flash .happen-details .categories li a { color: #58595b; }
.happen-flash .happen-details a { text-decoration: none; }

.happen-post .date { text-transform: uppercase; color: #525154; font-weight: bold; font-size: 38px; font-size: 3.8rem; }
.happen-post .title { margin-top: 0; }
.happen-post .happen-featured { margin: 0 auto; margin-bottom: 20px; margin-bottom: 2rem; }

body.single-happenings form input { width: auto; }

.beer-flash { margin-bottom: 30px; margin-bottom: 3rem; padding-top: 25px; padding-top: 2.5rem; }
.beer-flash .beer-logo { max-width: 300px; float: left; width: 32%; }
.beer-flash .beer-details { float: right; width: 62%; }
.beer-flash .beer-details .beer-status { margin-bottom: 10px; margin-bottom: 1rem; } /* max-width: 195px; */
.beer-flash .beer-details .beer-title { font-family: "chunkfiveroman", "Source Sans Pro", Arial, Helvetica, sans-serif; font-size: 37px; font-size: 3.7rem; color: #2f292b; margin: 0; margin-top: 20px; }
.beer-flash .beer-details .beer-info { font-family: "chunkfiveroman", "Source Sans Pro", Arial, Helvetica, sans-serif; font-size: 37px; font-size: 3.7rem; color: #808083; margin: 0; }
.beer-flash .beer-details .beer-info .divider { margin: 5px; margin: 0.5rem; }

.beers-wrapper .beer-flash:first-child { border-top: 0; }
.beers-wrapper .beer-flash:first-child:before { display: none; }
.beers-wrapper.border-top .beer-flash:first-child:before { display: block; }

.template-beer-single .beer-logo { float: left; width: 40%; }
.template-beer-single .beer-details { float: right; width: 55%; }
.template-beer-single .beer-details .beer-status { max-width: 195px; margin-bottom: 20px; margin-bottom: 2rem; }
.template-beer-single .beer-details .beer-title { font-family: "chunkfiveroman", "Source Sans Pro", Arial, Helvetica, sans-serif; font-size: 37px; font-size: 3.7rem; color: #2f292b; margin: 0; }
.template-beer-single .beer-details .beer-info { font-family: "chunkfiveroman", "Source Sans Pro", Arial, Helvetica, sans-serif; font-size: 37px; font-size: 3.7rem; color: #808083; margin: 0; }
.template-beer-single .beer-details .beer-info .divider { margin: 5px; margin: 0.5rem; }

.woocommerce div.product div.images img, .woocommerce ul.products li.product a img { border: 1px solid #00afc2; }

.cart-wrapper { margin-bottom: 20px; }
.cart-wrapper .cart { background-color: #00afc2; color: #bef2f9; text-decoration: none; float: right; font-size: 100%; margin: 0; line-height: 1; cursor: pointer; position: relative; padding: .618em 1em; font-weight: 700; border-radius: 3px; float: right; text-transform: uppercase; }
.cart-wrapper .cart .fa { margin-right: 8px; }

.payment_methods input { width: 10px; display: inline-block; vertical-align: middle; }
.payment_methods label { display: inline-block; vertical-align: middle; }

.woocommerce #payment .terms, .woocommerce-page #payment .terms { text-align: left; padding: 0; }
.woocommerce #payment .terms label, .woocommerce #payment .terms input, .woocommerce-page #payment .terms label, .woocommerce-page #payment .terms input { display: inline-block; vertical-align: middle; }
.woocommerce #payment .terms input, .woocommerce-page #payment .terms input { width: 15px; margin-left: 10px; }

@media only screen and (min-width: 768px) { #header #nav { display: block !important; } }
@media only screen and (max-width: 1040px) { .child-nav-btn { display: block; }
  .child-nav { display: none; border: 2px solid #00afc2; padding: 0; }
  .child-nav:before { display: none; }
  .child-nav li { display: block; padding: 10px; padding: 1rem; }
  .child-nav .child-parent { display: none; }
  #header .header-info .container { display: block; }
  #header .header-info .container .header-info-item { display: none; border: none; }
  #header .header-info .container .header-info-item:last-child { border: 0; }
  #header .header-info .info-nav { display: table; } }
@media only screen and (max-width: 1000px) { .weekly-occurances .twitter-feed { float: none; width: 100%; }
  .weekly-occurances .twitter-feed .twitter-timeline { width: 100% !important; }
  .weekly-occurances .wo-list { float: none; width: 100%; } }
@media only screen and (max-width: 950px) { .happen-flash .happen-featured { width: 30%; }
  .happen-flash .happen-details { width: 65%; } }
@media only screen and (max-width: 800px) { #header #nav { font-size: 22px; font-size: 2.2rem; } }
@media only screen and (max-width: 767px) { #header { background: #2f292b; }
  #header #nav { display: none; }
  #header #nav .nav-main { text-align: left; padding: 0 10%; }
  #header #nav .nav-main:before, #header #nav .nav-main:after { display: none; }
  #header #nav .nav-main .menu-item { display: block; margin: 0; padding: 15px 0; padding: 1.5rem 0; }
  #header #nav .nav-main .menu-item.current-menu-item:before, #header #nav .nav-main .menu-item.current-menu-parent:before, #header #nav .nav-main .menu-item.current-page-ancestor:before { display: none; }
  #header #nav .nav-main .menu-item .sub-menu { display: block; position: relative; padding-left: 5%; font-size: 1em; padding-top: 10px; padding-top: 1rem; }
  #header #nav .nav-main .menu-item .sub-menu .menu-item { border: 0; padding: 15px 0; padding: 1.5rem 0; }
  #header .mobile-header-wrapper { display: block; }
  .intro .intro-content, .intro .intro-img { width: 100%; float: none; }
  .intro .intro-content .intro-social { display: none; }
  .intro .intro-content .title { font-size: 30px; font-size: 3rem; }
  .intro .intro-img img { margin: 0 auto; }
  .tr-taps .tr-taps-list { height: auto; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
  .tr-taps .tr-taps-list li .series-icon { width: auto; }
  .happenings .happen-wrapper .happen-hp-flash { float: none; width: 100%; margin-left: 0; }
  .happenings .happen-wrapper .happen-hp-flash .happen-featured-wrapper { height: auto; }
  .newsletter-flash { background-position: center top 10px; padding: 50px 10px 10px 10px; padding: 5rem 1rem 1rem 1rem; }
  .newsletter-flash label { width: 100%; float: none; text-align: center; margin-bottom: 10px; margin-bottom: 1rem; }
  .newsletter-flash .input-wrapper { width: 100%; float: none; height: auto; }
  .newsletter-flash .input-wrapper input { width: 100%; float: none; margin: 0 0 15px 0; margin: 0 0 1.5rem 0; }
  .newsletter-flash .input-wrapper button { width: 100%; float: none; }
  .weekly-occurances .wo-list li { width: 239px; }
  .weekly-occurances .wo-list li:nth-child(odd) { margin-left: 0; clear: left; }
  .weekly-occurances .wo-list li:nth-child(3n+1) { margin-left: 2%; clear: none; }
  .beer-flash .beer-logo { float: none; margin: 0 auto 30px auto; width: 100%; }
  .beer-flash .beer-details { float: none; width: 100%; }
  #footer .footer-bottom .footer-table { display: block; }
  #footer .footer-bottom .footer-table .table-cell { width: 100%; display: block; padding: 0; border-left: 0; }
  #footer .footer-bottom .footer-table .table-cell:last-child { border-right: 0; } }
@media only screen and (max-width: 570px) { .weekly-occurances .wo-list li { margin: 0 auto 15px auto !important; float: none; } }
@media only screen and (max-width: 520px) { #logo { display: none; }
  .happen-flash .happen-featured { width: 100%; margin-bottom: 20px; float: none; }
  .happen-flash .happen-details { width: 100%; margin-bottom: 20px; float: none; }
  .page-content .page-title, .page-content h1 { font-size: 30px; font-size: 3rem; } }
@media only screen and (max-width: 500px) { #footer { margin-top: 0; }
  #footer:before { display: none; }
  #footer .footer-top .footer-social { display: table; width: 100%; table-layout: fixed; }
  #footer .footer-top .footer-social li { display: table-cell; }
  #footer .footer-top .footer-social li a { margin: 0 auto; } }



/*LOCATIONS UPDATES*/
   
/*RVA Orange: #d82532 */
/*RVA Light Orange: #eeaf58 */
/*FXBG Green: #b319ad */
/*FXBG Light Green: #c6dfab */
  
#header .header-info .container .header-info-item { padding: 0; }
  
.tasting-room-flash { margin-bottom: 30px; margin-bottom: 3rem; padding-top: 25px; padding-top: 2.5rem; }
.tasting-room-flash .tasting-room-logo { max-width: 300px; float: left; width: 32%; }
.tasting-room-flash .tasting-room-details { float: right; width: 62%; }
.tasting-room-flash .tasting-room-details .tasting-room-status { max-width: 195px; margin-bottom: 20px; margin-bottom: 2rem; }
.tasting-room-flash .tasting-room-details .tasting-room-title { font-family: "chunkfiveroman", "Source Sans Pro", Arial, Helvetica, sans-serif; font-size: 37px; font-size: 3.7rem; color: #2f292b; margin: 0; }
.tasting-room-flash .tasting-room-details .tasting-room-info { font-family: "chunkfiveroman", "Source Sans Pro", Arial, Helvetica, sans-serif; font-size: 1.9rem; color: #808083; margin: 0; }
.tasting-room-flash .tasting-room-details .tasting-room-info a { text-decoration: none; font-size: 1.9rem; }
.tasting-room-flash .tasting-room-details .tasting-room-info .divider { margin: 5px; margin: 0.5rem; }

.tasting-rooms-wrapper .tasting-room-flash:first-child { border-top: 0; }
.tasting-rooms-wrapper .tasting-room-flash:first-child:before { display: none; }
.tasting-rooms-wrapper.border-top .tasting-room-flash:first-child:before { display: block; }

.tasting-room-flash, .tasting-rooms-wrapper.border-top .tasting-room-flash:first-child { border-top: 2px solid #2f292b; position: relative; }
.tasting-room-flash:before, .tasting-rooms-wrapper.border-top .tasting-room-flash:first-child:before { content: ''; position: absolute; top: 6px; right: auto; bottom: 0; left: 0; z-index: 1; width: 100%; height: 1px; background: #2f292b; }

#header .header-info { padding: 0 !important; border-bottom: 3px solid #c1bbbd; }
#header .header-info .container .header-info-item { padding: 8px; }
#header .header-info .container .header-info-item { border-left: none; }
#header .header-info .container .header-info-item:last-child { border-right: none; }
#header .header-info:last-of-type { border-bottom: none !important; background-color: #f7f9f9; }
.header-info-item.header-address { width: 32%; }
.header-info-item.header-opening { width: 32%; }
.header-info-item.header-telephone { width: 15%; }
.header-info-item.header-email { width: 20%; }


.rva-text-color { color: #d82532 !important; }


.tr-taps.rva h2 { background-color: #d82532; }
.tr-taps.rva .tr-taps-list li.series-beer .beer-info .beer-name { color: #d82532; }
/*.happenings.rva { background-color: #d82532; }
.weekly-occurances.rva { background-color: #d82532; }*/

.happenings.rva .section-heading { color: #d82532; }
.happenings.rva .newsletter-flash { background-color: #d82532; }
.happenings.rva .newsletter-flash .input-wrapper button { color: #fff; }
.happenings.rva h2 { color: #d82532 !important; }
.weekly-occurances.rva .section-heading { color: #d82532; }
.weekly-occurances.rva h2 { color: #d82532 !important; }

/*892588*/
.fxbg-text-color { color: #b319ad !important; }


.tr-taps.fxbg h2 { background-color: #b319ad; }
.tr-taps.fxbg .tr-taps-list li.series-beer .beer-info .beer-name { color: #b319ad; }
/*.happenings.fxbg { background-color: #b319ad; }
.weekly-occurances.fxbg { background-color: #b319ad; }*/

.happenings.fxbg h2 { color: #b319ad !important; }
.happenings.fxbg .newsletter-flash { background-color: #b319ad; }
.happenings.fxbg .newsletter-flash .input-wrapper button { color: #fff; }
.happenings.fxbg .section-heading { color: #b319ad; }
.weekly-occurances.fxbg h2 { color: #b319ad !important; }
.weekly-occurances.fxbg .section-heading { color: #b319ad; }

/* NEW RVA SA */
.rva-sa-text-color { color: #a47d48 !important; }
.tr-taps.rva-sa h2 { background-color: #a47d48; }
.tr-taps.rva-sa .tr-taps-list li.series-beer .beer-info .beer-name { color: #a47d48; }
/*.happenings.fxbg { background-color: #a47d48; }
.weekly-occurances.fxbg { background-color: #a47d48; }*/

.happenings.rva-sa h2 { color: #a47d48 !important; }
.happenings.rva-sa .newsletter-flash { background-color: #a47d48; }
.happenings.rva-sa .newsletter-flash .input-wrapper button { color: #fff; }
.happenings.rva-sa .section-heading { color: #a47d48; }
.weekly-occurances.rva-sa h2 { color: #a47d48 !important; }
.weekly-occurances.rva-sa .section-heading { color: #a47d48; }

/* END RVA SA */
#footer .footer-bottom .footer-social { padding: 18px 0; padding: 1.8rem 0; }
#footer .footer-bottom .footer-social li { margin-right: 35px; margin-right: 2rem; list-style: none; display: inline-block; }
#footer .footer-bottom .footer-social li a { width: 24px; height: 25px; display: block; background: url(../images/icons/sprite-footer-social.png) no-repeat left; background-size: auto 100%; }
#footer .footer-bottom .footer-social li.social-twitter a { width: 27px; }
#footer .footer-bottom .footer-social li.social-facebook a { background-position: -27px; }
#footer .footer-bottom .footer-social li.social-instagram a { background-position: -51px; }
#footer .footer-bottom .footer-social li.social-untappd a { background-position: -75px; width: 25px; }

.mobile-header-info { display: none; }

.nav-happenings {
  padding-bottom: 45px;
}

.nav-happenings .menu-item .sub-menu {
  display: none;
}

.nav-happenings .menu-item.current-menu-parent .sub-menu, .nav-happenings .menu-item.current-menu-item .sub-menu {
  display: block;
  padding-left: 5px;
  position: absolute;
}

.nav-happenings li.menu-item.menu-item-has-children {
    display: inline;
}

.nav-happenings > li {
  margin-bottom: 0;
}

  
#menu-item-3874 .sub-menu a {
  color: #d82532 !important;
}

#menu-item-3873 .sub-menu a {
  color: #b319ad !important;
}



@media only screen and (max-width: 1040px) {
  #header .mobile-header-wrapper .mobile-nav { background: url(../images/icons/icon-mobile-menu.png) no-repeat center; background-size: contain; width: 45px; height: 45px; }
  #header .header-info .info-nav li button { margin-top: 10px; }
  #header .header-info { display: none;}
  #header .header-info .container .header-info-item { width: 100%; }  
  
  #header .header-info.rva .info-nav li button {
        background-image: url(../images/icons/rva-sprite-header-info-mobile.png);
  }
  #header .header-info.fxbg .info-nav li button {
        background-image: url(../images/icons/fxbg-sprite-header-info-mobile.png);
  }
  
  #header .header-info.rva-sa .info-nav li button {
    background-image: url(../images/icons/rva-sa-sprite-header-info-mobile.png);
  }
  
  .mobile-header-info { display: block; }
  .mobile-header-info .info-nav { margin-top: 10px; padding:0px; }
  #header .header-info:last-of-type { border-bottom: none !important; background-color: #f0f1f1 !important; }
  #header .header-info { border-bottom: none !important; background-color: #f0f1f1 !important; }
  #header .header-info.active { display: block;}
  #header .header-info .location-title { display: none;}
	#header div.mobile-header-info > div.container{ max-width:100%; }
  .mobile-header-info ul.info-nav{ white-space:nowrap; margin-bottom:0px; }
  .mobile-header-info li {
    width: 33%;
    display: inline-block;
    list-style: none;
/*     float: left; */
    text-align: center;
    padding-bottom: 10px;
  }
  
  .mobile-header-info li button {
    background: transparent;
    height: 30px;
    /* outline: 1px solid red; */
    font-size: 1.5em;
    font-weight: 800;
    cursor: pointer;
	white-space:nowrap;
  }
	
	.mobile-header-info li button:after{
		content:"";
		display: inline-block;
		border-right: 4px solid black;
        border-bottom: 4px solid black;
        width: 10px; height: 10px;
		transition:transform .2s ease-in-out;
        transform: rotate(-45deg) translateY(-5px);
	}
	
	.mobile-header-info li.active button:after{
		transform:rotate(45deg) translateY(-7px);
	}

/*   .mobile-header-info li.rva button {
    background: url(../images/icons/rva-icon-nav-mobile-right.png) no-repeat right center;
    padding-right: 28px;
    background-size: 20px;
  } */
/*   .mobile-header-info li.fxbg button {
    background: url(../images/icons/fxbg-icon-nav-mobile-right.png) no-repeat right center;
    padding-right: 28px;
    background-size: 20px;
  }
  
  .mobile-header-info li.rva.active button {
    background: url(../images/icons/rva-icon-nav-mobile.png) no-repeat right center;
    padding-right: 28px;
    background-size: 20px;
  }
  .mobile-header-info li.fxbg.active button.active {
    background: url(../images/icons/fxbg-icon-nav-mobile.png) no-repeat right center;
    padding-right: 28px;
    background-size: 20px;
  } */
  
  #header .header-info .info-nav li button.info-email {
      position: relative;
      top: 5px;
  }
  
  .mobile-header-info li.rva button {
    color: #d82532;
  }
  .mobile-header-info li.rva button:after{ border-right-color:#d82532; border-bottom-color:#d82532; }
  .mobile-header-info li.fxbg button {
    color: #b319ad;
  }
  .mobile-header-info li.fxbg button:after{ border-right-color:#b319ad; border-bottom-color:#b319ad; }	
  .mobile-header-info li.rva-sa button {
    color: #a47d48;
  }
  .mobile-header-info li.rva-sa button:after{ border-right-color:#a47d48; border-bottom-color:#a47d48; }	
  .footer-nav {
    margin-bottom: 25px;
  }
  
}


.food-post .title { margin-top: 0; }
.food-post .food-featured { margin: 0 auto; margin-bottom: 20px; margin-bottom: 2rem; }

.food-post .date {
    text-transform: uppercase;
    color: #525154;
    font-weight: bold;
    font-size: 38px;
    font-size: 3.8rem;
}


/* Child Theme Styles - June 2022 Overrides 
====================================================================== */


/* Combined Tap List - New Color Scheme
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
.tr-taps .tr-taps-list li.series-beer .beer-info .beer-name {
	color:  white;
}

/* Williamsburg Color Scheme
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
.wmsbg-text-color,
.wmsbg-text-color a,
.wmsbg-text-color a:active,
.wmsbg-text-color a:hover {
	color: #115740 !important;
}
.footer-bottom .wmsbg-text-color {
    color: #6eb39c !important;
}

/* Updated Footer Layout
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
footer ul.nav-footer.navigation {
    display: flex;
    justify-content: space-between;
    padding: 15px 0px 10px !important;
    border-top: 1px solid #ffffff26;
    border-bottom: 1px solid #ffffff26;
    margin-top: 25px !important;
}
@media (max-width: 950px) {
    ul.nav-footer.navigation {
        flex-direction: column;

    }   
}

/* Beer Series - Now Available Banner
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
span.now-available-banner {
	font-family: "chunkfiveroman", "Source Sans Pro", Arial, Helvetica, sans-serif;
	background: #f8ec32; 
	color: #2f292b; 
	padding: 8px 15px; 
	border: 4px solid rgba(255,255,255,0.5); 
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}