/*reset*/
.noMargin{
	margin:0;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.np{
	padding:0px;
}

.mt30{
	margin-top:30px;
}

.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:20px;
}

.pt100{
	padding-top:100px;
}
.pb100{
	padding-bottom:100px;
}

.vcenter {
	padding-top:15%;   
}
.fw200{
	font-weight: 200;
}


.container{
	/*width:1240px;*/
}
/*remove rounded corners*/
.btn{
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  font-weight: 700;
}

h1, h2, h3, h4, h5, h6, p, li{
	font-family: "niveau-grotesk",sans-serif;
}


h1{
	
	
}

h2{
	font-size: 40px;
	line-height: 36px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 4px;
		
}

.team-page .profile h2{
	font-size: 28px !important;
	text-transform: none;
}

.beer-info .beer-title, .footer-v1 .footer .headline h2{
	letter-spacing: 4px;
}

/*yellow headlines*/
h3{
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	text-transform: uppercase;	
	letter-spacing: 2px;
}


h4{
	font-size: 18px;
	line-height: 24px;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 4px;	
}
h5{
	
	letter-spacing: 4px;	
}

p, address, .jumbotron p{
	font-size: 18px;
	font-weight: 200;
	color:#fff;
}

a{
	color:#fff;
}
a:hover{
	 color: #cabb59;
	 text-decoration: none;
}


.btn-yellow { 
  color: #222222; 
  background-color: #CABB59; 
  border-color: #CABB59; 
  min-width:120px;
} 
 
.btn-yellow:hover, 
.btn-yellow:focus, 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  color: #222222; 
  background-color: #FAEC8E; 
  border-color: #CABB59; 
} 


.btn-black { 
  color: #CABB59; 
  background-color: #222222; 
  border-color: #CABB59;
  min-width:120px; 
} 
 
.btn-black:hover, 
.btn-black:focus, 
.btn-black:active, 
.btn-black.active, 
.open .dropdown-toggle.btn-black { 
  color: #CABB59; 
  background-color: #666666; 
  border-color: #CABB59; 
} 
 
.btn-black:active, 
.btn-black.active, 
.open .dropdown-toggle.btn-black { 
  background-image: none; 
} 
 



/*colors*/

.yellow{
  color: #cabb59;
}

.white{
  color: #fff;
}

.black-bg{
	background-color: #222222;
}

.gray{
	color:#222222;
}

.yellow-border{
	border: 1px solid #cabb59;;
}


/*common*/

.jumbotron {
	height: auto;
	/*padding-bottom: 200px;*/
	background-color: #222222;                     
	background-repeat:   no-repeat;
	background-position: center top;
	background-size:     cover!important;
}

.jumbotron .intro{
	margin-top:100px;
	margin-bottom: 100px;
}

.jumbotron .brand-title{
	font-size: 18px;
	color:#fff;
	font-weight: 200;
}

.jumbotron .page-slogan, .home-our-beers h2{
	letter-spacing: 4px;
	font-weight: 500;
	margin-bottom: 20px;
	line-height: 44px;
	font-size: 40px;
}



/* ==========   Age Verification Page   ===============*/
.age .modal-content{
	/*margin-top:220px;*/
	background-color:  rgba(0,0,0,0.9);
	padding:200px;
}

.age p{
	margin-bottom: 20px;
}

.age .btn{
	padding: 12px 30px;
	margin-right:10px;
}
.age .btn:hover{
	background-color: #cabb59;
}


/*home page*/




/* ==========   Home - Our Beers Section   ===============*/

.home-our-beers {
	margin-top:100px;
	padding-bottom: 120px;
}

.home-our-beers .beer-menu .active{
	padding-bottom: 6px;
	border-bottom: 1px solid #cabb59;

}

.beer-list{
	margin-top: 40px;
}

.beer-list li{
	line-height: 50px;
	font-size: 18px;
}

.beer-info{
	margin-top: 140px;
	padding-left:100px;
}

.beer-info .row{
	margin-bottom: 6px;
}



.beer-info .beer-title{
	font-size: 18px;
	color: #cabb59;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.beer-info .beer-desc{
	font-size: 16px;
	color: #fff;
	font-weight: 100;
	margin-bottom: 30px;
	letter-spacing: 1px;
	text-transform: none;
	margin-top: 0px;
	padding-top: 0px;
}


.beer-info .beer-info-cta{
	margin-top: 40px;
}
.beer-info .beer-info-cta a{
	margin-left:10px;
}

.beer-info span{
	font-size: 16px;
	color: #fff;
	font-weight: 400;
}


.target{
  position:absolute;
  top:160px;
  left:180px;
}

/* ==========   Home - Specials Section   ===============*/

/*carousel-indicators reset*/

.carousel-indicators {
  position: relative;
  bottom: 10px;
  left: 0%;
  z-index: 15;
  width: 100%;
  padding-left: 0;
  margin-left: -30px;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 200px;
  height: auto;
  margin: 10px;
  padding:15px;
  text-indent: 0px;
  cursor: pointer;
  background-color: #222222;
  background-color: rgba(34, 34, 34, 1);
  border: 0px solid #222222;
  border-radius: 0px;
  color:#fff;
  font-weight: 600;
  font-size:14px;
}
.carousel-indicators .active {
  width: 200px;
  height: auto;
  margin: 10;
  margin-bottom:5px;
  background-color: #222222;
  border-bottom: 4px solid #CABB59; 
}


.specials-btn{
	background-color: #222222;
	text-align: center;
	padding-top:15px;
	padding-bottom: 15px;
	font-weight: 600;
	font-size:14px;
	
}

.specials-btn span{
	
	font-weight: 600;
	font-size:14px;

}

.home-specials{
	padding-top:60px;
	padding-bottom: 60px;
	height:500px;
	background-image: url("../img/banners/bc-home-news-slide-bg.jpg");
    background-position: right bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.home-specials .item{
	
	height:300px;
}



.home-specials h2{
	margin-bottom: 40px;
	color:#222222 !important;

}
.home-specials  h3{
	margin-bottom: 6px;
	font-size: 24px;
	font-weight: 400;
}
.home-specials  p{
	color:#000;
}

.home-specials .slide-pagination{
	/*margin-top:60px;*/
}

.home-specials .slide-pagination a{
	color:#fff;
}
.home-specials .slide-pagination a:hover{
	color:#CABB59;
	text-decoration: none;
}








/* ==========   About/ Story Page   ===============*/


.story-intro{
	background-color: #803030;
	padding:40px;
}

.story-intro h3{
	font-weight: 200;
}

.story{

}

.story p{
	color:#fff;
	font-size: 18px;
}


.what-in-a-name{
	padding-top:100px;
	position: relative;
}

.what-in-a-name-image-block{
	position:absolute;
	top:40px;
	width:100%;
	z-index: 9999;
	margin: 0 auto;
	
}
.what-in-a-name-image-block img{
	position: relative;
	margin: 0 auto;

}


.what-in-a-name .story{
	background-color: #803030;
	padding:200px;
	padding-top: 500px;
}

.carousel-control {
    padding-top:15%;
    width:5%;
  }
  .carousel-control{
    font-size: 30px;
  }

/* ==========   Mug Club Page   ===============*/

.mc-perks{
	padding-bottom: 60px;
}
.mc-row{
	margin-bottom: 0px;
}

.mugClub-box, .mugClub-box-large{
	background-color: #393939;
    border-bottom: 5px solid #CABB59;
    padding:20px;
    padding-bottom:5px;
    color:#fff;
    min-height: 100px;
    margin-bottom: 30px;
}

.mugClub-box-large{

    min-height: 100px;
}

.mc-description{
	 
	 background: url(../img/BC-Mug-club-beer-bg.jpg) no-repeat top center;
	 color:#fff;
	 padding-bottom: 100px;
	 min-height: 1500px;



}

.mc-description .mg-rules{
	background-color: #803030;
	padding:40px;
	padding-left:80px;
	padding-right:240px;
	padding-bottom: 100px;
	margin-top: 160px;
	position: absolute;
}
.mc-description .mg-rules h3, .mc-description .mg-how h3{
	font-weight: 200;
}

.mc-description .mg-how{
	background-color: #000000;
	padding:40px;
	margin-top: 450px;

}

.small .mg-rules{
	background-color: #803030;
	padding:40px;
	
	padding-bottom: 100px;
	
}

.small .mg-how{
	
	
	margin-top:60px;
}

.join-mc{
	padding-bottom: 100px;
	position: relative;
}


/* ==========   Contact Page   ===============*/

.black-bg form label{
	font-size: 12px;
	font-weight: 100;
}

label .error{
	padding-top:10px !important;
}

/* ==========   visit Page   ===============*/

#exterior{
	z-index: 999;
	padding-top:100px;
}
.mg-visit{
	background-color: #803030;
	padding:40px;
	padding-right:160px;
	padding-left:160px;
	/*padding-left:80px;
	padding-right:240px;
	margin-top: 160px;
	position: absolute;*/
}

.tour{
	margin-top:500px;
	background-color: #803030;
	padding:60px 60px;
}

.food-menu{
    margin-bottom: 120px;
  }
  .food-menu .list-unstyled li{
    color:#fff;
  }
  .food-menu h4{
    color:#fff;
  }



/* ==========   tap map Page   ===============*/


.mapInfo{
	margin-top:-60px;
	background-color: #803030;
	padding:20px 100px;
	text-align: center;
}

/* ==========   team Page   ===============*/

.owner-profile-img{
	z-index: 999;
	padding-top:100px;
}
.bc-owner-profile{
	background-color: #803030;
	padding:70px;
	padding-right:40px;
	padding-left:100px;
	margin-left:20px;
	width: 630px;
}
.bc-owner-profile h3{
	font-weight: 200;
}

.team-profile-top{
	margin-top:60px;
}

#team-profile-img{
	
}

.mg-team-profile h2{
	font-size: 30px;
}



.profile-brief{
	background-color: #3c3c3c;
	padding:10px;
	border-bottom: 2px solid #CABB59;
	color:#fff;
}
.profile-brief h5{
	font-size: 18px;
}
.profile-brief p{
	font-size: 15px;
}

.team-profile-brief{
	background-color: #3c3c3c;
	padding:10px;
	color:#fff;
}

.active .profile-brief{
	
	border-bottom: 8px solid #CABB59;
}

.team h3{
	font-weight: 200;
	line-height: 30px;
}





/*==========  our beers page  ==========*/

.beer-category{
    margin-bottom:40px;
  }

  .our-beers{
    margin-bottom: 40px;
  }

  .single-beer{
    padding-top:20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #1A1A1A;
  }

  .border-right{
    border-right: 1px solid #1A1A1A;
  }


  .single-beer:hover{
    background-image: url("../img/yellow-overlay.png");
    background-repeat: repeat-x;
    background-size: cover;
   
  }

  .single-beer h5{
    text-align: center;
    font-size: 18px;
    letter-spacing: 1px;
  }
  .single-beer p{
     text-align: center;
    font-size: 14px;
  }
  .single-beer p span{
   margin-left:20px;
  }

  .single-beer .img-responsive {
      margin: 0 auto;
      margin-bottom: 40px;
  }


/* -------   specific beer page  --------------*/

.beer-long-desc{
	padding-top:40px;
}

#single-beer .beer-info{
	padding-left:0px !important;
}

.beer-long-desc h3{
	font-size: 24px;
	line-height: 24px;
	font-weight: 500;
	text-transform: uppercase; 
	letter-spacing: 4px;
}





.beer-glass img{
	margin:0 auto;
}

.check-ins{
	background-color: #803030;
	padding:30px 30px;
	margin-bottom: 40px;
}
.top-check-in{
	margin-top:300px;
}
.checkin-icons img{
	width:80%;
	margin:10px;
	margin-left:0px;
}

.check-in .review{
	padding:20px;
	margin-bottom: 20px;
}
.check-ins span{
	color:#cabb59;
}

.check-ins i{
	font-size: 20px;
}

.check-ins a{
	color:#cabb59;
}
.check-ins a:hover{
	color:#fff;
}

.check-ins .empty{
	color:#ccc;
}



/*on tap page*/

.on-tap .row{
	margin-bottom: 120px;
}
.on-tap{
	
}



/*  -------  contact page   ------------ */
.contact h3{
	margin-bottom:30px;
    letter-spacing: 4px;
}





/*==========  Media Queries  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){
	
	.beer-info{
		padding-left:40px;
	}

	.target{  
	  left:150px;
	  clip: rect(0px,180px,20px,0px);
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){
	
	.beer-glass img{
		margin-top:140px;
	}

	.bc-owner-profile{
		width:500px;
	}

	.team-profile-img{
		margin-bottom:20px;
	}

	
	.mg-team-profile h2{
		margin-top:0px !important;
	}

	.border-right{
		border:none;
	}
	.mg-rules{
		padding-right:140px;
	}
	.mg-how{
		clear:both;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px){
    
    .home-our-beers .beer-list, .home-our-beers .beer-info{
		margin-top:0px;
	}
	.home-our-beers .beer-list h2{
		font-size: 24px !important;
	}
	.home-our-beers .beer-list li{
		font-size: 18px;
		line-height: 24px;
	}
	.mg-team-profile{
	
		padding-top:0px;
		padding-bottom:10px;
		padding-right:20px;
		padding-left:20px;
		margin-left:10px;
		width: 100%;
	}
	.beer-info{
		margin-top: 20px;
		text-align: center;
	}
	.beer-long-desc{
		text-align: center;
	}

	.age .modal-content{
		
		padding:200px 10px;
	}

	

}

/* Extra Small Devices, Phones */
@media (max-width: 480px){

	.pt100{
		padding-top:20px !important;
	}
	.pb100{
		padding-bottom:20px !important;
	}
	
	
	.home-our-beers .beer-list h2{
		font-size: 12px !important;
	}
	.home-our-beers .beer-list li{
		font-size: 12px;
		line-height: 28px;
	}

	.home-specials .item{
		height:500px;
	}

	.home-specials{
		padding-top:20px;
		padding-bottom: 20px;
		height:450px;

		/*background-image: url("../img/banners/bc-home-news-slide-bg.jpg");*/
	    background-position: left top;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}


	.home-specials .carousel-caption{
		margin-top: 0px;
		padding-top:0px;
		padding-bottom: 10px;
		padding-right:80px;
		height:500px;
		top:0px;
	}

	.home-specials .carousel-caption .row{
		margin-top: 0px;
		padding-top:0px;
		
	}

	.home-specials .carousel-caption h2{
		font-size: 14px;
		line-height: 14px;
		margin-bottom:5px;;

	}
	.home-specials .carousel-caption h3{
		font-size: 12px;
		line-height: 12px;
		margin-bottom:5px;
	}
	.home-specials .carousel-caption p{
		font-size: 12px
	}

	.mg-visit{
		
		padding-right:20px;
		padding-left:20px;
	}

	.mg-visit h3{
		
		font-weight: 100;
	}

	.tour{
		margin-top:100px;
		margin-bottom: 100px;
		padding:20px;	
	}
	.mapInfo{
		margin-top:20px;
		padding:20px;
	}

	.mg-team-profile{
	
		padding-top:0px;
		padding-bottom:10px;
		padding-right:10px;
		padding-left:10px;
		margin-left:10px;
		width: 100%;
	}

	.beer-info{
		margin-top: 20px;
	}

	.story-building{
		margin:0;
		margin-top: 20px;
		padding:0;

	}
	.carousel-control{
		padding-top:50%;
	}



}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}




/*custom 7 column row*/
@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */    
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}