@charset "UTF-8";

/* START Fonts */
	@import url("fonts.css");
	
	html, button, input, select, textarea,
	.pure-g [class *= "pure-u"] {
		font-family: "zurich_light_bt", Helvetica, sans-serif;
	}
/* END Fonts */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body{
/*	background:url('../img/bg.jpg') no-repeat center center;
	background-size:cover;*/
	font-size:12px;
	width: 100%;
	height: 100%;
}

/* START Elements */
	a:link, a:visited{
		text-decoration:none;
		/*color:#ffab33;*/
		color:#6FBEF3;
	}
	a:hover, a:focus{
		color:#000;
		text-decoration:none;
	}
	
	video{
		position: relative;
		height: auto;
		width: 100%;
	}
	p.caption{
		margin:0.2em auto 1em;
		text-align:center;
	}
	
	h1, h2, h3, h4, h5, h6, label{
		/*color: #34495e;*/
	}
	h2{
		font-size:165%;
		text-transform:uppercase;
		text-align:center;
		position:relative;
		letter-spacing:2px;
		margin:2em 0;
	}
	h2::before {
		content: "";
		display: block;
		border-top: 2px solid #34495e;
		width: 90%;
		height: 1px;
		position: absolute;
		top: 50%;
		left:5%;
		right: 5%;
		z-index: 1;
	}
	h2 span {
		background: #fff;
		padding: 0 20px;
		position: relative;
		z-index:2;
	}
	h4{
		font-family: "zurich_bold_bt", Helvetica, sans-serif;
	}
	
	.clear {
		clear:both;
	}
	br.clear{
		height:0;
	}
	
	.pure-form label {
		margin: 1em 0 0;
		font-family: "zurich_bold_bt", Helvetica, sans-serif;
		font-size: 100%;
	}
	.pure-form input[type=text],
	.pure-form input[type=email] {
		border: 2px solid #ddd;
		box-shadow: none;
		font-size: 100%;
		width: 100%;
		margin-bottom: 1em;
	}
	.pure-form.paypal label{
		margin:0;
		display:inline-block;
		line-height:28px;
		vertical-align:middle;
	}
	.pure-form.paypal input[type=image]{
		height:24px;
		vertical-align:top;
	}
	.pure-form.paypal input[type=submit]{
		line-height:28px;
		vertical-align:middle;
		font-family: "zurich_bold_bt", Helvetica, sans-serif;
		background:transparent;
		border:none;
		padding:0;
	}
	.pure-button {
		background-color: #1f8dd6;
		color: #fff;
		margin-top:0.2em;
		padding: 0.5em 1.5em;
	}
/* END Elements */

/* START Generic Classes */
	/*.videowrap {
		position: relative;
		padding-bottom: calc(100% * 0.5625);
		height: 0;
		width: 100%;
	}
	.videowrap iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}*/
/* END Generic Classes */

/* START Page Structure */
	#wrapper{
		margin:0 auto;
/*		width:82%;*/
		width:100%;
		background-color:#fff;
	}
	
	header#header-container {
		background: #2d3e50;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		z-index: 3;
		height:25%;
	}
	
	.pure-menu.pure-menu-open.pure-menu-fixed {
		border-bottom: none;
		z-index: 4;
	}
	.home-menu.pure-menu-open {
		background: #2d3e50;
	}
	
	.home-menu .pure-menu-heading {
/*	    background: url('../../img/common/coffee-bgnd.png');
	    box-shadow: inset 0 0 0.6em 0.2em #2d3e50;
		margin:0.4em 0 0 0.2em;
		padding:0.1em 0 0.4em 1em;*/
		color: #fff;
	    font-weight: 400;
		font-size:120%;
		margin:0.3em 0 0 0.2em;
	}
	.home-menu .pure-menu-heading h1{
		padding-top:0.1em;
		font-size:100%;
		color: #fff;
		font-weight:normal;
		display:inline-block;
		margin:0;
	}
	.home-menu .pure-menu-heading a {
		position:relative;
		display:inline-block;
		height:1em;
		margin-left:0.3em;
		padding:0;
	}
	.home-menu .pure-menu-heading img {
		/*vertical-align:top;*/
		height:100%;
	}
	
	.home-menu {
		text-align: center;
	}
	.home-menu ul{
		list-style-type:none;
		padding:0;
	}
	.home-menu li {
		display: block;
	}
	/*.home-menu li a {
		color: #fff;
		padding-right:25px;
	}*/
	.home-menu li a {
		color: #fff;
		text-transform:uppercase;
		font-size:80%;
	}
	.home-menu li:last-of-type a{
		color: #6FBEF3;
	}
	.home-menu li a:hover,
	.home-menu li a:focus {
		background: none;
		border: none;
		color: #AECFE5;
	}
	
	section{
		background-color:#fff;
		margin:0 auto 1em;
	}
	
	section article{
		width:95%;
		margin:1em auto;
	}
	section article.cols{
		text-align:justify;
	}
	section article p{
		margin:0 0 0.9em;
	}
	section article ul{
		margin:0 0 0 1.8em;
	}
	
	section > header{
		width:100%;
		height:16em;
		overflow:hidden;
		position:relative;
	}
	section > header img{
		width:100%;
		position:absolute;
		top:0;
		opacity:0.96;
	}
/*	section > header h2{
		color:#fff;
	    color: rgba(255, 255, 255, 0.88);
		font-size:780%;
		line-height:180%;
		font-family: "zurich_bold_bt", Helvetica, sans-serif;
		letter-spacing:1px;
	}
	section > header h2::before{
		border:none;
	}
	section > header h2 span{
		background:transparent;
	}*/
	
/*	styles for horizontally scrolling videos
	section#processing{
		width: auto;
		height:auto;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		position:relative;
		margin:0 0 3.5em;
		padding-top:0;
	}*/
	
	section#mission{
		padding-top:15em;
	}
	section#mission h2{
		margin-top:0;
	}
	section#mission article{
		text-align: center;
	}
	section#mission video{
		width:100%;
	}
	
	section#processing div.video{
		display:block;
		margin:1em auto;
	}
	/*section#processing div.video > div.video-js{
		width:100%;
	}*/
	
	section h3.shop-note,
	section#contact h3.contact-head {
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin: 5vh 1vw;
		text-align:center;
		font-size: 1.17em;
		text-transform:uppercase;
	}
	section h3.shop-note{
		color:red;
	}
	section#contact .l-box-lrg {
    	padding: 2em;
	}
	section#contact .l-box-lrg p{
		font-size:16px;
		line-height:120%;
	}
	
	footer{
		width:100%;
		margin:1.5em auto 0;
		padding:0.5em;
	    background: #2d3e50;
		text-align:center;
		color:#fff;
		font-size:12px;
	}
	footer a:hover,
	footer a:focus{
		color:#fff;
	}
/* END Page Structure */

/* START Media Queries */
	@media screen and (min-width: 35.5em){ /* > mobile portrait */
		section article{
			margin:1em auto 3em;
			width:70%;
		}
		section > header{
			height:20em;
		}
		h2::before {
			width:70%;
			left:15%;
			right:15%;
		}
		
		header#header-container {
			height:10%;
		}
		
		.home-menu li {
			display: inline-block;
		}
		.home-menu li a {
			padding-right:10px;
		}
		.home-menu li:last-of-type a {
			padding-right:25px;
		}
		
		section#mission{
			padding-top:7.5em;
		}
		
		section article.cols{
			columns:1;
			/*font-size:16px;*/
		}
	@media screen and (min-width: 48em){
		body{
			font-size:16px;
		}
		
		section > header{
			height:26em;
		}
		
		section p,
		section ul{
			font-size:120%;
			line-height:150%;
		}
		
		.home-menu ul{
			margin-right:0.3em;
		}
		
		section#processing article{
			/*width:100%;*/
			width:70%;
		}
		section#processing div.video{
			display:block;
			/*float:left;
			width:33%;
			width:calc((100% - 2em) / 3);
			margin-left:1em;*/
		}
		section#processing div.video:first-child{
			margin-left:0;
		}
		
		section article.cols{
			columns:2;
			-webkit-column-gap: 40px;
   			   -moz-column-gap: 40px;
					column-gap: 40px;
		}
	}
	@media screen and (min-width: 64em){}
	@media screen and (min-width: 80em){
		.home-menu {
			text-align: left;
			font-size:130%;
		}
		.home-menu .pure-menu-heading {
			float:left;
		}
		.home-menu ul {
			float: right;
		}
	}
/* END Media Queries */