@charset "UTF-8";

/* Layout Small Screens */

header { 
	height: 111px;
	background: url(../images/header-small.jpg) no-repeat center 0px;
	background-size: 500px 111px;
}

h1 { font-size:2.0em; margin: .5em 0px .5em 0px; }
h4 { font-size:2.4em; line-height:30px; }
h6 { font-size:2.0em; margin: -1.0em 0px .5em 0px; }
h7 { font-size:3.0em; margin: 10px 0px .5em 0px; line-height:.8em; }
h8 { font-size:2.2em;  }

.email { 
	height: 33px;
	background: url(http://springcraftbeerfestival.com/images/updates-btn-small.jpg) no-repeat center;
	margin-top:-39px;
	background-size: 100px 33px;
	margin-right:85px;
}


.emailfooter { 
	width: 35px;
	height: 35px;
	background: url(../images/email-white.png) no-repeat center;
	margin-right:5px;
}
.fbfooter {
  background-image:url(../images/FB-white.png);
  background-repeat:no-repeat;
  height:35px;
  width:35px;
  padding-right: 10px;

}
.twitterfooter {
  background-image:url(../images/twitter-white.png);
  background-repeat:no-repeat;
  height:35px;
  width:35px;
  padding-left: 5px;
  padding-right: 5px;
  margin-right:-10px;
}


.logofooter {
  background-image:url(../images/starfish-logo-small.png);
  background-repeat:no-repeat;
  height:40px;
  width:105px;
  margin-left:-15px;
}

.ticketsbuttonhome { margin-left:-20px; }
.ticketsbuttonhtickets { margin-left:-30px; }

/*.right-column {border: 2px solid  #ccc; padding: .5em .5em .5em 1.2em;}*/

.right-column {display:none;}

header a.logo { 
	width: 72px;
	height: 175px;
	background-image:url(../images/logo-small.png);
	background-size: 72px 90px;
	position: absolute;
	max-width: 80%;
	top: 2.3em;
	left: 4%;
}

header a.logo:empty
{
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media screen and (orientation: portrait) {
  header a.logo { max-width: 90%; }
}

@media screen and (orientation: landscape) {
  header a.logo { max-height: 90%; }
}

article { padding: 20px 20px 10px 20px; }

.vipbtn {
  width:175px;
}

.gabtn {  
  width:175px;
  margin-left:-30px;
}

ul.bjqs-controls.v-centered li a{
	display: none;
}

.promo_container { padding: 0px; }

.promo_container .promo {
	width: auto;
	float: none;
	padding: 10px 0px 0px 0px;
	background-position: 20px 13px;
	border-top: 1px solid #ccc;
	margin-left:-3em;
	}
	
.promo_container .promo .content { padding: 0px 0px 5px 70px; margin-top:175px; margin-left:-50px; }

.TRpromo_container { padding: 0px; }

.TRpromo_container .TRpromo {
	width: auto;
	float: none;
	padding: 10px 0px 0px 0px;
	background-position: 20px 13px;
	border-top: 1px solid #ccc;
	margin-left:-3em;
	}
	
.TRpromo_container .TRpromo .content { padding: 0px 0px 5px 70px; margin-top:175px; margin-left:-50px; }

.seminar_container { padding: 0px; }

.seminar_container .seminar {
	width: auto;
	float: none;
	padding: 10px 0px 0px 0px;
	background-position: 80px 13px;
	border-top: 1px solid #ccc;
	margin-left:-4em;
	}
	
.seminar_container .seminar .content { padding: 0px 0px 5px 70px; margin-top:225px; margin-left:-30px; }

footer { border-top: 1px solid #a6abc5; }

body { background-image:none; }

.form {
	margin-left:-20px;
}

.hashtag {
	
display: none;
  
  }
  
  .session1tickets {
	margin:0px;
	margin-bottom: 8px; 
  }
  
  .session2tickets {
	margin:0px; 
	margin-top: 8px; 
	margin-bottom: 8px; 
  }  
  
  .testimonials {
	line-height:16px;
}

.gallery a {
    margin-left: 60px;
}

.socialbar
{ top:28%; }

.updates
{ right: 2px; }

.flexbox {
  max-width: 1125px;
  margin: 10px auto;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

.flex-item {
  width: 450px;
  height: 250px;
  margin: 0px;
  margin-bottom:-50px;
  text-decoration: none;
}

.flex-item img {
  position: absolute;
}

.text-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: #fff;
  margin-top:-5px;
  font-size:28px;
  font-family:garagegothic-regularregular,Arial, Helvetica, sans-serif;
  text-shadow: 1.5px 1.5px 1.5px #000;
}

.text-banner {
  position:relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top:10px;
  background-color:rgba(120,120,120,.8);
  height:50px;
}

.title {
   font-size:18px;
   text-shadow:none;
   margin-top:2px;
}

/*.text-wrapper:hover {
  transition: all 0.8s ease;
  background: rgba(0, 0, 0, 0.6);
  opacity: 1;
}
*/

.name {
  font-size: 1.4em;
}

.name2 {
  font-size: 1.4em;
  margin-top:9px;
}

.flex-item-wide {
  width: 100%;
  margin: 10px;
  text-decoration: none;
}

.text-wrapper-wide {
  position: relative;
  width: 91%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: #000;
  margin-top:10px;
  font-size:30px;
  font-family:garagegothic-regularregular,Arial, Helvetica, sans-serif;
  background-color:#0C6;
  padding:15px;
  margin-bottom:25px;
}

.text-banner-wide {
  position:relative;
  width: 91%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top:10px;
  background-color:rgba(120,120,120,.8);
  height:60px;
}

.title-wide {
   font-size:15px;
   text-shadow:none;
   margin-top:5px;
   line-height:20px;

}

.name-wide {
  font-size: .7em;
}

.GAbox {
	background-color:#CCC;
	padding:5px;
	width:100%; 
	float:left;
	margin:0 0 0px -5px;
}
	
	.VIPbox {
	background-color:#0CF;
	padding:5px;
	width:100%; 
	float:left;
	margin:0 0 15px -5px;
}

.vip {margin-bottom:250px;}

.vip_container { padding: 150px 0px 15x 20px; }
.vip_container .vip { 
width: 100%;
float: left;
background-position: 0px 3px;
}

.vip_container .vip .content { padding: 150px 30px 10px 0px; }