/*!
Theme Name: Goldfield Trading Post
Theme URI: http://underscores.me/
Author: Phill Mamula
Author URI: http://www.phillm.com
Description: 2021 Theme for Goldfield - Sacramento / Roseville, CA. 
Includes multiple locations and events that display chronologically.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: goldfield
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Goldfield Trading Post is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@font-face {
    font-family: 'Knockout Bantamweight';
    src: url('fonts/knockout-bantamweight-webfont.woff2') format('woff2'),
         url('fonts/knockout-bantamweight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Howards Eight';
    src: url('fonts/howards-eight.woff2') format('woff2'),
         url('fonts/howards-eight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Embro Regular';
    src: url('fonts/embro-regular.woff2') format('woff2'),
         url('fonts/embro-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* =Global
-------------------------------------------------------------- */
body {
    background: #f5f3e9 url(images/bg-texture.png) repeat top center;
    background-size: 60vw auto;
    color: #1d1c1b;
    font-family: 'Hind Siliguri', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.6em;
    scroll-behavior: smooth;
}
h1,h2,h3,h4 {
    font-family: 'Howards Eight', sans-serif;
    font-weight: normal;
    line-height: 0.9em;
    text-transform: uppercase;
  	margin: 0 0 5px;
}
h3,h4 {
    font-family: 'Knockout Bantamweight', cursive;
    letter-spacing: 0.04em;
}
h1 a,h2 a,h3 a,h4 a { text-decoration: none; }
h1 { font-size: 5em;}
h2 { font-size: 4em;}
h3 { font-size: 3em;}
h4 { font-size: 2.5em;}

p {
    margin: 0 0 15px;
}
hr {
	display: block;
	margin: 2vh 0;
	background: none;
	border-bottom: 1px solid;
}
strong { font-weight: 500; }
ul,li { 
	margin: 0; 
	padding: 0; 
	list-style: none;
}
a, a:link, a:visited { 
    cursor: pointer;
	color: #3D2216;
  	transition: all 0.3s ease-in-out;
  	-webkit-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out; 
}
a:hover { color: #CE9C1F; }
.embro {
    font-family: 'Embro Regular', monospace;
    font-size: 0.7em;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}
.monospace {
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    font-size: 0.8em;
    line-height: 1.7em;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.monospace strong { font-weight: 600; }
button { 
	cursor: pointer;
	border: none;
	border-radius: 0;
	width: auto;
}
video:focus,
input:focus,
button:focus {outline:0; cursor: pointer;}
img {
    height: auto;
    max-width: 100%;
    margin-bottom: -10px;
}

/* Removes iOS stylings */
textarea,
select,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}
select::-ms-expand {
  display: none;
}

/* Colors */
.blood { color: #9e2f2f; }
.sweat { color: #F7F3ED; }
.mud { color: #AFA99B; }
.mud strong { color: #F7F3ED; }
.gold { color: #CE9C1F; }
.grit { color: #2B2926; }
.rush { color: #3D2216; }

/* Structure */
.post, .page,
.page-content, .entry-content, .entry-summary { margin: 0; }
.container {
	width: 90vw;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}
.container.small { max-width: 1024px; }

#section {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5vw 0;
    position: relative;
}

/* CTA Buttons */
a.large-cta {
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 0.9em;
    line-height: 1em;
    letter-spacing: 0.03em;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid;
    padding: 15px 20px;
    display: table;
    min-width: 200px; 
    text-align: center;
}
a.large-cta:hover {
    border-color: #CE9C1F;
    background: #CE9C1F;
    color: #2B2926;
}
a.large-cta.view-all {
    display: table;
    margin: 25px auto;
    padding: 15px 50px;
}

a.list-cta {
    font-family: 'Embro Regular', monospace;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-decoration: none;
    font-size: 0.85em;
    display: table;
    border-bottom: 1px solid;
}
a.list-cta:hover { color: #CE9C1F; }


/* Flex Container */
.flex {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.list-location.mobile-only,
.mobile-only { display: none; }

/* Rips */
.ripped-white-top:before {
    content: '';
    width: 100%;
    background: url('images/ripped-white.png') repeat-x top center / auto 100%;
    height: 30px;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 9;
}
.ripped-white-top-alt:before {
    content: '';
    width: 100%;
    background: url('images/ripped-white-top.png') repeat-x top center / auto 100%;
    height: 50px;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 9;
}
.ripped-sweat-top:before {
    content: '';
    width: 100%;
    background: url('images/ripped-sweat-top.png') repeat-x top right / auto 100%;
    height: 30px;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 9;
}
.ripped-white-bottom:after {
    content: '';
    width: 100%;
    background: url(images/ripped-white-bottom.png) repeat-x top left / auto 100%;
    height: 44px;
    position: absolute;
    bottom: -25px;
    left: 0;
    z-index: 9;
}

/* Texture Background */
.dark-bg {
    background: url('images/dark-bg.jpg') repeat-y top center / 100% auto;
    color: #F7F3ED;
}
.white-bg {
    background: #FFFFFF url(images/bg-texture.png) repeat top center / 60vw auto;
}


/* =Header
-------------------------------------------------------------- */
header#masthead  {
    padding: 25px 0;
    position: relative;
    margin-bottom: -15px;
    z-index: 99;
}

header#masthead .container.flex { 
    align-items: center;
    justify-content: space-between;
}
header#masthead .container.flex>* { flex: 1; }
header#masthead .container.flex .site-branding { padding: 0 5vw; }

header#masthead ul.menu {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
header#masthead nav.main-navigation { display: none; }

/* Logo */
header#masthead .site-title { line-height: auto; margin: 0 auto -5px; max-width: 250px; }
header#masthead .site-title a { padding: 0; }
header#masthead .site-title svg { width: 100%; height: auto; margin: 0;}
header#masthead .site-title svg .a { fill: #ce9c1f; }

/* Navigation */
header#masthead ul li a {
    font-family: 'Knockout Bantamweight', helvetica;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.7em;
    letter-spacing: 0.04em;
    padding: 10px 0;
}
header#masthead ul.menu li.current-menu-item a {
    background: url('images/event-divider.png') no-repeat bottom left / auto 4px;
}
header#masthead ul li { position: relative; }

body.home header#masthead ul.menu li a,
body.single header#masthead ul.menu li a,
body.post-type-archive-event header#masthead ul.menu li a,
body.page-template-page-location header#masthead ul.menu li a { color: #dad3c2;  }
body.home header#masthead ul.menu li a:hover,
body.single header#masthead ul.menu li a:hover,
body.post-type-archive-event header#masthead ul.menu li a:hover,
body.page-template-page-location header#masthead ul.menu li a:hover { color: #F7F3ED; }



/* =Events (Home)
-------------------------------------------------------------- */
body.post-type-archive-event,
body.page-template-page-events,
body.single-event {
    background: url('images/dark-bg.jpg') repeat-y top center / 100% auto;
    color: #F7F3ED;
}

/* Featured Events Carousel */
.featured-event {
    margin: 25px auto 0;
    position: relative;
    border: 4px solid rgb(38 36 32 / 80%);
    border-radius: 10px;
    overflow: hidden;
}
.featured-event .event-image {
    width: 100%;
    height: 525px;
    position: relative;
    overflow: hidden;
}
.featured-event .event-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.featured-details {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 150px 30px 25px;
    background: -moz-linear-gradient(top,     rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 80%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 80%);
    background: linear-gradient(to bottom,    rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 80%);
    width: 100%;
    text-align: center;
}
.featured-details .embro { font-size: 0.8em; margin-bottom: 5px; }
.featured-details h3 { 
    font-family: 'Howards Eight', cursive;
    font-size: 2.75em;
}
.featured-details h3 a {color: #F7F3ED;}
.featured-details h3 a:hover { color: #CE9C1F;}

/* Carousel Buttons */
.owl-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 5vw 0;
    width: 100%;
}
.owl-nav button {
    margin: 0 20px;
    opacity: 0.3;
}
.owl-nav button:hover { opacity: 1; }
.owl-nav button.owl-prev {
    background: url('images/arrow-prev.png') no-repeat center center / contain;
    width: 100px;
    height: 20px;
    text-indent: -99em;
}
.owl-nav button.owl-next {
    background: url('images/arrow-next.png') no-repeat center center / contain;
    width: 100px;
    height: 20px;
    text-indent: -99em;
}

/* Event Filter */
.event-list-item.show { display: block; }
.event-list-item.hide { display: none; }

.event-filter-bar.flex {
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 15px;
}
.toggle-filters .filter-label {
    display: block;
}
.toggle-filters button {
    color: #47423a;
    font-family: 'Knockout Bantamweight', cursive;
    text-transform: uppercase;
    font-size: 7em;
    background: transparent;
    border: none;
    padding: 0 60px 0 0;
    position: relative;
}
.toggle-filters button:after {
    content: '/';
    color: #37342f;
    position: absolute;
    bottom: 0;
    right: 12px;
    opacity: 0.5;
}
.toggle-filters button#downtown:after { display: none; }
.toggle-filters button:hover,
.toggle-filters button.is-active { color: #9e2f2f; }
.toggle-filters button#reset:hover,
.toggle-filters button#reset.is-active { color: #f8f3ed; }
.toggle-filters button#downtown:hover,
.toggle-filters button#downtown.is-active { color: #CE9C1F; }

.view-filters {
    margin-bottom: 25px;
}
.view-filters button {
    border: 1px solid #464138;
    color: #7c7162;
    padding: 15px 20px;
    background: transparent;
}
.view-filters button:hover, 
.view-filters button.is-active {
    background: rgba(0,0,0,0.4);
    color: #b1a78d;
}

/* Event Listing */
.event-list-item { 
    position: relative; 
    background: url('images/event-divider.png') repeat-x bottom left / auto 4px;
    padding: 40px 0;
}
.event-list-item .event-details.flex { justify-content: space-between; }
.event-list-item .event-details.flex>* { flex: 1; }
.event-list-item .event-details.flex .event-title { flex: 3; }
.event-list-item .event-date h4 { font-size: 2.5em; }


/* Location Label */
.list-location {
    text-align: center;
    display: table;
    position: relative;
    padding-left: 32px;
}
.list-location>*:before {
    content: '';
    background: url('images/gold-gf.png') no-repeat center center / contain;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    bottom: 2px;
}
.list-location .roseville:before {
    background: url('images/red-gf.png') no-repeat center center / contain;
}

/* Event Title */
.event-list-item .event-title {
    padding: 0 5vw;
    text-align: center;
}

.event-list-item .event-title .presented-by { 
    font-size: 0.8em;
    line-height: 1.5em;
    width: 80%;
    margin: 0 auto 10px;
    color: #6d6965;
}

.event-list-item .event-title h3 { 
    font-family: 'Howards Eight', cursive;
    font-size: 2.5em;
    width: 90%; 
    margin: 0 auto 5px;
}
.event-list-item .event-title a {
    display: block;
    color: #f8f3ed;
}
.event-list-item .event-title a:hover { color: #CE9C1F; }
.event-list-item .event-title h4 {
    color: #b1a68d;
    font-size: 1.75em;
    letter-spacing: 0.06em;
    margin: 5px auto;
}

.event-list-item .grid-image { display: none; }
.event-list-item .event-purchase { 
    text-align: center; 
}
.event-list-item .grid.time { display: none; }
.event-list-item .time {
    color: #8d8680;
    letter-spacing: 0;
    font-size: 0.7em;
    line-height: 1.5em;
    display: block;
    margin: 10px 0 0;
}
.event-list-item .time span { display: block; }
.event-list-item .vip-available {
    color: #615953;
    margin: 5px auto 0;
}
.event-date.mobile-location { display: none; }

/* Grid View */
.event-listing-container.grid {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    margin-left: -15px;
}
.event-listing-container.grid .event-list-item {
    flex: 1 0 calc(33.3% - 30px);
    width: calc(33.3% - 30px);
    max-width: calc(33.3% - 30px);
    margin: 15px;
    overflow: hidden;
}
.event-listing-container.grid .event-list-item {
    background: rgba(0,0,0,0.4);
    padding: 0;
}
.event-listing-container.grid .event-list-item.downtown {
    border-top: 2px solid #CE9C1F;
}
.event-listing-container.grid .event-list-item.roseville {
    border-top: 2px solid #9e2f2f;
}

.event-listing-container.grid .event-list-item .event-date {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #252525;
}
.event-listing-container.grid .event-list-item .event-date span.monospace { display: none; }
.event-listing-container.grid .event-list-item .event-date h4 { font-size: 1.5em; line-height: 1em; margin: 0; }
.event-listing-container.grid .event-list-item .event-details.flex {
    display: block;
    width: 100%;
}
.event-listing-container.grid .event-list-item .presented-by { display: none; }
.event-listing-container.grid .event-list-item .event-title {
    padding: 30px 15px 0;
    min-height: 225px;
}
.event-listing-container.grid .event-list-item .event-title h3 { 
    font-size: 2.25em; margin: 0 auto 5px;}
.event-listing-container.grid .event-list-item .event-title h4 { font-size: 1.5em; letter-spacing: 0.08em; width: 80%; margin: 0 auto; }
.event-listing-container.grid .event-list-item .event-purchase { padding: 0 5vw 5px; display: flex; flex-direction: column-reverse; margin-top: auto; }
.event-listing-container.grid .event-list-item .grid.time { display: block; margin: 15px auto; font-size: 0.7em; }
.event-listing-container.grid .vip-available { display: none; }
.event-listing-container.grid .event-list-item .event-purchase .time { display: none; }

.event-listing-container.grid .event-image-appear { display: none; }
.event-listing-container.grid .grid-image { 
    width: 100%;
    height: 225px;
    display: block;
    position: relative;
    overflow: hidden;
}
.event-listing-container.grid .grid-image.post-thumbnail img { 
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.grid .event-purchase a, 
.grid .event-purchase .ticket-status { 
    background: #11100e;
 }

/* Hover Image Appear */
.event-image-appear { 
    opacity: 0;
    visibility: hidden;
    width: 100%; 
    max-width: 380px;
    -webkit-transition: opacity 400ms, visibility 400ms;
    transition: opacity 400ms, visibility 400ms;
    position: fixed;
    z-index: -3;
    filter: saturate(60%) sepia(5%);
    left: 5%;
    top: -50%;
}
.event-list-item .event-title:hover .event-image-appear,
.event-list-item .event-title:focus .event-image-appear {
    visibility: visible;
    opacity: 0.5;
}
.event-list-item .event-title:hover .event-image-appear img { 
    height: auto; 
    transform: rotate(-2deg);
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out; 
}
.event-list-item:nth-child(even) .event-title:hover .event-image-appear img { 
    height: auto; 
    transform: rotate(2deg);
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out; 
}

/* Ticket Buttons */
.event-purchase a, 
.event-purchase .ticket-status {
    color: #ccb47e;
    background: #181412;
    border: 1px solid #494031;
    font-size: 0.9em;
    line-height: 1em;
    letter-spacing: 0.1em;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    padding: 17px 20px;
    display: block;
    text-align: center;
}
.event-purchase a:hover {
    background: #CE9C1F;
    border-color: #CE9C1F;
    color: #151515;
}
.event-purchase .ticket-status {
    letter-spacing: 0.04em;
    color: #74706c;
    background: #181412;
    border: 1px solid #3c3732;
}


/* =Event Detail Page
-------------------------------------------------------------- */
#section.event-hero { padding: 25px 0 50px; }
.event-hero .container.flex { align-items: initial; }
.event-hero .container.flex>* { flex: 1; padding: 15px; }
.event-hero .event-hero-details {
    text-align: center;
}
.event-hero-details .event-purchase.flex { align-items: flex-start; }
.event-hero-details .event-purchase>* { flex: 1; margin: 0 15px; }

.event-hero-details .event-date h4 { font-size: 1.75em; letter-spacing: 0.1em; margin: 20px auto 40px; }
.event-hero-details .presented-by { margin-bottom: 10px; }
.event-hero-details h2 {
    font-size: 4em;
    margin: 0 auto;
}
.event-hero-details h3 { font-size: 2.5em; }
.event-hero-details .time {
    color: #706a5d;
    line-height: 1em;
    margin: 25px auto 30px;
}
.event-hero-details .time .ages { display: block;}

.location-address .list-location,
.event-hero-details .list-location {
    margin: 0 auto;
    font-size: 1.1em;
}

/* VIP Button */
.event-purchase {
    max-width: 350px;
    margin: 25px auto;
}
.event-purchase a.on-sale.vip.button {
    background: #282626;
    color: #afa99b;
    border: 1px solid #42403d;
    margin: 10px auto 0;
}
.event-purchase a.on-sale.vip.button:hover {
    background: #afa99b;
    border: 1px solid #afa99b;
    color: #0c0c0a;
}
.event-purchase .disclaimer {
    font-size: 0.7em;
    line-height: 1.3em;
    display: block;
    margin: 15px auto 0;
    opacity: 0.5;
}
.event-hero .container.flex .event-image { padding: 0 3vw; }
.event-hero .event-image img { 
    width: 100%; 
    height: auto; 
    margin: 0 auto; 
    border: 10px solid rgb(38 36 32 / 65%);
}

/* Location Map */
#section.event-location-container {
    background: #f5f3e9 url(images/bg-texture.png) repeat top center;
    background-size: 60vw auto;
    min-height: auto;
    padding: 50px 0 calc(25px + 3vw);
    margin-top: 25px;
    color: #2B2926;
}
#section.event-location-container:before {
    content: '';
    width: 100%;
    height: 18px;
    position: absolute;
    top: -15px;
    left: 0;
    background: url('images/ripped-sweat-top.png') repeat-x left top / auto 100%;
}

.location-detail.flex {
    align-items: center;
    padding: 25px 0;
}
.location-detail.flex>* { flex: 1; }
.location-detail .location-map {
    background: rgb(38 36 32 / 5%);
    width: 100%;
    height: 350px;
    padding: 10px;
}
.map-address {
    padding: 0px 4vw;
}
.map-address h3.address {
    font-size: 3em;
    font-family: 'Howards Eight', sans-serif;
    letter-spacing: 0;
    text-transform: uppercase;
    text-align: center;
    margin: 25px auto 15px;
}
.map-address a.large-cta {
    margin: 25px auto 0;
}

/* FAQs (Know Before You Go) */
.faq-container { padding: 15px 0 0; }

.faq-title { text-align: center; padding: 20px 0  5px; }
.faq-title h4 { font-family: 'Howards Eight', sans-serif; margin: 0 auto; }
.faq-title .description { padding: 5px 0; line-height: 1.4em; font-size: 0.9em; }

.accordion { margin: 25px 0; }
.accordion-item {
    overflow: hidden;
    margin-bottom: 10px;
}
.accordion-panel { 
    display: none; 
    background: #FFFFFF url(images/bg-texture.png) repeat center / 500px auto;
    border: 1px solid #e9e7e2;
    border-top: 0;
    padding: 20px 3vw;
    margin-bottom: 25px;
}
.accordion-title { position: relative; }
.accordion-title h4 {
    margin: 0;
    margin: 0;
    text-shadow: none;
}
.accordion-item i.flip { 
    margin-top: 2px;
    transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out; 
}
.accordion-item.is-active i.flip { transform: rotate(180deg); }

.question.flex { justify-content: space-between; }
.question.flex>* { flex: initial; }

.accordion-title.question {
    background: #FFFFFF url(images/bg-texture.png) repeat bottom left / 450px auto;
    border: 1px solid #e9e7e2;
    padding: 20px;
}
.accordion-title.question h4 { font-size: 1.5em; }
.accordion-title.question h4 i {
    color: #CE9C1F;
    font-size: 0.8em;
    margin-right: 20px;
    float: left;
}

/* =Locations
-------------------------------------------------------------- */
/* Video Hero */
.video-hero .iframe-wrapper { z-index: -3;}
#section.video-hero {
    background: url('images/dark-bg-texture.png') repeat top center / 100% auto;
    position: relative;
    text-align: center;
    min-height: auto;
    padding: calc(150px + 5vw) 0 100px;
    min-height: auto;
    margin-top: -180px;
}
#section.video-hero:before {
    content: '';
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.8) 100%);
    position: absolute;
    top: 0;
    left: 0;
}
#section.video-hero h1 {
    font-size: 8em;
    width: 70%;
    margin: 15px auto 0;
}
#section.video-hero .hero-caption {
    max-width: 600px;
    line-height: 1.5em;
    margin: 5px auto 0;
    color: #d7cfbc;
}
#section.video-hero .cta-buttons {
    margin: 25px auto 50px;
}
#section.video-hero .cta-buttons.flex {
    justify-content: center;
}
#section.video-hero .cta-buttons.flex a.large-cta {
    color: #dec588;
    border-color: #7b735e;
    font-size: 0.85em;
    padding: 15px 50px;
    margin: 0 5px;
}

#section.video-hero .cta-buttons.flex a.large-cta:hover {
    color: #2B2926;
    background: #CE9C1F;
    border-color: #CE9C1F;
}


/* Features */
#section.location-features { padding: 50px 0; }
.feature.flex { min-height:600px; }
.feature.flex:nth-child(2) { 
    position: relative;
    flex-direction:row-reverse;
}
.feature.flex:nth-child(3) { position: relative; }
.feature.flex:nth-child(2):after,
.feature.flex:nth-child(3):after {
    content: '';
    background: url('images/event-divider.png') no-repeat top center / contain;
    width: 100%;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.25;
}
.feature.flex>* { flex: 1;}
.feature.flex .feature-description { 
    padding: 25px 5vw;
    text-align: center;
}
.feature .feature-description h3 {
    font-family: 'Howards Eight', sans-serif;
    font-size: 3.5em;
    line-height: 0.9em;
    position: relative;
    z-index: 9;
    margin: 15px auto 15px;
}
.feature .feature-description .entry-content { max-width: 650px; margin: 10px 0 25px; }
.feature .feature-description .entry-content .cta-buttons { margin: 25px auto; }
.feature .feature-description .entry-content .cta-buttons.flex { flex-direction: column; }
.feature .feature-description .entry-content a.large-cta {
    width: 100%;
    max-width: 350px;
    padding: 18px 20px;
    margin: 5px auto;
}
.feature .feature-image {
    transform: rotate(2deg);
    text-align: center;
    padding: 25px;
}
.feature .feature-image img { width: auto; max-height: 480px; margin: 0 auto; }

.feature.flex:nth-child(2) .feature-image { transform: rotate(-1deg); }


/* Up Next */
#section.upnext {
    border-top: 15px solid #9e2f2f;
    padding: calc(50px + 3vw) 0 50px;
}
#section.upnext:before {
    content: '';
    background: #681b1a;
    width: 100%;
    height: 5px;
    position: absolute;
    top: 0;
    left: 0;
}
#section.upnext:after {
    content: '';
    width: 100%;
    bottom: 0;
    left: 0;
    height: 10px;
    background: rgb(38 36 32 / 80%);
    position: absolute;
}
.upnext-container {
    border: 3px solid #ce9c1f;
    padding: 3px;
    position: relative;
}
.upnext-border:before, 
.upnext-border:after {
    content: '';
    background: url('images/border-decor.png') no-repeat center center / contain;
    width: 90px;
    height: 90px;
    position: absolute;
}
.upnext-border.top:before {
    top: 8px;
    left: 8px;
}
.upnext-border.top:after {
    top: 8px;
    right: 8px;
    transform: scaleX(-1);
}
.upnext-border.bottom:before {
    bottom: 8px;
    left: 8px;
    transform: scaleX(-1) rotate(180deg);
}
.upnext-border.bottom:after {
    bottom: 8px;
    right: 8px;
    transform: rotate(180deg);
}
.overlap-label {
    background: #1c1b19;
    position: absolute;
    top: -20px;
    left: calc(50% - 140px);
    width: 280px;
    text-align: center;
    border: 2px solid;
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-radius: 35px;
    z-index: 3;
}
#section.upnext .overlap-label i { font-size: 8px; }
#section.upnext .overlap-label h4 {
    font-family: 'Howards Eight', sans-serif;
    font-size: 1.15em;
    margin: 0 auto -5px;
    letter-spacing: 0.06em;
}


.upnext-listing.flex {
    border: 1px solid #ce9c1f;
    padding: 30px;
    position: relative;
}
.upnext-listing.flex:before {
    content: '';
    width: 1px;
    height: 90%;
    background: #3f3c36;
    position: absolute;
    left: 50%;
    top: 5%;
}
.upnext-listing.flex>* {
    flex: 1 0 50%;
    width: 50%;
    max-width: 50%;
    text-align: center;
    padding: 15px 5vw;
    min-height: 180px;
    border-bottom: 1px solid #3f3c36;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.upnext-listing.flex>*:nth-child(5),
.upnext-listing.flex>*:last-of-type { border:none; }

.upnext-listing .event-title h3 { margin: 5px auto; }
.upnext-listing .event-title h3 a {
    color: #f2f0e6;
}
.upnext-listing .event-title h3 a:hover { color: #ce9c1f; }

.upnext a.large-cta {
    background: #CE9C1F;
    border-color: #CE9C1F;
}
.upnext a.large-cta:hover {
    background: #2B2926;
    border-color: #2B2926;
    color: #f2f0e6;
}


/* Gallery */
.fullwidth-gallery { background: #000000; }
.fullwidth-gallery .owl-nav { display: none; }
.fullwidth-gallery .carousel-item {
    height: 580px;
    position: relative;
}
.fullwidth-gallery .carousel-item img {
    height: 580px;
    object-fit: cover;
    object-position: center;
}
.fullwidth-gallery .carousel-item .caption {
    text-transform: uppercase;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 200px 3vw 20px;
}

/* =Food & Drink
-------------------------------------------------------------- */
#section.food-drink {
    padding: 50px 0 0;
    text-align: center;
}
#section.food-drink .container {
    padding-bottom: 100px;
    background: url('images/drink-alt-lineup.png') no-repeat bottom center / 80% auto;
}
#section.food-drink h2 { 
    font-size: 10em; 
}
#section.food-drink p {
    width: 100%;
    max-width: 800px;
    font-size: 0.85em;
    line-height: 1.6em;
    margin: 50px auto;
    display: block;
}
.hero-title { align-items: center; justify-content: center; }
.hero-title.flex>* { flex: 2; }
.glass-left { text-align: right; margin-right: -10vw; }
.glass-right { text-align: left; margin-left: -6vw; }

.hand-glass {
    flex: 1;
    background: url(images/hand-holding-beer.png) no-repeat center center / contain;
    width: 200px;
    height: 440px;
    margin-top: -25px;
    position: relative;
    z-index: 9;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;  
}
.hand-glass:hover {
    transform: rotate(5deg) translate3d(5px, 5px, 0px);
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;  
}
#section.food-drink p { margin: 15px auto 40px; }

#section.food-drink .cta-buttons.flex {
    margin: 25px auto;
    justify-content: center;
}
#section.food-drink .cta-buttons.flex>* {
    background: #CE9C1F;
    border-radius: 0;
    margin: 5px 10px;
    min-width: 300px;
    padding: 18px 50px;
    border: 1px solid;
    border-right: 3px solid;
    border-bottom: 5px solid;
}
#section.food-drink .cta-buttons.flex>*:nth-child(1) {
    border-color: #2B2926;
    background: #9e2f2f;
    color: #F7F3ED;
}
#section.food-drink .cta-buttons a.large-cta:hover {
    color: #CE9C1F;
    border-color: #111111;
    background: #2b2926;
}

/* Beer Logos */
.beer-logos .embro { line-height: 1.5em; padding: 0 5vw; margin-bottom: 25px; }
.beer-logos {
    width: 100%;
    max-width: 1024px;
    margin: 100px auto;
    text-align: center;
}
.beer-logo-container { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    flex-wrap: wrap;
}
.beer-logo-container>* { flex:  1 0 20%; width: 20%; padding: 20px; text-align: center;}
.beer-logo-container img { width: auto; max-width: 120px; max-height: 60px; }


/* =Drink Menu (Revival)
-------------------------------------------------------------- */
/* Food Menu Filter Bar */
.food-menu-hero .container {
    padding: calc(3vw + 50px) 0 50px;
}
.food-menu-hero .container.flex {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.food-menu-hero h2 {
    font-size: 8em;
    margin: 0 auto;
}

/* Menu Filter */
.menu-filters.flex {
    margin: 20px auto 0;
    border: 1px solid;
    overflow: hidden;
}
.menu-filters button {
    font-weight: 300;
    font-family: 'Knockout Bantamweight', helvetica;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.5em;
    letter-spacing: 0.02em;
    padding: 12px 50px;
    background: transparent;
}
.menu-filters button.is-active {
    border-color: #3D2216;
    background: #3D2216;
    color: #f5f3e9;
}

/* Food & Drinks Menus */
.food-menu-container.hide { display: none !important; }
.food-menu-container.show { display: block !important; }
#section.food-menu-container { padding: 0 0 calc(5vw + 50px); }
.food-menu-container .container { padding: 0 5vw; }

.proudly-serving { margin: 0 10px; text-align: center; }
.proudly-serving span { display: none; }
.proudly-serving img { width: auto; max-height: 135px; margin: -15px 10px 0;}


.food .food-menu { position: relative; }
.food .food-menu.burgers:before,
.food .food-menu.sacville:before,
.food .food-menu.netillo:before,
.food .food-menu.tacos:before,
.food .food-menu.sandwhich:before,
.food .food-menu.wings:before,
.food .food-menu.fries:before,
.food .food-menu.hotdog:before,
.food .food-menu.chicken:before {
    opacity: 0.4;
    content: '';
    width: 100%;
    height: 100%;
    background: url('images/chicken-illustration.png') no-repeat center center / 50% auto;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.food .food-menu.sacville:before {
    background: url('images/sacville.png') no-repeat center center / 60% auto;
}
.food .food-menu.sandwhich:before {
    background: url('images/sandwhich.png') no-repeat center center / 40% auto;
}
.food .food-menu.hotdog:before {
    background: url('images/parker-hotdog-bg.jpg') no-repeat center center / 40% auto;
}
.food .food-menu.netillo:before {
    background: url('images/netillo.png') no-repeat center center / 40% auto;
}
.food .food-menu.tacos:before {
    background: url('images/taco-menu.png') no-repeat center center / 40% auto;
}
.food .food-menu.burgers:before {
    background: url('images/burgers.png') no-repeat center center / 45% auto;
}
.food .food-menu.wings:before {
    background: url('images/wings.png') no-repeat center center / 50% auto;
}
.food .food-menu.fries:before {
    background: url('images/fries.png') no-repeat center center / 35% auto;
}

.drinks .food-menu { position: relative; }
.drinks .food-menu.tap:before,
.drinks .food-menu.drinks:before,
.drinks .food-menu.cocktails:before {
    opacity: 0.4;
    content: '';
    width: 100%;
    height: 100%;
    background: url('images/drink-lineup.png') no-repeat center center / 70% auto;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.drinks .food-menu.drinks:before {
    background: url('images/drinks.png') no-repeat center center / 30% auto;
}
.drinks .food-menu.cocktails:before {
    background: url('images/cocktails.png') no-repeat center center / auto 60%;
}

/* Wings */
.food .food-menu.wings .menu-item:first-of-type { flex: 1 0 100%; width: 100%; max-width: 100%; padding: 0 15vw; margin-top: -20px; }
.food .food-menu.wings .menu-item:first-of-type .menu-title.flex { justify-content: center; align-items: flex-end; }
.food .food-menu.wings .menu-item:first-of-type h4 { font-size: 3em; flex: inherit; }
.food .food-menu.wings .menu-item:first-of-type span { text-align: left; flex: inherit; padding-left: 25px; }
.food .food-menu.wings .menu-item:first-of-type .description { font-size: 1em; text-align: center; width: 100%; margin: 0 auto 50px; }


.food-menu>* { position: relative; z-index: 7; }
.food-menu:last-of-type .divider { display: none; }
.menu-section.flex>*,
.food-menu.flex>* { flex: 1; }
.menu-section.flex .menu-listing { flex: 2; }
.menu-section.flex,
.menu-listing.flex {
    align-items: inherit;
}
.menu-listing.flex>* {
    flex: 1 0 50%;
    width: 50%;
    max-width: 50%;
    padding-right: 40px;
    margin-bottom: 15px;
}
.no-image .menu-listing.flex {
    width: calc(100% + 40px);
    margin-left: -20px;
}
.no-image .menu-listing.flex>* {
    flex: 1 0 33.3%;
    width: 33.3%;
    max-width: 33.3%;
    padding: 10px 20px;
}
.menu-listing .menu-title.flex {
    align-items: initial;
    justify-content: space-between;
    margin-bottom: 10px;
}
.menu-listing .menu-title.flex>* { flex: 2; }
.menu-listing .menu-title.flex h4 { margin: 0; flex: 6; }
.menu-listing .menu-title span.price { text-align: right; letter-spacing: 0.06em; font-size: 0.8em; }


.menu-listing .description { font-size: 0.9em; line-height: 1.5em; width: 90%; margin-bottom: 25px; }

.menu-section { 
    padding: 15px 0;
}

.menu-top-title {
    padding: 50px 0 25px;
    text-align: center;
}
.menu-top-title h3 {
    font-family: 'Howards Eight', sans-serif;
    font-size: 4em;
    line-height: 1em;
    margin: 0 auto;
}
.menu-top-title .description {
    line-height: 1.4em;
    width: 100%;
    margin: 0 auto;
    max-width: 500px;
    margin-bottom: 25px;
}

.menu-image { padding-left: 25px; }
.feature-image img,
.menu-image img {
    border: 10px solid #FFFFFF;
    box-shadow: 0 0 1px 1px #eae6dd;
    margin-bottom: 0;
}
.feature-image .caption,
.menu-image .caption {
    font-size: 0.6em;
    line-height: 1em;
    display: block;
    color: #6b685e;
    text-align: center;
    margin: 5px auto;
}
.divider {
    margin: 40px auto 15px;
    padding: 1px;
    background: url('images/event-divider.png') repeat-x center center / auto 100%;
    display: block;
}

/* Drinks Menu */
.drinks .menu-listing .menu-title.flex h4 { font-size: 2em; margin: 0; }
.drinks .menu-listing.flex>* { padding: 10px 25px 0; }
.drinks .menu-listing .menu-title.flex { margin-bottom: 5px;}



/* =Default Page
-------------------------------------------------------------- */
.default-page header.entry-header {
    padding: 15px 0;
    text-align: center;
}
/* Embed Resposively */
.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 100%; 
    overflow: hidden; 
    max-width: 100%; 
} 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* =Contact
-------------------------------------------------------------- */
#section.contact { padding-top: calc(100px + 5vw); padding-bottom: 3vw; min-height: auto;}
body.page-template-page-contact { background-color: #FFFFFF; background-size: 850px auto; }

/* Private Events */
#section.private-events { padding: 10vw 0; flex-direction: column; min-height: auto;}
#section.private-events .content {
    padding-right: 5vw;
}
#section.private-events .content h3 {
    font-size: 5em;
    line-height: 0.85em;
    margin: 0 0 2vw;
}

.private-features { margin: 6vw auto 0; }
.private-features.flex { align-items: flex-start; }
.private-features.flex>* { flex: 1; padding: 0 5vw  0 0; }
.private-features .icon { width: auto; max-height: 40px; margin: 0 0 15px; display: block;}
.private-features strong { 
    font-family: 'Hind Siliguri', sans-serif; 
    color: #f5f3e9; 
    text-transform: uppercase; 
    font-size: 1.2em;
    font-weight: 600;
    letter-spacing: 0.05em; 
}


/* =Footer
-------------------------------------------------------------- */
/* Footer Wood Divider */
.wood-divider-top,
.wood-divider-bottom {
    background: #000 url('images/wood-border-top.jpg') repeat-x left top / auto 100%;
    width: 100%;
    height: 35px;
    position: relative;
    z-index: 9;
            box-shadow: -3px 3px 15px -5px rgba(0,0,0,0.3);
    -webkit-box-shadow: -3px 3px 15px -5px rgba(0,0,0,0.3);
       -moz-box-shadow: -3px 3px 15px -5px rgba(0,0,0,0.3);
}
.wood-divider-bottom {
    background: #000 url('images/wood-border-bottom.jpg') repeat-x center top / auto 100%;
}

footer.site-footer {
    background: #912827 url(images/footer-bg.jpg) no-repeat bottom center / 100% auto;
    color: #f5f3e9;
    font-size: 0.9em;
    line-height: 1.5em;
    position: relative;
    overflow: hidden;
}
footer.site-footer .container { padding: 30px 0 60px; }

/* Footer Locations */
.footer-locations.flex {
    align-items: inherit;
    justify-content: center;
    margin: 15px auto;
}
.footer-local { 
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 210px;
    text-align: center;
    padding: 10px 5vw 15px;
    border-right: 1px solid #171615;
}
.footer-local:last-of-type { border: none; }
.footer-local .location {
    color: #e1b651;
    font-size: 0.9em;
    line-height: 1.2em;
    margin: 5px auto 15px;
    display: block;
}
.footer-local .address {
    font-family: 'Howards Eight', sans-serif;
    text-transform: uppercase;
    font-size: 2.25em;
    line-height: 1em;
    display: block;
    margin: 5px auto 0;
}
.footer-local .address a { 
    color: #f7f3ed;
    text-decoration: none;
}
.footer-local span.phone {
    color: #171615;
    font-size: 0.85em;
    line-height: 1.2em;
    margin: 5px auto 10px;
}
.footer-local .socials.flex {
    align-items: center;
    justify-content: center;
    margin-top: auto;
}
.footer-local .socials a {
    color: #171615;
    font-size: 1.5em;
    margin: 5px;
    padding: 5px 10px;
}
.address a:hover,
.footer-local .socials a:hover { color: #ce9d1f; }

/* Footer Navigation */
ul#footer-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 40px auto 20px;
}
ul#footer-menu li {
    flex: 1;
    text-align: center;
    margin: 5px 15px;
}
ul#footer-menu li a {
    color: #dcc690;
    font-size: 1.8em;
    font-family: 'Knockout Bantamweight', helvetica;
    font-weight: 300;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
}
ul#footer-menu li a:hover { color: #f5f3e9; }

/* Copyright */
.site-info {
    color: #171615;
    font-size: 0.75em;
    line-height: 1.6em;
    letter-spacing: 0.02em;
    text-align: center;
}
.site-info a { color: inherit; }
.site-info a:hover { color: #e3e0ce; }




/* =Mobile (Media Queries)
-------------------------------------------------------------- */
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}

@media only screen and (max-width: 1320px) {
    .fullwidth-gallery .carousel-item,
    .fullwidth-gallery .carousel-item img { height: 520px; } 

    /* Food & Drink */
    #section.food-drink h2 { font-size: 8em; }
    .hand-glass { height: 350px; }
}

@media only screen and (max-width: 1280px) {
    /* Navigation */
    header#masthead { padding: 25px 0; }
    header#masthead h1.site-title { max-width: 225px; }
    header#masthead ul li a { font-size: 1.5em; }

    /* Food & Drink */
    #section.food-drink h2 { font-size: 7em; }
    .hand-glass { height: 350px; }
    #section.food-drink p { font-size: 0.8em; padding: 0 5vw; }

    .beer-logo-container { max-width: 900px; margin: 0 auto; }
    .beer-logo-container>* { flex: 1 0 25%; width: 25%; }
    .beer-logo-container img { max-height: 50px; }

    /* Food Menu */
    .menu-top-title h3 { font-size: 3em; margin: 0 auto 15px; }
    .menu-top-title .description { max-width: 500px; margin: 0 auto 25px; }
    .menu-section.flex { flex-direction: column; }
    .no-image .menu-listing.flex { width: 100%; margin: 0 auto; }
    .no-image .menu-listing.flex>* { flex: 1 0 50%; width: 50%; max-width: 50%; }
    .menu-image { padding: 50px 0; }
    .menu-image img { width: 100%; max-width: 520px; margin: 0 auto 10px; display: block; }
    .menu-listing.flex>* { padding: 5px 25px 0 !important; }
    .menu-listing .description { width: 100%; margin-bottom: 10px; }
    .menu-top-title { padding: 30px 0 15px; }

    .food .food-menu.burgers:before,
    .food .food-menu.sacville:before,
    .food .food-menu.netillo:before,
    .food .food-menu.tacos:before,
    .food .food-menu.sandwhich:before,
    .food .food-menu.wings:before,
    .food .food-menu.fries:before,
    .food .food-menu.chicken:before,
    .drinks .food-menu.tap:before, 
    .drinks .food-menu.drinks:before, 
    .drinks .food-menu.cocktails:before  {
        background-size: 60% auto !important;
        background-position: top 150px center !important;
    }

    /* Events */
    .featured-event .event-image { height: 500px; }
    .event-filter-bar.flex .toggle-filters { flex: 2; }
    .toggle-filters button { font-size: 6em; line-height: 0.9em; }
    .view-filters { margin-bottom: 10px; }

    /* Locations */

}

@media only screen and (max-width: 1024px) {
    .hide-on-mobile { display: none; }
    .mobile-only { display: block; }
    .list-location.mobile-only { display: table; margin: 15px 0 0; }

    /* Locations */
    #section.video-hero h1 { font-size: 6em; width: 100%; }
    .iframe-wrapper video { top: 50%;}
    #section.video-hero { padding: 225px 0 100px; }
    .fullwidth-gallery .carousel-item,
    .fullwidth-gallery .carousel-item img { height: 400px; }

    /* Events */
    .featured-event .event-image { height: 450px; }

    .event-listing-container.grid { width: calc(100% + 20px); margin-left: -10px;}
    .list .event-list-item { padding: 30px 0; align-items: initial; background: none; }
    .list .event-list-item .event-details.flex>* { flex: 1 0 100%; }
    .event-list-item .event-title .presented-by { margin: 0 0 15px; font-size:0.7em; width:100% }
    .grid .event-list-item .event-title .presented-by { margin: 0 auto 15px;}
    .list .event-list-item .event-details.flex { align-items: initial; }
    .list .event-list-item .event-details .event-date {
        padding: 5px 0;
        background: url('images/event-divider.png') repeat-x bottom left / auto 4px;
        margin-bottom: 25px;
    }
    .list .event-list-item .event-details .event-date span { display:none; }
    .list .event-list-item .event-details .event-date h4 {
        color: #9a9485;
        font-size: 1.75em;
        letter-spacing: 0.06em;
    }
    .list .event-list-item .event-details.flex .event-title { flex: 4; padding: 0 5vw 0 0; text-align: left; }
    .list .event-list-item .event-title h3 { margin: 0; font-size: 2.5em; width: 100%; }
    .list .event-list-item .event-title h4 { font-size: 1.5em; letter-spacing: 0.06em; }
    .list .event-list-item .event-details.flex .event-purchase { flex: 1.5; max-width: auto; width: auto; text-align: right; }
    .list .event-list-item .event-purchase { margin: 0; }

    .event-listing-container.grid .mobile-only { display:none; }
    .event-listing-container.grid .hide-on-mobile { display:table; }
    .event-listing-container.grid .event-list-item { flex: 1 0 calc(50% - 20px); width: calc(50% - 20px); max-width: calc(50% - 20px); margin: 10px; }

    .fw-gallery .gallery-item { height: 480px; }
    .fullwidth-gallery .owl-nav { width: 100%; left: 0; padding: 0 calc(10vw + 70px); }
    .fullwidth-gallery .vertical-text { left: 0; }
    .fullwidth-gallery .vertical-text.longitude { right: 0; }

}

@media only screen and (max-width: 850px) {
    a.large-cta { padding: 15px 25px; font-size: 0.8em; min-width: 200px; }

    /* Mobile Navigation */
    header#masthead { padding: 25px 0 10px; }
    header#masthead .container.flex .menu-left-menu-container, 
    header#masthead .container.flex .menu-right-menu-container { display: none; }
    header#masthead .container.flex .site-branding { flex: 1 0 100%; padding: 5px 20vw; }
    header#masthead h1.site-title { width: 100%; max-width: 250px; height: 80px; margin: 0 auto; }
    header#masthead nav.main-navigation {
        display: block;
        background: transparent;
        border-radius: 0;
        border: none;
    }
    button.menu-toggle {
        display: block;
        background: transparent;
        border: none;
        width: 40px;
        height: 40px;
        border-radius: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        cursor: pointer;
        text-indent: -999em;
        position: absolute;
        top: 25px;
        right: 3vw;
        z-index: 999;
    }
    button.menu-toggle span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #3D2216;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        z-index: 99;
    }
    button.menu-toggle span:nth-child(1) { top: 0px;}
    button.menu-toggle span:nth-child(2),
    button.menu-toggle span:nth-child(3) { top: 15px;}
    button.menu-toggle span:nth-child(4) { top: 30px;}  
    .main-navigation.toggled button.menu-toggle span { background: #9e2f2f;}
    .main-navigation.toggled button.menu-toggle span:nth-child(1) {
        top: 20px;
        width: 0%;
        left: 50%;
    }
    .main-navigation.toggled button.menu-toggle  span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .main-navigation.toggled button.menu-toggle span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .main-navigation.toggled button.menu-toggle span:nth-child(4) {
        top: 20px;
        width: 0%;
        left: 50%;
    }
    header#masthead nav.main-navigation ul#overlay-menu { display: none; }
    header#masthead nav.main-navigation.toggled ul#overlay-menu { 
        display: block;
        top: 0;
        left: 0;
        padding: 100px 0 50px;
        background: rgb(0 0 0 / 90%);
        backdrop-filter: blur(15px);
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 99;
    }
    header#masthead nav.main-navigation.toggled ul li {
        text-align: center;
        margin: 3vw auto;
    }
    header#masthead nav.main-navigation.toggled ul li.external a:after {
        color: #696355;
        font: var(--fa-font-regular);
        font-size: 0.35em;
        line-height: 2em;
        content: '\f08e';
        padding-left: 25px;
        position: absolute;
        margin-top: -5px;
    }
    header#masthead nav.main-navigation.toggled ul li.menu-item-has-children a:after {
        color: #696355;
        font: var(--fa-font-regular);
        font-size: 0.4em;
        line-height: 2em;
        content: '\f078';
        padding-left: 20px;
        position: absolute;
        margin-top: -10px;
    }
    header#masthead nav.main-navigation.toggled ul li.menu-item-has-children:hover a:after {
        content: '\f077';

    }
    header#masthead nav.main-navigation.toggled ul li a {
        display: block;
        color: #f5f3e9;
        font-weight: normal;
        letter-spacing: 0.02em;
        width: 100%;
        font-size: 3em;
        padding: 10px 5vw 20px;
    }
    header#masthead nav.main-navigation.toggled ul li a:hover {
        color: #CE9C1F;
    }
    header#masthead ul.menu li.current-menu-item a { background: none; }
    header#masthead .main-navigation.toggled ul li:hover > ul, 
    header#masthead .main-navigation.toggled ul li.focus > ul{
        display: block;
        position: relative;
        width: auto;
        top: auto;
        float: none;
        box-shadow: none;
        margin-bottom: 25px;
    }
    header#masthead .main-navigation.toggled ul.sub-menu li { margin: 5px auto; }
    header#masthead .main-navigation.toggled ul.sub-menu li a { 
        color: #c9beae;
        font-size: 2.75em;
        padding: 12px 5vw;
    }
    header#masthead .main-navigation.toggled ul.sub-menu li a:after { display: none; }
    header#masthead .main-navigation.toggled ul.sub-menu li a:hover {
        color: #CE9C1F;
    }
    body.page-template-page-location .menu-toggle span,
    body.home button.menu-toggle span,
    body.single button.menu-toggle span { background: #AFA99B; } 
    
    /* Food & Drinks */
    #section.food-drink h2 { font-size: 5em; padding: 0 5vw; }
    .hero-title.flex { flex-direction: column; align-items: inherit; justify-content: center;}
    .hero-title.flex>* { flex: 1 0 100%; width: 100%; }
    .hand-glass { display: none; }
    .glass-left, .glass-right { margin: 0 auto; text-align: center; }

    .beer-logo-container { padding: 2vw 5vw 0; }
    .beer-logos .logo-title.monospace { font-size: 0.8em; }
    .beer-logo-container img { max-height: 40px; }

    /* Events */
    .event-filter-bar.flex { display: block; margin: 25px 0; }
    .toggle-filters button { font-size: 5.5em; padding-right: 50px; }
    .view-filters { margin: 15px 0; }

    /* Events */
    .event-purchase a, .event-purchase .ticket-status { font-size: 0.9em; }
    .list .event-list-item { padding: 25px 0 40px; background: url('images/event-divider.png') repeat-x bottom left / auto 5px; }
    .list .event-list-item .event-details .event-date { background: none; text-align: center; padding: 0; margin: 0 auto 15px;}
    .list .event-list-item .event-details .event-date span { display:block; }
    .list .event-list-item .event-details .event-date { margin: 0 auto 15px; }
    .list .event-list-item .event-details .event-date span { margin: 0 auto; }
    .list .event-list-item .event-details .event-date h4 { color: #e9dab7; font-size: 2em;}
    .list .event-list-item .event-title h3 { width: 100%; font-size: 3em; }
    .list .event-list-item .list-location.mobile-only { display: table; margin: 15px auto 0; }
    .list .event-list-item .event-title h4 { color: #847e72; font-size: 1.75em; margin: 2px 0; }
    .list .event-list-item .event-details.flex .event-title { flex: 1 0 100%; width: 100%; max-width: 100%; text-align: center; padding: 5px 0; margin-bottom: 15px; }
    .list .event-list-item .event-details.flex .event-purchase { flex: 1 0 100%; width: 100%; max-width: 300px; text-align: center; margin: 10px auto 0; }

    .event-listing-container.grid { width: 100%; margin: 0 auto 25px; }
    .event-listing-container.grid .event-list-item { flex: 1 0 100%; width: 100%; max-width: 100%; margin: 0 auto 15px; }
    .event-listing-container.grid .event-list-item .event-date h4 { font-size: 1.75em; }
    .event-listing-container.grid .event-list-item .event-title { min-height: auto; margin-bottom: 30px; padding: 30px 5vw 0; }
    .event-listing-container.grid .event-list-item .event-title h3 { font-size: 2em; width: 100%; }


    /* Event Detail */
    #section.event-hero { padding: 0 0 50px; }
    .event-hero .container.flex { flex-direction: column; }
    .event-hero .container.flex .event-image { padding: 0; text-align: center; }
    .event-hero .container.flex .event-image img { max-width: 650px; margin: 0 auto; }
    .map-address h3.address { font-size: 2.5em; }
    .map-address a.large-cta { margin: 15px auto; }
    .location-detail .location-map { margin: 25px auto 0; }

    /* Locations */
    #section.video-hero h1 { font-size: 6em; }
    #section.video-hero .cta-buttons.flex,
    .feature.flex,
    .feature.flex:nth-child(2) { flex-direction: column; }
    #section.video-hero .cta-buttons.flex a.large-cta { margin: 5px auto; width: 100%; max-width: 280px; }
    .feature.flex { min-height: auto; padding: 40px 0; }
    .feature .feature-image { padding: 15px 0; }
    .feature .feature-image img { max-height:400px; }

    .overlap-label { top: -12px; }
    .upnext-listing.flex:before { display: none; }
    .upnext-listing.flex>* { flex: 1 0 100%; width: 100%; max-width: 100%; min-height: auto; padding: 20px;  }
    .upnext-listing.flex>*:nth-child(5) { border-bottom: 1px solid #3f3c36; }
    .fullwidth-gallery .carousel-item,
    .fullwidth-gallery .carousel-item img { height:400px; }
    .fullwidth-gallery .carousel-item .caption { padding: 150px 25px 15px; }

    /* Food Menu */
    .food-menu-hero h2 { font-size: 6em; }
    .menu-top-title h3 { font-size: 3em; line-height: 1em; letter-spacing: 0; }
    .menu-top-title { padding: 50px 5vw 0; }
    .menu-image { padding: 0; margin: 15px auto 0; }
    .menu-listing .menu-title.flex { margin-bottom: 5px;}
    .menu-listing.flex>*,
    .no-image .menu-listing.flex>* { flex: 1 0 100%; width: 100%; max-width: 100%; }
    .menu-listing.flex>*, .no-image .menu-listing.flex>* { border-bottom:1px solid #F0EFEA; padding: 3px 2vw !important; }
    .menu-listing .menu-title.flex h4 { font-size: 2em; }

    .proudly-serving img { height: 90px; margin: -10px 0 0; }

    .food .food-menu.hotdog:before,
    .food .food-menu.burgers:before,
    .food .food-menu.sacville:before,
    .food .food-menu.netillo:before,
    .food .food-menu.tacos:before,
    .food .food-menu.sandwhich:before,
    .food .food-menu.wings:before,
    .food .food-menu.fries:before,
    .food .food-menu.chicken:before,
    .drinks .food-menu.tap:before, 
    .drinks .food-menu.drinks:before, 
    .drinks .food-menu.cocktails:before {
        background-size: 80% auto !important;
    }
    .drinks .food-menu.drinks:before, 
    .drinks .food-menu.cocktails:before { background-size: 60% auto !important; }

    /* Food & Drinks */
    .beer-logo-container>* { flex: 1 0 33.3%; width: 33.3%; }
    .beer-logo-container img { max-height: 45px; }

    /* Footer */
    footer.site-footer { background-size: cover; }
    .address { font-size: 2em; }

}

@media only screen and (max-width: 640px) {
    .container { padding: 0 2vw; }
    body, .white-bg { background-size: 650px auto; }

    /* Events */
    .list .event-list-item .event-title h3 { font-size: 3em; }
    .list .event-list-item .event-title h4 { font-size: 1.5em; }

    .event-list-card { max-height: 370px; }
    .owl-item.active .event-list-card .event-card-image  { filter: none; }

    /* Event Details */
    .event-hero .container.flex>* { padding: 25px 0; }
    .event-hero-details .event-date h4 { font-size: 1.5em; margin: 10px auto 25px; }
    .event-hero-details h2 { font-size: 3em; }
    .event-hero-details h3 { font-size: 2em; }
    .event-hero-details .time { font-size: 1em; margin: 15px auto 20px; }
    .location-detail.flex { flex-direction: column-reverse; }

    .location-detail.flex { padding: 0; }
    .location-detail .location-map { padding: 5px; }
    .map-address h3.address { font-size: 2em; }
    .accordion-title.question h4 { padding-right: 25px; flex: 4; }
    .accordion-title.question h4 i { display:none; }
    .accordion-panel { padding: 15px 20px; font-size: 0.9em; line-height: 1.5em; }

    /* Food Menu */
    .food-menu-hero h2 { font-size: 4em; }

    /* Default Page */
    body.page-template-default h1.entry-title { font-size: 3em; margin: 15px auto 0; }
    body.page-template-default .entry-content { padding: 15px 0 50px; }

    /* Footer */
    .footer-locations.flex { flex-direction: column; margin: 0 auto; }
    footer .address { font-size: 3em; }
    .footer-local { height: auto; border-bottom: 1px solid #171615; border-right: none; padding: 30px; }
    ul#footer-menu { margin: 25px auto;}
    ul#footer-menu li { flex: 1 0 33.3%; width: 33.3%; max-width: 33.3%; margin: 0; padding: 10px; }

}

@media only screen and (max-width: 520px) {
    body { font-size: 17px; line-height:1.6em; }
    header#masthead { padding: 15px 0 0; }
    header#masthead h1.site-title { width: 100%; max-width: 180px; margin: 5px auto -10px; }

    /* Events */
    .toggle-filters .filter-label { margin-bottom: 10px; }
    .toggle-filters button { font-size: 4em; }
    .view-filters { margin: 20px 0 0; }
    .list .event-list-item { padding: 35px 0 50px; }
    .list .event-list-item .event-details.flex .event-title { margin: 10px auto; }
    .list .event-list-item .event-title h3 { font-size: 2.5em; }

    .event-hero-details h2 { font-size: 3em; }
    .map-address h3.address { font-size: 2.5em; }
    .faq-title h4 { font-size: 2em; }

    /* Food & Drink */
    #section.food-drink h2 { font-size: 4em; padding: 0; }
    .hero-title.flex { flex-direction: column; align-items: inherit; justify-content: center;}
    .hero-title.flex>* { flex: 1 0 100%; width: 100%; }
    .hand-glass { display: none; }
    .glass-left, .glass-right { margin: 0 auto; text-align: center; }
    #section.food-drink p { font-size: 0.7em; line-height: 1.8em; margin: 15px auto 30px; }
    .beer-logos { padding: 0 5vw; margin: 50px auto; }
    .beer-logo-container>* { flex: 1 0 50%; padding: 0 0 30px; width: 50%; }
    .beer-logo-container img { width: 100%; max-width: 90px; height: auto; max-height: inherit; }

    .proudly-serving img { height: 80px; margin-right: -5px; }

    /* Locations */
    #section.video-hero h1 { font-size: 4em; }
    .feature .feature-description h3 { font-size: 2.75em; }
    .fullwidth-gallery .carousel-item,
    .fullwidth-gallery .carousel-item img { height:350px; }
    .upnext-listing .event-title h3 { font-size: 2.5em; }
    .feature .feature-image { padding: 0; }

    /* Footer */
    footer.site-footer { background-size: auto 90%; }
    footer .address { font-size: 2.25em; }
    ul#footer-menu { justify-content: inherit;}
    ul#footer-menu li { flex: 1 0 50%; width: 50%; max-width: 50%;} 
    .footer-local .socials a { font-size: 1.75em; }
    .site-info { padding: 0 5vw; }
    .site-info br { display: none; }
}