/* Remove focus styles */
:focus { outline: 0; }

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}



/***********************************

	Eatpork.org CSS Begin

	Yellow	#f39f45
	Orange  #cc5900
	Blue 	#3dace0	

***********************************/

@font-face {
    font-family: 'FontAwesome';
    src: url('../media/Fonts/FontAwesome.otf');
}

/* Base Text Styles - also copy updates to RichTextEditor style sheets. */
p {
	margin: 0 0 3%;
}


/* Headlines */

h1 {
	font: 400 42px/48px 'Shrikhand', Georgia, serif;
	margin: 3% 0;
	padding: 0;
	color: #cc5900;
	letter-spacing: 1px;
}
h2 {
	font: 400 30px/36px 'Shrikhand', Georgia, serif;
	margin: 3% 0 1%;
	color: #111;
}
h3 {
	font: 700 20px/24px 'open sans', helvetica, arial, sans-serif;
	margin: 1% 0 1%;
	letter-spacing: .5px;
	color: #111;
}
h4 {
	font: 700 16px/23px 'open sans', helvetica, arial, sans-serif;
}
@media (max-width: 375px) {	
	h1 {
		font: 400 32px/40px 'Shrikhand', Georgia, serif;
	}
	h2 {
		font: 400 26px/32px 'Shrikhand', Georgia, serif;
	}
	p, a, li {
		font: 14px/22px 'open sans', Helvetica, Arial, sans-serif;
	}
}

/* Links */

a, a:link, a:active {
	color: #3dace0;
	text-decoration: none;
	cursor: pointer;
}
a:hover {color: #f39f45;}
a:focus {color: #cc5900;}
	a.more {
		display: block;
		font: italic 700 24px/30px 'Arvo', serif;
	}
	a.more:after {
		content: "\f054";
		font: 400 18px/25px 'FontAwesome';
		margin: 0 0 0 10px;
	}	
	a.more:hover { color: #f39f45; }
	a.more:focus { color: #cc5900; }
	


/* Lists */

ul, ol { padding: 0; }
ul { margin: 0 0 0 3%; }
ol { margin: 0 0 0 1.5%; }

li {
  padding: 0;
}
ul li {
  margin: 0 0 2% 1%;
  list-style-type: disc;
  list-style-position: outside;
}
ol li { margin: 0 0 4% 1%; }
strong { font-weight: bold; }




/*******************************
	Layout Styles 

	- Header
	- Main Content
	- Sidebar
	- Footer

*/

html, body {
	background-color: #E8E5E0 !important;
}
body {
	font: 400 16px/24px 'Open Sans', Helvetica, Arial, sans-serif;
	color: #111;
}
#site-wrap, .wrap {
	position: relative;
	margin: 0 auto;
	clear: both;
}
/*
@media (max-width: 1060px) {
	#site-wrap, .wrap {
		width: 96%;
	}
}
*/

/* Header */

#header {
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 85px;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0,0,0,.15);
}
	#header .logo {
		float: left;
		z-index: 10;
		position: relative;
		padding: 10px 15px 0 30px;
	}
	#header .logo h1 {
		display: none;
		text-indent: -9999px;
		height: 36px;
		width: 218px;
		margin: 22px 0 0 5%;
		background: url('../media/Template/eatpork-logo-small-white.png') 0 0 no-repeat;
	}
	
/*
@media (min-width: 1099px) {
  #header .logo.fixed {
	z-index: 101;
    display: block;
    position: fixed;
    text-align: center;
    left: inherit;
    width: 342px;
    background: url('http://eatpork.bluevalleytech.com/media/Template/mobile-header.jpg');
    height: 70px;
    top: 0;
  }
	#header .logo.fixed h1 {
		display: inline-block;
		float: right;
		text-indent: -9999px;
		height: 36px;
		width: 290px;
		margin: 18px 0 0;
		top: 0;
		background: url('/media/Template/eatpork-logo-small-white.png') 0 0 no-repeat;
	}
	#header .logo.fixed img {
  		display: none;
	}
}
*/

@media (min-width: 1099px) {
  #header .logo.fixed {
	z-index: 101;
    display: block;
    position: relative;
    text-align: center;
  }
}

#site-search-bar {
	position: relative;
	float: right;
	margin: 30px 30px 0 0;
	text-align: right;
}
	@media only screen and (max-width: 920px) {
		#site-search-bar {
			margin: 10px 25px 20px 0;
		}
	}
	#site-search-bar input {
		border: none;
	}
	#site-search-bar input[type=submit] {
		background-color: none !important;
	}
	#site-search-bar input[type=submit]:hover {
		cursor: pointer;
	}
	#site-search-bar .search {
		width: 260px;
		border: 2px solid #f8f6f2;
		padding: 5px 34px 5px 10px;
		color: #333;
		font: 18px/24px 'Arvo', Helvetica, Arial, sans-serif;
		transition: 0.5s;
	}
	#site-search-bar:after {
		position: absolute;
		top: 3px;
		right: 7px;
		z-index: 4;
		content: "\f002";
		font: 400 22px/30px 'FontAwesome';
		color: #3db5ee;
		transition: 0.5s;
		padding: 0 5px;
		background-color: #fff;
	}
	#site-search-bar:hover:after {
		color: #f39f45;
		cursor: pointer;
	}
	#site-search-bar:hover .search, #site-search-bar .search:focus {
		border: 2px solid #e6e4df;
	}
	
	.mag-glass {
		width: 30px;
		height: 30px;
		margin: 0;
		text-indent: -9999px;
		cursor: pointer;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 5;
		background: none;
	}

/*
@media (min-width: 1099px) {
#main-nav.fixed {
  position: fixed;
  top: 0;
  padding-top: 0;
  z-index: 100;
  opacity: 0.9;  
}
}
*/

@media (min-width: 1099px) {
#main-nav.fixed {
  position: relative;
  top: 0;
  padding-top: 0;
  z-index: 100;
  opacity: 0.9;  
  display: block;
}
}

#main-nav {
	float: left;
	height: 70px;
}
	#main-nav ul { 
		margin: 0;
		padding: 30px 0 0;
	}
		#main-nav ul li {
			float: left;
			margin: 0 10px;
			list-style-type: none;
		}
			#main-nav ul li a, 
			#main-nav ul li a:link, 
			#main-nav ul li a:active {
				color: #000;
				display: block;
				padding: 5px 0;
				font: 700 18px/22px Arvo, serif;
				text-transform: uppercase;
				border-bottom: 5px solid #fff;
			}
			#main-nav ul li a:hover {
				border-bottom: 5px solid #3dace0;
			}
			#main-nav ul li a:focus {
				border-bottom: 5px solid #cc5900;
			}
			#main-nav ul li.current a { 
				border-bottom: 5px solid #f4a045; 
			}




.js .nav-collapse {
	clip: rect(0 0 0 0);
	max-height: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	zoom: 1;
}
.nav-collapse.opened {
	max-height: 9999px;
}
.nav-collapse.disable-pointer-events {
	pointer-events: none !important;
}
.nav-toggle {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	background: url('../media/Template/bg-nav-toggle.png') 7px 25px no-repeat;
	width: 90px;
	height: 75px;
	display: inline-block;
	text-indent: -9999px;
	position: absolute;
	z-index: 500;
	top: 0;
	right: 0;
}
.nav-toggle:after {
	position: absolute;
	z-index: 10;
	top: 18px;
	left: 45px;
	content: "\f002";
	font: 400 22px/30px 'FontAwesome';
	text-indent: 0;
	width: 30px;
	height: 30px;
	color: #f39f45;
}
.nav-toggle:hover:after {
	color: #3dace0;
}
.nav-toggle:hover {
	background-position: -93px 25px;
}



@media (min-width: 1061px) {
	/*#site-search-bar {
		position: absolute;
		top: 95px;
		width: 1000px;
	}
	#main-nav {
	    position: absolute;
	    width: 1040px;
	    top: 145px;
    }*/
    .js .nav-collapse {
    	overflow: inherit;
    }
}
@media (max-width: 1060px) {
/*
	#header {
		height: auto;
		margin-bottom: 2%;
		padding: 0; 
	}
	#header .logo {
		z-index: 10;
		left: auto;
	}
*/

	#site-search-bar .search {
		width: 140px;
	}

	#header .ad { 
		position: fixed;
		margin: 0;
		width: 60%;
		bottom: 1%;
		z-index: 100;
		left: 20%;
	}
		#header .ad img { 
			width: 100%;
		}
	#main-nav {
		height: auto;
		padding: 0;
	}
		#main-nav ul { 
			float: left;
			width: auto;
		}
		#main-nav ul li {
			float: none;
			display: inline-block;
		}	
	
}
@media (max-width: 750px) {	
	#header .ad { 
		width: 80%;
		left: 10%;
	}	
}
@media screen and (min-width: 920px) {
	.js .nav-collapse {
		position: relative;
	}
	.js .nav-collapse.closed {
		max-height: none;
	}
	.nav-toggle {
		display: none;
	}
	#site-search-bar .search {
		float: right;
	}
}
/*
@media (max-width: 650px) {
	#header {
		padding: 0;
		width: 100%;
		text-align: center;
		position: fixed;
		z-index: 400;
		box-shadow: 0 1px 3px #333;
	}
	#header .logo {
		position: relative;
		display: block;
		width: 100%;
		height: 15%;
		overflow: hidden;
		top: 0;
		margin: 0;
		padding: 0 0 20px;
		background: url('/media/Template/mobile-header.jpg') bottom repeat-x;
		text-align: left;
		text-indent: -9999px;
	}
	#header .logo h1 {
		display: block;
	}
	#header .logo img { 
		display: none;
	}
		#site-search-bar {
			padding: 10px 0 10px 28px;
			text-align: center;
		}
		#header .mag-glass {
			position: relative;
			top: -3px;
			right: 27px;
		}
	#header .ad { 
		width: 92%;
		left: 4%;
	}
	#site-search-bar .search {
		width: 85%;
	}
	#main-nav { 
		padding: 0; 
	}
	.nav-collapse ul {
		margin: 0;
		padding: 0;
		width: 100%;
		display: block;
		list-style: none;
	}
	.nav-collapse #main-nav ul li {
		width: 31%;
		display: block;
		margin: 0 1% .5%;
		float: left;
	}
		#main-nav ul li a, #main-nav ul li a:link, #main-nav ul li a:active {
			padding: 15px 9px 6px;
			background-position: 0 95px;	
		}
		#main-nav ul li a:hover {
			background-position: 0 5px;	
		}
		#main-nav ul li.current a { 
			background-position: 0 -95px; 
		}
}
*/

@media (max-width: 920px) {
	#main-nav { 
		padding: 0; 
		height: auto;
		float: none;
		clear: both;
	}
	#header .logo {
		display: inline-block;
		position: absolute;
		top: 0;
		padding: 10px 15px 0 10px;
		z-index: 10;
	}
	.nav-collapse.opened {
		max-height: 245px !important;
		max-height: 123px !important;
		width: 100%;
		background-color:#fff;
		margin-top: 70px;
	}
	#site-search-bar .search {
		width: 70%;
		float: right;
	}
	.nav-collapse #main-nav ul {
		float: none;
		text-align: right;
		padding: 0 30px;
	}
	.nav-collapse #main-nav ul li {
		width: auto;
		height: 75px;
	}
	.nav-collapse #main-nav ul li a:link {
		border-bottom: 5px solid rgba(255,255,255,0.0);
		display: inline-block;
	}
	.nav-collapse #main-nav ul li a:hover {
		border-bottom: 5px solid #049ee5;
		display: inline-block;
	}
}
@media (max-width: 650px) {
	#header {
		height: 80px;
		overflow: visible;
	}
	#header .logo h1 {
		display: none;
	}
	#header .logo img { 
		width: 80%;
		height: 80%;
	}
	#header .ad { 
		width: 92%;
		left: 4%;
	}
	#main-nav { 
		padding: 0; 
		height: auto;
		float: none;
	}
	body .nav-collapse.opened {
		max-height: 245px !important;
		width: 100%;
		background-color: #fff;
	}
	.nav-collapse #main-nav ul {
		float: none;
		text-align: center;
	}
	.nav-collapse #main-nav ul li {
		height: auto;
	}
	.nav-collapse #main-nav ul li a:link {
		border-bottom: 5px solid rgba(255,255,255,0.0);
		display: inline-block;
	}
	.nav-collapse #main-nav ul li a:hover {
		border-bottom: 5px solid #049ee5;
		display: inline-block;
	}
}
@media (max-width: 375px) {
	#site-search-bar { 
		text-align: right; 	
	}
	#site-search-bar .search { 
		float: right;
		width: 40%; 
		margin: 0;
		padding: 4px 11% 5px 2.5%;
		outline: none;    
		-webkit-appearance: none;
	    -moz-appearance: none;
	    border: 2px solid #e6e4df;
	}
	#header .mag-glass {
		position: absolute;
		top: 15px;
		right: 2%;
	}
	.nav-collapse #main-nav ul li {
		width: auto;
		margin: 0 4% 2%;
	}
}

/* Main Content */

#site-wrap { padding: 150px 5% 0; }
.Homepage #site-wrap { padding: 80px 0 0; }
.Recipe #site-wrap { padding: 65px 0 0; }

.page-content {
	margin: 0 0 30px;
	font: 12px/20px Helvetica, Arial, sans-serif;
}
.white {
	background: #fff;
}
.tan {
	background: #e6e4df;
}

#main-content {
	padding: 0 0 5%;
}
.Homepage #main-content,
.Recipe #main-content {
	padding: 0;
}
@media (max-width: 550px) {
	#main-content {
		overflow: visible;
	}
}

.pod {
	position: relative;
	clear: both;
	max
}	
	.pod:after {
		content: "";
		display: table;
		clear: both;
	}
	
	.pod .text {
		width: 40%;
		padding: 5%;
	}
	.pod .image,
	.pod .video {
		width: 50%;
	}
		.pod img,
		.pod iframe {
			width: 100%;
			height: auto;
		}
		.pod iframe {
			height: 450px;
		}
		@media (max-width: 500px) {
			.pod iframe {
			  height: 350px;
			}
		}
		@media (max-width: 375px) {
			.pod iframe {
			  height: 220px;
			}
		}
		.pod.left .image,
		.pod.left .video,
		.pod.right .text {
			float: left;
		}
		.pod.right .image,
		.pod.right .video,
		.pod.left .text {
			float: right;
		}

@media (max-width: 1024px) {		
.pod {
	position: relative;
	clear: both;
}	
	.pod:after {
		content: "";
		display: table;
		clear: both;
	}
	
	.pod .text {
		width: 90%;
		padding: 5% 5% 25%;
	}
	.pod .image,
	.pod .video {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
		.pod img {
			position: relative;
			width: 100%;
			height: auto;
		}
		.pod iframe {
			
		}
		.pod.left .image,
		.pod.left .video,
		.pod.right .text {
			float: left;
		}
		.pod.right .image,
		.pod.right .video,
		.pod.left .text {
			float: right;
		}
}	

	.pod h2 {
		font: 400 46px/52px 'Shrikhand', arial;
	}
	.text p {
		font: 400 16px/26px Helvetica, Arial, sans-serif;
	}
	.pod a {
		color: #3dace0;
	}
		.pod a:hover { color: #f39f45; }
		.pod a:focus { color: #cc5900; }
		

/* Sub-Footer */

#sub-footer { 
	clear: both;
	margin: 0;
	padding: 25px;
  	background: url('../media/Template/Bg-Recipe.jpg') repeat 0 0;
}
	#sub-footer ul {
		margin: 0;
		padding: 0;
	}
		#sub-footer .menu li {
			display: inline-block;
			margin: 0;
		}
	#sub-footer .menu a {
		color: #f39f45;
		text-transform: uppercase;
		padding: 10px;
		font: 400 18px/28px 'Arvo', serif;
		letter-spacing: .5px;
	}
	#sub-footer .menu a:focus {
		color: #cc5900;
	}
	#sub-footer .menu a:hover {
		color: #3dace0;
	}
	
	#sub-footer .pods {
		clear: left;
		float: left;
		width: 66%;
	}
	#sub-footer .useful {
		float: left;
		width: 50%;
		padding: 30px 0 0;
	}
		#sub-footer .useful li {
			float: left;
			width: 50%;
			margin: 0 0 1%;
		}
		#sub-footer .useful li a {
			font: 400 15px/18px 'Arvo', serif;
			color: #fff;
			letter-spacing: 1px;
			text-transform: uppercase;
		}
		#sub-footer .useful li a:focus {
			color: #cc5900;
		}
		#sub-footer .useful li a:hover {
			color: #3dace0;
		}
		#sub-footer .useful li a:before {
			content: "\f054";
			font: 400 12px/25px 'FontAwesome';
			margin: 0 8px 0 0;
			color: #3dace0;
		}
	
	#sub-footer .follow {
		float: right;
		width: 50%;
		text-align: center;
	}
		#sub-footer .follow li {
			display: inline-block;
		}
		#sub-footer .follow a,
		#sub-footer .follow a:before {
			display: inline-block;
			padding: 0;
			width: 32px;
			height: 32px;
		}
		#sub-footer .follow a {
			overflow: hidden;
		}
		#sub-footer .follow a:before {
			font: 400 30px/32px 'FontAwesome';
			color: #3dace0;
		}
		#sub-footer .follow a.facebook:before { content: "\f09a"; }
		#sub-footer .follow a.instagram:before { content: "\f16d"; }
		#sub-footer .follow a.pinterest:before { content: "\f231"; }
		#sub-footer .follow a.twitter:before { content: "\f099"; }
		#sub-footer .follow a.youtube:before { content: "\f167"; }
		
		#sub-footer .follow a:focus:before { color: #cc5900; }
		#sub-footer .follow a:hover:before { color: #f39f45; }
	
	#sub-footer h3 {
		font: italic 400 14px/28px 'Arvo', serif;
		color: #666;
	}
	
	#sub-footer .sign-up {
		clear: both;
		float: right;
		width: 33%;
	}
		#sub-footer .sign-up form {
			position: relative;
		}
		#sub-footer .sign-up input.email {
			position: relative;
			z-index: 1;
			width: 96%;
			border: none;
			padding: 2.5% 2% 2%;
			background: #fff;
			font: 400 15px/18px 'Arvo', serif;
			color: #a5a197;
		}
		#sub-footer .sign-up input.email.typed {
			color: #222;
		}
		#sub-footer .sign-up input.submit,
		#sub-footer .sign-up form:after {
			position: absolute;
			top: 0;
			right: 0;
			border: none;
			padding: 0;
			height: 40px;
			background: none;
		}
		#sub-footer .sign-up input.submit {
			z-index: 3;
			width: 40px;
			text-indent: -9999px;
		}
		#sub-footer .sign-up form:after {
			z-index: 2;
			width: 35px;
			font: 400 23px/37px 'FontAwesome';
			content: "\f003";
			color: #3dace0;
		}

@media (min-width: 675px) {
	#sub-footer .logo {
		float: left;
		margin: 0 3% 0 0;
	}
	#sub-footer .menu {
		float: left;
	}
	#sub-footer .pods {
		clear: left;
		float: left;
		width: 66%;
	}
	#sub-footer .useful {
		float: left;
		width: 50%;
	}
	#sub-footer .sign-up {
		clear: both;
		float: right;
		width: 33%;
	}
	#sub-footer .follow {
		float: right;
		width: 50%;
		text-align: center;
	}
}
@media (max-width: 675px) {
	#sub-footer .logo {
		display: block;
		text-align: center;
		margin: 0 0 3%;
	}
	#sub-footer .menu {
		width: 100%;
		text-align: center;
	}
		#sub-footer .menu a {
			padding: 5px;
			font: 400 13px/28px 'Arvo', serif;
		}
	#sub-footer .pods {
		clear: left;
		width: 100%;
	}
	#sub-footer .useful {
		float: left;
		width: 50%;
	}
		#sub-footer .useful li {
			width: 100%;
		}
	#sub-footer .sign-up {
		clear: both;
		width: 100%;
	}
	#sub-footer .follow {
		float: right;
		width: 50%;
		text-align: center;
	}
	
	#sub-footer h3 {
		margin: 25px 0 5px;
	}	
	#sub-footer ul {
		float: none;
		clear: left;
	}
}

@media (max-width: 425px) {
	#sub-footer .useful {
		width: 100%;
	}
	#sub-footer .follow {
		width: 100%;
		text-align: center;
	}
	
	#sub-footer h3 {
		margin: 25px 0 5px;
	}	
}



/* Footer */

#footer { 
	margin: 0;
	padding: 25px;
  	background: #000;
	text-align: right;
	color: #424242;
	font-size: 13px;
	line-height: 16px;
}

	#footer a { color: #424242; }
	#footer a:focus { color: #3dace0; }
	#footer a:hover { color: #f39f45; }


@media (max-width: 1060px) {
	#footer {	
		padding-bottom: 10px;
	}
}
@media (max-width: 775px) {
	#footer ul li a {
		padding: 5px 10px;
	}
	#footer .copyright {
		padding: 12px 10px 0;
	}
}	
@media (max-width: 675px) {
	#footer {
		padding: 20px 0 15px;
		text-align: center;
		height: auto;
	}
}
@media (max-width: 425px) {
	#footer {
		padding: 10px 0 15px;
		text-align: center;
		height: auto;
	}
		.RecipeSection #footer .logo, 
		.VideoSection #footer .logo {
			display: none !important;
		}
		#footer ul {
			float: none;
			clear: left;
			text-align: center;
		}
		#footer ul li {
			float: none;
			display: inline-block;
			text-align: center;
		}
}




/*******************************
	Page Elements 

	- Pager
	- Banner
	- Form

*/


/* Pager */
ul.pager {
	clear: left;
	margin: 0 auto 30px;
	padding: 30px 0 0;
	text-align: center;
}
	.RecipeSection ul.pager,
	.VideoSection ul.pager,
	.TeachingToolsSection ul.pager {
		display: none;
	}
	ul.pager li {
		display: inline-block;
		list-style: none;
		margin: 0 1px 5px;
	}
		ul.pager li a {
			display: inline-block;
			width: 32px;
			height: 27px;
			padding: 5px 0 3px;
			color: #aaa;
			font: 400 16px/27px Helvetica, Arial, sans-serif;
			background: url('../media/Template/Icons.png') no-repeat -130px 0;
		}
		ul.pager li a.page { 
			background-position: -170px 0; 
			color: #444;
			padding: 2px 0 3px;
			font: 400 14px/28px 'Arvo', serif;
		}
		ul.pager li a:hover { 
			background-position: -250px 0; 
			color: #fff; 
		}
		ul.pager li a.current { 
			background-position: -210px 0; 
			color: #fff; 
		}



/* Banner */
.banner {
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	max-width: 133px;
	height: 22px;
	padding: 5px 15px 0 9px;
	background: url('../media/Template/banners.png') no-repeat right -200px;
	text-transform: uppercase;
	color: #fff;
	font: 700 10px/14px Helvetica, Arial, sans-serif;
}
	.banner.orange { background-position: right 0; text-shadow: -1px -1px 1px #b53700; }
	.banner.yellow { background-position: right -30px; text-shadow: -1px -1px 1px #fe741d; }
	.banner.blue { background-position: right -60px; text-shadow: -1px -1px 1px #0458cd; }
	.banner.green { background-position: right -90px; text-shadow: -1px -1px 1px #649404; }
	

/* Forms */
input[type=submit] {
	cursor: pointer;
}


/*******************************
	Specific Pages
	
	- Homepage
	- Galleries
	- Recipes
	- Recipe Detail
	- FAQs
	- Articles
	- Contact us
	- Family Detail

*/

.SimplePage .search-results {
	position: relative;
	top: 20px;
}
.SimplePage .search-results::after {
	content: "";
    clear: both;
    display: table;
}
.SimplePage .search-results .search-pod { 
	float: left;
	position: relative;
	height: 435px;
	width: 19%;
	margin: 0 1% 1% 0;
	background: #fff;
	overflow: hidden;
}

@media (max-width: 1100px) {
	.SimplePage .search-results .search-pod { 
		float: left;
		position: relative;
		height: 375px;
		width: 24%;
		margin: 0 1% 1% 0;
		background: #fff;
	}
}

@media (max-width: 650px) {
	.SimplePage .search-results .search-pod { 
		float: left;
		position: relative;
		height: 350px;
		width: 32%;
		margin: 0 1% 1% 0;
		background: #fff;
	}
}

@media (max-width: 475px) {
	.SimplePage .search-results .search-pod { 
		float: left;
		position: relative;
		height: 300px;
		width: 48%;
		margin: 0 1% 2%;
		background: #fff;
	}
}

@media (max-width: 400px) {
	.SimplePage .search-results .search-pod { 
		float: left;
		position: relative;
		height: 400px;
		width: 90%;
		margin: 0 5% 5%;
		background: #fff;
	}
}

.SimplePage .search-results .search-pod .info { 
	clear: right;
	overflow: hidden;
	padding: 25px 15px 15px;
}
.SimplePage .search-results .recipe .info {
	padding: 0 15px 15px;
}
.SimplePage .search-results .search-pod:after {
	content: "";
	display: block;
	width: 100%;
	height: 35px;
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+95 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 95%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 95%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.SimplePage .search-results .search-pod .info a.title,
.SimplePage .search-results .search-pod .info h4 a {
	padding: 15px 0 10px;
	color: #333;
	font: 700 22px/28px 'Arvo', georgia, serif;
	clear: right;
	display: block;
}
.SimplePage .search-results .search-pod .info a.title:hover,
.SimplePage .search-results .search-pod .info h4 a:hover { color: #f39f45; }

.SimplePage .search-results .search-pod .info a.title:focus,
.SimplePage .search-results .search-pod .info h4 a:focus { color: #cc5900; }

@media (max-width: 650px) {
	.SimplePage .search-results .search-pod .info a.title,
	.SimplePage .search-results .search-pod .info h4 a {
		font: 700 19px/23px 'Arvo', georgia, serif;
	}
}
@media (max-width: 475px) {
	.SimplePage .search-results .search-pod .info a.title,
	.SimplePage .search-results .search-pod .info h4 a {
		font: 700 16px/20px 'Arvo', georgia, serif;
	}
}
.SimplePage .search-results .search-pod img { 
	width: 100%;
	height: auto;
	float: left;
}


.SimplePage .search-results .search-pod::before { 
    background-color: #f39f45;
    color: #000;
	font: 700 12px/16px Arvo, serif;
	text-transform: uppercase;
	padding: 6px 12px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.SimplePage .search-results .article::before {
	content: 'Tips';
}
.SimplePage .search-results .recipe::before {
	content: 'Recipe';
}
.SimplePage .search-results .generic::before {
	content: 'Family';
}
.SimplePage .search-results .media-photo::before {
	content: 'Photo';
}
.SimplePage .search-results .faq-question::before {
	content: 'FAQs';
}
.SimplePage .search-results .video::before {
	content: 'Watch';
}
.SimplePage .search-results .teaching-tool::before {
	content: 'Teach';
}

/* Homepage */


/* Homepage > Slideshow */
.slidetext {
	display: inline-block;
	position: absolute;
	z-index: 1000;
	top: 350px;
	left: 50%;
	font-family: 'Shrikhand', georgia, serif !important;
	background: rgba(0, 0, 0, 0.6);
}
	.slidetext a, .slidetext p {
		display: block;
		margin: 0 !important;
		font: 400 42px/46px 'Shrikhand', georgia, serif !important;
		line-height: 1em !important;
	}
	.cd-hero-slider .slidetext p {
		width: 100%;
		padding: 0;
	}
	.slidetext a {
		padding: 20px;
	}
	.slidetext a, .slidetext a:hover {
		color: #fff;
	}

@media only screen and (max-width: 520px) {
	.slidetext {
		top: initial !important;
		bottom: 0;
		left: 0;
	}
	.slidetext p {
		width: 90% !important;
		max-width: none !important;
		padding: 20px 5% 55px;
		font: 400 34px/40px 'Shrikhand', georgia, serif !important;
	}
	.slidetext a {
		padding: 20px 20px 60px;
	}
}
@media only screen and (max-width: 768px) {
	.slidetext {
		top: 250px;
	}
}
@media only screen and (min-width: 1320px) {
	.slidetext p {
		font: 400 54px/58px 'Shrikhand', georgia, serif !important;
	}
}


/* Pager Styling */
div.cd-slider-nav {
	width: auto;
	height: auto;
	padding: 25px;
	background: none;
	text-align: left;
}
div.cd-slider-nav .cd-marker {
	display: none;
	border-radius: 70px;
	width: 20px;
	height: 20px;
	color: #fff;
}
.cd-slider-nav ul {
	margin: 0;
	padding: 0;
}
.cd-slider-nav ul li {
	width: 20px;
	margin: 0 5px 0 0;
}
.cd-slider-nav ul li a {
	text-indent: -100px;
	overflow: hidden;
	width: 10px;
	height: 10px;
	padding: 0;
	padding-top: 0;
	border: 3px solid #fff;
	background: #fff;
	border-radius: 40px;
}
.cd-slider-nav ul li.selected a {
	background: none;
}
.cd-slider-nav ul li a:hover,
.cd-slider-nav ul li.selected a:hover {
	background: #000;
}
.cd-slider-nav a::before {
	display: none;
}













.slideshow {
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
	/*width: 1200px;*/
	height: 440px;
	margin: 0;
}

	/* root visible element for the slideshow-   when scrolling occurs this element stays still.*/
	.slideshowWindow {
		position:relative;
		overflow:hidden;
		width: 100%;
		height: 440px;
		margin: 0;
	}
	
		.slideshowWindow .slideWrapper {
			/* this cannot be too large, must be able to accomodate all slides side by side */
			width:20000em;
			position:absolute;
		}

.slide {
	float:left;
	width: 620px;
	height: 370px;
	z-index:100;
	margin: 0;
	padding: 0;
	overflow:hidden;
}
.slideNavigation {
	position:absolute;
	z-index:1010;
	bottom:48px;
	left:10px;
	width:200px;
	height:20px;
	text-align:left;
}
	.slideNavigation a {
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../media/Template/Icons.png) no-repeat -27px -222px;
		text-indent: -9999px;
		outline: none;
		cursor: pointer;
	}
	.slideNavigation a:hover { background-position: 3px -222px; }
	.slideNavigation a.active { background-position: -12px -222px; }


@media (max-width: 1060px) {
	.slideshow { height: 395px; }
	.slideshowWindow { 
		width: 588px; 
		height: 365px;
		background: none; 
		background: #f9f7f4; 
		box-shadow: 0 2px 8px #333;
		margin: 2px auto 0;
	}
	.slideshow .shadow { display: none; }
	.slide { 
		width: 555px; 
		padding: 16px;
	}
	.slide img { width: 100%; }
	.slideNavigation {
	    bottom: 14%;
	    left: 6%;
    }
}

/*
@media (min-width: 951px) and (max-width: 1000px) {
	.slideshow { height: 375px; }
	.slideshowWindow { width: 553px; height: 345px; }
	.slide { width: 519px; }
}
@media (min-width: 901px) and (max-width: 950px) {
	.slideshow { height: 355px; }
	.slideshowWindow { width: 528px; height: 325px; }
	.slide { width: 494px; }
}
@media (min-width: 851px) and (max-width: 900px) {
	.slideshow { height: 333px; }
	.slideshowWindow { width: 493px; height: 305px; }
	.slide { width: 459px; }
}
@media (min-width: 801px) and (max-width: 850px) {
	.slideshow { height: 320px; }
	.slideshowWindow { width: 468px; height: 293px; }
	.slide { width: 434px; }
}
@media (min-width: 751px) and (max-width: 800px) {
	.slideshow { height: 300px; }
	.slideshowWindow { width: 433px; height: 272px; }
	.slide { width: 399px; }
}
@media (min-width: 701px) and (max-width: 750px) {
	.slideshow { height: 285px; }
	.slideshowWindow { width: 408px; height: 255px; }
	.slide { width: 374px; }
}
@media (min-width: 651px) and (max-width: 700px) {
	.slideshow { height: 265px; }
	.slideshowWindow { width: 373px; height: 235px; }
	.slide { width: 339px; }
}
@media (min-width: 601px) and (max-width: 650px) {
	.slideshow { height: 250px; }
	.slideshowWindow { width: 348px; height: 220px; }
	.slide { width: 317px; }
}
@media (min-width: 551px) and (max-width: 600px) {
	.slideshow { height: 233px; }
	.slideshowWindow { width: 318px; height: 203px; }
	.slide { width: 287px; }
}
@media (min-width: 501px) and (max-width: 550px) {
	.slideshow { height: 303px; }
	.slideshowWindow { width: 435px; height: 272px; }
	.slide { width: 402px; }
}
@media (min-width: 451px) and (max-width: 500px) {
	.slideshow { height: 283px; }
	.slideshowWindow { width: 435px; height: 265px; }
	.slide { width: 423px; }
}
@media (max-width: 500px) {
	.slideshow { left: -7%; right: -7%; width: 114%;}
	.slideNavigation { left: 5%; bottom: 3%; }
	.slideshowWindow { top: -8%; }
	.slide { padding: 6px; }
}
@media (min-width: 401px) and (max-width: 450px) {
	.slideshow { height: 253px;  }
	.slideshowWindow { width: 385px; height: 235px; }
	.slide { width: 373px; }
}
@media (min-width: 351px) and (max-width: 400px) {
	.slideshow { height: 233px;}
	.slideshowWindow { width: 335px; height: 205px; }
	.slide { width: 323px; }
}
@media (min-width: 326px) and (max-width: 350px) {
	.slideshow { height: 215px;}
	.slideshowWindow { width: 308px; height: 190px; }
	.slide { width: 296px; }
}
@media (min-width: 301px) and (max-width: 325px) {
	.slideshow { height: 203px; }
	.slideshowWindow { width: 285px; height: 175px; }
	.slide { width: 273px; }
}
@media (min-width: 276px) and (max-width: 300px) {
	.slideshow { height: 190px; }
	.slideshowWindow { width: 260px; height: 160px; }
	.slide { width: 248px; }
}
@media (min-width: 251px) and (max-width: 275px) {
	.slideshow { height: 173px;}
	.slideshowWindow { width: 235px; height: 145px; }
	.slide { width: 223px; }
}
@media (max-width: 250px) {
	.slideshow { height: 143px; }
	.slideshowWindow { width: 185px; height: 117px; }
	.slide { width: 173px; }
}*/


/* Homepage > Recipe Galleries */
.recipe-pod {
	margin: 5%;
	clear: both;
}
	.recipe-pod:after {
		content: "";
		display: table;
		clear: both;
	}
	.recipe-pod-wrap {
		position: relative;
	}
		
			.recipe-pod h2 {
				font: 400 46px/52px 'Shrikhand', georgia, serif;
			}
		.recipe-pod .featured-categories {
			padding: 0 0 5%;
		}
		
		@media (min-width: 701px) {
			.recipe-pod .text {
				float: left;
				width: 25%;
			}
			.recipe-pod .featured-categories {
				float: right;
				width: 70%;
				padding: 0 0 0 5%;
			}

		}

	.recipe-pod .recipes .recipe {
		float: left;
		width: 20%;
		background: none;
		clear: none !important;
	}

		.recipe-pod .recipes .recipe a.img {
			display: block;
			width: 99%;
			border-bottom: 4px solid #e6e4df;
		}
		.recipe-pod .recipes .recipe a.img img {
			width: 100%;
			height: auto;
		}
		.recipe-pod .recipes .recipe h4 a {
			display: block;
			padding: 0 30px 0 5px;
			color: #222;
			font: italic 400 18px/22px 'Arvo', georgia, serif;
		}
		.recipe-pod .recipes .recipe h4 a:hover { color: #CC5900; }
		@media (max-width: 700px) {
			.recipe-pod .recipes .recipe h4 a {
				padding: 0 10px 0 5px;
				font: italic 400 13px/15px 'Arvo', georgia, serif;
			}
		}
		

/* Homepage > Pork Articles */
.articles {
	clear: left;
	background: url('../media/Template/Custom-Border.png') repeat-x 0 0;
}
	.articles h2 {
		float: left;
		margin: 20px 0 45px;
		font: 400 30px/32px 'Shrikhand', georgia, serif;
		text-transform: uppercase;
	}
	.articles h2, h1.pig {
		display: inline-block;
		padding: 6px 80px 2px 0;
		background: url('../media/Template/Icons.png') no-repeat right -448px;
	}
	.articles h2 {
		background-position: right -458px;
	}

.articles .article {
	position: relative;
	margin: 0 0 -2px;
	border-top: 2px solid #d6d3cc;
	padding: 25px 0 0;
}
.articles .article:hover {
	background: #fff;
}


	@media (min-width: 701px) {
		.articles .article {
			float: left;
			width: 47.5%;
		}
		.articles .article:nth-child(2n-1) {
			clear: both;
			margin: 0 5% 5% 0;
		}
	}

	.articles .article a.img {
		display: inline-block;
		border-bottom: 4px solid #fff;
		margin: 0 0 25px;
		width: 30%;
	}
	.articles .article a.img:hover { border-bottom: 4px solid #fe9b30; }

	.articles .article a.img:focus { border-bottom: 4px solid #CC5900; }
	
	.articles .article a.img img {
		width: 100%;
		height: auto;
	}

	.articles .article .info {	
		position: relative;
		float: right;
		padding: 0 45px 25px 0;
		width: 60%;
	}
		.articles .article .info h4 { margin: 15px 0 5px; }
		
		.articles .article .info h4 a {
			font: 400 22px/28px 'Arvo', georgia, serif;
			color: #222;
			letter-spacing: 0;
		}
		
		.articles .article .info h4 a:hover { color: #fe9b30; }
		
		.articles .article .info h4 a:focus { color: #CC5900; }
						
		.articles .article .info a.more {
			position: absolute;
			width: 45px;
			height: 45px;
			top: 55px;
			right: 0;
			padding: 0;
			text-indent: -9999px;
			background: url('../media/Template/Icons.png') no-repeat 10px -250px;
		}		
		.articles .article .info a.more:hover { background-position: 10px -320px; }		
		
		
@media (max-width: 1060px) {
	.articles .article .info {	
		width: 60%;
	}
}
@media (max-width: 925px) {
	.articles .article .info {	
		width: 55%;
	}
	.articles .article .info h4 { margin: 0 0 5px; }
}
@media (max-width: 825px) {
	.articles .article .info {	
		width: 48%;
	}
}
@media  (min-width: 550px) and (max-width: 700px) {
	.articles .article .info {	
		width: 65%;
		padding: 0 0 6%;
		float: left;
	}
	.articles .article a.img {
		float: right;
		width: 30%;
	}
	.articles .article .info a.more {
		top: 130px;
		right: -55%;
		bottom: auto;
	}
}
@media (max-width: 700px) {
	.articles .article a.img img {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 475px) {
	.articles .article {
		padding: 2% 0 0;
	}
	.articles .article .info {	
		width: auto;
		background: none;
		padding: 0 0 3%;
		float: none;
	}
	.articles .article a.img,
	.articles .article .summary {
		display: none;
	}
	.articles .article .info h4 { margin: 5px 30px 5px 15px; }
	
	.articles .article .info a.more {
		width: 20px;
		height: 30px;
		top: 0;
		background-position: -25px -171px;
	}
	.articles .article .info a.more:hover {
		background-position: 5px -171px;
	}
}


/* Homepage > Pork Tips */
.articles-tips {
	clear: left;
}
	.articles-tips h2 {
		float: left;
		margin: 20px 0 45px;
		font: 400 30px/32px 'Shrikhand', georgia, serif;
		text-transform: uppercase;
	}
	.articles-tips h2, h1.pig {
		display: inline-block;
		padding: 6px 80px 2px 0;
		background: url('../media/Template/Icons.png') no-repeat right -448px;
	}
	.articles-tips h2 {
		background-position: right -458px;
	}
	.articles-tips .article .info .summary {
		display: none;
		position: absolute;
		top: -200px;
		margin: 0 20px;
		color: #fff;
		line-height: 28px;
	}
	.articles-tips .article:hover .info .summary {
		display: inline-block;
	}

.articles-tips .article {
	position: relative;
	margin: 2% 0 -2px;
	padding: 0;
	background-color: #fff;
}
.articles-tips .article:hover {
	background: #fff;
}

	@media (min-width: 601px) {
		.articles-tips .article {
			width: 46%;
			margin: 0 1% 1%;
			display: inline-block;
		}

	}
	
	@media (min-width: 1101px) {
		.articles-tips .article {
			width: 30%;
			margin: 0 1% 1%;
			display: inline-block;
		}

	}

	.articles-tips .article a.img {
		display: inline-block;
		margin: 10px 10px 0;
		width: calc(100% - 20px);
		height: auto;
		box-shadow: 0 1px 2px #bbb;
		border-radius: 4px;
		overflow: hidden;
		background-color: #fff;
	}
	.articles-tips .article:hover a.img { 
		background-color: #000;
	}
	.articles-tips .article:hover a.img img { 
		opacity: 0.5; 
	}
	
	.articles-tips .article a.img img {
		width: 100%;
		height: auto;
	}

	.articles-tips .article .info {	
		position: relative;
		float: left;
		width: 100%;
	}
		.articles-tips .article .info h4 { margin: 20px; }
		
		.articles-tips .article .info h4 a {
			font: 700 22px/28px 'Arvo', georgia, serif;
			color: #333;
			letter-spacing: 0;
		}
		
		.articles-tips .article .info h4 a:hover,		
		.articles-tips .article:hover .info h4 a { color: #f39f45; }
		
		.articles-tips .article .info h4 a:focus { color: #cc5900; }
								
		.articles-tips .article .info a.more,
		.search-results .article .info a.more,
		.search-results .generic a.more,
		.search-results .media-photo a.more,
		.search-results .faq-question a.more {
			display: none;
			position: absolute;
			width: 45px;
			height: 45px;
			top: 55px;
			right: 0;
			padding: 0;
			text-indent: -9999px;
			background: url('../media/Template/Icons.png') no-repeat 10px -250px;
		}		
		.articles-tips .article .info a.more:hover,
		.search-results .article .info a.more:hover,
		.search-results .generic a.more:hover,
		.search-results .media-photo a.more:hover,
		.search-results .faq-question a.more:hover { background-position: 10px -320px; }		
		
.recipe-card {
    padding: 5%;
    background: rgba(232, 229, 224, .35);
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
	.recipe-card:after {
		content: "";
		display: table;
		clear: both;
	}		
	.recipe-card h2 {
		font: 400 28px/34px 'Shrikhand', Georgia, serif;
	}
	.recipe-card .info {
		//display: none;
	}
		.recipe-card .info h2 {
			font: 400 30px/34px 'Shrikhand', helvetica, arial, sans-serif;
			margin: 0 0 1%;
    		letter-spacing: .5px;
    	}
		.recipe-card ul.info {
			margin: 0;
			padding: 0;
		}
		.recipe-card .info li {
			margin: 0;
			padding: 1% 0 0;
			list-style: none;
		}
		.recipe-card .info li.description {
		    margin: 4% 0;
		    border-top: 3px dashed rgba(232, 229, 224, 1);
		    border-bottom: 3px dashed rgba(232, 229, 224, 1);
		    padding: 4% 0;
		}
		.recipe-card .info li span {
			display: inline-block;
			width: 25%;
		}
		
	.recipe-card a.print {
		float: right;
		margin: 0 0 0 2%;
		border: 3px solid rgba(232, 229, 224, 1);
		padding: 6px 20px;
	}
	.recipe-card .ingredients,
	.recipe-card .instructions {
		width: 45%;
	}
		.recipe-card .ingredients h3,
		.recipe-card .instructions h3{
			font: 700 24px/30px 'Arvo', serif
		}
	.recipe-card .ingredients {
		clear: both;
		float: left;
		font-size: 17px;
		line-height: 21px;
	}
		.recipe-card ul {
			padding: 0 0 0 3%;
		}
		.recipe-card li {
			padding: 2% 0 3% 1%;
		}

	.recipe-card .instructions {
		float: right;
		font-size: 14px;
		line-height: 20px;
	}
@media (max-width: 850px) {
	.recipe-card .info li span {
		width: 32%;
	}
}
@media  (min-width: 550px) and (max-width: 700px) {
	.articles-tips .article .info {	
		padding: 0 0 6%;
		float: left;
	}
	.articles-tips .article a.img {

	}
	.articles-tips .article .info a.more {
		display: none;
		top: 130px;
		right: -55%;
		bottom: auto;
	}
}
@media (max-width: 725px) {
	.recipe-card .info li span {
		width: 49%;
	}
}
@media (max-width: 700px) {
	.articles-tips .article a.img img {
		width: 100%;
		height: auto;
	}
}
@media (max-width: 650px) {
	.recipe-card .ingredients,
	.recipe-card .instructions {
		width: 100%;
		float: none;
		clear: both;
	}
	.recipe-card .ingredients {
		margin: 0 0 10%;
	}
}
@media (max-width: 475px) {
	.articles-tips .article {
		padding: 2% 0 0;
	}
	.articles-tips .article .info {	
		width: auto;
		background: none;
		padding: 0 0 3%;
		float: none;
	}
	.articles-tips .article a.img,
	.articles-tips .article .summary {
	}
	.articles-tips .article .info h4 { margin: 5px 30px 5px 15px; }
	
	.articles-tips .article .info a.more {
		display: none;
		width: 20px;
		height: 30px;
		top: 0;
		background-position: -25px -171px;
	}
	.articles-tips .article .info a.more:hover {
		background-position: 5px -171px;
	}
	
	.recipe-card .info li span {
		width: 100%;
	}

}

/*******************************
	Gallery
*/

.galleries {
	clear: left;
}
	.galleries .gallery {
		position: relative;
		float: left;
		width: 185px;
		min-height: 275px;
		margin: 0 0 30px 30px;
		background: #eceae6;
	}
	.galleries .gallery:nth-child(3n+1) { margin: 0 0 30px; }
	
		.galleries .gallery .banner {
			top: 152px;
			left: -3px;
		}

		.galleries .gallery a {
			display: block;
		}
		.galleries .gallery a.img { 
			display: block;
			margin: 0 0 5px;
			border-bottom: 4px solid #eceae6; 
		}
		.galleries .gallery a.img:hover { border-bottom: 4px solid #CC5900; }
		.galleries .gallery a.title {
			padding: 3% 10px 0;
			color: #333;
			font: 700 12px/18px helvetica, arial, sans-serif;
		}
			.galleries .gallery a:hover { color: #cc5900; }
			.galleries .gallery a span {
				float: left;
				width: 17px;
				height: 17px;
				margin: 0 5px 0 0;
				background: url('../media/Template/Icons.png') no-repeat -100px 0;
				text-indent: -9999px;
			}
			.galleries .gallery.video a span { background-position: -100px -30px; }

@media (max-width: 1000px) {
	.galleries .gallery .banner {
		top: 5%;
	}
}			

/*******************************
	Recipes
*/

.recipes {
	clear: both;
}
	.recipes .recipe,
	.recipes .column-sizer {
		float: left;
		position: relative;
		width: 17.6%;
		min-height: 325px;
		margin: 0 0 25px;
		background: #fff;
	}
	
	.family-recipe .recipes .recipe { 
		margin: 0;
		width: 100%;
		padding-bottom: 7%;
		min-height: inherit;
	}
	
	.recipes h1 {
		margin: 3% 0 1%;
	}
	.top-content h1 {
		margin: 3% 0 0;
	}
	.top-content p {
		clear: left;
		margin: 0 0 2%;
	}
	@media (min-width: 701px) {
		.top-content p {
			float: left;
			clear: left;
			width: 47.5%;
		}
	}
	
	@media (max-width: 600px) {
		.recipes .recipe {
			min-height: 350px;
		}
	}
	@media (min-width: 601px) and (max-width: 800px) {
		.recipes .recipe {
			min-height: 375px;
		}
	}
	@media (min-width: 801px) and (max-width: 1060px) {
		.recipes .recipe {
			min-height: 375px;
		}
	}
	@media screen and (min-width: 1060px) {
		.recipes .recipe {
			min-height: 300px;
		}
	}
	@media screen and (min-width: 1300px) {
		.recipes .recipe {
			min-height: 325px;
		}
	}
	@media screen and (min-width: 1500px) {
		.recipes .recipe {
			min-height: 350px;
		}
	}
	@media screen and (min-width: 1700px) {
		.recipes .recipe {
			min-height: 400px;
		}
	}
	@media screen and (min-width: 1900px) {
		.recipes .recipe {
			min-height: 425px;
		}
	}
	@media screen and (min-width: 2100px) {
		.recipes .recipe {
			min-height: 450px;
		}
	}
		
	/*  
	.recipes .recipe:nth-child(3n+1),
	.search-results .recipe:nth-child(3n-1) { margin: 0 0 30px; clear: left; }
	*/
	.recipes .column-sizer { background: none; }
	.gutter-sizer { 
		width: 3%; 
		height: 1px;
		margin: 0;
		float: left;
	}	
		.recipes .recipe .banner {
			display: block; 
			top: 15px;
			left: -3px;
		}

		.recipes .recipe a {
			display: block;
		}
		.recipes .recipe a.img { 
			display: block;
			margin: 0;
			border-bottom: 4px solid #fff; 
		}
		.recipes .recipe a.img:hover { border-bottom: 4px solid #f39f45; }
		.recipes .recipe a.img:focus { border-bottom: 4px solid #CC5900; }
		
		.recipes .recipe a.img img { 
			width: 100%;
			height: auto;
		}
		.recipes .recipe a.title {
			padding: 10px 15px;
			color: #333;
			font: 600 16px/20px 'Open Sans', helvetica, arial, sans-serif
		}
		.recipes .recipe a.title:hover { color: #f39f45; }
		.recipes .recipe a.title:focus { color: #cc5900; }
		

		form#recipe-search-bar { 
			position: relative; 
			margin: 0 0 3%;
		}
		form#video-search-bar { 
			position: relative; 
			margin: 3% 0;
		}
		
		form .search {
			position: relative;
			float: left;
		}
		form .search input {
			border: none;
		}
		form .search input[type=text] {
			width: 90%;
			padding: 11px 5%;
			height: 20px;
			margin: 0;
			color: #a5a196;
			text-shadow: 1px 1px 1px #fff;
			font: 400 15px/20px 'Open Sans', Helvetica, Arial, sans-serif;
			background: url('../media/Template/bg.jpg') repeat-x 0 -810px;
			letter-spacing: 1px;
		}
		form .search input[type=text].typed { color: #333; }
		form .search input.mag-glass {
			top: -2px;
			right: 0;
			background: none;
			width: 47px;
			height: 47px;
			position: absolute;
			z-index: 10;
			border:2px solid #E8E5E0;
		}
		form .search input.mag-glass:hover { border:2px solid #fe9b30; }
		form .search input.mag-glass:focus { border:2px solid #cc5900; }
		
		form .search:after {
			content: "\f002";
			font: 400 22px/25px 'FontAwesome';
		    position: absolute;
		    top: 8px;
		    right: 13px;
		    z-index: 9;
		}	

		@media (min-width: 701px) {
			form#recipe-search-bar,
			form#video-search-bar {
				float: right;
				width: 47.5%;
			}
			form#video-search-bar {
				width: 38%;
			}
			.VideoSection form .search {
				width: 100%;
			}
			form .search {
				width: 66%;
			}
		}
		@media (max-width: 700px) {
			form#recipe-search-bar,
			form#video-search-bar {
				width: 100%;
			}
		}
		
		
		form#recipe-search-bar .filter { 
			position: absolute;
			width: 480px;
			background: rgba(254,155,48,.9);
			background: url('../media/Template/bg.jpg') repeat-x 0 0;
			z-index: 10;
			top: 44px;
			right: 9px;
			padding: 0;
			color: #fff;
		}
		form#recipe-search-bar #filterByButton { 
			position: absolute;
			top: -44px;
			right: 0;
			display: block;
			background: #fe9b30; 
			color: #fff;
			text-shadow: -1px -1px 1px #f78016;
			width: 34%;
			height: 30px;
			padding: 12px 0 0;
			text-align: center;
			font: 700 14px/20px Helvetica, Arial, sans-serif;
			letter-spacing: 2px;
		}
		form#recipe-search-bar .filter #filterByButton:hover,
		form#recipe-search-bar .filter.open #filterByButton { 
			background: url('../media/Template/bg.jpg') repeat-x 0 0;
			text-shadow: -1px -1px 1px #000;
		}
		form#recipe-search-bar .filter.open #filterByButton	{ 
			height: 36px;
		}
		form#recipe-search-bar #filterByButton span {
			display: inline-block;
			width: 15px;
			height: 15px;
			background: url('../media/Template/Icons.png') no-repeat -300px -215px;
		}
		form#recipe-search-bar #filterByButton span { background-position: -300px -255px; }
		form#recipe-search-bar .open #filterByButton span { background-position: -320px -255px; }
		
		form#recipe-search-bar ul,
		form#recipe-search-bar li {
			margin: 0;
			padding: 0;
			list-style: none;
		}	

		form#recipe-search-bar ul li { 
			float: left; 
		}
		form#recipe-search-bar ul li label { 
			font: 400 16px/25px Helvetica, Arial, sans-serif;
		}

		form#recipe-search-bar ul.checkboxes { padding: 4% 0 0 5%; }
		form#recipe-search-bar ul.checkboxes li { margin: 0 8% 0 0; }	
		form#recipe-search-bar ul.checkboxes label { color: #aaa; }
		form#recipe-search-bar ul.checkboxes label:hover { color: #fd9b30; }
		form#recipe-search-bar ul.checkboxes input:checked+label { color: #fff; }

		form#recipe-search-bar ul.selects { padding: 3% 0 3% 5%; }
		form#recipe-search-bar ul.selects li {
			margin: 0 4% 4% 0;
			width: 45%;
		}	
		form#recipe-search-bar ul li select { 
			width: 100%; 
			font-size: 15px;
		}

		form#recipe-search-bar ul { 
			clear: left;
		}	
		form#recipe-search-bar .filter-box {
			overflow: hidden;
			height: 0;
		}
        .filter-box img.spinner {
	        margin: 0;
	        position: absolute;
	        top: 10px;
	        right: 25px;
	        display: none;
        }


@media (min-width: 1061px) and (max-width: 1260px) {
	form#recipe-search-bar #filterByButton { 
		width: 30%;
	}
}
@media (max-width: 1061px) {
	.recipes .recipe,
	.recipes .column-sizer {
		width: 30%;
	}
	.recipes .recipe:nth-child(3n-3) { clear: left; }
	
	.gutter-sizer { 
		width: 5%;
	}	
	
	.recipes .recipe a.img img { 
		width: 100%;
		height: auto;
	}

	form#recipe-search-bar div.search { width: 64%; }
	form#recipe-search-bar .filter { width: 30%; }
	
	form#recipe-search-bar #filterByButton { 
		width: 100%;
		padding: 7px 0 0; 
	}
	form#recipe-search-bar input[type=text] {
		width: 85%;
		padding: 7px 10% 7px 5%;
	}
}



@media (max-width: 800px) {
	.recipes .recipe,
	.recipes .column-sizer {
		width: 47.5%;
	}
	.recipes .recipe:nth-child(3n+1) { 
		clear: none; 
	}
	
	.recipes .recipe:nth-child(2n+1) { 
		clear: left; 
		margin: 0 0 3%;
	}
	
	form#recipe-search-bar div.search,
	form#recipe-search-bar .filter { width: 47%; }
}

@media (min-width: 700px) and (max-width: 1060px) {
	form#recipe-search-bar {
		margin: 0 0 50px;
	}
	form#recipe-search-bar div.search,
	form#recipe-search-bar .filter { 
		float: left;
		clear: left;
		width: 100%; 
		position: relative;
		margin: 0 0 2%;
		right: auto;
	}
}

@media (max-width: 400px) {
	form#recipe-search-bar {
		margin: 0 0 50px;
	}
	form#recipe-search-bar div.search,
	form#recipe-search-bar .filter { 
		float: left;
		clear: left;
		width: 100%; 
		position: relative;
		margin: 0 0 2%;
		right: auto;
	}
	.recipes .recipe,
	.galleries .gallery {
		min-height: 200px;
		margin: 2% 0 3% !important;
	}
}

@media (max-width: 275px) {
	.recipes .recipe,
	.recipes .column-sizer {
		width: 100%;
		clear: left;
	}

	.gutter-sizer { 
		width:0;
	}	
	
}


/*******************************
	Recipe Detail
*/

.recipe-photo {
	position: relative;
	margin: 0 0 5%;
	background: url('../media/Template/Bg-Recipe.jpg') repeat;
}
	.recipe-photo img { 
		float: left; 
		width: 65%;
		height: auto;
	}
	.recipe-photo .title {
		float: right;
		width: 25%;
		padding: 7% 5% 0;
		margin: 0;
	}
		.recipe-photo .title h1 { 
			font: 400 52px/62px 'Shrikhand', arial;
			text-transform: inherit;
			color: #fff;
			text-align: center;
		}
		@media (max-width: 700px) {
			.recipe-photo .title h1 { 
				font: 400 40px/48px 'Shrikhand', arial;
			}
		}
		@media (max-width: 400px) {
			.recipe-photo .title h1 { 
				font: 400 36px/44px 'Shrikhand', arial;
			}
		}
		.recipe-photo .title h3 { color: #fff; }
	.recipe-photo .details {
		clear: both;
		margin: 0;
		padding: 0 0 0 6%;
		border-top: 1px solid #fff;
		background: #1a1b1c;
		text-align: center;
	}
	.recipe-photo .details li {
		list-style: none;
		float: left;
		margin: 0;
		padding: 3% 2%;
		width: 27%;
		color: #998675;
		font: italic 400 17px/23px 'Arvo', georgia, serif;
	}
	.recipe-photo .details li strong { 
		display: block; 
		color: #fff;
		font: 700 16px/20px helvetica, arial, sans-serif;
		letter-spacing: 1px;
	}
	
.recipe-social {
	float: right;
	width: 42.5%;
	margin: 0 5% 0 0;
	text-align: center;
}	
	.recipe-social .social-wrap,
	.article-social .social-wrap, 
	.article-large-photo-social .social-wrap {
		margin: 0 5% 2%;	
	}	
		.addthis_default_style .addthis_separator, 
		.addthis_default_style .addthis_counter,
		.addthis_default_style .at300b, .addthis_default_style .at300bo, 
		.addthis_default_style .at300m, .addthis_default_style .at300bs {
			margin: 0 2px 10px;
			float: right !important;
		}

a.print {
	float: left;
	padding: 10px 20px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 3px solid #3dace0;
	color: #3dace0;
}
	a.print:before {
		padding: 0 10px 0 0;
		content: "\f02f";
		font: 400 20px/25px 'FontAwesome';
	}
	a.print:hover {
		border: 3px solid #f39f45;
		color: #f39f45;
	}
	
.column {
	width: 42.5%;
	font: 400 18px/30px helvetica, arial, sans-serif;
}
	.column:after {
		content: "";
		display: table;
		clear: both;
	}
	.column.left { 
		float: left; 
		clear: both; 
		margin: 0 0 5% 5%;
		}
	.column.right { 
		float: right; 
		margin: 0 5% 5% 0;
	}
	
	.column h2 {
		margin: 3% 0 1%;
		font: italic 700 28px/38px 'Arvo', helvetica, arial, sans-serif;
		color: #111;
		text-transform: uppercase;
	}
	.column h3 { margin: 20px 0 3px; }
	
	.column ul { margin: 0 0 30px 10px; }
	.column ol li { margin: 0 0 20px 5px; }
	.column.cleanlist ul {}
	.column.cleanlist ul li {
		list-style-type: none !important;
		position: relative;
		left: -12px;
		padding: 0 0 14px;
	}
	.column.bold {
		font-weight: 700;
	}
	.column.white {
		background-color: #fff;
		width: 32.5%;
		margin: 0 0 5%;
		padding: 5%;
	}
	.column.full {
		width: 90%;
	}
	

.farm {
	clear: both;
	min-height: 122px;
	margin: 0;
	background: #fff;
}
	.farm img {
		float: left;
		width: 48%;
	}
	.farm .info { 
		float: right;
		width: 43%;
		padding: 7% 4% 0 0;
		color: #000;
		font: 400 16px/26px helvetica, arial, sans-serif;
	}
		.farm .info h3 { 
			color: #111;
			font: 400 46px/42px 'Shrikhand', georgia, serif;
			text-transform: initial;
		}
		.farm .info h3 span { 
			display: block;
			font-size: 36px;
		}
		.farm .info h3 a {
			color: #000;
		}
		.farm .info h3 a:hover { color: #f39f45; }
		.farm .info h3 a:focus { color: #CC5900; }
		
		.farm .info span.location {
			font: italic 700 16px/24px 'Arvo', serif;
			color: #f39f45;
			text-transform: uppercase;
			letter-spacing: 1px;
			position: relative;
			top: 8px;
		}

@media (max-width: 1060px) {
	.recipe-photo img { 
		width: 65%;
	}
	.recipe-photo .title {
		float: right;
		width: 25%;
	}
	.column {
		width: 45%;
	}
	
	.farm img {
		width: 25%;
		height: auto;
	}
	.farm .info { 
		width: 65%;
		margin: 0 0 5%;
	}
}
@media (max-width: 800px) {
	.recipe-photo img { 
		width: 100%;
	}
	.recipe-photo .title {
		width: 90%;
	}
	.column {
		width: 90%;
		margin: 0 5% 5%
	}
	.farm img {
		float: right;
		width: 100%;
		height: auto;
		margin: 0 0 5%;
	}
	.farm .info { 
		float: none;
		width: auto;
		margin: 0 5% 5%;
		padding: 0;
	}
}
@media (max-width: 350px) {
	.recipe-photo .details {
		padding: 0;
	}
	.recipe-photo .details li {
		width: 100%;
		padding: 5% 0;
		border-bottom: 1px solid #fff;
	}
	.farm {
		text-align: center;
	}
	.farm img {
		float: none;
		margin: 0 auto;
	}
	.farm .info {
		text-align: left;
		padding: 5% 0 0;
	}
}
@media (max-width: 250px) {
	.farm img {
		width: 100%;
	}
}


/*******************************
	Recipe Contest List
*/

.recipe-contest:after,
.recipeListViewItem:after {
	content: "";
	display: table;
	clear: both;
}
.recipeListViewItem {
	position:relative;
	clear:both;
	display:block;
	border-top:1px solid #e5e5e5;
	padding:5% 2% 3%;
}
.recipeListViewItem h2 {
	margin:0 140px 2% 0;
	color:#002947;
	font:24px/28px Helvetica, Arial, sans-serif;
}
.recipeListViewItem a:hover h2 {
	color: #CC5900;
}
.recipeListViewItem img {
	float:left;
	margin:0;
	width:25%;
	height:auto;
	border:5px solid #fff;
	box-shadow:0 1px 3px #666;
}
.recipeListViewItem a:last-child {
	width: 70%;
	float: right;
}
.recipeListViewItem a:hover img {
	box-shadow:0 1px 2px #aaa;
}
.recipeListViewItem span.points {
	position:absolute;
	display:block;
	top:20px;
	right:0;
	width:130px;
	text-align:center;
	color:#002947;
	font-size:48px;
	line-height:52px;
	text-transform:uppercase;
}
.recipeListViewItem span.points span {
	display:block;
	font-size:15px;
	line-height:18px;
}
@media (max-width: 850px) {
	.recipeListViewItem img {
		width:75%;
		margin: 0 0 3%;
	}
	.recipeListViewItem span.points {
		width:25%;
	}
	.recipeListViewItem a:last-child {
		width:100%;
	}
	.recipeListViewItem h2 {
		margin:0 0 2%;
	}
}



/*******************************
	Recipe Contest Detail
*/

.recipe-contest-detail {
	position: relative;
	margin: -5% -5% 4%;
	padding: 10px 0 0 20px;
	background: url('../media/Template/Bg-2.jpg') 0 -820px repeat-x;
}
.recipe-contest-detail .points {
	float:right;
	margin: -10px 0 0;
	padding: 2% 3%;
	text-align:center;
	color:#fff;
	font: 15px/18px arvo, georgia, serif;
	text-transform:uppercase;
	background: url('../media/Template/Bg-2.jpg') 0 -420px repeat-x;
}
.recipe-contest-detail .points span {
	display:block;
	font-size:48px;
	line-height:52px;
}
.recipe-contest-detail .vote-controls,
.recipe-contest-detail .share-controls {	
	float: left;
	margin: 2% 0 0;
	text-align: center;
	color: #aaa;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: .5px;
}
.recipe-contest-detail .vote-controls {
	width: 25%;
}
.recipe-contest-detail .share-controls {
	width: 57%;
}
.recipe-contest-detail .button.vote {
	background: #fff;
	padding: 5% 0 3%;
	width: 100%;
	margin: 3% 2% 5% 0;
	display: inline-block;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-bottom: 3px solid #cc5900;
	font-size: 11px;
	line-height: 14px;
	font-weight: 700;
}
.recipe-contest-detail .button.vote:hover {
	border-bottom: 3px solid #008cde;
}
.recipe-contest-detail .button.vote span {
	display: block;
	margin: 3px 0 0;
	padding: 3px 0;
	background: #E8E5E0;
	font-style: italic;
	color: #bbb;
	line-height: 12px;
}

.recipe-photo.contest img {
	float: right;
	width:45%;
}
.recipe-photo.contest .title {
	float: left;
	width: 50%;
	margin: 6% 0 0 3%;
}
.recipe-photo.contest .banner {
	top: 20px;
	left: -0.2%;
}
.recipe-photo.contest .info span.submitted,
.recipeListViewItem span.submitted {
	clear:right;
	display:block;
	padding:5px 0 0;
	color:#bbb;
	text-transform:lowercase;
	font: 400 11px/12px 'Arvo', 'Times New Roman', serif
}
.recipe-photo.contest .info span.name,
.recipeListViewItem span.name {
	font-weight:700;
	text-transform:uppercase;
}
.recipe-photo.contest .info span.city,
.recipeListViewItem span.city {
	border-left:1px solid #ccc;
	margin:0 0 0 7px;
	padding:0 0 0 10px;
	display:inline-block;
	font-weight:700;
	line-height:12px;
}
.recipe-photo.contest .info span.name,
.recipe-photo.contest .info span.city {
	color:#eee;
}
.recipeListViewItem span.name,
.recipeListViewItem span.city {
	color:#333;
}


/*******************************
	Recipe Contest Form
*/

.recipe-contest-entry {
	margin: 6% 15%;
}
.recipe-contest-entry p {
	line-height: 18px;
}
.recipe-contest-entry .fieldRow {
	padding: 3% 0 0;
}
.recipe-contest-entry .fieldRow .fieldLabel,
.recipe-contest-entry .fieldRow label {
	font:12px/20px Helvetica, Arial, sans-serif;
	letter-spacing: .5px;
	color: #666;
}
.recipe-contest-entry .fieldRow input[type=text] {
	width: 94%;
	padding: 2% 3%;
	border: 1px solid #ccc;
	font:17px/22px Helvetica, Arial, sans-serif;
}
.recipe-contest-entry table.mceLayout {
	width: 100% !important;
}

.recipe-contest-entry .commandButtons input {
	width: 72%;
	margin: 5.5% 0 0;
	float: right;
}
.recipe-contest-entry #wizardNavigation {
	margin: 5% 0 0;
}
.recipe-contest-entry #wizardNavigation input {
	padding: 2% 0;
	width: 25%;
	border: none;
	background: #fd9b30;
	color: #fff;
	text-shadow: -1px -1px 1px #f78016;
	font: 400 14px/24px 'Arvo', 'Times New Roman', serif;
	text-transform: uppercase;
	cursor: pointer;
}
.recipe-contest-entry #wizardNavigation input#back {
	float: left;
	background: url('../media/Template/bg.jpg') repeat-x 0 -810px;
	color: #333;
	text-shadow: 1px 1px 1px #fff;
}
.recipe-contest-entry #wizardNavigation input#next {
	float: right;
}
.recipe-contest-entry #wizardNavigation input[disabled=disabled] {
	display: none;
}
.recipe-contest-entry #wizardNavigation input:hover,
.recipe-contest-entry #wizardNavigation input#back:hover {
	background: url('../media/Template/bg.jpg') repeat-x 0 -510px;
	text-shadow: -1px -1px 1px #0366bc;
	color: #fff;
}


/*******************************
	Watch
*/

.VideoSection h1 {
	float: left;
}
.videos {
	clear: both;
	padding: 0 0 120px;
}
	.videos .video,
	.videos .column-sizer {
		position: relative;
		margin: 0 0 5%;
		background: #fff;
	}
	
	@media (min-width: 1501px) {
		.videos .video,
		.videos .column-sizer {
			min-height: 375px;
		}
	}
	@media (min-width: 1201px) and (max-width: 1500px) {
		.videos .video,
		.videos .column-sizer {
			min-height: 325px;
		}
	}
	@media (min-width: 1061px) and (max-width: 1200px) {
		.videos .video,
		.videos .column-sizer {
			min-height: 280px;
		}
	}
	@media (min-width: 901px) and (max-width: 1060px) {
		.videos .video,
		.videos .column-sizer {
			min-height: 400px;
		}
	}
	@media (min-width: 701px) and (max-width: 900px) {
		.videos .video,
		.videos .column-sizer {
			min-height: 375px;
		}
	}
	@media (min-width: 701px) {
		.videos .video,
		.videos .column-sizer {
			float: left;
			width: 22.75%;
		}
	}
	@media (max-width: 700px) {
		.videos .video,
		.videos .column-sizer {
			float: none;
			width: 100%;
		}
	}
	@media (min-width: 581px) and (max-width: 700px) {
		.videos .video,
		.videos .column-sizer {
			min-height: 300px;
		}
	}
	@media (min-width: 401px) and (max-width: 580px) {
		.videos .video,
		.videos .column-sizer {
			min-height: 350px;
		}
	}
	@media screen and (max-width: 400px) {
		.videos .video,
		.videos .column-sizer {
			min-height: 320px;
		}
	}
	.videos .column-sizer {
		width: 22.75%;
		min-height: 0px;
		margin: 0 0 3%;
		background: none;
	}
	.videos .video img,
	.videos .column-sizer img {
		width: 100%;
		height: auto;
	}
	.video .play {
		position: absolute;
		z-index: 4;
		top: 30%;
		left: 35%;
		width: 30%;
		height: 45px;
		background: url('../media/Template/icon-video-play.png') no-repeat 50% 50%;
		background-color: rgba(20,20,20,.8);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		text-indent: -9999px;
	}
	.video .play:hover {
		background-color: rgba(201,90,0,.8);
	}
	.videos .video h3 {
		letter-spacing: 0;
		text-transform: inherit;		
	}
	.videos .video h3 a {
		padding: 5%;
		color: #333;
		font: 600 16px/20px 'Open Sans', helvetica, arial, sans-serif;
		display: block;
	}
	.videos .video h3 a:hover {
		color: #f39f45;
	}
	.videos .video h3 a:focus {
		color: #CC5900;
	}

	
@media (max-width: 1060px) {
	.videos .video,
	.videos .column-sizer {
		width: 47.5%;
	}
	.videos .video:nth-child(3n+1) { clear: none; }
	
	.videos .video:nth-child(2n+1) { clear: left; }
}

@media (max-width: 900px) {	
	form#video-search-bar .search {
		clear: both;
		float: none;
	}
	form#video-search-bar .search input[type=text] {
		width: 92%;
		padding: 11px 4%;
	}
}

@media (max-width: 400px) {
	form#recipe-search-bar {
		margin: 0 0 50px;
	}
	form#recipe-search-bar div.search,
	form#recipe-search-bar .filter { 
		float: left;
		clear: left;
		width: 100%; 
		position: relative;
		margin: 0 0 2%;
		right: auto;
	}
	.recipes .recipe,
	.galleries .gallery {
		min-height: 200px;
	}
}

@media (max-width: 575px) {
	.videos .video,
	.videos .column-sizer {
		width: 100%;
		clear: left;
	}
}



	

/*******************************
	Teaching Tools
*/

.teaching-tools {
	clear: left;
}
	.teaching-tools .teaching-tool,
	.teaching-tools .column-sizer {
		position: relative;
		float: left;
		width: 185px;	
		min-height: 275px;
		margin: 0 0 20px;
		background: #fff;
	}

	.teaching-tools .column-sizer { background: none; }
	
		.teaching-tools .teaching-tool .banner {
			display: block; 
			top: 15px;
			left: -3px;
		}

		.teaching-tools .teaching-tool a {
			display: block;
		}
		.teaching-tools .teaching-tool a.img { 
			display: block;
			margin: 0;
			border-bottom: 4px solid #fff; 
		}
		.teaching-tools .teaching-tool a.img:hover { border-bottom: 4px solid #f39f45; }	
		
		.teaching-tools .teaching-tool a.img:focus { border-bottom: 4px solid #CC5900; }	
		
		.teaching-tools .teaching-tool a.img img { 
			width: 100%;
			height: auto;
		}
	
		.teaching-tools .teaching-tool a.title {
			padding: 15px;
		    color: #333;
		    font: 600 16px/20px 'Open Sans', helvetica, arial, sans-serif;
		}
		.teaching-tools .teaching-tool a:hover { color: #f39f45; }
		.teaching-tools .teaching-tool a:focus { color: #cc5900; }


.teaching-tool-download a {
	display: inline-block;
	padding: 1% 0;
	color: #333;
	font: 700 14px/24px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .5px;
}
	.teaching-tool-download a:hover { color: #f39f45; }
	.teaching-tool-download a:focus { color: #cc5900; }

	.teaching-tool-download a.document:before { 
		content: "\f016";
		font: 400 20px/25px 'FontAwesome';
		margin: 0 10px 0 0;
	}
	.teaching-tool-download a.document:before:hover { background-position: -348px -400px;}



@media (min-width: 1060px) {
	.teaching-tools .teaching-tool,
	.teaching-tools .column-sizer { 
		width: 22.5%; 
		height: 325px;
	}
	
	.teaching-tools .teaching-tool:nth-child(3n+1) { margin: 0 0 4%; clear: left; }
}

@media (min-width: 1260px) {
	.teaching-tools .teaching-tool,
	.teaching-tools .column-sizer { 
		height: 400px;
	}
}

@media (min-width: 1660px) {
	.teaching-tools .teaching-tool,
	.teaching-tools .column-sizer { 
		height: 500px;
	}
}

@media (max-width: 1060px) {
	.teaching-tools .teaching-tool,
	.teaching-tools .column-sizer {
		margin: 0 0 4%;
	}
	
	.teaching-tools .teaching-tool:nth-child(3n+1) { margin: 0 0 4%; clear: left; }
}

@media (max-width: 985px) {
	.teaching-tools .teaching-tool .banner { top: 10px;	}
}
@media (min-width: 801px) and (max-width: 1060px) {
	.teaching-tools .teaching-tool,
	.teaching-tools .column-sizer { 
		width: 29%; 
		height: 315px;
	}
	.teaching-tools .teaching-tool:nth-child(3n+1) {clear: left; }	
}

@media (min-width: 276px) and (max-width: 800px) {
	.teaching-tools .teaching-tool,
	.teaching-tools .column-sizer { width: 44%; }
	.teaching-tools .teaching-tool:nth-child(3n+1) {clear: none; }	
	.teaching-tools .teaching-tool:nth-child(2n+1) {clear: left; }
}

@media (max-width: 400px) {
	.teaching-tools .teaching-tool,
	.teaching-tools .column-sizer { min-height: 220px; }
}

@media (max-width: 275px) {
	.teaching-tools .teaching-tool,
	.teaching-tools .column-sizer { width: 100%; }
}


/*******************************
	FAQs
*/

.faqs {
	clear: left;
	border-top: 1px solid #d6d3cc;
	padding: 0 0 10%;
}
	.faqs .faq { 
		position: relative;
		border-bottom: 1px solid #d6d3cc;
		padding: 25px;		
		cursor: pointer;
	}
	.faqs .faq.open {
		background: #fff;
	}
	.faqs .faq.closed:hover {
		background: #3dace0;
	}
		.faqs .faq h3 {
			margin: 0 30px 0 0;
			font: 400 25px/30px arvo, helvetica, arial, sans-serif;
			color: #111;
		} 
			.faqs .faq.open h3 { 
				color: #3dace0;
			}
			.faqs .faq.closed:hover h3 { 
				color: #fff;
				text-shadow: -1px -1px 2px #00649e;
			}
	
		.faqs .faq .info {
			margin: 10px 0 0;
			color: #333;
            overflow: hidden;
		}
		.faqs .faq .info:after {
			content: "";
			display: table;
			clear: both;
		}
		/*.faqs .faq.closed .info { display: none; }*/
		.faqs .faq .info li {
			line-height: inherit;
		}

		.faqs .faq .top:before {
			position: absolute;
			top: 20px;
			right: 10px;
			width: 30px;
			height: 30px;
			padding: 4px;
			font: 400 30px/30px 'FontAwesome';
			margin: 0 0 0 10px;
		} 
		
		.faqs .faq.open .top:before { content: '\f106'; color: #d6d3cc; }
		.faqs .faq.open .top:hover { color: #d6d3cc; }

		.faqs .faq.closed .top:before { content: '\f107'; } 
		.faqs .faq.closed:hover .top,
		.faqs .faq.closed .top:hover { color: #fff; } 



/*******************************
	Articles
*/
.article-detail {
	width: 70%;
	margin: 0 10%;
	padding: 5%;
	background: #fff;
}
.article-detail:after {
	content: "";
	display: table;
	clear: both;
}
.article-detail h1 {
	text-transform: inherit;
	text-align: center;
	font: 400 48px/54px 'Shrikhand', Georgia, serif
}
.article-detail a.more {
	font-size: 20px;
	margin: 50px 0;
}
.article-detail img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.article-detail hr {
	margin: 0 0 10%;
	border: 2px solid #E8E5E0;
}

.article-photo { 
	display: none;
/*
	float: right; 
	margin: 0 0 20px 20px; 
	width: 300px; 
*/
}
.article-photo-large { 
	float: left; 
	margin: 0 0 20px 0; 
	width: 623px; 
}
.left-aligned-photo { 
	float: left; 
	margin: 0 20px 20px 0; 
	width: 300px; 
}

.article-social {
/* 	float: right; */
	clear: right;
}

@media (max-width: 775px) {
	.article-detail {
		width: 80%;
		margin: 0 5%;
		padding: 5%;
	}
	.article-photo,
	.article-photo-large,
	.left-aligned-photo { 
		float: none; 
		width: 100%;  
		margin: 0 0 5%;
		text-align: center;
	}
	.article-photo img,
	.article-photo-large img,
	.left-aligned-photo img { width: 100%; }
}
@media (min-width: 450px) and (max-width: 775px) {
	.article-photo img,
	.article-photo-large img,
	.left-aligned-photo img { width: 80%; }
}		
@media (max-width: 525px) {
	.article-detail {
		width: 90%;
		margin: 0;
		padding: 5%;
	}
	.article-detail h1 {
	    font: 400 36px/40px 'Shrikhand', Georgia, serif;
	}
}


/*******************************
	Contact
*/

.contact .pod {
	clear: none;
	float: left;
	margin: 0 75px 25px 0;
}

.contact h2 {
	clear: left;
}


/*******************************
	Family Detail
*/

.family-content {
	float: left;
	width: 67%;
	margin: 0 0 3%;
}
.meet {
	clear: both;
	margin: 0 0 -2%;
	font: 700 18px/20px helvetica, arial, sans-serif;
	text-transform: uppercase;
}
h1 .family {
	display: block;
	font: 400 28px/30px 'Arvo', Georgia, serif;
	text-transform: uppercase;
}

.family-recipe {
	float: right;
	width: 30%;
	margin: 120px 0 3%;
}
.family-recipe h3 {
	color: #fff;
	background: #90b206;
	padding: 3px 0;
	text-align: center;
	letter-spacing: 1px;
	font: 400 14px/24px 'Arvo', Georgia, serif;
	text-transform: uppercase;
}


.farm-info {
	clear: both;
	background: #eceae6;
	margin: 0 0 30px;
	padding: 20px 5% 0 0;
}

.farm-info img {
	float: left;
	width: 40%;
	height: auto;
	margin: -20px 0 0;
}

.farm-info h3 {
	float: right;
	width: 55%;
	font: 700 16px/20px 'Arvo', Georgia, serif;
}
.farm-info ul {
	float: right;
	clear: right;
	width: 55%;
	margin: 5px 0 0;
	padding: 0;
}
.farm-info li {
	margin: 0;
	padding: 5px 0;
	list-style: none;
	border-top: 1px solid #fff;
}
@media (max-width: 1060px) {
	.farm-info img {
		width: 40%;
		height: auto;
	}
	.farm-info h3, .farm-info ul { width: 55%; }
}

@media (max-width: 800px) {
	.family-content {
		float: none;
		width: 100%;
	}
	.family-recipe { 
		width: 70%; 
		margin: 0 auto;
	}
	.farm-info {
		clear: none;
		float: right;
		width: 100%;
		margin: 0;
		padding-bottom: 3%;
	}
	.farm-info h3, 
	.farm-info ul {
		width: 90%;
	}
	.farm-info img {
		width: 90%;
		height: auto;
		margin: -2% 10% 7%;
	}
}
@media (min-width: 350px) and (max-width: 800px) {
	.family-recipe { 
		float: left;
		width: 45%; 
		margin: 0 auto;
	}
	.farm-info {
		width: 45%;
	}

}
@media (max-width: 350px) {
	.family-recipe { width: 100%; }
	.farm-info {
		width: 90%;
		padding: 5%;
	}
	.farm-info img {
		width: 100%;
		margin: 0 0 7%;
	}
	.farm-info h3, 
	.farm-info ul {
		width: 100%;
	}
}


/* Media Section */
.MediaSectionContainer {
	padding: 40px 0 0; 
	clear: both;
}

.MediaSectionContainer a.lightbox {
    height: 90px;
    width: 120px;
    position:relative;
    float: left;
    margin: 0 20px 20px 0;
    border: 1px solid #ACACAC;
    overflow: hidden;
}
.MediaSectionContainer a.lightbox img,
.MediaSectionContainer .video img, .MediaSectionContainer .photo img, .RelatedVideos .video img {
    height: 90px;
    width: 120px;
}
.MediaSectionContainer a.lightbox span,
.MediaSectionContainer .video span, .RelatedVideos .video span {
    background: url('../media/Template/youTubeFrame.html') no-repeat scroll 0 0 transparent;
    height: 90px;
    width: 120px;
    display: block;
    text-indent: -9999px;
    z-index: 2;
    position:absolute;
    left: 0;
    top: 0;
}
@media (max-width: 450px) {
	.MediaSectionContainer a.lightbox {
	    height: auto;
	    width: 47%;
	    margin: 0 0 4%;
    }
    .MediaSectionContainer a.lightbox:nth-child(2n) {
    	margin: 0 4% 4% 0;
    }
    .MediaSectionContainer a.lightbox img,
	.MediaSectionContainer .video img, .MediaSectionContainer .photo img, .RelatedVideos .video img {
	    height: auto;
	    width: 100%;
    }
}



.BvtYoutubeVideoPlayer {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 10px;
}
.BvtYoutubeVideoPlayer iframe {
  width: 100%;
  height: 420px;
}
@media (max-width: 600px) {
	.BvtYoutubeVideoPlayer iframe {
	  height: 320px;
	}
}
@media (max-width: 400px) {
	.BvtYoutubeVideoPlayer iframe {
	  height: 220px;
	}
}	
	
.VideoInformation {
  clear: both;
  padding: 2% 3%;
  background: #fff;
  margin: 0 0 3%;
}

.PostComment, .RelatedVideos, .BVTYouTubeComments {
  margin-top:10px;
  clear: both;
  float: left;
}

.RelatedVideos.BlueBarBox .Bottom {
  margin-top: -20px;
}

.VideoInformation h1 {
  margin: 0 0 1%;
  float: none;
}
.VideoInformation p {
  margin: 0 0 20px;
}
.uploader, .CommentContainer .Author, .CommentContainer .SubmittedTime {
  font-size: 11px;
  line-height: 1.5em;
  color: #777;
  margin: 0 0 20px;
}
.uploader a, .uploader a:link, .CommentContainer .Author a, .CommentContainer .Author a:link {
  color: #0071BD;
  text-decoration: none;
}

.VideoRating {
  clear: right;
    float: left;
    margin: 10px 0 0 25px;
    width: 253px;
}
.VideoRating span {
  float: left;
  margin-right:10px;
  font-weight: bold;
  font-size: 13px;
  color: #333;
}
.VideoRating ul {
  float: left;
  margin: 0;
  padding: 0;
}
.VideoRating li {
  float: left;
  width: 15px;
  height: 15px;
  background: url('../media/Template/Consumers/rating-sprite.html') 0 0 no-repeat;
  list-style-type: none;
}
.VideoRating li.Active { background-position: 0 -20px; }
.VideoRating li.Selected { background-position: 0 -40px; }

.PostComment { margin: 20px 0 10px; }

.PostComment span {
  float: left;
  font-weight: bold;
  font-size: 13px;
  color: #333;
}
.PostComment input, .PostComment textarea {
  float: left;
  clear: left;
  margin-top: 10px;
}
.PostComment textarea {
  width: 698px;
  height: 80px;
  border: 1px solid #aaa;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  outline: none;
  padding: 5px;
  
}

.PostComment input[type=submit] {
  width: 123px;
  height: 33px;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  line-height: 13px;
  color: #333;
  border: none;
  outline: none;
  background-color: none;
  background-image: url('../media/Template/button-background.html');
  background-repeat : no-repeat;
  background-position: 0 0;
}
.CommentContainer {
  border-bottom: 1px solid #999;
  padding: 10px 0;
}

.CommentContainer .Author, .CommentContainer .SubmittedTime {
  display: inline-block;
  margin: 0px;
}


/*Our Story Map */

#FarmMap {
	position: relative;
	z-index: 1;
	margin: 0 auto 30px;
/*
	padding: 3% 0;
	background: #fff;
*/
}
#FarmMap .container {
	position: relative;
	max-width: 520px;
/* 	margin: 0 auto; */
	border: 30px solid white;
}
#FarmMap .map {
	text-align: center;
	margin: 0 auto;
}


#FarmMap a.KansasMapLocation, #AdditionalFarms a.KansasMapLocation {
  background: #fff;
  display: block;
  font: 400 14px/20px 'Arvo', Georgia, serif;
  letter-spacing: -0.03em;
  text-align:center;
  text-decoration: none;
  padding: 5px 12px;
  position: absolute;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 1px 3px 7px #655f54;
  color: #333;
}
#FarmMap a.KansasMapLocation.green { color: #699000; }
#FarmMap a.KansasMapLocation.blue { color: #008cde; }
#FarmMap a.KansasMapLocation.orange { color: #c95a00; }


#FarmMap a.KansasMapLocation span.dot,
#FarmMap div.MapLocationDetail span.dot {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  z-index: 2;
  background: url('../media/Template/Map/Map-Dots-White.png') no-repeat;
}
#FarmMap a.KansasMapLocation.top span.dot,
#FarmMap div.MapLocationDetail.top span.dot { top: -30px; left: 5px; }
#FarmMap a.KansasMapLocation.bottom span.dot,
#FarmMap div.MapLocationDetail.bottom span.dot { bottom: -30px; left: 5px; }


#FarmMap a.KansasMapLocation.green.top span.dot { background-position: -150px 0; }
#FarmMap a.KansasMapLocation.green.bottom span.dot { background-position: 0 0; }
#FarmMap a.KansasMapLocation.blue.top span.dot { background-position: -200px 0; }
#FarmMap a.KansasMapLocation.blue.bottom span.dot { background-position: -50px 0; }
#FarmMap a.KansasMapLocation.orange.top span.dot { background-position: -250px 0; }
#FarmMap a.KansasMapLocation.orange.bottom span.dot { background-position: -100px 0; }

#FarmMap div.MapLocationDetail, #AdditionalFarms div.MapLocationDetail {
  background: #fff;
  display: none;
  width: 100px;
  height: auto;
  padding: 10px;
  position: absolute;
  z-index: 10;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 1px 3px 7px #3b352b;
}


#FarmMap div.MapLocationDetail img, #AdditionalFarms div.MapLocationDetail img {
  width: 100px;
  height: 70px;
}
#FarmMap div.MapLocationDetail h3, #AdditionalFarms div.MapLocationDetail h3 {
  margin: 6px 0 3px;
  font: 400 16px/17px 'Arvo', Georgia, serif;
  text-decoration: none;
  text-transform: inherit;
}
#FarmMap div.MapLocationDetail.green h3 { color: #699000; }
#FarmMap div.MapLocationDetail.blue h3 { color: #008cde; }
#FarmMap div.MapLocationDetail.orange h3 { color: #c95a00; }


#FarmMap div.MapLocationDetail p, #AdditionalFarms div.MapLocationDetail p {
  margin: 0;
  font-size: 10px;
  line-height: 14px;
  color: #777;
}
#FarmMap div.MapLocationDetail span.mag, #AdditionalFarms div.MapLocationDetail span.mag {
  position: absolute;
  z-index: 3;
  top: 10px;
  left: 10px;
  display: block;
  width: 100px;
  height: 70px;
  background: url('../media/Template/Icons.png') no-repeat -86px -331px;
}
#FarmMap div.MapLocationDetail a, #AdditionalFarms div.MapLocationDetail a { 
  text-decoration:none; 
}


#FarmMap div.MapLocationDetail.green.top span.dot { background-position: -150px -30px; }
#FarmMap div.MapLocationDetail.green.bottom span.dot { background-position: 0 -30px; }
#FarmMap div.MapLocationDetail.blue.top span.dot { background-position: -200px -30px; }
#FarmMap div.MapLocationDetail.blue.bottom span.dot { background-position: -50px -30px; }
#FarmMap div.MapLocationDetail.orange.top span.dot { background-position: -250px -30px; }
#FarmMap div.MapLocationDetail.orange.bottom span.dot { background-position: -100px -30px; }




#FarmMap #SpringerLocation,
#FarmMap #SpringerLocationDetail { top: 76%; left: 65%;  }

#FarmMap #MorrisBohrnLocation,
#FarmMap #MorrisBohrnLocationDetail { top: 57%; left: 19%; }
#FarmMap #MorrisBohrnLocationDetail h3 { font-size: 14px; }

#FarmMap #CondrayLocation,
#FarmMap #CondrayLocationDetail { top: 23%; left: 23%; }  

#FarmMap #SutherLocation,
#FarmMap #SutherLocationDetail { top: 35%; left: 58%; } 

#FarmMap #CraneLocation,
#FarmMap #CraneLocationDetail { top: 85%; left: 15%; } 

#FarmMap #HaverkampLocation,
#FarmMap #HaverkampLocationDetail { top: 13%; left: 61%; }
#FarmMap #HaverkampLocationDetail p { line-height: 12px; }

#AdditionalFarms {
	position: relative; 
	height: 100px;
}
#AdditionalFarms h3 {
	margin: 0 0 10px;
	font: 700 14px/18px 'open sans', helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-style: italic;
	color: #000;
	letter-spacing: 0;
}
.OurStorySection h3 {
	font: 400 24px/28px 'Shrikhand', Georgia, serif;
	color: #cc5900;
	margin: 15px 0 10px;
}

#AdditionalFarms a.KansasMapLocation { box-shadow: 0 2px 2px #999; }
#AdditionalFarms div.MapLocationDetail { box-shadow: 0 2px 5px #666; }

#AdditionalFarms #RuralTellLocationDetail { top: 30px; left: 0; } 

@media (max-width: 925px) {
	#FarmMap .map img {
		width: 100%;
		height: auto;
	}
}



/* Coupon Signup Pages */

#PrintCouponDiv .printButton {font: 400 30px/48px "Arvo",Georgia,serif;}

#PrintCouponDiv #AgreeValidation {color: red;}

/*Newsletter Sign Up lightbox*/
.newsletter-signup-lightbox {
	margin: 15px;
	max-width: 400px;		
}
.newsletter-signup-lightbox p {
	margin-top: 10px;
}

/* Coupon Offer Page */
.CouponOffer #site-wrap {
	padding: 85px 0 0;
}
.CouponOffer #Content {
}
.CouponOffer #Content #CouponOffer {
	padding: 0 15%;
}
@media (max-width: 650px) {
	.CouponOffer #Content #CouponOffer {
		padding: 0 3%;
		position: relative;
		top: -20px;
	}
}
.CouponOffer #Content #CouponOffer .video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 10px 0 30px;
}
.CouponOffer #Content #CouponOffer .video-container #video-player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.CouponOffer #Content #CouponOffer #OfferText {
	position: relative;
	top: -50px;
}
.CouponOffer #Content #CouponOffer #OfferText p {
	font-size: 20px;
	line-height: 28px;
	margin: 0 0 10px;
	color: #f39f45;
	font-weight: bold;
}
.CouponOffer #Content #CouponOffer #OfferText div.terms {
	text-transform: uppercase;
	font: 400 12px/20px 'Arvo', georgia, serif;
	margin: 0;
	position: relative;
	display: inline-block;
	text-align: right;
	padding: 10px 20px 0;
	float: right;
	clear: both;
	top: -50px;
	background: rgba(255,255,255,0.7);
}
.CouponOffer #Content #CouponOffer #OfferText div.terms p {
	font: 400 12px/20px 'Arvo', georgia, serif;
	color: #000;
}
.CouponOffer #Content #CouponOffer #OfferText h2 {
	font: 700 34px/42px 'Arvo', georgia, serif;
	letter-spacing: 0;
	margin: 15px 0;
	position: relative;
	clear: both;
}
.CouponOffer #Content #CouponOffer #OfferText p span strong {
	font-family: 'Arvo', georgia, serif;
	text-transform: uppercase;
	color: #525252;
	font-size: 16px;
	letter-spacing: 0.05em;
}
.CouponOffer #PageTitle h1 {
	color: #fff;
	font-size: 46px;
	background-color: rgba(0, 0, 0, 0.4);
	padding: 30px 30px;
	border: 3px dashed #fff;
	max-width: 540px;
	position: relative;
	top: 55px;
	left: 50px;
	transition: 0.5s;
}
@media (max-width: 650px) {
	.CouponOffer #PageTitle {
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
		overflow: hidden;
		height: 320px;
		max-width: none !important;
		transition: 0.5s;
	}
	.CouponOffer #PageTitle h1 {
		color: #fff;
		font-size: 40px;
		background-color: rgba(0, 0, 0, 0.5);
		padding: 4%;
		margin: 0 30px;
		border: 3px dashed #fff;
		max-width: 100%;
		position: relative;
		top: 55px;
		left: 0;
		transition: 0.5s;
	}
	.CouponOffer #CouponOffer.scroll #PageTitle {
		background-size: cover !important;
	}
	.CouponOffer #CouponOffer.scroll #PageTitle h1 {
		background-color: rgba(0, 0, 0, 0.5) !important;
		top: 55px !important;
	}
	.CouponOffer #Content #CouponOffer #OfferText div.terms {
		text-transform: uppercase;
		font: 400 11px/19px 'Arvo', georgia, serif;
		margin: 0;
		position: relative;
		display: inline-block;
		text-align: right;
		padding: 10px 0 10px;
		float: right;
		clear: both;
		top: 0;
		background: none;
	}
	.CouponOffer #Content #CouponOffer #OfferText {
		position: relative;
		top: -10px;
	}
	.CouponOffer #Content #CouponOffer #OfferText h2 {
		font: 700 28px/32px 'Arvo', georgia, serif;
		letter-spacing: 0;
		margin: 15px 0;
		position: relative;
		clear: both;
	}
	.CouponOffer #Content #CouponOffer #OfferText p {
		font-size: 15px;
		line-height: 21px;
		margin: 0 0 14px;
	}
	.CouponOffer #Content #CouponOffer form#CouponOfferForm input[type="text"] {
		width: 90% !important;
	}
	.CouponOffer #Content #CouponOffer form#CouponOfferForm .SignupForm {
		position: relative !important;
		top: -20px !important;
	}
}
@media (max-width: 920px) {
	.CouponOffer #PageTitle h1 {
		color: #fff;
		font-size: 40px;
		background-color: rgba(0, 0, 0, 0.5);
		padding: 4%;
		margin: 0 30px;
		border: 3px dashed #fff;
		max-width: 100%;
		position: relative;
		top: 55px;
		left: 0;
		transition: 0.5s;
	}
	.CouponOffer #CouponOffer #PageTitle {
		background-size: cover !important;
	}
	.CouponOffer #CouponOffer.scroll #PageTitle {
		background-size: cover !important;
	}
}
.CouponOffer #CouponOffer.scroll #PageTitle {
	background-size: 120%;
}
.CouponOffer #CouponOffer.scroll #PageTitle h1 {
	background-color: rgba(0, 0, 0, 0.6);
	top: 85px;
}
.CouponOffer #Content #CouponOffer form span.ValidationError {
	display: inline;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	color: red;
	left: 8px;
	letter-spacing: 0.05em;
	position: relative;
}
.CouponOffer #Content #CouponOffer form#CouponOfferForm input {
	float: left;
	clear: both;
	position: relative;
	display: inline-block;
}
.CouponOffer #Content #CouponOffer form#CouponOfferForm input[type="text"] {
	display: block;
	border: none;
	padding: 10px;
	background: rgba(255,255,255,0.7);
	font-weight: 400;
	font-size: 17px;
	line-height: initial;
	font-family: 'Arvo', serif;
	color: #a5a197;
	transition: 0.2s;
}
.CouponOffer #Content #CouponOffer form#CouponOfferForm input[type="text"]:active,
.CouponOffer #Content #CouponOffer form#CouponOfferForm input[type="text"]:focus {
	background: rgba(255,255,255,1);
}
.CouponOffer #Content #CouponOffer form#CouponOfferForm label {
	float: left;
	clear: both;
	font-weight: 700;
	font-family: 'Arvo', georgia, serif;
	text-transform: uppercase;
	color: #525252;
	font-size: 14px;
	letter-spacing: 0.05em;
}
.CouponOffer #Content #CouponOffer form#CouponOfferForm .FormRow {
	margin: 0 0 30px;
	top: 20px;
	position: relative;
}
.CouponOffer #Content #CouponOffer form#CouponOfferForm .OptIn input {
	top: 3px;
}
.CouponOffer #Content #CouponOffer form#CouponOfferForm .OptIn label {
	float: none;
	font: 400 14px/22px 'Arvo', serif;
	text-transform: none;
	letter-spacing: 0;
}
.CouponOffer #Content #CouponOffer form#CouponOfferForm input[type="submit"] {
	color: #ffffff;
	background: #3dace0;
	padding: 11px 30px 9px 30px;
	text-decoration: none;
	font: 700 16px/22px 'Arvo', serif;
	text-transform: uppercase;
	border: none;
	transition: 0.2s;
}
.CouponOffer #Content #CouponOffer form#CouponOfferForm input[type="submit"]:hover {
	background: #f39f45;
	text-decoration: none;
	padding: 9px 30px 11px 30px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.CouponOffer #Content #CouponOffer form#CouponOfferForm input[type="submit"]:active {
	background: #2e97c7;
	text-decoration: none;
	padding: 12px 30px 8px 30px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.CouponOffer #Content #CouponOffer form#CouponOfferForm .SignupForm {
	position: relative;
	top: -40px;
}
/*******************************
	Clear Fix
*/
.clear:after {
  content: "";
  display: table;
  clear: both;
}



/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url('../media/Template/fancybox/fancybox.png');
}

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
}

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}

#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url('../media/Template/fancybox/fancybox.png') -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none;
}

#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url('blank.html');
  z-index: 1102;
  display: none;
}

#fancybox-left {
  left: 0;
}

#fancybox-right {
  right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}

#fancybox-left-ico {
  background-image: url('../media/Template/fancybox/fancybox.png');
  background-position: -40px -30px;
}

#fancybox-right-ico {
  background-image: url('../media/Template/fancybox/fancybox.png');
  background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
  left: 20px;
}

#fancybox-right:hover span {
  left: auto;
  right: 20px;
}

.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}

#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url('../media/Template/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url('../media/Template/fancybox/fancybox.png');
  background-position: -40px -162px;
}

#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url('../media/Template/fancybox/fancybox-y.png');
  background-position: -20px 0px;
}

#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url('../media/Template/fancybox/fancybox.png');
  background-position: -40px -182px; 
}

#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url('../media/Template/fancybox/fancybox-x.png');
  background-position: 0px -20px;
}

#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url('../media/Template/fancybox/fancybox.png');
  background-position: -40px -142px;
}

#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url('../media/Template/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url('../media/Template/fancybox/fancybox.png');
  background-position: -40px -122px;
}

#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}

.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative;
}

.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
}

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
}

#fancybox-title-over {
  padding: 10px;
  background-image: url('../media/Template/fancybox/fancy_title_over.png');
  display: block;
}

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}

#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto;
}

#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url('../media/Template/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url('../media/Template/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url('../media/Template/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../media/Template/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../media/Template/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../media/Template/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../media/Template/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../media/Template/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../media/Template/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../media/Template/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../media/Template/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }






@media print {
	#nav-collapse.closed,
	#nav-collapse.open,
	.nav-toggle:after,
	#sub-footer,
	#footer, 
	.recipe-social,
	.farm,
	.recipe-pod,
	a.print,
	#milotree_box_wrap,
	.recipe-photo img { 
		display: none;
	}
	#site-wrap {
		padding: 0;
	}
	#header {
		position: relative;
		box-shadow: none;
	}
	.recipe-photo img {
		float: right;
		width: 35%;
		margin: 0 0 5% 1%;
	}
	body,
	h1, 
	.recipe-photo .title h1,
	.recipe-photo .details li strong,
	.column h2 {
		color: #000;
	}
	
	/* Recipes */
	.recipe-photo .title {
		width: 100%;
		margin: 0;
		padding: 0;
		clear: left;
	}
	.recipe-photo .title h1 {
		margin: 0;
		padding: 0;
		font: 400 32px/42px 'Shrikhand', arial;
	}
	.recipe-photo .details li strong {
		font: 700 12px/16px helvetica, arial, sans-serif;
	}
	ul li {
		margin: 0 0 0 1%;
	}
	.recipe-photo .details li {
		padding: 0 2% 1%;
	}
	.column {
		font: 400 15px/22px helvetica, arial, sans-serif;
	}
	.column.left,
	.column.right {
		width: 100%;
		margin: 0 0 1%;
	}
	.column h2 {
		margin: 0;
		font: italic 700 20px/30px 'Arvo', helvetica, arial, sans-serif;
	}
	
	/* Tips */
	.article-detail {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.article-detail h1,
	.article-detail .social-wrap,
	.article-detail .info,
	.article-detail .more {
		display: none;
	}
	.article-detail .recipe-card .info {
		display: block;
	}
		.article-detail .recipe-card h2 {
			margin: 30px 0 0;
		}
		.recipe-card .info li span {
			width: 32%;
		}
	.article-detail  .recipe-card .ingredients li {
		padding: 1% 0 1% 1%;
	}
	
}



















































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */