/* 
Theme Name: Cheap Recipe Blog
Theme URL: http://www.cheaprecipeblog.com
Description: Responsive theme for the Cheap Recipe Blog.
Author: Purr Design
Author URI: http://www.purrdesign.com
Version: 2.0
*/

/* RESET
----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video  { 
	font-family: inherit; 
	font-size: 100%; 
	font-weight: inherit; 
	font-style: inherit; 
	vertical-align: baseline; 
	white-space: normal;
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0;
	background: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
	display: block; }
								  
ol, ul { list-style: none; }

blockquote, q { quotes: none; }

:focus { outline: 0; }

table { 
	border-collapse: collapse; 
	border-spacing: 0; }
input[type="submit"], input[type="text"] {
	-webkit-appearance: none;
}
	
/* 
	16 COLUMN - RESPONSIVE GRID SYSTEM
	DEVELOPED BY DENIS LEBLANC
	URL - http://responsive.gs
	VERSION - 2.0
	LICENSED UNDER GPL & MIT
*/


/* 	SET ALL ELEMENTS BOX-SIZING TO BORDER-BOX
	If you need support for IE7 and lower use polyfill: https://github.com/Schepp/box-sizing-polyfill */
* { -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }


/* MAIN CONTAINER */
.container { 
	max-width: 100%;
	margin: 0 auto; }
#page_wrap {
	margin-bottom: 0;
}

/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.row:after, .col:after, .clr:after, .group:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }	
								  
/* DEFAULT COLUMN STYLES */
.col { 
	display: block;
	float:left;
	width: 100%;
}

@media ( min-width : 800px ) {
	.col {
		margin-left: 2%;
	}
}

/* RESET MARGINS */
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/* COLUMN WIDTH ON DISPLAYS +768px */
@media ( min-width : 800px ) {
	.span_1 { width: 4.375%; }
	.span_2 { width: 10.75%; }
	.span_3 { width: 17.125%; }
	.span_4 { width: 23.5%; }
	.span_5 { width: 29.875%; }
	.span_6 { width: 36.25%; }
	.span_7 { width: 42.625%; }
	.span_8 { width: 49.0%; }
	.span_9 { width: 55.375%; }
	.span_10 { width: 61.75%; }
	.span_11 { width: 68.125%; }
	.span_12 { width: 74.5%; }
	.span_13 { width: 80.875%; }
	.span_14 { width: 87.25%; }
	.span_15 { width: 93.625%; }
	.span_16 { width: 100%; }
	
	.span_content { 
		width: 63%;
		margin-left: 0;
		max-width: 640px;
		float: left;
		display: inline-block;
	}
		.span_content_full { 
			width: 100%;
			margin-left: 0;
			max-width: 100%;
		}
	.span_sidebar { 
		width: 300px;
		float: right;
		display: inline-block;
	}
	.pw-widget {
		position: fixed;
		left: 6px;
	}
}

/*---------STRUCTURE---------*/
body                 {
	color: #58595b;
	font-size: 17px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.7;
	background-color: #fff;
	margin: 0;
	padding: 0;
	position: relative;
	border-top: 5px solid #298fa1; }
a  {
	text-decoration: none;
	
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
	 }
a:link, a:visited, a:active          {
	color: #298FA1;
	text-decoration: none }
a:hover           {
	color: #F05E17;
	text-decoration: none }
p   {
	margin-top: 25px;
	margin-bottom: 25px }
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
h1, h2, h3, h4, h5            {
	font-family: Raleway, Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	margin-top: 25px;
	margin-bottom: 25px }
h1, h2                {
	color: #298fa1;
	font-size: 40px;
	line-height: 42px; }
	h2.subhead {
		font-size: 24px;
		line-height: 24px;
	}
h3                  {
	color: #298fa1;
	font-size: 24px;
	line-height: 24px; }
h4   {
	color: #298fa1;
	font-size: 18px;
	line-height: 18px }
.clear {
	width: 1px;
	height: 1px;
	clear: both }
.wrapper {
	background-color: #ffffff;
	margin: 0 auto 0;
	padding: 0 15px;
	width: 100%;
	max-width: 1020px; }
.wrap {
	margin: 0 auto 0;
	padding: 0;
	width: 100%;
	max-width: 1020px; }
.clear {
	clear: both }

/*---------HEADER---------*/
.slicknav_menu {
	display: none;
}
.header                            {
	background-image: url("images/recipebg.png");
	background-repeat: repeat-x;
	padding: 0;
	text-align: center; }
.header h1 {
	margin: 0;
	padding: 0;
}
	.header img {
		max-width: 100%;
		height: auto;
	}
.header .logo        {
	margin: 25px auto;
	padding: 1px;
	text-align: center; }
.topbar   {
	background-color: #298fa1;
	margin-bottom: 35px; }

.socialmobile {
	display: none;
}

/*---------CONTENT---------*/
.span_content                            {
	 }
	
.span_content img {
	max-width: 100%;
	height: auto;
}
.span_content ul, .span_content ol {
	margin: 25px 0;
	padding: 0; }
.span_content ul li  {
	list-style-type: none;
	margin: 0 0 3px 10px;
	padding: 0; }
.span_content ul li:before {
	color: #298fa1;
	font: 5px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	content: '\2022'; /* '' */
	margin: 0 6px 0 -10px;
	font-size: 15px;
}
.span_content ol li  {
	list-style-type: decimal;
	padding: 0 0 10px;
	margin: 0 0 0 20px }
/*---------SIDEBAR---------*/

.sidebar                  {
	font-size: 90%;
	display: inline-block;
	padding-bottom: 20px; }
h3.widgettitle  {
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-top: 0;
	margin-bottom: 7px }
.widget   {
	margin-bottom: 35px;
	overflow: hidden }
.topsidebar   {
	color: #58595B; }
.leftsidebar    {
	width: 49%;
	float: left }
.rightsidebar {
	width: 49%;
	float: right }
.lowersidebar {
	clear: both;
}
.widget a:link      {
	color: #58595b;
	text-decoration: none }
.widget a:visited  {
	color: #8b9298;
	text-decoration: none }
.widget a:hover     {
	color: #f05e17;
	text-decoration: none }
.widget a:active {
	color: #58595B;
	text-decoration: none }
.widget p {
	margin-top: 6px;
	margin-bottom: 2px }
.widget select  {
	color: #58595B;
	font-size: 12px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	background-color: #f2f1f1;
	background-image: none;
	padding: 4px 5px;
	width: 100%;
	border: 4px #f2f1f1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	 }
.aboutbox  {
	  }
.aboutbox a {
	display: block;
	color: #fff !important;
	line-height: 1.3;
	background-image: url("images/about.jpg");
	background-repeat: no-repeat;
	padding-top: 26px;
	padding-left: 20px;
	width: 300px;
	height: 172px;
	text-shadow: .5px .5px 3px rgba(0,0,0,.5)
}
.aboutbox a:hover {
	opacity:0.95;
	filter:alpha(opacity=95); /* For IE8 and earlier */
	text-shadow: none;
}
.aboutbox h3 {
	color: #fff }
.aboutbox p {
	width: 145px }
.recipeindex {
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	background-image: url("images/recipebox.jpg");
	background-repeat: no-repeat;
	width: 300px;
	height: 185px;
	text-shadow: .5px .5px 3px rgba(0,0,0,.5)  }
.recipeindex h3 {
	color: #fff;
	display: none }
.recipeindex a {
	display: block;
	padding: 40px 190px 20px 20px;
	width: 100% }
.recipeindex a:link, .recipeindex a:visited, .recipeindex a:active {
	color: #fff }
.recipeindex a:hover {
	color: #bfdde3 }
.recipeindex strong {
	font-size: 14px;
	font-family: Raleway, Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	line-height: 17px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	display: block;
	margin: 0 0 -5px }
#searchform {
	background-color: #f2f1f1;
	height: 30px;
}
.searchinput  {
	color: #58595b;
	font-size: 12px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: transparent;
	padding: 7px;
	width: 190px;
	vertical-align: middle;
	border: none; }
.searchbutton  {
	color: #fff;
	font-size: 13px;
	font-family: Raleway, Arial, Helvetica, Geneva, sans-serif;
	background-color: #288ea0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	cursor: pointer;
	margin-left: -3px;
	float: right;
	vertical-align: middle;
	padding: 5px 10px 6px;
	border: none; }
.searchbutton:hover {
	background-color: #d1d3d6;
}

	
.recentposts {
	font-size: 15px;
	font-family: Raleway, Arial, Helvetica, Geneva, sans-serif;
	line-height: 15px }
.recentposts h3 {
	margin-bottom: 13px }
.recentposts img {
	margin-right: 10px;
	width: 60px;
	height: 60px;
	float: left }

.recentposts .title {
	display: table-cell;
	width: 230px;
	height: 60px;
	vertical-align: middle }
.recentposts ul li {
	margin: 2px 0 10px;
	padding: 0;
	background-image: none;
	width: 300px;
	height: auto;
	min-height: 60px;
	overflow: hidden }
.recentposts strong {
	font-weight: normal }
.recentposts small {
	color: #8b9298;
	font-size: 10px;
	text-transform: uppercase;
	display: block;
	margin-top: 2px }
.recentposts em {
	color: #8b9298;
	font-style: normal;
	text-transform: lowercase }
.recentposts a, .sidebar .recentposts a {
	color: #298fa1 }
.recentposts a:hover, .sidebar .recentposts a:hover {
	color: #f05e17 }
.sidebar .screen-reader-text {
	display: none;
}
	
/*---------POST STYLES---------*/
.post              {
	margin-bottom: 40px }
.post h2            {
	margin: 2px 0 5px;
	padding: 0;
	vertical-align: middle }
.post h2, a.h2, h2 a:link, h2 a:visited, h2 a:active          {
	color: #298FA1;
	text-decoration: none }
.post h2 a:hover        {
	color: #F05E17;
	text-decoration: none }
.postmeta     {
	font-size: 12px;
	font-family: Raleway, Arial, Helvetica, Geneva, sans-serif;
	line-height: 14px;
	text-transform: uppercase;
	margin-bottom: 15px }

.bubble {
	float: right;
	ont-size: 11px;
	font-family: Raleway, Arial, Helvetica, Geneva, sans-serif;
	position: relative;
}
.bubble a {
	position: relative;
	color: #ffffff;
	text-align: center;
	height: 35px;
	line-height: 40px;
	width:33px;
	display: inline-block;
}
.bubble:before { 
	content: '\e809'; 
	font-size: 28px;
	font-family: "fontello";
	color: #ef5d16;
	position: absolute;
	top: 0;
	right: 0;
	}
.ccount a:before { 
	content: '\e809'; 
	font-size: 9px;
	font-family: "fontello";
	color: #ef5d16;
	margin-right: 4px;
	}
.metabottom .left:before { 
	content: '\e810'; 
	font-size: 15px;
	font-family: "fontello";
	color: #ef5d16;
	margin-right: 4px;
	}
.postmeta em   {
	color: #c5c8cb;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: lowercase }
.postmeta, .postmeta a, .metabottom, .metabottom a        {
	color: #8B9298;
	text-decoration: none }
.postmeta a:hover, .edit a:hover         {
	color: #f05e17;
	text-decoration: none }
.postmeta p {
	margin: 0;
	padding: 0 }
.metacats {
	margin-bottom: 5px }
.metabottom                {
	margin-bottom: 35px;
	overflow: hidden;
	color: #8b9298; }
	.metabottom:before {
		display: block;
		overflow: hidden;
		color: #dcdee0;
		font-size: 12px;
		height: 13px;
		content: "•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••";
		letter-spacing: .45em; /* Use letter-spacing to increase space between dots*/
	}
.metabottom em, .metacats em {
	font-family: Raleway, Arial, Helvetica, Geneva, sans-serif;
	font-style: normal }
.metabottom .left     {
	line-height: 20px;
	width: 60%;
	float: left }
.metabottom .right      {
	line-height: 20px;
	text-align: right;
	width: 40%;
	float: right }
.metabottom img {
	vertical-align: middle }

.alignleft {
	margin-right: 10px;
	float: left }
.alignright {
	margin-left: 10px;
	float: right }
.aligncenter {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto }
.post blockquote        {
	color: #8B9298;
	font-style: italic;
	padding-right: 20px;
	padding-left: 20px;
	border-left: 4px solid #c4c3c1 }
.wp-caption {
	text-align: left }
.wp-caption p   {
	color: #8B9298;
	font-size: 10px;
	text-align: center;
	margin-top: 2px;
	padding-right: 10px }

/* RECIPE */

.recipe                   {
	color: #58595b;
	font-style: normal;
	background-color: #fbfbfb;
	background-image: url("images/recipebg.png");
	margin-top: 35px;
	margin-bottom: 25px;
	padding: 30px 30px 20px;
	border-top: none;
	border-right: none;
	border-bottom: 5px solid #c5c8cb;
	border-left: none }
.recipe h2              {
	font-size: 24px;
	line-height: 24px;
	margin-top: 0;
	margin-bottom: 2px }
.recipe h3                {
	color: #8b9298;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 20px;
	text-transform: lowercase;
	letter-spacing: 0;
	display: block;
	margin: 15px 0 15px;
	clear: left }
.recipe h4                {
	text-transform: uppercase;
	font-size: 13px; 
	margin: 15px 0 8px;
}
.recipe ul, .recipe ol {
	margin: 0 0 15px;
}
.recipe p      { }
.recipe .photo {
	float: right;
	width: 125px;
	height: auto; 
	margin-left: 15px;
}
.recipe .recipemeta, .post .recipe .summary   {
	margin-top: 1px;
	margin-bottom: 1px;
	clear: left }
.recipe .source p    {
	color: #8b9298;
	font-size: 11.5px;
	margin-top: 1px;
	margin-bottom: 1px;
	clear: left }
.recipe .time     {
	color: #8b9298;
	font-size: 11.5px;
	margin-right: 10px;
	margin-bottom: 10px;
	 }
.recipe .time p {
	display: inline-block;
	margin: 5px 15px 0 0;
}
.recipe .time p strong {
	text-transform: uppercase;
}
.printbutton   {
	clear: right;
	font-size: 11px;
	line-height: 10px;
	text-align: left;
	text-transform: lowercase;
	margin-top: 10px;
	margin-left: 15px;
	width: 125px;
	text-align: center;
	float: right }
.printbutton a {
	color: #f05e17;
}
	.printbutton a:before { 
		content: '\e805';
		font-family: "fontello";
		margin-right: 7px;
		font-size: 16px;
		vertical-align: middle; }
.printbutton a:hover {
	color: #298fa1;
}
.printbutton img {
	 }
.printbutton img, .postmeta img, .post h2 img {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none }
.addthis_toolbox {
	margin-top: 15px }

/*---------TEASER STYLES---------*/

.teaserpost {
	margin-bottom: 45px;
	padding-bottom: 0;
	background-image: none;
	overflow: hidden;
	}
.teaserpost .postthumb  {
	clear: both;
	width: 34%;
	margin-right: 4%;
	float: left }
.teaserpost .postthumb img {
	width: 100%;
	height: auto;
}
.teaserpost .postcontent {
	width: 62%;
	float: right;
}
.teaserpost h2 {
	font-size: 26px;
	line-height: 1.1;
	 }

.more {
	display: block;
	margin: 20px 0 15px;
}
a.more-link {
	color: #f05e17;
	font-size: 14px;
	font-family: Raleway, Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	background-repeat: no-repeat;
	text-transform: uppercase;
	line-height: 24px;
	vertical-align: middle; }
	a.more-link:before { 
		font-family: "fontello";
		font-size: 18px;
		margin-right: 5px;
		content: '\e815'; 
		vertical-align: bottom;
	}
a.more-link:hover {
	color: #298fa1; }

/*---------ARCHIVE STYLES---------*/

.archivepost a:hover {
	text-decoration: none }
h2.archivetitle, h3.searchtitle     {
	margin-top: 0;
	margin-bottom: 25px }
.archives        {
	margin-top: 5px;
	margin-bottom: 15px;
	width: 100%;
	clear: left;
	overflow: hidden }
.archivepost             {
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	margin-right: 2%;
	margin-bottom: 20px;
	width: 23.5%;
	float: left }
.archivepost:nth-child(4n) {
	margin-right: 0 }
	.archivepost:nth-child(4n+1) {
		clear: both; }
.archivepost img     {
	width: 100%;
	height: auto }
.archivepost a  {
	text-decoration: none }
.archivepost .postmeta           {
	text-align: center; }
.archivepost h4        {
	font-family: Raleway, Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	text-align: center;
	display: block;
	margin: 6px 0; }

.archivepost a:hover, .archivepost a:hover h4   {
	color: #f05e17 !important }
.archiveslist      {
	color: #6b6963;
	font-size: 13px;
	line-height: 21px;
	list-style-type: disc;
	margin-top: 0;
	margin-bottom: 20px;
	overflow: hidden }
.archiveslist li   {
	background-repeat: no-repeat;
	background-position: 0 7px;
	list-style-type: none;
	padding-left: 11px;
	width: 30%;
	float: left }
.archiveslist ul li      {
	color: #298fa1;
	font-size: 11px;
	list-style-type: circle }
.archiveslist a:link, .subcategories a:link  {
	color: #6b6963;
	text-decoration: none }
.archiveslist a:visited, .subcategories a:visited  {
	color: #919394;
	text-decoration: none }
.archiveslist a:hover, .subcategories a:hover   {
	color: #298fa1 }
.archiveslist a:active, .subcategories a:active   {
	color: #298fa1 }
.archiveslist em     {
	color: #a09fa0;
	font-size: 10.5px }
.subcategories>li:before {
	display: none;
}
.subcategories li ul li  {
	color: #298fa1;
	font-size: 13px;
	line-height: 18px; }
.subcategories li ul {
	overflow: hidden;
	-moz-column-count: 4;
	-moz-column-gap: 10px;
	-webkit-column-count: 4;
	-webkit-column-gap: 10px;
	column-count: 4;
	column-gap: 10px }
.subcats    {
	margin-bottom: 40px }
.relatedposts  {
	overflow: hidden;
	margin-bottom: 25px }
.tagindex li:before {
	display: none;
}
.tagindex a     {
	font-size: 11px;
	
	line-height: 20px;
	text-align: center;
	display: block;
	margin-right: 2px;
	width: 17px;
	height: 19px;
	float: left;
	border: solid 1px #f6f5f5 }
.tagindex a:link   {
	color: #919394;
	text-decoration: none }
.tagindex a:visited    {
	color: #a09fa0;
	text-decoration: none }
.tagindex a:active   {
	color: #919394;
	text-decoration: none }
.tagindex a:hover   {
	color: #fff;
	text-decoration: none;
	background-color: #298fa1 }
.tagtitle   {
	color: #a09fa0;
	text-transform: uppercase }
.tagtitle a  {
	text-decoration: none;
	text-transform: none }
.tagtitle em  {
	color: #a09fa0;
	
	font-style: normal;
	margin-left: 10px;
	float: right }
.tagtitle em a  {
	color: #a09fa0;
	font-size: 10px }
.tagtitle a:hover  {
	color: #298fa1 }


/*---------FOOTER---------*/
.footer   {
	color: #8b9298;
	font-size: 11px;
	line-height: 18px;
	font-family: Raleway, Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: .03em;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 100%;
	overflow: hidden }
.footer .wrap {
}
.footer .wrap:before {
	display: block;
	overflow: hidden;
	color: #dcdee0;
	font-size: 12px;
	height: 13px;
	content: "•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••";
	letter-spacing: .45em; /* Use letter-spacing to increase space between dots*/
}
.subfooter  {
	padding-top: 8px;
	clear: both }
.subfooter a:link,  .subfooter a:visited,  .subfooter a:active {
	color: #8B9298;
	text-decoration: none }
.subfooter a:hover {
	color: #298FA1 }
.footerpages {
	margin: 0;
	padding: 0;
	width: 50%;
	float: left }
.footerpages li {
	margin: 0 12px 0 0;
	padding: 0;
	float: left }
.copyright {
	color: #b5b4b1;
	font-size: 10px;
	line-height: 12px;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 50%;
	float: right }
.adspace {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px }
	
/*----FORMS----*/
#submit, .submitbutton, .emailsubmit  {
	color: #fff;
	font-size: 14px;
	font-family: Raleway, Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	line-height: 14px;
	background-color: #298fa1;
	text-transform: uppercase;
	letter-spacing: .03em;
	cursor: pointer;
	padding: 4px 10px 6px;
	height: 29px;
	border-style: none }
#submit, .submitbutton {
	margin-top: 10px }
#submit:hover, .submitbutton:hover {
	background-color: #F05E17 }
.commentinput, .styledinput, .captchainput, .emailinput {
	color: #58595B;
	font-size: 12px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	line-height: 28px;
	background-color: #f2f1f1;
	background-image: none;
	padding: 0 5px;
	height: 29px;
	vertical-align: middle;
	border-style: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px  }
.commentinput:focus, .styledinput:focus, .captchainput:focus, .emailinput:focus {
	background-color: #ebebea }
.commentinput {
	width: 475px }
textarea.commentinput, textarea.styledinput {
	height: inherit }
.label {
	margin-bottom: 2px }
.wpcf7-form .styledinput {
	width: 450px }
.wpcf7 p {
	margin: 0;
	padding: 0 }
/*Comments*/
#comments         {
	font-size: 20px;
	line-height: 20px }
#respond         {
	font-size: 20px;
	line-height: 20px;
	margin-top: 40px }
#commentlist          {
	font-size: 90%;
	line-height: 1.4;
	list-style-type: none;
	margin-top: 0;
	margin-bottom: 30px }
#commentlist li          {
	list-style-type: none;
	margin: 0;
	padding: 13px 0 11px 55px }
	#commentlist li:before {
		display: none;
	}
#commentlist li.bypostauthor       {
	background-color: #fbfbfb;
	background-image: url("images/bg.png") }
#commentlist li p    {
	margin: 2px 40px 6px 0;
	padding: 0 }
p.commentmeta, .commentmeta a         {
	color: #8b9298;
	font-size: 11px;
	margin: 0 0 4px;
	padding: 0 }
.commentmeta strong       {
	font-weight: bold;
	font-size: 13px;
	color: #298FA1 }
.commentmeta strong a         {
	color: #298FA1;
		font-size: 13px;
	font-weight: bold;
	text-decoration: underline }
.commentmeta a:hover       {
	color: #F05E17;
	text-decoration: underline }
.commentnumber       {
	color: #f7f7f6;
	font: bold 30px Arial, sans-serif, Helvetica;
	margin-right: 10px;
	float: right }
.bypostauthor .commentnumber     {
	color: #f1f1f1;
	font: bold 30px Arial, sans-serif, Helvetica;
	float: right }
#commentlist .avatar  {
	display: inline;
	margin-top: 4px;
	margin-bottom: 7px;
	margin-left: -45px;
	float: left }
#commentform   {
	margin-bottom: 30px;
	width: 500px }
#commentform label  { }
#commentform p {
	margin-bottom: 5px }
.wp-smiley {
	vertical-align: middle }
/*threaded comments*/
#commentlist li ul {
	margin: 0;
	padding: 0 }
#commentlist li ul li      {
	background-color: #f7f7f6;
	background-image: none;
	margin: 10px 0 0;
	padding: 13px 10px 13px 60px;
	border-bottom: medium none }
#cancel_reply, #cancel_reply a      {
	color: #298FA1;
	font-size: 11px;
	font-weight: bold }
.thdrpy, .thdrpy a      {
	color: #298FA1;
	font-size: 11px;
	text-decoration: none }
.thdrpy a:hover  {
	color: #F05E17;
	text-decoration: underline }
/*----PAGE NUMBERS----*/
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	text-transform: none;
	text-indent: 0;
	word-spacing: 0;
	letter-spacing: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	border: none }
#wp_page_numbers    {
	font-size: 11px;
	line-height: 15px;
	margin-top: 20px;
	margin-bottom: 30px;
	width: 100%;
	height: 15px;
	clear: both }
#wp_page_numbers li:before {
	display: none;
}
.searchnavigation #wp_page_numbers {
	margin-top: 35px }
.searchnavigation-top #wp_page_numbers {
	margin-top: 25px;
	margin-bottom: 20px }
#wp_page_numbers ul {
	text-align: center;
	width: 100% }
#wp_page_numbers li {
	display: inline }
#wp_page_numbers a        {
	color: #8B9298;
	padding: 3px 5px;
	border: solid 1px #eaf0e8 }
#wp_page_numbers li.space       {
	color: #8B9298;
	padding: 3px 5px }
#wp_page_numbers li.first_last_page {
	font-style: italic }
#wp_page_numbers li.active_page a:hover     {
	color: #fff;
	background-color: #298FA1 }
#wp_page_numbers li.page_info       {
	color: #8B9298;
	text-transform: lowercase;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px }
#wp_page_numbers li a:hover       {
	color: #fff;
	background-color: #F05E17 }
#wp_page_numbers li.active_page a    {
	color: #fff;
	background-color: #298FA1 }


/*----MAIN Menu----*/
#main_nav {
	float: left;
	margin: 0;
}
#main_nav ul {
	font-family: Raleway, Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px;
	line-height: 36px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .03em;
	float: right;
	margin: 0;
	padding: 0;
	}
	
	#main_nav li {
		float: left;
		position: relative;
		width: auto;
		list-style: none;
		margin:0;
		padding: 0;
	}
	#main_nav li:first-child {
		margin-left: 0;
	}
	
	#main_nav > ul > li {
		
	}
	
	#main_nav a {
	text-align: left;
	display: block;
	text-decoration: none;
	padding: 0 15px;
	color: #ffffff;
	}
		#main_nav a:hover {
			color: #bedde2;
		}
	
	/* Navigation submenu */
	#main_nav .menu-item:hover .sub-menu {
		display: block;
	}
	#main_nav .sub-menu {
		display: none;
		position: absolute;
		text-align: left;
		left: 0%;
		width: 160px;
		font-size: 12px;
		line-height: 1.2;
		z-index: 2000;
		background-color: #69b0bd;
	}
	#main_nav .sub-menu .menu-item {
		margin: 0;
	}
	#main_nav .sub-menu .menu-item a {
		color: #ffffff;
		display: block;
		width: 160px;
		padding: 8px 15px;
	}
	#main_nav .sub-menu .menu-item:first-of-type a {
		border-top: none;
	}
	#main_nav .sub-menu .menu-item a:hover {
		background: rgba(255,255,255,.2);
	}
		#main_nav .sub-menu .menu-item-has-children a {
			
		}
		#main_nav .sub-menu .menu-item .sub-menu .menu-item a {
			border: none;
			padding: 10px 15px 10px 20px;
			margin-top: -12px;
			font-style: italic;
			background-color: transparent;
			font-size: 12px;
		}
		#main_nav .sub-menu .menu-item .sub-menu .menu-item a:hover {
			color: rgba(255,255,255,.7);
		}

.topbar .social {
	float: right;
	color: #fff;
	line-height: 35px;
	margin: 0 10px 0;
}
.topbar .social a {
	margin-left: 3px;
	font-size: 16px;
	color: #ffffff;
}
.topbar .social a:hover {
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

/*----FONTELLO----*/
@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?31136840');
  src: url('fonts/fontello.eot?31136840#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff?31136840') format('woff'),
       url('fonts/fontello.ttf?31136840') format('truetype'),
       url('fonts/fontello.svg?31136840#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
}
 
.icon-rss:before { content: '\e800'; } /* '' */
.icon-rss-circled:before { content: '\e80d'; } /* '' */
.icon-facebook:before { content: '\e801'; } /* '' */
.icon-facebook-circled:before { content: '\e80a'; } /* '' */
.icon-twitter:before { content: '\e802'; } /* '' */
.icon-twitter-circled:before { content: '\e808'; } /* '' */
.icon-gplus:before { content: '\e803'; } /* '' */
.icon-gplus-circled:before { content: '\e80b'; } /* '' */
.icon-pinterest:before { content: '\e804'; } /* '' */
.icon-pinterest-circled:before { content: '\e80c'; } /* '' */
.icon-instagram:before { content: '\e807'; } /* '' */
.icon-instagram-circled:before { content: '\e80e'; } /* '' */
.icon-plus:before { content: '\e806'; } /* '' */
.icon-heart:before { content: '\e814'; } /* '' */
.icon-star:before { content: '\e810'; } /* '' */
.icon-search:before { content: '\f002'; } /* '' */
.icon-print:before { content: '\e805'; } /* '' */
.icon-comment:before { content: '\e809'; } /* '' */
.icon-minus:before { content: '\e80f'; } /* '' */
.icon-circled-left:before { content: '\e812'; } /* '' */
.icon-circled-right:before { content: '\e815'; } /* '' */
.icon-close:before { content: '\f00d'; } /* '' */
.icon-left-open:before { content: '\f053'; } /* '' */
.icon-right-open:before { content: '\f054'; } /* '' */
.icon-up-open:before { content: '\f077'; } /* '' */
.icon-down-open:before { content: '\f078'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */





/* Create custom recipe card */

.mv-create-card .mv-create-card {
	max-width: 100% !important;
	width: 100% !important;
}

.mv-create-card .mv-create-wrapper {
	background-color: #ffffff;
	border: 4px solid #ecebeb !important;
	padding: 25px;
}
	.mv-create-card .mv-create-wrapper p, .mv-create-card .mv-create-wrapper li {
		font-size: 17px;
		font-weight: normal;
		line-height: 1.7;
		color: #58595b;
	}

.mv-create-card .mv-create-wrapper .mv-create-header {
	margin-top: 10px;
}

.mv-create-card .mv-create-wrapper h1.mv-create-title-primary {
	line-height: 1.1;
	margin-bottom: 10px;
	font-size: 32px;
	float: none !important;
	clear: none !important;
}

.mv-create-card .mv-create-wrapper h2.mv-create-title-secondary {
	font-size: 17px;
	color: #8c8d8e;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .12em;
	margin-top: 0;
}
	.mv-create-card .mv-create-wrapper .mv-create-instructions h2.mv-create-title-secondary, .mv-create-card .mv-create-wrapper .mv-create-notes h2.mv-create-title-secondary {
		margin-top: 30px;
	}

.mv-create-card .mv-create-wrapper .mv-create-image-container {
	width: 35% !important;
	max-width: auto;
	min-width: auto;
	float: right;
	clear: none;
}
	.mv-create-card .mv-create-wrapper .mv-create-image-container img {
		margin-bottom: 15px;
	}
.mv-create-card .mv-create-wrapper .mv-create-yield {
	font-family: "Raleway", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #F05E17;
	font-size: 12px;
	display: block;
	margin-bottom: 8px;
	font-weight: bold;
	opacity: 1.0;
}
	.mv-create-card .mv-create-wrapper .mv-create-yield * {
		opacity: 1.0;
	}

.mv-create-card .mv-create-wrapper .mv-create-description {
	line-height: 1.5;
	font-style: italic;
	margin: 15px 0;
}
.mv-create-card .mv-create-wrapper .mv-create-times {
	margin: 10px 0 25px;
	display: block !important;
	line-height: 16px;
	width: auto;
	float: none !important;
	clear: none !important;
}
.mv-create-card .mv-create-wrapper .mv-create-time {
	padding: 0;
	border: none !important;
	display: inline-block !important;
	float: none !important;
	margin: 0 10px 0 0;
	font-size: 14px;
	width: auto !important;
}
	.mv-create-card .mv-create-wrapper .mv-create-times .mv-create-time:first-of-type {
		padding-left: 0;
	}
.mv-create-card .mv-create-wrapper .mv-create-time-format, .mv-create-card .mv-create-wrapper .mv-create-time-label {
	padding: 0;
	font-family: "Raleway", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	display: inline-block;
	width: auto;
}
.mv-create-card .mv-create-wrapper .mv-create-time-label {
	font-family: "Raleway", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: 11px;
}
	.mv-create-card .mv-create-wrapper .mv-create-time-label:after {
		content: ":";
		display: inline;
	}
.mv-create-card .mv-create-wrapper .mv-create-ingredients h3 {
	font-size: 15px;
	color: #58595B;
	font-weight: bold;
	margin: 20px 0 5px
}
.mv-create-card .mv-create-wrapper .mv-create-ingredients ul {
	margin: 0;
	padding: 0;
}
.mv-create-card .mv-create-wrapper .mv-create-ingredients ul li {
	margin: 0 0 3px 15px;
	padding: 0;
	list-style-type: none;
}
	
	.mv-create-card .mv-create-wrapper .mv-create-ingredients ul li:before {
	    color: #298fa1;
	    content: '\2022';
	    margin: 0 6px 0 -10px;
	    font-size: 12px;
		display: inline-block;
	}
.mv-create-card .mv-create-wrapper .mv-create-instructions ol {
	margin: 0;
	padding: 0;
}
.mv-create-card .mv-create-wrapper .mv-create-instructions ol li {
	margin: 0 0 15px 20px;
	padding: 0;
	list-style-type: decimal;
}
.mv-create-card .mv-create-wrapper .mv-create-rating {
	margin-top: 20px;
	color: #8c8d8e;
	font-family: "Raleway", Arial, Helvetica, Geneva, sans-serif;
}
.mv-create-card .mv-create-wrapper .mv-create-rating p {
	font-size: 13px;
	color: #8c8d8e;
	line-height: 1.2;
}
	.mv-create-card .mv-create-wrapper .mv-reviews-stars {
		margin-bottom: 8px;
	}
.mv-create-card .mv-create-wrapper .mv-create-rating a {
	text-decoration: underline;
	color: #298fa1;
	font-weight: bold;
}
.mv-create-card .mv-create-wrapper .mv-create-notes {
	margin: 0 ;
}

.mv-create-card .mv-create-wrapper .mv-create-notes p {
	font-size: 90%;
	font-style: italic;
	margin-bottom: 0;
}

.mv-create-card .mv-create-footer {
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 11px;
}

.mv-create-card .mv-create-wrapper .mv-create-products {
	border: 1px solid #EDEDEE;
	margin: 25px 0 0;
	padding: 20px;
	text-align: center;
}
	.mv-create-card .mv-create-wrapper .mv-create-products-product-name {
		text-align: center;
		line-height: 1.4;
		font-weight: bold;
		color: #58595b;
		text-decoration: underline;
	}
.mv-create-card .mv-create-wrapper .mv-create-affiliate-disclaimer {
	font-size: 12px;
	line-height: 1.3;
	color: #8b9298;
	text-align: center;
	font-style: italic;
	margin-top: 10px;
}

.mv-create-card .mv-create-wrapper .mv-create-nutrition {
	background-color: #EDEDEE;
	padding: 25px;
	margin: 25px -25px -25px;
	line-height: 1.3;
}
	.mv-create-card .mv-create-wrapper .mv-create-nutrition * {
		
	}
	.mv-create-card .mv-create-wrapper .mv-create-nutrition-amount {
		font-size: 14px;
	}
	.mv-create-card .mv-create-wrapper .mv-create-nutrition h3 {
		font-size: 14px;
	}
	.mv-create-card .mv-create-wrapper .mv-create-nutrition h3:before {
		display: none !important;
	}
.mv-create-card .mv-create-wrapper button.mv-create-print-button {
	text-decoration: none;
	font-family: "Raleway", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold !important;
	text-transform: uppercase;
	letter-spacing: .15em;
	font-size: 13px;
	line-height: 1;
	margin: 0 auto;
	background-size: 100% auto;
	padding: 10px 15px;
	color: #ffffff;
	background-color: #298fa1;
	border: none;
}
	.mv-create-card .mv-create-wrapper button.mv-create-print-button i {
		vertical-align: middle;
	}
	.mv-create-card .mv-create-wrapper button.mv-create-print-button:hover {
	 	background-color: #F05E17;
	 	cursor: pointer;
	}

.mv-create-card .mv-create-wrapper .mv-create-pin-button {
	border: none;
	width: 50px !important;
	height: 50px !important;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;
	background-color: #F05E17 !important;
}
	.mv-create-card .mv-create-wrapper .mv-create-pin-button:hover {
	 	background-color: #298fa1 !important;
	 	cursor: pointer;	 	
	}
.mv-create-card .mv-create-wrapper .mv-create-pin-button .mv-icon-pinterest:before {
	
}

.mv-create-card .mv-create-footer-flexbox {
	font-family: "Raleway", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: 10px;
	opacity: 1.0;
}
	.mv-create-card .mv-create-footer-flexbox * {
		opacity: 1.0 !important;
		letter-spacing: .08em !important;
		color: #8b9298;
	}
	
@media ( max-width : 650px ) {
	.mv-create-card .mv-create-wrapper {
		padding: 18px;
	}
	.mv-create-card .mv-create-wrapper .mv-create-nutrition {
		padding: 18px;
		margin: 25px -18px -18px;
	}
	.mv-create-card .mv-create-wrapper .mv-create-image-container {
		
	}
}

/*Print Styles*/
.mv-create-print-view .mv-create-wrapper {
	background-color: transparent;
	background-image: none;
}
.mv-create-print-view h2.mv-create-title-secondary {
	font-weight: normal !important;
}