/*
Theme Name: 	Justin's Multilingual Theme
Description: 	Custom theme for Justin's
Version: 		1.0
Author: 		Patrick Creytz (Design) / Randy Federighi (Development)
Author URI: 	http://prop-14.com/
*/

/* ======================= global resets ======================= */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table 					{ border-collapse:collapse; border-spacing:0 }
fieldset, img 			{ border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th	 			{ text-align:left }
q:before, q:after 		{ content:''}
a img 					{ border:none } /* Gets rid of IE's blue borders */
input[type="submit"]	{ cursor:pointer; -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ }
input[type="submit"]::-moz-focus-inner { border:0; } /* helps with input and submit sizing */
/* html5 reset */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio,
canvas,
video 					{ display:inline-block; }
audio:not([controls]) 	{ display:none; }
@-ms-viewport			{ width:device-width; }
*,
*:before,
*:after 			{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
:link img 			{ border:none; }
a 					{ outline:none; }
.clearfix:after 				{ visibility:hidden; display:block; font-size:0; content:" "; clear:both;  height:0; }
* html .clearfix             	{ zoom:1; } /* IE6 */
*:first-child+html .clearfix 	{ zoom:1; } /* IE7 */
/* responsive */
img, object, embed 	{ max-width:100%; height:auto; }
object, embed		{ height:100%; }
img				 	{ -ms-interpolation-mode: bicubic; }

/* ======================= Fonts ======================= */

/* universal */
ul					{ margin:0; padding:0; }
ul li				{ margin:0; padding:0; list-style:none; line-height:1.3; }
small 				{ font-size:1.4rem; }
strong 				{ font-weight:600; }
em 					{ font-style:italic; }
table				{ border-collapse:collapse; }
table tr td			{ padding:5px; }
p 					{ line-height:1.5; margin:0 0 15px 0; }
/* headings */
h1, h2, h3, h4, h5, h6 {
	text-align:left;
	color:#5a1400;
	line-height:1.2;
	text-transform:uppercase;
	font-family:'Oswald', sans-serif;
	font-weight:500;
}
h1 {
	font-size:4rem;
	margin:0 0 20px 0;
}
h2 {
	font-size:3.6rem;
	margin:0 0 10px 0;
}
h3 {
	font-size:3.2rem;
	margin:0 0 15px 0;
	color:#6a6a6a;
}
h4 {
	font-size:2.6rem;
	margin:0 0 10px 0;
	color:#6a6a6a;
	text-transform:none;
}
h5 {
	font-size:2rem;
	margin:0 0 10px 0;
	text-transform:none;
}
h6 {
	font-size:1.8rem;
	margin:0 0 5px 0;
	text-transform:none;
}
/* universal links */
a {
	color:#5a1400;
	text-decoration:none;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
a:hover {
	color:#5a1400;
	text-decoration:none;
}

/* ======================= Forms ======================= */
label {
	display:block;
	margin:0 0 5px 0;
}
input,
textarea,
select {
	font-size:20px;
	display:block;
	color:#555;
	margin:0 0 15px 0;
	padding:5px;
	border:1px solid #ccc;
	font-family:'Oswald', sans-serif;
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
}
input[type="submit"] {
	padding:3px;
}
select {
	line-height:28px;
} /* this is needed to keep height on select elements in safari */
option {
	font-family:'Oswald', sans-serif;
}
/* placeholder font color */
::-webkit-input-placeholder 	{ color:#333; }
:-moz-placeholder 				{ color:#333; }
::-moz-placeholder				{ color:#333; }
:-ms-input-placeholder 			{ color:#333; }

/*======================= Default architecture ======================= */
html {
	height:100%;
	font-size:62.5%;
}
body {
	margin:0;
	padding:0;
	height:100%;
	background:#585858;
	color:#6a6a6a;
	overflow-x:hidden;
	font-family:'Oswald', sans-serif;
	font-size:1.8rem;
	font-weight:400;
	text-align:left;
}
#body-wrap {
	width:100%;
	min-height:100%;
	position:relative;
	background:#fff;
	z-index:500;
	margin:0;
	padding:0 0 80px 0;
	-webkit-box-shadow:0px 0px 5px 6px #444;
	-moz-box-shadow:0px 0px 5px 6px #444;
	box-shadow:0px 0px 5px 6px #444;
}
#page-wrap {
	width:960px;
	margin:0 auto;
}
#masthead {
	position:relative;
	margin:0;
	padding:20px 0 5px 0;
	border-bottom:2px solid #ccc;
	z-index:1000;
	background:#fff;
}
#content-wrap {
	margin:0;
	padding:10px 0 100px 0;
}
#primary {
	width:70%;
	float:right;
	margin:0;
	padding:0;
}
#primary .inner	{
	margin:0;
	padding:0 0 0 5%;
}

/* ======================= Masthead ====================== */
/* social navigation */
#masthead .social {
/*	width:75%; */
	float:right;
}
.menu-social-menu-container {
	width:33%;
	float:right;
	margin:-3px 15px 0 0;
	padding:0 15px 0 0;
	border-right:2px solid #77787b;
}
#masthead .social ul.social-menu-icons {
	margin:0;
	padding:2px 0 0 0;
	float:right;
}
#masthead .social ul.social-menu-icons li {
	display:inline-block;
	margin:0;
	padding:0;
	line-height:1;
}
#masthead .social ul.social-menu-icons li a {
	width:34px;
	display:inline-block;
	font-size:2.8rem;
	overflow:hidden;
	text-align:center;
	text-indent:-9999px;
}
#masthead .social ul.social-menu-icons li a:hover {
	color:#76787b;
}
#masthead .social ul.social-menu-icons li a:before {
	display:block;
	text-indent:0;
	float:right;
	font-family:'FontAwesome';
}
#masthead .social ul.social-menu-icons li a[href*="facebook.com"]:before {
	content:'\f230';
}
#masthead .social ul.social-menu-icons li a[href*="twitter.com"]:before	{
	content:'\f081';
}
#masthead .social ul.social-menu-icons li a[href*="instagram.com"]:before {
	content:'\f16d';
}
#masthead .social ul.social-menu-icons li a[href*="pinterest.com"]:before {
	content:'\f0d2';
}

/* language selector */
#masthead .social .language-selector {
	position:relative;
	width:58px;
	float:right;
	margin:-2px 0 0 0;
	padding:0;
}
#masthead .social .language-selector span.curr-lang {
	display:block;
	position:relative;
	width:100%;
	height:30px;
}
#masthead .social .language-selector span.curr-lang span.globe {
	display:block;
	width:34px;
	height:34px;
	position:absolute;
	z-index:50;
	top:-2px;
	left:0;
	background:url(assets/images/globe.png) no-repeat 0 0;
	-webkit-background-size: 	contain;
  	-moz-background-size: 		contain;
  	-o-background-size: 		contain;
  	background-size: 			contain;
}
#masthead .social .language-selector span.curr-lang span.lang {
	display:block;
	width:30px;
	height:24px;
	line-height:24px;
	padding:0 5px 0 0;
	position:absolute;
	text-align:right;
	z-index:20;
	right:0;
	top:3px;
	color:#fff;
	font-weight:500;
	font-size:1.6rem;
	text-transform:uppercase;
	background:#5a1400;
	-moz-border-radius:		0 3px 3px 0;
	-webkit-border-radius:	0 3px 3px 0;
	border-radius:			0 3px 3px 0;
	-khtml-border-radius:	0 3px 3px 0;
}
#masthead .social .language-selector .lang-options {
	display:none;
	position:absolute;
	left:100%;
	top:0;
	width:100px;
	border:1px solid #ccc;
}
#masthead .social .language-selector .lang-options a {
	display:block;
	padding:2px 5px;
	border-bottom:1px solid #ccc;
}
#masthead .social .language-selector .lang-options a:last-child {
	border-bottom:none;
}

/* mobile lang selector */
#masthead .mobi-language-selector {
	display:none;
	position:absolute;
	top:50px;
	right:20px;
	width:75px;
	margin:-2px 0 0 15px;
	padding:0 0 0 15px;
}
#masthead .mobi-language-selector span.curr-lang {
	display:block;
	position:relative;
	width:100%;
	height:30px;
}
#masthead .mobi-language-selector span.curr-lang span.globe {
	display:block;
	width:34px;
	height:34px;
	position:absolute;
	z-index:50;
	top:-2px;
	left:0;
	background:url(assets/images/globe.png) no-repeat 0 0;
	-webkit-background-size: 	contain;
  	-moz-background-size: 		contain;
  	-o-background-size: 		contain;
  	background-size: 			contain;
}
#masthead .mobi-language-selector span.curr-lang span.lang {
	display:block;
	width:30px;
	height:24px;
	line-height:24px;
	padding:0 5px 0 0;
	position:absolute;
	text-align:right;
	z-index:20;
	right:0;
	top:3px;
	color:#fff;
	font-weight:500;
	font-size:1.6rem;
	text-transform:uppercase;
	background:#5a1400;
	-moz-border-radius:		0 3px 3px 0;
	-webkit-border-radius:	0 3px 3px 0;
	border-radius:			0 3px 3px 0;
	-khtml-border-radius:	0 3px 3px 0;
}
#masthead .mobi-language-selector .lang-options {
	display:none;
	position:absolute;
	left:-25px;
	top:100%;
	width:100px;
	border:1px solid #ccc;
}
#masthead .mobi-language-selector .lang-options a {
	display:block;
	padding:2px 5px;
	border-bottom:1px solid #ccc;
}
#masthead .mobi-language-selector .lang-options a:last-child {
	border-bottom:none;
}

/* site logo */
#masthead #logo {
	width:25%;
	float:left;
	margin:21px 0 0 0;
	padding:0;
}
#masthead #logo img {
	max-width:200px;
	height:auto;
}

/* navigation */
#masthead #nav-wrap	{
	width:75%;
	float:right;
	margin:0;
}
ul#nav {
	margin:0 -10px 0 0;
	padding:25px 0 0 0;
	float:right;
}
ul#nav li {
	list-style:none;
	position:relative;
	float:left;
	margin:0 0 0 65px;
	padding:0;
}
ul#nav > li:first-child {
	margin-left:0;
}
/* french alterations */
body.lang-fr ul#nav li {
	margin:0 0 0 35px;
}
body.lang-fr ul#nav li ul li {
	margin-left:0px;
}
ul#nav li a {
	margin:0;
	padding:10px 10px;
	font-size:2.5rem;
	font-weight:500;
	line-height:1;
	display:block;
	text-transform:uppercase;
	text-decoration:none;
}
ul#nav li a:hover {
	text-decoration:none;
}
/* when a top level item is hovered */
ul#nav li.active > a {
	background:#e6e7e7;
}
ul#nav li.nolink a:hover {
	background:#e6e7e7;
	text-decoration:none;
}
/* special cases for current items and children items and active top level items */
ul#nav li.current-menu-parent ul li a,
ul#nav li.current-menu-item ul li a	{
	background:none;
}
/* sub-nav levels */
.hasChildren {
	position:absolute;
	width:5px;
	height:5px;
	right:0;
	bottom:0;
}
ul#nav li ul {
	display:none;
	background:#d5d6d6;
	position:absolute;
	left:0;
	top:100%;
	margin:0;
	padding:0;
	width:100%;
	z-index:100;
	border:none;
}
ul#nav li:hover > ul {
	display:block;
}
ul#nav li ul li {
	float:none;
	margin:0;
}
ul#nav li ul li a {
	float:none;
	width:auto;
	display:block;
	color:#606161;
	line-height:1.2;
	font-size:1.8rem;
	padding:10px 10px;
	background:none;
}
ul#nav li ul li a:hover {
	color:#5a1400;
	background:none;
}

/* ======================= page top (breadcrumbs & social sharing) ====================== */
.home #pagetop .breadcrumbs {
	display:none;
}
#pagetop {
	width:960px;
	margin:0 auto 25px auto;
}
#pagetop .breadcrumbs {
	font-size:1.6rem;
	width:55%;
	float:left;
	line-height:1;
	margin:0;
	padding:5px 0 0 0;
}

/* social sharing icons */
#pagetop .social-share-14 {
	width:300px;
	float:right;
	text-align:right;
	max-height:23px;
	line-height:2.6rem;
}
#pagetop .social-share-14 span {
	display:inline-block;
}
#pagetop .social-share-14 span.share-title {
	color:#5a1400;
	font-size:18px;
	text-transform:uppercase;
	padding:0 10px 0 0;
}
#pagetop .social-share-14 a {
	display:inline-block;
	font-size:2.6rem;
	padding:0 5px;
}

/* ======================= .post ====================== */
h1.entry-title					{ margin:0 0 20px 0; padding:0 0 10px 0; font-size:2.8rem; text-transform:uppercase; line-height:1; color:#5a1400; }
.post h1						{ font-size:24px; padding:0 0 10px 0; border-bottom:2px solid #ccc; }
.post 							{ padding:0; margin:0; position:relative; }
/* post universal */
.post ul 						{ margin:10px 0px 20px 0; padding:0; }
.post ul li						{ text-align:left; margin:5px 0 5px 30px; padding:0; list-style:disc; }
.post ul li ul li				{ list-style:circle; }
.post ol 						{ margin:10px 0px 20px 0; padding:0; }
.post ol li						{ text-align:left; margin:5px 0 5px 30px; padding:0; list-style:decimal; }
.post p 						{ padding:0; margin:0 0 15px 0; line-height:1.4; }

/* ======================= sidebar.php ====================== */
#secondary {
	width:30%;
	float:left;
	margin:0;
	padding:0;
}
#secondary .inner {
	margin:0;
	padding:0;
}
#secondary .widget {
	padding:0;
	margin:0 0 25px 0;
	position:relative;
}
#secondary .widget p {
	line-height:1.2;
	margin:0 0 10px 0;
}
#secondary h3 {
	font-size:24px;
}
#secondary h3.widget-title {
	font-size:2rem;
	margin:0 0 10px 0;
	text-transform:uppercase;
}
#secondary .widget ul {
	margin:10px 0px 20px 0;
	padding:0;
}
#secondary .widget ul li {
	text-align:left;
	margin:5px 0 5px 20px;
	padding:0;
	list-style:disc;
	line-height:1.2;
}
#secondary .widget p.edit {
	position:absolute;
	top:0;
	right:0;
	font-size:11px;
}
#secondary img {
	display:block;
}

/* sidebar navigation in sections */
ul.section-nav li span.nav-title {
	display:block;
	font-size:2rem;
	font-weight:500;
	color:#5a1400;
	text-transform:uppercase;
}
ul.section-nav {
	margin:0;
	padding:0;
}
ul.section-nav li {
	margin:0 0 25px 0;
	padding:0;
}
ul.section-nav li.text-link a {
	display:block;
	width:100%;
	margin:0;
	padding:20px 20px;
	font-size:2.2rem;
	line-height:1;
	text-align:center;
	color:#606161;
	background:#d7d8d8;
	border:1px solid #d7d8d8;
}
ul.section-nav li.text-link a:hover,
ul.section-nav li.text-link.current-menu-item a	{
	border:1px solid #9c9d9c;
	background:#fff; color:#5a1400;
}
ul.section-nav li.image-link a img {
	opacity:0.5;
	filter:alpha(opacity=50);
}
ul.section-nav li.image-link.current-menu-item a img {
	opacity:1.0;
	filter:alpha(opacity=100);
}

/* press & recipe (any 3 col) archives */
.archive-3-col .article 					{ width:32%; height:260px; float:left; margin:0 2% 30px 0; padding:0; overflow:hidden; }
.archive-3-col .article:nth-child(3n+3)		{ margin-right:0; }
.archive-3-col .article a.thumb 			{ display:block; position:relative; height:200px; margin:0 0 10px 0; background-repeat:no-repeat; background-position:center center;
												-webkit-background-size: 	100% auto;
											  	-moz-background-size: 		100% auto;
											  	-o-background-size: 		100% auto;
											  	background-size: 			100% auto;
				 							}
.archive-3-col .article .overlay 			{ display:block; width:100%; height:100%; }
.archive-3-col .article .overlay.videos 	{ background:url(assets/images/bg/video-icon.png) no-repeat center center; }
.archive-3-col .article .overlay.awards 	{ background:url(assets/images/bg/award-icon.png) no-repeat center center; }
.archive-3-col .article h3 					{ font-size:24px; margin:0; line-height:1; }
.archive-3-col .article h4 					{ font-size:20px; text-transform:none; }

/* paging */
div.paging				{ margin:20px 0 10px 0; }
div.paging a,
div.paging span 		{ display:inline-block; margin:0; padding:3px 5px; }

/* newsletter */
#newsletter {
	width:100%;
	position:absolute;
	bottom:80px;
	left:0;
	padding:15px 0;
	background:#eee;
}
#newsletter .inner {
	width:750px;
	margin:0 auto;
}
#newsletter .left {
	width:50%;
	float:left;
	text-transform:uppercase;
	text-align:right;
	color:#5a1400;
	font-size:2.4rem;
	padding:2px 25px 0 0;
}
#newsletter .right {
	width:50%;
	float:left;
	position:relative;
}
#newsletter .right input {
	display:inline-block;
	margin:0 5px 0 0;
	padding:0 5px;
	height:40px;
	line-height:40px;
	width:200px;
	border:none;
	outline:none;
}
#newsletter .right input[type="text"] {
	font-size:1.8rem;
	-webkit-box-shadow: 0 0 3px 3px #ddd;
  	-moz-box-shadow:    0 0 3px 3px #ddd;
  	box-shadow:         0 0 3px 3px #ddd;
}
#newsletter .right input[type="submit"] {
	color:#fff;
	position:relative;
	top:1px;
	background:#5a1400;
	text-align:center;
	padding:0 15px;
	width:auto;
	height:40px;
	line-height:40px;
	font-size:2rem;
	text-transform:uppercase;
}
#newsletter .right span.error {
	width:100%;
	position:absolute;
	top:-25px;
	left:0;
	color:#5a1400;
}
body.page-nfs-order #newsletter {
	display:none;
}

/* ======================= footer.php ======================= */
.footer-shadow {
	width:100%;
	height:18px;
	background:url(assets/images/bg/footer-shadow.png) repeat-x left bottom;
}
#footer	{
	width:100%;
	height:80px;
	position:absolute;
	bottom:0;
	left:0;
	clear:both;
	padding:0;
	background:#fff;
}
#footer .inner {
	width:960px;
	margin:0 auto;
	padding:25px 0 10px 0;
}
#footer a.logo {
	width:8%;
	max-width:85px;
	min-width:85px;
	float:left;
}
#footer ul#footer-nav {
	float:right;
	margin:0;
	padding:5px 0 0 0;
}
#footer ul#footer-nav li {
	float:left;
	margin:0 0 0 25px;
	list-style:none;
}
#footer ul#footer-nav li a {
	display:block;
	color:#7a7a7a;
	font-size:1.5rem;
	font-weight:500;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:0.5px;
}
#footer ul#footer-nav li a:hover {
	color:#5a1400;
}
body.blog-section #footer .inner {
	padding-top:30px;
}

/* ======================= Blog ====================== */
/* header */
body.blog-section 				{ background:#eae9e9; }
.blog-section #page-wrap		{ width:100%; margin:0 auto 0px auto; min-height:100%; background:#eae9e9; }
.blog-section #pagetop 			{ margin-left:auto; margin-right:auto; width:960px; }
.blog-section #masthead 		{ width:100%; border-bottom:none; }
.blog-section #masthead .inner	{ width:960px; margin:0 auto; padding:0; }
#blog-head 						{ width:75%; float:right; margin:0; padding:30px 0 0 0; }
#blog-head .blog-title 			{ width:70%; float:left; }
#blog-head .blog-title h2 		{ font-size:44px; }
#blog-head .search 				{ width:205px; float:right; }
p.date							{ margin:0 0 10px 0; font-size:16px; text-transform:none; }
/* body */
.blog-section #content-wrap					{ margin:0; padding:20px 0 10px 0; }
.page-inner 								{ width:960px; margin:0 auto; }
#blog-primary 								{ width:80%; float:right; margin:0; padding:20px; background:#fff; }
#blog-primary .content 						{ width:68%; margin:0 4% 0 0; padding:0 0 60px 0; float:left; }
/* sidebar right */
#blog-sidebar-right 						{ width:28%; float:right; }
#blog-sidebar-right .widget 				{ margin:0 0 30px 0; padding:0; }
#blog-sidebar-right h3.widget-title 		{ font-size:22px; margin:0 0 15px 0; }
#blog-sidebar-right .wpp-list li			{ margin:0 0 30px 0; }
#blog-sidebar-right img.wpp-thumbnail 		{ display:block; margin:0; padding:4px; border:1px solid #ccc; }
#blog-sidebar-right a.wpp-post-title		{ color:#606161; line-height:1; }
#blog-sidebar-right a.wpp-post-title:hover 	{ color:#5a1400; }
#blog-sidebar-right .widget .post-stats 	{ font-size:16px; line-height:1; }
/* archive post result */
#blog-primary .excerpt 						{ margin:0 0 25px 0; padding:0 0 25px 0; border-bottom:1px solid #eae9e9; }
#blog-primary .excerpt .heading h2			{ font-size:22px; color:#606161; margin:0; }
#blog-primary .excerpt .heading h2 a 		{ color:#606161; }
#blog-primary .excerpt .heading h2 a:hover 	{ color:#5a1400; }
#blog-primary .excerpt .thumb 				{ max-width:220px; float:left; margin:0 10px 0 0; }
#blog-primary .excerpt .thumb img 			{ display:block; margin:0; padding:4px; border:1px solid #ccc; }
#blog-primary .excerpt .entry-summary		{ margin:0; }
/* single */
#blog-primary .content h1.page-title 			{ font-size:22px; color:#606161; margin:0; }
#blog-primary .content .single-featured			{ margin:0 0 20px 0; }
#blog-primary .content .single-featured img 	{ display:block; margin:0; padding:4px; border:1px solid #ccc; }
/* sidebar left */
#blog-sidebar-left 							{ width:18%; float:left; margin-right:2%; background:#5a1400; }
#blog-sidebar-left .inner 					{ margin:0; padding:10px; color:#fff; }
#blog-sidebar-left h3 						{ color:#fff; font-size:2rem; margin:0 0 5px 0; }
#blog-sidebar-left p 						{ font-size:18px; }
#blog-sidebar-left p:last-child 			{ margin:0; }
#blog-sidebar-left .widget 					{ margin:0; padding:10px 0; border-bottom:1px solid #fff; }
#blog-sidebar-left .widget:last-child 		{ border:none; }
#blog-sidebar-left ul.menu 					{ margin:0; padding:0; }
#blog-sidebar-left ul.menu li a 			{ font-size:20px; color:#fff; text-decoration:underline; }

/* constant contact widget */
.cc-wrap {
	position:relative;
}
.cc-wrap input.email {
	width:96%;
	font-size:1.6rem;
	margin:0;
	padding:5px 2%;
}
.cc-wrap button.submit {
	position:absolute;
	width:36px;
	height:36px;
	line-height:36px;
	top:0;
	right:-2px;
	padding:0 0 0 3px;
	font-size:3.4rem;
	text-align:center;
	background:#5a1400;
	color:#fff;
	border:none;
	outline:none;
	cursor:pointer;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.cc-wrap button.submit:hover {
	background:rgba(152,37,16,0.9);
}
.cc-wrap span.error {
	display:block;
	line-height:1.1;
	font-size:12px;
	font-style:italic;
	font-family:arial,sans-serif;
}

/* footer */
.blog-section #footer {
	background:#fff url(assets/images/bg/footer-shadow-blog.jpg) repeat-x top left;
}

/* ======================= Paging ====================== */
.paging {
	clear:both;
}

/* ======================= Page Templates ====================== */
/* home page */
#home-slider 					{ margin-top:15px; }
#home-slider .bx-viewport 		{ height:550px; }
/* full width */
#primary.full-width				{ width:100%; float:none; margin:0; padding:0; }
#primary.full-width .inner		{ margin:0; padding:0; }

/* find justin's */
.iframe 				{ margin:0 0 25px 0; overflow:hidden; max-width:100%; }
.iframe-wrap 			{ margin:0 0 25px 0; overflow:hidden; max-width:100%; }
.iframe-wrap iframe 	{ width:100%; max-width:100%; }

/* underline links on contact page */
form#salesforce label {
	display:none;
}
form#salesforce input,
form#salesforce textarea,
form#salesforce select {
	width:100%;
	max-width:300px;
	border:none;
	outline:none;
	margin:0;
	padding:3px 5px;
	font-size:1.8rem;
	background:#e2e2e2;
	border:1px solid #e2e2e2;
}
form#salesforce input[type="submit"] {
	color:#fff;
	padding:5px 20px;
	background:#5a1400;
	font-size:2rem;
}
form#salesforce .error p {
	padding:10px 20px;
	background:#5a1400;
	color:#fff;
	float:left;
}
form#salesforce .error p span {
	display:block;
}
form#salesforce input.has-error {
	border-color:#5a1400;
}

/*
 *	home page
 */
.home #page-wrap {
	width:100%;
	min-width:960px;
}
.home #masthead {
	max-width:960px;
	margin:0 auto;
	border-bottom:none;
}
.home #content-wrap {
	padding-top:0;
}
.home #pagetop {
	display:none;
}
/* slider */
.home #home-slider-full {
	margin-bottom:6px;
}
.home #home-slider-full .bx-wrapper .bx-controls-direction a {
	width:52px !important;
	height:71px !important;
	opacity:0.8 !important;
}
.home #home-slider-full .bx-wrapper .bx-controls-direction a.bx-prev {
	background:url(assets/images/home-16/slider-left.png) no-repeat center center !important;
}
.home #home-slider-full .bx-wrapper .bx-controls-direction a.bx-next {
	background:url(assets/images/home-16/slider-right.png) no-repeat center center !important;
}
/* 4 boxes & optional 5th box */
.home .homebox {
	width:50%;
	float:left;
	position:relative;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center center;
	border-bottom:6px solid #fff;
}
.home .homebox.box-5-full-width {
	width:100%;
	float:none;
}
.home .homebox.box-1,
.home .homebox.box-3 {
	border-right:3px solid #fff;
}
.home .homebox.box-2,
.home .homebox.box-4 {
	border-left:3px solid #fff;
}
.home .homebox img.bg-image {
	display:block;
}
.home .homebox .overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0 30px 0 30px;
	text-align:center;
	background:rgba(0,0,0,0.2);
}
.home .homebox .overlay .inner-content {
	position:absolute;
	width:100%;
	top:50%;
	left:0;
}
.home .homebox.buttons-2 .overlay .inner-content {
	margin-top:-30px;
}
.home .homebox.buttons-3 .overlay .inner-content {
	margin-top:-60px;
}
.home .homebox .overlay h3 {
	color:#fff;
	font-size:32px;
	text-align:center;
	margin:0 0 5px 0;
}
.home .homebox .overlay a.box-button {
	display:block;
	width:200px;
	margin:0 auto 10px auto;
	padding:5px 0;
	font-size:3.2rem;
	line-height:1;
	text-transform:uppercase;
	color:#5a1400;
	background:rgba(255,255,255,0.8);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);
  	-moz-box-shadow:    0px 0px 5px 2px rgba(0,0,0,0.5);
  	box-shadow:         0px 0px 5px 2px rgba(0,0,0,0.5);
}
.home .homebox.box-2 .overlay a.box-button {
	width:240px;
}
.home .pagewidth {
	width:960px;
	margin:0 auto;
	padding:50px 0;
}
.home-pg-bottom h3 {
	text-align:center;
	margin:0 0 60px 0;
}
.home-pg-bottom p {
	color:#5a1400;
	line-height:1.6;
	font-size:2.8rem;
}

/* ======================= Justins Story ====================== */
.story-timeline {
	margin:0;
}
.story-timeline .story-section {
	margin:0 0 20px 0;
}
.story-timeline .story-section .thumb {
	width:30%;
	float:left;
	padding:5px 20px 0 0;
}
.story-timeline .story-section .thumb img {
	display:block;
}
.story-timeline .story-section .content {
	width:70%;
	float:left;
}

/* ======================= Company Story ====================== */
#company-timeline {
	margin:0 0 50px 0;
}
.timeline-nav-bar {
	position:relative;
	height:34px;
	background:#eee;
	z-index:1000;
}
.timeline-nav-bar .prev-col,
.timeline-nav-bar .next-col {
	position:relative;
	width:50%;
	float:left;
}
.timeline-nav-bar .direction a {
	position:absolute;
	display:block;
	top:4px;
	width:26px;
	height:26px;
	font-size:2.6rem;
	text-align:center;
	background:#fff;
	border:2px solid #5a1400;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
	-khtml-border-radius:	50%;
}
.timeline-nav-bar .direction a:hover {
	opacity:0.8;
}
.timeline-nav-bar .prev-col.direction a {
	right:70px;
}
.timeline-nav-bar .next-col.direction a {
	left:70px;
}
.timeline-nav-bar .direction a:after {
	content:'';
	display:block;
	position:absolute;
	width:0;
	height:0;
}
.timeline-nav-bar .prev-col.direction a:after {
	left:4px;
	top:5px;
	border-top:		6px solid transparent;
	border-bottom:	6px solid transparent;
	border-right:	10px solid #5a1400;
}
.timeline-nav-bar .next-col.direction a:after {
	left:7px;
	top:5px;
	border-top:		6px solid transparent;
	border-bottom:	6px solid transparent;
	border-left:	10px solid #5a1400;
}
.timeline-nav-bar a.years-button {
	position:absolute;
	z-index:100;
	display:block;
	width:120px;
	height:34px;
	text-align:center;
	top:0;
	left:50%;
	margin-left:-60px;
	color:#fff;
	background:#5a1400;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
}
.timeline-nav-bar a.years-button:after {
	content:'';
	display:block;
	position:absolute;
	width:0;
	height:0;
	left:53px;
}
.timeline-nav-bar.above a.years-button {
	padding:2px 0 0 0;
}
.timeline-nav-bar.above a.years-button:after {
	bottom:2px;
	border-left:	6px solid transparent;
	border-right:	6px solid transparent;
	border-top:		5px solid #fff;
}
.timeline-nav-bar.below a.years-button:after {
	bottom:2px;
	border-left:	6px solid transparent;
	border-right:	6px solid transparent;
	border-bottom:	5px solid #fff;
}
.timeline-nav-bar.below a.years-button:after {
	top:4px;
}
.timeline-nav-bar.below a.years-button {
	padding:6px 0 0 0;
}
.timeline-nav-bar.above a.years-button.open:after {
	border-top:		none;
	border-bottom:	5px solid #fff;
}
.timeline-nav-bar.below a.years-button.open:after {
	border-bottom:	none;
	border-top:		5px solid #fff;
}
.timeline-nav-bar .years-dropdown {
	display:none;
	position:absolute;
	width:116px;
	left:50%;
	margin-left:-58px;
	text-align:center;
}
.timeline-nav-bar .years-dropdown a {
	display:block;
	width:100%;
	background:#eee;
	padding:3px 0;
	border-bottom:1px solid #fff;
}
.timeline-nav-bar.above .years-dropdown a:last-child {
	border-bottom:none;
}
.timeline-nav-bar .years-dropdown a:hover {
	color:#fff;
	background:#5a1400;
}
.timeline-nav-bar.above .years-dropdown {
	top:100%;
}
.timeline-nav-bar.below .years-dropdown {
	bottom:100%;
}
ul#timeline-slider li .timeline-entry {
	margin:0;
	padding:20px 0;
	border-bottom:2px solid #ccc;
}
ul#timeline-slider li .timeline-entry:last-of-type {
	border-bottom:none;
}
ul#timeline-slider li .timeline-entry h3 {
	font-size:2.2rem;
	margin:0 0 5px 0;
	text-transform:none;
}
#company-timeline .bx-controls {
	display:none;
}

/* boxzilla plugin */
.boxzilla {

}
.boxzilla p {
	text-align:center;
	font-size:30px;
	max-width:600px;
	margin:0 auto 20px auto;
}
.boxzilla p a {
	display:inline-block;
	margin:0 10px;
}
@media only screen and (max-width: 500px) {
	.boxzilla p {
		font-size:22px;
	}
	.boxzilla img.wp-image-5949 {
		max-width:80%;
		height:auto;
	}
}

/* ======================= Product Landing page ====================== */
body.page-template-product-landing #masthead {
	border-bottom:none;
}
body.page-template-product-landing #content-wrap {
	padding-top:0;
}
body.page-template-product-landing #page-top {
	display:none;
}
.page-hero {
	display:block;
	margin:0 0 20px 0;
}
.product-landing .deck {
	margin:0 0 30px 0;
}
.product-cols .product-col.col-1 {
	width:45%;
	float:left;
}
.product-cols .product-col.col-2 {
	width:45%;
	float:right;
}
.product-cols .product-col h3 {
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	text-align:center;
	border-bottom:1px solid #5a1400;
}
.product.archive {
	width:150px;
	text-align:center;
	margin:0 auto 30px auto;
}
.product.archive img {
	display:block;
	margin:0 auto 10px auto;
	height:120px;
	width:auto;
}
.product.archive span {
	display:block;
	font-size:2rem;
	line-height:1.2;
}

/* ======================= Product Single ====================== */
#product-sidebar {
	width:25%;
	float:left;
	padding:3px 40px 0 0;
}
#product-sidebar .widget {
	margin:0 0 30px 0;
}
#product-sidebar h3.widget-title {
	font-size:2.2rem;
	margin:0 0 10px 0;
}
#product-sidebar .widget ul li {
	padding:0 0 8px 0;
}
#product-sidebar .widget:nth-child(1) {
	margin-bottom:30px;
}
#product-sidebar .widget:nth-child(1) h3.widget-title {
	font-size:2.8rem;
}

#product-primary {
	width:75%;
	float:right;
}
#product-primary .top-half {
	padding:0 0 40px 0;
	border-bottom:2px solid #d1d1d1;
}
#product-primary .product-image {
	width:45%;
	float:left;
	padding:0 40px 0 0;
}
#product-primary .product-desc {
	width:55%;
	float:left;
}
#product-primary .product-desc .main-desc {
	padding:0 0 20px 0;
	border-bottom:2px solid #d1d1d1;
}
#product-primary .product-desc .main-desc p {
	font-size:2rem;
	line-height:1.5;
}
#product-primary .product-desc h3 {
	padding-top:30px;
	font-size:2rem;
}
span.signature {
	display:block;
	float:right;
	width:100px;
	height:110px;
	background:url(assets/images/justins-signature.png) no-repeat 0 0;
	background-size:100% auto;
}
#product-primary .product-desc ul.product-packaging {
	margin:0 0 0 20px;
}
#product-primary .product-desc ul.product-packaging li {
	line-height:1.5;
	list-style:disc;
}
#product-primary .product-icons {
	padding:20px 0;
	border-bottom:2px solid #d1d1d1;
}
#product-primary .product-icons ul {
	text-align:center;
}
#product-primary .product-icons ul li {
	display:inline-block;
	margin:0 10px;
}
#product-primary .product-icons ul li img {
	width:auto;
	max-height:70px;
}
/* dynamic values */
#product-primary .product-icons ul li span {
	display:block;
}
#product-primary .product-icons ul li span.circle {
	width:67px;
	height:67px;
	border:5px solid #5a1400;
	position:relative;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
	-khtml-border-radius:	50%;
}
#product-primary .product-icons ul li span.amount {
	width:50px;
	position:absolute;
	top:2px;
	left:50%;
	margin-left:-25px;
	text-align:center;
	font-size:2.2rem;
	font-weight:700;
	color:#5a1400;
}
#product-primary .product-icons ul li span.name {
	width:50px;
	position:absolute;
	top:32px;
	left:50%;
	line-height:1;
	margin-left:-25px;
	text-align:center;
	font-size:1.1rem;
	font-weight:500;
	color:#5a1400;
	text-transform:uppercase;
}

#product-primary .ingredients {
	width:50%;
	float:left;
	padding-right:40px;
}
#product-primary .bottom-half {
	padding:35px 0 0 0;
}
#product-primary .ingredients .ingredient-desc {
	font-size:1.6rem;
}
#product-primary .nutrition-facts {
	width:50%;
	float:left;
}
#product-primary .nutrition-facts .serving-info {
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #d1d1d1;
}
#product-primary .nutrition-facts .serving-table {
	margin:0 0 15px 0;
}
#product-primary .nutrition-facts .serving-table span {
	display:inline-block;
	padding:2px 0;
}
#product-primary .nutrition-facts .serving-table span.label {
	width:50%;
	float:left;
}
#product-primary .nutrition-facts .serving-table span.value {
	width:25%;
	float:left;
	text-align:right;
}
#product-primary .nutrition-facts .serving-table span.percent-dv {
	width:25%;
	float:left;
	text-align:right;
}
#product-primary .daily-value-small-print {
	font-size:1.3rem;
}

/* ======================= How to Order ================= */
#primary.how-to-order {
	float:none;
	width:100%;
}
#primary.how-to-order .inner {
	padding:0;
}
.how-to-order .left-col {
	width:40%;
	float:left;
	padding:0 50px 0 0;
}
.how-to-order .right-col {
	width:60%;
	float:left;
	padding:0 0 0 100px;
	border-left:1px solid #d1d1d1;
}

/* ======================= Recipes ====================== */
#recipe-slider {
	margin:0 0 50px 0;
}
#recipe-slider .bx-viewport {
	height:316px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background:#89210e !important;
}
/* Recipe single-recipe.php  */
.single-recipe .recipe-photo {
	width:40%;
	float:left;
	margin:0 5% 0 0;
}
.single-recipe .post {
	width:55%;
	float:left;
}
.single-recipe .post h3 {
	font-size:26px;
	color:#6a6a6a;
}
.single-recipe .ingredient-list ul {
	width:100%;
	overflow:hidden;
}
.single-recipe .ingredient-list ul li {
	width:40%;
	float:left;
	margin:0 5% 0 5%;
	padding:0;
}

/* recipe filter search */
#recipe-filter .field {
	float:left;
}
#recipe-filter .field.text {
	padding:5px 3px 0 3px;
}
#recipe-filter .field.purpose select {
	width:180px;
}
#recipe-filter .field.category select {
	width:220px;
}
#recipe-filter .field select {
	display:inline-block;
	padding:1px 5px;
}
#recipe-filter .field span {
	display:inline-block;
	margin:0 7px 0 3px;
}
#recipe-filter .field.go {
	margin:0 0 0 10px;
}
#recipe-filter .field.go .button {
	padding:8px 15px 8px 15px;
	line-height:1;
}
#recipe-filter .field.keyword {
	width:160px;
}
#recipe-filter .field.keyword input {
	display:inline-block;
	width:150px;
	padding:2px 5px;
}

/* ======================= Press (Mainly lightbox styling) ====================== */
.press .fitvid 					{ margin:0 0 30px 0; }
.press p.publisher 				{ margin:0 0 20px 0; padding:0 0 20px 0; font-style:italic; border-bottom:1px solid #cdcece; }
.press-panel 					{ display:none; }

/* ======================= searchform.php ================= */
form#searchform			{ position:relative; margin:0; padding:0; }
input#s 				{ width:96%; margin:0; padding:5px 2%; border:1px solid #eae9e9; outline:none; color:#555; }
input#s:focus		 	{ border:1px solid #3e485a; }
input#searchsubmit 		{ position:absolute; right:0px; top:0px; width:23px; height:25px; background:none; border:none; outline:none; text-indent:-999px; }

/* ======================= Theme helpers ======================= */
blockquote						{ margin:0 0 20px 0; padding:0; quotes:"\201C""\201D""\2018""\2019"; }
blockquote p:before 			{ color:#dfdfdf; content:open-quote; font-size:3em; line-height:0.1em; margin-right:5px; vertical-align:-0.45em; }
blockquote p:after 				{ content:'\201D'; color:#dfdfdf; font-size:3em; line-height:0.1em; margin-left:5px; vertical-align:-0.45em; }
blockquote p					{ margin:0; color:#555; font-size:22px; line-height:30px !important; font-family:'Oswald', sans-serif; }
/* multi-column lists */
ul.col-2			{ width:100%; overflow:hidden; }
ul.col-2 li			{ width:45%; float:left; margin:0 5% 0 0; }
ul.col-3			{ width:100%; overflow:hidden; }
ul.col-3 li			{ width:30%; float:left; margin:0 3% 0 0; }
/* buttons */
input.button,
a.button 			{ background:#5a1400; display:inline-block; margin:0; padding:3px 15px 5px 15px; width:auto; color:#fff; font-size:20px; text-transform:uppercase; border:none; outline:none;
					  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
a.button:hover		{ opacity:0.9; }
/* arrows */
.arrow 				{ width:0; height:0; }
.arrow.down 		{ border-left:20px solid transparent; border-right:20px solid transparent; border-top:20px solid #5a1400; }

/* ======================= Presentational classes generated by WordPress ======================= */
.aligncenter {
	display:block;
	margin:0 auto
}
.alignleft {
	float:left
}
.alignright {
	float:right
}
img.alignright {
	margin:0 0 20px 10px;
}
img.alignleft {
	margin:0 20px 10px 0;
	display:block;
}

/* WP captions */
.wp-caption	{
	margin:0 0 20px 0;
	padding:0;
	max-width:100% !important;
}
.wp-caption.alignleft {
	margin-right:20px;
}
.wp-caption.alignright {
	margin-left:20px;
}
.wp-caption img	{
	margin:0;
	padding:0;
}
p.wp-caption-text {
	margin:5px 0 0 0;
	padding:0 20px;
	text-align:center;
}

/* ======================= WP widgets ================= */
.widget_recent_entries					{  }
.widget_recent_entries ul				{  }
.widget_recent_entries ul li			{ margin:0 0 10px 0; }
.widget_recent_entries span.post-date	{ display:block; font-size:0.688em; font-style:italic; }
.widget_categories						{ margin:0 0 0 15px; }
.widget_categories ul					{  }
.widget_archive							{  }
.widget_archive ul						{  }

/* ======================= Shortcode Styling ======================= */
/* FAQ sections */
.faq-group {
	margin:0 0 25px 0;
}
.faq-group .single-faq {
	margin:0 0 10px 0;
	padding:5px;
	background:#f2f2f2;
}
.faq-group .single-faq a.handle {
	display:block;
	position:relative;
	font-size:2.4rem;
	margin:0 0 0px 0;
	padding:0 0 0 40px;
	color:#5a1400;
	font-weight:500;
	line-height:1.3;
	font-family:'Oswald', sans-serif;
}
.faq-group .single-faq a.handle span {
	display:block;
	position:absolute;
	top:3px;
	left:0;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#fff;
	background:#5a1400;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
	-khtml-border-radius:	50%;
}
.faq-group .single-faq a.handle span:before {
	display:block;
	content:'';
	position:absolute;
	top:7px;
	left:13px;
	width:4px;
	height:16px;
	background:#fff;
}
.faq-group .single-faq a.handle.open span:before {
	display:none;
}
.faq-group .single-faq a.handle span:after {
	display:block;
	content:'';
	position:absolute;
	top:13px;
	left:7px;
	width:16px;
	height:4px;
	background:#fff;
}
.faq-group .single-faq .answer {
	padding-left:40px;
	font-size:1.8rem;
}

div.hr							{ width:100%; height:1px; clear:both; margin:20px 0; background:#ccc; }
/* general styles for sections where an icon opens a content panel */
.panel-wrap 					{ position:relative; clear:both; }
.coord-link 					{ text-align:center; cursor:pointer; }
.coord-link p 					{ margin:0; }
.coord-link span.arrow 			{ display:none; }
.coord-link.active span.arrow 	{ display:block; color:#5a1400; margin:5px auto 0 auto; border-top:20px solid #5a1400; }
.coord-panel 					{ }
.coord-panel#section-1 			{ display:block; }
.coord-panel blockquote p 		{ text-align:center; }

/* Product Evolution */
.product-evolution-coord-links .coord-link {
	height:380px;
	overflow:hidden;
	width:33.3333%;
	float:left;
	padding:0 30px 0 0;
}
.product-evolution-coord-links img {
	float:none;
	display:inline-block;
	margin:0 auto;
	max-height:265px;
}
.product-evolution-coord-links .coord-link h3 {
	color:#6a6a6a;
	font-size:2rem;
	text-align:center;
	text-transform:none;
	margin:20px 0 10px 0;
}
.product-evolution-coord-links .coord-link img {
	opacity:0.5;
}
.product-evolution-coord-links .coord-link.active img {
	opacity:1;
}
.product-evolution-coord-links .coord-link.active h3 {
	color:#5a1400;
}

/* Company Story */
/*
.page-company-story .coord-link 						{ width:12.5%; height:60px; float:left; margin:0 0 20px 0; padding:0; color:#aeabab; background:url(images/bg/timeline-dead.png) no-repeat center bottom; }
.page-company-story .coord-link.active 					{ background:url(images/bg/timeline-active.png) no-repeat center bottom; }
.page-company-story .coord-link:nth-of-type(1) 			{ background:url(images/bg/timeline-start.png) no-repeat center bottom; }
.page-company-story .coord-link.active:nth-of-type(1) 	{ background:url(images/bg/timeline-start-active.png) no-repeat center bottom; }
.page-company-story .coord-link.last					{ background:url(images/bg/timeline-end.png) no-repeat center bottom; cursor:default; }
*/

/* giving back */
.partner-logos a {
	display:inline-block;
	width:33.3333%;
	height:120px;
	padding:15px;
	text-align:center;
}
.partner-logos a img {
	vertical-align:middle;
	max-height:80px;
	width:auto;
}
.partner-logos img:hover {
	opacity:0.8;
}

/* new image swap feature added 2/21/2017 */
a.p14-img-swap {
	display:inline-block;
	margin:0 10px 0 0;
	position:relative;
}
a.p14-img-swap img.hovered {
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}
a.p14-img-swap:hover img.hovered {
	display:block;
}

/* justin's signature */
/*span.signature 					{ display:inline-block; width:128px; height:132px; background:url(images/bg/justins-signature.png) no-repeat 0 0; } */
span.signature-medium 			{ display:inline-block; width:98px; height:103px; background:url(images/bg/justins-signature-medium.png) no-repeat 0 0; }

/* show / hide content (FAQ page) */
.sh-section .sh-title 						{ font-size:22px; padding-bottom:10px; border-bottom:1px solid #ccc; }
.sh-section .sh-title span.after 			{ display:inline-block; position:relative; border-left:10px solid #5a1400; border-bottom:8px solid transparent; border-top:8px solid transparent; }
.sh-section .sh-title.active span.after 	{ top:7px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:10px solid #5a1400; }
.sh-section .sh-content h1 					{ display:none; }

/* search filter */
.p14-search-filter 							{ margin:0 0 25px 0; overflow:hidden; position:relative; }
.p14-search-filter input.keyword 			{ display:inline-block; width:200px; margin:0 15px 0 0; padding:5px; border:1px solid #eae9e9; outline:none; color:#555; }
.p14-search-filter input.keyword:focus		{ border:1px solid #3e485a; }
.p14-search-filter input#searchsubmit 		{ position:relative; right:0px; top:0px; width:auto; height:auto; background:none; border:none; outline:none; text-indent:0;
                                              background:#5a1400; display:inline-block; margin:0; padding:8px 15px; width:auto; color:#fff; font-size:20px; line-height:1;
                                              text-transform:uppercase; border:none; outline:none;
					                          -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
/* Press releases */
#press-releases 				{ margin:0 0 30px 0; }
#press-releases .excerpt 		{ margin:0 0 0px 0; padding:10px 0 5px 0; border-bottom:1px solid #eae9e9; }
#press-releases h2 				{ margin:0 0 5px 0; text-transform:none; line-height:1; font-size:22px; }
#press-releases h2 a			{ color:#606161; }
#press-releases h2 a:hover 		{ color:#5a1400; }
.single-press_release .post h1 	{ text-transform:none; }

/* accordion 14 plugin */
.accordion-14					{ margin:0 0 30px 0; }
h3.accordion-header 			{ background:#eee; color:#606161; margin:5px 0 0 0; padding:5px 20px 8px 15px; text-transform:none; font-size:22px; cursor:pointer; }
h3.accordion-header span.icon	{ display:inline-block; width:26px; height:26px; position:relative; top:5px; left:0; margin:0 10px 0 0; background:url(images/bg/faq-sprite.png) no-repeat 0 -34px; }
h3.active-header 				{  }
h3.active-header span.icon		{ background-position:0 0; }
span.highlight 					{ background:yellow; }
.accordion-content 				{ display:none; width:100% !important; padding:20px 20px 20px 20px; }
.ac14-search input 				{ float:left; margin-right:15px; width:200px; }
.ac14-search a 					{ float:left; margin-right:15px; }
#accordion-result-msg 			{ margin:0 0 10px 0; }

/*
	======================= Responsive =======================
*/
#dimensions {
	position:fixed;
	top:45px;
	right:5px;
	width:50px;
	text-align:center;
	z-index:5000;
	font-size:11px;
	font-family:arial;
	color:#fff;
	background:#444;
}
.mobile {
	display:none;
}
.footer.mobile {
	width:70%;
	float:right;
	text-align:right;
}
.footer.mobile a {
	color:#6a6a6a;
	text-transform:uppercase;
}

/* responsive navigation */
a#hamburger	{
	display:none;
	position:absolute;
	left:20px;
	top:20px;
	font-size:5rem;
	color:#767676;
}
#resp-nav {
	display:none;
	position:fixed;
	left:0;
	top:0;
	z-index:1;
	width:100%;
	height:100%;
	min-height:100%;
	overflow:auto;
}
#resp-nav .top-menu ul {
	margin:0;
	padding:0;
	width:100%;
	min-height:100%;
	overflow-y:scroll;
}
#resp-nav .top-menu ul li {
	margin:0;
	padding:0;
	list-style:none;
}
#resp-nav .top-menu ul li a {
	display:block;
	margin:0;
	padding:15px 20px;
	text-align:left;
	color:#fff;
	font-size:22px;
	border-bottom:1px solid #fff;
}
/* social menu */
#resp-nav .bottom-menu-social {
	float:none;
	width:100%;
}
#resp-nav .bottom-menu-social ul {
	margin:30px 0 0 0;
	padding:0;
}
#resp-nav .bottom-menu-social ul li {
	display:inline-block;
	margin:0 10px;
	padding:0;
}
#resp-nav .bottom-menu-social ul li a {
	display:block;
	border-bottom:none;
	margin:0;
	padding:0;
	font-size:2.8rem;
	color:#fff;
}

@media only screen and (max-width: 1000px) {
	.product-column 			{ width:100%; margin:0; float:none; }

	a#hamburger,
	#masthead .mobi-language-selector,
	#mobile-home-nav			{ display:block; }
	/* main architecture */
	#body-wrap 					{ min-height:auto; position:static; padding:0; }
	#page-wrap					{ width:100%; margin:0; min-height:100%; }
	#masthead					{ margin:0; padding:20px 0 5px 0; border-bottom:none; }
	#content-wrap				{ margin:0; padding:10px 20px; min-height:400px; }
	ul.section-nav li 			{ text-align:center; }
	#footer						{ width:100%; margin:0; position:static; }
	#footer .inner 				{ width:100%; margin:0; padding:30px 2% 10px 2%; }

	/* breadcrumb row */
	#pagetop 					{ width:100%; margin:0 0 20px 0; padding:0; }
	#pagetop .breadcrumbs 		{ width:100%; float:none; }
	#pagetop .social-sharing 	{ width:100%; float:none; margin:20px 0 0 0 !important; }
	#pagetop .social-sharing ul { text-align:right; }

	/* typography */
	h1.entry-title				{ font-size:28px; }
	blockquote p				{ font-size:22px; line-height:30px; }

	/* slider */
	#home-slider .bx-viewport 	{ height:auto; }
	#recipe-slider .bx-viewport { height:auto; }
	.home #page-wrap 			{ min-width:0; }
	.home .homebox.box-2 .overlay.button-only .inner-content {
		margin-top:-50px;
	}

	/* elements */
	#masthead #nav-wrap,
	.social,
	#footer ul#footer-nav 		{ display:none; }
	#masthead #logo 			{ width:170px; float:none; margin:0 auto; padding:0; }
	#footer a.logo 				{ width:10%; }
	.footer.mobile 				{ display:block; }

	/* popups */
	.bio-screen 				{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:4000; }
	.panel-content 				{ position:absolute; width:100%; padding:60px 20px 20px 20px; top:30px; left:0; margin:0; }

	/* 3 column archive pages */
	.archive-3-col .article 					{ width:46%; float:left; margin:0 2% 0px 2%; padding:0; overflow:hidden; }
	.archive-3-col .article:nth-child(3n+3)		{ margin-right:2%; }
	.archive-3-col .article .thumb 				{ position:relative; height:auto; }
	.archive-3-col .article .overlay 			{ display:block; position:absolute; z-index:100; top:0; left:0; width:100%; height:100%; }
	.archive-3-col .article .overlay.videos 	{ background:url(images/bg/video-icon.png) no-repeat center center; }
	.archive-3-col .article .overlay.awards 	{ background:url(images/bg/award-icon.png) no-repeat center center; }
	.archive-3-col .article h3 					{ font-size:18px; }
	.archive-3-col .article h4 					{ font-size:18px; }

	/* recipes */
	#recipe-filter 								{ margin:0 0 30px 0; }
	#recipe-slider 								{ display:none; }
	#recipe-filter .field.category				{ float:none; }
	#recipe-filter .field.or-by-keyword 		{ padding-left:0; }
	#recipe-filter .field span.and-or 			{ margin-left:0; }

	/* blog */
	body.blog-section 				{ background:#585858; }
	.page-inner 					{ width:100%; }
	body.blog-section #content-wrap { padding-right:20px; padding-left:20px; }
	.blog-section #pagetop 			{ width:100%; padding:0; }
	.blog-section #page-wrap		{ width:100%; margin:0; padding:0; min-height:100%; background:#fff; }
	.blog-section .breadcrumbs 		{ margin:0; padding-left:2%; padding-right:2%; width:100%; }
	.blog-section #masthead .inner	{ width:100%; margin:0; padding:0; }
	#blog-head 						{ width:100%; float:none; margin:0; padding:0px 2% 0 2%; }
	#blog-head .blog-title 			{ width:100%; float:none; }
	#blog-head .search 				{ width:100%; float:none; }
	#blog-head .blog-title h2 		{ font-size:36px; text-align:center; }
	#blog-sidebar-left 				{ width:20%; margin-right:0; }
	#blog-primary 					{ padding-right:0; }

	/* single */
	.single #blog-primary .content 					{ margin-bottom:30px; border-bottom:1px solid #ccc; }
	#blog-primary .content h1.page-title 			{ font-size:22px; color:#606161; margin:0; }
	#blog-primary .content .single-featured			{ margin:0 0 20px 0; }
	#blog-primary .content .single-featured img 	{ display:block; margin:0; padding:4px; border:1px solid #ccc; }

	/* contact page */
	.content-column.two_third 					{ width:100%; }
	.content-column.two_third > div 			{ padding-right:0 !important; float:none; }
	.content-column.one_third.last_column 		{ width:100%; float:none; }
	.iframe-wrap iframe 						{ height:880px !important; }

	/* remove contact round image, remove any other absolute positioned images like the side tags, etc. */
	.alignleft 					{ float:none; margin:0; }
	.alignright 				{ float:none; margin:0; }
	.wp-caption					{ max-width:100%; }
	.wp-caption.alignleft		{ margin:15px 0; }
	.wp-caption.alignright		{ margin:15px 0; }
	img.alignright				{ margin:0 0 0 10px; }
	img.alignleft				{ margin:0 0 10px 0; }
	ul.col-2 li					{ width:100%; float:none; }
	ul.col-3 li					{ width:100%; float:none; }

	/* newsletter */
	#newsletter {
		width:100%;
		position:static;
		bottom:0px;
		left:0;
	}
}
@media only screen and (max-width: 900px) {
	#product-sidebar {
		width:100%;
		float:none;
		padding:0;
	}
	#product-primary {
		width:100%;
		float:none;
	}
}
@media only screen and (max-width: 750px) {
	#primary {
		width:100%;
		float:none;
		margin:0;
		padding:0;
	}
	#primary .inner	{
		margin:0;
		padding:0 0 0 0;
	}
	#secondary {
		width:100%;
		float:none;
		margin:0;
		padding:0;
	}
	#newsletter .inner {
		width:100%;
		padding:0 10px;
	}
	#secondary img {
		width:301px;
		max-width:100%;
		margin:0 auto;
	}
	#newsletter .left {
		width:100%;
		float:none;
		margin:0 0 10px 0;
		padding-right:0;
		text-align:center;
	}
	#newsletter .right {
		width:100%;
		float:none;
		text-align:center;
	}
	/* products */
	.product-cols .product-col {
		margin:0 auto;
		max-width:300px;
	}
	.product-cols .product-col.col-1 {
		width:100%;
		float:none;
	}
	.product-cols .product-col.col-2 {
		width:100%;
		float:none;
	}
	.single-recipe .recipe-photo 			{ width:100%; float:none; margin:0 0 30px 0; }
	.single-recipe .post 					{ width:100%; float:none; }
	.single-recipe .ingredient-list ul 		{ width:100%; overflow:hidden; }
	.single-recipe .ingredient-list ul li 	{ width:100%; float:none; margin:0 0 5px 0; padding:0; }

	/* body */
	.blog-section #content-wrap					{ margin:0; padding:20px 0 10px 0; }
	.page-inner 								{ width:100%; margin:0; }
	#blog-primary 								{ width:100%; float:none; margin:0; padding:20px 2%; background:#fff; }
	#blog-primary .content 						{ width:100%; margin:0 0 0 0; padding:0; float:none; }
	#blog-primary .excerpt .thumb 				{ max-width:100%; float:none; margin:0 0 20px 0; }
	/* sidebar left */
	#blog-sidebar-left 							{ width:100%; float:none; margin-right:0; }
	.blog-section #footer 						{ background:#fff url(images/bg/footer-shadow.png) repeat-x top left; }
	/* sidebar right */
	#blog-sidebar-right 						{ width:100%; float:none; }
	#blog-sidebar-right img.wpp-thumbnail 		{ display:block; float:none; margin:0; padding:4px; border:1px solid #ccc; }
	#blog-sidebar-right .widget .post-stats 	{ font-size:18px; }
}
@media only screen and (max-width: 700px) {
	.page-sustainability-initiatives .coord-link {
		width:24%;
		margin:.5%;
		border:1px solid #999999 !important;
	}
}
@media only screen and (max-width: 600px) {
	.page-sustainability-initiatives .coord-link {
		width:32.3333%;
	}
	.page-company-story .coord-link {
		width:20%;
	}
	.home #page-wrap {
		width:100%;
		min-width:0;
	}
	.home .pagewidth {
		width:100%;
		margin:0 auto;
		padding:30px 0;
	}
	.home #home-slider-full .bx-wrapper .bx-controls-direction a {
		display:none;
	}
	.home .homebox {
		width:100%;
		height:130px;
		float:none;
		border-left:none !important;
		border-right:none !important;
	}
	.home .homebox .overlay .inner-content {
		top:65px;
		margin-top:-15px;
	}
	.home .homebox.box-2 .overlay.button-only .inner-content {
		margin-top:-35px;
	}
	.home .homebox.box-2 .overlay a.box-button {
		width:150px;
	}
	.home .homebox .overlay h3 {
		display:none;
	}
	.home .homebox .overlay a.box-button {
		width:100px;
		font-size:22px;
	}
	.home .homebox.box-4 .overlay a.box-button {
		width:160px;
	}
	.home .home-16-pg-bottom h4 {
		font-size:22px;
	}
	/* product page */
	#product-primary .product-image {
		width:100%;
		float:none;
		padding:0 0 20px 0;
	}
	#product-primary .product-desc {
		width:100%;
		float:none;
	}
	#product-primary .ingredients {
		width:100%;
		float:none;
		padding:0 0 30px 0;
	}
	#product-primary .nutrition-facts {
		width:100%;
		float:none;
	}
}
@media only screen and (max-width: 550px) {
	#recipe-filter .field.purpose {
		display:block;
		clear:both;
		width:100%;
	}
}
@media only screen and (max-width: 450px) {
	.page-sustainability-initiatives .coord-link {
		width:49%;
	}
	.product-cols .product-col {
		max-width:100%;
	}
}
@media only screen and (max-width: 400px) {
	#masthead #logo img {
		max-width:170px;
	}
	.page-company-story .coord-link {
		width:25%;
	}
	.archive-3-col .article {
		width:100%;
		height:auto;
		float:none;
		margin:0 0 25px 0;
	}
	.archive-3-col .article:nth-child(3n+3) {
		margin-right:0;
	}
}
@media only screen and (max-width: 350px) {
	#newsletter .left {
		font-size:22px;
	}
}

@media print {
	#masthead #nav-wrap,
	#masthead .social,
	#pagetop,
	#footer {
		display:none !important;
	}
}

.tecstra-social {
	float: right;
}
ul#social{ 
margin:0 0 -10px 0; padding:0; float:right; 
padding-right: 20px;
}
ul#social li { display:inline-block; margin:0 0 0 15px; padding:0; 
}
ul#social li a { display:block; width:26px; height:26px;
text-indent:-9999px; overflow:hidden;                                                                                                                                                        
background:url('/wp-content/themes/justins_ml/assets/images/social-sprite.png') no-repeat 0 0; 
}                                                                                                                                 
ul#social li a[href*="facebook.com"] { background-position:0px 0px; 
}
ul#social li a[href*="twitter.com"] { background-position:-85px 0px; 
}                                                                                                   

ul#social li a[href*="instagram.com"] { background-position:-43px 0px; 
}
ul#social li a[href*="pinterest.com"] { background-position:-125px 0px; }                                                                                                          
ul#social li.blog a { background-position:-166px 0; }