/**
 * Theme Name: Brimmer Brewing
 * Theme URI: http://www.brimmerbrewing.com
 * Description: Custom theme designed for brimmerbrewing.com.
 * Author: Gregory Williams for METHOD IT
 * Author URI: http://www.methodit.com
 * Version: 2.0
 */

/* IMPORTS */
/*@import url('http://fonts.googleapis.com/css?family=Rokkitt:400,700|Open+Sans:400,600,700|Brawler');*/

@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic|Rokkitt:400,700);

@import url('css/reset.css');
@import url('css/clearfix.css');
@import url('css/wp-defaults.css');


/* FONTS */

body,
#bodyWrapper .pageContent h3,
.blogPostsPromo ul li h4,
form input[type=text],
form input[type=email],
form input[type=phone],
form textarea {
	font-family: "Noto Sans", "Open Sans", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
#header .tagline,
#header #menu-main > li,
#header #langSwitch li.lang-en,
a.moreLink,
a.btn,
#bodyWrapper ul.subpagePromoList li h3,
#footer2Wrapper .miniNav,
#footer2Wrapper #smallprint .copyright,
#footer2Wrapper #smallprint .credits,
#footer2Wrapper a.contactButton,
#bodyWrapper #sidebar h3,
.page-numbers, .blogPageNav a,
#sidebarWrapper #contactDetails dl dt,
form label,
form input[type=submit]{
	font-family:"Rokkitt", Georgia, "Noto Sans", "Open Sans", Helvetica, Arial, sans-serif;
}

/* English text */
.lang-en{
	font-family:"Noto Sans", "Open Sans", Helvetica, Arial, sans-serif !important;
}


/* BODY */
body {
background: #111;
color:#FFF;
font-size:100%;
}

/* DEFAULT STYLES */

/* links */
a {color:#FC0;}
a:hover { color:#FE0;}

a.moreLink{
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:2px 2px 0px rgba(0,0,0,0.3);
	/*background:url(images/morelink-arrows-small-yellow.png) right center no-repeat;
	padding-right:16px;*/
	font-size:16px;
	font-weight:700;
}

a.moreLink:hover{
	text-decoration:underline;
}

a.moreLink:after{
	font-family: FontAwesome;
	display: inline-block;
	content: '\f101';
	margin-left:3px;
	font-weight: 400;
	text-decoration: none;
}

a.moreLink.large{
	font-size:20px;
	/*background-image:url(images/morelink-arrows-large-yellow.png);
	padding-right:18px;*/
}

a.btn{
	display: inline-block;
	min-height:24px;
	vertical-align:middle;
	font-size: 1.4em;
	line-height: normal;
	text-transform: uppercase;
	text-decoration: none;
	background-color:#871b25;
	color:#FFF;
	font-weight:bold;
	border:2px solid #111;
	padding:5px 8px;
	border-radius:5px;
	cursor:pointer;
	box-sizing: border-box;
}

a.btn:hover{
	background-color:#971224;
}


/* headings */
h1, h2, h3, h4, h5, h6 {
color:#FC0;
font-weight:700;
}

h2{
	text-transform:uppercase;
	font-size:42px;
	padding-bottom:24px;
	text-shadow: 3px 3px 0px rgba(0,0,0,0.4);
}

h3{
	text-transform:uppercase;
	font-size:16px;
}

/* paragraphs */

p{
}

.pageContent p{
	margin-bottom:20px;
	font-weight:400;
	font-size:14px;
	line-height:150%;
	text-align:justify;
}

/* lists */

/* tables */

/* iframes */

iframe{
	display:block;
	margin:20px auto;
	max-width: 100%;
	/*height: auto;*/
}

/* images */

/* PAGE STRUCTURE */

#mainWrapper{
}

#headerWrapper,
#footerWrapper,
#bodyWrapper{
}

.pageContent{
width:980px;
margin:0 auto;
}

/* compensate for fixed header */
#introWrapper.hero,
#subpageHeaderImage,
#singleBeerWrapper{
	padding-top: 140px;
}


/* HEADER */
#headerWrapper{
	height:140px;
	background-color:#053918;
	border-bottom:4px solid #37843A;

	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
}

body.logged-in #headerWrapper{
	top:32px !important;
}

#header{
	width:980px;
	height:140px;
	margin:0 auto;
	position:relative;
	/*z-index:900;*/
	background:no-repeat url(images/bg-header.png) 130px -15px;
}

#header .logo{
	display:block;
	width:209px;
	height:209px;
	text-indent:-9999px;
	position:absolute;
	top:15px;
	left:0px;
	z-index:1000;
	background:no-repeat url(images/logo-brimmer-brewing.png);
	background-size: contain;
}
#header .logo a{
	display:block;
	width:209px;
	height:209px;
}

#header .tagline{
	position:absolute;
	top:5px;
	left:215px;
	color:#8CBA72;
	font-size:14px;
	font-weight:400;
	letter-spacing:0.02em;
}

/* MAIN MENU */
#header #mainMenuWrapper{
	position:absolute;
	left:210px;
	bottom:0px;
}

#header #menu-main > li{
	float:left;
	margin-right:10px;
	font-size:20px;
	line-height:26px;
	font-weight:700;
	text-transform:uppercase;
	text-shadow:2px 1px 1px rgba(0,0,0,0.5);
	position:relative;
	height:35px;
}

#header #menu-main > li > a{
	text-decoration:none;
	display:block;
	padding:0 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-repeat:repeat-x;
}
#header #menu-main > li > a:hover,
#header #menu-main > li.hover > a,
#header #menu-main > li.current-menu-item > a,
#header #menu-main > li.current-menu-parent > a,
#header #menu-main > li.current_page_parent > a{
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.5);
	box-shadow:2px 2px 2px rgba(0,0,0,0.5);
}
#header #menu-main > li > a:hover,
#header #menu-main > li.hover > a{
	color:#FFCC35;
	background-image:url(images/nav-bg-main-over.png);
}
#header #menu-main > li.current-menu-item > a,
#header #menu-main > li.current-menu-parent > a,
#header #menu-main > li.current_page_parent > a{
	color:#FFF;
	background-image:url(images/nav-bg-main-active.png);
}

/*dropdown menus */
#header #menu-main li > ul{
	display:none;
	position:absolute;
	top:35px;
	left:0px;
	font-size:16px;
	background-color:#00100A;
	background-color:rgba(0,16,10,0.95);
	width:170px;
	z-index:1000;
	-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.7);
	-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.7);
	box-shadow:5px 5px 5px rgba(0,0,0,0.7);
}

#header #menu-main li li a{
	display:block;
	text-decoration:none;
	padding:2px 5px;
}

/* beer dropdowns */
#header #menu-main li.beersDropdown ul{
	width:250px;
	font-size:24px;
	line-height:50px;
}

#header #menu-main li.beersDropdown ul li{
	border-bottom:2px solid #37843A;
}
#header #menu-main li.beersDropdown ul li.paleAle{
	border-bottom-color:#005B2C;
}
#header #menu-main li.beersDropdown ul li.porter{
	border-bottom-color:#023E71;
}
#header #menu-main li.beersDropdown ul li.goldenAle{
	border-bottom-color:#FFCC35;
}
#header #menu-main li.beersDropdown ul li.specialty{
	border-bottom-color:#FFF;
}

#header #menu-main li.beersDropdown ul li a{
	color:#FFF;
	padding-left:45px;
	background-repeat:no-repeat;
	background-position:5px center;
}
#header #menu-main li.beersDropdown ul li.paleAle a{
	background-image:url(images/nav-beer-icon-pale-ale.png);
}
#header #menu-main li.beersDropdown ul li.paleAle a:hover,
#header #menu-main li.beersDropdown ul li.paleAle.current-menu-item a{
	color:#5AB336;
}
#header #menu-main li.beersDropdown ul li.porter a{
	background-image:url(images/nav-beer-icon-porter.png);
}
#header #menu-main li.beersDropdown ul li.porter a:hover,
#header #menu-main li.beersDropdown ul li.porter.current-menu-item a{
	color:#6E9BD0;
}
#header #menu-main li.beersDropdown ul li.goldenAle a{
	background-image:url(images/nav-beer-icon-golden-ale.png);
}
#header #menu-main li.beersDropdown ul li.goldenAle a:hover,
#header #menu-main li.beersDropdown ul li.goldenAle.current-menu-item a{
	color:#FFCC35;
}
#header #menu-main li.beersDropdown ul li.specialty a{
	background-image:url(images/nav-beer-icon-specialty.png);
}
#header #menu-main li.beersDropdown ul li.specialty a:hover,
#header #menu-main li.beersDropdown ul li.specialty.current-menu-item a{
	color:#AAA;
}

#header #menu-main li.beersDropdown ul li a:hover{
	color:#FC0;
}


/* language switch */

#header #langSwitch{
	position:absolute;
	top:0px;
	right:0px;
}
#header #langSwitch li{
	float:left;
	color:#FFF;
	font-size:14px;
	width:80px;
	height:25px;
	line-height:25px;
	margin:0 1px;
	text-align:center;
	text-shadow:1px 1px 0px #000;
	-webkit-box-shadow:2px 0px 3px rgba(0,0,0,0.6);
	-moz-box-shadow:2px 0px 3px rgba(0,0,0,0.6);
	box-shadow:2px 0px 3px rgba(0,0,0,0.6);
	background-color:#37843A;

}
#header #langSwitch li,
#header #langSwitch li a{
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}
#header #langSwitch li.lang-en{
}
#header #langSwitch li.active{
	/*font-weight:700;*/
	background-color:#871B25;
}
#header #langSwitch li a{
	display:block;
	color:#FFF;
	text-decoration:none;

}
#header #langSwitch li a:hover,
#header #langSwitch li a:active{
	color:#FC0;
	background-color:#1C5123;
}

/* STICKY HEADER */

#headerWrapper,
#header,
#header .logo,
#header .logo a{
	transition: all 0.25s ease;
}

#headerWrapper.stuck,
.stickyHeader.stuck #headerWrapper,
#headerWrapper.fixto-fixed{
	/*z-index:900;*/
	height:70px;
	background-color:#053918;
	background-color:rgba(5,57,24,0.9);
}

body.logged-in #headerWrapper.stuck,
body.logged-in .stickyHeader.stuck #headerWrapper,
body.logged-in #headerWrapper.fixto-fixed{
	top:32px !important;
}

#headerWrapper.stuck #header,
.stickyHeader.stuck #header,
#headerWrapper.fixto-fixed #header{
	height:70px;
}

#headerWrapper.stuck #header .logo,
.stickyHeader #header .logo,
#headerWrapper.fixto-fixed #header .logo{
	background-size:contain;
	top:10px;
}

#headerWrapper.stuck #header .logo,
#headerWrapper.stuck #header .logo a,
.stickyHeader.stuck #header .logo,
.stickyHeader.stuck #header .logo a,
#headerWrapper.fixto-fixed #header .logo,
#headerWrapper.fixto-fixed #header .logo a{
	width:80px;
	height:80px;
}

/* HOMEPAGE INTRO */

#introWrapper{
	background:url(images/bg-intro-tile.png) repeat-x bottom left;
}

#introWrapper.hero{
	background-size: cover;
	background-attachment: fixed;
	background-position: top center;
}

body.home #introWrapper{
	background-image: url(images/hero/brimmer-hero-home.jpg);
}

body.page-template-tpl_beers #introWrapper{
	background-image: url(images/hero/brimmer-hero-beers.jpg);
}

#introWrapper .pageContent{
	height:475px;
	overflow:hidden;
	position:relative;
}

/* beer glass/bottle */

#introWrapper .pageContent .beerGlass{
	display:block;
	width:210px;
	height:479px;
	background:url(images/beer-glass-trans.png) no-repeat;
	position:absolute;
	z-index:20;
	right:0px;
	bottom:-60px;
}

#introWrapper .pageContent .beerBottle{
	display:block;
	width:118px;
	height:446px;
	background:url(images/beer-bottle-pale-ale-2.png) no-repeat;
	position:absolute;
	z-index:20;
	right:0;
	bottom:10px;
}

/* new slideshow 03/2016 */

#hero{
	min-height: 475px;
	background: #000;
}

/* slideshow */

#introWrapper #slideshow{
	padding-top:35px;
}

#introWrapper #slideImages,
#introWrapper #slideImages > div,
#introWrapper #slideImages .slide{
	width:980px;
	height:375px;
}

#introWrapper #slideImages{
	overflow:hidden;
}

#introWrapper #slideImages > div{
	position:relative;
}

#introWrapper #slideImages .slide{
	background:#CCC;
	border-radius:10px;
	background:no-repeat top left;
}
#introWrapper #slideImages .slide.img1{
	background-image:url(images/home_slideshow/slide_01.jpg);
}
#introWrapper #slideImages .slide.img2{
	background-image:url(images/home_slideshow/slide_02.jpg);
}

#introWrapper #slideImages .slideTagline{
	position:absolute;
	top:80px;
	left:20px;
}
#introWrapper #slideImages .slideTagline h2{
	font-size:52px;
}

.hiTitle{
	color:#FFF;
	text-transform:none;
	padding:0;
	text-shadow:none;
	line-height:normal;
}
.hiTitle span{
	background:#000;
	background:rgba(0,0,0,0.6);
}

#introWrapper #slideImages .slideCaption{
	position:absolute;
	left:0px;
	bottom:0px;
	width:940px;
	height:60px;
	padding:10px 20px;
	border-radius:0px 0px 10px 10px;
	background:url(images/bg-slide-caption.png) repeat-x left bottom;
}

#introWrapper #slideImages .slideCaption.long{
	height:80px;
}

#introWrapper #slideImages .slideCaption.transparent{
	background-image:none;
	text-shadow: 1px 1px 3px #000;
}

#introWrapper #slideImages .slideCaption p{
	width:745px;
	margin-bottom:0;
	font-size:18px;
	font-weight:700;
	line-height:normal;
}
body.page-template-tpl_beers-php #introWrapper #slideImages .slideCaption p{
	width:800px;
}


/* BEERS */

.page-template-tpl_beers #introWrapper #slideImages .slideCaption{
	bottom:30px;
}

/* beer colours */
.bg-pale-ale{
	background-color:#005B2C !important;
}
.bg-porter{
	background-color:#004B8D !important;
}
.bg-golden-ale{
	background-color:#FFD821 !important;
}
.bg-specialty{
	background-color:#FFF !important;
}
.bg-specialty, .bg-specialty h3{
	color:#111 !important;
}
.bg-golden-ale, .bg-golden-ale h3{
	color:#4F3019 !important;
}
.bg-specialty p,
.bg-golden-ale p{
	text-shadow:none;
}
.bg-specialty a.moreLink{
	color:#2C2C2C !important;
	/*background-image:url(images/morelink-arrows-small-grey.png) !important;*/
}
.bg-golden-ale a.moreLink{
	color:#4F3019 !important;
	/*background-image:url(images/morelink-arrows-small-brown.png) !important;*/
}

.border-pale-ale{
	border-color:#87CD35 !important;
}
.border-porter{
	border-color:#87BDFF !important;
}
.border-golden-ale{
	border-color:#A97127 !important;
}
.border-specialty{
	border-color:#777 !important;
}

/* end beer colours */

#beersWrapper{
	min-height:180px;
	background:#4D2B14 url(images/bg-beer-tile.png);
}

#beersWrapper .pageContent{
	position:relative;
	padding:30px 0 0;
}

#beersWrapper .pageContent .title{
	position:absolute;
	left:0px;
	top:-24px;
}

#beersWrapper #beerList h3{
	color:#FFF;
	text-transform:uppercase;
	font-size:24px;
	padding-bottom:0px;
	text-shadow: 2px 2px 0px rgba(0,0,0,0.3);
}

#beersWrapper #beerList p{
	font-size:12px;
	/*text-shadow: 2px 2px 0px rgba(0,0,0,0.3);*/
	margin-bottom:2px;
	width:155px;
	line-height:normal;
}

#beersWrapper #beerList li{
	display:block;
	position:relative;
	float:left;
	vertical-align:top;
	width:215px;
	height:100px;
	padding:10px;
	margin-left:8px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:2px solid #053918;
	background-color:#333;
	margin-bottom:15px;
	-moz-box-shadow:3px 7px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow:3px 7px 4px rgba(0,0,0,0.3);
	box-shadow:3px 7px 4px rgba(0,0,0,0.3);
	background-repeat:no-repeat;
	background-position:right center;
	cursor:pointer;
}
#beersWrapper #beerList li:first-child{
	margin-left:0;
}

#beersWrapper #beerList li p{
	text-align:left;
}

#beersWrapper #beerList li.pale-ale{

}
#beersWrapper #beerList li.golden-ale{

}
#beersWrapper #beerList li.porter{

}
#beersWrapper #beerList li.specialty{

}

#beersWrapper #beerList li img{
	display:block;
	width:51px;
	height:193px;
	position:absolute;
	z-index:50;
	top:-60px;
	right:10px;
}

#beersWrapper #beerList li a.moreLink{
	color:#FFF;
	/*background-image:url(images/morelink-arrows-small-white.png);*/
	position:absolute;
	bottom:5px;
	left:10px;
}


/* text only promo for beer list on single beer pages */

#beersWrapper #beerList li.textPromo{
	background:url(images/beer-list-bg-bubbles.jpg) #005B2C no-repeat;
	background-size: cover;
}
#beersWrapper #beerList li.textPromo h3{
	color:#052010;
	text-align:center;
}
#beersWrapper #beerList li.textPromo p{
	position:absolute;
	left:10px;
	right: 10px;
	bottom:5px;
	width:auto !important;
	margin:0;
	text-align:center;
}
#beersWrapper #beerList li.textPromo a.moreLink{
	text-shadow:0px 0px 10px rgba(2,54,26,1) !important;
	position:static;
}


/* PAGE BODY */

#bodyWrapper{
	/*min-height:360px;*/
}

#bodyWrapper .pageContent{
	padding:40px 0;
}

#bodyWrapper .pageContent p{
	/*font-weight:600;*/
}

#bodyWrapper .pageContent h3{
	font-weight:700;
	color:#91CA6D;
	font-size:16px;
	text-transform:none;
}

#bodyWrapper .pageContent strong{
	font-weight:700;
	color:#91CA6D;
}

/* SUBPAGE PROMOS */

ul.subpagePromoList{
	margin-bottom:40px;
}

ul.subpagePromoList li{
	width:300px;
	height:290px;
	overflow:hidden;
	position:relative;
	float:left;
	margin-left:40px;
}
ul.subpagePromoList.noImages li{
	height:182px;
}
ul.subpagePromoList li:first-child{
	margin-left:0;
}

#bodyWrapper ul.subpagePromoList li h3{
	color:#FFF;
	text-transform:uppercase;
	font-size:28px;
	padding-bottom:5px;
}

ul.promoList li img{
	display:block;
	margin-bottom:10px;
}

ul.subpagePromoList li a.moreLink{
	position:absolute;
	left:0px;
	bottom:0px;
}

/* vertical orientation for sidebar */
ul.subpagePromoList.vertical li{
	float:none;
	height:auto;
	margin:0 0 30px 0;
}
ul.subpagePromoList.vertical li p{
	margin-bottom:10px;
}
ul.subpagePromoList.vertical li a.moreLink{
	position:static;
}


/* SOCIAL FOLLOW AND BLOG PROMO */
.socialBlogPromo{
	margin-bottom:30px;
}

.socialBlogPromo .socialFollow{
	float:left;
}

.socialBlogPromo .blogPostsPromo{
	float:right;
	width:640px;
}

/* SOCIAL FOLLOW BADGE */

/*
facebook:#3B5998;
linkedin:#0E76A8;
googleplus:#DB4A39;
twitter:#00ACEE;
pinterest:#CD1D1F;
rss:#EE802F;
*/

.socialFollow{
	width:294px;
	height:182px;
	background:url(images/bg-social-follow.png) no-repeat;
}

.socialFollow h2{
	display:none;
}

.socialFollow ul {
	text-align:center;
	padding-top:68px;
}

.socialFollow ul li {
	display:inline-block !important;
	vertical-align:top;
	margin:0 5px;
	width:auto;
	height:auto;
	float:none;
}

.socialFollow ul li a{
	display:block;
	width:48px;
	height:48px;
	line-height: 48px;
	font-size: 38px;
	text-align: center;
	border-radius: 5px;
	overflow:hidden;
	background:#222 no-repeat top left;
	color: #FFF;
	text-decoration: none;
	box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);
	/*text-indent:-9999px;*/
}

.socialFollow li a.facebook{
	/*background-image:url(images/social-follow-facebook.png);*/
	background-color: #3B5998;
}
.socialFollow li a.twitter{
	/*background-image:url(images/social-follow-twitter.png);*/
	background-color: #00ACEE;
}
.socialFollow li a.rss{
	/*background-image:url(images/social-follow-rss.png);*/
	background-color: #EE802F;
}

/* BLOG POST PROMO */
.blogPostsPromo .header{
	margin-bottom:15px;
	border-bottom:4px double #5E8049;
}
.blogPostsPromo .footer{
	margin-top:15px;
	border-top:4px double #5E8049;
}

.blogPostsPromo .header a.moreLink{
	text-transform:none;
	float:right;
}

.blogPostsPromo h2{
	float:left;
	color:#FFF;
	font-size:24px;
	padding:0;
}

.blogPostsPromo ul li h3,
.blogPostsPromo ul li p{
	font-size:12px !important;
}
.blogPostsPromo ul li .postExcerpt{
	display:block;
	height:90px;
	overflow:hidden;
}
.blogPostsPromo ul li p {
	margin-bottom:10px;
}

.blogPostsPromo ul li h3 a{
	text-decoration:none;
}
.blogPostsPromo ul li h3 a:hover{
	text-decoration:underline;
}
.blogPostsPromo ul li h3{
	height: 36px;
    line-height: 18px;
    margin-bottom: 10px;
    overflow: hidden;
}

.blogPostsPromo ul li h4{
	font-size:inherit;
}

/* horizontal blog posts promo */

.blogPostsPromo.horizontal .header{
	line-height:30px;
}

.blogPostsPromo.horizontal ul.single li{
	width: 640px;
	margin-left:0;
}
.blogPostsPromo.horizontal ul.double li{
	width: 300px;
	margin-left:40px;
}

.blogPostsPromo.horizontal li{
	width:200px;
	height:160px;
	overflow:hidden;
	position:relative;
	float:left;
	margin-left:20px;
}
.blogPostsPromo.horizontal ul li:first-child{
	margin-left:0;
}

.blogPostsPromo.horizontal li a.moreLink{
	position:absolute;
	left:0px;
	bottom:0px;
}

.blogPostsPromo.horizontal ul li p {
	margin-bottom:0;
}

/* vertical blog posts promo */
.blogPostsPromo.vertical li{
	margin-bottom:15px;
}

.blogPostsPromo.vertical .header h3{
	padding-bottom:0 !important;
}

.blogPostsPromo.vertical h4 a {
	text-decoration:none;
}
.blogPostsPromo.vertical h4 a:hover {
	text-decoration:underline;
}

.blogPostsPromo.vertical .footer{
	padding-top:10px;
}

.blogPostsPromo.vertical .footer a.moreLink{
	text-transform:none;
	float:right;
}

/* SCHEDULE CALENDAR */

#schedule{
	/*margin-bottom:30px;*/
}

#schedule .bannerSpace,
#schedule .calendar{
	/*border:1px solid gray;*/
}
#schedule .bannerSpace{
	width:300px;
	float:left;
}

#schedule .bannerSpace .banner{
	margin-bottom:20px;
}

#schedule .calendar{
	width:640px;
	float:right;
}

#schedule .calendar h2{
	/*color: #FFFFFF;
    font-size: 24px;
	padding:0;
	margin-bottom:15px;
	border-bottom: 4px double #5E8049;*/
}

#schedule .calendar-nav{
	font-size:14px;
	margin:10px 0;
}

/* FOOTER */

#footer1Wrapper{
	background-color:#053918;
	overflow:hidden;
	padding:5px 0;
}

#footer1Wrapper,
#footer1Wrapper .pageContent{
	height:40px;

	/*line-height:45px;*/
}

#footer2Wrapper{
	/*height:220px;*/
	background:#042713 url(images/bg-footer-tile.png);
	position:relative;
}

#footer1Wrapper, #footer2Wrapper{
	color:#FFF;
}

#footer1Wrapper h3, #footer2Wrapper h3{
	color:#FFF;
	text-shadow: 2px 2px 0px rgba(0,0,0,0.3);
}

#footer1Wrapper h3{
	display:inline-block;
	line-height:16px;
	/*padding-top:8px;*/
}
#footer1Wrapper h3,
.socialShareButtons,
.socialShareButtons span{
	vertical-align:middle !important;
}

.socialShareButtons{
	display:inline-block;
	font-size:12px;
}

#footer2Wrapper .pageContent{
	padding:20px 0;
	position:relative;
	z-index:10;
}

#footer2Wrapper h3{
	font-size:22px;
}

/* company details */
#footer2Wrapper #companyDetails{
	padding:0 0 10px;
	margin-right:20px;
	display:inline-block;
	vertical-align:top;
}

/* smallprint */
#footer2Wrapper #smallprint{
	padding:30px 0 0;
	position:relative;
}
#footer2Wrapper #smallprint .copyright,
#footer2Wrapper #smallprint .credits{
	display:block;
	font-size:12px;
	color:#777;
}
#footer2Wrapper #smallprint .copyright{
	float:left;
}
#footer2Wrapper #smallprint .credits{
	float:right;
}
#footer2Wrapper #smallprint a {color:#777; text-decoration:none;}
#footer2Wrapper #smallprint a:hover { color:#FC0; text-decoration:underline;}

/* contact button */
#footer2Wrapper a.contactButton{
	margin:20px 0;
	display:block;
	width:240px;
	height:30px;
	line-height:34px;
	background:#871B25;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFF;
	border:2px solid #111;
	font-size:20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#footer2Wrapper a.contactButton:hover{
	background-color:#971224;
}

/* mini nav */
#footer2Wrapper .miniNav{
	font-size:14px;
	text-transform:uppercase;
	color:#91CA6F;
	display:inline-block;
	vertical-align:top;
}

#footer2Wrapper .miniNav a{
	color:#91CA6F;
	text-decoration:none;
}
#footer2Wrapper .miniNav a:hover{
	color:#FC0;
	text-decoration:underline;
}

#footer2Wrapper .miniNav > ul > li{
	display:inline-block;
	vertical-align:top;
	margin-right:20px;
}
#footer2Wrapper .miniNav > ul > li ul li {
	font-size:11px;
	margin-top:5px;
}


/* CORNER MOTIF */
#cornerMotif{
	width:305px;
	height:311px;
	display:block;
	background:url(images/footer-silhouette.png) no-repeat;
	position:absolute;
	bottom:0;
	right:0;
}



/* ------------------------------------ */
/* ------------- SUBPAGES ------------- */
/* ------------------------------------ */


/* BEER SUBPAGES */

#singleBeerWrapper{
	height:450px;
	background:#005B2C repeat-x url(images/beer-wallpaper-pale-ale.png) bottom left;
}

#singleBeerWrapper.pale-ale{
	background-color: #005B2C;
	background-image: url(images/beer-wallpaper-pale-ale.png);
}
#singleBeerWrapper.porter{
	background-color: #053061;
	background-image: url(images/beer-wallpaper-porter.png);
}
#singleBeerWrapper.golden-ale{
	background-color: #FFE036;
	background-image: url(images/beer-wallpaper-golden-ale.png);
}
#singleBeerWrapper.specialty{
	background-color: #FFF;
	background-image: url(images/beer-wallpaper-specialty.png);
}


#singleBeerWrapper .pageContent{
	position:relative;
}

#singleBeerWrapper .pageContent #beerDescription{
	position:absolute;
	top:70px;
	left:210px;
	width:600px;
	height:320px;
	overflow:hidden;
}

#singleBeerWrapper .pageContent #beerDescription h1{
	font-size:48px;
	margin-bottom:5px;
	text-transform:uppercase;
	text-shadow: 3px 3px 0px rgba(0,0,0,0.4);
}

#singleBeerWrapper .pageContent #beerDescription p{
	font-size:16px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
}

#singleBeerWrapper .pageContent #beerDescription h1,
#singleBeerWrapper .pageContent #beerDescription p,
#singleBeerWrapper .pageContent #beerDescription a{
	color:#FFF;
}
#singleBeerWrapper.golden-ale .pageContent #beerDescription h1,
#singleBeerWrapper.golden-ale .pageContent #beerDescription p,
#singleBeerWrapper.golden-ale .pageContent #beerDescription a{
	color:#4D3019;
}
#singleBeerWrapper.specialty  .pageContent #beerDescription h1,
#singleBeerWrapper.specialty .pageContent #beerDescription p,
#singleBeerWrapper.specialty .pageContent #beerDescription a{
	color:#222;
}
#singleBeerWrapper.golden-ale .pageContent #beerDescription h1,
#singleBeerWrapper.specialty .pageContent #beerDescription h1{
	text-shadow: 3px 3px 0px rgba(0,0,0,0.2);
}
#singleBeerWrapper.golden-ale .pageContent #beerDescription p,
#singleBeerWrapper.specialty .pageContent #beerDescription p{
	text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

#singleBeerWrapper .pageContent #beerDetails{
	position:absolute;
	top:135px;
	left:12px;
	width:170px;
	height:260px;
	overflow:hidden;
	font-size:12px;
}

#singleBeerWrapper.pale-ale .pageContent #beerDetails{
	color: #87CD35;
}
#singleBeerWrapper.porter .pageContent #beerDetails{
	color: #87BDFF;
}
#singleBeerWrapper.golden-ale .pageContent #beerDetails{
	color: #A97127;
}
#singleBeerWrapper.specialty .pageContent #beerDetails{
	color: #777;
}

#singleBeerWrapper .pageContent #beerDetails dt{
	font-weight:700;
	margin-bottom:4px;
}
#singleBeerWrapper .pageContent #beerDetails dd{
	margin-bottom:12px;
}


#singleBeerWrapper .pageContent #beerBottle{
	position:absolute;
	top:20px;
	right:0px;
	z-index: 99;
}


/* GENERIC SUBPAGE */

#subpageHeaderWrapper{

}

/* subheader */
#subpageHeaderWrapper{
	/*height:200px;
	background:#4F3019 url(images/bg-beer-tile.png);*/
}

#subpageHeaderImage{
	height:200px;
	background-image:url(images/subheader-bg-froth-1.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-attachment: scroll;
}

#subpageHeaderImage.blog{
	background-image:url(images/subheader-bg-froth-3.jpg);
}

#subpageHeaderWrapper .pageContent{
	position:relative;
	height:200px;
	/*background: url(images/subheader-bg-ale-froth.jpg) no-repeat top left;*/
}

#subpageHeaderWrapper .pageContent h1{
	position:absolute;
	left:20px;
	bottom:20px;
	font-size:48px;
}

#subpageHeaderWrapper .pageContent .cutout{
	position:absolute;
	right:-20px;
	bottom:-85px;
}

/* 2 col layout */

#bodyWrapper .column{
	/*border:1px solid red;*/
}

#bodyWrapper #mainContentWrapper{
	min-height:300px;
	padding:0 20px;
}

#bodyWrapper .twoColumn #mainContentWrapper{
	width:620px;
	float:left;
}

#bodyWrapper #sidebarWrapper{
}

#bodyWrapper .twoColumn #sidebarWrapper{
	width:300px;
	float:right;
	padding-top:40px;

}

#bodyWrapper .subpage{
	/*border:1px solid blue;*/
	padding-bottom:60px;
}

#bodyWrapper .subpage h2{
	padding:9px 0 18px;
	font-size:38px;
}
#bodyWrapper .subpage h3{
	padding-bottom:10px;
}

/* SIDEBAR */

body.home #sidebar{
	padding-top:20px;
	border-top:4px double #5E8049;
	border-bottom:4px double #5E8049;
}

body.home #sidebar ul.widgetList{
	margin-bottom:0;
}

body.home #sidebar ul.widgetList li{
	margin-bottom:20px;
}

#bodyWrapper #sidebar,
#bodyWrapper #sidebar p{
	font-size:12px;
}

#bodyWrapper #sidebar h3{
color:#FFF;
text-transform:uppercase;
font-size:24px;
text-shadow: 2px 2px 0px rgba(0,0,0,0.4);
}

#bodyWrapper #sidebar .sidebarWidgetUnit{
	margin-bottom:30px;
}

/* generic widget list */
#sidebar ul.widgetList{
	margin-bottom:30px;
}
#sidebar ul.widgetList li > h3{
	padding-bottom:5px;
}
#sidebar ul.widgetList > li{
	margin-bottom:60px;
}
#sidebar ul.widgetList > li li{
	display:list-item;
	list-style:circle;
	margin-left:20px;
}
#sidebar ul.widgetList p{
	margin-bottom:10px;
}

/* beer promo */

#sidebar .beerPromo{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:2px solid #053918;
	background-color:#000;
	-moz-box-shadow:3px 7px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow:3px 7px 4px rgba(0,0,0,0.3);
	box-shadow:3px 7px 4px rgba(0,0,0,0.3);
	padding:10px;
	position:relative;
	height:140px;
	margin-bottom:40px;
	cursor:pointer;
}
#sidebar .beerPromo:hover{
}
#sidebar .beerPromo p{
	font-size:13px !important;
	text-align:left;
	width:200px;
	margin-bottom:10px;
}
#sidebar .beerPromo img{
	position:absolute;
	top:-40px;
	right:10px;
}
#sidebar .beerPromo h3{
	padding-bottom:5px;
}
#sidebar .beerPromo a.moreLink{
	color:#FFF;
	/*background-image:url(images/morelink-arrows-small-white.png);*/

}

#sidebar .socialFollow{
	margin-bottom:20px;
}

/* BLOG PAGES */

#sidebar .blogNav{
	margin-bottom:30px;
	font-size:14px;
}
#sidebar .blogNav a{
	text-decoration:none;
}
#sidebar .blogNav a:hover{
	text-decoration:underline;
}
#sidebar .blogNavList{
	width:140px;
	margin-right:5px;
	display:inline-block;
	vertical-align:top;
}
#sidebar .blogNavList ul li{
	margin-bottom:3px;
}
#sidebar .blogNavList h3{
	font-size:20px !important;
	padding:0 0 5px 0 !important;
}

.blogPageNav{
	margin:30px 0;
	text-align:right;
	color:#555;
}

.page-numbers, .blogPageNav a{
	text-decoration:none;
}
.blogPageNav a:hover{
	text-decoration:underline;
}


.blogPostSummary{
	padding-bottom:10px;
	border-bottom:1px dotted #053918;
	margin-bottom:30px;
}
.blogPostSummary h2{
	text-transform:none;
	padding:0 0 10px 0 !important;
	line-height:normal;
	font-size:32px !important;
}
.blogPostSummary a{
	text-decoration:none;
}
.blogPostSummary a:hover{
	text-decoration:underline;
}

.blogPostSummary p{
	padding:10px 0;
	margin:0;
}

.blogPostMeta small{
	font-size:12px;
}
.blogPostMeta a{
	text-decoration:none;
}
.blogPostMeta a:hover{
	text-decoration:underline;
}
.blogPostMeta strong{
	padding-left:10px;
}
.blogPostMeta strong:first-child{
	padding-left:0;
}
.blogPostMeta ul.post-categories{
	display:inline-block;
}

.blogPostMeta ul.post-categories li{
	display:inline-block;
	margin-right:10px;
}

body.single #main h2{
	padding:0 0 10px 0;
	text-transform:none;
}

body.single .blogPostMeta{
	margin-bottom:20px;
}

#main h2.archiveTitle{
	color:#FFF;
	border-bottom:1px dotted #053918;
	padding:0 0 5px 0;
	margin-bottom:20px;
	font-size:28px;
}

.blogShare{
	/*margin:0 0 30px;*/
}

/* CONTACT US */

#sidebarWrapper #contactDetails{
	margin-bottom:80px;
}

#sidebarWrapper #contactDetails dl dt{
	font-weight:700;
	font-size:24px;
	margin-bottom:4px;
	text-transform:uppercase;
}

#sidebarWrapper #contactDetails dl dd{
	margin-bottom:12px;
}

#sidebarWrapper #contactDetails a.moreLink{
	margin-top:20px;
	display:inline-block;
}

/* LINK EXCHANGE */

ul.bookmarksList{
	margin:20px 0;
}

/* MEDIA ATTACHMENTS */

body.attachment{
}

body.attachment .blogPageNav{
	text-align:left;
}

/* NEXT GEN GALLERY CSS */

.ngg-gallery-thumbnail img{
	background-color:#111 !important;
	border:2px solid #053918 !important;
}

.ngg-gallery-thumbnail img:hover{
	background-color:#37843A !important;
}

/* GOOGLE MAPS */

.gmsc{
	margin-bottom:40px !important;
	width: 100% !important;
}

.mapPointBubble{
	color:#000;
	font-size:12px;
	margin:0;
	padding:0px;
	height:125px;
	overflow:hidden;
	clear:both;
	line-height:normal;
}

.mapPointBubble a{
	color:#053918;
	text-decoration:underline;
}
.mapPointBubble a:hover{
	color:#37843A;
}

.mapPointBubble .mapPointName{
	font-weight:bold;
	font-size:14px;
	padding-bottom:2px;
	border-bottom:1px dotted #CCC;
}

.mapPointBubble .mapPointAddress{
	font-size:10px;
	padding-bottom:4px;
}

.mapPointBubble .mapPointDescription{
}

.mapPointBubble .mapPointGoogleLink{
	padding-top:5px;
}

.mapPointBubble .mapPointName,
.mapPointBubble .mapPointAddress,
.mapPointBubble .mapPointDescription{

}

/* SIMPLE SHARE BUTTONS ADDER TWEAKS */

.ssba{
	display:inline-block;
}

#main div.ssba{
	margin-bottom:20px;
}

/* FORM ELEMENT STYLES */

form input[type=text],
form input[type=email],
form input[type=phone]{
border:1px solid #CCC;
background-color:#FFF;
line-height:2em;
color:#666;
font-size:16px;
-moz-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.6);
-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.6);
box-shadow:inset 1px 1px 2px rgba(0,0,0,0.6);
vertical-align:middle;
}

form input[type=text],
form input[type=email],
form input[type=phone],
form textarea{
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
box-sizing: border-box;
width: 100%;
padding:5px 10px;
}

form textarea{
	resize: vertical;
}

form label{
	display: block;
	text-transform: uppercase;
}

form input[type=submit]{
font-size:14px;
height:24px;
vertical-align:middle;
font-size: 2em;
text-transform: uppercase;
}

input[type=submit]{
	background:#871b25;
	color:#FFF;
	font-weight:bold;
	border:2px solid #111;
	padding:4px 8px;
	border-radius:5px;
	cursor:pointer;
	box-sizing: border-box;
}
input[type=submit]:hover{
	background-color:#971224;
}

/* Custom WP Contact Form 7 Plugin Styles */

/* wrapper */

.wpcf7-form{
font-weight:normal;
padding:0 0 40px 0;
}

/* layout */

.wpcf7-form span.formField{
display:block;
margin-bottom:15px;
}

.wpcf7-form br{
display:none;
}

body #main .wpcf7-form p,
.wpcf7-form p{
margin-bottom:0;
}

/* smallprint */

.wpcf7 small{
color:#91CA6D;
font-size:11px;
}

.wpcf7 > small{
display:block;
margin-bottom:10px;
}

/* labels */

.wpcf7-form label{
font-size:1.5em;
font-weight:normal;
margin-bottom: 15px;
color:#FFF;
}

.wpcf7-form label small{
	vertical-align: super;
	font-size:12px !important;
}

/* fields */

.wpcf7-form input{
display:inline;
}

.wpcf7-form .textInput,
.wpcf7-form textarea{
	color:#333;
font-weight:normal;
font-size:16px;
border:none;
-webkit-box-shadow:inset 2px 2px 3px rgba(0,0,0,0.5);
-moz-box-shadow:inset 2px 2px 3px rgba(0,0,0,0.5);
box-shadow:inset 2px 2px 3px rgba(0,0,0,0.5);
}

.wpcf7-form .textInput{

}

.wpcf7-form textarea{
height:190px;
}

/* buttons */

.wpcf7-form input[type=submit]{
margin-top:10px;
height:auto;
}

/* CAPTCHA */
.wpcf7-form #captchaWrapper{
display:block;
}

.wpcf7-form #captchaWrapper img{
vertical-align:middle;
}

.wpcf7-form #captchaWrapper small{
color:#DDD;
}

/* recaptcha */

.wpcf7-recaptcha{
	margin: 50px 0;
}

/* main message area */

div.wpcf7-response-output{
font-weight:normal;
padding:10px !important;
border:none !important;
border:1px solid #91CA6D !important;
text-align:center;
margin: 30px auto 0 !important;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

div.wpcf7-mail-sent-ng{
border-color: #C00 !important;
color:#FFF !important;
}

div.wpcf7-validation-errors,
div.wpcf7-spam-blocked {
border-color: #C00 !important;
color:#FFF !important;
}

div.wpcf7-mail-sent-ok{
border-color: #91CA6D !important;
}

/* error messages on fields */
span.wpcf7-not-valid-tip{
border:none !important;
color:#C00 !important;
font-size: 14px !important;
font-weight:bold;
line-height: 22px !important;
padding: 2px !important;
}

/* OFF-CANVAS MENU */

#shiftnav-toggle-main{
	position: relative;
}

#shiftnav-toggle-main:after{
	display: block;
	content: '';
	width: 60px;
	height: 60px;
	background: transparent url(images/logo-brimmer-brewing.png);
	background-size: contain;
	position: absolute;
	z-index: 10;
	top: 5px;
	right: 20px;
}

.shiftnav-main-toggle-content,
.shiftnav-nav{
		font-family:"Rokkitt", Georgia, "Noto Sans", "Open Sans", Helvetica, Arial, sans-serif;
}

.shiftnav-main-toggle-content{
	text-transform: uppercase;
	letter-spacing: 0.13em;
	font-size: 18px;
	line-height: 1em !important;
	padding-left: 20px !important;
	text-shadow: 2px 2px 0 #000;
}

.shiftnav-nav{
	font-size: 16px;
}

.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover{
	background-color:#871b25 !important;
}

.shiftnav.shiftnav-skin-standard-dark, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu{
	background-color: #053918 !important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target{
	border-top: none !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu ul.sub-menu{
	background-color: rgba(0,0,0,0.25) !important;
}

ul.shiftnav-menu li.qtranxs-lang-menu a img{
	display: none;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.qtranxs-lang-menu-item.menu-item.current-menu-item > .shiftnav-target{
	background-color: transparent !important;
}