/* additional responsive styles */



/* manually added breakpoint to fill gap between 1080 and 1200 */
@media (min-width: 1080px) {
	/* widest footer allowing "widget" box row to exceed width of page content & header */
	#footer .container {
	/*	width:1100px; */
	}
	
	.footer-thumbnail {
		width:72px;
	}
	
	#menu-subs {
		left:250px;
	}
	
	.beer-section-header .beer-label {
		padding-top: 12px;
	}

	
} /* end @media (min-width: 1080px)  */

/* Large desktop (bootstrap breakpoint) */
@media (min-width: 1200px) {
	.footer-thumbnail {
		width:74px;
	}
	
	#menu-subs {
		left:300px;
	}
	
	.beer-section-header .beer-label {
		padding-top: 14px;
	}


} /* end @media (min-width: 1200px) */

/* manually added breakpoint */
@media (min-width: 980px) and (max-width: 1079px) {
	/* email input */
	#footer input.input-newfangled-post {
		background-size:188px 40px;
		width:151px;
	}
	
	/* reduce size of footer thumbnail to prevent new line */
	.footer-thumbnail {
		width:72px;
	}
	
	/* reduce width of social icons */
	#social-icons {
		width:162px;
	}
	
	#menu-subs {
		left:258px;
	}

	.beer-section-header .beer-label {
		padding-top: 12px;
	}
} /* end @media (min-width: 980px) and (max-width: 1079px) */

@media (max-width: 979px){
	/* height and position of label below page slider */
	#page-slider-subtitle {
		height: 49px;
		top: -49px;
	}
	
	/* padding on text in label below page slider */
	#page-slider-subtitle-text {
		padding-top: 16px;
	}
	
	/* force width to prevent overlap on staff members */
	.span6.staff {
		width: 460px;
	}
			
	.page-id-46 .in-carousel {
		bottom: 110px;
	}
	
	.beer-section-header .beer-label {
	  font-size: 17px;
	  padding-top: 7px;
	 }
	
} /* end @media (max-width: 979px) */

/* Portrait tablet to landscape and desktop (bootstrap breakpoint) */
@media (min-width: 768px) and (max-width: 979px) {
	/* email input */
	#footer input.input-newfangled-post {
		width:88px;
	}
	
	/* reduce left margin on footer logo */
	img#where-to-find-societe {
		left:2px;
	}
	
	/* reduce size of footer thumbnail to prevent new line */
	.footer-thumbnail {
		width:53px;
	}
	
	/* reduce width of social icons */
	#social-icons {
		width:162px;
	}
	
	/* space between footer items */
	#footer-sub ul li {
		margin-right:20px;
	}
	
	#menu-subs {
		left:68px;
	}
   	
   	/* reduced font size on page scroller */
   	#page-slider-subtitle-text {
	   	font-size: 19px;
	}
	
	/* reduce margin on beer sections */		
	.beer-section-copy {
		margin-top: 5px;
   }
   
   div.carousel-caption-container div.container {
	   margin-left: 2%;
   }

} /* end @media (min-width: 768px) and (max-width: 979px) */

/* Landscape phone to portrait tablet (bootstrap breakpoint) */
@media (max-width: 767px) {
	/* nav */
	
	#sub-menu-item-200, #sub-menu-item-201, #sub-menu-item-202, #sub-menu-item-203 {
		left: 0;
		right: -25px;
	}

	#footer input.input-newfangled-post {
		background-size:240px 40px;
	}
	
	#footer-boxes .span3 {
		margin-bottom:20px;
	}
	

	/* 1/4 footer "widget" boxes */
	#footer .span3 {
		width:260px;
	}
	
	.span4.tasting-room {
		margin-left:0;
	}
	
	.span12.tasting-room {
		margin-left:0;
	}
	
	.span2.logo {
		padding-left:20px;
	}
	
	/* reduce left margin on footer logo */
	img#where-to-find-societe {
		left:-7px;
	}
	
	#footer {
		padding-left:20px;
		padding-right:20px;
		height: 510px;
	}
	
	.footer-thumbnail {
		width:74px;
	}
	
	#footer-sub {
		padding-left: 20px;
	}

	/* footer menu spacing */
	#footer-sub ul {
		margin:0 0 10px;
	}
	
	.copyright{
		text-align: left;
	}

	#content {
		padding-left:20px;
		padding-right:20px;
	}
	
	#mospo {
		float:left;
	}
	
	/* remove padding from body */
	body {
		padding-left:0;
		padding-right:0;
	}
	
	/* margin under each span3 on beer page in vertical layout*/
	.beer .span3{
		margin-bottom: 20px;
	}
	
	/* reduced font size on page scroller */
   	#page-slider-subtitle-text {
	   	font-size: 15px;
	}

   	
   	/* additional margin for subsection on beer page */
   	.page-body.beer-sub .span3 {
	   	margin-bottom: 30px;
	}
	
	/* center subsections on beer page */
	.page-body.beer-sub .span3 {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	
	/* center subsections on beer page */
	.beer-sub .beer-section-copy {
	 	text-align: center;
	}
	
	.beer-sub .beer-section-copy ul li:before {
		content: none;
	}
	
	/* reduce top margin on tasting room slider */
	.tasting-room-carousel.slide {
		margin: 25px 0 0;
  	}
  	
	.brewery-main {
		background-image: url("img/brewery-content-background-medium.png");
	}
	
	.brewery-intro{
		padding-right: 25px;
		margin-bottom: 30px;
	}
	
	.brewery-content{
		padding-left: 25px;
	}
	
	.beer-section-header{
	    background-size: 217px 44px;
	    background-position: center bottom;
	}
	
	.beer-section-header .beer-label{
		padding-top:14px;
		font-size: 20px;
	}
	
	/* beer carousel */
	
	#beer-carousel div.carousel-inner div.item {
		padding: 0 20px;
		min-height: 1200px;
		background: white;
		background: rgba(255,255,255,0.7);
	}


} /* end @media (max-width: 767px) */

/* breakpoint for oversize image carousel for desktop browsers only */
/* added by Honest Code on 2014-2-7 */
@media (min-width: 621px) {
	
	#home-carousel.carousel .home_slide {	
		max-height: 1000px;
		min-height: 550px;
		min-width: 960px;
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	
	#home-carousel.carousel .item {
		height: 540px;
		width: 100%;
	}
	
	#home-carousel.carousel .home_slide .carousel-image {
		height: 540px;
		left: 50%;
		margin-left: -490px;
		margin-top: -270px;
		position: absolute;
		top: 50%;
		width: 960px;
	}
	
	
	#home-carousel.carousel .item a.post-thumbnail-link,
	#home-carousel.carousel .item img.attachment-full {
		height: 100%;
		width: 100%;	
	}
	
	.carousel-control {
		top: 195px;
		width: 101px;
	}
	
	a.carousel-control span {
		position: relative;
		top: -7px;
		padding: 0 7px;
	}


} /* end @media (min-width: 621px) */

/* Breakpoint for page scroller subtitle & title */
@media (max-width: 620px) {
	
	/* place scroller subtitle below scroller */
	#page-carousel #page-slider-subtitle{
		display: none;
	}
	#page-slider-subtitle-text-small{
		display: block;
	}
	.slide.subtitle { 
	margin-bottom: 0px;
	}
	
	.page-id-46 .in-carousel {
		bottom: 55px;
	}

	h1.in-carousel-title {
		font-size: 25px;
	}

	.thumbnails > li {
		margin-left:5px;
		margin-bottom:5px;
	}
	
	.post-type-archive-person .thumbnail img {
		float:left;
	}
	
	.post-type-archive-person .caption {
		display:inline;
		float:left;
		width:150px;
	}
	
	.post-type-archive-person .caption h4 {
		margin:0;
		padding:0;
	}
	
	/* mobile navigation */
	/* added by Honest Code, 2014-2-7 */
	
	#header {
		display: none;
	}
	
	#mobile-header,
	#mobile-nav {
		display: block !important;
	}
	
	#mobile-header div.logo {
		text-align: center;
	}
	
	#mobile-nav ul.menu {
		margin: 40px 0 0 0;
		padding: 0;
		border-top: 2px solid #c6bfb5;
		border-bottom: 2px solid #c6bfb5;
	}
	
	#mobile-nav.int ul.menu {
		margin: 0;
		display: none;
	}
	
	#mobile-nav ul.menu>li {
		background: #f1efec;
		border-top: 2px solid #c6bfb5;
		border-bottom: 2px solid #c6bfb5;
		position: relative;
	}
	
	#mobile-nav ul.menu li a {
		display: block;
		text-align: center;
		font-family:'Knockout 28 A','Knockout 28 B';
		font-weight:400;
		font-style:normal;
		font-size: 35px;
		line-height: 60px;
		text-transform: uppercase;
		color: #564a49;
		text-decoration: none !important;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	
	#mobile-nav.int a.tap {
		display: block;
		background: url(img/disclosure_arrows_dk.png) right center no-repeat #f1efec;
		background: url(img/disclosure_arrows_dk.svg) right center no-repeat #f1efec;
		border-top: 2px solid #c6bfb5;
		position: relative;
		text-align: center;
		font-family: 'Knockout 30 A', 'Knockout 30 B';
		font-weight: 400;
		font-style: normal;
		font-size: 18px;
		line-height: 60px;
		letter-spacing: .06em;
		text-transform: uppercase;
		color: #564a49;
		text-decoration: none !important;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	
	#mobile-nav ul.menu>li>span.disclose {
		position: absolute;
		right: 0;
		top: 0;
		padding: 20px 25px;
		cursor: pointer;
		display: block;
		background: url(img/disclosure_arrows.png) center no-repeat;
		background: url(img/disclosure_arrows.svg) center no-repeat;
	}
			
	#mobile-nav ul.menu li>ul.sub-menu {
		display: none;
		margin: 0;
		border-top: 4px solid #c6bfb5;
		/*
		-webkit-transition: height 0.2s ease-in-out;
		-moz-transition: height 0.2s ease-in-out;
		-o-transition: height 0.2s ease-in-out;
		*/
	}
		
	#mobile-nav ul.menu li>ul.sub-menu>li {
		border-bottom: 2px solid white;
	}
	
	#mobile-nav ul.menu li>ul.sub-menu>li:last-child {
		border-bottom: none;
	}
	
	#mobile-nav ul.menu li>ul.sub-menu>li>a {
		color: #978d8c;
	}
	
	.carousel-caption h4 {
		margin: 10px 0;
	}
	
		
} /* end @media (max-width: 620px) */

/* Landscape phones and down (bootstrap breakpoint) */
@media (max-width: 480px) {
	body, #main, #header, #footer {
		padding:0;
		margin:0;
		width:100%;
	}
	
	/* 
	
	#header {
		text-align:center;
	}
	
	div.logo > .row {
		text-align:center;
	}
	
	.logo {
		float:none;
		margin:10px 0 0 -20px;
	}
	
	#menu-wrapper > .span10 {
		margin:0;
		padding:0;
	}
	
	#menu-wrapper {
		position:fixed;
		top:0;
		width:100%;
		background-color:#000;
		text-align:center;
		margin:0;
		padding:0;
		height:55px;
	}
	
	#main-menu {
		margin-top:-10px;
		padding:0;
		float:none;
	}
	
	#main-menu li {
		margin:0 10px 0 0;
		padding:0;
	}
	
	#main-menu li a {
		padding:0;
		margin:0;
	}
	
	.footer-thumbnail {
		width:74px;
	}
	
	*/
	
	
	.staff-card {
		height: 100%;
		width: 300px;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.staff-card h4 {
	  font-size: 20px;
	}
	
	.staff-information {
		padding-left: 20px;
		padding-bottom: 10px;
	}
	
	.brewery-main {
	  background-image: url("img/brewery-page-bg_300x1000.png");
	}	

	
	.column {
		float: left;
		width: 100%;
	}
	
	#footer .span3 {
		padding-left: 20px;
  	}
  	

} /* end @media (max-width: 480px) */


@media (max-width: 320px) {
	h1 {
		font-size: 27px;
	}
	#amalgamate-form {
		width: 265px;
	}
	#amalgamate-form #mce-NAME-container, #amalgamate-form #mce-EMAIL-container {
		width: 242px;
	}
	#amalgamate-form input.input-newfangled-post {
		width: 154px;
  	}
  	.copyright {
		font-size:13px;
	}
} /* end @media (max-width: 320px) */