/*
 Theme Name:   Wordpress Bootstrap Child
 Description:  Wordpress Bootstrap Child Theme
 Template:     wordpress-bootstrap
 Version:      1.0.0
 Text Domain:  wordpress-bootstrap-child
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/*
@media (max-width: 2000px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-offcanvas.offcanvas {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .offcanvas.in{
  		display:block !important;
	}
}
*/

*, a:focus, a:active, 
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline : 0;
}

a {
	color: #fff;
}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}

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

.container-fluid {
	overflow-x: hidden;
	padding-left: 0;
	padding-right: 0;
}

hr {
	border-top: 1px solid #999;
}

#title-trigger {
	display: block;
	height: 0px;
}

#main article {
	margin-top: 200px;
	background: #fff;	
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
}

html, body {
  height: 100%;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.row.border-row {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* let's fix this full width */

#content {
	margin-left: -30px;
	margin-left: 0;
	margin-right: -30px;
	margin-right: 0;
	padding-top: 0;
/* 	background: #fff; */
}

#main {
	padding-left: 0;
	padding-right: 0;
}


.navbar-toggle {
  float: right;
  margin-right: 15px;
  margin-top: 15px;
}

.navmenu {
  z-index: 1;
}

.navmenu-default, .navbar-default .navbar-offcanvas {
	background-color: #000;
	border-color: #000;
}

.navmenu-default {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(181, 18, 27, 0.88);
	color: #fff;
	opacity: 0;
	z-index: -100;
	-webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.navmenu-default.navmenu-open {
	opacity: 1;
	z-index: 1020;
}

.canvas {
  position: relative;
  left: 0;
  z-index: 2;
  min-height: 100%;
  padding: 0 0 0;
  background: #000;
}

.navbar-fixed-top {
	width: 100%;
/* 	padding-top: 30px; */
	margin-bottom: 0;
}

.navbar-fixed-top.solid {
/* 	background: rgba(0,0,0,0.5); */
}

.navbar-default .navbar-toggle {
	background: none;
	border: none;
	padding: 0;
	border-radius: 0;
	width: 36px;
}

.navbar-default .navbar-toggle .icon-bar {
	width: 36px;
	height: 7px;
	margin-top: 6px;
	background-color: #fff;
	-webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}



.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background: none;
	border: none;
}

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #ccc;	
}

.navbar-default .navbar-toggle.nav-open .icon-bar:first-child {
/* 	width: 40px; */
	-ms-transform: rotate(45deg); /* IE 9 */
	-ms-transform-origin: -5% 0%;
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: -5% 0%;
    transform: rotate(45deg);
    transform-origin: -5% 0%;
    margin-left: 5px;
}

.navbar-default .navbar-toggle.nav-open .icon-bar:nth-child(2) {
	opacity: 0;
}

.navbar-default .navbar-toggle.nav-open .icon-bar:last-child {
/* 	width: 40px; */
	-ms-transform: rotate(-45deg); /* IE 9 */
	-ms-transform-origin: -5% 100%;
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: -5% 100%;
    transform: rotate(-45deg);
     transform-origin: -5% 100%;
     margin-left: 5px;
}

/*
.navmenu-fixed-right.in.canvas-slid {
	z-index: 1000;
}
*/

#nav-inner-wrapper {
/* 	overflow-x: scroll; */
}

.navbar-form {
	margin-top: 10vh;
	text-align: center;
	height: 50px;
	width: 100%;
}

.navbar-form .form-control {
	width: 100%;
	height: 50px;
	text-align: center;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 1.2;
}

.navbar-nav {
	display: block;
	width: 100%;
	height: 90vh;
	margin-top: 10vh;
/* 	border: 1px solid #fff; */
}



.navbar-nav>li {
/*
	float:left;
	display: block;
	width: 300px;
*/
	width: 100%;
	display: block;
	position: relative;
	clear: both;
	text-align: center;
}

.navbar-nav>li a {
	color: #fff;
	text-transform: uppercase;
	line-height: 1.5;
	font-weight: bold;
	font-size: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.navbar-nav>li a:hover {
	background: none;
	text-decoration: underline;
}

@media (min-width: 768px) {
	.navbar-form {
		height: 100px;	
	}
	
	.navbar-form .form-control {
		font-size: 80px;
		height: 100px;
		line-height: 1.2;
	}
	
	.navbar-nav {
		height: auto;
		margin-top: 110px;	
	}
	
	.navbar-nav>li a {
		font-size: 40px;
		
	}
}


article header {
	/*
	height: 100vh;
	overflow: hidden;
	*/
}

a#nola-logo {
	text-indent: -9999px;
	background: url(images/nola-brewing-logo.png) no-repeat;
	float: left;
	display: block;
	width: 78px;
	height: 58px;
	margin-top: 8px;
/* 	margin-bottom: 7px; */
	margin-left: 15px;
	background-size: cover;
}

@media (min-width: 768px) {
	
	a#nola-logo {
		width: 156px;
		height: 116px;
		margin-top: 15px;
		margin-left: 50px;
	}
	
}

a#nola-logo.solid {
	width: 78px;
	height: 58px;
	margin-top: 8px;
/* 	margin-bottom: 7px; */
	margin-left: 15px;
}

img.header-alt, 
#main article img.header-alt {
	width: 100vw;
	height: 56vw;
}
	


/* let's try making a vid wrapper */
	
/* probably need to set some different breakpoints for this */
#header-video-wrapper {
	width: 100vw;
	height: 56vw;
	overflow: hidden;
	position: relative;
	display: block;
}

body.home #header-video-wrapper,
body.single-beer #header-video-wrapper {
	display: none;	
}

.page-header {
	border-bottom: none;
	padding-bottom: 0;
	margin: 0;
}

@media (min-width: 768px) {
	#header-video-wrapper,
	body.home #header-video-wrapper,
	body.single-beer #header-video-wrapper {
		display: block;	
	}	
}
	
video#header-video {
	width: 100vw;
	height: 56vw;
/* 		z-index: -50; */
}	
	
#video-grid {
	position: absolute;
/* 		z-index: -40; */
	height: 56vw;
	width: 100vw;
	background: url(images/grid.png) repeat center top;
	top: 0;
	z-index: 0;
}

.primary-content {
	background: #fff;
}

.primary-content section {
	padding: 40px;
}

.primary-content h1 {
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
}

.primary-content dl, .primary-content dt, .primary-content dd {
	font-size: 18px;
	line-height: 2;
}

.row.first-row, .row.second-row {
	background: #fff;
}

footer {
	background: /* url(images/footer-bg.png) */ #111 repeat center top;
/* 	margin: 0 -15px; */
	margin: 0;
	padding-top: 50px;
}

footer, #inner-footer {
/* 	background: #000; */
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
}

#inner-footer .col {
	text-align: center;
}

#address {
	
/*
	background: url(images/footer-logo.png) no-repeat 50px top;
	
	padding-left: 230px;
*/
}

#address h1 {
	margin: 30px 0 10px;	
	font-size: 16px;
	text-transform: uppercase;
}

#address p {
	color: #aaaaaa;
	text-shadow: none;
	line-height: 1.4;
}

#address p.phone {
	font-size: 24px;
}

#footer-nav-wrapper ul {
		display: inline-block;
		text-align: center;
		padding: 0;
		margin-top: 30px;
}

#footer-nav-wrapper li {
	display: block;
	float: left;
/* 	width: 50%; */
	text-transform: uppercase;
	margin: 0px 10px 20px;
	
	display: inline-block;
}

#footer-nav-wrapper li a {
	color: #e9af00;
	display: block;
	position: relative;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
}

#social-nav-wrapper ul {
	display: inline-block;
	text-align: center;
	padding: 0;
	margin-top: 30px;
	width: 100%;
}

#social-nav-wrapper li {
	display: block;
/* 	float: left; */
/* 	width: 50%; */
	text-transform: uppercase;
	margin: 0px 10px 20px;
	display: inline-block;	
}

#social-nav-wrapper li a {
	color: #e9af00;
	display: block;
	position: relative;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
}

a#fb-footer-btn {
	background: url(images/fb-btn.png) no-repeat;
}

a#tw-footer-btn {
	background: url(images/tw-btn.png) no-repeat;
}

a#yt-footer-btn {
	background: url(images/yt-btn.png) no-repeat;
}

a#in-footer-btn {
	background: url(images/in-btn.png) no-repeat;
}

#sub-footer {
	margin-top: 50px;
	padding-bottom: 20px;
}

#sub-footer h1 {
	background: url(images/brewed-with-love.png) no-repeat center top;
	text-indent: -9999px;
	min-height: 48px;
	padding: 0;
	margin: 0;
	background-size: 90% auto;
}

#sub-footer hr {
	border-top: 3px solid #000;
	margin-left: 5%;
	margin-right: 5%;
}

#sub-footer p {
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
}

#sub-footer a {
	color: #fff;
}

/* footer screen styles */
@media (min-width: 768px) {
	
	#inner-footer .col {
/* 		text-align: left; */
	}
	
	#inner-footer #address {
		text-align: left;
	}
	
	body.page-template-page-press #inner-footer #address  p {
		text-align: left;
	}
	
	#inner-footer #footer-logo {
		text-align: right;
	}
	
	#sub-footer h1 {
		background-size: auto;
		min-height: 45px;
	}
	
	#footer-nav-wrapper ul {
		margin-top: 0;
	}
	
	#address h1 {
		margin: 0px 0 10px;
	}
	
/*
	#address {
		background: url(images/footer-logo.png) no-repeat 50px top;

		padding-left: 230px;
	}
*/
	
}

/* single-beer pages */

/* dl may need modifying */

/*
body.single-beer dl#beer-taxonomies {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #999;
}

body.single-beer dl#beer-taxonomies dt {
	clear: left;
	float: left;
	width: 50%;
	margin: 0;
	padding: 10px 0;
	border-top: 1px solid #999;
	background: url(images/hops-crop.png) no-repeat left center;
	height: 45px;
	text-indent: -9999px;
}

body.single-beer dl#beer-taxonomies dt#malts-dt {
	background: url(images/malts-crop.png) no-repeat left center;
}

body.single-beer dl#beer-taxonomies dd {
	float: left;
	width: 	50%;
	margin: 0;
	padding: 10px 0;
	border-top: 1px solid #999;
	height: 45px;
}
*/

/* Home Page */

.home img.full-size {
	width: 100%;
	height: auto;
}

@media (min-width: 768px) {

	#home-first-row {
		margin-top: -14px;
	}

}

.home-callout {
/*
	padding-top: 15px;
	padding-bottom: 15px;
*/
	padding-top: 14px;
	padding-bottom: 0;
	padding-left: 7px;
	padding-right: 7px;
}

.home-callout .bg-wrapper {
	width: 100%;
	display: block;
/* 	float: left; */
	position: relative;
}



.home-callout h3 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}



.home-callout h3 a {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

.home-callout img {
/* 	display: none;	 */
}

.home-callout video {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
}

.home-callout h3 a:before,
.home-callout h3 a::before {
	display: block;
	content: " ";
	background: url(images/bottom-nav-fade.png) no-repeat center center;
/* 	background: url(images/home-btn-hover.png) no-repeat center center; */
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/* 	background-size: 95% 95%; */
	opacity: 0;
	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
}

.home-callout:hover img {
/* 	display: none; */
}

.home-callout:hover video {
	opacity: 1;
}

.home-callout h3 a:hover:before, 
.home-callout h3 a:hover::before {
	opacity: 1;	
}

.home-callout h3 a span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	background: url(images/home-beers-text.png) no-repeat center center;
}

.home-callout h3 a#home-brewery-btn span {
	background: url(images/home-brewery-text.png) no-repeat center center;	
}

.home-callout h3 a#home-taproom-btn span {
	background: url(images/home-taproom-text.png) no-repeat center center;	
}

.home-callout h3 a#home-shop-btn span {
	background: url(images/home-shop-text.png) no-repeat center center;	
}

.home-callout h3 a#home-principles-btn span {
	background: url(images/home-community-text.png) no-repeat center center;
}

.home-callout h3 a#home-contact-btn span {
	background: url(images/home-contact-text.png) no-repeat center center;	
}

@media (min-width: 768px) {
	/*
	.home-callout h3 a#home-principles-btn span {
		background-size: auto;
	}
	*/
}



#home-slick, #top-header {
/*
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	margin-left: 15px;
	margin-right: 15px;
*/

	display: block;
	position: relative;
	width: 100vw;
	height: 56vw;
	margin-top: -56vw;
	
}

#home-slick {
	display: none;
}

@media (min-width: 768px) {
	#home-slick {
	display: block;
}	
}

.home-slick-content-inner {
	width: 50vw;
	height: 50vw;
	margin-left: 25vw;
	margin-right: 25vw;
	margin-top: 9vw;
}

#home-slick h1 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 50vw;
	height: 50vw;
/* 	border: 1px solid #f00; */
	text-indent: -9999px;
}

#home-slick h1 .slider-hover {
	opacity: 0;
}

#home-slick h1 span {
	display: none;	
}

a.link-button {
	display: block;
	color: #fff;
	border: 1px solid #fff;
	padding: 10px 50px;
	text-transform: uppercase;
	position: relative;
	float: left;
	max-width: 80%;
	text-align: center;
/*
	position: absolute;
	right: 50px;
	bottom: 20px;
*/
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	transition: color .5s ease-in-out;
	-moz-transition: color .5s ease-in-out;
	-webkit-transition: color .5s ease-in-out;
	margin-top: 50px;
}

#home-slick a.link-button {
	position: absolute;
	right: 50px;
	bottom: 20px;
	padding: 10px 50px;
	width: auto;
	margin: 0;
}

a.link-button:before,
a.link-button::before {
	display: block;
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	opacity: 0;
	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
	z-index: -1;
}

a.link-button:hover {
	color: #000;
	text-decoration: none;
}

a.link-button:hover:before,
a.link-button:hover::before {
	opacity: 0.5;
}

a.slider-link {
	display: block;
	position: relative;
/* 	float: left; */
	width: 50vw;
	height: 50vw;
/* 	margin: 20% 0; */
/* 	margin: 140px 0 0; */
	padding: 0;
/*  	border: 1px solid #f00; */
}

.slick-list {
/* 	height: 100vh; */
}

.slick-prev:before, .slick-next:before, .slick-prev::before, .slick-next::before {
	font-size: 60px;
}

button.slick-prev, button.slick-next {
	margin-top: -30px;
	width: 60px;
	height: 60px;
}

button.slick-prev {
	left: 15px;
}

button.slick-next {
	right: 15px;
}

#home-slick .slick-dots {
	bottom: -40px;
	left: 0;
	text-align: center;
	display: block;
	width: 100%;
}

@media (min-width: 768px) {
	#home-slick .slick-dots {
		bottom: 20px;
		left: 20px;
		text-align: left;
		display: block;
		width: 50%;
	}
}

#home-slick .slick-dots li {
	margin: 0 10px 0;
	width: 14px;
	height: 14px;
}

#home-slick .slick-dots li button:before, #home-slick .slick-dots li button::before {
	font-size: 14px;
	color: #fff;
/* 	border: 1px solid #fff; */
	opacity: 1;
	width: 14px;
	height: 14px;
	line-height: 14px;
}

#home-slick .slick-dots li.slick-active button:before, #home-slick.slick-active .slick-dots li button::before {
	text-indent: -9999px;
	border: 2px solid #ff9600;
	border-radius: 10px;
	top: -1px;
}

#brewery-tours-callout {
	background: url(images/redpizza.png) repeat;
	margin-bottom: 14px;
	margin-top: 14px;
}

#brewery-tours-callout div.col {
	padding: 10px 40px;
}

#brewery-tours-callout h3 {
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(images/NOLA_PIZZA_whit2.png) no-repeat;
	width: 261px;
	height: 148px;
	margin: 0;
}

#brewery-tours-callout p {
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	font-size: 30px;
	line-height: 1.2;
/* 	margin-top: 30px; */
}

/* tours queries */
@media (min-width: 992px) {
	
	#brewery-tours-callout div.col {
		padding: 30px 40px;
	}
	
	#brewery-tours-callout p {
		text-align: center;
		margin-top: 0;
		padding-top: 20px;
	}
	
}

.right-arrow-link {
	display: block;
	position: relative;
	float: right;
	width: 60px;
	height: 60px;
	border: 1px solid #fff;
	text-indent: -9999px;
	background: url(images/right-arrow.png) no-repeat center center;
	transition: margin-right .5s ease-in-out;
	-moz-transition: margin-right .5s ease-in-out;
	-webkit-transition: margin-right .5s ease-in-out;
	
}

#brewery-tours-link:hover .right-arrow-link {
	margin-right: -10px;
}

.right-arrow-link:before,
.right-arrow-link::before {
	display: block;
	content: " ";
	position: absolute;
	width: 60px;
	height: 60px;
	top: 0;
	left: 0;
/* 	z-index: -1; */
	background: #fff;
	opacity: 0;
	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
}

#brewery-tours-link:hover .right-arrow-link:before,
#brewery-tours-link:hover .right-arrow-link::before {
	opacity: 0.5;
	
}

/* Beers */

.beer-tax-row {
	border-bottom: 1px solid #999;
	min-height: 65px;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0px !important;
}

#hops-tax-row {
	border-top: 1px solid #999;
}

#hops-title-col {
	background: url(images/hops-crop.png) no-repeat left center;
	min-height: 65px;
}

#malts-title-col {
	background: url(images/malts-crop.png) no-repeat left center;
	min-height: 65px;
}

#avail-title-col {
	background: url(images/avail-crop.png) no-repeat left center;
	min-height: 65px;
}

.beer-tax-title-col h1 {
	display: none;
}

body.single-beer .hops-list-col p {
	line-height: 1.2 !important;
}

body.single-beer .col p.tech {
	line-height: 1.5;
}

/* tap room */

body.page-template-page-taproom p {
	color: #fff;
}

body.page-template-page-taproom .page-header,
body.single-beer .page-header,
body.page-template-page-community .page-header {
	width: 50vw;
	height: auto;
	margin-left: 25vw;
	margin-right: 25vw;
/* 	margin-top: 9vw; */
	text-align: center;
	border-bottom: none;
	padding: 0;
}

body.page-template-page-taproom .page-header {
	width: 100vw;
	margin-left: 0vw;
	margin-right: 0vw;
}

body.page-template-page-taproom .page-header img.full-size {
	width: 55%;
	height: auto;
}

body.page-template-page-taproom .page-header h1,
body.single-beer .page-header h1 {
	
/*
	text-align: center;
	background: 
*/
	text-indent: -9999px;
	display: none;
}

body.page-template-page-taproom .page-header p {
	color: #fff;
	font-size: 20px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
	margin-top: 10vw;
	padding-bottom: 20px;
	line-height: 1.6;
}
@media (min-width: 768px) {
	
	body.page-template-page-taproom .page-header,
	body.page-template-page-community .page-header {
		width: 70vw;
		height: 56vw;
		margin-left: 15vw;
		margin-right: 15vw;
	}
	
	body.single-beer .page-header {
		width: 40vw;
		height: 56vw;
		margin-left: 30vw;
		margin-right: 30vw;
		margin-top: 5vw;
	}
	
	body.page-template-page-taproom .page-header img.full-size {
		width: 70%;
		height: auto;
		margin-top: -3vw;
	}
	
	body.single-beer #main article .page-header img.full-size {
		width: 100%;
		height: auto;
	}
	
	body.single-beer #main article .page-header img#can-img {
		width: 45%;
		height: auto;
		margin-top: -12.5vw;
	}
	
	body.page-template-page-taproom .page-header p {
		font-size: 20px;
		margin-top: -5vw;
		padding-bottom: inherit;
		line-height: inherit;
	}
}

@media (min-width: 992px) {
	body.page-template-page-taproom .page-header img.full-size {
		margin-top: 1vw;
	}	
}

body.page-template-page-taproom .page-header p.icon-p {
	margin-top: -15px;	
}

body.page-template-page-taproom .page-header p.icon-p img {
	margin-right: 10px;
}

body.page-template-page-taproom #header-video {
	z-index: auto;
}

body.page-template-page-taproom #post-content-bg,
body.archive-event #post-content-bg {
	background: #3a0d25;
	z-index: -30;
	width: 100vw;
	height: 1000vh;
	position: fixed;
	top: 0;
/* 	margin-left: 15px; */
/* 	background: url(images/purple-page-bg.gif) repeat-x #3a0d25; */
}

body.page-template-page-taproom #post-content-bg div {
	background: url(images/taproom_3a0d25.jpg) repeat-x center top #3a0d25;
	height: 200vh;
	width: 100vw;
/* 	background-attachment: fixed; */
}

body.page-template-page-taproom .post_content, 
body.single-beer .post_content {
	margin: 0 30px;
	padding-top: 200px;
	position: relative;
	clear: both;
}

body.page-template-page-taproom .beers-list-wrapper {
	background: #48092a;
	margin: 0 0 60px;
	padding: 5px;
}

@media (min-width: 768px) {
	body.page-template-page-taproom .post_content, 
	body.single-beer .post_content {
		padding-top: 100px;	
	}
	
	body.page-template-page-taproom .beers-list-wrapper {
	background: #48092a;
	margin: 0 30px 60px;
	padding: 5px;
}
}



body.page-template-page-taproom .beers-list-border {
	border: 4px solid #32061d;
	padding: 5px;
	position: relative;
}

.beers-list-border-tl {
	position: absolute;
	display: block;
	left: -3px;
	top: -3px;
	background: url(images/beers-list-tl-bg.png) no-repeat left top;
	width: 50px;
	height: 50px;
}

.beers-list-border-tr {
	position: absolute;
	display: block;
	right: -3px;
	top: -3px;
	background: url(images/beers-list-tr-bg.png) no-repeat right top;
	width: 50px;
	height: 50px;
}

body.page-template-page-taproom .beers-list-wrapper header {
	text-align: center;
}

body.page-template-page-taproom .beers-list-wrapper header h1 {
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	position: relative;
	text-align: center;
	color: #fff;
	font-size: 36px;
	text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.7);
	text-transform: uppercase;
	font-weight: bold;
	width: 100%;
/* 	float: left; */
}


body.page-template-page-taproom .beers-list-wrapper header p {
	max-width: 620px;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 0;
	margin-top: 30px;
}


body.page-template-page-taproom .beers-list-wrapper header p a {
	color: #fff;
	text-decoration: underline;
}

body.page-template-page-taproom .beers-list-wrapper .tap-room-beer {
	background: #35061e;
	margin: 5px;
	overflow: hidden;
/* 	cursor: pointer; */
}

body.page-template-page-taproom .beer-type p {
	text-align: left;
	margin: 10px 0 0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
	text-transform: uppercase;
}

body.page-template-page-taproom .beer-title h2 {
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.7);
	text-transform: uppercase;
}

body.page-template-page-taproom .beer-title p {
/*
	position: absolute;
	bottom: -70px;
*/
}

body.page-template-page-taproom .beer-more a {
	text-indent: -9999px;
	width: 60px;
	height: 60px;
	margin: 20px 0;
	display: block;
	float: right;
	background: url(images/plus-arrow-tap-room.gif) no-repeat center center;
}

@media (min-width: 768px) {
	body.page-template-page-taproom .beers-list-wrapper header h1 {
		font-size: 64px;
		margin-top: 0px;
		margin-bottom: 0px;
		text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.7);
	}
	
	body.page-template-page-taproom .beers-list-wrapper header p {
		margin-top: 0px;	
	}
	
	
	
	body.page-template-page-taproom .beer-title h2 {
		font-size: 50px;
	}
	
}

@media (min-width: 992px) {
	
	body.page-template-page-taproom .beers-list-wrapper .tap-room-beer {
		cursor: pointer;	
	}
	
	body.page-template-page-taproom .beer-type p {
		text-align: right;
		margin: 30px 10px;
	}
	
	body.page-template-page-taproom .beer-title p {
		position: absolute;
		bottom: -70px;
	}
}

body.page-template-page-taproom .flourish {
	margin-bottom: 60px;
	margin-top: 30px;
}

body.page-template-page-taproom .flourish p {
	color: #ffffff;
	font-size: 16px;
	line-height: 2;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-shadow: 2px 2px 4px #000000;
}

body.page-template-page-taproom .flourish p.clear-p {
	display: block;
	position: relative;
	float: left;
	clear: both;
	text-shadow: none;
	margin-top: 20px;
}

body.page-template-page-taproom .flourish p a {
	color: #fff;
	text-decoration: underline;
}

body.page-template-page-taproom .event-module {
	padding: 10px 0;
}

body.page-template-page-taproom .event-module p.date {
	margin-bottom: 0;
}


body.page-template-page-taproom .event-module h3 {
	margin-top: 0;
	color: #fff;
	text-transform: none;
}

body.page-template-page-taproom .event-module a {
	color: #fff;
	text-decoration: none;
}

body.page-template-page-taproom .event-module a:hover {
	color: #fff;
	text-decoration: underline;
}

body.page-template-page-taproom .event-featured {
	border-bottom: 1px solid #000;	
}

body.page-template-page-taproom .event-featured h3 {
	font-size: 26px;	
}

body.page-template-page-taproom .event-featured p {
	font-size: 20px;
	line-height: 1.2;	
}

body.page-template-page-taproom .images {
	margin-bottom: 30px;
}

body.page-template-page-taproom img.left-img {
	display: block;
	position: relative;
	float: left;
	clear: left;
	margin-bottom: 20px;
}

body.page-template-page-taproom img#funk-img {
	position: absolute;
	top: 100px;
	right: 20px;	
}

@media (min-width: 0) {
	
  	.navbar-toggle {
    	display: block; /* force showing the toggle */
  	}
  	
	body {
    	padding: 0;
	}
  
	.navbar {
    	right: auto;
		background: none;
		border: none;
		z-index: 1100;
/* 		border: 1px solid #f00; */
	}
  
	.canvas {
		padding: 0;
    }
}

@media (min-width: 768px) {
	
	.page-header {
/* 		height: 100%; */
		position: relative;
/* 		top: -100%; */
	}
	
	/* single-beer-desktop */
	
	body.single-beer #desc, 
	body.single-beer #notes {
		margin-top: -400px;
	}
	
	body.single-beer #main article {
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 0;
		background: none;
	}
	
	body.single-beer .ingredients {
		z-index: 50;
	}
	
	body.single-beer .description h1 {
		margin-left: 30px;
		display: block;
		float: left;
	}
	
	body.single-beer .description img {
		display: block;
		float: left;
	}
	
	body.single-beer .primary-content p, 
	body.single-beer .primary-content p.lead {
		display: block;
		clear: both;
		padding-top: 30px;
		line-height: 2;
		font-size: 18px;
	}
	
	body.single-beer .secondary-content {
		background: #000;
	}
	
	/* global */
	
	
	.page-header {
		border-bottom: none;
		padding: 0;
		margin: 0;
	}
	
	/* 	body.single-beer  */
	
	
	body.single-beer header#top-header {
		z-index: 100;
		width: 100%;
		position: absolute;
		top: 0;
	}
	
	body.single-beer #post-content-bg {
		background: #011412;
		z-index: -30;
		width: 100vw;
		height: 150vh;
		margin-top: -10px;
		margin-bottom: -10px;
	}
	
	body.single-beer #post-content-bg div {
		background: url(images/content-texture.jpg) repeat-x center #011412;
		height: 200vh;
		width: 100vw;
	}
	
	/*
	body.single-beer .post_content {
		
		margin-top: -160vh; 
		z-index: 10;
		background: none;
	}
	*/
	
	body.single-beer .post_content .row {
		padding-top: 30px;
	}
	
	
	body.single-beer .can-img-wrapper {
		width: 100%;
		height: 475px;
		text-align: center;
		padding: 0 auto;
	/* 	background: url(images/stout-can.png) no-repeat center center; */
	}
	
	body.single-beer #sizes {
		margin-top: 200px;
		margin-bottom: 40px;
	}
	
	body.single-beer #sizes-col {
		background: url(images/sizes-bg.png) no-repeat center top;
		background-size: 100% auto;
	}
	
	body.single-beer #sizes-col .row {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	body.single-beer #sizes-col h2 {
		margin: 0;
		padding: 60px 0 60px 60px;
		font-size: 20px;
	}
	
	body.single-beer #sizes-col h2 span {
		font-weight: 400;
		font-size: 18px;
	}
	
	body.single-beer #sizes-col ul {
		padding-top: 45px;	
	}
	
	body.single-beer #sizes-col li {
		display: block;
		float: left;
		width: 200px;
		height: 80px;
		padding-left: 60px;
		padding-top: 30px;
		color: #fff;
		font-size: 14px;
	}
	
	body.single-beer #sizes-col li.half-bbl {
		background: url(images/half-keg.png) no-repeat left center;	
	}
	
	body.single-beer #sizes-col li.sixth-bbl {
		background: url(images/sixth-keg.png) no-repeat left center;	
	}
	
	body.single-beer #sizes-col li.sixteen-ounce {
		background: url(images/sixteen-ounce-can.png) no-repeat left center;	
	}
	
	body.single-beer #pour-trigger {
		margin-top: 100px;
		height: 200px;
	}
	
	/*
	body.single-beer #porch-trigger {
		margin-top: -500px;
	}
	*/
	
	body.single-beer #porch {
		padding-top: 0;
/* 		padding-top: 12vh; */
	}
	
	
	body.single-beer article section#more-beers {
/* 		background: #011412; */
	}
	
	body.single-beer article section#more-beers header {
		height: auto;
	}
	
	body.single-beer section#more-beers header h1 {
		display: block;
		width: 100%;
		height: 150px;
		background: url(images/other-beers-h1.png) no-repeat center center;
		text-indent: -9999px;
		margin: 0;
	}
	
	body.single-beer .carousel-item {
		width: 33%;
	}
	
	body.single-beer .carousel-item img {
		width: 100%;
		height: auto;	
	}
	
/* 	body.single-beer */ 
	
}

section h2 {
	color: #ffffff;
	font-size: 36px;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-shadow: 4px 4px 4px #000000;
	text-transform: uppercase;
	display: block;
	clear: both;
}

body.post-type-archive-beer section h2 {
	text-align: center;
	font-size: 30px;
}

section h2 a {
	color: #ffffff;
	text-decoration: none;
}

section h2 a:hover {
	color: #ffffff;
	text-decoration: none;
}

section h3 {
	color: #9c8637;
	font-size: 16px;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-shadow: 2px 2px 4px #000000;
	text-transform: uppercase;
	margin-bottom: 0;
}

body.single-beer .col p {
	color: #ffffff;
	font-size: 16px;
	line-height: 2;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-shadow: 2px 2px 4px #000000;
}

.flourish {
	background: url(images/flourish.png) no-repeat 15px top;
	padding-top: 20px;
}

.flourish-centred {
	background: url(images/flourish.png) no-repeat center top;
	margin-top: 50px;
	padding-bottom: 50px;
}

.flourish hr.gold {
	display: block;
	border: none;
	background: url(images/hr.png) no-repeat left top;
	width: 100%;
	height: 6px;
}

body.single-beer img.full-size {
	width: 100%;
	height: auto;
}

body.single-beer img.margin-top {
	margin-top: 40px;
}

h2.social-h2 {
	text-align: center;
	font-size: 22px;
}

@media (min-width: 768px) {
	h2.social-h2 {
		text-align: center;
		font-size: 36px;
	}
}

#insta-col-1 .col {
	padding-bottom: 10px;
}

#checkins-wrapper {
	display: block;
	float: left;
	position: relative;
	clear: both;
	margin-top: 30px;
	width: 100%;
	min-height: 100px;
}

.bubble {
	display: block;
	float: left;
	clear: left;
	margin-bottom: 20px;
}

.bubble-inner {
	background: #fff;
	border-radius: 5px;
	border: 1px solid #999;
	padding: 10px 10px 10px 10px;
	display: block;
	float: left;
	position: relative;
}

#main article img.untappd-avatar {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 10px;
}

.bubble-triangle {
	display: block;
	float: left;
	position: relative;
	clear: both;
	background: url(images/untappd-triangle.png) no-repeat;
	width: 32px;
	height: 22px;
	margin-top: -1px;
	margin-left: 20px;
}

body.single-beer section .bubble-inner h3 {
	color: #000;
	text-shadow: none;
	font-size: 13px;
	margin-top: 0;
}

.bubble-inner h3 span.green {
	color: #008274;
}

body.single-beer section .bubble-inner p {
	color: #27071a;
	text-shadow: none;
	font-size: 13px;
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
}

@media (min-width: 768px) {
	.bubble {
		position: absolute;
		left: 0;
		width: 26%;
		top: 0;
	}
	
	.bubble-1 {
		left: 24%;
		top: 25px;
	}
	
	.bubble-2 {
		left: 49.5%;
		top: 0;
	}
	
	.bubble-3 {
		left: 75%;
		top: 25px;
	}
	
	.bubble-inner {
		padding: 10px 20px 10px 10px;
	}
}

/* events archive */

.post-type-archive-event #header-video-wrapper,
.post-type-archive-event img.header-alt {
	width: 100vw;
	height: 48vw;
}

.post-type-archive-event .page-header {
	display: block;
	width: 90vw;
	margin: 0 5vw;
	height: auto;
	text-align: center;
	border-bottom: none;
}



.post-type-archive-event .page-header p {
	color: #fff;	
}

.post-type-archive-event .page-header p.brewery-tour-info {
	font-size: 18px;
	font-weight: bold;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.7);
}

.post-type-archive-event .page-header p.brewery-tour-info a,
.post-type-archive-event .page-header p.brewery-tour-info a:hover {
	color: #fff;
	text-decoration: none;	
}

.post-type-archive-event .page-header p.brewery-tour-info a span {
	text-decoration: underline;
}

.post-type-archive-event #top-header {
	height: 48vw;
	margin-top: -48vw;
	float: left;
}

.post-type-archive-event .page-header h1 {
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.7);
	text-transform: uppercase;
	font-weight: bold;
	font-size: 28px;
}

.post-type-archive-event .page-header p.intro {
	margin: 20px auto;
	max-width: 450px;
}



body.post-type-archive-event #post-content-bg {
	background: #011412;
	z-index: -30;
	width: 100vw;
	height: 1000vh;
	position: fixed;
	top: 0;
}

body.post-type-archive-event #post-content-bg div {
	background: url(images/events_bkg_08102a.jpg) repeat-x center top #08102a;
	height: 200vh;
	width: 100vw;
/* 	background-attachment: fixed; */
}

body.post-type-archive-event .post_content {
	margin: 30px 30px;
	padding-top: 0px;
	position: relative;
	clear: both;
	color: #fff;
}

div.head-row {
	padding-bottom: 30px;
}

body.post-type-archive-event .upcoming {
	text-align: center;
}

body.post-type-archive-event .upcoming h1 {
	background: url(images/upcoming-events-h1.png) no-repeat;
	display: block;
	margin: 0 auto;
	width: 80vw;
	height: 65px;
	background-size: 100% auto;
	text-indent: -9999px;
}

body.post-type-archive-event a.link-button {
	margin-top: 20px;
	width: 100%;
	padding: 10px 0px;
	max-width: 100%;
}

body.post-type-archive-event div.row-event {
	border-top: 7px solid #000;
	padding-top: 30px;
	padding-bottom: 30px;
}

body.post-type-archive-event div.row-event h1 {
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	
}

@media (min-width: 768px) {
	.post-type-archive-event .page-header {
		display: block;
		width: 100vw;
		margin: 20vw 0px 0;
		height: auto;
		text-align: center;
		border-bottom: none;
	}
	
	body.post-type-archive-event .upcoming h1 {
		width: 327px;
		height: 65px;
		background-size: cover;
	}
	
	body.post-type-archive-event a.link-button {
		margin-top: 0;
		width: 100%;
		padding: 10px 50px;
		max-width: 80%; 
	}
	
		body.post-type-archive-event div.row-event h1 {
		font-size: 40px;
		font-weight: bold;
		text-transform: uppercase;
		
	}

}

body.post-type-archive-event div.row-event p {
	font-size: 16px;	
}

body.post-type-archive-event div.featured-event p {
	font-size: 14px;
	display: block;
	float: left;
	padding: 5px;
	color: #000;
	text-transform: uppercase;
	background-color: #f09b24;
	font-weight: bold;
}

body.post-type-archive-event div.date-col p {
	font-size: 14px;
}

body.post-type-archive-event div.row-event p.date {
	font-size: 60px;
	font-weight: bold;
	line-height: 1;
}

body.post-type-archive-event div.row-event ul,
body.post-type-archive-event div.row-event ol {
	padding-left: 20px;
}

body.post-type-archive-event div.row-event .date-col p.loc-link a,
body.post-type-archive-event div.row-event .date-col p.loc-link a:hover {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

body.post-type-archive-event div.row-event .date-col p.loc-link a span {
	text-decoration: underline;
}
body.post-type-archive-event div.row-event .image-col img {
	width: 100%;
	height: auto;
}


@media (min-width: 768px) {
	.post-type-archive-event .page-header h1 {
		font-size: 65px;	
	}
	
	body.post-type-archive-event div.row-event h1 {
		margin-top: 0;
		
	}
	
	body.post-type-archive-event .date-col {
		text-align: right;
	}
	
	
	
	body.post-type-archive-event div.row-event p.date {
		font-size: 60px;	
	}
	
}

@media (min-width: 992px) {
	body.post-type-archive-event div.row-event p.date {
		font-size: 80px;	
	}
}

/* beer lander */

body.post-type-archive-beer section#beer-nav-wrapper {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right: 7px;
}

body.post-type-archive-beer .beer-lander-item {
	padding-left: 7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}

body.post-type-archive-beer .beer-lander-item a {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}

body.post-type-archive-beer .beer-lander-item img.full-size {
	width: 100%;
	height: auto;
}

.beer-post-link-wrapper {
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
}

a.beer-post-link {
	text-align: center;
}

a.beer-post-link h2 {
	opacity: 0;
	display: block;
	font-size: 24px;
	-webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    text-shadow: none;
    
}

body.post-type-archive-beer a.beer-post-link h2 img.hover-image,
body.single-beer a.beer-post-link h2 img.hover-image {
	display: block;
}

a.beer-post-link h2 span {
	display: block;
	text-align: center;
	position: absolute;
	left: 15%;
	top: 50%;
	z-index: 2;
	width: 70%;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.7);
	margin: -20px 0 0;
/* 	padding-top: -20px; */
}

a.beer-post-link:hover h2 {
	opacity: 1;
}

@media (min-width: 768px) {
	a.beer-post-link h2 {
		font-size: 30px;
	}
}

@media (min-width: 992px) {
	a.beer-post-link h2 {
		font-size: 30px;	
	}
}

@media (min-width: 1200px) {
	a.beer-post-link h2 {
		font-size: 40px;	
	}	
}


body.page-template-page-community .page-header {
	padding-top: 15vw;
	width: 70vw;
	margin-left: 15vw;
	margin-right: 15vw;
	height: 35vw;
}

body.page-template-page-community #main p {
	color: #fff;
}

body.page-template-page-community #main p.intro {
	font-size: 24px;
	text-align: center;
	margin-top: 30px;
}

body.page-template-page-community #main h2 {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	display: block;
	position: relative;
	padding-top: 15px;
}

body.page-template-page-community #main h2 span {
	display: none;
}

body.page-template-page-community #main h2 span.left-flourish,
body.page-template-page-contact #main h2 span.left-flourish {
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/community-flourish-left.png) no-repeat left;
	width: 138px;
	height: 56px;
}

body.page-template-page-community #main h2 span.right-flourish,
body.page-template-page-contact #main h2 span.right-flourish {
	position: absolute;
	right: 0;
	top: 0;
	background: url(images/community-flourish-right.png) no-repeat right;
	width: 150px;
	height: 56px;
}

body.page-template-page-community #main {
	position: relative;
}

body.page-template-page-community #main #community-info-wrapper {
	padding-top: 30px;
	padding-bottom: 30px;
}

body.page-template-page-community #main #community-info-wrapper #community-items-row > .col {
	padding-bottom: 15px;
    padding-top: 15px;
}


body.page-template-page-community #main #community-items-row img.full-size {
	width: 100% !important;
}

body.page-template-page-community #main .flip-container {
/*
	-webkit-perspective: 1000px;
	perspective: 1000px;
*/
	cursor: pointer;
	position: relative;
	width: 100%;
	height: 100%;
}

body.page-template-page-community #main #sentinel-row img {
	width: 100%;
	height: 1px;
}

body.page-template-page-community #main .community-item {
/*
	transform-style: preserve-3d;
	transition: all 0.4s linear;
*/
	width: 100%;
	height: 100%;
	cursor: pointer;
	position: relative;
	float: left;
/* 	border: 1px solid #f00; */
}

body.page-template-page-community #main .flip-container:hover .community-item {
/* 	-webkit-transform: translate3D(0px,0px, 1px) rotateY(180deg); */
/* 	transform: rotateY(180deg); */
}


body.page-template-page-community #main .community-item .front, 
body.page-template-page-community #main .community-item .back {
backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  position:absolute;
  width: 100%;
  height: 100%;
}


body.page-template-page-community #main .community-item .front {
/*
	transform: rotateY(0.001deg);
	z-index: 2;
*/
}


body.page-template-page-community #main .community-item .front {
	width: 100%;
	
}

body.page-template-page-community #main .community-item .front h3 {

	display: block;
	position: absolute;
	top: 50%;
	text-align: center;
	color: #fff;
	width: 100%;
	font-size: 24px;
	margin: -12px 0 0 0;
	text-transform: uppercase;
}

body.page-template-page-community #main .community-item .back {
	background: #c78a35;
	width: 100%;
	position:absolute;
}

body.page-template-page-community #main .community-item .back p {
	color: #fff;
	font-size: 14px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	
}



body.page-template-page-community #main .community-item .back a {
	color: #fff;
	text-decoration: underline;	
}

body.page-template-page-community #main a.wide-link-button {
	width: 100%;
	max-width: 100%;
	margin-top: 0;
	margin-bottom: 30px;
}


/*
body.page-template-page-community #post-content-bg div {
	background: url(images/community-content-bg.gif) no-repeat center top;
}
*/


body.page-template-page-community #post-content-bg {
	background: #1e122d;
	z-index: -30;
	width: 100vw;
	height: 1000vh;
	position: fixed;
	top: 0;
}

body.page-template-page-community #post-content-bg div {
	background: url(images/beer_rebirth_24072f.jpg) repeat-x center top #24072f;
	height: 200vh;
	width: 100vw;
/* 	background-attachment: fixed; */
}

@media (min-width: 768px) {
	body.page-template-page-community #main .community-item .front h3	{
		font-size: 30px;
	}
	
	body.page-template-page-community #main .community-item .back p {
		font-size: 16px;
	}
	
	body.page-template-page-community #main h2 {
/* 		width: 1070px; */
		margin-left: auto;
		margin-right: auto;
		font-size: 28px;
	}
}

@media (min-width: 992px) {
	body.page-template-page-community #main .community-item .back p {
		font-size: 14px;
	}
	
	body.page-template-page-community #main h2 {
/* 		width: 1070px; */
		margin-left: auto;
		margin-right: auto;
		font-size: 36px;
	}
}

@media (min-width: 1200px) {
	body.page-template-page-community #main .community-item .back p {
		font-size: 18px;
	}
	
	body.page-template-page-community #main h2 {
		width: 1070px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 60px;
		padding-right: 65px;
		font-size: 36px;
	}
	
	body.page-template-page-community #main h2 span {
		display: block;
	}
}

div.purple-plus {
	position: absolute;
	top: 25px;
	right: 25px;
	width: 21px;
	height: 21px;
	background: url(images/purple-plus.gif) no-repeat;
	z-index: 100;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	opacity: 1;
}

body.page-template-page-community #main #community-info-wrapper #community-items-row > .col:hover div.purple-plus {
	-ms-transform:rotate(225deg); 
	/* IE 9 */
    -webkit-transform:rotate(225deg);
	/* Safari */
    -webkit-transform:rotate(225deg);
    opacity: 0;
}


/* Contact Page */

body.page-template-page-contact #header-video-wrapper {
	height: 70vh;
}

#map {
	display: block;
	position: relative;
	float: left;
	width: 100vw;
	height: 70vh;
}

#pano {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100vw;
	height: 70vh;
}

#pano img.full-size {
	width: 100%;	
}

.contact-info-col {
	text-align: center;
}

.contact-h2 {
	display: block;
	text-indent: -9999px;
	width: 217px;
	height: 172px;
	background: url(images/contact-brewery-h2.png) no-repeat;
	margin: 30px auto 20px;
}

#contact-taproom-h2 {
	width: 236px;
	background: url(images/contact-taproom-h2.png) no-repeat;
}

.contact-info-col p {
	color: #fff;
	font-size: 16px;
	line-height: 1.7;
}

.contact-info-col p img {
	width: 13px;
	height: auto;
	margin-right: 10px;	
}

body.page-template-page-contact #post-content-bg {
	background: #021311;
    z-index: -30;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
}

body.page-template-page-contact #post-content-bg div {
    background: url(/wp-content/uploads/2015/07/beer_irish_channel_021311.jpg) repeat-x center top #021311;
    height: 200vh;
    width: 100vw;
/*     background-attachment: fixed; */
}

/* contact form */
::-webkit-input-placeholder {
   color: black;
}

.form-group {
/* 	border: 1px solid #f00; */
	margin-bottom: 30px;
}

.form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 12px 12px;
    font-size: 18px;
    line-height: 1.428571429;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
}

@media (min-width: 768px) {
	.form-control {
		font-size: 20px;	
	}
}

button#submit {
	color: #fff;
    background-color: rgba(255,255,255,0);
    border: 1px solid #fff;
    border-radius: 0;
    width: 100%;
    height: 50px;
    padding: 12px auto;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

button#submit:hover {
	 background-color: rgba(255,255,255,0.7);
	 color: #000;
	 
}

body.page-template-page-contact section h2 {
	text-align: center;
}

body.page-template-page-contact #main h2 span.left-flourish,
body.page-template-page-contact #main h2 span.right-flourish {
	width: 250px;
	background: url(images/contact-flourish-left.png) no-repeat left;
}

body.page-template-page-contact #main h2 span.right-flourish {
	background: url(images/contact-flourish-right.png) no-repeat right;
}

body.page-template-page-contact #contacts {
	color: #fff;
	margin-bottom: 30px;
}

body.page-template-page-contact #contacts h3 {
	color: #fff;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
    text-shadow: none;
}

body.page-template-page-contact #contacts p {
	font-size: 16px;
	font-weight: normal;
	text-shadow: none;
}

body.page-template-page-contact #contacts p a {
	font-size: 16px;
	font-weight: normal;
	text-shadow: none;
	text-decoration: underline;
	color: #fff;
}

body.page-template-page-contact #contacts p a {
	text-decoration: underline;
	color: #fff;	
}

a#map-toggle {
	display: block;
	position: absolute;
	text-align: center;
	width: 120px;
	z-index: 100;
	bottom: 10px;
	left: 50%;
	margin-left: -60px;
	background: #222222;
	color: #bdbdbd;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 3px;
	text-decoration: none;
}

a#map-toggle:hover {
	color: #fff;
	text-decoration: none;
}

.form-control-feedback {
    position: absolute;
    top: 5px;
    right: 25px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 30px;
    pointer-events: none;
}

.has-error .help-block {
	background: #fff;
    padding: 5px 10px 0px;
    font-size: 16px;
}

p.message-received {
	color: #fff;
	display: block;
	text-align: center;
	font-size: 16px;
}

@media (min-width: 992px) {
	body.page-template-page-contact #main section #touch-col h2,
	body.page-template-page-contact #main section #message-col h2 {
		    width: 810px;
			margin: 30px auto 50px;
			padding-top: 15px;
			display: block;
			position: relative;
	}
	
	body.page-template-page-contact #main section #message-col h2 {
		width: 930px;
	}
}

/* PRESS */

body.page-template-page-press #post-content-bg {
	background: #250308;
    z-index: -30;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
}

body.page-template-page-press #post-content-bg div {
    background: url(images/presspage_250308.jpg) repeat-x center top #250308;
    height: 200vh;
    width: 100vw;
/*     background-attachment: fixed; */
}

body.page-template-page-press h2 {
	text-align: center;
/* 	height: 58px; */
	padding: 0 0 0 0;
}

body.page-template-page-press .heading {
	padding-top: 30px;
}

body.page-template-page-press p {
	text-align: center;	
	color: #fff;
}



body.page-template-page-press #content-text p {
	font-size: 16px;
	line-height: 2;

}

body.page-template-page-press a, body.page-template-page-press a:hover {
	color: #fff;
	text-decoration: underline;
}

body.page-template-page-press span.flourish-left,
body.page-template-page-press span.flourish-right {
	width: 280px;
	height: 58px;
	display: none;
	background: url(images/press-left-flourish.png) no-repeat left center;
}

body.page-template-page-press span.flourish-right {
	background: url(images/press-right-flourish.png) no-repeat right center;
}

body.page-template-page-press .press-page-item {
	text-align: center;
	padding-bottom: 30px;
	padding-top: 30px;
}

body.page-template-page-press .press-page-item a {
	background: url(images/download-arrow.png) no-repeat left center;
	padding-left: 20px;
	
}

body.page-template-page-press .press-image {
	max-height: 30vw;
	max-width: 100%;
}

body.page-template-page-press .press-link-item {
	padding-top: 20px;
	padding-bottom: 20px;
}

body.page-template-page-press .press-link-item p {
	font-size: 16px;	
}

@media (min-width: 992px) {
	body.page-template-page-press span.flourish-left,
body.page-template-page-press span.flourish-right {
		display: inline-block;
	}
	body.page-template-page-press span.text {
		vertical-align: 10px;
	}
}

body.page-template-page-brewery .page-header {
	padding-top: 10vw;
	width: 80vw;
	margin-left: 10vw;
	margin-right: 10vw;
	height: 40vw;
}
@media (min-width: 992px) {
	body.page-template-page-brewery .page-header {
		padding-top: 15vw;
		width: 60vw;
		margin-left: 20vw;
		margin-right: 20vw;
		height: 35vw;
	}
}

body.page-template-page-brewery .page-header img.full-size {
	width: 100%;	
}

body.page-template-page-brewery #post-content-bg {
	background: #24072f;
	z-index: -30;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
 }
 
body.page-template-page-brewery p {
	color: #fff;
}
 
body.page-template-page-brewery #post-content-bg div {
	background: url(images/beer_rebirth_24072f.jpg) repeat-x center top #24072f;
	height: 200vh;
	width: 100vw;
/* 	background-attachment: fixed; */
}

body.page-template-page-brewery .brewery-section-header img.full-size {
	width: 100%;
}

body.page-template-page-brewery .brewery-section-header img.brewery-title-image {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;	
}

body.page-template-page-brewery .content {
	padding: 60px 0;
}

body.page-template-page-brewery .content p {
	text-align: center;
	font-size: 26px;
	line-height: 2;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.7);
}

body.page-template-page-brewery p a,
body.page-template-page-brewery p a:hover {
	color: #fff;
	text-decoration: underline;
}

body.page-template-page-brewery .flourish {
	background: url(images/flourish.png) no-repeat 15px top;
	padding-top: 20px;
	margin-top: 30px;
	z-index: 10;
	
}

body.page-template-page-brewery .flourish h3, 
body.page-template-page-brewery .flourish ol li {
	color: #ffffff;
	font-size: 36px;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-shadow: 4px 4px 4px #000000;
	text-transform: uppercase;
}

body.page-template-page-brewery .flourish h4 {
	color: #ffffff;
	font-size: 16px;
	line-height: 2;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-shadow: 2px 2px 4px #000000;
}

body.page-template-page-brewery .history-content {
	padding-top: 50px;
	padding-bottom: 50px;
}

body.page-template-page-brewery .flourish p,
body.page-template-page-brewery .history-content p {
	font-size: 16px;
	line-height: 1.6;
}

body.page-template-page-brewery .person-row {
	margin-top: 30px;
	margin-bottom: 30px;
	display: block;
	position: relative;
}

#principles-row, .people-row {
	padding-top: 50px;
	padding-bottom: 50px;
}

@media (min-width: 992px) {
	body.page-template-page-brewery .flourish {
		position: absolute;
		top: 30px;
		left: 0;
	}
	
	body.page-template-page-brewery #principles-content {
		position: relative;
		top: inherit;
		left: inherit;
		margin-top: 30px;
		margin-bottom: 30px;
	}
}

/* home what's on tap */

.on-tap-mobile {
	background: url(images/taproom_3a0d25.jpg) repeat-x center top #3a0d25;
	padding: 5px 15px 10px;
}

.on-tap-mobile h2 {
	font-size: 30px;
	width: 90vw;
	margin-left: 5vw;
	font-weight: bold;
}

.on-tap-mobile .right-arrow-link {
	margin-top: -12px;
}

body.page-template-page-taproom #top-header {
	z-index: 900;
}

body.page-template-page-home #seo {
	background: #000;
}

body.page-template-page-home #seo p {
	color: #fff;
	font-size: 18px;
	padding: 30px 30px;
	text-align: left;
}

@media (min-width: 768px) {
	body.page-template-page-taproom #top-header {
		z-index: inherit;
	}
	
	body.page-template-page-home {
		
	}
	
	body.page-template-page-home #seo p {
		color: #fff;
		font-size: 24px;
		padding: 30px 0px;
		text-align: center;
	}
}