/* @override 
	https://churchstreet.local/wp-content/themes/churchstreet/style.css */

/*
Theme Name: Church Street Brewing
Description: A custom theme designed especially for you.
Version: 2021
Author: sarah @ sw33t
Author URI: https://sw33t.com
License: For use on this site only.
*/

/* @group reset */
*{border:0;font-size:100%;font:inherit;vertical-align:baseline;padding:0;margin:0;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;max-width:100%}html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}pre{border:1px solid rgba(0,0,0,0.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:24px;max-width:100%;overflow:auto;padding:12px;white-space:pre;white-space:pre-wrap;word-wrap:break-word}blockquote,q{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}blockquote{color:#767676;font-size:19px;font-style:italic;font-weight:300;line-height:1.2631578947;margin-bottom:24px}blockquote cite,blockquote small{color:#2b2b2b;font-size:16px;font-weight:400;line-height:1.5}blockquote em,blockquote i,blockquote cite{font-style:normal}blockquote strong,blockquote b{font-weight:400}button,input,select,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;margin:0;max-width:100%;vertical-align:baseline}button,input{line-height:normal;margin-top:0;margin-bottom:4px}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}hr{background-color:rgba(0,0,0,0.1);border:0;height:1px;margin-bottom:23px}ol,ul,li,dl,dd{font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}em{font-style:italic}
/* @end */

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

@font-face {
    font-family: 'tekobold';
    src: url('fonts/teko-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

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

*:focus {
  	outline: none;}

s,del	{
	text-decoration: line-through;}

.has-text-align-center {
	text-align: center; }

/* @group layout */

body, button, input, select, textarea, blockquote, ul {
	font-family: 'prompt', sans-serif;
  font-size: 62.5%;}
  
body {
  color: #555;
	display: flex;
  flex-direction: column;
  min-height: 100vh; }

.main {
  flex-grow: 1; }

footer {
  width: 100%;}

/* .body_bg {
  background-color: #ffffff;
  position: relative; } */

header {
  width: 100%;
  position: relative;
  z-index: 10;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0 3px rgba(0, 0, 0, 0.28);
  box-shadow: 0 3px rgba(0, 0, 0, 0.28);
  background-color: #000;
  margin: 0;
  padding: 0;}

.content.two {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  -webkit-column-width: 50px;
  /* Chrome, Safari, Opera */
  column-width: 50px;}
  
article.type-post {
	text-align: left !important;
}

@media screen and (max-width: 620px) { }

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*	-webkit-justify-content: space-between;
	justify-content: space-between; */
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    /*-webkit-flex-flow: row wrap;
	flex-flow: row wrap;*/
}

@media screen and (max-width: 750px) {
    .flex {
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;    }}

a {
    text-decoration: underline;
    color: #004e37;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;}

a:visited {
    text-decoration: underline;
    color: #111;}

a:hover {
    text-decoration: none;
    color: #333; }
    
 .gallery a {
    text-decoration: underline;
    color: #fff; }   
    
 .gallery a:hover {
    text-decoration: underline;
    color: #FF575D; }
    
/* @end */
/* @group Headlines */

h1, h2, h3, h4, h5 {
	font-family: grand-central,serif;
	font-weight: 700;
	font-style: normal;
	color: #000; }

h1 {
  font-size: 2.9em;
  line-height: 1.0em;
  margin: .2em 0 .2em 0;}
  
  .intro h1,
  .intro h6 {
		color: #fff;
		text-shadow: 1px 1px 1px #102015; 	}
		
	h6 + h1 {
		margin-top: 0; 	}

h1 em {
  color: #888;}

h2 {
  font-size: 2.8em;
  line-height: 1.0em;
  margin: 1.6em 0 .4em 0;}
  
  .gallery h2 {
		color: #fff; 	}

h3 {
  font-size: 2.2em;
  line-height: 1em;
  margin: 1.3em 0 .3em;}

h4 {
  font-size: 2.2em;
  line-height: 1.1em;
  margin: 1.3em 0 1.2em 0;}

h5 {
  font-size: 2em;
  line-height: 1.1em;
  margin: 1.2em 0 .4em 0;}
  
  h2 + h5 {
		font-family: 'prompt', sans-serif;
		font-weight: normal;
		font-size: 1.6em;
		margin: -.3em 0 0;
		color: #555; 	}
  
  .signup h5 {
		margin: 1.3em 0 0; 	}

h6 {
	font-family: 'tekobold', sans-serif;
	color: #108D83;
  text-transform: uppercase;
  font-size: 1.7em;
  line-height: 1.0em;
  margin: 1.3em 0 0 0; }
  
  h6 + p {
		margin-top: .5em;	}
  
  .section h6 {
		color: #108D83; 	}
		
	.intro h6 {
		color: #fff; 	}
		
	.gallery h6 {
		color: #B0AC74; 	}
  
  h6 + h2 {
		margin: 0; }

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

p, blockquote, pre, figcaption, ol, ul, dl, table {
  font-size: 1.5em;
  line-height: 1.6em;
  margin: 1.2em 0em 1.2em 0em; }

ol, ul, dl, table {
  line-height: 1.8em;
  padding-left: 2.2em; }

ul > li, ol > li {
	font-size: 1em;
	margin: 0;
	padding: 0;}

ul > li > ul, 
ol > li > ol {
	margin: 0;}

ul > li > ul > li, 
ol > li > ol > li {
	font-size: 1.1rem;
	line-height: 1.9rem;
	margin: 0;}

/*hours*/
ol {
	list-style: none;
	margin-left: 0;
	padding-left: 0; }
	
ol strong {
	display: inline-block;
	width: 120px; }

/* @end */
/* @group blocks-gallery */

/* .blocks-gallery-grid .blocks-gallery-image figure, 
.blocks-gallery-grid .blocks-gallery-item figure, 
.wp-block-gallery .blocks-gallery-image figure, 
.wp-block-gallery .blocks-gallery-item figure */

.blocks-gallery-grid .blocks-gallery-item figure figcaption {
  /* for blocks */
  font-size: .8em;
  line-height: 1.2em;
  font-style: italic;
  margin: 0; }

strong, b {
  font-weight: 700;}
 
/* edit link*/
.small {
	font-size: .7rem; }

/* @end */
/* @group content */

.main {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    position: relative;}

/*:not(.alignwide)*/
/* :not(.wp-block-gallery) */

.main > *:not(.section):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(.wide):not(ul.page-numbers):not(.bottom_nav) {
	max-width: 680px;
	width: 92%;
	text-align: center;
  margin-left: auto;
  margin-right: auto;}
  
  /*beer finder*/
  .wp-block-columns {
		text-align: left !important;
		padding-top: 1em;
		padding-bottom: .5em;	}
		
	.wp-block-columns ul {
		margin-bottom: 0;
		margin-top: 0; }

.content,
.nextnav {
  width: 92%;
  max-width: 800px;
  padding: 0;
  margin: 0 auto;
  position: relative;}

.content.full {
  width: 100%;
  padding: 0;
  margin: 0 auto;}

header .content.full {
  max-width: 1100px;
  width: 90%;
  margin: 0 auto;
	padding: .9em 0;
	display: flex;
  align-items: flex-end;
	justify-content: space-between; }

.content.intro {
  width: 40%;
  min-width: 450px;
  text-align: center;
  z-index: 2;}


/*  min-height: 345px; */
@media screen and (max-width: 750px) {
  .content.intro {
    width: 90%;
    margin: 0 auto;
    min-width: auto;    }}

.intro ul {
  text-align: left;}

/*.fade {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 74.7%, rgba(255, 255, 255, 0.02) 100%); }*/


/* @end */


/* @group Borders */

header:before {
	content: "";
	display: block;
	height: 15px;
	background: url(images/border.png) center top repeat-x;
	background-size: 1054px 15px;
	border-bottom: 1px solid #fff; }
	


/* @end */

/* @group Section Intro */

.section.intro {
	width: 100%;
	position: relative;
  max-width: 1000em;
	text-align: center;
	color: #fff;
	padding: 6em 0 0;
	margin-top: 0;
  background: #000;  
	z-index: 2;
	margin-bottom: 45px;}
	
	.section.intro + .section.blue {
		margin-top: -60px;	}
	
.intro:after {
	content: "";
	display: block;
	height: 8px;
	background: url(images/border_thin.png) center top repeat-x;
	background-size: 1044px 8px;
	margin-top: 5em; }

.section.intro > img {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -2;
 	opacity: 1; }

.section.intro p:not(.button) {
	font-size: 1.4em;
	line-height: 1.5em;
	color: #fff;
	max-width: 500px;
	margin: 1em auto; }

.section.intro p strong,
.section.intro p b {
	color: #e88f38;
	font-family: CocoSharpB, sans-serif;
	font-weight: normal; }
	
.section.intro .caption {
	font-family: fino-sans, sans-serif;
	font-size: 28em !important;
	font-weight: 700;
	color: rgba(0, 0, 0, 0.11);
	letter-spacing: -1px;
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: -1;	}
	
.intro img.logo {
	stroke: black;
	fill: none;
	position: relative;
	-webkit-filter: drop-shadow( 2px 2px 1px rgba(0, 0, 0, .3));
	filter: drop-shadow( 2px 2px 1px rgba(0, 0, 0, .3)); }

/* @end */

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

/* @group Articles */

article.post {
	display: flex;
	align-items: flex-start;
	margin: 2em auto;}

article.post h2 {
	font-weight: 800;
	font-size: 3.9em;
  margin-top: 1em;
	line-height: 1.1em;}

article.post h2 a {
	text-decoration: none;}

article.post .photo {
	margin: 0;
	padding: 0;
	order: 2;
  flex: 1 0 auto;
	max-width: 320px;}

article.post .photo img {
  padding: 1em 3em;}

article.post .text {
  flex: 1 1 auto;
	margin: 0;}

article.post h3 {
  margin: .3em 0 0;
  padding: 0;}

article.post h3 a {
  text-decoration: none;}

article.post p {
  margin: .5em 0 1em;
  padding: 0;}

article.post p.continue a {
  font-size: .9em;
  text-decoration: none;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: 2px solid;
  padding-bottom: 1px;}

p.read-more {
    text-transform: uppercase;
    font-size: .8em;
    margin: -10px 0px 0px;
    padding: 0;}

p.read-more a {
    color: #666;}

p.byline {
    color: #777;
    font-size: 1.5em;
    margin: .3em 0 .1em;}

p.byline.topics {
    margin: .1em 0 .1em;}

@media screen and (max-width: 720px) {

  article.post {
    flex-direction: column;}}


/* @end */
/* @group Newsletter */

.content.newsletter {
  width: 100%;
	max-width: 100%;
  padding: 2.5em 0 2.5em;
	display: flex;
	justify-content: center;}
  
.signup {
	border: 2px solid #333;
	width: 94%;
	padding: 0 14px 1em;
	max-width: 780px;
	box-shadow: 2px 2px rgba(68, 68, 68, 0.23);
  display: flex;
	flex-flow: row nowrap;
  justify-content: center;
  align-items: center; }
  
  @media screen and (max-width: 580px) {
		.signup {
			flex-flow: row wrap; }	}

.content.newsletter .mailing_image {
	margin: 20px 30px 0 0; }

.content.newsletter .mailing_image img {
  width: 100%;
  max-width: 230px !important;
  height: auto; }

.content.newsletter p {
  margin: 0;
  padding: 0;}

.content.newsletter .gform_wrapper ul li, 
.content.newsletter .gform_wrapper input {
  margin: 0 !important;}

.content.newsletter .gform_wrapper {
  margin: 1em 0 !important;
  padding: 0 !important;}

.content.newsletter .gform_wrapper .gform_footer {
  width: 100%;
  margin: 5px 0 0 !important;
  padding: 0 !important;}

.content.newsletter .gform_wrapper ul li {
  padding-right: 5px !important;}

/* @end */
/* @group Buttons */

p.button,
.wp-block-buttons .wp-block-button {
  font-size: 1.6em; 
	line-height: 1.0em; 
	font-family: 'tekobold';
  position: relative;
  margin: 1em .4em .1em .4em;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15); }

		.wp-block-buttons>.wp-block-button:last-child {
			margin-right: .4em; }	
			
	.wp-block-buttons  { 
		margin-bottom: 1.5em;	}

p.button.centered {
  display: block;
  text-align: center;
  margin-top: 2em;
  margin-bottom: 1em;
  text-transform: uppercase;}

p.button a:link, 
p.button a:visited,
.wp-block-button a.wp-block-button__link {
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  margin: 0;
  display: inline-block;
  border-radius: 0;
	box-shadow: 1px 2px rgba(0, 0, 0, 0.3);
	border: 1px solid #000;
  background: linear-gradient(to right, rgb(237, 64, 58) 0%, rgb(255, 86, 93) 33.3%, rgba(255, 86, 93, 0) 66.7%, rgba(237, 64, 58, 0) 100%) 1% 50% rgba(255, 86, 93, 1);
	background-size: 300% 300%;
	transition: all 0.3s ease;}
	

  
p.button a:link, 
p.button a:visited,
.wp-block-button a.wp-block-button__link {
	padding: 7px 13px 4px;}
  
.wp-block-button__link {
	border: none;
	border-radius: 28px !important;
	font-size: 1rem; }
	
p.button a:hover,
a.wp-block-button__link:active, 
a.wp-block-button__link:focus, 
a.wp-block-button__link:hover, 
a.wp-block-button__link:visited {
  text-decoration: none;
  color: #fff;
	border: 1px solid #dc211b;
  background-position: 99% 50%; }

p.button a:hover .icon:before {
    color: #555;}
    
.wp-block-button.is-style-button-blue a:link,
.wp-block-button.is-style-button-blue a:visited {
 	border: 1px solid #0b5650;
 	background: linear-gradient(90deg, rgba(16, 141, 131, 1) 58.5%, rgba(76, 169, 162, 1) 100%);
	background-size: 300% 300%;}
	
.wp-block-button.is-style-button-blue a:hover {
  text-decoration: none;
  color: #fff;
	border: 1px solid #0b5650;
  background-position: 99% 50%; }

.wp-block-button.is-style-button-purple a:link,
.wp-block-button.is-style-button-purple a:visited {
	background: linear-gradient(90deg, rgba(81, 86, 144, 1) 53.1%, rgba(111, 115, 163, 1) 100%);
	border: 1px solid #000;
	background-size: 300% 300%;}
	
.wp-block-button.is-style-button-purple a:hover {
  text-decoration: none;
  color: #fff;
	border: 1px solid #3c4068;
  background-position: 99% 50%; }

/* @end */
/* @group Special Notice */

.special_notice {
  color: #000;
  background: #e0f1e7;
  margin: 0;
  text-align: center;
  padding-top: 11px;
  padding-bottom: 14px;}

.special_notice h6 {
  margin: 0;
  padding: 5px 0 0;}

.special_notice p {
	font-size: .9rem;
	line-height: 1.1rem;
  margin: 0;
  padding: 0;}
  
.special_notice a:link,
.special_notice a:visited,
.special_notice a:hover {
	color: #000; }

/* @end */
/* @group Breadcrumbs */

.breadcrumbs { }

.breadcrumbs nav {
    padding: 5px 0;
    margin: 0 auto;}

ol.breadcrumb li.active {
    font-weight: 700;}

ol.breadcrumb {
    font-size: .9rem;
		margin: .2em auto 2em;
		text-align: center; }
    
/* @end */
/* @group Social Networking */

.social {
    margin: 1em auto;}

.social p {
    font: normal normal normal 2.3em/1em FontAwesome;
    display: inline-block;
    margin: 12px 12px !important;
    padding: 0;}

.social p a:link, .social p a:visited {
    color: #cdcdcd;}

.social p a:hover {
    color: #fff;}

.fa-fb:before {
    content: "\f09a";}

.fa-tw:before {
    content: "\f099";}

.fa-yt:before {
    content: "\f167";}

.fa-gp:before {
    content: "\f0d5";}

.fa-pin:before {
    content: "\f0d2";}

.fa-ins:before {
    content: "\f16d";}

.fa-link:before {
    content: "\f0e1";}

.fa-sl:before {
    content: "\f198";}

.fa-sk:before {
    content: "\f17e";}

.fa-be:before {
    content: "\f1b4";}

.fa-fl:before {
    content: "\f16e";}

.fa-ye:before {
    content: "\f1e9";}

/* @end */
/* @group NAVIGATION */

header {
	color: #fff; }

header .phone {
	font-family: grand-central, serif;
	font-weight: 700;
	font-style: normal;
  font-size: 2.0em;
  line-height: 1em;
  height: auto;
	text-align: right;}
	
	footer .phone {
		text-align: center; 	}

.address a:link, 
.address a:visited,
.phone a:link, 
.phone a:visited {
  text-decoration: none;
  color: #fff !important;}

.address a:hover,
.phone a:hover {
	color: #FF575D !important;
  text-decoration: none;}
  
  footer .phone {
		font-size: 2.1em;	}

.phone p, 
.address p {
    margin: 0;}
    
.address p {
	font-family: grand-central, serif;
	font-weight: 700;
	font-style: normal;
  text-align: right;
  font-size: 1.2em;
  line-height: 1.1em;
  margin: .4em 0;}
  
  footer .address p {
		text-align: center; }

#access #toggle-bar {
  display: none; }

#access {
  flex: 1 1 auto;
  flex-direction: row;}

ul.nav-menu {
	font-family: 'teko', sans-serif;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  list-style: none;
  margin: 15px 0 0;
  width: 100%;
  padding: 0;
  font-size: 1em;
	line-height: 1em;
	text-transform: uppercase; }

ul.nav-menu li {
  font-size: 2.1em;
  line-height: 1em;
  margin: 0 0 0 4px;
  padding: 0;
  position: relative;}

/*if there's two archives, force the posts*/
ul.nav-menu li a:link, 
ul.nav-menu li a:visited,
body.post-type-archive-events #access li.posts a:link,
body.post-type-archive-events #access li.posts a:visited,
body.single-events #access li.posts > a,
body.tax-event_type #access li.posts > a  {
  color: #fff !important;
  display: block;
  padding: 5px 7px;
  text-decoration: none;
  margin: 0;}

ul.nav-menu li:last-child a {
  padding-right: 0; }

#access ul li.menu-item-has-children ul li a:after {
  content: "";
  font-family: FontAwesome;}

footer a[aria-current], 
ul.nav-menu li a:hover, 
ul.nav-menu li.current-menu-item > a, 
ul.nav-menu li.current_page_parent > a, 
#access ul li.current-menu-parent > a, 
ul.nav-menu li.current-menu-parent ul.sub-menu li.current_page_item a, 
ul.nav-menu li.current-menu-parent ul.sub-menu li.current-menu-item a,
body.single-events li.menu-item-object-events a:link,
body.single-events li.menu-item-object-events a:visited,
body.tax-event_type li.menu-item-object-events a {
  color: #108D83 !important;
  text-decoration: none;}

footer a[aria-current], 
footer ul.nav-menu li a:hover, 
footer ul.nav-menu li.current-menu-item > a {
  color: #999 !important;
  text-decoration: none;}

/* @group Pull a word out */
header ul.nav-menu > li:last-child a:link,
header ul.nav-menu > li:last-child a:visited {
	transition: none;
	display: inline-block;
	text-decoration: none;
	margin: 0;
	color: #FF575D !important; }

header ul.nav-menu > li:last-child a:hover {
	color: #fff !important; }
/* @end */

#access ul li.current-menu-parent ul.sub-menu li.current-menu-item a {
  background: #444;
	color: #fff !important; }

#access ul ul {
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  margin: 0;
  padding: 0;
  position: absolute;
  line-height: .9em;
  top: 27px;
  list-style: none;
  left: 8px;
  width: 188px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease-in-out .2s;}

#access ul ul li {
  margin: 0;}

#access ul ul a {
  background-color: #000;
  color: #333;
  font-size: .9rem;
  height: auto;
  line-height: 1.2em;
  padding: 10px 20px 12px !important;
  width: 188px;
  margin: 0;
  text-align: left;}

#access ul ul a:hover {
  background: #444;
  color: #fff !important;
  text-decoration: none;}

#access ul li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;}
  
/* @end */
/* @group Navigation 780px, 520px */

@media screen and (max-width: 780px) {

	nav#access {
  	display: flex;
		flex-flow: row wrap;
  	justify-content: flex-end; }
		
	nav#access a {
		-webkit-transition: none .3s;
	  -moz-transition: none .3s;
	  -o-transition: none .3s;
	  -ms-transition: none .3s;
	  transition: none .3s;		}

  header .phone,
  header .address {
		display: block;
		width: 100% !important;
		order: -1;	}

  header .content.full {
    margin: 0 auto;
    width: 94%;    }

  header .logo {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 75%;
    max-width: 400px;}
		
	header .logo img {
    width: 100%;
		max-width: 90px;	}

  header .logo a {
    text-align: left;
    margin: 0 !important; }
		
  #access #toggle-bar {
    display: inline-block;
    z-index: 100;
		margin-top: 1em;	}
		
	  #access #toggle-bar a {
	    color: #B0AC74;
			font-family: 'tekobold';
	    padding: 6px 0 5px 15px;
	    margin: 0;
			display: flex;
			justify-content: flex-end;
			text-decoration: none;
			font-size: 1.5em;
			line-height: 1em;
	 		font-style: none;
			text-transform: uppercase;		}
 		
	  #access #toggle-bar a img {
			margin-left: 7px;
			width: 30px;
			height: 16px;
			padding-top: 0;
			margin-top: -2px;		}
			
	nav#access ul.nav-menu {
		margin-top: 0;
		padding-top: 0;	}

  nav#access ul.responsive {
		position: absolute;
		left: 0;
    margin: 0;
    background: #000;
    width: 100%;
    flex-direction: column;
		top: 108px;
		padding-bottom: 10px;	}
		
  #access ul.nav-menu li {
    display: none; }

  #access ul.responsive li {
    margin: 0;
    font-size: 2em;
    z-index: 100 !important;
    position: relative;
    display: block !important;
    width: 100%; }

  #access ul.responsive li a {
    display: block !important;
    width: auto;
    text-align: left;
    padding: 10px 5px 2px 10px;
    margin: 0 0;
    line-height: 1.3em;
    text-decoration: none;
    background-color: none; }

  #access ul.responsive ul {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-bottom: 10px;
    border-bottom: 1px solid #111;
    display: block;    }

  #access ul.responsive ul li a {
    background: none;
    color: #333;
    font-size: .8rem;
    height: auto;
    line-height: 1.3em;    }

  #access ul ul a:hover {
    background: none;
    color: #108D83 !important;
    text-decoration: none; }

  #access ul.responsive li ul.sub-menu li a {
    border: none;
    font-size: .9rem;
		line-height: .9rem;
    margin: 0 0 0 0px;
    padding: 3px 0 3px 10px;
    font-weight: normal;    }

  #access ul.responsive ul {
    top: 0;
    width: 100%;
    float: none;
    margin: 0;
    position: relative;
    line-height: .9em;
    top: auto;
    list-style: none;
    left: auto;
    width: auto;
    z-index: 9999999;
    opacity: 1;
    visibility: visible;
		padding-bottom: 0; 	}

  #access ul ul li a, 
  #access ul li ul li:last-child a {
    font-size: 1em;
    width: 100%;    }
		
/* @group Pull a word out */	
#access ul.nav-menu {
	width: auto;
	order: -1; }

#access ul.nav-menu:not(.responsive) > li:last-child {
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 1px; }
	
#access ul:not(.responsive) > li:last-child a:link, 
#access ul:not(.responsive) > li:last-child a:visited {
	padding: 5px 5px 0 10px;
	margin: 0;	}
	
#access ul.responsive > li:last-child a:link, 
#access ul.responsive > li:last-child a:visited {
	font-weight: normal; }
/* @end */

}

@media screen and (max-width: 520px) {
	header .address {
		width: 200px !important;	}}

/* @end */
/* @group FOOTER */

footer {
	position: relative;
  text-align: center;
	width: 100%;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  margin: 0;
  padding: 0;}
 
footer > img {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	z-index: -2; }

footer:before {
	content: "";
	display: block;
	height: 8px;
	background: url(images/border_thin.png) center top repeat-x;
	background-size: 1044px 8px;
	margin-top: 0;
	margin-bottom: 4em; }
	
footer .logo {
	margin-bottom: 1.5em; }
  
footer .logo img {
 	width: 175px;
 	height: auto;  }
  
footer ul.nav-menu {
	font-size: 1em;
	line-height: 1.4em;
  -webkit-justify-content: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 98%;}

footer ul.nav-menu {
  margin: 1em 0;
  width: 100%;}

footer ul.nav-menu li {
  margin: 9px 4px;
  display: inline-block;}

footer ul.nav-menu li .phone {
  font-size: 1rem; }

footer ul.nav-menu li a:link, 
footer ul.nav-menu li a:visited {
  padding: 6px 6px; }

footer ul.nav-menu li a:hover {
  color: #eee; }

footer p {
  font-size: 1.1em;
  clear: both;
  padding: .2em 0;
  margin: 1em 0;
  text-align: center;}

footer p.credit {
  font-size: .9em;
  text-align: center;}

footer p.credit a:link, 
footer p.credit a:visited {
  font-size: 1.1em;
  font-weight: 300;
  text-decoration: none;
  color: #888;
  border-radius: 4px;}

footer p.credit a:hover {
  color: #000;
  font-size: 1.2em;}

@media screen and (max-width: 580px) { }

/* @end */
/* @group Next Nav - Single */

.nextnav {
  display: flex;
  justify-content: space-between;}

.navleft, 
.navright {
    flex: 50%; }

.navleft {}

.navright {
  text-align: right;}

.nextnav a:link, 
.nextnav a:visited {
  font-weight: 700;
  text-decoration: none;}

.nextnav em {
  display: block;
  font-style: normal;
  text-transform: uppercase;
  font-size: .8rem;
  line-height: 1.4rem;
  color: #888;}

.nextnav a:hover {
  color: #888;}

.nextnav p {
  /*single.php*/
  font-size: 2em;
  line-height: 1.2em;
  margin: 1em 0 1.3em 0;}

.nextnav p.button {
  /*index.php*/
  position: relative;
  margin: 1em 0;}

.nextnav .navleft p a:hover {
  color: #888;}

@media screen and (max-width: 580px) {
    .navleft, .navright {
        width: 98%;
        font-size: .9em;    }
}


/* @end */
/* @group PAGE NUMBERS */

ul.page-numbers,
.bottom_nav { }

/*happenings*/
ul.page-numbers {
	font-size: 1.4em;
	line-height: 1.0em;
	list-style: none;
	margin: 2em 0 0;
	padding: 0;
	display: flex;
	flex-flow: row;
	justify-content: center; }

ul.page-numbers li {
    flex: 0 0 auto;
    margin: 5px 1px;}

ul.page-numbers li span.dots {
    margin: 15px 7px;
    display: block;}

ul.page-numbers li span.current, 
ul.page-numbers li a {
		padding: .7em 1em .9em;
		margin: .2em;
    display: block;
    color: #fff;
    background: #108D83;}

ul.page-numbers li a:link, 
ul.page-numbers li a:visited {
    background: #555;
    color: #fff;
    text-decoration: none;}

ul.page-numbers li a:hover {
    background: #FF575D;}

@media screen and (max-width: 580px) {
  ul.page-numbers li a:not(.prev, .next) {
      display: none;    }

  ul.page-numbers li span.current {
      display: none;    }

  ul.page-numbers li {
      flex: 1 0 auto;
      margin: 5px 0;    }

  ul.page-numbers li a.next {
      text-align: right;    }
}

/* @end */
/* @group page links */

.nextnav.page_links p.button a, 
.nextnav.article_links p.button a {
    color: #333;
    padding: 0;
    font-weight: 600;
    margin: 1em 0;
    text-decoration: none;
    background: none;
    box-shadow: none;
    width: 100%;}

.nextnav.page_links p.button a:hover, 
.nextnav.article_links p.button a:hover {
    color: #777;}

.nextnav.page_links p.button a, 
.nextnav.article_links p.button a {
    line-height: 1.3em;
    padding-top: 0;
    width: 100%;}

@media screen and (max-width: 680px) {
  .nextnav.page_links p.button a,
  .nextnav.article_links p.button a {
      margin-top: 3%;    }

  .nextnav.article_links p.button {
      font-size: 1.4em;
      line-height: 1.3em;    }
}

.nextnav.page_numbers {
    text-align: center;}

.nextnav.page_numbers .dots {
    margin-right: 7px;}

.nextnav.page_numbers p.button {
    font-size: 1.4em;
    padding: 0;
    line-height: 1.0em;
    margin: 1.5em 0 .5em;
    width: 100%;}

.nextnav.page_numbers .page-numbers.current {
    padding: 12px 20px 12px;
    margin-right: 1%;
    color: #fff;
    background: #3e454a;}

.nextnav.page_numbers p a:link, .nextnav.page_numbers p a:visited {
    color: #fff;
    padding: 15px 20px;
    margin-right: 1%;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;}

.nextnav.page_numbers p a:hover {
    color: #fff;}

/* @end */
/* @group Wordpress */

.textwidget {
    margin-bottom: 0px;
    margin-top: 0px;}

.clear {
    clear: both;}

#tags {
    margin-bottom: 35px;}

p.tags {
    border-bottom: 2px solid #ccc;
    margin-bottom: 35px;}

.alignleft {
    float: left;}

.alignright {
    float: right;}

@media screen and (max-width: 710px) {
    .alignleft {
        display: block;
        float: none;
        margin: 0 auto 1.5em !important;    }

    .alignright {
        display: block;
        float: none;
        margin: 0 auto 1.5em !important;    }
}

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

blockquote.alignleft, img.alignleft {
  margin: 7px 24px 7px 0;}

.wp-caption.alignleft {
  margin: 7px 14px 7px 0;}

blockquote.alignright, img.alignright {
  margin: 7px 0 7px 24px;}

.wp-caption.alignright {
  margin: 7px 0 7px 14px;}

.wp-caption {
  margin-bottom: 24px;}

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

.wp-caption {
  color: #767676;}

.wp-caption-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  font-style: italic;
  line-height: 1.5;
  margin: 9px 0;
  padding-right: 10px;}

blockquote.aligncenter, 
img.aligncenter, 
.wp-caption.aligncenter {
  margin-top: 7px;
  margin-bottom: 7px;}

.comment-content img, 
.entry-content img, 
.entry-summary img, 
#site-header img, 
.widget img,
.wp-caption, 
.wp-caption img {
	width: auto !important;
  max-width: 100%;
	height: auto; }

.edit_link {
  text-transform: uppercase;
  font-size: .4em;
	line-height: .9rem; }
	
.edit_link:hover {
  color: #444;
	text-decoration: underline; }

.sticky, .gallery-caption, .bypostauthor {}

iframe {
	max-width: 100% !important; }

/* @end */
/* @group Wordpress Forms, Etc. */

.gform_wrapper { }

p.button,
.wp-block-buttons .wp-block-button { }

p.button a:link, 
p.button a:visited,
.wp-block-button a.wp-block-button__link {
	border-radius: 0 !important; }

button, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"],
.gform_wrapper textarea, 
.gform_wrapper select,
.gform_footer input.button, 
.gform_wrapper .gform_footer input[type="submit"]  {
/*  width: 100% !important;*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
	-webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
	border: 1px solid #c4c4c4;
	color: #555; 
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  padding: 6px 9px 8px !important;
  margin: 0 !important;}

button, form.post-password-form p input[type="submit"],
.wp-block-search .wp-block-search__button,
.gform_footer input.button, 
.gform_wrapper .gform_footer input[type="submit"] {
  width: auto !important;
  font-size: 1.6em; 
	line-height: 1.0em; 
	font-family: 'tekobold';
  margin: 1.5em .4em .5em 0;
  padding: 4px 10px 0 !important;
  display: inline-block;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  margin: 0;
  display: inline-block;
  border-radius: 0;
	box-shadow: 1px 2px rgba(0, 0, 0, 0.3);
	border: 1px solid #000;
  background: linear-gradient(to right, rgb(237, 64, 58) 0%, rgb(255, 86, 93) 33.3%, rgba(255, 86, 93, 0) 66.7%, rgba(237, 64, 58, 0) 100%) 1% 50% rgba(255, 86, 93, 1);
	background-size: 300% 300%;
	transition: all 0.3s ease;}
	
form.post-password-form p input[type="submit"] {
	margin-top: .3em; }
	
.content.newsletter .gform_wrapper input[type="submit"]{
	background: #004E38; }
	
.gform_wrapper .gform_footer input[type="submit"]:hover {
	text-decoration: none;
  color: #fff;
	border: 1px solid #dc211b;
  background-position: 99% 50%;}
  
 .content.newsletter .gform_wrapper .gform_footer input[type="submit"]:hover {
	text-decoration: none;
  color: #fff;
	border: 1px solid #2b7f4f;
  background-position: 99% 50%;}

.wp-block-search .wp-block-search__button {
  margin: 2px 5px !important; }

.gform_wrapper select {
  background-image: url(images/select-bg.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  -webkit-background-size: 12px 10px;
  background-size: 12px 10px;}

input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, textarea:focus, select:focus {
  border-color: #adadad;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(160, 160, 160, 0.7);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(160, 160, 160, 0.7);
  outline: none;}

.gform_wrapper ul li {
  margin: 10px 0 !important;}

.gform_wrapper ul.gfield_checkbox {
  margin: 10px 0 !important;
  font-size: 1.2rem;
	line-height: 1rem;}
  
body .gform_wrapper div.ginput_container {
	margin-top: 1px !important;}
  
/*main label: your name */
.gform_wrapper label.gfield_label {
 	margin: 0 !important;
	font-size: .96rem !important;}
 	
/*sublabel: first name*/
label, .wp-block-search .wp-block-search__label {
  text-align: left !important;
	margin: -4px 0 4px !important;
  font-style: normal;}

/**/

.gform_wrapper input[type=checkbox], 
.gform_wrapper input[type=radio] {
  font-size: 1.2rem !important;
  line-height: 1.2rem !important;
  margin: 0 0 0 2px !important;
	padding-left: 2px !important;}

.gform_wrapper ul.gfield_checkbox li label, 
.gform_wrapper ul.gfield_radio li label {
  font-weight: normal;
  font-size: .95rem !important;
  line-height: 1rem !important;
  margin: 2px 8px !important;}

.gform_wrapper .field_description_below .gfield_description {
  padding-top: 0px !important; }

.gform_wrapper ul.gfield_radio, 
.gform_wrapper ul.gfield_checkbox {
	line-height: 1rem !important;
  text-align: left;
	align-items: center;
	margin: 3px 0 20px !important; }

.gform_wrapper .gfield_checkbox li, 
.gform_wrapper .gfield_radio li {
	line-height: 1rem !important;
	margin: 5px 0 !important; }
  
.gform_wrapper .description_above .gfield_description {
 	padding: 0 !important;
 	margin-top: -7px;}

.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, 
.gform_wrapper .field_sublabel_above div[class * =gfield_date_].ginput_container label, .gform_wrapper .field_sublabel_above div[class * =gfield_time_].ginput_container label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, 
.gform_wrapper .field_sublabel_below div[class * =gfield_date_].ginput_container label, .gform_wrapper .field_sublabel_below div[class * =gfield_time_].ginput_container label {
  color: #777;
  letter-spacing: 0 !important;}

.gform_footer.top_label {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  display: block !important;
  padding: 0 !important;}

.gform_wrapper .gfield_required {
  color: #444 !important;
  margin-left: 1px !important;}

.gform_wrapper .gfield_error .gfield_label, 
.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, 
.gform_wrapper li.gfield_error ul.gfield_checkbox, 
.gform_wrapper li.gfield_error ul.gfield_radio, 
.gform_wrapper div.validation_message, .gform_wrapper div.validation_error {
  color: white !important;}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
  border: 1px solid #333 !important;}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper div.validation_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: red !important;
  margin-bottom: 6px !important;
  padding: 6px 6px 4px 6px !important;
  border-top: 1px solid #999 !important;
  border-bottom: 1px solid #999 !important;}

.gform_wrapper div.validation_error {
  font-size: 2em !important;
  line-height: 1.6em;
  padding: 1em !important;}

.gform_confirmation_message {
  font-size: 2em;
  border: none !important;
  background: none !important;}
  
/*  @end*/
/* @group Events */

.section.blue {
	background-image: -webkit-radial-gradient(ellipse farthest-corner, #456F8C 0%, #385B73 100%);
	background-image: -moz-radial-gradient(ellipse farthest-corner, #456F8C 0%, #385B73 100%);
	background-image: -ms-radial-gradient(ellipse farthest-corner, #456F8C 0%, #385B73 100%);
	background-image: radial-gradient(ellipse farthest-corner, #456F8C 0%, #385B73 100%); }

.section.blue:before {
	content: "";
	display: block;
	height: 8px;
	background: url(images/border_thin.png) center top repeat-x;
	background-size: 1044px 8px;
	margin-top: 5em;
	margin-bottom: 4em;}
	
.section.blue:after {
	content: "";
	display: block;
	height: 8px;
	background: url(images/border_thin.png) center top repeat-x;
	background-size: 1044px 8px;
	margin-top: 4em; }
	
article.events {
	width: 94%;
	max-width: 680px;
	margin: 2em auto;
	background: #eee;
	border: 2px solid #000;
	display: flex;
	position: relative; }
	
	.events_preview {
		display: flex;
		flex-flow: row wrap; 	}
	
	.events_preview article.events {
		flex: 0 1 45%;
		width: 45%;
		justify-content: space-between;
		max-width: 580px;
		margin: .5em auto 2em auto;
		background: none;
		border: none;
		display: block; }
		
	/*hopgarten*/
	.events_preview.seasonal article.events {
		flex: 1 1 100%;
		width: 100%;
		margin: 2em auto .5em;}

/*left side*/
article.events .location {
	flex: 0 0 30%;
	display: flex;
	justify-content: space-between;
	color: #fff;
	text-shadow: 1px 1px 1px #a8120d;
	padding: 10px 12px 10px 5px;
	border-right: 2px solid #000;
	position: relative;
	background: linear-gradient(-90deg, rgba(237, 65, 59, 1) 41.76%, rgba(255, 87, 93, 1) 74.84%);
	align-items: center; }

	.events_preview article.events .location {
		color: #000;
		flex-direction: column;
		text-shadow: none;
		padding: 0;
		border-right: none;
		position: relative;
		background: none;
		align-items: flex-start; }

.vertical {
	font-family: 'tekobold';
	display: flex;
	justify-content: space-around;
	flex: 0 0 auto;
	width: 20px;
	text-transform: uppercase; }
	
	.events_preview .vertical {
		width: auto; }

.vertical p {
	font-size: .9rem;
	line-height: 1rem;
	color: #000;
	text-shadow: none;
  transform: rotate(-90deg);
	text-align: center; }
	
	.events_preview .vertical p {
  	transform: rotate(0deg);	}

p.date {
	font-family: grand-central, serif;
	font-weight: 700;
	font-style: normal;
	text-align: right;
	font-size: 1.3em;
	line-height: 1em; }
	
	.events_preview p.date {
		font-family: 'tekobold';
		font-weight: normal;
		font-style: normal;
		text-align: left;
		font-size: 1.8em;
		line-height: 1em;
		text-transform: uppercase;
		color: #505690; }

p.date em {
	display: block;
	font-size: 2em;
	line-height: 1em;
	font-weight: normal;
	font-style: normal; }
	
	.events_preview p.date em {
		display: inline-block;
		font-size: 1em;
		line-height: 1em;
		font-weight: normal;
		font-style: normal; }

/*right side*/
article.events .details {
	flex: 1 1 60%;
	display: flex;
	flex-direction: column;
	align-content: center;
	padding: 8px 10px 10px 12px;
	margin: auto;
	text-align: left; }
	
	.events_preview article.events .details {
		flex: 1 1 100%;
		display: flex;
		flex-direction: column;
		align-content: flex-start;
		padding: 0;
		margin: 0;
		text-align: left; 	}
	
article.events .details p {
	font-size: .9rem;
	line-height: 1.2rem; }

article.events p,
article.events h3 {
	margin: .1em 0; }
	
article.events h3 a {
	color: #000;
	text-decoration: none; }

article.events.event_type-taproom-events { }

article.events.event_type-local-events .location {
	text-shadow: 1px 1px 1px #0e615a;
  background: linear-gradient(-90deg, rgba(16, 141, 131, 1) 41.76%, rgba(59, 162, 153, 1) 74.84%);}
  
  .events_preview article.events.event_type-local-events .location {
		text-shadow: none;
	  background: none;}
	
@media screen and (max-width: 500px) {
	
	article.events {
		flex-direction: column;
		width: 94%;
		max-width: 680px;
		margin: 2em auto;
		background: #eee;
		border: 2px solid #000;
		display: flex;
		position: relative; }
		
	/*left side*/
	article.events .location {
		flex: 0 0 100%;
		border-bottom: 2px solid #000;
		border-right: none;
		flex-flow: column;
		padding: 6px 10px 5px 12px;	}
		
	.vertical {
		margin-bottom: -5px;
		justify-content: flex-start;
		width: 100%;}
	
	.vertical p {
	  transform: rotate(0deg);	}
	
	p.date {
		text-align: left;
		width: 100%;
		font-size: 1.8em;
		line-height: 1em;	}
	
	p.date em {
		font-size: 1em;
		display: inline-block; }

	/*right side*/
	article.events .details {
		flex: 1 1 100%;
		width: 100%; }
		
	.events_preview article.events {
		flex: 0 1 96%;
		width: 96%; }
		
	.events_preview article.events .location {
			border: none;		}
}

/* @end */
/* @group Boxed Distributors */

.section.blue.box .content {
	max-width: 940px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between; }
	
article.events,
article.boxed {
	width: 94%;
	max-width: 680px;
	margin: 2em auto;
	background: #eee;
	border: 2px solid #000;
	display: flex;
	position: relative; }

	article.boxed {
		margin: 0 0 2%;
		flex: 0 1 49%;
		padding-right: 10px;	}
		
	article.boxed p {
		font-size: .9rem;
		line-height: 1.2rem;
		padding-bottom: 24px;
		margin: 0;
		padding-top: 5px;	}
		
	article.boxed h3 {
		margin-top: 1em;	}
		
	article.boxed h6 {
		margin-top: -1em;
		font-size: .9rem; 	}
		
	article.boxed .distributors {
		display: block;
		flex: 1 1 auto;
		padding-right: 10px; 	}
	
	article.boxed .border_left {
		flex: 0 0 10px;
		height: 100%;
		border-right: 2px solid #333 !important;
		background: linear-gradient(-90deg, rgba(237, 65, 59, 1) 41.76%, rgba(255, 87, 93, 1) 74.84%);
		display: block;
		z-index: 100;
		margin-right: 15px;	}
		
@media screen and (max-width: 680px) {
	
	article.boxed {
		flex: 1 1 98%;	}
		
}

/* @end */
/* @group Searchform */

#searchform.searchform {
  font-size: 1.6em;}

#searchform.searchform label {
  display: none;}

#searchform.searchform input {
  font-size: 1em;
  color: #666;
  line-height: 1em;
  background: linear-gradient(to right, white 0%, #f8f8f8 100%) #fff;
  border: 1px solid #ededed;
  display: inline-block;
  vertical-align: top;
  /*width: 70%;*/
  padding: 3px 10px;}

#searchform.searchform input#searchsubmit {
  background: #333;
  color: #fff;
  font-size: .8em;
  border: none;
  text-transform: uppercase;
  /*width: 28%;*/
  padding-top: 8px;
  padding-bottom: 7px;
	margin-top: 5px;}

#searchform.searchform input#searchsubmit:hover {
  background: #999;}

#searchform.searchform input:focus, #searchform.searchform textarea:focus {
  background: #fff !important;
  color: #222;
  outline: none;}

/* @end */
/* @group BLOCKS */

a[href$=".pdf"] {
  display: inline-block;
  margin-left: 11px;}

a[href$=".pdf"]:not(.wp-block-file__button):before {
  content: "\f1c1";
  font-family: FontAwesome;
  color: #e05714;
  margin-right: 10px;}

.wp-block-file {
	text-align: left;
  font-size: 1.5em;
  line-height: 1.5em;
/*	max-width: 400px !important;*/ }

.wp-block-file {
	font: 1.7em grand-central, serif !important;
	line-height: 1.0em; 
	margin: 1em .4em .1em .4em;
  padding: 10px;
	box-shadow: 1px 2px rgba(129, 172, 149, 0.28);
	border: 1px solid #3a865c; }

.wp-block-file a {
	text-decoration: none;
	display: block;
	margin-bottom: 5px; }
	

.wp-block-file .wp-block-file__button {
  background: #000;
  font-size: .8em;
  line-height: 1.2em;
  border-radius: 0;
  color: #fff;
	padding: 4px 6px;
  text-transform: uppercase;
  text-decoration: none; }

.wp-block-search {
  font-size: 1rem; }
	
.wp-block-image {
	margin: 3em 0; }
	
.wp-block-image.alignwide,
.wp-block-media-text.alignwide,
.wp-block-columns.alignwide {
	width: 90%;
	max-width: 1200px;
	margin: 3em auto; }
	
.wp-block-image.alignfull {
	width: 100%; }
	
/*group*/

.wp-block-group__inner-container {
	padding: 4em 2em 4.6em; }

.wp-block-media-text {
	width: 94%;
	max-width: 1150px;
	margin: 4em auto;
	grid-template-columns: 300px auto; }

	.wp-block-media-text .wp-block-media-text__media {
		align-self: self-start; }
		
	.wp-block-media-text .wp-block-media-text__content {
		padding: 1em 3em 1em 5em; }

	.wp-block-media-text figure img {
		width: 100%;
		height: auto;}

	.wp-block-media-text>figure>img, 
	.wp-block-media-text>figure>video {
		vertical-align: top; }

	.wp-block-media-text__content { }
	
	@media (max-width:900px){
		.wp-block-media-text.is-stacked-on-mobile{
			-ms-grid-columns: 100%!important;
			grid-template-columns: 100%!important; }
			
		.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
			-ms-grid-column:1;
			grid-column:1;
			-ms-grid-row:1;
			grid-row:1; }
			
		.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{
			-ms-grid-column:1;
			grid-column:1;
			-ms-grid-row:1;
			grid-row:1; }
		
		.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
			-ms-grid-column:1;
			grid-column:1;
			-ms-grid-row:2;
			grid-row:2;
			padding-left: 0;
			padding-right: 0; }
	}
	
	
/*.wp-block-columns {
	width: 94%;
	max-width: 1150px;
	margin: 6em auto;
	grid-template-columns: 400px auto; }*/

	.wp-block-columns .wp-block-media-text__media {
		align-self: self-start; }

/*	.wp-block-columns figure {
		max-width: 400px;}

	.wp-block-columns figure img {
		width: 100%;
		height: auto;}*/

	/* .wp-block-column:first-of-type { 
		flex-basis: 400px;} */

	/* .wp-block-column:last-of-type { 
		padding-left: 3em;
		flex-grow: 1;} */

.wp-block-media-text {
	width: 94%;
	max-width: 1150px;
	margin: 3em auto;
	grid-template-columns: 400px auto; }

	.wp-block-media-text .wp-block-media-text__media {
		align-self: self-start; }

	.wp-block-media-text figure {
		max-width: 400px;}

	.wp-block-media-text figure img {
		width: 100%;
		height: auto;}

	.wp-block-media-text>figure>img, 
	.wp-block-media-text>figure>video {
		vertical-align: top; }

	.wp-block-media-text__content { }

/* video */
.wp-block-embed {
	margin: 6em auto; }

.wp-block-embed iframe {
  max-width: 100%;
  height: auto; }

.blocks-gallery-grid {
	margin: 1.6em auto; } 

.wp-block-gallery {
	margin: 1.6em auto;
	border-top: 1px solid #333;
	width: 100%;
	max-width: 1200px; }
	
	.blocks-gallery-grid .blocks-gallery-image, 
	.blocks-gallery-grid .blocks-gallery-item, 
	.wp-block-gallery .blocks-gallery-image, 
	.wp-block-gallery .blocks-gallery-item {
		margin: 0 16px 16px 0;
		display: flex;
		flex-grow: 1;
		flex-direction: column;
		justify-content: center;
		position: relative;	}
	
	.blocks-gallery-grid .blocks-gallery-image figure, 
	/* .blocks-gallery-grid .blocks-gallery-item figure,  */
	.wp-block-gallery .blocks-gallery-image figure, 
	.wp-block-gallery:not(.is-cropped) .blocks-gallery-item figure {
		margin: 0 auto !important;
		align-items: center;
		/*align-items: flex-end;*/
		height: 100%;	}
	
	.wp-block-gallery .blocks-gallery-item figure img {
	/*	width: 100%;
		max-width: 1200px;*/
	}

	
.has-drop-cap:not(:focus):first-letter {
	float: left;
	font-size: 4.4em;
	line-height: .68;
	font-weight: 100;
	margin: .05em .1em 0 0; }

.has-drop-cap:not(:focus):after {
	content: "";
	display: table;
	clear: both;
	padding-top: 14px; }

/* @end */
/* @group Menu */

#menu-container {
	width: 100% !important;
	text-align: left;}

.ut-menu p {
	font-size: 1.2em;}

.ut-menu .menu-header {
	display: none;}

.dist-info-block {
  display: flex;
  flex-direction: row;
  justify-content: baseline;
  align-items: baseline;
  font-family: 'prompt', sans-serif !important;
	text-align: left !important;}

.ut-menu-standard .section .section-heading .section-name,
.beer {
	font-family: 'prompt', sans-serif !important;}

.ut-menu-standard .section .section-heading .section-name {
	margin-bottom: 20px !important;}

.ut-menu-standard .menu-items-container .menu-item .beer .beer-details .beer-name span.beer-style {
	font-size: .8em;
	display: block;
	padding: 0 !important;}

div.dist-info-block > h6.dist-info-title {
  margin-right: 10px;}

#sell-sheet-button {
  display:flex;
  justify-content:center;
  align-items: center;
  align-self: center;}

.dist-header {
  display: flex;
  flex-direction: row;}

.dist-name {
  font-family: 'teko', cursive;
  font-size: 34px;}

.dist-link {
  justify-content:center;
  text-align: center;}

.menu-outer-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #faf4e5;}

#menu-container {
  width:80%;}

p.beer-name > a {
  font-family: 'teko', cursive;
  font-size: 24px;}

.tab-anchor {
  font-family: 'teko', cursive;
  font-size: 18px;}

/* @end */

/* @group Back to Top Button */

#top_button {
	opacity: .9;
	font-family: grand-central, serif;
	font-size: 2em !important; 
	line-height:  1.5em !important;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #1899BA;
  color: white;
  cursor: pointer; 
  padding: 10px 11px 2px !important;
  
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;}

#top_button:hover {
	opacity: 1;
  background-color: #000; }

/* @end */

/* @group Boxzilla */

.boxzilla {
  text-align: left;
	color: #004e37;
}

.boxzilla p a:link, .boxzilla p a:visited {
  padding: 4px;
  font-size: .7em;
  line-height: 1em;
  text-transform: uppercase;
  position: absolute;
  top: 7px;
  right: 7px;
  color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none;}

.boxzilla p a:hover {
  color: rgba(255, 255, 255, 0.7);}

.boxzilla p, 
.boxzilla p.first-child {
	color: rgba(255, 255, 255, 0.88);
	font-size: 1.3em;
	line-height: 1.4em;
  margin: 0;}

.boxzilla h4 {
	color: #afac74;
  margin: 0 0 10px;
  font-size: 1.7em;
  line-height: 1.2em;
	padding-top: 0;
	padding-bottom: 0; }
  
 .boxzilla h4 em {
	color: #fff;
	font-size: 1.25rem;
 	font-weight: normal;
 	font-style: normal;  }

/*.boxzilla-bottom-right input {
  margin: .1em 0 .2em 0;
  padding: 3px 6px 4px 6px;
  width: 90% !important;
  max-width: 180px;
  display: inline-block;
  background-color: #FFFFFF;
  border: none;
  border: 1px solid #888888;
  color: #333;
  text-align: center;}*/

.boxzilla-bottom-right input[type="submit"] {
  margin: .4em 0 0 0;
  padding: 8px 11px 10px 11px !important;
  font-size: .7em !important;
  line-height: .7em !important;
	color: #fff;
  background: rgb(174, 172, 115) !important;
  text-transform: lowercase;
  width: auto !important;}

.boxzilla-bottom-right input[type="submit"]:hover {
	  background: #0d8d83 !important;
  border: 1px solid #0d8d83 !important;}

.boxzilla label,
.boxzilla .gform_wrapper label.gfield_label {
  font-size: .9em !important;
  line-height: 1.1em !important;
  margin: 1.1em 0 .5em 0 !important;
  display: block;
  color: #fff; }

.boxzilla input:focus, 
.boxzilla textarea:focus {
  background-color: rgba(255, 255, 255, 0.9);
  outline: none;}
  
.boxzilla-close-icon {
	color: #fff !important; }
 
 .boxzilla .gform_wrapper .top_label li.gfield.gf_left_half, 
 .boxzilla .gform_wrapper .top_label li.gfield.gf_right_half,
 .boxzilla .gform_wrapper ul li {
 	width: 100% !important;
 	display: block !important;
 	padding: 0 !important;
  margin: 10px 0 !important;}
  
/* @end */

.ppw-ppf-desc {
	font-size: 16px !important;
}