/* CSS Document */



/* -----------------------------------------
   Shared Styles
----------------------------------------- */
body {
	color: #713603;
    font-family: 'Muli',sans-serif;
    font-size: 14px;
    line-height: 1.5em;

}

@font-face {
	font-family: 'NeutraFaceTextTTBold';
	src: url('../fonts/neutrafacetexttt-bold.eot?#iefix') format('embedded-opentype'), 
		 url('../fonts/neutrafacetexttt-bold.woff') format('woff'), 
		 url('../fonts/neutrafacetexttt-bold.ttf')  format('truetype'),
		 url('../fonts/neutrafacetexttt-bold.svg#svgFontName') format('svg');
}
@font-face {
	font-family: 'NeutraFaceTextTTDemi';
	src: url('../fonts/neutrafacetexttt-demi.eot?#iefix') format('embedded-opentype'), 
		 url('../fonts/neutrafacetexttt-demi.woff') format('woff'), 
		 url('../fonts/neutrafacetexttt-demi.ttf')  format('truetype'),
		 url('../fonts/neutrafacetexttt-demi.svg#svgFontName') format('svg');
}
@font-face {
	font-family: 'NeutraFaceTextTTBook';
	src: url('../fonts/neutrafacetexttt-book.eot?#iefix') format('embedded-opentype'), 
		 url('../fonts/neutrafacetexttt-book.woff') format('woff'), 
		 url('../fonts/neutrafacetexttt-book.ttf')  format('truetype'),
		 url('../fonts/neutrafacetexttt-book.svg#svgFontName') format('svg');
}

.small-headline {
	font-family:'NeutraFaceTextTTDemi', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.3em;
	color:#c1272c;
	text-transform:uppercase;
	margin-bottom:10px;
}
.medium-headline {
	font-family:'NeutraFaceTextTTDemi', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1.3em;
	color:#c1272c;
	text-transform:uppercase;
	margin-bottom:5px;
	display:inline-block;
}
.large-headline {
	font-family:'NeutraFaceTextTTDemi', Arial, Helvetica, sans-serif;
	font-size:21px;
	line-height:1.3em;
	color:#c1272c;
	text-transform:uppercase;
	margin-bottom:10px;
}
.thumb-headline {
	font-family:'NeutraFaceTextTTDemi', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1.3em;
	color:#FFF;
	text-transform:uppercase;
	margin:5px 0;
}
	
p, ul, li, a {
	font-size:14px;
}
p strong {
	font-weight:700;
}
.mainContentHolder {
	padding-top:100px;
	background: #E2DFD7 url(../images/main_background.jpg) 50% 100px no-repeat;
}

.ingredients-html ul {
	list-style-type:none;
	padding:0;
	margin:0 0 40px;		
}
.ingredients-html ul li {
	padding:5px;
}
.ingredients-html ul li:nth-child(even) {
	background: #FFF;
}
.ingredients-html ul li:nth-child(odd) {	
	background:#F2EFE8;	
}

/* Foundation overwrites
--------------------------------------*/
.row { max-width: 1200px; } 
@media only screen {
	/*
	.row .columns, .row .column {
    	padding-left: 20px; 
    	padding-right: 20px;
  	}
  	*/
}

/* Layout
--------------------------------------*/

.top-row {
	margin-top:100px;
}
.home .top-row { 
	margin-top:79px; 
}
.row .hrz-divider {
	background:url(../images/hrz-divider.gif) 50% 100% no-repeat;
	padding:20px 0;
}


.only-mobile{ display:none !important; }
.only-desktop { display:inline-block !important; }





/* header
--------------------------------------*/
.header {	
	box-shadow: 0 6px 7px rgba(0, 0, 0, 0.3);
	height:100px;
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	width:100%;
	background:#FFF;
	
}
.header .logo {
	display:inline-block;
	float:left;
	margin-top:10px;
}


/* Toggle btn
--------------------------------------*/
.toggle-btn {
	width:52px;
	height:52px;
	display:inline-block;
	float:right;
	margin:10px 0;
	background: url(../images/toggle-btn.png) no-repeat 0 -52px;
	/**/
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.toggle-btn:hover {
	background: url(../images/toggle-btn.png) no-repeat 0 0;
}
.toggle-btn-open {
	background: url(../images/toggle-btn.png) no-repeat -52px -52px;
}
.toggle-btn-open:hover {
	background: url(../images/toggle-btn.png) no-repeat -52px 0;
}

/* Main Menu
--------------------------------------*/
.menu {
	float:right;
}
.menu ul {
	list-style-type:none;
	float:right;
	display:inline-block;
}
.menu ul li {
	float:left;	
	display:inline-block;	
}
.menu ul li:first-child {
	background:#FFF;
}
.menu ul li a {
	font-size:17px;
	width:180px;
	height:100px;
	display:inline-block;
	text-align:center;
	line-height:100px;
	color: #713603;
	border-right:1px solid #D9D3CE;
	background: url(../images/menuButtonBackground.jpg) repeat-x;
}
.menu ul li a.tagline {
	width:235px;
	margin-right:20px;
	background:#FFF;
	border-right:none;
}
.menu ul li a.tagline:hover {
	background:#FFF;
}
.menu ul li:last-child a {
	border-right:none;
}
.menu ul li a:hover, .menu ul li a.active {
	color:#FFF;
    background: url(../images/menuButtonBackground_on.jpg) repeat-x;
}
.menu ul li.tagline {
	width:auto;
	background:#FFF;
}


/* Facebook and Pinterest Tabs
--------------------------------------*/
.follow-tabs {
	position:absolute;
	top:400px;
	right:0;
	width:36px;
	height:244px;
	}


.facebook-tab {
	/*position:absolute;
	top:400px;
	right:0;*/
	width:36px;
	height:117px;
}


/* Pinterest Tab
--------------------------------------*/
.pinterest-tab {
	/*position:absolute;
	top:527px;
	right:0;*/
	width:36px;
	height:117px;
	margin-top: 10px;
}


/* Social
--------------------------------------*/
.mainContentHolder #image #socialMedia #mailClear {
    margin-right: 4px;
}
mainContentHolder #shadow {
    background-image: url(../images/events_shadow.png);
}

/* Hero / Slider
--------------------------------------*/
.hero-link a, .hero-link a img,{
	border:none;
}
#sliderImageHolder {
	margin-top: 79px;
}
.menuHolder {
    background-color: #FFFFFF;
    height: 100px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}

/*thumbnails  (just recipes for now)
--------------------------------------*/

.recipes .thumbnailContentHolderRecipes {
	height:auto !important;
	padding-top:0 !important;
}
.recipes .thumbnailContentHolderRecipes .inner {
	display:inline-block;
	margin:50px 0 0;
}
.recipes .mainContentHolder #text2column #column2 ul {
	margin-bottom:40px;
}
.recipes .mainContentHolder #text2column #column2 ul li {
	margin-left: 1em;
}


/* filter-nav
--------------------------------------*/
.filter-nav {
	padding:0 116px;
}
.filter-nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline-block;
	float:left;
}
.filter-nav ul li {
	display:inline-block;
	float:left;
}
.filter-nav ul li a, .filter-nav a.load-more-btn, .filter-nav a.with-video-btn {
	background:#e0ddd6;
	color:#4e412e;
	padding:5px 20px;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	font-size:18px;
	font-family:'NeutraFaceTextTTDemi', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-shadow: 1px 1px #f7f4ed;
}
.filter-nav ul li a:hover, .filter-nav ul li a:active, .filter-nav a.load-more-btn:hover {
	background:#33481f;
	color:#FFF;
	text-shadow: 1px 1px #000;
}
.filter-btn-active {
	background:#33481f !important;
	color:#FFF !important;
	text-shadow: 1px 1px #000 !important;
}
.filter-nav ul li a.most-recent-btn {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.filter-nav ul li a.most-viewed-btn {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.filter-nav ul li a.with-video-btn  {
	border-radius:5px;
	margin-left:20px;
}
.filter-nav a.load-more-btn {
	width:100%;
	display:inline-block;
	border-radius: 5px;
	margin-bottom:50px;
	text-align:center;
}


/* preoader
--------------------------------------*/
span.preloader {
	width:50px;
	height:50px;
}


/* custom select menu
--------------------------------------*/
.filter-nav .form-wrapper {
	float:right;
}
.filter-nav .form-wrapper form {
	margin:0;
	pading:0;
	line-height:0;
}
.filter-nav .category-wrapper, .filter-nav .chef-wrapper {
	float:left;
}
.filter-nav .chef-wrapper {
	margin-right:20px;
}


select {
	background:#e0ddd6;
	color:#4e412e;
	padding:3px 5px 5px;
	font-size:18px;
	font-family:'NeutraFaceTextTTDemi', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	
	border-radius:5px;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	margin:0;
}
.filter-select-active {
	background:#33481f !important;
	color:#FFF !important;
}


/* custom dropdown
--------------------------------------
form.custom div.custom.dropdown {
	margin:0 auto;
	display:inline-block;
	text-align:left;
	width:100% !important;
	border-radius:7px;
	}
	form.custom div.custom.dropdown a.current {
		background-color: #B89675;
		border: 1px solid #2B030B;
		color: #141414;
		font-size:18px;
		font-weight:700;
		border-radius:7px;
		height: 32px;
		line-height: 32px;
	}
	form.custom div.custom.dropdown a.selector {
		border: 1px solid #2B030B;
		height:32px;
	}
	form.custom div.custom.dropdown a.selector:after {
		border-color: #2B030B rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	}
	form.custom div.custom.dropdown ul {
		color:#2B030B;
		background: #8C6239;
		border: 1px solid #2B030B;
		width:100% !important;
		border-radius:7px;
		top:31px;
		left:0;
	}
	form.custom div.custom.dropdown ul li {
		font-size:18px;
		color:#2B030B;
		background: #8C6239;
		padding: 6px 38px 3px 6px;
	}
	form.custom div.custom.dropdown ul li:hover {
		color:#2B030B;
		background: #D1B08A;
	}
	form.custom div.custom.dropdown ul li.selected {
		color: #C69C6D;
		background: #603813;
	}
*/

.loop-wrapper {
	height: auto !important;
    padding-top: 0 !important;
	margin: 0 auto;
	width:100%;
}
.loop-wrapper .inner {
	display:inline-block;
	padding: 50px 90px 0;
}
.chefs .loop-wrapper .inner {
	padding: 10px 90px 0;
}
.loop-wrapper .inner .item {
	float: left;
    height: 225px;
    position: relative;
	max-width:445px;
    width: 90%;
	margin: 0 25px 50px;
	display:inline-block;
}
.loop-wrapper .inner .item a {
	display:block;
}
.loop-wrapper .inner .item a span.title {
	position:absolute;
	bottom:0;
	min-height:70px;
	width:445px;
	display:block;
	
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzNDcxZiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(51,71,31,0.7) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.7)), color-stop(100%,rgba(51,71,31,0.7))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(51,71,31,0.7) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(51,71,31,0.7) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(51,71,31,0.7) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(51,71,31,0.7) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b333471f',GradientType=0 ); /* IE6-8 */
	/*
	background:#33471F;
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.7;
	*/
}
.loop-wrapper .inner .item a span.title:hover {
	background:#2d351b;
	zoom: 1;
	filter: alpha(opacity=90);
	opacity: 0.9;
}
.loop-wrapper .inner .item a span.headline {
	background: url("../images/title_border.png") repeat-x 0 80%;
	margin: 15px 20px 0;
    min-height: 50px;
    width: 400px;
	display:inline-block;
	padding: 0 0 30px; /* 2014/02/28: allow for two lines in the title */
	
	font-family:'NeutraFaceTextTTBook', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1.3em;
	color:#FFF;
	text-transform:uppercase;
}


/* Containers
--------------------------------------*/
.beige-gradient-wrapper {
	background:#E2DFD7;
	width:100%;
	background: url("../images/beige-gradient-backg.jpg") repeat-x 50% 0 #E2DFD7;
	display:inline-block;
}

.beige-gradient-wrapper .container {
    padding: 80px 116px;
	display:inline-block;
}


/* Flat Beige Wrapper
--------------------------------------*/
.flat-beige-wrapper {
	background:#E2DFD7;
	width:100%;
	background: url("../images/branches-flat-beige.jpg") repeat-x 50% 0 #E2DFD7;
	padding:80px;
}
.flat-beige-wrapper .content {
	background: #FFF;
    padding: 50px 116px;
	padding: 50px 50px 50px;
	display:inline-block;
}
.flat-beige-wrapper .content:after {
    background: url("../images/events_shadow.png") no-repeat 50% 0;
    bottom: -15px;
    content: "";
    display: inline-block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
	background-size:95% 100%;
}
.flat-beige-wrapper  h3 {
	font-family:'NeutraFaceTextTTDemi', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1.3em;
	width:100%;
	color:#c1272c;
	text-transform:uppercase;
	margin-bottom:15px;
	display:inline-block;
	padding-bottom:20px;
	background: url("../images/dotted-on-beige.png") repeat-x 0 100%;
}
.flat-beige-wrapper a.download-btn {
    background: none repeat scroll 0 0 #C0262C;
    border-radius: 5px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 10px;
    padding: 5px 15px 3px;
    text-align: center;
    text-transform: uppercase;
}
.flat-beige-wrapper a.download-btn:hover {
	background:#ea861e;
}
.flat-beige-wrapper a {
	color:#C0262C;
	text-decoration:underline;
}
.dotted-line {
width:100%;
	color:#c1272c;
	text-transform:uppercase;
	margin-bottom:15px;
	display:inline-block;
	padding-bottom:20px;
	background: url("../images/dotted-on-beige.png") repeat-x 0 100%;
}




/* Rough Wood Wrapper
--------------------------------------*/
.rough-wood-wrapper {
	width:100%;
	background: url("../images/rough-wood-backg.jpg") repeat-y 50% 0 #231d1a;
	padding:80px;
	border-top:20px solid #C1B091;
	border-bottom:20px solid #E0DCD5;
	margin:-5px 0;
}
.rough-wood-wrapper h3 {
	font-family:'NeutraFaceTextTTDemi', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1.3em;
	width:100%;
	color:#FFF;
	text-transform:uppercase;
	margin-bottom:15px;
	display:inline-block;
	padding-bottom:20px;
	background: url("../images/dotted-on-dark.png") repeat-x 0 100%;
}
.rough-wood-wrapper p {
	color:#FFF;
}

/* Green Wrapper
--------------------------------------*/
.green-wrapper {
	background:#3a4d26;
	width:100%;
	background: url("../images/green-backg.jpg") repeat-y 50% 0 #3a4d26;
	display:inline-block;
	padding: 50px 52px;
	display:inline-block;
}
.green-wrapper h3 {
	font-family:'NeutraFaceTextTTDemi', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1.3em;
	width:100%;
	color:#FFF;
	text-transform:uppercase;
	margin-bottom:15px;
	display:inline-block;
	padding-bottom:20px;
}
.green-wrapper a.gallery-thumb,
.green-wrapper a.recipe-thumb {
	width:18%;
	margin-right:2.5%;
	margin-bottom:2.5%;
	display:inline-block;
	border:1px solid transparent;
}
.green-wrapper a.gallery-thumb:nth-child(5n+5),
.green-wrapper a.recipe-thumb:nth-child(5n+5) {
	margin-right:0;
}
.green-wrapper a.gallery-thumb:hover,
.green-wrapper a.recipe-thumb:hover {
	border:1px solid #FFF;
}
.green-wrapper a.gallery-thumb img,
.green-wrapper a.recipe-thumb img {
	width:100%;
}
.chef-col a.read-more {
    color: #C0262C;
    display: inline-block;
    margin: 0 0 10px;
    padding: 20px 0 30px;
    text-decoration: underline;
    width: 100%;
}



/* Know Your Olives
--------------------------------------*/
.know-your-olives {
	padding:50px 0;
}
.top-divider {
	border-top:1px solid #CCC;
	padding:20px 0;
}
.know-your-olives h3 {
	font-family:'NeutraFaceTextTTDemi', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1.3em;
	width:100%;
	color:#c1272c;
	text-transform:uppercase;
	margin-bottom:15px;
	display:inline-block;
	padding-bottom:20px;
}
.two-col {
       -moz-column-count: 2;
       -moz-column-gap: 40px;
       -webkit-column-count: 2;
       -webkit-column-gap : 40px;
       -moz-column-rule-color:  #ccc;
       -moz-column-rule-style:  solid;
       -moz-column-rule-width:  1px;
       -webkit-column-rule-color:  #ccc;
       -webkit-column-rule-style: solid ;
       -webkit-column-rule-width:  1px;
}

/* Light Beige Wrapper
--------------------------------------*/

.light-beige-wrapper {
	width:100%;
	background: url("../images/light-beige-backg.jpg") repeat-x 50% 0 #FFF;
	padding:80px;
	border-top:20px solid #E0DCD5;
}
.light-beige-wrapper h3 {
	font-family:'NeutraFaceTextTTDemi', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1.3em;
	width:100%;
	color:#c1272c;
	text-transform:uppercase;
	margin-bottom:15px;
	display:inline-block;
	padding-bottom:20px;
	background: url("../images/dotted-on-beige.png") repeat-x 0 100%;
}



/* Cover 
----------------------------------------------*/
.cover {
	position:relative;
	margin:0 auto;
	display:inline-block;
}

/* Banner 
----------------------------------------------*/
.banner {
	position:relative;
	margin:-21px auto 40px;
	display:inline-block;
}
.events .banner { margin:0 auto 40px; }
.banner .overlay {
	margin:5%;
	max-height:460px;
	height:90%;
	width:400px;
}
.banner .overlay p.tagline {
	font-size:20px;
	text-transform:uppercase;
	font-family:'NeutraFaceTextTTBold', Arial, Helvetica, sans-serif;
	color:#FFF;
	background-size:130%;
}
.chefs .banner .overlay p.tagline {
	margin-top:-10px !important;
}
.banner .overlay h2, .banner .overlay p.h2 {
	font-family:'NeutraFaceTextTTBold', Arial, Helvetica, sans-serif;
	padding-top:0;
	background:none;
}
.banner .overlay p.introduction {
	padding:80px 50px 0;
	background-size:130%;
	background: url("../images/adorn-btm.png") no-repeat scroll 50% 0;
}
.chefs .banner .overlay p.introduction {
	padding:70px 10px 0;
}


.banner .overlay p.when, 
.cover .overlay p.when, 
.overlay-alt span.when {
	font-family:'NeutraFaceTextTTBook', Arial, Helvetica, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	padding-top:0;
	margin:0;
	line-height:1.3em;
}
.banner .overlay p.city, 
.cover .overlay p.city, 
.overlay-alt span.city {
	font-family:'NeutraFaceTextTTBook', Arial, Helvetica, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	padding-top:0;
	margin:0;
	line-height:1.3em;
}


/* sharenav
----------------------------------------------*/
	.sharenav {
	  padding: 0;
	  margin: 20px;
	  position:absolute;
	  top:0;
	  right:0;
	}
	.sharenav ul {
	   margin: 0;
	   padding: 0;
	   text-align: center;
	}
	.sharenav li {
	   display: inline;
	   list-style: none;
	   width:33.3%;
	   text-transform:uppercase;
	   font-size:0.8em;
	}
	.sharenav a {
		text-decoration: none;
		font-size: 30px;
		padding:2px;
		line-height:30px;
		color:#ebe5dc;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
	   
	  	zoom: 1;
		filter: alpha(opacity=50);
		opacity: 0.7;
	}
	.sharenav a:hover {
		color:#FFF;	
	}


/* Overlay Desktop
--------------------------------------*/
.overlay {
	width:40%;
	height:100%;
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	padding:50px;
	/*
	background:#33471F;
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.7;
	*/
}
.recipes .overlay, .recipes .overlay-alt,
.chefs .overlay, .chefs .overlay-alt {	
	background: rgba(53,67,32,0.95);
	background: -moz-radial-gradient(center, ellipse cover, rgba(53,67,32,0.95) 0%, rgba(53,67,32,0.98) 64%, rgba(16,20,10,0.98) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(53,67,32,0.95)), color-stop(64%, rgba(53,67,32,0.98)), color-stop(100%, rgba(16,20,10,0.98)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(53,67,32,0.95) 0%, rgba(53,67,32,0.98) 64%, rgba(16,20,10,0.98) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(53,67,32,0.95) 0%, rgba(53,67,32,0.98) 64%, rgba(16,20,10,0.98) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(53,67,32,0.95) 0%, rgba(53,67,32,0.98) 64%, rgba(16,20,10,0.98) 100%);
	background: radial-gradient(ellipse at center, rgba(53,67,32,0.95) 0%, rgba(53,67,32,0.98) 64%, rgba(16,20,10,0.98) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#354320', endColorstr='#10140a', GradientType=1 );
}

.events .overlay, .events .overlay-alt{
	background: rgba(140,23,12,0.95);
	background: -moz-radial-gradient(center, ellipse cover, rgba(140,23,12,0.95) 0%, rgba(99,11,1,0.95) 64%, rgba(99,11,1,0.95) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, , color-stop(0%, rgba(140,23,12,0.95)), color-stop(64%, rgba(99,11,1,0.95)), color-stop(100%, rgba(99,11,1,0.95)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(140,23,12,0.95) 0%, rgba(99,11,1,0.95) 64%, rgba(99,11,1,0.95) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(140,23,12,0.95) 0%, rgba(99,11,1,0.95) 64%, rgba(99,11,1,0.95) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(140,23,12,0.95) 0%, rgba(99,11,1,0.95) 64%, rgba(99,11,1,0.95) 100%);
	background: radial-gradient(ellipse at center, rgba(140,23,12,0.95) 0%, rgba(99,11,1,0.95) 64%, rgba(99,11,1,0.95) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c170c', endColorstr='#630b01', GradientType=1 );
}

.overlay p {
	font-family: 'Muli', sans-serif;
	display:block;
	color:#FFF;
	margin-top:15px;
	line-height:17px;
	padding-top:70px;
	background-size:145%;	
}
.overlay h2, .overlay p.h2  {
	font-family:'NeutraFaceTextTTBold', Arial, Helvetica, sans-serif;
	font-size:32px;
	line-height:1.4em;
	color:#FFF;
	text-transform:uppercase;
	padding-top:60px;
	background: url("../images/adorn-top.png") no-repeat scroll 50% 0;
	background-size:145%;
}
.overlay p.description {
	background: url("../images/adorn-btm.png") no-repeat scroll 50% 0;
}
.overlay p.tagline {
	background: url("../images/adorn-top.png") no-repeat scroll 50% 0;
}


/* Overlay Mobile - http://www.cssmatic.com/gradient-generator
--------------------------------------*/
.overlay-alt {
	width:100%;
}
.overlay-alt p {
	font-family: 'Muli', sans-serif;
	display:block;
	color:#FFF;
	margin-top:-15px;
	line-height:17px;
	padding: 0 20px 10px;	
}
.overlay-alt h2, .overlay-alt p.h2 {
	font-family:'NeutraFaceTextTTBold', Arial, Helvetica, sans-serif !important;
	font-size:32px;
	line-height:1.4em;
	color:#FFF;
	text-transform:uppercase;
	padding:20px;
}

/* Recipes - icons
--------------------------------------*/
.servings, .time {
	position:absolute;
	top:0;
	right:10px;
	font-size: 10px;
	text-transform:uppercase;
	display:block;
	padding-right:30px;	
}
.servings {
	background: url("../images/servings_icon.jpg") no-repeat 100% 50%;
}
.time {
	background: url("../images/time_icon.jpg") no-repeat 100% 50%;
}



/* White Block
--------------------------------------*/
.white-block {
	display:inline-block;
	background:#FFF;
	padding:50px 20px;	
}
.white-block:after {
	content: "";
	width: 100%;
	height: 20px;
	background: url("../images/block-shadow.png") no-repeat 0 0;
	display: inline-block;
	position:absolute;
	left:0;
	bottom:-20px;
}
.white-block h3 {
	font-family:'NeutraFaceTextTTDemi', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1.3em;
	width:100%;
	color:#c1272c;
	text-transform:uppercase;
	margin-bottom:15px;
	display:inline-block;
	padding-bottom:20px;
	background: url("../images/title_borderDark.png") repeat-x 0 100%;
}
.white-block h5 {
	font-family:'NeutraFaceTextTTDemi', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.3em;
	color:#c1272c;
	text-transform:uppercase;
	margin-bottom:10px;
}
img.chef-image {
	width:80px;
	height:80px;
	border:10px solid #e3dfd8;
	float:left;
	margin: 0 10px 10px;
	
}



/* Video
--------------------------------------*/
.video {
	max-width: 100%;
    height: auto;
	margin-bottom:20px;
}
iframe,
embed,
object {
	max-width: 100%;
}



/* Print
--------------------------------------*/
.print-link {
	text-align:center;
	width:100%;
	display:inline-block;
	background: url("../images/title_borderDark.png") repeat-x 0 50%;
	margin:20px 0;
}
.print-link span {
	background:#32461e;
	display:inline-block;
	color:#FFF;
	font-family:'NeutraFaceTextTTDemi', Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:3px 20px;
	border-radius:5px;
	text-transform:uppercase;
}
.print-link span:hover {
	background:#ea861e;
}



/* Promo
--------------------------------------*/
.promo {
	background:#150000;
	width:100%;
	background:url("../images/promo-backg.jpg") repeat-y 50% 0 #150000;
	min-height:380px;
	position:relative;
	display:inline-block;
	padding:60px 0;
}
.promo .left-col, .promo .right-col {
	display:inline-block;
	padding-bottom:20px;
}
.promo .left-col {
	padding-right:10px;	
}
.promo .right-col {
	padding-left:10px;
}
.promo .detail {
	background:url("../images/promo-detail.png") no-repeat 0 0;
	position:absolute;
	left:50%;
	bottom:-20px;
	margin-left:-91px;
	width:182px;
	height:124px;
	display:inline-block;
}
.promo .thumb {
	float:left;
	border:10px solid #660000;
	margin-right:15px;
	width:35%;
}
.promo .right{
	width:60%;
}
.promo .tagline {
	color: #EA861E;
    font-family: 'Muli',sans-serif;
    font-size: 14px;
	line-height:1em;
	display:inline-block;
	width:100%;
	padding-bottom:25px;
	margin-bottom:0 !important;
    text-transform: uppercase;
	background: url("../images/dotted-red-top.png") repeat-x 0 100%;
}
.promo h4 {
	color: #FFFFFF;
    font-family: 'NeutraFaceTextTTDemi',Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 1.3em;
    margin: 5px 0 20px;
	padding-bottom:15px;
    text-transform: uppercase;
	background: url("../images/dotted-red-btm.png") repeat-x 0 100%;
}
.promo p.excerpt {
	color: #DF9295;
    font-family: 'Muli',sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    margin-bottom: 15px;
}
.promo a.more-btn {
	display:inline-block;
	border-radius:5px;
	background:#c0262c;
	color:#FFF;
	font-size:10px;
	padding:5px 15px 3px;
	text-align:center;
	text-transform:uppercase;
	
}
.promo a.more-btn:hover {
	background:#ea861e;
}



/* Spotlight
--------------------------------------*/
.columns{
	/*border:1px solid red;*/
}
.spotlight {
	background:#FFF;
	padding:50px 0;
}
.spotlight .picture {
	float:right;
}
.spotlight h3 {
	font-family:'NeutraFaceTextTTDemi', Arial, Helvetica, sans-serif;
	font-size:21px;
	line-height:1.3em;
	color:#c1272c;
	text-transform:uppercase;
	margin-bottom:10px;
	padding-bottom:20px;
	background: url("../images/title_borderDark.png") repeat-x 0 100%;
}
.spotlight a.read-more {
	color:#C0262C;
	display:inline-block;
	width:100%;
	margin-bottom:10px;
	padding-bottom:30px;
	text-decoration:underline;
	background: url("../images/title_borderDark.png") repeat-x 0 100%;
}

/* Chefs
--------------------------------------*/
.chefs-single .mainContentHolder #text {
	padding-bottom:85px;
}

.chefs-single .mainContentHolder #text p {
	padding-bottom:1em;
}


/* Contact / Resources
--------------------------------------*/
.pg-company .mainContentHolder {
    background: #E2DFD7 url(../images/main_background.jpg) no-repeat scroll 50% 35px ;
}
.pg-company .mainContentHolder #text {
	padding-bottom:85px;
}
.pg-company .mainContentHolder #image {
	height:300px;
}
.pg-company h3 {
    font-size:18px;
	text-transform:uppercase;
	padding-bottom:10px;
}
.pg-company .mainContentHolder #text p {
	padding-bottom:1em;
}

.pg-company .mainContentHolder #text ul li {
	padding-bottom:1em;
}
.pg-company .mainContentHolder #text ul li a {
	color:#703502;
}
.pg-company .mainContentHolder #text p strong {
	font-weight:700;
}


/* Footer
--------------------------------------*/
#socialMedia a {
    color: #c2ae93;
    font-size: 28px;
    line-height: 30px;
    padding: 2px;
    text-decoration: none;
}
#socialMedia a:hover {
	color: #877b66;
}

.footer {
	background: url("../images/footer-backg.jpg") repeat-x 0 0 #e2ddd7;
	min-height:230px;
	padding:30px 0;
}

.footer .row-1 {
	display:inline-block;
	width:100%;
}

/* Footer - About Nav
--------------------------------------*/
ul.about-nav {
	list-style-type:none;
	display:inline-block;
	float:left;
	margin:0;
	padding:0;
}
ul.about-nav li {
	display:inline-block;
	float:left;
	color:#713603;
}
ul.about-nav li:first-child {
	padding-right:10px;
}
ul.about-nav li a {
	border-right:1px solid #ccc;
	padding:0 10px;
	color:#000;
	text-decoration:underline;
}
ul.about-nav li a:hover {
	color:#c0262c;
}
ul.about-nav li:last-child a { border-right:none; }
ul.about-nav li,
ul.about-nav li a {
	font-size:10px;
	text-transform:uppercase;
}

/* Footer - Follow Nav
--------------------------------------*/
ul.follow-nav {
	list-style-type:none;
	display:inline-block;
	float:right;
	margin:0;
	padding:0;
}
ul.follow-nav li {
	display:inline-block;
	float:left;	
}
ul.follow-nav li:first-child {
	padding-right:10px;
	font-size:10px;
	text-transform:uppercase;
	line-height:28px;
}
ul.follow-nav li a {
	padding:0 10px;
	color:#c1af91;
	font-size:28px;
	line-height:1em;
}
ul.follow-nav li a:hover {
	color:#877b66;
}
ul.follow-nav li:last-child a {
	padding-right:0;
}


/* Footer - Sponsors Nav
--------------------------------------*/
ul.sponsors-nav {
	list-style-type:none;
	display:inline-block;
	float:left;
	background:#FFF;
	border-radius:5px;
	box-shadow: 1px 1px 1px #000;
	margin:0;
	padding:0;
}
ul.sponsors-nav li {
	display:inline-block;
	float:left;	
}



/* Wide Template
----------------------------------------*/
.wide-page .beige-gradient-wrapper {
	padding:0 0 80px;
}
.wide-page h2 {
	font-family:'NeutraFaceTextTTDemi', Arial, Helvetica, sans-serif;
	font-size:28px;
	line-height:1.3em;
	color:#c1272c;
	text-transform:uppercase;
	margin-bottom:10px;
	padding-bottom:20px;
}
.wide-page .white-block {
	padding: 80px;
}
.wide-page .white-block:after {
    background: url("../images/block-shadow.png") no-repeat 50% 0 / 95% 100%;
}
.wide-page .white-block a {
	color: #C0262C;
    text-decoration: underline;
	
	/* break links */
	-ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}


/* Mobile Overwrites
--------------------------------------*/
@media screen and (max-width: 460px) {
	
	/* Slogan
	--------------------------------------*/
	.slogan {
		width:48%;
	}

}

/* Mobile Overwrites
--------------------------------------*/
@media screen and (max-width: 940px) {
	
	/* Layout
	--------------------------------------*/
	.only-mobile { display:inline-block !important; }
	.only-desktop { display:none !important; }
	
	
	/* Slogan
	--------------------------------------*/
	.slogan {
		max-width:235px;
		display:inline-block;
		float:right;
		margin:20px 10px;
	}
	
	/* Facebook and Pinterest Tabs
	--------------------------------------*/
	.follow-tabs {
		display:none;
	}
	
	
	/* Main Nav
	--------------------------------------*/
	.menu {
		width:100%;
		display:none;
	}
	.menu ul {
		list-style-type:none;
		float:none;
		display:block;
		width:100%;
		padding:0;
		margin:10px 0;
	}
	.menu ul li {
		float:none;	
		display:block;	
		width:100%;
	}
	.menu ul li:first-child {
		display:none;
	}
	.menu ul li a {
		font-size:17px;
		width:100%;
		height:100px;
		display:inline-block;
		text-align:center;
		line-height:100px;
		color: #713603;
		border-right:1px solid #D9D3CE;
		background: url(../images/menuButtonBackground.jpg) repeat-x;
	}

	/* Spotlight
	--------------------------------------*/
	.spotlight {
		padding:20px 0;
	}
	.spotlight .picture {
		float:none;
		margin: 0 auto;
		width:60%;
	}
	
	/* Container
	--------------------------------------*/
	.recipes .container {
    	padding: 10px;
	}
	
	/* Overlay
	--------------------------------------*/
	.overlay-alt p:after {
		content: "";
	}
	.overlay-alt p.description {
		/*display:none;*/
	}
	.overlay-alt h2, .overlay-alt p.h2 {
		font-family:'NeutraFaceTextTTBold', Arial, Helvetica, sans-serif;
		font-size:21px !important;
		line-height:1.2em;
	}
	
	/* Promo
	--------------------------------------*/
	.promo {
		padding:60px 0 100px;
	}
	.promo .right-col {
		padding-left:0;
	}
	.promo .left-col {
		padding-right:0;
	}
	.promo .thumb {
		width:25%;
		border: 4px solid #660000;
	}
	.promo .right{
		width:69%;
	}

	
	/* Footer
	--------------------------------------*/
	.footer {
		text-align:center;
	}
	.footer .row-1 {
		text-align:center;
	}
	/*-------------------------*/
	ul.about-nav {
		width:100%;
		text-align:center;
	}
	ul.about-nav li {
		float:none;
	}
	ul.about-nav li:first-child {
		width: 100%;
	}
	/*-------------------------*/
	ul.follow-nav {
		width:100%;
		text-align:center;
		margin-top:20px;
	}
	ul.follow-nav li {
		float:none;
	}
	ul.follow-nav li:first-child {
		display:none;
	}
	/*-------------------------*/
	ul.sponsors-nav {
		text-align:center;
		margin-top:10px;
		float:none;
	}
	
	/* Banners / Covers
	--------------------------------------*/
	.banner {
		 margin: -21px auto 20px;
	}
	.banner .overlay {
		display:none;
	}
	.cover .overlay {
		display:none;
	}
	
	/* Recipes
	--------------------------------------*/
	.loop-wrapper .inner {
		padding:30px 0px;
		padding:0 0 30px;
	}
	.chefs .loop-wrapper .inner {
		padding:0px 0px 10px;
	}
	.loop-wrapper .inner .item {
		float: none;
		height: auto;
		max-width:100%;
		width: 100%;
		margin:20px auto;
	}
	.loop-wrapper .inner .item img {
		width:100%;
		height:auto;
	}
	.loop-wrapper .inner .item a span.title {
		width:100%;
	}
	.loop-wrapper .inner .item a span.headline {
		width:95%;
	}
	
	/* Filter Nav
	--------------------------------------*/
	.filter-nav {
		padding:0 10px;
	}
	.filter-nav ul {
		width:100%;
		float:none;
		text-align:center;
	}
	.filter-nav ul li {
		float:none;
		display:inline;
	}
	.filter-nav ul li a.with-video-btn {
		border-radius: 5px;
		display: block;
		margin-left: 0;
		margin-top: 25px;
		padding: 3px;
	}
	.form-wrapper {
		clear: both;
		float: none !important;
	}
	select {
		margin: 20px auto 0;
	}
	.filter-nav .category-wrapper, .filter-nav .chef-wrapper {
		float: none;
		width:100%;
	}
	.filter-nav ul li a, .filter-nav a.load-more-btn, .filter-nav a.with-video-btn {
		font-size: 16px;
		padding: 5px 10px;
	}
	select {
		font-size: 16px;
		padding:5px;
		text-transform:uppercase !important;
	}
	/*
	.filter-nav ul li a.with-video-btn {
		border-radius: 5px;
		display: block;
		margin: 20px 0 0;
	}
	*/
	
	
	/* Beige Gradient Wrapper
	--------------------------------------*/
	.beige-gradient-wrapper .container {
		padding: 30px 0;
	}
	
	/* Green Wrapper
	--------------------------------------*/
	.green-wrapper {
		padding: 30px;
	}
	.green-wrapper a.gallery-thumb,
	.green-wrapper a.recipe-thumb {
		width:31%;
		margin-right:2.5%;
		margin-bottom:2.5%;
		display:inline-block;
		border:1px solid transparent;
	}
	.green-wrapper a.gallery-thumb:nth-child(5n+5),
	.green-wrapper a.recipe-thumb:nth-child(5n+5) {
		margin-right:2.5%;
	}
	.green-wrapper a.gallery-thumb:nth-child(3n+3),
	.green-wrapper a.recipe-thumb:nth-child(3n+3) {
		margin-right:0;
	}

	
	/* Flat beige wrapper
	--------------------------------------*/
	.flat-beige-wrapper {
		padding: 30px 10px;
	}
	.flat-beige-wrapper .content {
		padding: 30px 10px;
	}
	.flat-beige-wrapper .content:after {
		background-size: 90% 100%;
	}
	.flat-beige-wrapper .content .picture {
		margin-bottom:20px;
	}
	
	
	/* Rough Wood Wrapper
	--------------------------------------*/
	.rough-wood-wrapper {
    	padding: 20px 0;
	}
	
	/* Know Your Olives
	--------------------------------------*/
	.know-your-olives .large-3 {
		/*width:50%;*/
	}
	.know-your-olives .two-col {
		-moz-column-count: 1;
       -moz-column-gap: 0;
       -webkit-column-count: 1;
       -webkit-column-gap: 0;
       -moz-column-rule-color: none;
       -moz-column-rule-style: none;
       -moz-column-rule-width:  0;
       -webkit-column-rule-color: none;
       -webkit-column-rule-style: none;
       -webkit-column-rule-width: 0;
	}
	
	/* Light Beige Wrapper
	--------------------------------------*/
	.light-beige-wrapper {
		padding: 30px 0;
	}
	
	/* White block
	--------------------------------------*/
	.white-block h3 {
		margin-top:20px;
	}
	.wide-page .white-block {
		padding: 30px 10px;
	}
	
}


/* Mobile Overwrites (768px)
--------------------------------------*/
@media screen and (min-width: 768px) {
	
	/* Flat beige wrapper
	--------------------------------------*/
	.flat-beige-wrapper {
		padding: 50px 10px;
	}
	.flat-beige-wrapper .picture {
		margin-bottom:20px;
	}
	
	/* Know Your Olives
	--------------------------------------*/
	.know-your-olives .large-3 {
		/*width:50%;*/
	}
	
	/* Light Beige Wrapper
	--------------------------------------*/
	.light-beige-wrapper {
		padding: 80px;
	}
	
	/* Wide Template
	--------------------------------------*/
	.wide-page .white-block {
		padding: 80px;
	}
}

/* Mobile/Desktop (limbo)
--------------------------------------*/
@media screen and (min-width: 941px) and (max-width: 1199px) {
	
	/* Facebook and Pinterest Tabs
	--------------------------------------*/
	.follow-tabs {
		display:none;
	}
	
	
	/* Main Nav
	--------------------------------------*/
	.menu {
		width:auto;
		display:inline-block;
	}
	
	/* Spotlight
	--------------------------------------*/
	.spotlight {
		padding:20px 0;
	}
	.spotlight .picture {
		float:none;
		margin: 0 auto;
		width:60%;
	}
	
	/* Promo
	--------------------------------------*/
	.promo {
		padding:60px 0 100px;
	}
	.promo .right-col {
		padding-left:0;
	}
	.promo .left-col {
		padding-right:0;
	}
	.promo .thumb {
		width:25%;
	}
	.promo .right{
		width:69%;
	}
	
	/* Banners / Covers
	--------------------------------------*/
	.banner .overlay {
		display:none;
	}
	.cover .overlay {
		display:none;
	}
	.overlay-alt {
		display:inline-block !important;
	}
	
	/* Recipes loop
	--------------------------------------*/
	.loop-wrapper .inner {
		padding:30px 0px;
	}
	.loop-wrapper .inner .item {
		float: none;
		height: auto;
		max-width:100%;
		width: 100%;
		margin:20px auto;
	}
	.loop-wrapper .inner .item img {
		width:100%;
		height:auto;
	}
	.loop-wrapper .inner .item a span.title {
		width:100%;
	}
	.loop-wrapper .inner .item a span.headline {
		width:95%;
	}
	
	/* Filter Nav
	--------------------------------------*/
	.filter-nav ul {
		float: none;
		text-align: center;
		width: 100%;
	}
	.filter-nav ul li {
		float: none;
	}
	.filter-nav .form-wrapper {
		float: none;
		display:inline-block;
		width:100%;
	}
	.filter-nav .category-wrapper, .filter-nav .chef-wrapper {
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	
	/* Flat beige wrapper
	--------------------------------------*/
	.flat-beige-wrapper {
		padding: 80px 20px;
	}
	.flat-beige-wrapper .content {
		padding: 80px 30px;
	}
	
	/* Know Your Olives
	--------------------------------------*/
	.know-your-olives {
	}


}

/* Desktop
--------------------------------------*/
@media screen and (min-width: 1200px) {
	
	/* Flat beige wrapper
	--------------------------------------*/
	.flat-beige-wrapper {
		padding: 80px 20px;
	}
}