/*!
Theme Name: Sixpoint 2022
Author: ABV + TBA

*/

body{
	overflow-x: hidden;
}
a {
	font-weight: bold;
	color: #f26f00;
	text-decoration: none;
	outline: none;
}

a:active {
	outline: none;
}

a:hover {
	opacity: .8;
	outline: none;
	
}

a:visited {
	color #f26f00;
	outline: none;
}

a:focus {
	outline: none;
}



ul {
	list-style-type: none;
}

.l-box {
	padding: 1em;
	margin: 0 auto;
	max-width: 620px; 
}
									
.l-box img {
	max-width: 588px;
}

#buy-beer{
	display: none;
}

#l-box-content {
	font-family: 'jaf-facitweb';
}

#beer-single {
	margin: 0 0 60px 0;
}

.b-bar {
	border-bottom: 8px solid #f26f00;
}

.beer-category {
	margin: 0 0 150px 0;
}



.cycle-slideshow {
	width: 100%;
	margin: 0 auto;
}

.cycle-slideshow img {
	width: 100%;
	height: auto;
}

#slider-hider {
	width: 100vw; /* 100% of viewport width */
    height: 50.625vw; /* ratio = 9/16 * 90 = 50.625 */
/*     max-height: 90vh; */
    max-width: 160vw; /* 16/9 * 90 = 160 */
    /* margin: 180px auto 50px auto; */
	margin: 0 auto 50px auto;
	overflow: hidden;
}

.header {
	position: -webkit-sticky;
	position: sticky;
    top: 0;
    z-index: 9999;
}


.custom-wrapper {
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    transition: height 0.5s;
    /* position: fixed; */
    top: 0;
    left: 0;
    z-index: 2147483645;
    z-index: 222222222;
    width: 100%;
    box-shadow: 0px 0px 12px 10px #0000001a;
	text-align:center;
}


.excerpt-wrapper {
	width: 95%;
	margin: 0 auto 30px;
}

.entry{
	font-family: "adobe-garamond-pro";
	font-size: 16px;
	line-height: 18px;
	
}

.entry p {
	margin: 0 0 20px 0;
}

small {
	font-family: "adobe-garamond-pro";
}

.excerpt-wrapper a{
	text-decoration: none;
	color: #000;
}

.excerpt-wrapper a:hover{
	color: #f26f00;
}

.excerpt-wrapper a:visted{
	color: #000;
}

.excerpt-wrapper img {
	display: none;
}

.excerpt-wrapper h2, .blog h2, #recent h2, #related h2 {
	font-family: "adobe-garamond-pro";
	font-size: 31px;
	font-weight: bold;
	display: block;
	margin: 10px 0 20px 0;
	padding: 0 0 4px 0;
	color: #000;
	width: 100%;
	border-bottom: 1px solid #000;
	line-height: 31px;
}

.blog {
	font-family: "adobe-garamond-pro";
	font-size: 1.3em;
	margin: 120px 0 0 0;
}

#post-pad{
	padding: 0 20px 0 20px;
	max-width: 980px;
	margin: 0 auto;	
}

.blog-post-content p{
	max-width: 620px;
	margin: 1em auto;
}

blockquote p {
	margin: 0;
	padding: 0;	
}

blockquote {
	font-family: "adobe-garamond-pro";
	color: #bfbfbf;
	font-size: 31px;
	font-weight: bold;
	font-style: italic;
}

#blog-container {
	max-width: 1080px; 
	margin: 65px auto; 
}

#blog-container h1 {
	border-bottom: 1px solid #659132;
	padding: 8px 0 8px 0;
	display block;
	width: 100%;
	text-align: center;
	font-family: "adobe-garamond-pro";
}


#featured-image {
	max-width: 980px;
}

#featured-image img {
	width: 100%;
	margin: 0;
}

.blog-featured {
	width: 100%;
	height: 300px;
	width: 100%;
	background-size: cover;
	background-position: center center;
}

#related {
	margin: 30px 0 0 0;
	padding: 20px 40px 60px 40px;
}	

#related .blog-featured {
	height: 200px;
}

#related .excerpt-wrapper h2{
	font-size: 1.5em;
	border-bottom: none;
}

#recent {
	margin: 30px 0 0 0;
	padding: 20px 40px 60px 40px;
}	

#recent .blog-featured {
	height: 200px;
}

#recent .excerpt-wrapper h2{
	font-size: 1.5em;
	border-bottom: none;
}



.single-slider {
	width: 100%;
	height: 470px;
	background-size: cover;
	background-position: center center;
	z-index: 1;
}


.single-slider-blog {
	width: 100%;
	height: 420px;
	background-size: cover;
	background-position: center center;
	z-index: 1;
	display: block;
}


#stat-display{
	margin: 0 0 -50px 0; 
}

#stat-display-ibu{
	max-width: 620px;
	margin: 0 auto 0 auto;	
	overflow: auto;
	overflow-y: hidden;
}


#stat-display-ibu-graph {
	position: relative;
	padding: 10px 0 10px 0;
	width: 620px;
	overflow: hidden;
	height: 70px;
	background: #b4ddb4; /* Old browsers */
	background: -moz-linear-gradient(left, #b4ddb4 0%, #83c783 17%, #52b152 33%, #008a00 67%, #005700 83%, #002400 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #b4ddb4 0%,#83c783 17%,#52b152 33%,#008a00 67%,#005700 83%,#002400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=1 ); /* IE6-9 */
	color: #fff;
	font-family: 'jaf-facitweb';
	font-size: 9px;
}

#stat-display-srm {
	padding: 10px 0 10px 0;
	max-width: 620px; 
	margin: 0 auto;
	overflow: auto;
	overflow-y: hidden;
	font-family: 'jaf-facitweb';
	font-size: 9px;
}
#stat-display-srm-chart {
	width: 620px;
	background-color: #f8f8f8;
}


#menu-button {
	height: 40px;
	width: 40px;
	right: 0;
	top: 0;
	margin: 10px 50px 0 0;
	position: absolute;
	background-image: url('img/menu-button.png');
	cursor: pointer;
    background-size: cover;
}

#email-signup-top {
	display: none;
}

#menu-button:hover {
	opacity: .8;
}


#side-panel {
    box-shadow: 0px 0px 2px #888; 
    width: 300px;
    padding: 0 10px 0 10px; 
    height: 100%; 
    position: fixed; 
    top: 0px; 
    right: 0px; 
    background-color: rgba(244, 244, 244, .95); 
    display: none;
    color: #333;
    overflow: auto; 
    z-index: 99999999;
}

#target, #target-close {
	width: 100px;
	margin: 5px; 
	padding: 5px;
	background-color: rgba(244, 244, 244, .95);
	position: fixed;
    z-index: 99999999;
}

#target-close {
	position: absolute;
	right: 0;
    bottom: 0;	
}

#target {
	left: 0;
	bottom: 0;
}

#can-image {
	  margin: 1em auto;
	  width:33%; 
}



#sub-nav {
	margin: 0 0 0 0;
	width: 100%;
	text-align: left;
	color: #663600;
	height: 56px;
	background-color: #f47321;
	font-family: "jaf-facitweb";
	text-transform: uppercase;
	font-size: 10px;
	line-height: 56px;
	color: #fff;
	position: fixed;
	top: 120px;
	left: 0; 
	padding: 0 0 0 20px;

	top: 123px;
	position: sticky;
	z-index: 100;
	border-top: 1px solid rgba(0,0,0,0.05);
	width: calc(100vw - 20px);
}
@media (max-width: 767px){
	#sub-nav {
		top:66px;
	}
	.beer-section .pure-u-1 {
		flex-basis: 100%;
	}
}

.sub-o {
	color: #f47321;
}

#sub-nav li {
	display: inline-block;
	margin: 0 10px 0 0;
	height: 100%;
}

#sub-nav li a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#sub-nav li a:hover {
	color: #ff9966;
}

#sub-nav li a:visited {
	color: #ffffff;
	text-decoration: none;
}




#single-beers {
	margin: 100px 0 0 0;
}

.style-label{
	padding: 5px 0 0 0;
}

.single-beer-cat{
	width: 100%;
	font-family: "jaf-facitweb";
	font-size: 12px;
	color: #404040;
	padding: 0 0 60px 0;
}

.single-beer-cat-thumbs img{
	display: inline-block;
	width: 33%;
	height: auto;
	vertical-align: top;
	
}

.single-beer-cat-left{
	display: inline-block;
	width: 50%;
	text-align: center;
	vertical-align: top;
}
	
.single-beer-cat-right{
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

.single-beer-cat-left img{
	width: 80%;
}

.single-beer-cat-excerpt{
	overflow: hidden;
}

.single-beer-cat-excerpt-more{
	height: 20px;
	position: relative;
	bottom: 50px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding: 50px 0 0 0;
}

.single-beer-cat-style-specs{
	font-size: 1.5em;
	color: #f47321;
	text-align: left;
}

.category-heading{
	font-family: "jaf-facitweb";
	font-size: 2em;
	color: #f47321;
	text-transform: uppercase;
	padding: 0 0 0 0;
	margin: 0;
}

.cat-description{
	font-family: "jaf-facitweb";
	font-size: .8em;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0; 
}

#about-container{
	max-width: 960px;
	margin: 0 auto 0 auto;
	padding: 0 20px 0 20px;
}

.about-section{
	font-family: "jaf-facitweb";
	margin: 30px 0 100px 0;
	padding: 80px 0 30px 0;
	border-bottom: 1px solid #f8f8f8;
}

.about-section div{
	max-width: 100%;
	margin: 0 auto;
}

.about-section-header-img{
	max-width: 860px;
	margin: 0 auto;
	display: block;
	width: 100%;
}

#navigation {
	list-style: none;
	font-family: "jaf-facitweb";
	font-size: 16px;
	width: 150px;
	position: absolute; 
	right: 40px;
	top: 49px;
	position: fixed;
	z-index: 9999999999;
	text-transform: uppercase;
	display: none;
}

#navigation li a {
	text-decoration: none;
	display: block;
	padding: 20px 0 9px 9px;
	border-bottom: 1px solid #838385;
	width: 141px;
	color: #653600;
	background-color: rgba(255,255,255,.7);
}
 
#navigation li a:hover {
	background-color: #f47321;
}

#navigation li a:visited {
	
}


footer {
	width: 100%;
	background-color: #f26f00;
	overflow: hidden;
	padding: 0 0 20px 0;
	color: #fff;
	z-index: 1;
	 
}

.footer-nav {
	padding: 0;
	margin: 0;
}

#footer-content {
	font-size: 14px;
	font-family: "jaf-facitweb";
	max-width: 960px; 
	margin: 0 auto;
	padding: 38px 20px 10px 20px;
}

#footer-content ul {
	margin: 0;
}

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

#footer-content a:visited {
	color: #fff;
}

#footer-content a:hover {
	opacity: .8;
}

#footer-content ul li { 
	display: block;
	text-transform: uppercase;
	margin: 0;
	padding: 0 30px 14px 0;
	vertical-align: top;
	font-family: "jaf-facitweb";
}

#footer-content ul li p {
	padding: 5px 0 0 0;
	margin: 0;
}

#footer-content ul li p img {
	padding: 0 10px 0 0;
}

#email-form input {
	display: inline;
	vertical-align: top;
}

#email-form input[type=text] {
	width: 106px;
	height: 38px;
	padding: 5px;
	margin: 0 2px 0 0;
	border: none;
	color: #f26f00;
}

#looking {
	margin: 0 0 0 0;
	font-size: 14px;
}

#email-form input[type=submit] {
	width: 60px;
	height: 48px;
	color: #f26f00;
	font-size: 12px;
	background-color: #fff;
	border: none;
}

#copyright {
	font-size: 13px;
	font-weight: normal;
}


#stat-container {
	max-width: 620px;
	margin: 0 auto 10px auto;
	height: 150px;
}

#ibu-descript {
	max-width: 600px;
	background-color: rgba(242, 111, 0,.95);
	padding: 10px;
	position: absolute;
	top: 10%;
	font-family: "jaf-facitweb";
	margin: 0 auto 0 auto;
	position: fixed;
	z-index: 99999999999999;
	left: -9000px;
	color: #fff; 
	font-size: .9em;
}

#srm-descript {
	max-width: 600px;
	background-color: rgba(242, 111, 0,.95);
	padding: 10px;
	position: absolute;
	top: 10%;
	font-family: "jaf-facitweb";
	margin: 0 auto 0 auto;
	position: fixed;
	z-index: 99999999999999;
	left: -9000px;
	color: #fff;
	font-size: .9em;
}

#events-select {
	-webkit-appearance: none;
	padding: 10px;
	font-family: "jaf-facitweb";
	color: #abb5b8;
	border: 4px solid #abb5b8;
}

#events-no-results{
	margin: 130px 0 60px 0;
}
.events-container{
	display: none;
}

#events-space{
	width: 100%;
}

.about-margin {
	margin: 25px 0 0 0;
}


#events-featured p{
	margin: 0;
	padding: 0;
}

#events-featured img{
	width: 70%;
	margin: 0 auto;
	display: block;
}

.state-header{
	max-width: 495px;
	font-size: 22px;
	background-color: #f47321;
	color: #fff;
	font-family: "jaf-facitweb";
    cursor: pointer;
    font-weight: bold;
    margin: 0 0 3px 0;
    padding: 15px 20px 15px 25px;
    text-transform: uppercase;
    line-height: 15px;
    max-height: 15px;
    background-image: url('img/events_right_arrow.png');
	background-repeat: no-repeat;
    background-position: right top;
}

.state-header:hover{
	opacity: .95;
}

.state-header-no{
	background-color: #ebebeb;
	cursor: default;
}

.single-event {
	font-size: 12px;
	max-width: 880px;
	font-weight: bold;
	padding: 0 0 10px 0; 
	color: #787878;
	cursor: pointer;
	line-height: 20px;
	font-weight: normal;
}

.single-event:hover{
}

.state-header-events-container {
	font-family: "jaf-facitweb";
	max-width: 880px;
	display: none;
	margin: 0 auto;
	cursor: pointer;
}

.single-event-info{
	display: none;
	font-size: 12px;
	padding: 10px 25px 30px 25px;
	cursor: default;
	line-height: 20px;
}

.single-event-info a{
	color: #f47321;
}

.single-event-info a:hover{
	color: #582f00;
}


.single-event-info p{
	margin: 30px 0 0 0;
	text-transform: uppercase;
}
.menu{padding: 0;}
#main-nav-h {  display: none; }
#main-nav-h .menu { list-style: none; font-size: 16px; width: 300px; height: 100%; position: fixed; top: 0; right: 0; border-left: 1px solid #ebebeb; font-family: "jaf-facitweb"; color: #653600; background-color: #fff; z-index: 2147483646; margin: 0; padding: 50px 0 0 0;}
#main-nav-h .menu li { border-bottom: 1px solid #ebebeb; width: 100%; text-transform: uppercase;} 
#main-nav-h .menu li a, #main-nav-h .menu li .ps-widget { background-color: rgba(255, 255, 255, 0.7); padding: 20px 9px; display: block; color: #787878; }
#main-nav-h .menu li a:hover, #main-nav-h .menu li .ps-widget:hover { background-color: #f47321; color: #fff; opacity: 1;  }
#main-nav-h .menu li a:active, #main-nav-h .menu li .ps-widget:active { background-color: #f47321; color: #fff; opacity: 1; }

#main-nav-h .menu li.nav-social { display: inline-block; width: 23px; height: 23px; margin: 5px 0 5px 9px; }
#main-nav-h .menu li.nav-social a { font-size: 0; width: 23px; height: 23px; padding: 0; }

#main-nav-h .menu li.nav-social-instagram a { background-image: url('img/social-icons/instagram.png'); }
#main-nav-h .menu li.nav-social-facebook a { background-image: url('img/social-icons/facebook.png'); }
#main-nav-h .menu li.nav-social-twitter a { background-image: url('img/social-icons/twitter.png'); }
#main-nav-h .menu li.nav-social-youtube a { background-image: url('img/social-icons/youtube.png'); }
#main-nav-h .menu li.nav-social-snapchat a { background-image: url('img/social-icons/snapchat.png'); } 
#main-nav-h .menu li.nav-social a:hover { background-color: rgba(255,255,255,0); opacity: .8; }

#main-nav-h .menu {
	overflow-y: auto;
}

#nav-close { height: 15px; line-height: 15px; width: 15px; display: none; position: fixed; top: 10px; right: 10px; padding: 10px; background-color: #fafafa; z-index: 2147483647; cursor: pointer; text-align: center; color: #787878; } 


#home-slider {
	overflow: hidden;
}	

@media screen and (max-width: 35.5em) {
	.stat {
		margin: 0 auto 30px auto;
	}

	#sp-logo {
		padding-left: 5px;
	}
	#menu-button {
		margin-right: 5px;
	}
	#navigation {
		right: 5px;
	}
}


@media (max-width: 47.999em) { 

    .custom-menu-3 {
        text-align: left;
    }

    .custom-toggle {
        display: block;
    }

}

.twenty-one {
	border: none;
	font-family: "jaf-facitweb";
	
}

.twenty-one-bg {
	background-image: url('//sixpoint.com/wp-content/uploads/2016/08/pattern-for-web.png');
}



.twenty-one #sgcboxLoadedContent{
	color: #f37220;
	text-transform: uppercase;
	padding: 0 0 20px 0;
}

.twenty-one #sgcboxLoadedContent button {
	width: 100%;
	margin: 0 0 5px 0;
	text-shadow: 0px 0px 1px #000;	
}

.twenty-one #sgNoButton {
	padding: 0;
	left: -6px;
	top: 200px;
	position: absolute;
	text-shadow: 0px 0px 1px #000;	
}


#connect-wrapper {
	margin: 75px auto 50px auto;
	max-width: 960px;
}

#app-wrapper {
	margin: 75px auto 50px auto;
	max-width: 960px;
	padding-right: 20px;
	padding-left: 20px;
}


#app-wrapper-content {
	padding: 45px 0 0 0;
} 

#app-wrapper ul {
	font-family: "jaf-facitweb";
	color: #484848;
	list-style: none;
	padding: 0;
	margin: 0;

}

#app-wrapper ul li {
	padding: 20px;
	vertical-align: top;
	background-color: #f6f6f6;
	margin: 0 0 1px 0;
}



#iphone-app img {
	max-width: 245px;
	height: 460px;
}

#android-app img {
	max-width: 224px;
	height: 460px;
}

#iphone-app, #android-app{
	max-width: 245px;
	margin: 0 auto;
}



.connect-top-image {
	margin: 30px 0 30px 0;
	width: 100%;
	max-width: 960px;
	display: block;
}


#single-content{
	margin: 0 20px 0 20px;
	font-family: "jaf-facitweb";
	font-size: 16px;
	line-height: 17px;
}
/#single-can-image img {
	width: 33%;
	margin: 0 auto;
	display: block;
}

#single-featured-pacakge img{
	width: 100%;
	margin: 50px 0 0 0;
}

#single-featured-pacakge-b img{
	width: 100%;
	margin: 50px 0 50px 0;
}


#single-can-style {
	padding-top: 10px;
	text-align: center;
}
.stat {
	float: left;
	background-color: #ec6e00;
	text-align: center;
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	font-family: "jaf-facitweb";
	line-height: 20px;
	padding: 15px 0 15px 0;
	width: 33%;
	margin: 0;
}
#stat-ibu{
	background-color: #22a400;
	width: 34%;
}

.label {
	width: 33%;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	font-family: "jaf-facitweb";
	line-height: 20px;
	padding: 7px 0 15px 0;
	color: #000000;
}

#single-slideshow-container {
	max-width: 745px;
	margin: 50px 0 50px 0;
}

#single-slideshow-container-b {
	max-width: 745px;
	margin: 0 0 25px 0;
}

#stats {
	max-width: 500px;
	margin: 0 auto;
}
	
#labels {
	max-width: 500px;
	margin: 0 auto 120px auto;
}

.section-breaker{
	margin-bottom: 50px;
	font-family: "jaf-facitweb";
}
.section-mobile {
	padding: 0 20px 0 20px;
}

.headliner-over {
	font-size: 37px;
	margin-top: 0;
}

/* nav */
.cat-beers-listing {
	line-height: 35px;
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	background-color: #f2f2f2; 
	position: fixed; 
	top: 110px; 
	left: 0;

	text-align: left;
	z-index: 99999999;
	font-size: 8px;
	overflow-x: scroll;
	overflow-y: hidden;
	text-transform: uppercase;
}

.cat-beers-listing a { 
	padding: 0 7px 0 7px;
	margin: 0 0 20px 0;
	border-left: 1px solid #fff;
	color: #484848;
}

.cat-beers-listing a:hover { 
	color: #f26f00;
}

/* page */
#bean-day-image {
	max-width: 500px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}	

#small-batch-beta{
	color: #484848;
}

#small-batch-beta h1{
	line-height: 1em;
}

#small-batch-beta ol li{
	margin-bottom: 10px;
}

#small-batch-beta ul li{
	margin-bottom: 10px;
}

#standard-page {
	max-width: 960px; 
	margin: 75px auto 50px auto;
	padding-right: 20px;
	padding-left: 20px;
	font-family: 'jaf-facitweb'; 
	font-size: 14px;
	line-height: 1.5em; 
}

.star-age {
	display: block;
	margin: 0 auto;
	width: 150px;
}

/* universal */
.page-wrapper {
	max-width: 1170px;
	margin: 0 auto 60px auto;
	padding-left: 15px;
	padding-right: 15px;
}

/* #page-wrapper-no-sub {
	margin-top: 67px;
} */
/* 
#page-wrapper-w-sub {
	margin-top: 180px;
}

#page-wrapper-w-sub-beers {
	margin-top: 140px;
} */

#main-nav-wide {
	display: none;
}

.headliner {
	padding: 0;
	font-family: "jaf-facitweb";
	font-weight: bold;
	font-size: 22px;
	margin: 50px 0 20px 0;
	color: #787878;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 22px;
	width: 100%;
	display: block;
}


.headliner-paragraph {
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	margin: 0;
	text-transform: none;
}

.headliner-paragraph h5 {
	font-weight: bold;
}

.headliner-line-height-shift {
	margin-top: -10px;
}

.headliner-center {
	width: 100%;
	text-align: center;
}
.headliner-image {
	width: 100%;
	margin-bottom: 30px;
}

.headliner-small {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 15px;
}

.headliner-medium {
	font-size: 16px;
}

.headliner-large {
	font-size: 44px;
}

.headliner-smaller {
	font-size: 12px;
	line-height: 14px;
}



.the-divider {
	width: 100%;
	height: 1px;
	background-color: #f0f2f7;
	margin: 20px 0 20px 0;
}

.the-divider-thirty {
	margin: 30px 0 30px 0;
}

.the-divider-two-p {
	height: 2px;
}

.standard-button-container {
	max-width: 818px;
	margin: 30px auto 0 auto;
}

.standard-button {
	display: block;
	font-family: "jaf-facitweb";
	color: white;
	background-color: #f37321;
	font-size: 12px;
	line-height: 27px;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.standard-button-grey {
	background-color: #dddddd;
	color: #000;
}

.large-button {
	line-height: 50px;
	font-size: 16px;
}

.button-width-one-t {
	width: 120px;
}

.button-width-one-n-t {
	width: 192px;
}

.button-width-three-o-e {
	width: 308px;
}

a.standard-button:hover {
	background-color: #f38640;
	color: #fff;	
}

.expand-button {
	height: 40px;
	width: 100%;
	margin: 0 0 15px 0;	
	border-radius: 0;
	cursor: pointer;
}


.expand-button:hover {
	opacity: .9;
}
.expand-button-inset {
	font-family: 'jaf-facitweb'; 
	padding: 0 37px 0 30px;
	line-height: 40px;
	font-size: 12px;
	color: #fff;
	letter-spacing: 2px; 
	font-weight: normal;
	text-transform: uppercase;
}

#job-listings .expand-button-inset {
	 letter-spacing: 1px;
	 font-size: 10px;
}


.expand-button:first-child(1) { background-color: #2387c7; }
.expand-button:nth-child(5n-4) { background-color: #2387c7; }
.expand-button:nth-child(5n-3) { background-color: #4ba32c; }
.expand-button:nth-child(5n-2) { background-color: #f6b21d; }
.expand-button:nth-child(5n-1) { background-color: #f37321; }
.expand-button:nth-child(5n) { background-color: #20969d; }

.expand-title {
	float: left;
	vertical-align: top;
}

.expand-control {
	display: none;
}

.center {
	margin: 0 auto;
}

.right {
	float: right;
	vertical-align: top;
}

.spacer-thirty {
	margin-top: 30px;
}

.spacer-thirty-bot {
	margin-bottom: 30px;
}

.spacer-zero {
	margin-top: 0px;
}

.spacer-zero-bot {
	margin-bottom: 0px;
}

input[type="text"]::-webkit-search-decoration,
input[type="text"]::-webkit-search-cancel-button,
input[type="text"]::-webkit-search-results-button,
input[type="text"]::-webkit-search-results-decoration {
	display: none;
}

input[type="submit"]::-webkit-search-decoration,
input[type="submit"]::-webkit-search-cancel-button,
input[type="submit"]::-webkit-search-results-button,
input[type="submit"]::-webkit-search-results-decoration {
	display: none;
}

.form-container {
	max-width: 300px;
	margin: 30px auto 0 auto;
}


#contact-form-container {
	max-width: 320px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#contact-form-container fieldset {
	border: none;
	padding: 0; 
	margin: 0;
}

#contact-form-container #name {
	display: block;
	width: 100%;
	padding: 7px;
	border: 2px solid #f8f8f8;
	font-family: 'jaf-facitweb';
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#contact-form-container #email {
	display: block;
	width: 100%;
	padding: 7px;
	border: 2px solid #f8f8f8;
	font-family: 'jaf-facitweb';
	font-size: 12px;
	margin-bottom: 10px;
}

#contact-form-container #text {
	display: block;
	width: 100%;
	padding: 7px;
	border: 2px solid #f8f8f8;
	font-family: 'jaf-facitweb';
	font-size: 12px;
	margin-bottom: 10px;
	resize: none;
}

#contact-form-container #contact-submit {
	width: 100%;
	padding: 7px;
	text-align: center;
	font-family: 'jaf-facitweb';
	font-size: 14px;
	color: #fff;
	margin: 0 auto;
	background-color: #f26f00;
	border: 2px solid #f8f8f8;
	
}

#contact-form-container #contact-submit:hover {
	opacity: .8;
}

#contact-form-container .success, #contact-form-container .error {
	height: 320px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	color: #888;
	text-align: center;
	padding: 11px;
	font-family: 'jaf-facitweb';
	font-size: 12px;
}


.form-container input[type="text"] {
	border: 2px solid #cfcfcf;
	padding: 14px;
	font-size: 14px;
	color: #cfcfcf;
	max-width: 420px;
	width: 100%;
	float: left;
	font-family: 'jaf-facitweb';
	text-transform: uppercase;
}

.orange {
	color: #f37321;
}

.dark {
	color: #484848;
} 

.white {
	color: #fff;
}

.shadow {
	text-shadow: 1px 1px 2px #010103;
}

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

.display-b {
	display: block;
}

.full-width-image {
	display: block;
	width: 100%;
	height: auto;
}

.full-screen {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

.full-screen-bg {
	height: 512px;
	background-repeat:  no-repeat;
	background-position: center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

.full-screen-bg-top {
	background-position: top center; 
}

.full-screen-about {
	background-position: top 25%; 
}

.full-screen-text-area {
	padding-top: 30px;
	width: 100%;
	text-align: center;
}

.footer-beer-for-beasts {
	height: 65px;
	width: auto;
}

.footer-social-icons a:hover {
	opacity: .9;
}

.footer-social-icons img {
	height: 30px;
	width: 30px;
	padding-right: 5px;
}

.footer-social-icons img:last-child {
	padding-right: 0;	
}

.benefits {
	padding: 10px;
	margin: 0;
	font-size: 14px;
}

.culture-points {
	width: 100%;
	margin: 0 auto;
}

/* app */
.app-info-block {
	width: 250px;
	height: 175px;
	margin: 0 auto;
}

.app-info-icon {
	width: 35px;
	height: 35px;
	display: block; 
	float: left;
	margin-right: 20px;
	padding-bottom: 140px;
}

.app-info-image {
	max-width: 200px;
	margin: 0 auto 30px auto;
	width: 100%;
	display: block;
}

.app-info-badge {
	width: 190px;
}


/* events */
.featured-events-wrapper {
	background-repeat:  no-repeat;
	background-position: center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.featured-event {
	display: block;
	height: 512px;
	width: 100%;
	margin-bottom: 30px;
	color: #fff;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.featured-event-no-margin {
	margin-bottom: 0;
}

a.featured-event:hover {
	opacity: .8;
}

.featured-event-small {
	width: 100%;
	height: 308px;
	overflow: hidden;
	margin-bottom: 30px;
}

.featured-event-small-right {
	width: 100%;
}


.featured-event-title {
	padding-top: 235px;
	font-size: 44px; 
	text-transform: uppercase;
	line-height: 44px;
	width: 100%;
	text-align: center;
	font-family: 'jaf-facitweb';
	font-weight: bold; 
}

.featured-event-sub-title {
	font-size: 28px;
	font-weight: normal;
	line-height: 29px;
	padding-top: 19px;
	
}

.featured-event-title-small {
	padding-top: 120px;
	font-size: 30px;
	line-height: 30px;
}

.featured-event-sub-title-small {
	font-size: 18px;
	line-height: 18px;
}

.event-date {
	max-width: 20%;
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

.event-location {
}

.event-time {
	max-width: 20%;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: right;
}

.event-name {
	max-width: 55%;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: center
}

.event-expand {
	display: none;
}

.standard-button-h-layout {
	display: block;
	margin: 20px auto;
}

/* home */
.home-single-slider {
	display: block;
	background-repeat:  no-repeat;
	background-position: center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100vw; /* 100% of viewport width */
    height: 50.625vw; /* ratio = 9/16 * 90 = 50.625 */
/*     max-height: 90vh; */
    max-width: 160vw; /* 16/9 * 90 = 160 */
    position: relative;
}

.home-single-slider h1, .home-single-slider h2 {
	margin: 0;
	padding: 0;
	font-family: "jaf-facitweb";
	font-weight: bold;
	display: block;
	width: 100%;
	color: #fff;
	text-shadow: 1px 1px 30px #787878;

}

.home-page-story-words-img{
	width: 100%;
	float: none;
}

.home-single-title-holder {
	bottom: 0px;
	left: 0px;
	position: absolute;
	padding: 20px 0 40px 20px;
	width: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
@media (max-width:767px){
	#slider-hider{
		/* margin-top: 150px; */
	}
	.home-single-title-holder {
		padding: 20px 0px 15px 20px;
	}
	.cycle-pager{
		display:none;
	}
	
}

.home-single-slider h1 {
	font-size: 16px;
	line-height: 20px;
}

.home-single-slider h2 {
	font-size: 12px;
	line-height: 16px;
}

#home-merch-button {
	line-height: normal;
	width: 100%;
	text-align: center;
	font-family: "jaf-facitweb";
	font-size: 40px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}

.home-page-story-words h1 {
	font-family: "jaf-facitweb";
	color: #787878;
	line-height: 25px;
	letter-spacing: 1px;
	font-size: 23px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px 18px 0px 0px;
	margin: 0 0 25px 0px;
}

.home-page-story-words p {
	font-family: "jaf-facitweb";
	color: #787878;
	line-height: 24px;
	font-size: 15px;
	margin: 0px;
	padding: 0px 18px 0px 0px;
}


#home-page-merch {
	width: 100%;
	height: 308px;
	background-image: url('//sixpoint.com/wp-content/uploads/2020/04/sp_skyline_zoom-background_1920x1080-1536x864.jpg');
	background-size:cover;
	background-position: center center;
	

}

#home-page-merch-one-t {
	width: 100%;
	background-color: rgba(238,118,36,.7);
	height: 100%;
	display:flex;
    align-items: center;
}

.home-page-square-link::first-line {
	line-height: 225px;
}

.home-page-square-link {
	width: 100%;
	height: 225px;
	background-repeat:no-repeat;
    background-size: cover;
	margin-top: 20px;
	display: block;	
	font-size: 25px;
	font-family: 'jaf-facitweb';
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}

.home-stories-image {
	width: 100%;
	height: 100%;
	float: right;
	max-width: 634px;
	background-repeat:no-repeat;
    background-size: cover;
}

.home-page-square-link p {
	margin: -97px 0 0 0;
	padding: 0;
}

.home-headline {
	padding: 10px;
}

.home-headline h1 {
	font-size: 26px;
	font-family: 'jaf-facitweb';
	font-weight: bold;
	color: #787878;
	margin: 0 0 25px 0;
	padding: 0;
	text-transform: uppercase;
	line-height: 28px;
}

.home-headline p {
	font-family: 'jaf-facitweb';
	font-size: 16px;
	color: #787878;
	padding: 0;
	margin: 0;
}

.home-page-insta {
	width: 100%;
	display: block;
	height: 308px;
	background-size:cover;
}
.wp-block-cover{
	overflow: hidden;
}
.wp-block-cover img{
	transition: ease-in-out .7s;
}
.wp-block-cover:hover img{
	transform: scale(1.2);
	transition: ease-in-out .7s;
	opacity: .8;
}
.wp-block-cover h2{
	font-family: 'jaf-facitweb';
	font-size: 40px;
	text-transform: uppercase;
	line-height: normal;
}
.wp-block-cover h2 a{
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.now-open .wp-block-cover__inner-container:after {
	font-size: 20px;
	content: "Now Open";
	width: 149px;
	height: 20px;
	background: #f37321;
	position: absolute;
	top: 0;
	left: 0;
	color: white;
	right: 0;
	padding: 12px;
	font-family: 'jaf-facitweb';
	text-transform: uppercase;
}
#home-page-insta-link {
	background-color: #f5b324;
	background-image: url('//sixpoint.com/wp-content/uploads/2017/05/INSTAGRAM-SQUARE.jpg');
	background-repeat:  no-repeat;
	background-position: center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#home-stories-button {
	margin: 0 auto 0 auto;
}

.home-page-story-words {
	padding: 0 20px 0 20px;
}

.home-2-3-box, .home-2-3-box-yt {
	display: block;
	width: 100%;
	height: 310px;
	margin: 20px 0 0 0;
	overflow: hidden;
}


.home-1-3-box {
	display: block;
	width: 100%;
	margin: 20px 0 0 0;
}


.home-1-3-right-box {
	display: block;
	width: 100%;
	height: 310px;
	margin: 20px 0 0 0;
	float: right;
}


.yt-pager {
	text-align: center;
	font-size: 48px;
	width: 100%;
	color: #b1b1b1;
	opacity: .85;
	cursor: pointer;
}

.yt-slider {
	width: 100%;
	margin: 20px 0 0 0;
	overflow: hidden;
}



#home-about-link {
	background-image: url('//sixpoint.com/wp-content/uploads/2017/05/Sixpoint_Brewery_About.jpg');
}

#home-events-link {
	background-image: url('//sixpoint.com/wp-content/uploads/2017/05/Sixpoint_Brewery_Events.jpg');
}

#home-beers-link {
	background-image: url('//sixpoint.com/wp-content/uploads/2017/05/Sixpoint_Brewery_Stories.jpg');
}

#home-beer-finder-link {
	background-image: url('//sixpoint.com/wp-content/uploads/2017/05/Sixpoint_Brewery_BEERS.jpg');
}

/* beer */
.category-stat-box {
	margin-top: 30px;
	margin-bottom: 30px;
	display:inline-block;
	width: 33%;
}

.category-stat {
	font-family: 'jaf-facitweb'; 
	width: 50px;
	height: 50px;
	border-radius: 50px;
	line-height: 50px;
	font-size: 13px;
	color: #787878;
	border: 2px solid #787878;
	text-align:center;
	font-weight: normal;
	margin: 0 auto;
}

.category-stat:nth-child(2){
	margin-left: auto;
	margin-right: auto;
} 

.category-stat-label {
	border: none;
	border-radius: 0px;
	height: auto;
	line-height: 14px;
	margin-top: 10px;
}

#now-drinking {
	overflow-y: scroll;
}

#now-drinking a {
	padding: 15px 0 15px 0;
	border-bottom: 2px solid #e1e1e1;
	display: block;
}

#untappd {
	font-size: 10px;
}

#untappd a {
	display: inline; 
	padding: 5px;
	border: none;
} 

.untappd-image {
	width: 100%;
	height: 100px; 
	background-repeat:  no-repeat;
	background-position: center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.category-stat-box:nth-child(3n) {
	width: 33%;
}

.category-stat-box:nth-child(3n-1) {
	width: 34%;
	margin: 0 auto;
}

.beer-box{
	max-width: 260px;
	width: 100%;
	margin: 20px auto;
}

.beer-style-box {
	width: 100%;
	height: 120px;
	text-align: center;
	display: block;
}

.beer-style-box img {
	width: 100%;
}

.beer-excerpt {
	height: 80px;
	text-align: center;
}

.beer-can {
	width: 100%;
}

.beer-can img {
	width: 100%;
}

.farm-to-pint {
	width: 100%;
	background-repeat:  no-repeat;
	background-position: center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: 'jaf-facitweb'; 
	border-radius: 3px;
	overflow: hidden;
}

.farm-to-pint-inset {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	height: 280px;
	text-align: center;
	padding-top: 75px;
 	text-shadow: 2px 2px #333333;
 }
 
 .farmpintspecs {
 	font-family: 'jaf-facitweb'; 
 }
 
.farmpintspecs p{
	font-size: 20px;
	line-height: 25px;
	margin: 0px;
}

.farmpintabout p{
	color: #484848;
	font-size: 16px;
}

.farmpintabout {
 	padding: 15px;
}

.beer-style-box span {
  display: inline-block;
  vertical-align: middle;
}


/* blog */
.cycle-blog {
	width: 100%;
}

.blog-new-post {
	margin: 0 0 50px 0;
	width: 100%;
	display: block;
	clear: both;
}

.blog-new-post:hover {
	background-color: #f5f5f5; 
}

.blog-new-post h3 {
	font-family: 'jaf-facitweb'; 
	text-transform: uppercase;
	font-weight: bold;
	color: #2694d8;
	margin: 20px 0 20px 0;
	padding: 0;
	width: 100%;
	text-align: center;
	font-size: 11px;
	line-height: 11px;
}

.blog-new-post h4 {
	font-family: "adobe-garamond-pro";
	color: #484848;
	font-size: 16px;
	padding: 0;
	margin: 0 0 20px 0;
	width: 100%;
	text-align: center;
	font-weight: normal;
}

.blog-new-post date {
	font-family: 'jaf-facitweb';
	font-size: 12px;
	color: #999999;
	width: 100%;
	text-align: center;
	width: 100%;
	font-weight: normal;
	display: block;
	
}

.blog-stories-post {
	width: 100%;
	clear: both;
}

.blog-stories-post h2 {
	font-family: "adobe-garamond-pro";
	width: 100%;
	display: block;
	border-bottom: 1px solid #e6e6e6;
	padding: 0 0 25px 0;
	color: #484848;
	font-weight: normal;
	line-height: 25px;
	margin: 0 0 25px 0;
	font-size: 45px;
}

.blog-stories-post p {
	font-size: 18px;
	color:  #484848;
	font-family: "adobe-garamond-pro";
	margin: 0 0 25px 0;
	padding: 0;
}

.read-full-article {
	margin: 0 0 40px 0;
	display: block;
	font-family: 'jaf-facitweb';
	line-height: 50px;
	width: 100%;
	font-size: 24px;
	background-color: #f37321;
	border-radius: 3px;
	text-align: center;
	font-weight: normal;
	color: #fff;
}

.read-full-article:hover {
	color: #fff;
	background-color: #b1b1b1;
}

.featured {
	width: 180px;
	margin-left: 40px;
	font-size: 24px;
	font-weight: bold;
}

.blog-new-post-img {
	width: 100%;
	height: 170px;
	margin: 0 0 25px 0;
	background-position: center center;
	background-repeat: no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.blog-stories-post-img {
	width: 100%;
	height: 250px;
	margin: 0 0 25px 0;
	background-color: red;
}

.single-header-bottom {
	
}

/* blog single */
.single-blog h2 {
	padding: 0 5px 0 5px;
	margin: 0 0 15px 0;
	color: #2694d8;
	font-family: 'jaf-facitweb'; 
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
}

.single-blog h1 {
	padding: 0 5px 0 5px;
	font-size: 38px;
	color: #484848;
	font-family: "adobe-garamond-pro";
	font-weight: bold;
	line-height: 48px;
	margin: 0;
}

.single-blog-date {
	font-family: "adobe-garamond-pro";
	font-size: 12px;
	color: #333333;
}

.published-on {
	color: #999999;
}

#published {
	float: left; 
	clear: both;
	padding: 5px 5px 0 5px;
}
	
.single-blog-content p {
	font-family: "adobe-garamond-pro";
	padding: 0 20px 0 20px;
	margin: 20px 0 20px 0;
	font-size: 18px;
	line-height: 26px;
	color: #484848;
}

.reformat {
	width: 100%;
	max-width: 576px;
	margin: 0 auto;
}

.single-blog-content.reformat p {
	padding: 0 5px 0 5px;
}


.single-blog-content img {
	width: 100%;
	height: auto;
}

#blog-wrapper {
	padding-top: 75px;
}

.cycle-blog {
	margin: 0 0 40px 0;
	overflow: hidden;
}



.single-slider-blog .content-block {
	width: 100%;
	position: absolute;
	display: block;
	left: 0px;
	bottom: 0px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	
}

.single-slider-blog .content-block h1{
	font-family: 'jaf-facitweb';
	color: #fff;
	font-size: 24px;
	padding: 0 40px 0 40px;
	text-shadow: 0px 0px 15px #000;
	font-weight: normal;
	
}

.single-header-bottom {
	padding: 0 0 40px 0;
	border-bottom: 2px solid #f0f2f7;
}

#tags {
	list-style: none;
	margin: 25px 0 0 0;
	padding: 0 0 0 0;
	color: #74797e;
	text-transform: uppercase;
	font-family: 'jaf-facitweb';
}

#tags li {
	display: inline-block;
	margin: 0 5px 5px 0;
	background-color: #f0f0f0;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
	font-size: 13px;
}

.share-station {
	margin: 25px 0 25px 0;
	font-family: 'jaf-facitweb';
	font-size: 12px;
	color: #333333;
	text-transform: uppercase;
}

#share {
	padding: 0 25px 0 0;
}

.share-station div {
	display: inline-block;
	vertical-align: top;
}


#formulations {

}

/* single beer */
.expand-more {
	display:none;
	background-color: rgba(235, 235, 235, .9);
	position: absolute;
	width: 100%;
	height: 20px;
	bottom: 0px;
	right: 0px;
	cursor: pointer;
	padding: 7px 0 7px 0;
	border-radius: 0 0 0 0;
	font-weight: bold;
	text-align: center;	
} 

#single-beer-slideshow {
	height: 470px;
	width: 100%;
	margin: 0 0 30px 0;
	overflow: hidden;
}

.cycle-pager {
	z-index: 999;
	margin: 0; 
	text-align: center;
	font-size: 48px;
	position: absolute;
	width: 100%;
	bottom: -10px;
	color: #b1b1b1;
	opacity: .85;
	cursor: pointer;
}

.cycle-pager span {
	cursor: pointer;
}

.cycle-pager-active {
	color: #f37321;
}

#single-beer-stats {
	clear: both; 
	margin: 0 0 20px 0; 
	font-size: 21px; 
	font-family: 'jaf-facitweb'; 
	color: #fff; 
	line-height: 50px;
	width: 100%;
}

#single-beer-stats-labels {
	width: 100%;
	clear: both; 
	margin: 0 0 0px 0; 
	font-weight: bold; 
	font-family: 'jaf-facitweb'; 
	color: #787878; 
}

.single-beer-stats-box-box, .single-beer-stats-box-box:nth-child(3) {
	width: 33%;
	float: left; 
}

.single-beer-stats-box-box:nth-child(2) {
	width: 34%;
}

.single-beer-stats-box {
	text-align: center;
	width: 100px;
	height: 100px;
	line-height: 100px;
	border: 2px solid #787878;
	border-radius: 100px;
	background-color: #fff;
	color: #787878;
	margin: 0 auto;
}

.single-beer-stats-label, .single-beer-stats-label:nth-child(3) {
	width: 33%; 
	text-align: center; 
	float: left;
	margin: 0 0 40px 0;
}

.single-beer-stats-label:nth-child(2) {
	width: 34%;
}

#single-beer-intro {
	display: block;
	padding: 0 20px 0 20px;
	font-family: 'jaf-facitweb'; 
	color: #484848; 
	line-height: 28px; 
	font-size: 14px; 
	margin: 0 0 20px 0;
}

#single-beer-intro h6 {
	color: #484848;
    display: block;
    font-family: "jaf-facitweb";
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 20px 0;
}

#tab-box {
	position: relative;
	z-index: 1; 
	width: 100%; 
	clear: both; 
	float: right; 
	margin: 0 0 -1px 0;
	font-size: 16px;
	font-weight: bold; 
	font-family: 'jaf-facitweb'; 
	color: #484848; 
	line-height: 18px;
}

.tab { 
	float: left; 
	background-color: #dcdada; 
	margin: 0 0 0 3px; 
	height: 13px; 
	border-left: 1px solid #dcdada; 
	border-right: 1px solid #d3d3d3; 
	border-top: 1px solid #dcdada; 
	border-radius: 3px 3px 0 0; 
	text-align: center; 
	padding: 10px 5px 10px 5px;
	cursor: pointer;
	font-size: 12px;
	
}

.tab:first-child {
	margin: 0;
}	

.tab-content {
	position: relative;
	z-index: 0;
	background-color: #fff;
	width: 100%;
	border-top: 1px solid #dcdada;
	border-bottom: 1px solid #dcdada;
	border-radius: 0 3px 3px 3px;
	clear: both;
	margin: 0;
	font-family: 'jaf-facitweb';
	color: #484848;
	line-height: 14px;
	font-size: 12px;
}

.tab-liner {
	padding: 25px 25px 25px 25px;
	height: 150px;
	overflow: hidden;
	font-family: 'jaf-facitweb';
	font-size: 14px;
	line-height: 22px;
}

#lab-notes {
	overflow-y: scroll;
}


#single-youtube {
	margin: 0 0 45px 0;
}

.single-beer-headliner {
	color: #484848;
	font-family: 'jaf-facitweb'; 
	display: block; 
	width: 100%; 
	border-bottom: 2px solid #f0f2f7; 
	padding: 0 0 10px 0; 
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px; 
	margin: 0 0 20px 0;
}

.single-beer-headliner-last {
	margin: 50px 0 0 0;
}

.single-featured-blog-post {
	display: block; 
	width: 100%;
	height: 350px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	clear: both;
	border-radius: 5px;
}

.single-featured-blog-post-l{
	margin: 0;
	border-radius: 5px;
	position: relative;
}

.single-featured-blog-post-r{
	margin: 0;
	border-radius: 5px;
	position: relative;
}

.single-featured-content {
	padding: 30px; 
	font-size: 12px;
	font-family: 'jaf-facitweb';
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	clear: both;
}

.single-beer-related-title {
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	text-shadow: 0 0 5px #5a5a5a;
}

.single-beer-related-blurb{
	margin: 0 0 15px 0;
	text-shadow: 0 0 5px #5a5a5a;
	font-size: 14px;
	
}

.single-related-beers {
	text-align: center;
	margin: 0 0 20px 0;
	padding-top: 20px;
	padding-bottom: 20px;
}

.single-related-beers-can {
	max-width: 66px;
	padding: 10px 0 0 0;
}

.single-related-style {
	display: block;
	max-width: 120px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	font-family: 'jaf-facitweb';
	text-transform: uppercase;
	font-size: 12px;
	color: #787878;
	font-weight: bold;
}

#single-can-image {
	margin: 0 auto 20px auto;
	width: 40%;
	display: block;
}

#single-beer-style {
	width: 192xp;
	margin: 20px 0 20px 0;
	text-align: center;
	clear: both;
}

#single-beer-style img {
	max-width: 192px;
}

.single-merch-title {
	font-family: 'jaf-facitweb';
	font-weight: bold;
	font-size: 14px;
	color: #000;
	line-height: 16px;
	text-align: center;
}

.single-merch-price {
	font-family: 'jaf-facitweb';
	font-weight: bold;
	font-size: 12px;
	line-height: 28px;
	text-align: center;
	color: #787878;
	line-height: 14px;
	margin: 10px 0 20px 0;
}

.single-merch-photo {
	margin: 25px auto;
	max-width: 150px; 
}

@media screen and (min-width: 48em)	 {
	/* app */
	#app-wrapper {
		margin: 75px auto 50px auto;
		padding-right: 40px;
		padding-left: 40px;
		max-width: 960px;
	}
	
	
	.app-info-image {
		max-width: 200px;
		margin: 0 auto;
		width: 100%;
		display: block;
	}

	
	/* footer */
	#footer-content ul li { 
		text-transform: uppercase;
		margin: 0;
		padding: 0 30px 15px 0;
		vertical-align: top;
	}
	
	#footer-content ul li:last-child {
		padding: 0;
	}	
	
	#looking {
		font-size: 16px;
	}
	
	/* about */
	#about-container {
		padding: 0 40px 0 40px;
	}
	

	
	
	/* connect */
	#connect-wrapper {
		padding: 0 40px 0 40px;
	}
	
	
	/*header*/
	#email-signup-top {
		height: 36px;
		position: absolute;
		top: 10px;
		right: 100px;
		display: block;
		z-index: 2147483647;
		font-family: 'jaf-facitweb';
		display: none;
	}
	
	#email-signup-top #email-form input[type="text"]{
		width: 160px;
		font-size: 10px;
		text-transform: uppercase;
		border-top: 2px solid #ebebeb;
		font-family: 'jaf-facitweb';
	}
	
	#email-signup-top #email-form input[type="submit"] {
		color: #ebebeb;
		height: 52px;
		border-top: 2px solid #ebebeb;
	}
	
	/* nav */
	.cat-beers-listing {
		display: none;
		padding: 13px 0 0 40px;
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		margin: 0 0 0 0;
		background-color: #f2f2f2; 
		position: fixed; 
		top: 110px; 
		left: 0;
		height: 35px;
		text-align: left;
		z-index: 99999999;
		font-family: "jaf-facitweb";
		font-size: 18px;
		text-transform: uppercase;
	}
	
	/* beer */
	.farm-to-pint {
		max-width: 470px;
		height: 355px;
	}
		
	.pinteven {
		float: right;
	}
		
	.beer-box {
		margin: 30px 0 0 0;
	}
	
	/* universal */
	#main-nav-wide {
		font-family: "jaf-facitweb";
		letter-spacing: 1px;
		text-transform: uppercase;
		display: block;
	}
	
	#main-nav-wide a{
		color: #787878;
		font-size: 16px;
		font-weight: bold;
	}
	
	#main-nav-wide a:hover {
		color: #f37321;
	}
	
	#main-nav-wide ul{
		list-style none;
	}
	
	#main-nav-wide li {
		display: inline-block;
		list-style-type: none;
		padding-right: 25px;
	}
	
	#main-nav-wide ul li.nav-social {
		display: none;
	}
	
	.headliner-paragraph {
		padding: 0;
		font-size: 21px;
		line-height: 34px;
	}
	
	.headliner-small {
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 15px;
	}
	
	.headliner-smaller {
		font-size: 12px;
		line-height: 14px;
	}
	
	.spacer-zero {
		margin-top: 0px;
	}
	
	.beer-box-two {
		margin-left: auto;
		margin-right: auto;
	}
	
	.beer-box-three {
		margin-left: auto;
		margin-right: auto;
	}
	
	.beer-box-four{
		float: right;
		vertical-align: top;
	}
	
	#sub-nav{
		font-size: 22px;
		text-align: center;
		padding: 0;

		width: 100vw;

		
		/* left: 50%; */
		/* right: 50%;
		margin-left: -50vw;
		margin-right: -50vw; */
		
	}
	
	#sub-nav li {
		display: inline-block;
		margin: 0 30px;
		height: 100%;
	}
	
	#sub-nav li:first-child{
		padding-left: 0px;
	}
	
	
	/* beer nav */
	.cat-beers-listing a {
		border-left: 1px solid #fff;
		color: #484848;
	}
	
	.cat-beers-listing a:hover {
		color: #f26f00;
	}
	
	.cat-beers-listing a:first-child {
		padding: 0 0 0 40px;
	}
	
	#mc_embed_signup input.email {width: 130px;}
	
	
	.full-screen-text-area {
		width: 50%;
		float: left;
		margin-left: 10%;
		padding-top: 115px;
		text-align: left;
		
	}
	
	.culture-points {
		width: 50%;
		margin: 0 auto;
		display: block;
	}
	
	/* home */
	.home-page-story-words-img {
		max-width: 634px;
		width: 100%;
		float: right;
	}
	
	.home-single-title-holder {
		bottom: 0px;
		left: 0px;
		position: absolute;
		padding: 40px 0 40px 40px;
	}
	.home-single-slider h1 {
		font-size: 40px;
		line-height: 44px;
	}

	.home-single-slider h2 {
		font-size: 26px;
		line-height: 30px;
	}
	
	
	.home-page-insta {
		max-width: 308px;
		width: 100%;
	}
	
	#home-page-insta-link {
		float: right;
	}
	
	#home-page-insta-two {
		width: 100%;
		margin: 0 auto;
	}
	
	.home-page-square-link {
		font-size: 40px;
		background-size: auto 100%;
		-moz-transition: all 1s;
		-webkit-transition: all 1s;
		transition: all 1s;
		max-width: 225px;
		height: 225px;
		width: 100%;
		margin-top: 50px;
	}
	
	#home-stories-button {
		margin: 0;
	}
	
	.home-page-story-words {
		padding: 0;
	}
		
	.home-page-square-link:hover {
		background-size: auto 110%;
	}
	
	.home-headline {
		padding: 10px;
	}
	
	.home-headline-yt {
		max-width: 280px;
		float: right;
		clear: both;
	}
	
	.pure-wide {
		max-width: 960px;
		height: 310px;
		width: 100%;
	}
	
	#home-about-link {
		
	}
	
	#home-events-link {
		float: right;
	}
	
	#home-beers-link {
		margin-left: auto;
		margin-right: auto;
	}
	
	#home-beer-finder-link {
		margin-left: auto;
		margin-right: auto;
	}
	
	
	#home-page-merch-one-t {
		max-width: 308px;
		position: relative;
		top: 0;
		left: 0;
	}
		
	.home-2-3-box {
		max-width: 640px;
		display: block;
		width: 100%;
		height: 310px;
		margin: 20px 0 0 0;
		overflow: hidden;
	}
	
	
	.home-1-3-box {
		max-width: 300px;
		display: block;
		width: 100%;
		margin: 20px 0 0 0;
		float: left;
	}
	
	
	.home-1-3-right-box {
		max-width: 300px;
		display: block;
		width: 100%;
		height: 310px;
		background-color: orange;
		margin: 20px 0 0 0;
		float: right;
	}
	
	
	/* about */
	.about-section-header-img {
		max-width: 100%;
		margin: 0 auto;
		display: block;
	}
	
	.full-width-image {
		display: block;
		width: 100%;
		height: auto;
		margin: 20px 0 20px 0;
	}
	
	/* categories */


	/* events */
	.single-event {
		font-size: 20px;
		font-weight: bold;
		padding-bottom: 20px;
	}


	.single-event-info {
		font-size: 15px;
	}
	
	.expand-button {
		height: 87px;
		margin: 0 0 30px 0;
		border-radius: 5px;
	}
	
	.event-expand {
		background-color: #f37321;
		color: #fff;
		padding: 5px 10px 5px 10px;
		border-radius: 2px;
		max-width: 15px;
		display: inline-block;
		float: right;
		vertical-align: middle;
	}

	.expand-button-inset {
		line-height: 87px;
		font-size: 22px;
		font-weight: bold;
	}
	
	#job-listings .expand-button-inset {
		 letter-spacing: 2px;
		 font-size: 22px;
	}
	

	.expand-control {
		float: right;
		vertical-align: top;
	}
	
	.event-date {
		max-width: 180px;
		width: 100%;
		display: inline-block;
	}

	.event-location {


	}
	
	.expand-button-inset {
		font-size: 16px;
		text-transform: uppercase;
	}

	.event-time {
		display: inline-block;	
		max-width: 154px;
		width: 100%;
	}

	.event-name {
		max-width: 475px;
		width: 100%;
		display: inline-block;
		text-align: left;
	}
	
	
	.featured-event-small {
		max-width: 470px;
	}

	.featured-event-small-right {
		float: right;
	}

	.standard-button-h-layout {
		display: inline-block;
		margin-right: 50px;
	}

	.standard-button-h-layout:last-child {
		margin: 0;
	}
	
	/* blog */
	.single-slider-blog .content-block h1 {
		font-size: 45px;
	}
	
	#blog-wrapper {
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
	}	
	
	.blog-new-post {
		max-width: 220px;
		clear: both;
	}
	
	.blog-new-post:nth-child(1), .blog-new-post:nth-child(2) {
		float: left;
	}

	.blog-new-post:nth-child(3), .blog-new-post:nth-child(4) {
		float: right;
	}
	
	.blog-stories-post {
		max-width: 460px;
	}
	
	.blog-new-post-img {
		max-width: 220px;
		height: 170px;
	}
	
	.blog-stories-post-img {
		max-width: 460px;
		height: 250px;
	}
	
	/* single-blog */
	
	#published {
		float: right; 
		padding: 0;
		vertical-align: top;
	}	
	
	.single-blog h2 {
		padding: 0;
	}

	.single-blog h1 {
		padding: 0;
		font-size: 48px;
	}
	
	/* layout-c */
	#single-beer-slideshow {
		float: right;
		clear: both;
		height: 470px;
		max-width: 670px;
	}
	
	#single-beer-stats {
		float: right;
		max-width: 670px;
	}
	
	#single-beer-stats-labels {
		max-width: 670px;
		float: right;
		border: none;
	}
		
	#single-beer-intro {
		max-width: 670px; 
		float: right; 
		padding: 0;
		font-size: 18px;
	}
	
	#tab-box {
		max-width: 670px; 
	}
	
	.single-beers-middle-related {
		border-left: 2px solid #f0f2f7; 
		border-right: 2px solid #f0f2f7; 
	}
	
	.tab-content {
		max-width: 668px;
		float: right;
		border: 1px solid #dcdada; 
	}
	
	.tab { 
		padding: 10px 20px 10px 20px;
		cursor: pointer;
		font-size: 16px;
	}
	
	#single-youtube {
		margin: 0 0 45px 0;
	}
	
	.single-featured-blog-post-r {
		max-width: 465px;
		width: 100%;
		float: right;
		border-radius: 5px;
	}
	
	.single-featured-blog-post-l {
		max-width: 465px;
		width: 100%;
		float: left;
		border-radius: 5px;
	}
	
	.single-featured-content {
		max-width: 300px;
		width: 100%;
	}
	
	#single-beer-style {
		width: 192px; 
		margin: 20px 0 20px 0;
		text-align: center;
	}
		
	/* older vv */
	#can-image {
		display: block; 
		position: relative;
		margin: 1em auto;
		width: 10%;
		position: fixed;
		z-index: -1;
	} 
	
	.category-heading {
		font-size: 3em;
	}
	
	#events-featured{
		padding: 0 0 0 15px;
	}
	
	#events-featured img{
		width: 100%;
	}
	
	.section-mobile {
		padding: 0;
	}
	
	.single-beer-cat {
		width: 100%;
	}
			
	.blog img {
		max-width: 620px;
	}

	#single-can-image img {
		max-width: 192px;
		width: 100%;
	}
	
	#single-featured-pacakge img{
		max-width: 400px;
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	
	#single-featured-pacakge-b img{
		max-width: 400px;
		width: 100%;
		margin: 0 auto 50px auto;
		display: block;
	}

	#single-content{
		max-width: 500px;
		margin: 0 auto;
	}
	
	#single-wrapper {
		max-width: 500px;
		float: right;
	}
	
	#stat-ibu{
		background-color: #22a400;
		width: 160px;
	}
	
	.stat {
		width: 160px;
		margin: 0 10px 0 0;
	}
	
	.stat:last-child {
		margin: 0;
	}
		
	.label {
		width: 160px;
		margin: 0 10px 0 0;
	}
	
	.label:last-child {
		margin: 0;
	}
	
	/* !.headliner-over {
		font-size: 57px;
	} */
}

.alert.alert-info{
    background: #f37321;
    position: absolute;
    top: 121px;
    z-index: 999;
    width: 100%;

	position: relative;
	top: 0;
	padding-top: 1px;
	padding-bottom: 1px;
}

/* @media (max-width: 767px) {
	.alert.alert-info {
		top: 69px;
	}
} */

.alert.alert-info a{
    color: #fff;
}

a.banner-button {
  background-color: red;
  box-shadow: 0 5px 0 darkred;
  color: white;
  padding: 1em 1.5em;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}

a.banner-button:hover {
  background-color: #ce0606;
  cursor: pointer;
}

a.banner-button:active {
  box-shadow: none;
  top: 5px;
}

#main-nav-wide .hidden-menu-item{
	display:none!important;
}

.beer-section{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-evenly;
	margin: auto;
}

.beer-section .pure-u-1{
	flex-basis: 25%;
}

.beer-section .beer-box {
	margin-left: auto;
	margin-right: auto;
}

div#ps-lightbox-background {
	z-index: 999999999!important;
}
.ps-container.ps-lightbox {
	z-index: 9999999999!important;
}

.beer-box .ps-widget[ps-sku], 
.beer-box .ps-widget[data-ps-sku] {
	float: none!important;
}

.ps-no-sku{
	display:none !important;
}

/* New Events Styles */
.events-grid, .sticky-event{
	font-family: 'jaf-facitweb';
	text-transform: uppercase;
	color: #787878;
}
/* .sticky-event .sticky-event, .sticky-event .events-grid{
	display: none;
} */
.sticky-event figure{
	max-height: 30vw;
	overflow: hidden;
}

.events-grid li{
	box-shadow: 0 0 20px 0px #00000029;
	position: relative;

}
.events-grid .wp-block-group{
	padding-top: 0 !important;
	padding-bottom: 5px !important;
}
.events-grid figure{
	margin: 0;
	position: relative;
}
.events-grid figure:after{
	content: "";
	display: block;
	padding-bottom: 100%;
}
.events-grid figure img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.events-grid .wp-block-post-title{
	text-transform: uppercase;
	margin-bottom: 0;
	color: #f26f00;
}
.events-grid .wp-block-post-date, .sticky-event .wp-block-post-date{
	position: absolute;
	top: 0;
	left: 0;
	background: #f37321;
	z-index: 9;
	color: #fff;
	font-weight: 400;
	font-size: 20px;
	padding: 12px;
	font-family: 'jaf-facitweb';
	text-transform: uppercase;
}
.sticky-event{
	position: relative;
}
.sticky-event .wp-block-group{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0 0 30px #000000a6;
}