@charset "UTF-8";

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

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

}

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

}

/* Global Content Formatting and Styles */

body {
	
	color:#000;
	line-height:1.5em;
	font-family:Arial;
	font-size:14px;
	background: #3A5292 url(../images/bg.jpg) no-repeat 0 0;
	background-size: 100% auto;
}

.page {
	max-width: 980px;
	margin: 0px auto 0px auto;
	position: relative;
	background-color: #FFF;
	box-shadow: 8px 0 15px -4px rgba(0, 0, 0, 0.6), -8px 0 8px -4px rgba(0, 0, 0, 0.6);
}

.testimonials {
	font-size: 12px;
	line-height:10px;
	margin-bottom: 14px;
}

h1 { font-size:2.8em; font-weight:normal; color:#3A5292; margin: 0px 0px .5em 0px; line-height:1em; text-align:center; font-family: 'dincondensedcregular', Arial, Helvetica, sans-serif; }
h1.title { font-size:2em; font-weight:normal; color:#a6430a; margin: -.8em 0px .5em 0px; line-height:1em; text-align:center; }

h2 { font-size:1.5em; margin:0px 0px 1em 0px; font-weight:bold; }

h3 { font-size:1.5em; margin:0px 0px 1em 0px; }

h4 { font-size:3.5em; margin:0px 0px 1em 0px; color:#3A5292; font-family: 'garagegothic-regularregular', Arial, Helvetica, sans-serif; line-height:1.2em; }

h5 { font-size:1.0em; text-align:center }

h6 { font-size:1.5em; font-weight:normal; color:#3A5292; margin: 0px 0px .5em 0px; line-height:1em; text-align:center; font-family: 'dincondensedcregular', Arial, Helvetica, sans-serif; }

h7 { font-size:5.5em; font-weight:normal; color:#2F408B; margin: 0px 0px .5em 0px; line-height:1em; text-align:center; font-family: 'garagegothic-regularregular', Arial, Helvetica, sans-serif; }

h8 { font-size:3em; font-weight:normal; color:#000; margin: 0px 0px .5em -25px; line-height:1em; text-align:center; font-family: 'garagegothic-regularregular', Arial, Helvetica, sans-serif; }

h9 { font-size:3.4em; margin:1px 0px 1em 0px; color:#3A5292; font-family: 'garagegothic-regularregular', Arial, Helvetica, sans-serif; line-height:1em; }

h10 { font-size:2.8em; margin:0px 0px 1em 0px; color:#26225E; font-family: 'dincondensedcregular', Arial, Helvetica, sans-serif; line-height:1em }

h11 { font-size:1.8em; font-weight:normal; color:#7F421C; margin: 0px 0px .5em 0px; line-height:1em; text-align:center; font-family: 'dincondensedcregular', Arial, Helvetica, sans-serif; }

.beerlist-heading { font-size:2em; font-weight:bold; color:#3A5292; margin: 0px 0px 0px 0px; line-height:1em; font-family: 'dincondensedcregular', Arial, Helvetica, sans-serif; }

p { margin: 0px 0px .75em 0px;}

a { color:#3A5292; }

.red { color:#a6430a; }

.imbibe {color:#039; font-size:20px;}

.border { border-style: solid; border-width: 2px; border-color:#039; padding: 8px 5px 0px 8px; margin: 0 15px 7px 15px; border-radius:10px; background-color:#FCC;}

a:hover {color:#009eff; }

footer { font-size:.85em; color:#9ba0bd; background:#3A5292; padding:10px 10px 10px 0px; text-align:center; height:50px; }

.center { text-align:center; }

a.cta { 
text-transform:uppercase;
font-size:.9em;
font-weight:bold;
text-decoration:none;
margin: 0 0 0 0;
padding: 0px 12px 0px 0px;
background:url(../images/cta_arrow.png) no-repeat right 0px;
}

a.cta:hover { background-position:right -50px; }

.promo h3 { font-size: 1.0em; margin: 0; margin-top:.5em; line-height: 1.2em;}
.promo p { line-height: 1.2em; font-size: .9em; }


.promo { background-repeat:no-repeat; background-size: 90px 90px; width:90px; height:90px; margin-top:20px; }
.promo.one { background-image:url(../images/oktoberfest.jpg); }
.promo.two { background-image:url(../images/beer-cheese-soup.jpg); }
.promo.three { background-image:url(../images/libe-thumb.jpg); }
.promo.four { background-image:url(../images/that-guy.jpg); } 
.promo.five { background-image:url(../images/libme-sam.jpg); } 
.promo.six { background-image:url(../images/pumpkin-beer.jpg); } 

.TRpromo h3 { font-size: 1.1em; margin: 0; margin-top:2.5em;  }
.TRpromo p { line-height: 1.2em; font-size: .9em; margin-bottom:2.5em; }

.TRpromo { background-repeat:no-repeat; background-size: 225px 125px; }
.TRpromo.moustache { background-image:url(../images/logos/moustache.jpg); }
.TRpromo.one { background-image:url(../images/logos/finchs.jpg); }
.TRpromo.one { background-image:url(../images/logos/finchs.jpg); }
.TRpromo.two { background-image:url(../images/logos/arcadia.jpg); }
.TRpromo.three { background-image:url(../images/logos/speakeasy.jpg); }
.TRpromo.four { background-image:url(../images/logos/founders.jpg); }
.TRpromo.five { background-image:url(../images/logos/founders.jpg); }
.TRpromo.six { background-image:url(../images/logos/almanac.jpg); }
.TRpromo.seven { background-image:url(../images/logos/founders.jpg); }
.TRpromo.eight { background-image:url(../images/logos/speakeasy.jpg); }

.seminar h3 { font-size: 1.3em; margin: 0; margin-bottom:.5em; line-height: 1.2em;}
.seminar p { line-height: 1.5em; font-size: 1em; }
.seminar { background-repeat:no-repeat; background-size: 200px 200px; }
.seminar.one { background-image:url(../images/beer-sensory101.jpg); }
.seminar.two { background-image:url(../images/beer-cheese.jpg); }
.seminar.three { background-image:url(http://springcraftbeerfestival.com/images/twisted.jpg); }


.logos {
	text-align: center;	
}

/*.vipbtn {
  font-family: Arial;
  color: #ffffff;
  font-size: 28px;
  font-weight:bold;
  background: #3498db;
  padding: 5px 10px 5px 10px;
  margin: 5px 5px 5px 5px;
  text-decoration: none;
  width:225px;
  text-align:center;
  line-height:28px;
}

.vipbtn:hover {
  text-decoration: none;
  color:#9F0;
}
*/
.gabtn {
  font-family: Arial;
  color: #ffffff;
  font-size: 28px;
  font-weight:bold;
  background:#3498db;
  padding: 5px 10px 5px 10px;
  margin: 5px 5px 20px 5px;
  text-decoration: none;
  width:500px;
  text-align:center;
  line-height:50px;
}

.session1tickets {
	background-color:#961F20;
	font-weight:bold;
	margin-left:225px;
	margin-right:225px;
	text-align:center;
}

.session2tickets {
	background-color:#002263;
	font-weight:bold;
	margin-left:225px;
	margin-right:225px;
	text-align:center;
}

/*#tickets a:link { color:#0F0; } a:visited { color:#0F0; } a:hover {color:#FFF;}*/

#imbibe a:link { color:#FFF; } #imbibe a:visited { color:#FFF; } #imbibe a:hover {color:#FF0;}

.gabtn:hover {
  text-decoration: none;
  color:#9F0;
}

.arrow {
	font-size:12px;
	vertical-align:middle;
	
}
	
.clear-fix{ clear:both; line-height:1px; }

/*Strip the ul of padding and list styling*/

ul {
	list-style-type: none;
	margin: 32px 5px 0px 10px;
	padding: 5px 0px 5px 0px;
	position: absolute;
	background-color:#3A5292;
}

ul li ul{	
	background-color:transparent;	
}

/*Create a horizontal list with spacing*/
li {
	display:inline-block;
	float: left;	
}

/*Style for menu links*/
li a {
	display:block;
	min-width:127px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-family: 'dincondensedcregular', Arial, Helvetica, sans-serif;
	font-size:23px;
	color: #fff;
	text-decoration: none;
}

/*Hover state for top level links*/
li:hover a {
	background:none;
	color:#FF0;
}

/*Style for dropdown links*/
li:hover ul a {
	background: #3A5292;
	color:#FFF;
	height:60px;
	line-height:45px;
	margin-top:-40px;
	margin-bottom:20px;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background:#3A5292;
	color: #FF0;
}
/*Hide dropdown links until they are needed*/
li ul {
	display: none;
}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li ul li a {
	padding: 0 5px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	display: none;
	margin-top:-130px;
	margin-right:10px;
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #CCC;
	padding: 2px 0;
	width:32px;*/
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}
/*Responsive Styles*/

@media screen and (max-width : 800px){
	/*Make dropdown links appear inline*/
	ul {
		position:static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		background-color:#3A5292;
	}
	
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
}

.print { display:none; }

.columns-container { position: relative; margin: 0; }

.left-column { margin-bottom: .5em; padding: 0 1.25em 0 0; height:100%;}

.right-column {border-left: 2px solid  #ccc; padding: .5em .5em .5em 1.2em; height:100%}


/* MEDIA QUERIES */
@media screen and (min-width: 47.5em ) {
  .left-column { margin-right: 15.5em; }

	.right-column { position: absolute; top: 0; right: -15px; width: 15.75em;} 
	
	.right-column a:link { text-decoration:none; color:#666; }  
}

/*.adleft {
  background-image:url(http://file:///Macintosh%20HD/Users/Starfish/Desktop/nofo/images/tapped-ad.jpg);
  width: 100px;
  height: 113px;
  background-repeat:no-repeat;
  padding: 5px 0px 5px 0px;
  margin: 0px 120px 5px 0px;
}*/

/*.adright {
  background-image:url(http://file:///Macintosh%20HD/Users/Starfish/Desktop/nofo/images/late-night-chauffeurs-ad.jpg);
  width: 100px;
  height: 113px;
  background-repeat:no-repeat;
  padding: 20px 0px 5px 0px;
  margin: -125px 10px 5px 0px;
}*/

img {
    max-width: 100%;
    height: auto;
}
@media {
  img { 
    width: auto; /* for ie 8 */
  }
}

  iframe {
        width: 1px;
        min-width: 100%;
        *width: 100%;
    }

.gallery:after {
    content: '';
    display: block;
    margin: .5em 0 1.4em;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(77,77,77,1) 50%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(77,77,77,1) 50%, rgba(0, 0, 0, 0) 100%);
}

.gallery img {
    height: 100%;
}

.gallery a {
    width: 220px;
    height: 160px;
    display: inline-block;
    overflow: hidden;
    margin: 4px 6px;
    box-shadow: 0 0 4px -1px #000;
}

/* Highlight.js Tomorrow Night style */
.hljs-comment{color:#969896}.hljs-tag{color:#f8f8f2}.css .hljs-class,.css .hljs-id,.css .hljs-pseudo,.hljs-attribute,.hljs-regexp,.hljs-title,.hljs-variable,.html .hljs-doctype,.ruby .hljs-constant,.xml .hljs-doctype,.xml .hljs-pi,.xml .hljs-tag .hljs-title{color:#c66}.hljs-built_in,.hljs-constant,.hljs-literal,.hljs-number,.hljs-params,.hljs-pragma,.hljs-preprocessor{color:#de935f}.css .hljs-rules .hljs-attribute,.ruby .hljs-class .hljs-title{color:#f0c674}.hljs-header,.hljs-inheritance,.hljs-string,.hljs-value,.ruby .hljs-symbol,.xml .hljs-cdata{color:#b5bd68}.css .hljs-hexcolor{color:#8abeb7}.coffeescript .hljs-title,.hljs-function,.javascript .hljs-title,.perl .hljs-sub,.python .hljs-decorator,.python .hljs-title,.ruby .hljs-function .hljs-title,.ruby .hljs-title .hljs-keyword{color:#81a2be}.hljs-keyword,.javascript .hljs-function{color:#b294bb}.hljs{display:block;overflow-x:auto;background:#35383C;color:#c5c8c6;padding:.8em}.coffeescript .javascript,.javascript .xml,.tex .hljs-formula,.xml .css,.xml .hljs-cdata,.xml .javascript,.xml .vbscript{opacity:.5}

#loading{
	background-color:#17224E;     /*this color should be changed based on the color scheme of the event */
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 10000;
	margin-top: 0px;
	top: 0px;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 150px;
	width: 150px;
	margin-top: -75px;
	margin-left:-55px;
}
.object{
	width: 20px;
	height: 20px;
	background-color: #FFF;
	float: left;
	margin-right: 20px;
	margin-top: 10px;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
}
.loadingfont{
  font-size:1.2em;
  color:#FFF;
  text-align:center;
  margin-left:-50px;
   }

#object_one {	
	-webkit-animation: object_one 1.5s infinite;
	animation: object_one 1.5s infinite;
	}
#object_two {
	-webkit-animation: object_two 1.5s infinite;
	animation: object_two 1.5s infinite;
	-webkit-animation-delay: 0.25s; 
    animation-delay: 0.25s;
	}
#object_three {
    -webkit-animation: object_three 1.5s infinite;
	animation: object_three 1.5s infinite;
	-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
	
	}

@-webkit-keyframes object_one {
75% { -webkit-transform: scale(0); }
}

@keyframes object_one {

  75% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  }

}





@-webkit-keyframes object_two {
 

  75% { -webkit-transform: scale(0); }


}

@keyframes object_two {
  75% { 
    transform: scale(0);
    -webkit-transform:  scale(0);
  }

}

@-webkit-keyframes object_three {

  75% { -webkit-transform: scale(0); }

}

@keyframes object_three {

  75% { 
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  
}

.socialbar
{ z-index:999; position:fixed; right: 0px;} 

.socialbaricons
{ float: right; } 

.updates
{ float:left; z-index:999; position:fixed; }

.faq { margin: 0 0 0 0; padding: 60px 10px 60px 10px; }

.faq-grey { background-color: rgba(204, 204, 204, .50); padding: 60px 10px 60px 10px;  }

.faqtext {  margin: 10px 0px 0px 0px; font-size:1.2em; }

.dos {  margin: 10px 0px 0px 0px; font-size:1.2em; }

.lynda-special { font-size:1em; color:#395091; }

vip h3 { font-size: 2.0em; margin: 0; margin-top:10px; line-height:1.0em;  }
.vip p { line-height: 1.2em; font-size: 1.0em; }

.vip { background-repeat:no-repeat; background-size: 225px 125px; height:135px; margin-bottom:10px; }
.vip.one { background-image:url(../images/logos/brooklyn-brewery.jpg); }
.vip.two { background-image:url(../images/logos/sam-adams.jpg); }
.vip.three { background-image:url(../images/logos/stony-creek.jpg); }
.vip.four { background-image:url(../images/logos/new-belgium.jpg); }
.vip.five { background-image:url(../images/logos/gun-hill.jpg); }
.vip.six { background-image:url(../images/logos/jacks-abby.jpg); }
.vip.seven { background-image:url(../images/logos/springdale.jpg); }
.vip.eight { background-image:url(../images/logos/zero-gravity.jpg); }
.vip.nine { background-image:url(../images/logos/nine-pin.jpg); }
.vip.ten { background-image:url(../images/logos/melvin-brewing.jpg); }
.vip.eleven { background-image:url(../images/logos/bluepoint.jpg); }