/*
 Theme Name:   Fort Collins Brewery
 Theme URI:    http://www.endocreative.com
 Description:  A child theme for Espresso
 Author:       Endo Creative
 Author URI:   http://www.endocreative.com
 Template:     espresso
 Version:      1.0
*/


/*@font-face {
    font-family: 'masterplantrial';
    src: url('fonts/masterplan___-webfont.eot');
    src: url('fonts/masterplan___-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/masterplan___-webfont.woff') format('woff2'),
         url('fonts/masterplan___-webfont.woff') format('woff'),
         url('fonts/masterplan___-webfont.ttf') format('truetype'),
         url('fonts/masterplan___-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}*/


@font-face {
font-family: 'tizaregular';
src: url('fonts/tiza-webfont.eot');
src: url('fonts/tiza-webfont.eot#iefix') format('embedded-opentype'), url('fonts/tiza-webfont.woff') format('woff'), url('fonts/tiza-webfont.ttf') format('truetype'), url('fonts/tiza-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
    font-family: 'breamcatcherregular';
    src: url('fonts/breamcatcher-webfont.eot');
    src: url('fonts/breamcatcher-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/breamcatcher-webfont.woff') format('woff2'),
         url('fonts/breamcatcher-webfont.woff') format('woff'),
         url('fonts/breamcatcher-webfont.ttf') format('truetype'),
         url('fonts/breamcatcher-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


#site-title, #site-description { display:none; }

body header#header {
	background: #ececec !important;
	height: 80px;
	position: relative;
	top: 0;
    left: 0;
    z-index: auto;
    width: 100%;
}

header#header .shell {
	text-align: right;
}

.social-links {
	float: right;
	margin-top: 10px;

}

.social-links a {
	color:#000000;
}

.logo-image {
margin-top: -20px;
left: 30px;
position: fixed;

}

body nav#main-nav.full {
background: #000000 !important;
/*	position: fixed;
top: 32px;*/
position: fixed;
    top: 40px;
    z-index: 9050;

}

#menu-home-menu li a  {

}

nav#main-nav .shell {
	max-width: 1300px;
}

nav#main-nav.full .shell > ul > li > a {
	/*font-size: 11px;*/
	font-size:28px;
	letter-spacing: 0px;
	/*font-family: 'tizaregular';*/
	font-family: 'breamcatcherregular';
	color: #000;
}

body .wpb_row {
	margin-bottom: 0;
}

body .wpb_single_image .vc_single_image-wrapper {
	margin-bottom: -6px;
	display: block;
}

.vc_row.content-contain {
	max-width: 1000px;
	margin: 0 auto;
}

.vc_row.vc_custom_1425510773473 img {
	margin-bottom: -6px;
}

.shell {
    width: 100%;
}

#header .shell, #main-nav .shell {
    padding: 0 3% 0 10%;
    max-width: 1200px;
}

#footer-widgets .shell {
	padding:0 3%;
}

.page .shell {
	max-width: 1200px;
}

.home.page .shell {
	max-width: 100%;
}

.vc_custom_1425510829180 .wpb_wrapper {
	text-align: center;
	padding: 20px 0;
}

#page-post article.page-content ul.slides {
	margin: 0;
}

.wpb_tabs_nav li a {
	color: #000;
}

.home .flexslider {
	border: 0;
	box-shadow: none;
	background: transparent;
	border-radius: 0;
}

.home .bottom-spacer.shell {
	display: none;
}

.vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, .vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, .vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, .vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, .vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, .vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12 {
    padding-left: 0; padding-right: 0; }


.wpb_single_image .vc_single_image-wrapper {
    width: 100%;
}

.wpb_single_image .vc_single_image-wrapper img {
    width: 100%;
}

#page-post {
	margin: 0 auto 0;
    overflow: hidden;
}

.single .shell .hentry {
	width: 100%;
	margin: 0 auto;
}

.hentry h1.page-title span {
	background: #ECECEC;
}

#afterbig1 {
	margin: 0 auto;
}

body nav#main-nav .dropdown {
	background: #000 !important;
}

body nav#main-nav.full .shell > ul > li > a {
	color: #FFF;
}

body .wpb_row.hero-image {
	margin-bottom: 40px;
}

.page-id-24 .es-button {
	background: #99cc00 !important;
}

@media only screen and (max-width: 1128px) {
	nav#main-nav.full {
		top:10px !important;
	}

	nav#main-nav.full .shell > ul > li > a {
		padding: 5px 20px;
		font-size: 20px !important;
	}

	#header .shell, #main-nav .shell {
    padding: 0 3% 0 12%;
	}

	#page-post {
	margin: -20px auto;
	}
}

@media only screen and (max-width: 1020px) {
	nav#main-nav.full .shell > ul > li > a {
		padding: 12px 12px !important;
	}
}

@media only screen and (max-width: 900px) {
	html,body {
    	width: 100%;
    	height: 100%;
    	margin: 0px;
    	padding: 0px;
    	overflow-x: hidden;
	}

	#top {
		height:60px!important;
	}

	#page-post {
		margin: 0px auto 0;
	    overflow: hidden;
	}

	.home.page .shell {
		width: 100%;
	}

	body header#header {
		display: none;
	}

	body .wpb_row.hero-image{
		margin-top:-20px !important;
	}

	a.slicknav_btn {
		background:#fff !important;
	}

	.slicknav_menu .slicknav_icon-bar {
		background-color:#000;
	}

	footer section.left {
		width:255px!important;
	}
}


/*** Customizations for WooCommerce 2016 ***/
.woocommerce #page-post.shell, .woocommerce-cart #page-post.shell,
.woocommerce-page #page-post.shell {
	margin: 0 5% !important;
	max-width: 1200px;
	width: 90% !important;
}

@media only screen and (max-width: 600px) {
	.woocommerce #page-post.shell, .woocommerce-cart #page-post.shell,
	.woocommerce-page #page-post.shell {
		margin: 0 7% !important;
		width: 86% !important;
	}
}
.woocommerce h1.page-title span {
	background: transparent;
}
.woocommerce.single-product span.onsale {
	left: 0;
	top: 0;
}
.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale {
	margin: 0 0 0 0 !important;
}
.woocommerce.single-product span.sku-wrapper,
.woocommerce.single-product span.posted_in,
.woocommerce.single-product span.tagged_as  {
	display: block;
}
.woocommerce.single-product .quantity input {
	height: 35px;
}
.woocommerce.single-product button.button.alt:disabled,
.woocommerce.single-product button.button.alt:disabled:hover {
	background-color: #ABCE60;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	clear: both;
}

header#header div.cart-contents {
	color: #ABCE60 !important;
	font-size: 15px !important;
	position: absolute;
	right: 0;
	top: 115px !important;
}
.admin-bar header#header div.cart-contents {
	top: 90px !important;
}
@media only screen and (max-width: 1130px) {
	.admin-bar header#header div.cart-contents {
		top: 65px !important;
	}
}
@media only screen and (max-width: 1220px) {
	header#header div.cart-contents {
		margin-right: 5%;
	}
}
@media only screen and (max-width: 1130px) {
	header#header div.cart-contents {
		top: 85px !important;
	}
}
@media only screen and (max-width: 1040px) {
	header#header div.cart-contents {
		margin-right: 0;
	}
}
header#header .cart-contents a#items {
	color: #ABCE60 !important;
	font-size: 15px !important;
	text-decoration: none;
}
header#header .cart-contents a#items:before {
	background: url("images/icon_cart-black.png") no-repeat;
	content: '';
	float: left;
	height: 25px;
	margin-right: 0;
	position: relative;
	top: 4px;
	width: 25px;
}
header#header .cart-contents a#items:hover {
	color: black !important;
}
header#header .cart-contents a#items span {
	color: black !important;
	font-size: 15px !important;
}
header#header #view-cart {
	display: inline-block;
	left: 8px;
	position: relative;
}
header#header #view-cart a {
	background: #ABCE60 !important;
	border-radius: 3px;
	color: white !important;
	font-size: 13px !important;
	padding: 4px 8px;
	text-decoration: none;
}
header#header #view-cart a:hover {
	background: #000000 !important;
}

.vc_responsive.woocommerce ul.products li.product:hover a img,
.vc_responsive.woocommerce-page ul.products li.product:hover a img {
	-ms-transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    max-width: 95%;
}

@media only screen and (max-width: 600px) {
	.woocommerce-cart table.cart td.actions .coupon .input-text {
		margin-bottom: 5px !important;
	}
}