/*
 Theme Name:   KBC Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Theme developed for Kennett Brewing Company, building off of the Responsive theme
 Author:       Chris Hewitt
 Author URI:   http://example.com
 Template:     responsive
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  responsive-child
*/
/* theme colors */
	.xyz {
		color: #7EA583; /* light blueish green */
		color: #384836; /* dark blueish green */
		color: #c0d7c2; /* cyan */
		color: #000000; /* black */
		color: #A84535; /* ferrous */
	}
/* end theme colors */

/* global styles */
	html {
		font-size: 14px; /* this is our REM size on which all other sizes are based */
	}
	body {
		background-color: #111;
		color: white;
		font-family: 'Century Gothic', 'Gill Sans', sans-serif;
	}
	h1, h2, .menu {
		font-family: 'Century Gothic', 'Arial', sans-serif;
		text-transform: uppercase;
	}
	div {
		box-sizing: border-box;
	}
	h2 {
		font-size: 1.6rem;
	}
	h4 {
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
	p {
		line-height: 1.5;
	}
	/*p:first-child {*/
	p:first-of-type {
		margin-top: 0;
	}
	/*p:last-child {*/
	p:last-of-type {
		margin-bottom: 0;
	}
	table.layout {
		width: auto;
		border: 0;
		margin: 0;
	}
	table.layout td {
		border: 0;
		padding: 0;
	}
/* end global styles */

.background-block {
	background: #454841 url(core/images/background.jpg) top center repeat-y;
	background-size: 100%;
}
.hero-heading-bg {
	border-bottom: 1px solid #2c2c2c;
}
.hero-heading {
	color: white;
	font-weight: bold;
	letter-spacing: .03em;
	max-width: 900px;
	/*
	text-shadow: 1px 1px 1px #384836, -1px 1px 1px #384836, 1px -1px 1px #384836, -1px -1px 1px #384836, 0 0 40px rgba(0,0,0,.75);
	*/
	text-shadow: 0 0 60px rgba(0,0,0,1);
	margin: 0 auto;
	text-align: center;
	font-size: 50px;
	line-height: 55px;
	padding: 120px 5%;
}
#wrapper {
	padding: 0;
	border: none;
	background-color: transparent;
}
#footer-wrapper {
	text-align: left;
}
.skip-container, .scroll-top {
	display: none;
}
#logo {
	float: none;
}
.main-nav {
	display: block;
	background-color: #384836;
	border-top: 3px solid #2c2c2c;
	border-bottom: 3px solid #2c2c2c;
	height: auto;
	font-size: 18px;
	text-align: center;
}
.menu {
	background-color: transparent;
	background-image: none;
	display: inline-block;
}
.menu .current_page_item a {
	background-color: transparent;
}
.menu a {
	color: #8acec5;
	font-weight: normal;
	text-transform: uppercase;
	text-shadow: none;
	font-size: 1.4rem;
	border: none;
	height: inherit;
	line-height: inherit;
	padding: .4em .8em .3em;
}
.menu a:hover {
	color: white;
	background-image: none;
	background-color: #a84535;
}
.restrainer {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 20px;
}
#container {
	max-width: none;
	margin: 0;
}
h1.front-page-heading {
	margin: 0;
	padding-top: 30px;
	text-align: center;
	font-size: 2.25em;
	font-weight: bold;
}
.big-text {
	font-size: 1.2rem;
	line-height: 1.8rem;
}
.front-page-posts div:nth-child(3n+0) {
	margin-right: 0;
}
.front-page-posts > div > h2 {
	text-transform: none;
}
#widgets .widget-wrapper {
	background-color: #B57D74;
	border: none;
}
#footer a:hover {
	color: #8acec5;
}
#footer-wrapper {
	padding: 30px 20px;
}
#footer_widget {
	font-weight: bold;
}
#footer_widget .widget-wrapper {
	background-color: transparent;
	border: none;
	margin: 0;
	padding: 0;
}
#footer_widget .widget-wrapper > .widget-title {
	margin-top: 1em;
}
#footer_widget .widget-wrapper > .widget-title > h3 {
	color: #bfd6c1;
	text-transform: uppercase;
	padding-bottom: 0;
	font-size: 100%;
	line-height: 1.1em;
}
#footer .hours-table {
	margin: .2em 0 0;
}
#footer .hours-table td {
	padding: 0 .5em 0 0;
}
#footer .social-icons {
	text-align: inherit;
	display: inline-block;
	padding-top: 6px;
}
/*
#footer_widget #simple-social-icons-2 .widget-title {
	margin-bottom: .6em;
}
#footer_widget #simple-social-icons-2 {

}
*/
/* social media links */
	a.social-button > div {
		display: inline-block;
		padding: 4px 7px 2px 5px;
		margin: 8px 0 0;
		background-color: #EBEBEB;
		background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#d6d6d6));
		background: -moz-linear-gradient(top, #EBEBEB, #d6d6d6);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB', endColorstr='#d6d6d6');
		border-radius: 3px;
		-moz-border-radius: 3px;
		line-height: normal;
		/*
		-moz-box-shadow: 2px 2px 3px #222;
		box-shadow: 2px 2px 3px #222;
		border: 1px solid #777;
		*/
	}
	a.social-button > div > img {
		width: 17px;
		vertical-align: top;
		/*
		margin-right: 3px;
		*/
	}
	a.social-button > div > span {
		font-weight: bold;
		vertical-align: top;
		line-height: 20px
		/*
		*/
	}
/* end social media links */

.copyright {
	background-color: black;
	text-align: center;
	text-transform: uppercase;
	padding: 1.2em;
	float: none;
}

/* second page styles */
	.restrainer #content {
		display: inline-block;
		float: none;
		margin: 0;
		padding-top: 20px;
	}
	.restrainer #widgets {
		display: inline-block;
		float: none;
		vertical-align: top;
	}
/* end second page styles */

/* EMBM beer plugin overrides */
	/* .beer-list .single-beer { */
	.embm-beer--list .embm-beer--single {
		display: inline-block;
		clear: both;
		vertical-align: top;
		background-color: rgba(0, 0, 0, 0.7);
		box-sizing: border-box;
		width: 31.66%;
		margin: 20px 2.5% 0 -4px; /* -4px to overcome the white-space added stupidly by the em beer plugin */
		padding: 0 0 1em;
		font-size: auto;
		line-height: normal;
		/*
		border-radius: 4px;
		*/
	}
	/* .beer-list .single-beer:nth-child(3n-2) { */
	.embm-beer--list .embm-beer--single:nth-child(3n-2) {
		margin-left: 0;
	}
	.embm-beer--list .embm-beer--single:nth-child(3n+0) {
		margin-right: 0;
	}
	.embm-beer--list .embm-beer--single .embm-beer--header {
		background-color: black;
		border: none;
		padding: .6em 6%;
		margin: 0 0 1em;
	}
	.embm-beer--list .embm-beer--single .embm-beer--image {
		margin-left: 6%;
	}
	.embm-beer--list .embm-beer--single .embm-beer--meta {
		margin: 15px 0 -1em;
		padding: 4% 6%;
	}
	.embm-beer--single .embm-beer--meta, .embm-beer .embm-beer--meta {
		background-color: #384836;
		color: black;
		border: none;
	}
	.embm-beer--single .embm-beer--meta .embm-beer--meta-profile {
		padding: 0;
	}
	.embm-beer--list .embm-beer--single .embm-beer--description {
		padding: 0 4% 0 6%;
	}
	/*
	.embm-beer--list .embm-beer--single .embm-beer--description p:first-child {
		margin-top: 0;
	}
	.embm-beer--list .embm-beer--single .embm-beer--description p:last-child {
		margin-bottom: 0;
	}
	*/
	/* .embm-beer--list .nav-below { */
	.embm-beer .navigation {
		text-align: left;
		background-color: rgba(0, 0, 0, 0.7);
		display: inline-block;
		font-size: 40px;
		line-height: 16px;
		padding: 4px 16px 12px;
		margin: 16px 0 0;
		height: auto;
	}
	/* .embm-beer--list .nav-below .page-numbers { */
	.embm-beer .navigation a {
		font-weight: bold;
		font-size: 16px;
		color: white;
	}
	.embm-beer--list .nav-below .page-numbers.current {
		color: #bfd6c1;
	}
	/* .beer-title a h1, .beer-title h1, .embm-beer--single .beer-title h2, .embm-beer--single .beer-title a h2 { */
	.embm-beer--header > a > .embm-beer--header-title,
	.embm-beer--header > .embm-beer--header-title,
	.embm-beer .embm-beer--header > .embm-beer--header-title,
	.embm-beer .embm-beer--header > a > .embm-beer--header-title {
		font-family: inherit;
		text-transform: uppercase;
		font-size: 20px;
		padding: 0;
		color: #bfd6c1;
	}
	h2.post-title a {
		color: #2b2b2b;
	}
	.embm-beer--single .embm-beer--image .wp-post-image {
		width: 100px;
		border: 2px solid #384836;
		margin: 0 12px 10px 0;
	}
/* end beer plugin overrides */

/* tribe events plugin overrides */
	#tribe-events-bar {
		color: black;
	}
	.tribe-events-calendar {
		background-color: white;
	}
	.tribe-events-single .type-tribe_events, .tribe-events-loop .type-tribe_events {
		background-color: white;
		padding: 2% !important;
		color: black;
	}
	.tribe-events-loop {
		color: black;
	}
	.tribe-events-schedule {
		color: black;
	}
	body.single-tribe_events .tribe-events-schedule {
		color: #d9edf7;
		background: none !important;
	}
	.single-tribe_events h2.tribe-events-single-event-title {
	}
/* end tribe events plugin overrides */


#content-blog .post, #content-blog .tribe_events {
	display: inline-block;
	width: 30%;
	margin: 20px 2.5% 0 0;
	vertical-align: top;
}
#content-blog .post-title {
	margin: 0 0 .3em 0;
}
#content-blog {
	color: #2b2b2b;
}
/*
#kbc-header-container {
	background-color: #273D23;
}
.kbc-belt {
	max-width: 960px;
	margin: 0 auto;
}
#logo {
	float: none;
	display: inline-block;
}
.kbc-layout-table {
	border: none;
	margin: 0;
}
.kbc-layout-table tr td {
	border: none;
	padding: 0;
}
#kbc-frontpage-hero {
	background-color: #ECD2A3;
	display: none;
}
.front-page #kbc-frontpage-hero {
	display: block;
}
#kbc-frontpage-hero .featured-title {
	padding: 2.5em 1em;
	text-align: center;
	color: white;
}
#kbc-footer-container {
	background-color: #111;
}
#footer {
	padding-top: 2em;
}
*/

/* responsive styles */
	.collapse {
		display: inline-block;
	}
	.expanded-only {
		display: block;
	}
	.collapsed-only {
		display: none;
	}


	@media handheld, screen and (max-width: 1000px) { /* fluid widths */
		.expanded-only {
			display: none;
		}
		.collapsed-only {
			display: block;
		}
	}
	
	@media handheld, screen and (max-width: 650px) { /* smaller screens */
		.collapse {
			display: block;
			width: 100% !important;
			margin-left: 0;
			margin-right: 0;
		}
		/* beer plugin overrides */
		.embm-beer--list .embm-beer--single {
			display: block;
			width: 100% !important;
		}
		.front-page-posts .post, .front-page-posts .tribe_events {
			display: block;
			width: 100% !important;
		}
		.hero-heading {
			font-size: 35px;
			line-height: 45px;
			padding: 60px 5%;
		}
		.js .main-nav {
			border-top: 2px solid #2c2c2c;
			border-bottom: 2px solid #2c2c2c;
			/*
			*/
		}
		.js .main-nav #responsive_current_menu_item {
			visibility: hidden;
			color: #8acec5;
			text-transform: uppercase
		}
		.menu li {
			display: block;
		}
	}
/* end responsive styles */