/*
Theme Name: H5C
Theme URI: 
Author: Atlas Branding & Design
Author URI: http://www.atlasbranding.com/
Description: 
Version: 1.0
License: 
License 
Tags: 
Text Domain: 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr, img {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #3d1e08;
	background: #ebe9db;
	-webkit-text-size-adjust: none;
}

a:link,
a:visited,
a:active {
	color: #3d1e08;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;	
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

p {
	margin-bottom: 20px;
}

h1 {
	margin-bottom: 20px;
	font-size: 44px;
	font-weight: bold;
	line-height: 44px;
}

h2 {
	margin-bottom: 16px;
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	font-weight: 700;
	text-align: center;
}

h3, h4, h5, h6 {
	margin-bottom: 20px;
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	line-height: 28px;
	font-style: italic;
	color: #fbfcf1;
}

img.clean-energy {
	display: block;
	margin: 50px auto 0;
	max-width: 100%;
	height: auto;
}

/*-----------------------------------------------------------------------------------------------------------
		HEADER & NAV
-----------------------------------------------------------------------------------------------------------*/

div#fixed-header {
	position: fixed;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
	height: 0;
	overflow: display;
	z-index: 999;
}

div#logo-and-nav {
	margin-top: 5px;
	width: 330px;
	float: left;
}

div#logo {
	width: 330px;
	height: 130px;
	background-image: url('images/high-five-logo.png');
}

div#nav {
	position: relative;
	margin: 1px 0 0 81px;
	padding-top: 10px;
	width: 190px;
	height: 209px;
	background: url('images/navigation-bg.png') repeat-y 14px 0;
}

div#nav a {
	position: relative;
	display: block;
	margin-left: 14px;
	width: 152px;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 32px;
	color: #eeece1;
	text-align: center;
	text-decoration: none;
}

div#nav a:hover,
div#nav a.active {
	color: #d38a29;
}

div#nav a div.marker {
	display: none;
	position: absolute;
	left: -14px;
	top: -2px;
	width: 190px;
	height: 38px;
	background-image: url('images/nav-slider.png');
}

div#nav a.active div.marker {
	display: block;
}

div#nav-slider {
	position: absolute;
	left: 0;
	top: 8px;
	width: 190px;
	height: 38px;
	background-image: url('images/nav-slider.png');
}

div#social-media {
	margin: 8px 20px 0 24px;
	width: 84px;
	float: right;
}

div#social-media a {
	position: relative;
	display: block;
	margin-left: 4px;
	width: 24px;
	height: 24px;
	background-position: top left;
	float: left;
}

div#social-media a span {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 24px;
	height: 24px;
	background-position: bottom right;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
}

div#social-media a.facebook, div#social-media a.facebook span {
	background-image: url('images/icon-facebook.png');
}

div#social-media a.instagram, div#social-media a.instagram span {
	background-image: url('images/icon-instagram.png');
}

div#social-media a.twitter, div#social-media a.twitter span {
	background-image: url('images/icon-twitter.png');
}

div#social-media a span:hover {
	opacity: 1;
}

div#hours-of-operation {
	margin-bottom: 20px;
	width: 260px;
	height: 115px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
	color: #fff;
	text-align: center;
	float: right;
}

div#hours-of-operation a {
	color: #fff;	
}

div#hours-of-operation a:hover {
	text-decoration: underline;
}

div#hours-of-operation p {
	margin-bottom: 0px;
}

div.locations {
	margin: 0 0 10px;
	border-bottom: 1px solid #fff;
}

div.location1 {
	padding: 10px 10px 10px 0;
	width: 118px;
	border-right: 1px solid #fff;
	float: left;
}

div.location2 {
	padding: 10px 0 10px 10px;
	width: 118px;
	border-left: 1px solid #fff;
	float: right;
}

div#hours-of-operation div.phone {
	margin: 8px 0 4px 0;
	height: 26px;
	background: url('images/phone-number.png') no-repeat center top;
	text-indent: -9999px;
}

a.section-link {
	position: absolute;
}

/*-----------------------------------------------------------------------------------------------------------
		SECTIONS
-----------------------------------------------------------------------------------------------------------*/

div.section {
	min-width: 1000px;
}

div.section div.content-wrapper {
	position: relative;
	margin: 0 auto;
	padding-bottom: 100px;
	width: 1000px;
	z-index: 2;
}

div.section div.content {
	position: relative;
	left: 0;
	top: 0;
	margin: 0 10px 0 340px;
	padding-top: 135px;
	width: 650px;
}

div.dividing-line {
	margin: 10px 0 30px 0;
	width: 100%;
	height: 7px;
	background: url('images/dividing-line.png') no-repeat top left;
}

/*-----------------------------------------------------------------------------------------------------------
		HOME PAGE
-----------------------------------------------------------------------------------------------------------*/

div#home-page {
	position: relative;
	width: 100%;
	background: url('images/home-page-bg.jpg') repeat-y fixed;
	background-size: cover;
	/*background-size: 100% auto;
	-webkit-background-size: 100% auto;*/
}

div#home-page div.content {
	padding-top: 0;
}

div#home-floating-bg {
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 530px;
	width: 100%;
	min-width: 1000px;
	height: 385px;
	background: url('images/portafilter-diagram.png') no-repeat top center;
	z-index: 1;
}

div#home-slideshow {
	position: relative;
	margin-bottom: 40px;
	width: 650px;
	height: 370px;
	background-image: url('images/photo-frame.png');
}

div#home-slideshow div.home-slide {
	position: absolute;
	left: 31px;
	top: 25px;
	width: 592px;
	height: 320px;
	display: none;
}

div#home-slideshow div.home-slide:first-child {
	display: block;
}

div#home-slideshow div.home-slide img.home-slide-image {
	width: 592px;
	height: 320px;
}

div#home-slideshow div.home-slide-controls {
	position: absolute;
	right: 6px;
	bottom: -20px;
}

div#home-slideshow div.home-slide-controls ul {
	list-style-type: none;
}

div#home-slideshow div.home-slide-controls ul li.home-slide-link {
	margin-left: 3px;
	width: 16px;
	height: 14px;
	background: url('images/icon-slide.png');
	float: left;
	cursor: pointer;
	-webkit-transition-duration: 500ms;
	-moz-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}

div#home-slideshow div.home-slide-controls ul li.home-slide-link.active {
	background: url('images/icon-slide-active.png');
	-webkit-transition-duration: 500ms;
	-moz-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}

/*-----------------------------------------------------------------------------------------------------------
		ABOUT PAGE
-----------------------------------------------------------------------------------------------------------*/

div#about-page {
	position: relative;
	width: 100%;
	background: url('images/about-page-bg.jpg') fixed;
	overflow: hidden;
}

div#about-floating-bg-1 {
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 1420px;
	width: 100%;
	min-width: 1000px;
	height: 443px;
	background: url('images/coffee-rings.png') no-repeat top center;
	z-index: 1;
}

div#about-floating-bg-2 {
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 1860px;
	width: 100%;
	min-width: 1000px;
	height: 414px;
	background: url('images/coffee-ring-1.png') no-repeat top center;
	z-index: 1;
}

div#about-floating-bg-3 {
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 750px;
	width: 100%;
	min-width: 1000px;
	height: 381px;
	background: url('images/coffee-ring-2.png') no-repeat top center;
	z-index: 1;
}

div#about-floating-bg-4 {
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 4800px;
	width: 100%;
	min-width: 1000px;
	height: 381px;
	background: url('images/coffee-ring-3.png') no-repeat top center;
	z-index: 1;
}

div.timeline {
	margin-left: 41px;
	width: 13px;
	float: left;
}

div.timeline div.up-arrow {
	margin-bottom: 1px;
	width: 13px;
	height: 30px;
	background: url('images/icon-up-arrow.png');
}

div.timeline div.middle {
	margin: 0 5px;
	width: 3px;
	min-height: 100px;
	background: #735d4a;
}

div.timeline div.down-arrow {
	margin-top: 1px;
	width: 13px;
	height: 30px;
	background: url('images/icon-down-arrow.png');
}

div.events {
	margin-top: 20px;
	margin-left: 56px;
	width: 540px;
	float: left;
}

div.event {
	position: relative;
	left: 0;
	margin-bottom: 24px;
	width: 525px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
}

div.event div.date {
	position: absolute;
	top: 24px;
	left: -88px;
	width: 52px;
	height: 52px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 52px;
	color: #fbfcf1;
	text-align: center;
	background: url('images/icon-date.png');
}

div.event div.arrow {
	position: absolute;
	top: 37px;
	left: -12px;
	width: 12px;
	height: 29px;
	background: url('images/event-header-arrow.png');
}

div.event div.header {
	padding: 24px 25px 24px 25px;
	width: 475px;
	height: 53px;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 26px;
	color: #fbfcf1;
	background: url('images/event-header-bg.png');
}

div.event img.event-image {
	display: block;
	width: 525px;
	height: auto;
}

div.event div.text {
	padding: 20px;
	padding-bottom: 1px;
	width: 485px;
	background: #fbfcf1;
}

div.event div.text p {
	line-height: 22px;
}

/*-----------------------------------------------------------------------------------------------------------
		CULTURE PAGE
-----------------------------------------------------------------------------------------------------------*/

div#culture-page {
	position: relative;
	width: 100%;
	background: url('images/culture-page-bg.jpg') fixed;
	color: #fff;
	overflow: hidden;
}

div#culture-page a {
	color: #fff;
	text-decoration: underline;
}

div#culture-floating-bg {
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 730px;
	width: 100%;
	min-width: 1000px;
	height: 610px;
	background: url('images/coffee-branch.png') no-repeat center top;
	z-index: 1;
}

div#culture-page div.content-wrapper {
	padding-bottom: 0;
}

div#culture-page div.content div#read-more {
	display: none;
}

div#culture-page div.content div#read-more-button {
	width: 230px;
	height: 38px;
	font-family: 'Open Sans', sans-serif;
	font-size: 32px;
	line-height: 38px;
	font-weight: 300;
	background: url('images/read-more-arrow.png') no-repeat 186px 0;
	cursor: pointer;
}

div#culture-page div.content div#read-more-button.read-less {
	background: url('images/read-less-arrow.png') no-repeat 186px 0;
}

div#culture-page div.filmstrip-header {
	position: relative;
	margin: 0 auto;	
	margin-bottom: 20px;
	width: 960px;
	height: 62px;
	font-family: 'Open Sans', sans-serif;
	font-size: 32px;
	line-height: 62px;
	font-weight: 300;
	text-align: right;
	background: url('images/instagram-big-icon.png') no-repeat 96px 0;
	z-index: 2;
}

div#culture-page div.instagram-filmstrip {
	position: relative;
	margin-bottom: 100px;
	width: 100%;
	min-width: 1000px;
	height: 300px;
	overflow: hidden;
	white-space: nowrap;
	z-index: 2;
}

div#culture-page div.instagram-filmstrip a.instagram {
	font-size: 0;
}

div#culture-page div.instagram-filmstrip img {
	width: 300px;
	height: 300px;
}

/*-----------------------------------------------------------------------------------------------------------
		SEED TO CUP PAGE
-----------------------------------------------------------------------------------------------------------*/

div#seed-to-cup-page {
	position: relative;
	width: 100%;
	color: #fff;
	background: url('images/seed-to-cup-bg.jpg') repeat-y fixed;
	background-size: cover;
	/*background-size: 100% auto;
	-webkit-background-size: 100% auto;*/
	overflow: hidden;
}

div#seed-to-cup-page a {
	color: #fff;
	text-decoration: none;
}

div#seed-to-cup-page div.content-wrapper {
	padding: 0;
}

div#seed-to-cup-page div#seed-slideshow-wrapper {
	position: relative;
	margin: 0 auto;
	margin-top: 110px;
	margin-bottom: 20px;
	width: 1000px;
	height: 400px;
}

div#seed-to-cup-page div#seed-slideshow-wrapper div#left-arrow {
	position: absolute;
	left: 340px;
	top: 0;
	width: 44px;
	height: 400px;
	background: url('images/slide-left-arrow.png') no-repeat center center;
	cursor: pointer;
	display: none;
}

div#seed-to-cup-page div#seed-slideshow-wrapper div#right-arrow {
	position: absolute;
	right: 10px;
	top: 0;
	width: 44px;
	height: 400px;
	background: url('images/slide-right-arrow.png') no-repeat center center;
	cursor: pointer;
}

div#seed-to-cup-page div#seed-slideshow {
	position: absolute;
	left: 340px;
	top: 0;
	height: 400px;
	white-space: nowrap;
}

div#seed-to-cup-page div#seed-slideshow div.seed-slide {
	display: inline-block;
	width: 650px;
	height: 400px;
}

div#seed-to-cup-page div#seed-slideshow div.seed-slide img.seed-slide-image {
	width: 650px;
	height: 400px;
}

div#seed-to-cup-page div#seed-slideshow-wrapper div.seed-slide-title {
	position: absolute;
	left: 0;
	top: -110px;
	width: 270px;
	height: 160px;
	font-family: 'Open Sans', sans-serif;
	font-size: 35px;
	line-height: 130px;
	font-style: italic;
	text-align: center;
	background: url('images/learn-slide-title-bg.png') no-repeat top left;
}

div#seed-to-cup-page div#seed-slide-text-wrapper-outer {
	margin: 0 auto;
	margin-bottom: 100px;
	width: 1000px;
}

div#seed-to-cup-page div#seed-slide-text-wrapper-inner {
	position: relative;
	margin-left: 300px;
	width: 690px;
	overflow: hidden;
}

div#seed-to-cup-page div#seed-slide-text-wrapper-inner div.seed-slide-text {
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 40px;
	width: 650px;
}

/*-----------------------------------------------------------------------------------------------------------
		LEARN PAGE
-----------------------------------------------------------------------------------------------------------*/

div#learn-page {
	position: relative;
	width: 100%;
	color: #fff;
	background: url('images/learn-bg.jpg') repeat-y fixed;
	background-size: cover;
	/*background-size: 100% auto;
	-webkit-background-size: 100% auto;*/
	overflow: hidden;
}

div#learn-page a {
	color: #fff;
	text-decoration: none;
}

div#learn-slideshow {
	position: relative;
	width: 100%;
	min-height: 600px;
}

div#learn-slideshow div#learn-left-arrow {
	position: absolute;
	left: 0;
	top: 514px;
	width: 40px;
	height: 48px;
	background: url('images/learn-left-arrow.png');
	cursor: pointer;
	z-index: 999;
	display: none;
}

div#learn-slideshow div#learn-right-arrow {
	right: 0;
	top: 514px;
	position: absolute;
	width: 40px;
	height: 48px;
	background: url('images/learn-right-arrow.png');
	cursor: pointer;
	z-index: 999;
}

div#learn-slideshow div#learn-slide-controls {
	position: absolute;
	left: 340px;
	top: 438px;
	width: 610px;
	font-family: arial, helvetca, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	z-index: 999;
}

div#learn-slideshow div#learn-slide-controls li {
	list-style-type: none;
	display: inline-block;
	margin: 0 4px;
	cursor: pointer;
}

div#learn-slideshow div#learn-slide-controls li.active {
	color: #d4a562;
}

div#learn-slideshow div#learn-slideshow-wrapper {
	position: absolute;
	left: 0;
	top: 0;
}

div#learn-slideshow div.learn-slide {
	position: absolute;
	left: 0;
	top: 0;
	width: 1000px;
}

div#learn-slideshow div.learn-slide div.video {
	margin-left: 340px;
	margin-bottom: 50px;
	width: 650px;
	height: 426px;
}

div#learn-slideshow div.learn-slide div.ingredients-outer {
	position: relative;
	margin-left: 50px;
	width: 265px;
	float: left;
}

div#learn-slideshow div.learn-slide div.ingredients-inner {
	padding-top: 16px;
	width: 263px;
	font-size: 13px;
	line-height: 15px;
	border: 1px solid #cd8930;
}

div#learn-slideshow div.learn-slide div.ingredients-inner ul {
	margin-left: 26px;
	margin-right: 16px;
}

div#learn-slideshow div.learn-slide div.ingredients-inner ul li {
	margin-bottom: 16px;
}

div#learn-slideshow div.learn-slide div.text {
	margin-left: 25px;
	width: 610px;
	float: left;
}

div#learn-slideshow div.learn-slide div.text h2 {
	text-align: left;
}

/*-----------------------------------------------------------------------------------------------------------
		VISIT PAGE
-----------------------------------------------------------------------------------------------------------*/

div#visit-us-page {
	position: relative;
	width: 100%;
	color: #fff;
	background: url('images/visit-us-bg.jpg') repeat-y fixed;
	background-size: cover;
	/*background-size: 100% auto;
	-webkit-background-size: 100% auto;*/
	overflow: hidden;
}

div#visit-us-page div.content {
	padding-top: 0;
}

div#visit-us-page a {
	color: #fff;
	text-decoration: none;
}

div#visit-us-page h2 {
	margin-bottom: 10px;
	text-align: left;
}

div#visit-us-page div#map-canvas {
	margin-bottom: 20px;
	width: 638px;
	height: 298px;
	background: #fff;
	border: 1px solid #cd8930;
}

span.your-email,
span.your-name,
span.captcha {
	float: left;
}

div#visit-us-page input[type=text], div#visit-us-page input[type=email] {
	margin-bottom: 10px;
	padding: 0 10px;
	width: 290px;
	height: 35px;
	font-size: 14px;
	color: #fff;
	background: transparent;
	border: 1px solid #fff;
	float: none;
}

div#visit-us-page input#email {
	margin-left: 16px;
}

div#visit-us-page textarea {
	padding: 10px;
	width: 618px;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	background: transparent;
	border: 1px solid #fff;
	resize: none;
}

div#visit-us-page div.bottom-form {
	margin-top: -13px;
	width: 100%;
}

div#visit-us-page img#captcha-image {
	width: 90px;
	height: 30px;
	float: left;
}

div#visit-us-page input#captcha-input {
	width: 200px;
	height: 28px;
	float: none;
}

div#visit-us-page div.finger-pointing {
	margin: 0 25px;
	width: 110px;
	height: 35px;
	background: url('images/finger-pointing.png');
	float : left;
}

div#visit-us-page input#submit {
	padding-bottom: 2px;
	width: 152px;
	height: 34px;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	line-height: 0px;
	font-style: italic;
	color: #371a03;
	background: #fff;
	border: none;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  -khtml-border-radius: 18px;
  border-radius: 18px;
	float: left;
}

div#visit-us-page input#submit:hover {
	background: #cd8930;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}

div#visit-us-page div.footer {
	margin-top: 70px;
	font-size: 14px;
	text-align: center;
}

div#visit-us-page div.footer a {
	font-family: georgia, serif;
	font-weight: bold;
	color: #fff;
}

div#visit-us-page div.footer a:hover {
	text-decoration: underline;
}

div#visit-us-page span {
	color: #000;
}

/*-----------------------------------------------------------------------------------------------------------
		MISC
-----------------------------------------------------------------------------------------------------------*/

div#mobile-site {
	display: none;
}

.clear {
	clear: both;
}

.double-hr {
	height: 4px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* WebKit browsers */
	color: #fff;
	opacity: 1;
}
input:-moz-placeholder,
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #fff;
	opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #fff;
	opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #fff;
	opacity: 1;
}