/*!
Theme Name: Backcountry Brewing
Theme URI: http://www.backcountrybrewing.com/
Author: JJD Works
Author URI: http://www.jjdworks.com
Text Domain: backcountrybrewing

Backcountry Brewing by JJD Works is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# CSS3 Fonts
# Typography
# Containers
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	box-sizing:border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

html {line-height: 1.15;  -webkit-text-size-adjust: 100%; }
body {margin: 0;}
h1 {font-size: 2em; margin: 0.67em 0;}
hr {box-sizing: content-box;  height: 0;  overflow: visible; }
pre {font-family: monospace, monospace;  font-size: 1em; }
a {background-color: transparent;}
abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong {font-weight: bolder;}
code, kbd, samp {font-family: monospace, monospace;  font-size: 1em; }
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;}
button, input, optgroup, select, textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input {overflow: visible;}
button, select {text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}
details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}

/*--------------------------------------------------------------
# Animation Stuff
--------------------------------------------------------------*/
a, a.button, button, div#topheader, .main-navigation ul#primary-menu li a:after, div.sbi_type_image, input#av_verify {transition: all 0.5s;}
footer#footerwrap {transition: all 1s;}
a img.lazyloaded {transition: all .5s;}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

@font-face {
    font-family: 'backcountry_brewingregular';
    src: url('fonts/backcountrybrewing-regular-webfont.woff2') format('woff2'),
         url('fonts/backcountrybrewing-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'osp-dindin';
    src: url('fonts/osp-din-webfont.woff2') format('woff2'),
         url('fonts/osp-din-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinregular';
    src: url('fonts/din_regular-webfont.woff2') format('woff2'),
         url('fonts/din_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'jrhandregular';
    src: url('fonts/jrha___-webfont.woff2') format('woff2'),
         url('fonts/jrha___-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: 'dinregular', Arial, sans-serif;
	font-size: 18px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, .location-index-text h3, h4, h6, .join-step, #store-locator-id .wpsl-name {
	font-family: 'backcountry_brewingregular', Impact, Haettenschweiler, Arial, sans-serif;
	clear: both;
	font-weight:normal;
	margin-top:0px;
	line-height:1em;
}
h3, #aboutus-header h1.pageheader-intro {font-family:'osp-dindin', Impact, Haettenschweiler, Arial, sans-serif; font-weight:normal; margin:0 0 15px 0; text-transform:uppercase;}
h3, #aboutus-header h1.pageheader-intro, .location-index-text h3 {font-size:48px; line-height:0.9em;}
.retailer h3 {color:#ffc430; font-size:24px; margin-bottom:5px;}
#bc-jump-inner h3 {font-size:2em;}
.sectionheader, #contactform-wrap h3 {margin-top:0px;}
.headercentre, .centred, #contactform-wrap h3 {text-align:center;}

.pageimageheader-wrap h1, .pageheader-wrap h1, .contact-page h1 {color:#ffc430; text-transform:uppercase; font-size:110px; line-height:1em; margin-bottom:20px;}
#primary h2, .pageimageheader-wrap h2, .slide-content-container h1, .side-content-container h1, .beerheader-wrap h1, h2.age-gate-subheading {color:#ffc430; text-transform:uppercase; font-size:84px; line-height:.9em; margin-bottom:30px;}
main h2, #storecs-header h1 {font-family:'osp-dindin', Impact, Haettenschweiler, Arial, sans-serif; font-weight:normal; text-transform:uppercase; font-size:48px; margin-bottom:20px;}
#primary .retaillistings h2  {color:#ffc430; text-transform:uppercase; font-size:64px; line-height:0.8em; margin-bottom:35px;}
.slide-content-container h2, .side-content-container h2 {font-family:'osp-dindin', Impact, Haettenschweiler, Arial, sans-serif; font-size:54px; margin:0 0 15px 0;}
#singlepress-header h2, #singlenews-header h2, .holler-box h2 {color:#ffc430; text-transform:uppercase; font-size:54px; line-height:1em; margin:20px 0 10px 0;}

.holler-box h3 {font-family:'osp-dindin', Impact, Haettenschweiler, Arial, sans-serif; font-weight:normal; text-transform:uppercase; font-size:34px; margin-bottom:10px;}

h4 {font-size:28px; margin:0px; text-transform:uppercase; margin-bottom:1em;}
#footerwrap h4 {margin-bottom:10px;}
.menuboard h4 {font-family:'osp-dindin', Impact, Haettenschweiler, Arial, sans-serif; font-size:24px;}

.handwritten {font-family:'jrhandregular', "Brush Script MT", cursive; text-transform:none;}
h1.handwritten, h2.handwritten, h3.handwritten, h4.handwritten {text-transform:none; letter-spacing:-2px;}

h5 {font-weight:bold; font-size:22px; line-height:1.3em; margin:10px 0 0 0;}
.presslist-item h3, .newslist-item h3 {font-size:30px; line-height:1em; text-transform: none;}
#singlepress-header h3, #singlenews-header h3 {font-size:30px; line-height:1em; text-transform: none;}
.video-wrap h5 {font-weight:normal; font-size:16px; text-transform:none;}

.margintop {margin-top:25px;}

p {margin-top:0px; margin-bottom: 1.5em;}
p:last-of-type {margin-bottom:0px;}
.center {text-align:center;}
.largetext {font-size:22px;}
.smalltext {font-size:14px;}
.tagline {font-size:150%;}

dfn, cite, em, i {font-style: italic;}
.beerlist-price {font-weight:bold;}
blockquote {margin: 0 1.5em;}
address {margin: 0 0 1.5em;}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big, .beerlist-price {
	font-size: 125%;
}

@media all and (min-width: 981px) and (max-width: 1100px) {
	body {font-size: 0.9rem;}
	.pageimageheader-wrap h1, .pageheader-wrap h1, .contact-page h1 {font-size:90px; line-height:1em; margin-bottom:15px;}
	.largetext {font-size:20px;}
}
@media all and (max-width: 980px) {
	body, button, input, select, optgroup, textarea {font-size: 15px;}
	.pageimageheader-wrap h1, .pageheader-wrap h1, .contact-page h1 {font-size:70px; line-height:0.9em; margin-bottom:15px;}
	#primary h2, .pageimageheader-wrap h2, .slide-content-container h1, .beerheader-wrap h1, h2.age-gate-subheading  {font-size:52px; line-height:0.9em;}
	#primary .retaillistings h2  {font-size:42px; line-height:0.8em;}
	h3, #aboutus-header h1.pageheader-intro, .location-index-text h3 {font-size:38px; margin:0 0 10px 0;line-height:1em;}
	.largetext {font-size:18px;}
	.smalltext {font-size:12px;}
}
@media all and (max-width: 767px) {
	#primary h2, .pageimageheader-wrap h2, .slide-content-container h1, .beerheader-wrap h1, #av-overlay h1  {font-size:44px; line-height:0.9em;}
	#primary .retaillistings h2  { font-size:36px; line-height:0.8em; margin-bottom:20px;}
	h3, #aboutus-header h1.pageheader-intro, .location-index-text h3 {font-size:28px;}
	.largetext {font-size:16px;}
}
@media all and (max-width: 479px) {
	#primary h2, .pageimageheader-wrap h2, .slide-content-container h1, .beerheader-wrap h1, #av-overlay h1  {font-size:38px; line-height:0.9em;}
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
a.button,
button,
#sb_instagram .sbi_follow_btn a,
#sb_instagram #sbi_load a.sbi_load_btn,
[id^="sb_youtube_"].sb_youtube .sby_footer a.sby_load_btn,
[id^="sb_youtube_"].sb_youtube .sby_footer .sby_follow_btn a,
a.button:visited,
#sb_instagram .sbi_follow_btn a:visited,
#sb_instagram #sbi_load .sbi_load_btn:visited,
.sb_youtube a.sby_load_btn:visited,
.sb_youtube .sby_follow_btn a:visited,
.gcal_button a, .gcal_button a:visited,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-family:'osp-dindin', Impact, Haettenschweiler, Arial, sans-serif;
	font-size:26px;
	text-transform:uppercase;
	padding: 5px 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color:#ffc430;
	border: 2px solid #ffc430;
	color:#000;
	line-height: 1;
}
 #sb_instagram .sbi_follow_btn a, #sb_instagram #sbi_load a.sbi_load_btn, [id^="sb_youtube_"].sb_youtube .sby_footer a.sby_load_btn, [id^="sb_youtube_"].sb_youtube .sby_footer .sby_follow_btn a, .gcal_button a, #events-calendar a.button {font-size:16px;}
 .beer-breadcrumb a.button, .location-breadcrumb a.button {font-size:34px;}
 #events-calendar a.button {margin-top:15px;}

a.button, button {display:inline-block;}

a.button:hover, #sb_instagram .sbi_follow_btn a:hover, #sb_instagram #sbi_load a.sbi_load_btn:hover, [id^="sb_youtube_"].sb_youtube .sby_footer a.sby_load_btn:hover, [id^="sb_youtube_"].sb_youtube .sby_footer .sby_follow_btn a:hover,
.gcal_button a:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color:transparent;
	border: 2px solid #ffc430;
	color:#ffc430;
}

a.button:active, a.button:focus;
#sb_instagram .sbi_follow_btn a:active,
#sb_instagram .sbi_follow_btn a:focus, 
#sb_instagram #sbi_load a.sbi_load_btn:active,
#sb_instagram #sbi_load a.sbi_load_btn:focus,
[id^="sb_youtube_"].sb_youtube .sby_footer a.sby_load_btn:active,
[id^="sb_youtube_"].sb_youtube .sby_footer a.sby_load_btn:focus,
[id^="sb_youtube_"].sb_youtube .sby_footer .sby_follow_btn a:active,
[id^="sb_youtube_"].sb_youtube .sby_footer .sby_follow_btn a:focus,
.gcal_button a:active, .gcal_button a:focus,
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	background-color:#FFF;
	color:#000;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	font-family: 'dinregular', Arial, sans-serif;
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 5px;
	height:50px;
	font-size:20px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
	background-color:#000;
	color:#ffffff !important;
	font-family: 'dinregular', Arial, sans-serif;
	font-size:20px;
	border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 0.5em 3.5em 0.5em 1em;
	margin-right:10px;
	border:1px solid #ffc430;
  background-image:
    linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%),
    linear-gradient(to right, #ffc430, #ffc430);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}
select:focus {
	font-family: 'dinregular', Arial, sans-serif;
background-color: #000;
border:1px solid #ffc430;
 background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, #ffc430, #ffc430);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}

textarea {width: 100%;}
.form-item label {margin-bottom:6px;}
.form-item input[type="submit"] {display:block; width:100%; height:50px;}
#groupbooking-form .form-item .wpcf7-list-item {display:inline-block; margin-right:10px;}
#groupbooking-form .form-item .wpcf7-list-item input[type="radio"] {margin-right:10px;}
#groupbooking-form .form-item input[type="number"] {width:100%;}

@media all and (min-width: 981px) and (max-width: 1100px) {
}
@media all and (max-width: 980px) {
}
@media all and (max-width: 767px) {
	a.button, button, #sb_instagram .sbi_follow_btn a, #sb_instagram #sbi_load .sbi_load_btn, a.button:visited, #sb_instagram .sbi_follow_btn a:visited, #sb_instagram #sbi_load .sbi_load_btn:visited, [id^="sb_youtube_"].sb_youtube .sby_footer a.sby_load_btn, [id^="sb_youtube_"].sb_youtube .sby_footer a.sby_load_btn:visited, [id^="sb_youtube_"].sb_youtube .sby_footer .sby_follow_btn a, [id^="sb_youtube_"].sb_youtube .sby_footer .sby_follow_btn a:visited, .gcal_button a, .gcal_button a:visited, input[type="button"], input[type="reset"], input[type="submit"] {font-size:18px;}
	#sb_instagram .sbi_follow_btn a, #sb_instagram #sbi_load .sbi_load_btn, .gcal_button a, #events-calendar a.button {font-size:16px;}
	.beer-breadcrumb a.button, .location-breadcrumb a.button {font-size:24px;}
	input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {height:50px; font-size:16px;}
	select {padding: 0.2em 2.5em 0.2em 0.6em;}
}
@media all and (max-width: 479px) {
}


/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {color: #ffc430; text-decoration:none;}
a:visited {}
a:hover, a:focus, a:active {color: #ff9b30;}
a:focus {outline: thin dotted;}
a:hover, a:active {outline: 0;}
a img {opacity:1;}
a img:hover {opacity:.7;}

.bcb-anchor {display: block; height: 110px; margin-top: -110px; visibility: hidden;}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/* ---- HTML Elements: Rules, Lists, etc. ---- */
hr {background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em;}

ul, ol {margin: 0 0 20px 0;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul, li > ol {margin-bottom: 0; margin-left: 1.5em;}

dt {}
dd {margin: 0 1.5em 1.5em;}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

::-moz-selection { background-color:rgba(255, 196, 48, .2);}
::selection { background-color:rgba(255, 196, 48, .2); }

.abv, .ibu, .menu-price {font-family:'osp-dindin', Impact, Haettenschweiler, Arial, sans-serif; font-size:26px; padding: 5px 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 2px solid; margin-right:10px; margin-bottom:15px;}
.one-quarter .abv, .one-quarter .ibu {font-size:20px; padding:4px 6px;}
.abv {color:#fff; border-color:#FFF;}
.ibu {color:#a7f276; border-color:#a7f276;}
.menu-price {color:#90cc82; border-color:#90cc82;}

/*--------------------------------------------------------------
# Containers & Styles
--------------------------------------------------------------*/

html {box-sizing: border-box;}

*, *:before, *:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {background: #000; color:#fff;}
.container {width:1080px; margin:0 auto;}
.row:after {clear:both;}
main, section {margin:0px;}
section, .padding {padding:50px 0;}
section.nopadding {padding:0px;}

.above-767 {}
.below-767 {display:none;}
.above-480 {}
.below-480 {display:none;}

.container-intended, .pageheader-intro {box-sizing:border-box; padding:0 100px 0 100px;}

/* ---- Grids ---- */
.one-half, .one-third, .two-thirds, .one-quarter, .simcal-day {margin:0px 0px 40px 40px;}
.one-fifth {margin:0px 0px 30px 30px;}
.first {margin-left:0px; clear:both;}

.one-half, .simcal-day {float:left; display:block; width:520px;}
.one-half:first-child, .one-half.first, .simcal-day:first-child, .simcal-day:first-of-type {margin-left:0;}
.one-half:nth-child(2n+1), .simcal-day:nth-child(2n+1) {clear:both; margin-left: 0px;}
.one-half.inline {clear:none; margin-left:40px;}

.one-third {float:left; display:block; width:333px;}
.one-third:first-child, .one-third:first-of-type {margin-left:0px;}
.one-third:nth-child(3n+1) {clear: both; margin-left: 0px;}

.two-thirds {width:706px; float:left;}
.two-thirds:first-child, .two-thirds:first-of-type, two-thirds.firstcol {margin-left:0px;}
.two-thirds .staffmember-image {height:333px; overflow-y: hidden;}

.one-quarter {width:240px; float: left;}
.one-quarter:nth-child(4n+1) {clear:both; margin-left: 0px;}
.three-quarters {width:800px; float:left;}

.one-fifth {width:192px; float: left;}
.one-fifth:nth-child(5n+1) {clear:both; margin-left: 0px;}

.one-half.last, .one-third.last, two-thirds.last, one-quarter.last, three-quarters.last, .one-fifth.last {margin-right:0px; clear:right;}

.full-width {width:100%; display:block; margin-bottom:40px;}

.margin10 {margin-bottom:10px;}
.margin15 {margin-bottom:15px;}
.margin30 {margin-bottom:30px;}

/* ---- Flex Grid ---- */
.flexgrid-container {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.persona-grid {display: flex; flex-wrap: wrap;}
.flexhalf {-webkit-flex: 1 0 45%; -ms-flex: 1 0 45%; flex: 1 0 45%; margin: 0 15px 35px 15px;}
.flexthird {-webkit-flex: 1 0 30%; -ms-flex: 1 0 30%; flex: 1 0 30%; margin: 0 15px 35px 15px;}
.flexquarter {-webkit-flex: 1 0 20%; -ms-flex: 1 0 20%; flex: 1 0 20%; margin: 0 15px 35px 15px;}

/* ---- Containers in Grids --- */
.half-inner-left, .half-inner-right {width:50%;}
.one-third-inner-left {width:33%;}
.two-third-inner-right {width:66%;}
.one-quarter-inner-left {width:25%;}
.three-quarter-inner-right {width:75%;}
.half-inner-left, .half-inner-right, .one-third-inner-left, .two-third-inner-right, .one-quarter-inner-left, .three-quarter-inner-right {margin-bottom:30px;}

.half-inner-left, .one-third-inner-left, .one-quarter-inner-left {float:left; padding:0 20px 0 0;}
.half-inner-right, .two-third-inner-right, .three-quarter-inner-right {float:right;padding:0 0 0 20px;}
.half-inner-left.clear, .half-inner-right.clear, .one-third-inner-left.clear, .two-third-inner-right.clear, .one-quarter-inner-left.clear {clear:both;}
.half-inner-left.single, .half-inner-right.single, .one-third-inner-left.single, .two-third-inner-right.single, .one-quarter-inner-left.single, .three-quarter-inner-right.single {margin-bottom:0px;}

/* ---- Text Columns ---- */
.text-twocol, .text-twocolwrap ul {column-count:2; column-gap:30px;}
.text-threecol, .text-threecolwrap ul {column-count:3; column-gap:30px;}
.text-fourcol, .text-fourcolwrap ul {column-count:4; column-gap:30px;}
.colblock {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
.mcol.colblock {height:100%;}

/* ------ @@@@ Media Queries @@@@ ------- */
@media all and (min-width: 981px) and (max-width: 1100px) {
	.container {width:960px;}
	.one-half, .simcal-day {width:460px;}
	.one-third {width:293px;}
	.two-thirds {width:625px;}
	.two-thirds .staffmember-image {height:293px;}
	.one-quarter {width:210px;}
	.three-quarters {width:710px;}
	.one-fifth {width:177px; float: left; margin:0 0 24px 18px;}
	.container-intended, .pageheader-intro {box-sizing:border-box; padding:0 75px 0 75px;}
}
@media all and (max-width: 980px) {
	.container {width:760px;}
	section, .padding {padding:30px 0;}
	.one-half, .one-third, .two-thirds, .one-quarter, .simcal-day {margin:0px 0px 24px 24px;}
	.full-width{margin-bottom:24px;}
	.one-half, .one-quarter, .simcal-day, .three-quarters {width:368px;}
	.one-quarter:nth-child(2n+1) {clear:left; margin-left:0px;}
	.one-third {width:236px;}
	.two-thirds .staffmember-image {height:236px;}
	.one-fifth {width:241px; margin:0 0 24px 18px;}
	.one-fifth:nth-child(5n+1) {clear:none; margin-left:18px;}
	.one-fifth:nth-child(3n+1) {clear:left; margin-left:0px;}
	.two-thirds {width:500px;}
	.first {margin-left:0px; clear:both;}
	.flexquarter {-webkit-flex: 1 0 45%; -ms-flex: 1 0 45%; flex: 1 0 45%;}
	.container-intended, .pageheader-intro {box-sizing:border-box; padding:0px;}
	.one-third-inner-left, .two-third-inner-right, .one-quarter-inner-left, .three-quarter-inner-right {width:100%; float:none; padding:0px;}
	.one-third-inner-left.single {margin-bottom:20px;}
}
@media all and (min-width: 769px) {
	.one-third-inner {width:33%; float:left; padding:0 10px;}
}
@media all and (max-width: 768px) {
	.container {width:480px;}
	section, .padding {padding:25px 0;}
	.one-half, .one-third, .two-thirds, .one-quarter, .three-quarters, .simcal-day, .half-inner-left, .half-inner-right, .one-third-inner-left, .two-third-inner-right, .one-quarter-inner-left, .three-quarter-inner-right  {width:100%; float:none; display:block; margin:0px 0px 30px 0px;}
	.two-thirds .staffmember-image {height:auto;}
	.one-fifth {width:231px; margin:0 0 24px 18px;}
	.one-fifth:nth-child(3n+1) {clear:none; margin-left:18px;}
	.one-fifth:nth-child(2n+1) {clear:left; margin-left:0px;}
	.one-half.inline {clear:both; margin-left:0px;}
	.text-twocol, .text-threecol, .text-fourcol, .text-twocolwrap ul, .text-threecolwrap ul, .text-fourcolwrap ul  {column-count:1; column-gap:0;}
	.flexhalf, .flexthird {-webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin: 0 0 20px 0;}
}
@media all and (max-width: 479px) {
	.container {width:280px;}
	.one-fifth {width:100%; float:none; display:block; margin:0px 0px 20px 0px;}
	.one-fifth:nth-child(5n+1), .one-fifth:nth-child(3n+1), .one-fifth:nth-child(2n+1) {clear:none; margin-left:0px;}
	.flexquarter {-webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin: 0 0 35px 0;}
}

/* ---- Module/Section Stylings ---- */
.blackbackground {background-color:#000;}
.greypaper {background-image:url('images/greypaper_BG.png'); background-repeat:repeat;}
.nightsky {background-image:url('images/nightsky_BG.jpg'); background-repeat:repeat;}
.greytreeline, .blacktreeline {padding:50px 0 185px 0;}
.dynamicmod-greytreeline, .dynamicmod-blacktreeline {padding:50px 0 0 0;}
.dynamicmod-greytreeline .dynamicmod-inner, .dynamicmod-blacktreeline .dynamicmod-inner {padding:0 0 185px 0;}
.greytreeline, .dynamicmod-greytreeline .dynamicmod-inner {background-image:url('images/greytreeborder_lrg.png'); background-repeat:repeat-x; background-position:center bottom;}
.blacktreeline, .dynamicmod-blacktreeline .dynamicmod-inner {background-image:url('images/blacktreeborder_lrg.png'); background-repeat:repeat-x; background-position:center bottom;}
.yellowborder-btm {border-bottom: 4px solid #ffc430;}

.contactmap {font-size:20px; background-image:url('images/contactmap_bg.png'); background-repeat:no-repeat; background-position: right center; background-size:contain;}
.contactmap p {margin-bottom:10px;}
.contactmap .greytreeline {padding-bottom:120px;}
#home-contact {border-top:5px solid #161616;}

.pageheader-wrap, .pageimageheader-wrap, .beerheader-wrap {padding-top:190px; padding-bottom:50px; text-align:center; font-size:22px;}
.pageimageheader-wrap.default {background-image:url('images/graniteheader_BG.jpg');}
.pageimageheader-wrap {position:relative; min-height:500px; background-position:center center; background-size:cover; box-shadow: 1px 4px 8px rgba(0, 0, 0, .5);}
.beerheader-wrap {min-height:650px; background-position:center center; background-size:cover; text-align:left;}
#aboutus-header.pageimageheader-wrap {min-height:350px;}

@media all and (min-width: 981px) and (max-width: 1100px) {
	.contactmap {font-size:18px; background-size:70%; background-position: calc(100% + 80px) 0;}
	.pageheader-wrap, .pageimageheader-wrap, .beerheader-wrap {padding-top:140px; padding-bottom:40px;  font-size:22px;}
	.pageheader-wrap, .pageimageheader-wrap {text-align:center;}
	.pageimageheader-wrap {min-height:400px;}
}
@media all and (max-width: 980px) {
	.greytreeline, .blacktreeline {padding:30px 0 135px 0;}
	.dynamicmod-greytreeline .dynamicmod-inner, .dynamicmod-blacktreeline .dynamicmod-inner {padding:0 0 135px 0;}
	.greytreeline, .dynamicmod-greytreeline .dynamicmod-inner {background-image:url('images/greytreeborder_sm.png'); background-repeat:repeat-x; background-position:center bottom;}
	.blacktreeline, .dynamicmod-blacktreeline .dynamicmod-inner {background-image:url('images/blacktreeborder_sm.png'); background-repeat:repeat-x; background-position:center bottom;}
	.pageheader-wrap, .pageimageheader-wrap, .beerheader-wrap {padding-top:90px; padding-bottom:30px; font-size:18px;}
	.pageheader-wrap, .pageimageheader-wrap {text-align:center;}
	.pageimageheader-wrap {min-height:300px;}
	.contactmap {font-size:16px;background-size:75%; background-position: calc(100% + 100px) 0;}
	.beerheader-wrap {min-height:400px;}
}
@media all and (max-width: 767px) {
	.above-767 {display:none;}
	.below-767 {display:block;}
	.greytreeline, .blacktreeline {padding:25px 0 105px 0;}
	.contactmap {background-image:none;}
	.contactmap-mobile {width:100%; height:300px; overflow:hidden; text-align:right;}
	.contactmap-mobile img {width:100%; height:auto;}
	.beerheader-wrap {font-size:16px;}
}
@media all and (max-width: 479px) {
	.above-480 {display:none;}
	.below-480 {display:block;}
	.contactmap-mobile img {width:150%; height:auto;}
}

/* ---- Header & Nav ---- */
div#topheader {position:fixed; width:100%; background-color:#000; height:110px; box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);  z-index:999;}
body.home div#topheader, body.page-template-page-home-2022-php div#topheader { opacity:0;}
body.home div#topheader.show-header, body.page-template-page-home-2022-php div#topheader.show-header {opacity:1.0;}
#header-inner {position:relative;}
#menu-logo {position:absolute; top:18px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1000;}
#site-navigation {}

#social-topnav {display:inline-block;}

.main-navigation ul {float:none; margin:0 auto; text-align:center;}
.main-navigation li {display:inline-block;}
.main-navigation a {position:relative; font-family: 'backcountry_brewingregular', Impact, Haettenschweiler, Arial, sans-serif; text-transform:uppercase; padding-bottom:10px; line-height:1em; display: block;text-decoration: none;}
.main-navigation ul#primary-menu li a:after {
	content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-image:url('images/menudot.png');
    background-repeat:no-repeat;
    background-position:center bottom;
}
.main-navigation ul#primary-menu li.menu-item-has-children a:after {background-image:none;}
.main-navigation ul#primary-menu ul li a:after {content: none;}
.main-navigation ul#primary-menu li a:hover:after {opacity:1;}
.main-navigation ul li.current-menu-item a {color:#fff;}
.main-navigation ul#primary-menu li.current-menu-item a:after {
	content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-image:url('images/menudot_white.png');
    background-repeat:no-repeat;
    background-position:center bottom;
}
.main-navigation ul#primary-menu ul li.current-menu-item a:after {content:none;}

@media all and (min-width: 1400px) {
	#header-inner {width:1340px; margin:0 auto;}
	#site-navigation #primary-menu {padding-left:50px;}
	.main-navigation a {font-size:24px; margin:0 8px 0 8px; }
}
@media all and (min-width: 1251px) and (max-width: 1400px) {
	#header-inner {width:1200px; margin:0 auto;}
	#site-navigation #primary-menu {padding-left:40px;}
	.main-navigation a {font-size:20px; margin:0 6px 0 6px; }
}
@media all and (min-width: 1100px) and (max-width: 1251px) {
	#header-inner {width:1080px; margin:0 auto;}
	#site-navigation #primary-menu {padding-left:40px;}
	.main-navigation a {font-size:20px; margin:0 5px 0 5px; }
}
@media all and (min-width: 1100px) {
	#header-inner {padding-top:40px;}
	#site-navigation, #site-navigation .menu-main-menu-container {width:100%;}
	.main-navigation ul li:nth-child(8) {margin-left:100px;}
}
@media all and (max-width: 1100px) {
	#header-inner {margin:0; padding:0 20px 0 20px;}
}

/* ------- */

.main-navigation ul li.social-link a {margin-right:4px; margin-left:8px;}
ul li.social-link a {font-family: 'backcountry_brewingregular', Impact, Haettenschweiler, Arial, sans-serif;}

/* .main-navigation {clear:both; display:block; float:left; width:100%;} */
/* .main-navigation ul {display: block;list-style:none; margin: 0 auto;} */
/* .main-navigation ul#primary-menu {padding-left: 0px;} */
.main-navigation ul {margin-bottom:0;}
.main-navigation ul ul {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);float: left;position: absolute;top: 100%;left: -999em;z-index: 99999; border-radius:3px; border:1px solid #ffc430;}
.main-navigation ul ul ul {left: -999em;top: 0;}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {left: 100%;}
.main-navigation ul ul a {width: 150px; padding:5px;}
.main-navigation ul ul a:hover {color:#ffc430;}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {left: auto;}
#footer-menu ul.sub-menu {display:none;}

#masthead-logo {width:161px; z-index:500; position:absolute;top:20px; ;left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#masthead-logo img {width:100%; height:auto; outline:none;}

.shiftnav {background: #000 !important;}
.shiftnav .shiftnav-menu-title {display:none;}
.shiftnav ul.shiftnav-menu {padding-top:25px !important;}
.shiftnav ul.shiftnav-menu li.menu-item > .shiftnav-target, .shiftnav ul.shiftnav-menu li.shiftnav-retract > .shiftnav-target {font-family: 'backcountry_brewingregular', Impact, Haettenschweiler, Arial, sans-serif; text-transform:uppercase; font-size:30px; padding:5px 25px !important; line-height:1em !important;}
a.shiftnav-target:hover {background-color:#161616;}
.shiftnav ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target {padding-left:50px !important;}

@media all and (min-width: 1251px) and (max-width: 1400px) {
	#masthead-logo {width:130px;}
	.main-navigation ul li.social-link a {margin-right: 3px; margin-left: 6px;}
}
@media all and (min-width: 1101px) and (max-width: 1250px) {
	#masthead-logo {width:130px;}
	.main-navigation ul li.social-link a {margin-right: 3px; margin-left: 6px;}
}
@media all and (min-width: 1101px) {
	.main-navigation #social-topnav ul {display:none;}
}
@media all and (max-width: 1100px) {
	div#topheader {height:60px; padding:0;}
	div#topheader .container {width:100%;}
	#site-navigation {padding-left:60px; margin-top:15px; width:100; position:relative; text-align:right;}
	.main-navigation ul {position:relative;}
	.main-navigation #social-topnav ul {padding-left:0px;}
	.main-navigation ul li.social-link a {margin:0 5px;}
	#menu-logo {top:-10px; height:45px;}
	#menu-logo img {height:100%; width:auto;}
	ul li.social-link a {font-size:24px; line-height:24px;}
}
@media all and (max-width: 980px) {
}
@media all and (max-width: 767px) {
}
@media all and (min-width: 480px) and (max-width: 1100px) {
}
@media all and (max-width: 479px) {
}

/* ---- Footer & Footer Nav ---- */
footer#footerwrap {clear:both; width:100%; margin:0px; padding-top:250px;}
#footer-innerwrap {width:100%; padding-top:245px; height:460px;  background-image: url('images/BCB_GreyFooter.png'); background-repeat:no-repeat; background-position:center top;}
.footerdisplaymargin {padding-top:20px !important;}
#footer-inner {color:#000;}
#footer-inner .row {padding-left:420px; margin-bottom:10px;}
#footer-inner .footercol {float:right; margin-left:40px; text-align:right;}
#footer-inner .footer-smallcol {width:85px;}
#footer-inner #footer-logo img {max-width:100%; height:auto;}

#footer-social ul {list-style: none; margin: 0; padding-left: 0;}
#footer-social ul li {font-size:22px; float: left; position: relative; padding:0 10px 5px 5px;}

#footer-menu.footercol {margin-left:0px; width: calc(100% - 125px);}
#footer-menu ul {list-style: none; margin: 10px 0 0 0; padding-left: 0;}
#footer-menu ul li {display:inline-block; margin-left:15px;}
#footer-menu ul li a {text-transform:uppercase;}

@media all and (min-width: 981px) and (max-width: 1100px) {
	#footer-innerwrap {padding-top:205px; height:390px;  background-image: url('images/BCB_GreyFooter.png'); background-size:220%; background-repeat:no-repeat; background-position:center top;}
	#footer-inner .row {padding-left:320px; margin-bottom:0px;}
	#footer-social ul li {padding:0 10px 0px 5px;}
}
@media all and (max-width: 980px) {
	#footer-inner .footercol {margin-left:20px; font-size: 12px;}
	#footer-address {padding-top:10px;}
	#footer-innerwrap {padding-top:130px; height:320px;  background-image: url('images/BCB_GreyFooter.png'); background-size:180%; background-repeat:no-repeat; background-position:center top;}
	#footer-inner .row {padding-left:0px; margin-bottom:0px;}
}
@media all and (max-width: 767px) {
	footer#footerwrap {padding-top:100px;}
	#footer-innerwrap {padding-top:175px; height:330px;  background-image: url('images/BCB_GreyFooter.png'); background-size:180%; background-repeat:no-repeat; background-position:center top;}
	.footerbg {background-color:#929497; padding-bottom:20px;}
	#footer-inner .row {padding-left:0px;}
	#footer-inner .footercol {float:left; margin-left:0px; text-align:left;}
	#footer-inner .footer-smallcol {width:75px; margin-right:25px;}
	#footer-menu ul {margin-top:0px; font-size:15px;}
	#footer-menu ul li {margin-left:0px; margin-right:10px;}
}
@media all and (max-width: 479px) {
	#footer-innerwrap {padding-top:100px;}
	#footer-inner .footercol {float:none; display:block;}
	#footer-inner .footer-smallcol {width:100%;}
	#footer-menu.footercol {width:100%;}
}

.bcb-yellow {color:#ffc430;}
.bcb-white {color:#FFFFFF !important;}
.bcb-yellow-bdr-2pt {border: 2px solid #ffc430;}
.bcb-yellow-bdr-2pt-top {border-top: 2px solid #ffc430;}

/* -- 2020 Extra Colours -- */
.aquablue {color:#42C3D3 !important;}
.classicpink {color:#EA83AE !important;}
.avocadogreen {color:#D1CF29 !important;}
.forestgreen {color:#447f7b !important;}

.aquablue-bdr-2pt {border:2px solid #42C3D3;}
.classicpink-bdr-2pt {border:2px solid #EA83AE;}
.avocadogreen-bdr-2pt {border:2px solid #D1CF29;}
.white-bdr-2pt {border:2px solid #ffffff;}

.bcb-yellow-bg, #mastheadwrap-2022 #bc-jump-button-wrap #bc-jump-inner a.bcb-yellow-bg {background-color:#ffc430;}
.aquablue-bg, #mastheadwrap-2022 #bc-jump-button-wrap #bc-jump-inner a.aquablue-bg {background-color:#42C3D3;}
.avocadogreen-bg, #mastheadwrap-2022 #bc-jump-button-wrap #bc-jump-inner a.avocadogreen-bg {background-color:#D1CF29;} 
.forestgreen-bg, #mastheadwrap-2022 #bc-jump-button-wrap #bc-jump-inner a.forestgreen-bg {background-color:#447f7b;} 

/* -- Modules -- */
.roundedmod, #mastheadwrap-2022 #bc-jump-button-wrap #bc-jump-inner a.bcb-hotlink {padding:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:100%;}
.greybdr {border:2px solid #666666;}

@media all and (min-width: 480px) {
	.beerlist-item {padding:30px;}
}
@media all and (max-width: 479px) {
	.beerlist-item {padding:20px;}
}


/* -- Beer Listing --*/
.beerlist {list-style:none; margin:0px; padding:0px;}
.beerlist-item {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width:100%;}
.nightsky .beerlist-item, .greypaper .beerlist-item {background-color:#000000;}
.beerlist-item:after {content: ""; display: table; clear: both;}

.beerlist-award {width:100%; text-align:center; margin-bottom:5px;}
.beerlist-image {height:300px; width:100%; text-align:center; position:relative;}

.beerlist-image a {height:100%; display:block;}
.beerlist-image a img {height:90%; width:auto; margin:0 auto; vertical-align:middle; margin-top:5%;}
.beerlist-image a:hover img {height:100%; width:auto; margin-top:0px;}
.beerlist-item .beerlist-content:after {content: ""; display: table; clear: both;}

.beerlist-description, .beerlist-price {margin-bottom:12px;}
.beerlist h3 {font-family: 'backcountry_brewingregular', Impact, Haettenschweiler, Arial, sans-serif;}

.beerlist-item .beerlist-award img {max-height:100px; width:auto;}

@media all and (min-width: 769px) {
	.beerlist-item .beerlist-image {float:left; width:150px;}
	.beerlist-item .beerlist-content {float:right; width:calc(100% - 180px); padding-top:20px;}
	.beerlist-item .beerlist-content-waward {float:left; width:calc(100% - 155px);}
	.beerlist-item .beerlist-award {width:140px; margin-left:10px; float:right; text-align:center;}
	.beerlist h3 {margin-bottom:2px;}
}
@media all and (max-width: 768px) {
	.beerlist-item .beerlist-image, .beerlist-item .beerlist-content {display:block;}
	.beerlist-item .beerlist-content {text-align:center}
	.beerlist h3 {margin-bottom:10px;}
	.beerlist h4 {font-weight:normal; margin:0 0 5px 0;}
	.beerlist-item .beerlist-award {margin-top:15px;}
}
@media all and (min-width: 480px) {
	.beerlist-item {padding:40px 40px 20px 40px;}
	.beerlist h4 {font-weight:normal; display:inline-block; margin:0 15px 0 0;}
}
@media all and (max-width: 479px) {
	.beerlist-item {padding:20px;}
}

/* ----------- Temporary Beer Listing Styles ----- */
/* #beeritem-745.one-quarter {padding-top:105px;} */

/* ---- Our Beers Page ---- */
#ourbeers-header.pageheader-wrap {padding-bottom: 0px;}
#ourbeers-header.pageheader-wrap h1 {margin-bottom:0px; line-height:1em;}
#primary-beer .page-content {margin:0px;}

/* ---- Single Beer Page ---- */
.beerheader-wrap .beerimagewrap {float:left; width:420px; text-align:center; position:relative;}
.beerheader-wrap .beerimagewrap img {height:100%; width:auto; -webkit-filter: drop-shadow(0 5px 5px #222); filter: drop-shadow(0 5px 5px #222);}
.beerheader-wrap .beerheader-content {float:left; width: calc(100% - 460px);}
.beerheader-wrap .beer-breadcrumb {margin-bottom:20px;}
.beerheader-wrap h1 {margin-bottom:0px;}
.beerheader-wrap h3 {font-family: 'backcountry_brewingregular', Impact, Haettenschweiler, Arial, sans-serif; font-size:48px; letter-spacing:5px; margin-bottom:2px;}

.beer-description.w-award {float:left; width: calc(100% - 120px);}
.beer-award {float:right; width:100px;}
.beer-award img {max-width:100%; height:auto;}

.beer_social ul {list-style:none; margin:0px; padding:0px;}
.beer_social ul li {margin:0 15px 15px 0; padding:0px; display:inline-block;}
.beer_social ul li a img {height:35px; width:auto; opacity:1;}
.beer_social ul li a:hover img {opacity:.5;}

.soldout_overlay {position:absolute; top:0px; left:0px; z-index:10; width:100%; height:100%; text-align:center;}
.soldout {color:#fff; text-transform:uppercase; background-color:#ff0000; padding:3px 6px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom:10px; width:auto; display:inline-block;}
.beerlist-content .soldout {font-size:16px;}
.beerimagewrap .soldout {font-size:22px;}
.beerlist-image .soldout_overlay img {position:absolute; width:50%; height:auto; top:50%; left:25%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.beerheader-wrap .beerimagewrap .soldout_overlay img {position:absolute; width:50%; height:auto; top:50%; left:25%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

/* ---- News & Press Sections ---- */
#press-header.pageheader-wrap, #news-header.pageheader-wrap {padding-bottom: 0px;}
#press-header.pageheader-wrap h1, #news-header.pageheader-wrap h1 {margin-bottom:0px; line-height:1em;}
#press-header.pageheader-wrap p, #news-header.pageheader-wrap p {margin-bottom:0px;}
#primary-press .page-content, #primary-new .page-content {margin:0px;}

.presslist, .newslist {list-style:none; margin:0px; padding:0px;}
.presslist-image, .pressfeature-image, .newslist-image, .newsfeature-image {border:1px solid #ffc430; width:100%; height:250px; overflow:hidden; -webkit-border-radius: 10px; border-radius: 10px;}
.presslist-content, .pressfeature-content, .newslist-content, .newsfeature-content {margin-top:10px;}
.presslist-excerpt, .newslist-excerpt {margin-top:10px; margin-bottom:15px; font-size:80%;}
.presslist-item a.button, .newslist-item a.button {font-size:18px;}
.pressdetail-content, .newsdetail-content {font-size: 20px;}

.pressfeature {}
.pressfeature-image, .newsfeature-image {float:left; width:400px; margin-right:40px; height:100%; }
.pressfeature-image, .pressfeature-image img, .newsfeature-image, .newsfeature-image img {display:block;}
.pressfeature-content, .newsfeature-content {float:left; width: calc(100% - 440px);}
.pressfeature-excerpt, .newsfeature-excerpt {margin-top:10px; margin-bottom:15px;}

.pressdetails-image img, .newsdetails-image img {-webkit-border-radius:10px; border-radius:10px; border:2px solid #ffc430;}

.sidebar .widget li {color:#929497;}
.sidebar .widget a {font-weight:bold;}
.sidebar .widget span.post-date {display:block;}
 

/* ---- Single Press Page ---- */
#singlepress-header {}


/* ---- Beer Club Page ---- */
.beerclub-imageheader, .specialevent-imageheader {min-height:800px;}

.bc-benefitbox {font-size:125%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#000; padding:15px; box-sizing: border-box; border:1px solid #ffc430; margin:0 auto;}
.bc-benefitbox .one-third-inner-left {}
.bc-benefitbox .one-third-inner-left, .bc-benefitbox .two-third-inner-right {margin-bottom:0px; display:inline-block;}
.bc-benefitbox h3 {font-size:250%; letter-spacing:-1px;}
.bc-benefitbox .bc-join-starburst {border:none !important;}

.bc-join-box .bc-join-box-inner {display:flex; align-items: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #000; padding: 15px; box-sizing: border-box; border: 1px solid #ffc430;}
.bc-join-box .bc-join-box-inner .join-step {width:25px; margin-right:10px; color:#ffc430; font-size:200%;}

.package-single {text-align:center;}
.package-single h3 {margin-bottom:5px;}
.package-single h5 {margin: 0 0 20px 0;}
.package-single ul.package-points {list-style:none; margin:0px; text-align:center; padding:0px;}
.package-single ul.package-points li {padding:6px 3px; border-top:1px solid #666;}

/* ---- BACKCOUNTRY Trailbreaker Treasure Trail Contest 2024 ---- */
.page-id-3371 .pageimageheader-wrap h1 {display:none;}

/* ---- Holler Box Popups --- */
.holler-box {color:#000;}
.hwp-powered-by {display:none;}

/* ---- ReCaptcha ---- */
.grecaptcha-badge {visibility: hidden !important;}

@media all and (min-width: 1101px) and (max-width: 1400px) {
}
@media all and (min-width: 981px) and (max-width: 1100px) {
	.beerheader-wrap .beerimagewrap {float:left; width:320px;}
	.beerheader-wrap .beerheader-content {float:left; width: calc(100% - 320px);}
	.beerlist h3 {font-size:44px; line-height:.85em;}
	.beerclub-imageheader, .specialevent-imageheader {min-height:600px;}
}
@media all and (min-width: 981px) {
	.bc-benefitbox {width:900px;}	
}
@media all and (max-width: 980px) {
	.beerheader-wrap .beerimagewrap {float:left; width:240px; height:300px;}
	.beerheader-wrap .beerheader-content {float:left; width: calc(100% - 240px);}
	.beerheader-wrap h3 {font-size:34px;}
	.beer-description.w-award {width: calc(100% - 95px);}
	.beer-award {width:75px;}
	.beerlist .one-third h3 {font-size:40px; line-height:.85em;}
	.beerlist .one-quarter h3 {font-size:32px; line-height:.85em;}
	
	.presslist-image, .newslist-image {height:170px;}
	.pressfeature-image, .newsfeature-image {width:300px;}
	.pressfeature-content, .newsfeature-content {width: calc(100% - 340px);}
	
	.beerclub-imageheader, .specialevent-imageheader {min-height:460px;}
	.bc-benefitbox {width:100%;}
	.bc-benefitbox .one-third-inner-left, .bc-benefitbox .two-third-inner-right {text-align:center;}
}
@media all and (min-width: 769px) {
	.bc-benefitbox {display:flex; align-items: center;}
	.bc-join-row {display: flex; width: 100%;}
	.bc-join-box {display:flex;}
	.bc-join-box {flex: 3; padding:20px 10px;}
}
@media all and (max-width: 768px) {
	.beerlist-item .beerlist-image {height:240px; margin-bottom:20px;}
	.beerlist-item .beerlist-cta {display:block; margin-top:15px;}
	.beerlist-item .beerlist-cta a.button {font-size:26px;}
	.beerheader-wrap .beerimagewrap {float:left; width:160px; height:240px;}
	.beerheader-wrap .beerheader-content {float:left; width: calc(100% - 160px);}
	.beer-description.w-award {float:none; width:100%;}
	.beer-award {width:100%; margin-bottom:20px;}
	.beer-award img {max-width:75px; height:auto;}
	
	#beeritem-745.one-quarter {padding-top:0px;}
	
	.presslist-image, .newslist-image {height:250px;}
	.pressfeature-image, .newsfeature-image {float:none; width:100%; height:300px; overflow:hidden;}
	.presslist-image img, .pressfeature-image img, .newslist-image img, .newsfeature-image img {width:100%; height:auto;}
	.pressfeature-content, .newsfeature-content {float:none; width:100%;}
	
	.beerclub-imageheader, .specialevent-imageheader {min-height:440px;}
	.bc-join-box {padding:20px 0px;}
}
@media all and (max-width: 479px) {
	.beerheader-wrap .beerimagewrap, .beerheader-wrap .beerheader-content {float:none; width:100%; text-align:center; margin-bottom:10px;}
	.beerheader-wrap .beerimagewrap .beerimage {height:200px;}
	.beerheader-wrap .beerimagewrap {height:auto; margin-bottom:15px;}
	.presslist-image, .pressfeature-image, .newslist-image, .newsfeature-image {height:170px;}
	.beerlist-item .beerlist-cta a.button {width:100%;}
	
	.beerclub-imageheader, .specialevent-imageheader {min-height:450px; background-size: contain; background-repeat:no-repeat; background-position:center bottom;}
}

/* === HOME MASTHEAD SLIDESHOW ===== */
#mastheadwrap, #mastheadwrap-2022 {position:relative; width:100%; height:100%; height:100vh;}
div.cycle-slideshow {width:100%; height:100%; margin:0px; padding:0px; z-index:198;}
.masthead-slideimage-container {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	background-size:cover;
	background-position: center center;
	}

.masthead-slide {width:100%; height:100%;position:relative;}
 #mastheadwrap-2022 .masthead-slide {background-size:cover; background-position: center center;}
 #mastheadwrap-2022 .fade-overlay {position:absolute; top:0; width:100%; height:100%; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 70%, rgba(0,0,0,0.5) 100%); z-index:199;}
.masthead-content-wrap {
	position:absolute;
	left:0;
	top:0;
	background:transparent;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	width:100%;}
	
.slide-content-container {width:880px; padding-top:280px; margin:0 auto;}
.multiproduct-slide .slide-content-container, .general-slide .slide-content-container {text-align:center;}
.multiproduct-slide .slide-content-container .mps-mainimage {height:30vh; margin-top:15px;}
.multiproduct-slide .slide-content-container .mps-mainimage img {height:100%; width:auto; max-height:100%; -webkit-filter: drop-shadow(0 5px 5px #222); filter: drop-shadow(0 5px 5px #222); }
.side-content-container {width:600px; padding-top:280px;}
.side-content-container-left {float:left; margin:0px 0px 0px 70px;}
.side-content-container-right {float:right; margin:0 70px 0 0; text-align:right;}

.masthead-content{padding:0 18px 0 0;}
.masthead-text {margin-bottom:15px; font-size:1.2em;}

.beerslide-beerimage, .beerslide-beercontent {float:left;}
.beerslide-beerimage {width:240px; height:380px; text-align:center;}
.beerslide-beerimage img {max-height:100%; width:auto;}
.beerslide-beercontent {width: calc(100% - 240px); padding-left:20px;}
.beerslide-link {display:block; margin-top:15px;}

.generalslide_image, .generalslide_content {text-align:center;}

.cycle-pager {width:auto;z-index:500;position:absolute;bottom:50px;padding:18px 0;left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%)}
.cycle-pager span{width:20px;height:20px;margin-right:18px;float:left;color:#ffc430;border:2px solid #ffc430;border-radius:100%;cursor:pointer}
.cycle-pager span.cycle-pager-active{background:#ffc430;}
.cycle-pager>*{cursor:pointer}

.masthead-headline h1 {margin-top:0px;}

#mastheadwrap-2022 #bc-jump-button-wrap #bc-jump-inner a.bcb-hotlink {position:relative; display:table; z-index:9999; webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);}
#mastheadwrap-2022 #bc-jump-button-wrap #bc-jump-inner a.bcb-hotlink.bcb-yellow-bg {color:#000000; border:2px solid #ffc430;}
#mastheadwrap-2022 #bc-jump-button-wrap #bc-jump-inner a.bcb-hotlink.avocadogreen-bg {color:#FFFFFF; border:2px solid #D1CF29;}
#mastheadwrap-2022 #bc-jump-button-wrap #bc-jump-inner a.bcb-hotlink.forestgreen-bg {color:#FFFFFF; border:2px solid #447f7b;}
#mastheadwrap-2022 #bc-jump-button-wrap #bc-jump-inner a.bcb-hotlink.aquablue-bg {color:#FFFFFF; border:2px solid #42C3D3;}
#mastheadwrap-2022 #bc-jump-button-wrap #bc-jump-inner a.bcb-hotlink.bcb-yellow-bg:hover, #mastheadwrap-2022 #bc-jump-button-wrap #bc-jump-inner a.bcb-hotlink.avocadogreen-bg:hover, #mastheadwrap-2022 #bc-jump-button-wrap #bc-jump-inner a.bcb-hotlink.forestgreen-bg:hover, #mastheadwrap-2022 #bc-jump-button-wrap #bc-jump-inner a.bcb-hotlink.aquablue-bg:hover {color:#ffffff; background:#000000; border:2px solid #ffc430;}

@media all and (min-width: 1401px) {
	#mastheadwrap-2022 #bc-jump-button-wrap #bc-jump-inner {width:1100px; margin:0 auto;}
}
@media all and (min-width: 1101px) and (max-width: 1400px) {
	.slide-content-container {padding-top:250px;}
	.side-content-container {padding-top:180px; width:500px;}
	.side-content-container-left {margin:0px 0px 0px 55px;}
	.side-content-container-right {margin:0 55px 0 0;}
	.slide-content-container h1, .side-content-container h1 {font-size:76px; line-height:0.8em;}
	.slide-content-container h2, .side-content-container h2 {font-size:44px; line-height:1em; margin-bottom:25px;}
	#mastheadwrap-2022 #bc-jump-button-wrap #bc-jump-inner {width:1050px; margin:0 auto;}

}
@media all and (min-width: 981px) and (max-width: 1100px) {
	#masthead-logo {width: 120px; top:40px;}
	#masthead-logo img {width:100%; height:auto;}
	.slide-content-container {padding-top:200px;}
	.side-content-container {padding-top:200px; width:400px;}
	.slide-content-container h1, .side-content-container h1 {font-size:66px; line-height:0.8em;}
	.slide-content-container h2, .side-content-container h2 {font-size:38px; line-height:1em; margin-bottom:25px;}
	.beerslide-beerimage {width:180px; height:260px; text-align:center;}	
	.beerslide-beercontent {width: calc(100% - 180px); padding-left:20px;}
	#mastheadwrap-2022 #bc-jump-button-wrap #bc-jump-inner {width:900px; margin:0 auto;}
}
@media all and (max-width: 980px) {
	#masthead-logo {width: 100px; top:30px;}
	#masthead-logo img {width:100%; height:auto;}
	.side-content-container-left, .side-content-container-right {float:none; text-align:center;}
	.slide-content-container {width:85%; padding-top:165px; margin:0 auto;}
	.side-content-container {width:85%; box-sizing:border-box; height:auto; padding:30px; background-color:rgba( 0, 0, 0, 0.5); margin:300px auto 40px auto;}
	.slide-content-container h1, .side-content-container h1 {font-size:66px; line-height:0.8em;}
	.slide-content-container h2, .side-content-container h2 {font-size:38px; line-height:1em; margin-bottom:10px;}
	.beerslide-beerimage {width:160px; height:230px; text-align:center;}	
	.beerslide-beercontent {width: calc(100% - 160px); padding-left:20px;}
	.beerslide-link {margin-top:10px;}
	.cycle-pager {bottom:15px;}
	.slide-content-container p {margin-bottom:10px;}
	#slide-1.masthead-slideimage-container {background-position:left center;}
	
}
@media all and (max-width: 810px) {
	.slide-content-container {width:100%; padding-left:20px; padding-right:20px; padding-top:165px; margin:0px;}
	.slide-content-container h1, .side-content-container h1 {font-size:48px; line-height:0.8em;}
	.slide-content-container h2, .side-content-container h2 {font-size:28px; line-height:1em; margin-bottom:10px;}
	.side-content-container {width:85%; box-sizing:border-box; height:auto; padding:30px; background-color:rgba( 0, 0, 0, 0.5); margin:200px auto 40px auto;}
	.slide-content-container .abv, .slide-content-container .ibu, .slide-content-container a.button {font-size:16px; padding:4px 7px;}
	.masthead-text {margin-bottom:8px; font-size:1em;}
	.beerslide-link {display:inline; margin-top:0px;}
}
@media all and (min-width:561px) and (max-width: 980px) {
	#mastheadwrap-2022 #bc-jump-button-wrap #bc-jump-inner {width:100%; margin:0 auto; padding:0 30px;}
	}
@media all and (min-width: 480px) {
	 #mastheadwrap-2022 #bc-jump-button-wrap {position:absolute; bottom:0px; z-index:200; width:100%; padding-bottom:30px;}
}
@media all and (max-width: 560px) {
	#mastheadwrap-2022 #bc-jump-button-wrap #bc-jump-inner {width:100%; padding:50% 20px 0 20px;}
	#mastheadwrap-2022 .hero-carousel {display:none;}
	#mastheadwrap-2022 {background-image:url('images/graniteheader_BG.jpg'); background-size:cover; background-repeat:no-repeat; background-position: center center;}
}
@media all and (max-width: 479px) {
	.slide-content-container h1, .side-content-container h1 {font-size:36px; line-height:0.8em;}
	.slide-content-container h2, .side-content-container h2 {font-size:20px; line-height:1em; margin-bottom:10px;}
	.beerslide-beerimage {float:none; width:100%; height:150px; padding-bottom:20px;}
	.beerslide-beercontent {float:none; width:100%; padding-left:0px; text-align:center;}
	.cycle-pager {display:none;}
	.multiproduct-slide .slide-content-container .mps-mainimage img {height:auto; width:100%; max-width:100%; max-height:auto;}
}

/* ---- Dynamic Home Modules ---- */
.dynamicmod {background-size:cover; background-position: center center; font-size:20px;}
.dynamicmod.greypaper {background-size:auto;}
.dynamicmod.about-module {font-size:16px;}
.dynamicmod-inner {height:100%;}
.dynamicmod .full-width, .dynamicmod .one-half, .dynamicmod .one-third, .dynamicmod .two-thirds, .dynamicmod .one-quarter {margin-bottom:0px;}
.dynamicmod img {-webkit-border-radius:10px; border-radius:10px;}
.dynamicmod a img {border:2px solid #ffc430;}
.dynamicmod a:hover img {border:2px solid #ff9b30;}

/* ---- About Us & Staff Grid ----*/
ul.staff-grid {list-style:none; margin:0px; padding:0px;}
.staffmember h3 {line-height:1em; margin-bottom:0px; margin-top:10px; font-size:38px;}
.staffmember h5 {margin-top:0px;}
.staffmember .staffmember-bio {margin-top:10px;}
.staffmember-image {border:2px solid #666; -webkit-border-radius:10px; border-radius:10px; overflow:hidden;}
.staffmember-image img {width:100%; height:auto; padding:0px; margin:0px; display:block;}

/* ---- Kitchen Menu Styles ---- */

/* OLD MENU STYLE
.menuboard {width:100%; box-sizing:border-box; padding:40px; border:8px solid #a8834a; border-radius:10px; background-image:url('images/menupaper_bg.jpg'); background-repeat:repeat; color:#000;}
.menu-fooditem, .menu-drinkitem {margin-bottom:25px;}
.menu-desc {margin-bottom:10px;} */

.menuboard {width:100%; box-sizing:border-box; padding:30px; border:1px solid #ffc430; border-radius:5px; background-color:#000; margin-bottom:25px;}
.menu-fooditem, .menu-drinkitem {margin-bottom:25px;}
.menu-desc {margin-bottom:10px;}
.menu_footer {text-align:center;}

.tap-specs {margin:10px 0 15px 0;}
.tap-specs div {display:inline-block;}
.tap-specs .abv, .tap-specs .ibu, .tap-specs .menu-price {font-size:20px; margin-bottom:10px;}

.food_vegetarian, .food_vegan {margin:0 10px; font-size:80%; text-transform:uppercase; font-weight:bold;}
.food_vegetarian {color:#ffc430;}
.food_vegan {color:#90cc82;}

/* ---- Locations ---- */
.location-index-image {float:left; width:150px;}
.location-index-image img {width:100%; height:auto; overflow:hidden; border-radius: 50%; -webkit-border-radius:50%; border:3px solid #ffc430;}
.location-index-text {float:right; width: calc(100% - 175px); height:150px; position: relative;} 
.location-index-text h3 {margin:0px; vertical-align:middle; position:absolute; top:75px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.location-breadcrumb {margin-bottom:20px;}
section.retail-key, .location-section-header {padding-bottom:10px; text-align:center;}
.retail-key-item {display:inline-block; margin:0 20px;}
.retail-key-item .swatch {width:40px; height:40px; border-radius:20px; float:left; margin-right:15px;}
.retail-key-item .swatch.retail {background-color:#0076af;}
.retail-key-item .key.retail h5 {color:#0076af;}
.retail-key-item .swatch.licensee {background-color:#90cc82;}
.retail-key-item .key.licensee h5 {color:#90cc82;}
.retail-key-item .swatch.kegs {background-color:#ffc430;}
.retail-key-item .key.kegs h5 {color:#ffc430;}
.retail-key-item .key {float:left;}

.retailers {list-style:none; margin:0px; padding:0px;}
.retailer {text-align:center;}
.retailer p {margin-bottom:10px;}
.retailer a.button {font-size:18px;}
.retailer.retailstore h3 {color:#0076af;}
.retailer.retailstore a.button {background-color:#0076af; border-color:#0076af; color:#fff;}
.retailer.retailstore a.button:hover {background-color:#000; color:#0076af;}
.retailer.licensee h3 {color:#90cc82;}
.retailer.licensee .retailer-details {color:#cccccc;}
.retailer.licensee a.button {background-color:#90cc82; border-color:#90cc82; color:#fff;}
.retailer.licensee a.button:hover {background-color:#000; color:#90cc82;}
.retailer.kegs h3 {color:#ffc430;}
.retailer.kegs a.button {background-color:#ffc430; border-color:##ffc430; color:#fff;}
.retailer.kegs a.button:hover {background-color:#000; color:#ffc430;}

/* ---- Store Locator ---- */
.store-locator-frame {border-radius:10px; border:2px solid #ffc430; overflow:hidden;}
.store-locator-frame:after {
  content: "";
  display: table;
  clear: both;
}
#store-locator-id .map-listings {background-color:#000000; box-shadow:none;}
#store-locator-id .store-locator-item:nth-child(2n) {background-color: #333333;}
#store-locator-id .store-locator-item:hover {background-color: #939498;}
#store-locator-id .wpsl-name {font-size:2em; text-transform:uppercase;}
#store-locator-id .wpsl-distance {border:1px solid #FFFFFF;}
#store-locator-id .store-list-address a {font-weight:bold;}
#store-locator-id .store-list-address > a:first-of-type {margin-right:10px;}

div#store_locatore_search_map .gm-style-iw h3 {color:#000000 !important; font-size:24px;}

@media all and (min-width: 1101px) {
	.store-locator-outer {padding:45px;}
	}
@media all and (max-width: 1100px) {
	.store-locator-outer {padding:20px;}
}
@media all and (max-width: 980px) {
	#store-locator-id .col-left.leftsidebar {}
}

/* ---- Contact Page & Mailing List ---- */
.contact-page .page-content {margin-top:0px;}
.contact-page section.contactmap {padding-top:190px; padding-bottom:0px; background-size: auto 100%;}
.contact-page .greytreeline {padding-top:0px;}

.contactform .one-half {margin-bottom:0px;}
.form-item {width:100%; margin-bottom:30px;}
.form-item span, .form-item span .wpcf7-text, .form-item span select, .mc4wp-form-fields .signupfield {width:100%;}
.form-item.inline {width:auto; display:inline-block;margin-right:15px;}
.form-item textarea {height:170px;}
.form-item .wpcf7-quiz {width:80px;}

div.wpcf7 .ajax-loader {visibility: hidden; display: inline-block; background-image: url('images/Reload.gif'); width: 30px; height: 30px; border: none; padding: 0; margin: 0 0 0 4px; vertical-align: middle;}
div.wpcf7-response-output, .mc4wp-alert {margin:15px 0 0 0; padding: 10px; font-size:20px; border-radius:5px; }
.mc4wp-alert p {margin-bottom:0px;}
div.wpcf7-mail-sent-ok, .mc4wp-success {border: 2px solid #398f14; color:#398f14;}
div.wpcf7-mail-sent-ng, .mc4wp-notice {border: 2px solid #ff0000; color:#ff0000;}
div.wpcf7-spam-blocked {border: 2px solid #ffa500; color:#ffa500;}
div.wpcf7-validation-errors {border: 2px solid #f7e700; color:#f7e700;}

/* ---- Events Calendar ---- */
.simcal-default-calendar-list .simcal-event-details {font-size:inherit; line-height:inherit;}
ul.simcal-events {list-style:none; margin:0px; padding:0px;}
.simcal-default-calendar-list h3 {margin-bottom:0px;}
.simcal-event-start-date {display:block; font-family: 'backcountry_brewingregular', Impact, Haettenschweiler, Arial, sans-serif; font-size:26px; color:#ffc430; text-transform:uppercase;}
.event_loc {font-size:75%; text-transform:uppercase; padding:6px 0; border-top:1px solid #999; border-bottom:1px solid #999; margin-bottom:15px;}
.simcal-events-list-container:after {content: ""; display: table; clear: both;}
.simcal-align-right {display:none;}

/* ---- Media ---- */
#media-header.pageheader-wrap h1 {margin-bottom:0px; line-height:1em;}

#ytc-wrapper .ytc-thumbnails .ytc-row .ytc-column {margin-bottom:30px !important;}
#ytc-wrapper .ytcplayercontent {margin-bottom:40px !important;}
h3.ytcplayertitle {font-size:30px; text-align:center;}

/* ---- Gallery & Instagram --- */
ul.bcb-gallery {list-style:none; margin:0px; padding:0px;}
ul.bcb-gallery li {display:inline-block;}
ul.bcb-gallery li a img, div.sbi_type_image {opacity:1; padding:5px;}
ul.bcb-gallery li a:hover img, div.sbi_type_image:hover {opacity:.5; background-color:#ff9b30;}

ul.bcb-gallery li.gallery-quarter {width:25%; margin:0px; float:left;}
ul.bcb-gallery li.gallery-quarter:nth-child(4n+1) {clear:left;}
ul.bcb-gallery li.gallery-quarter a, ul.bcb-gallery li.gallery-quarter a img {margin:0px; display:block; width:100%; height:auto;}

.fullwidthgallery {width:100%;}
.fg_one-third {width:33.3%; float:left;}
.fg_one-third:nth-child(3n+1) {clear: both; margin-left: 0px;}
.fg_one-third a, .fg_one-third a img {width:100%; height:auto; display:block; margin:0px;}
.fg_one-third a img {opacity:1;}
.fg_one-third a:hover img {opacity:.5;}

.mediagallery .mediagallery-item {padding:5px;}

#TB_load {background-color: transparent; padding:0px; border:0px; width:130px; height:130px;}
#TB_window {position: fixed; background-color: #000; z-index: 100050; padding-bottom:30px; visibility: hidden; text-align: left; top: 50%; left: 50%; -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );}
#TB_window:after {content: ""; display: table; clear: both;}
#TB_window img#TB_Image {border:none;}

#TB_secondLine {font-size:11px; text-transform:uppercase;}
#TB_closeWindow {margin-right:10px;}
button#TB_closeWindowButton {right:10px;}
button#TB_closeWindowButton .tb-close-icon {color:#ffc430;}
button#TB_closeWindowButton .tb-close-icon:hover {color:#ff9b30;}
button#TB_closeWindowButton .tb-close-icon:before {content: "\f00d"; color:#ffc430; font-size:30px; font-family:'FontAwesome';}
button#TB_closeWindowButton:hover {color:#ff9b30 !important;}
button#TB_closeWindowButton:hover .tb-close-icon:before {color:#ff9b30 !important;}

/* ---- Store (Coming Soon) ---- */
#storecs-header h1 {margin-top:0px;}
#storecs-header p {margin-bottom:0px;}
#storecs-header.pageheader-wrap {padding-top:150px;}

/* ----- BCB ELEMENTS ---- */
.element-wrap {position:relative;}

div.cycle-slideshow.circular-slideshow-wrap {border-radius: 50%; -webkit-border-radius:50%; border:3px solid #ffc430; width:600px; height:600px; position:relative; overflow:hidden;}
.circular-slideshow-wrap .circular-slide, .circular-slideshow-wrap .circular-slide img {width:100%; height:auto; display:block;}
.one-half div.cycle-slideshow.circular-slideshow-wrap {width:520px; height:520px;}
.one-third div.cycle-slideshow.circular-slideshow-wrap{width:333px; height:333px;}
.one-quarter div.cycle-slideshow.circular-slideshow-wrap {width:240px; height:240px;}

div.cycle-slideshow.rectangular-slideshow-wrap {border-radius: 5px; -webkit-border-radius:5px; border:1px solid #ffc430; width:600px; height:400px; position:relative; overflow:hidden;}
.rectangular-slideshow-wrap .rectangular-slide, .rectangular-slideshow-wrap .rectangular-slide img {width:100%; height:auto; display:block;}
.one-half div.cycle-slideshow.rectangular-slideshow-wrap {width:520px; height:346px;}
.one-third div.cycle-slideshow.rectangular-slideshow-wrap{width:333px; height:222px;}
.one-quarter div.cycle-slideshow.rectangular-slideshow-wrap {width:240px; height:160px;}

/* ----- AGE OVERLAY
#av-overlay-wrap {position: fixed; height: 100%; width: 100%; background-color:rgba(0, 0, 0, 0.75) !important; z-index: 10000; display: block; top: 0; left: 0; }
#av-overlay {position: fixed;  text-align:center; top: 25%; -webkit-transform: translateY(-25%); transform: translateY(-25%); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 550px; background: #000; z-index: 10001; padding: 30px 40px 34px; -webkit-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); -moz-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); border-radius:10px; -webkit-border-radius:10px; border:2px solid #ffc430;}
#av-overlay p {margin-bottom: 10px; font-size:22px; line-height:1.4em;}
#av-overlay form p {border-top:1px solid #333; padding:5px 0 0 0;}
#av-overlay .submit {margin-bottom: 0;}
#av-overlay input[type=text] {width: 50px;outline: none;}
#av-overlay #av_verify_y {width: 70px;}
#av-overlay label {font-size:18px; text-transform:uppercase; font-weight:bold;}
input#av_verify {display:block; margin:0 auto; margin-top:10px;}
#av-overlay .error {padding: 12px; background-color: #ffebe8; border: 1px solid #c00; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}  ----- */

/* ----- AGE OVERLAY ----- */
.age-gate {background-color:transparent !important;}
.age-gate-form {background: #000; color:#ffffff; padding: 30px 40px 34px; -webkit-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); -moz-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); border-radius:10px; -webkit-border-radius:10px; border:2px solid #ffc430;}
.age-gate-form .age-gate-headline {text-transform:uppercase !important; font-size:3em !important; color:#ffc430 !important;}
.age-gate-subheadline {margin-bottom:15px !important;}
button.age-gate-button, button.age-gate-submit-no, button.age-gate-submit-yes, button.age-gate__button, button.age-gate__submit--no, button.age-gate__submit--yes {background-color:#ffc430 !important; color:#000000 !important; font-size:1.5em;}
h1.age-gate-logo {margin-bottom:15px;}
.age-gate-confirm-message {display:none;}
p.age-gate-message {margin-bottom: 10px; font-size:22px; line-height:1.4em;}
p.age-gate-challenge {margin-bottom:15px;}

@media all and (min-width: 981px) and (max-width: 1100px) {
	.one-half div.cycle-slideshow.circular-slideshow-wrap {width:460px; height:460px;}
	.one-third div.cycle-slideshow.circular-slideshow-wrap {width:293px; height:293px;}
	.one-quarter div.cycle-slideshow.circular-slideshow-wrap {width:210px; height:210px;}
	.one-half div.cycle-slideshow.rectangular-slideshow-wrap {width:460px; height:306px;}
	.one-third div.cycle-slideshow.rectangular-slideshow-wrap {width:293px; height:195px;}
	.one-quarter div.cycle-slideshow.rectangular-slideshow-wrap {width:210px; height:140px;}
}
@media all and (max-width: 980px) {
	.dynamicmod {font-size:15px;}
	
	.beerlist h3 {font-size:36px; line-height:0.9em;}
	.staffmember h3 {font-size:24px;}
	.staffmember h5 {font-size:18px;}
	
	.menuboard {padding:25px;}
	.retailer {font-size:18px;}
	.contact-page section.contactmap {padding-top:140px;}
	
	ul.bcb-gallery li.gallery-quarter {width:50%;}
	ul.bcb-gallery li.gallery-quarter:nth-child(2n+1) {clear:left;}
	
	.one-half div.cycle-slideshow.circular-slideshow-wrap {width:368px; height:368px;}
	.one-third div.cycle-slideshow.circular-slideshow-wrap {width:236px; height:236px;}
	.one-half div.cycle-slideshow.rectangular-slideshow-wrap {width:368px; height:245px;}
	.one-third div.cycle-slideshow.rectangular-slideshow-wrap {width:236px; height:157px;}
	
	.tap-specs div:nth-child(2n+1) {clear:both;}
	
	h1.age-gate-logo img {height:100px; width:auto;}
	p.age-gate-message {font-size:16px;}
}
@media all and (max-width: 767px) {
	.dynamicmod .full-width, .dynamicmod .one-half, .dynamicmod .one-third, .dynamicmod .two-thirds, .dynamicmod .one-quarter {
    margin-bottom: 15px;}
    ul.bcb-gallery li {width:32%; box-sizing:border-box; margin:0px;}
	ul.bcb-gallery li a img {width:100%; height:auto; box-sizing:border-box;}
    .menuboard {padding:18px;}
    .retailer {font-size:16px;}
    .form-item {margin-bottom:15px;}
    div.wpcf7-response-output, .mc4wp-alert {font-size:16px;}
    .contact-page section.contactmap {padding-top:90px;}
    ul.bcb-gallery li.gallery-quarter {width:100%; float:none;}
	div.cycle-slideshow.circular-slideshow-wrap, .one-half div.cycle-slideshow.circular-slideshow-wrap, .one-third div.cycle-slideshow.circular-slideshow-wrap, .one-quarter div.cycle-slideshow.circular-slideshow-wrap {width:480px; height:480px;}
}
@media all and (max-width: 479px) {
	div.cycle-slideshow.circular-slideshow-wrap, .one-half div.cycle-slideshow.circular-slideshow-wrap, .one-third div.cycle-slideshow.circular-slideshow-wrap, .one-quarter div.cycle-slideshow.circular-slideshow-wrap {width:280px; height:280px;}
	div.cycle-slideshow.rectangular-slideshow-wrap, .one-half div.cycle-slideshow.rectangular-slideshow-wrap, .one-third div.cycle-slideshow.rectangular-slideshow-wrap, .one-quarter div.cycle-slideshow.rectangular-slideshow-wrap {width:280px; height:186px;}
	ul.bcb-gallery li {width:48%; box-sizing:border-box;}
	#av-overlay {position: relative; top: auto; left: auto; width: 40%; height: auto; margin: 100px auto 0 auto;}
	.age-gate-form {max-width:300px;}

	.location-index-image {float:none; display:block; width:100px; margin:0 auto 10px auto;}
	.location-index-text {float:none; display:block; width: 100%; height:auto; position: relative; text-align:center;} 
	.location-index-text h3 {position:relative; top:0; transform: none;}
}



/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/


.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {margin: 0 0 1.5em;overflow: hidden;}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

.wow {visibility:hidden;}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear,
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.nav-pagelisting {text-transform:uppercase; border-top:1px dashed #666666; padding:10px 0; }
.nav-pagination {box-sizing: border-box; margin-top:10px;}
span.page-numbers, a.page-numbers {font-family: 'backcountry_brewingregular', Impact, Haettenschweiler, Arial, sans-serif; padding:8px 12px; border-radius:3px; font-size:24px; margin:0 4px;}
span.page-numbers {border:1px solid #fff;}
a.page-numbers {border:1px solid #ff9b30;}
a.page-numbers:hover {color:#fff; background-color:#ff9b30 !important;}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}