/*
Theme Name: Downshiftology
Theme URI: http://downshiftology.com/
Author: Hyphen Digital
Author URI: http://wearehyphen.co/
*/

*, html {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

body {
	background: #fff;
	margin: 0;
	color: #3b3838; /* text color */
	font-family: "proxima-nova", sans-serif;
	font-size: 16px;
	line-height: 24px;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.wprm-recipe h2.wprm-recipe-name {
    font-size: 18px !important;
}

.response {font-size:8px !important;line-height:12px;}
#header {
position: fixed;
top: 0;
left: 0;
/*box-shadow: 0px 3px 5px #555;*/
width: 100%;
padding-top: 30px !important;
height: 100px;
z-index: 100;
border-bottom: 1px solid #ddd;
}

	.logged-in #header {
		top: 33px;
	}
#header ul:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     
     }
#header ul { display: inline-block; }
/* start commented backslash hack \*/
* html #header ul { height: 1%; }
#header ul { display: block; }
/* close commented backslash hack */

a, a:hover, a:visited {
	color: inherit;
	text-decoration: none;
	font-weight: 600;
}

#recipe {
	margin-top: 30px;
}

#recipes .post {
	margin-bottom: 30px;
}

#header, .header {
	padding: 15px 0;
	background: #fff;
	color: #212121; /* text color */
	font-family: "proxima-nova", sans-serif;
	font-size: 18px;
}

.page > .twelvecol.last > h3 {
	text-align: center;
	font-size: 30px !important;
	line-height: 30px !important;
	text-transform: uppercase;
}

	.home #intro {
	padding: 150px 0;
	float: right;
	text-align: center;
	color: #fff; /* text color */
	font-family: "proxima-nova";
	font-size: 22px;
	font-weight: 500;
	max-width: 490px;
	line-height: 25px;
	letter-spacing: 2px;
	}
	
	#intro {
	padding: 30px 0;
	float: right;
	text-align: center;
	color: #fff;
	font-family: "proxima-nova";
	font-size: 15px;
	font-weight: 500;
	max-width: 600px;
	line-height: 25px;
	letter-spacing: 2px;
	}
	
		.home #intro h3 {
		color: #fff;
		font-family: "proxima-nova";
		font-size: 39px;
line-height: 40px;
		font-weight: 600;
		text-transform: uppercase;
		margin-bottom: 40px;
		padding-bottom: 40px;
		/*border-bottom: 3px solid #c7d73b;*/
		background: url('img/intro-bg.jpg') no-repeat center bottom;
			display: inline-block;
		}
		
	#intro h3 {
	color: #fff;
	font-family: "proxima-nova";
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 3px;
	padding-bottom: 0;
	border-bottom: none;
	display: block;
	}
	
	#intro input, #optinmodal input {
	padding: 10px 20px;
	border: 0;
	color: #fff; 
	font-family: "proxima-nova", sans-serif;
	font-size: 13px;
	background: #161616;
	letter-spacing: 1px;
	margin-top: 10px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	}
	
	#intro input {
		background: #116d7a !important;
	}
	
	input:focus { outline: none !important; } 
	
	#optinmodal input {
		background: #fff;
		color: #212121;
	}

#content .page ul li,
#content .page ol li {
    margin-left:20px;
}

.woocommerce #content .page ul li.product,
.woocommerce #content .page ol li.product {
    margin-right: 3.8%;
    margin-left: 0;
}

.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
    border-color: none !important;
}


input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea, .input-text {
        padding: .618em !important;
    border-radius: 3px !important;
}
.woocommerce #content .page ul li.product.last,
.woocommerce #content .page ol li.product.last {
	margin-right: 0;
}
	
	#intro [type="submit"], #optinmodal [type="submit"], #optin [type="submit"], a.activate_modal, a.downloadbtn, .gform_wrapper [type="submit"] {
	background-color: #15939f !important;
	text-transform: uppercase !important;
	font-weight: 600 !important;
	color: #fff !important;
	font-family: "proxima-nova", sans-serif !important;
	cursor: pointer !important;
	}
	
	#intro [type="submit"]:hover, #optinmodal [type="submit"]:hover, #optin [type="submit"]:hover, a.activate_modal:hover, a.downloadbtn:hover, .gform_wrapper [type="submit"]:hover {
		background-color: #46b3be;
	}
	
	#intro [type="submit"], #optin [type="submit"] {
		background: #fff !important;
		color: #16939f !important;
	}
	
	sub, sup {
	line-height: 8px;
	font-size: 8px;
	}
	
	#intro [type="submit"]:active, #optinmodal [type="submit"]:active, a.activate_modal:active, .gform_wrapper [type="submit"], #optin [type="submit"]:active, a.downloadbtn:active {
		background: #20b1c1 !important;
	}
	.gform_wrapper [type="submit"] {
		font-size: 14px !important;
	}
	a.activate_modal, a.downloadbtn {
		display: block;
		padding: 10px 20px;
		margin-top: 10px;
		border: 0;
		color: #fff; 
		font-family: "proxima-nova", sans-serif;
		text-align: center;
	}
		
#optin {
	background-color: #15939f; /* layer fill content */
	padding: 15px;
	color: #fff; /* text color */
	font-family: "proxima-nova";
	font-size: 15px;
	letter-spacing: 1px;
}

	#optin h3 {
		color: #fff; /* text color */
		font-family: "proxima-nova";
		font-size: 18px;
		font-weight: 600;
		text-transform: uppercase;
	}
	
#optin p {margin-bottom:0 !important;}
	#optin input {
	background-color: #116d7a;
	border: 0;
	padding: 15px;
	color: #fff;
	color: #fff; /* text color */
	font-family: "proxima-nova";
	font-size: 14px;
	letter-spacing: 1px;
	margin-top: 10px;
	width: 206px;
	}
	
	#optin [type="submit"] {
		background-color: #f3f3f3; /* layer fill content */
		color: #15939f;
		text-transform: uppercase;
		text-align: center;
		font-weight: 600;
		font-size: 14px;
		width: auto;
	}
	
	#optin [type="submit"]:hover {
		background-color: #f5f5f5;
	}

#content {
	margin: 30px auto;
}

	div#sharebuttons {
	float: right;
	margin-top: -42px;
	}

	h1 {
		float: left;
		margin-right: 3%;
	}
	
		h1 a {
			width: 250px;
			height: 68px;
			display: block;
			text-indent: -99999px;
			background: url('img/logo.jpg') no-repeat;
			background-size: 100%;
		}
		
	h2 {
		font-family: "proxima-nova", sans-serif;
		font-size: 26px;
		font-weight: 600;
		text-transform: uppercase;
	}
	
	h4 {
		text-transform: none;
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 15px;
	}
	
	h5 {
		font-size: 16px;
		font-weight: 300;
	}
	
	#sidebar ul {
		padding-left: 0;
	}
	
		#sidebar li.widget {
			list-style: none;
			padding-left: 0 !important;
			margin-bottom: 50px;
		}

			#sidebar .social li img {	height: auto !important; }

	#featuredin {background:#f4f4f4;padding:30px 0;}
	#featuredin ul {display:table; margin:0; width:100%;}
	#featuredin ul li {display:table-cell;text-align:center;padding:0 30px;}
	#featuredin ul li img {max-height:25px;}
	#featuredin h3 {
		color: #101010; /* text color */
		font-family: "proxima-nova";
		font-size: 15px;
		font-weight: 600;
		letter-spacing: 1px;
		text-transform: uppercase;
		text-align: center;
		margin-bottom: 20px;
	}
		
	#footer {
		background-color: #393939; /* layer fill content */
		padding: 30px 0;
	}	
	
	#footer ul {text-align: right;}
	#footer ul li {display: inline-block;padding: 0 15px;
	}
	#footer ul li a {
		color: #808080; /* text color */
		font-family: "proxima-nova";
		font-size: 14px;
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	
	#footer ul li:hover a {
		color: #fff !important;
	}
	
	#footer .menu {
	float: right;
	display: inline-block;
	margin-top: -32px;
	}
	
	#credits {
		padding: 20px 0;
		color: #3b3838; /* text color */
		font-family: "proxima-nova";
		font-size: 8px;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
		#credits a {
			font-weight: normal;
			text-decoration: none;
			color: inherit;
		}
	
		#credits .last {
			text-align: right;
		}
	
	#blog > h3, #sidebar > h3, #recipes > h3, .widget > h3, .page > .twelvecol.last > h3 {
		color: #101010; /* text color */
		font-family: "proxima-nova";
		font-size: 15px !important;
		font-weight: 600;
		letter-spacing: 1px;
		text-transform: uppercase;
		background: url('img/h3background.jpg') center repeat-x;
		text-align: center;
		margin-bottom: 50px;
	}
	
	.widget > h3 {
		margin-bottom: 25px;
	}
	
#recipes {margin-top:40px;}
		#blog > h3 span, #recipes > h3 span, #sidebar > h3 span, .widget > h3 > span, .page > .twelvecol.last > h3 > span {
			padding: 0 20px;
			background: #fff !important;
		}
		
	#blog > a, #sidebar > a, .post-type-archive-recipes #recipes > a, .more a {
		color: #fff !important; /* text color */
		font-family: "proxima-nova";
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 2px;
		text-align: center;
		text-transform: uppercase;
		padding: 10px 25px;
		background-color: #c7d73b; /* layer fill content */
		display: block;
		width: 50%;
		min-width: 200px;
		margin: 30px auto;
	}
	
	#blog > a:hover, #sidebar > a:hover, .post-type-archive-recipes #recipes > a:hover, .more a:hover {
		background-color: #b5c44c;
	}
	
	div#infscr-loading {
	width: 100%;
	text-align: center;
	}
	
	.post h3 a, .post a.readmore, .tptn_posts_widget a {
	color: #121212 !important;
	}
	
	#optinmodal {
		background: #c7d73b;
		padding: 40px;
		color: #fff !important;
	}
	
		#optinmodal h2 {
			margin-bottom: 40px;
			color: #fff;
		}
	 .home .post a, .archive .post a, .home .recipe a, .archive .recipe a {color: #101010 !important;}
	.post h3, .recipe h3 {
		color: #101010 !important; /* text color */
		font-family: "proxima-nova";
		font-size: 22px;
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 2px;line-height: 27px;
	}
	
	.recipe.twelvecol.last h3 {
		letter-spacing: 1px;
	}
	
	#recipe {
		border: 1px solid #f4f4f4;
		padding: 30px;
		margin-bottom: 50px;
	}
	
		ul.ingredients {
			padding-left: 0;
			margin-bottom: 20px;
		}
		
			
	
		ol.method {
			margin-top: 30px;
			color: #c7d73b;
			padding-left: 18px;
		}
		
			ol.method li {
				color: #101010;
			}
	
	.post.twelvecol.last {
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
	margin-bottom: 30px;
	}
	
	.recipe {
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	margin-bottom: 20px;
	}

#recipes .recipe {border-bottom:0;padding-bottom:0;}
	
	.post.twelvecol.last:last-child, .recipe:last-child {
	border-bottom: 0;
	padding-bottom: 0px;
	margin-bottom: 0px;
	}
	
	.activate_modal, #modal-close {
			cursor: pointer;
		}
		
		a.activate_modal, .activate_modal, .modal_window {
		max-width: 100% !important;
		}
	
	    #mask {
	        display: none;
	        position: fixed;
	        top: 0;
	        left: 0;
	        width: 100%;
	        height: 100%;
	        background-color: #fff;
	        opacity: .50;
	        -webkit-opacity: .5;
	        -moz-opacity: .5;
	        filter: alpha(opacity=50);
	        z-index: 1000;
	    }
	    
	    .modal_window {
	        background-color: #fff;
	        color: #232323;
	        height: 310px;
	        left: 50% !important;
	        margin: -155px 0 0 -267px;
	        position: fixed;
	        top: 50% !important;
	        padding: 30px;
	        width: 535px;
	        z-index: 1000;
	        display:none; /* don't show it */  
	        text-align: center;
	         
	    }
	    
	    #modal-close {
	    position: absolute;
	    top: 20px;
	    right: 20px;
	    font-size: 8px;
	    text-transform: uppercase;
	    letter-spacing: 1px;
	    font-weight: 600;
	    font-family: "proxima-nova", sans-serif;
	    }
	    
	    #share .addthis_sharing_toolbox {
	    float: right;
	    margin-top: -7px;
	    }
	    
	   .tptn_posts_widget ul li:after {
	        visibility: hidden;
	        display: block;
	        font-size: 0;
	        content: " ";
	        clear: both;
	        height: 0;
	        }
	        
	       .tptn_posts_widget li {
	       margin-bottom: 20px;
	       }
	   .tptn_posts_widget ul li { display: inline-block; }
	   /* start commented backslash hack \*/
	   * html .tptn_posts_widget ul li { height: 1%; }
	   .tptn_posts_widget ul li { display: block; }
	   /* close commented backslash hack */
	   
	.tptn_posts_widget ul li {
	margin-left: 0 !important;
	list-style: none;
	}
	
		.tptn_posts_widget ul li .tptn_date {
			color: #c0c0c0; /* text color */
			font-family: "proxima-nova";
			font-size: 12px;
			font-weight: 500;
			text-transform: uppercase;
			letter-spacing: 2px;
			display: block;
			margin-bottom: 20px;
		}
	
		.tptn_posts_widget ul li img {
			float: left;
			display: block;
			margin-right: 2%;
		}
		
		
		
		span.tptn_author {
		display: none;
		}
		
		span.tptn_title {
		text-transform: uppercase;
		display: block;
		font-size: 14px !important;
		line-height: 19px;
		}
	
	
	.single .post h2 {
		color: #101010;
		font-family: "proxima-nova";
		font-size: 22px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 2px;
		line-height: 27px;
	}
	
	#recipe h3 {
	margin-bottom: 40px;
	max-width: 80%;
	font-size: 17px;
	line-height: 22px;
	font-weight: 600;
	}
	
	.recipe h3 {
		  font-size: 18px;
  line-height: 22px;
	}
	
	.archive .fourcol h3 {
	font-size: 18px;
	line-height: 22px;
	}
	
	.post > .last > span, .recipe > .last > span, .post.eightcol > span {
		color: #c0c0c0; /* text color */
		font-family: "proxima-nova";
		font-size: 12px;
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 2px;
		display: block;
		margin-bottom: 20px;
	}
	
	a.print {
	float: right;
	text-transform: uppercase;
	color: #c7d73b;
	}
	
	#recipe em {
	font-style: normal;
	text-transform: uppercase;
	font-weight: 600;
	}
	
	.single .post.eightcol > span {
		margin: 10px 0 20px;
	}
	
	.single .post.eightcol > img {
		display: block;
		width: 100%;
		margin: 20px auto;
		padding-top: 30px;
		border-top: 1px solid #ddd;
	}
	
	.post .fivecol a img {
	width: 100%;
	height: auto !important;
	}
	
	.post .readmore, .recipe .readmore {
		float: right;
		font-weight: 600;
		letter-spacing: 1px;
		font-size: 14px;
		text-transform: uppercase;
	}
	
		.post .readmore span, .recipe .readmore span {
			color: #c7d73b;;
		}

#blog, #sidebar {
	margin-top: 40px;
}
	#header .row {
		overflow: visible !important;
		height: 52px;
	}

	#header ul {
		position: relative;
		text-align: right;
	}

	#header ul li {
		display: inline-block;
		text-align: center;
		padding: 8px;
		list-style: none;
	}
	
	#header ul li ul {
		display: none;
		position: absolute;
	}
	
	#header ul li:hover > ul {
		display: block;
		background-color: #15939f;
		margin-left: -13px;
		padding: 15px 0;
	}
	
	#header ul li ul li {
		float: none;
		text-align: left;
		padding: 5px 15px;
		display: block;
	}
	
	#header ul li ul li a {
		color: #fff !important;
	}
	
		#header .row .eightcol {
		width: 57.4%;
		margin-right: 0;
		}
	
	.social {
	padding-left: 0 !important;
	text-align: center;
	}
		
	.social li {
		width: 25px;
		margin-right: 3px;
		padding:0 !important;
		height: 20px !important;
		list-style: none;
		display: inline-block;
	}	
		.social li img {
		height: 100%;
		display: block;
		margin: 0 auto !important;
		}
		
		.social li:hover img {
			opacity: 0.5;
		}
		
	#sidebar .social {
		margin-top: -20px;
	}
	
		#sidebar .social li {
			height: 35px !important;
			width: auto !important;
			margin-left: 13px !important;
		}

	#header .social.twocol.last {
		position: relative;
		top: 7px;
		left: 10px;
	}
	
	.printlogo {
		display: none;
	}
	
		#header ul li ul li:hover a {
			color: #15939f;
		}
	
		#header ul li ul li a {
			font-size: 14px;
			color: #3b3838; /* text color */
			font-family: "proxima-nova", sans-serif;
			font-weight: 600;
			text-transform: uppercase;
		}

	#header ul li a {
		color: #3b3838; /* text color */
		font-family: "proxima-nova", sans-serif;
		font-size: 14px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
	#header ul li.current_page_item a, #header ul li:hover a {
		color: #15939f;
	}
	
	#content .row {
		background-color: #fff; /* layer fill content */
	}
	
	#content .inner {
		padding: 50px 50px;
	}
	
	.home .inner .grey {
		background: #f1f1f1;
		padding: 25px 25px 10px;
	}
	
		.home .inner .grey a {
			display: block;
			text-align: right;
			font-weight: 600 !important;
			color: #212121 !important;
			text-transform: uppercase;
		}

.freebie.sixcol {
margin-bottom: 50px;
}

#meetlisa {
	background-color: #c7d73b; /* layer fill content */
	height: 301px;
	overflow: hidden;
}		

	#meetlisa img {
	display: block;
	}
	
	#meetlisa .last {
		padding: 20px;
	}
	
	#meetlisa h3 {
	color: #000;
	font-family: "proxima-nova";
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
	background: #fff;
	padding: 14px 32px;
	position: relative;
	left: -75px;
	-ms-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
	width: 140%;
	text-align: center;
	margin: 0 auto 34px;
	}
	
		#meetlisa .fivecol {
		width: 48%;
		}
		
		#meetlisa .last {
			width: 45%;
		}
	
	#meetlisa {
	background-color: #c7d73b;
	font-size: 15px;
	line-height: 23px;
	letter-spacing: 1px;
	}
	
	#meetlisa a {
		color: #fff; /* text color */
		font-family: "proxima-nova";
		font-size: 18px;
		font-weight: 600;
		text-transform: uppercase;
		padding: 10px 20px;
		background: #9bb50e;
		display: inline-block;
		margin-top: 0px;
	}
	
	#meetlisa a:hover {
		background-color: #8ba331;
	}
	
	#meetlisa .last p:first-of-type {
	margin: -10px 0 10px;
	}
	
	#content ul li {
		margin-left: 30px;
	}
	
	
	

#mobnav {
 	width: 100%;
 	background-color: #c7d73b; /* color overlay */
 }
 
 .mobwrapper {
 	background: #fff !important;
 }
 
#mobnav ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
  background: #c7d73b;
}

#mobnav ul li {
  width: 100%;
  display: block;
  text-align: left;
  background-color: #c7d73b;
}

	#mobnav > ul:first-child {
		border-bottom: 1px solid #efefef;
	}

	#mobnav ul.sub-menu {
		margin: 0;
	}

#mobnav ul.sub-menu li a {
    padding-left: 50px !important;
}

	#mobnav li:last-child {
		border-bottom: none;
	}

	#mobnav li a {
		text-decoration: none;
		font-size: 14px;
		font-family: "proxima-nova", sans-serif;
		text-transform: uppercase;
		font-weight: 600;
		color: #fff;
		display: block;
		padding: 15px 25px !important;
		border-bottom: 1px solid #fff;
		background-color: #c7d73b; 
	}
	
	hr {
	border: none;
	height: 1px;
	background: #ddd;
	margin-bottom: 15px;
	clear: both !important;
	}
	
	#mobnav li.menu-item-has-children a {
		background-image: url('img/navarrow2.png');
	}
	
		#mobnav li ul li a {
			background: #c7d73b !important;
			color: #fff !important;
			background-image: url('img/navarrow.png') !important;
			background-repeat: no-repeat !important;
			background-position: 93% center !important;
			padding
		}
		
		#mobnav li:first-of-type a {
		padding-top: 22px !important;
		}
	
		#mobnav li a:hover {
			font-weight: 600;
			text-decoration: none;
		}
		
			#mobnav ul.sub-menu li a {
				text-transform: none;
				color: #939597;
				font-size: 16px;
			}

.js #mobnav {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: none;
  overflow: hidden;
  zoom: 1;
}

#mobnav.opened {
max-height: 99999px;
width: 100%;
margin: 35px 0 0;
}

#mobnav, #mobnav-toggle, .mob {
	display: none;
}

.clear {
	clear: both;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

p {
	margin-bottom: 20px;
}

strong, b {
	font-weight: 600;
}

em {
	font-style: italic;
}

.alignright {
	float: right;
	margin: 0 0 25px 25px;
}

.alignleft {
	float: left;
	margin: 0 25px 25px 0;
}

.alignnone {
	float: none;
	margin: 0 0 25px;
}

#headerimg {
	height: 160px;
	margin-top: 100px;
	background-size: 100%;
	background-size: cover;
	background-position: left top;
}

.maincontent img.full-size {
width: 100%;
}

 .maincontent div {max-width:100%;}

.maincontent li {
margin-left: 30px;
padding-left: 10px;
margin-bottom: 10px;
}

.maincontent a, .maincontent a:visited, .maincontent a:active, .page a, .page a:visited, .page a:active {
	color:#15939f;
}

.maincontent a:hover, .page a:hover {color: #14bac9;}

.home #headerimg {
	height: 450px;
	margin-top: 60px;
	}

#share {
	color: #303030; /* text color */
	font-family: "proxima-nova", sans-serif;
	font-size: 14px;
	font-weight: 600;
	background-color: #f3f3f3; /* layer fill content */
	padding: 25px;
	letter-spacing: 1px;
}

.gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea {
	background: #fff !important;
	border: 2px solid #f4f4f4 !important;
	padding: 10px !important;
}

.gform_wrapper {
	margin: 0 auto !important;
}

.pagination div {
max-width: 45%;
font-weight: 600;
}
	
.pagination a {
color: #303030;
font-family: "proxima-nova", sans-serif;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
margin: 20px 0 !important;
display: block;
float: left;
max-width: 60%;
line-height: 16px;
}

.pagination strong {
display: block;
float: left;
margin: 17px 5px 20px 0;
text-transform: uppercase;
font-size: 12px;
}

.pagination span {
display: block;
padding: 18px 10px;
color: #c7d73b;
font-size: 23px;
font-weight: 100 !important;
}

.pagination .alignleft span {
	float: left;
}

.pagination .alignright span {
	float: right;
}

#credits li {
list-style: none;
display: inline;
margin-right: 10px;
font-size: 12px;
}

div#intropara {
max-width: 600px;
margin: 0 auto 30px;
text-align: center;
}

div#recipe_search {
max-width: 500px;
margin: 0 auto 50px;
text-align: center;
}

	#recipe_search input {
padding: 10px;
min-width: 300px;
font-size: 12px;
font-family: "proxima-nova", sans-serif;
}

#recipe_search input#searchsubmit {
padding: 12px;
background: #16939f !important;
min-width: 100px;
border: 0;
color: #fff !important;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
}

div#categories ul,  div#categories li {
padding-left: 0 !important;
margin-left: 0 !important;
list-style: none !important;
}

div#categories ul {
	display:table;
width:100%;
margin-bottom: 30px;
text-align: center;}

div#categories ul li {
display: inline-block;
text-align: center;
border-left: 1px solid #ddd;
padding: 0px 20px !important;
}

	div#categories ul li:first-child {border-left:0;}

	div#categories ul li a {text-transform:uppercase; font-size:12px;}

/* WisdmLabs Start */

/* Added below code for ul.products to resolve the issue of spacing */
ul.products {
    margin-top: 1em !important;
}

.cf:before {
    content: " ";
    display: table;
}

.cf:after {
    content: " ";
    display: table;
    clear: both;
}

.row.product-row {
    overflow: visible;
}

.woocommerce div.product .product_title,
.woocommerce div.product .woocommerce-product-rating {
	float: none;
    line-height: normal;
}

.woocommerce div.product .woocommerce-product-rating {
	margin-top: 10px;
}

.woocommerce #content ul.products li.product .onsale {
	padding: 5px 12px;
    margin-top: -12px;
}

#content .page nav.woocommerce-pagination ul li {
	margin-left: 0;
}

/*
 * Color WooCommerce Buttons. Hover : #b5c44c Normal : #c7d73b
 */

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background:#b5c44c !important;

background-color:#b5c44c !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

background:#b5c44c !important;

background-color:#b5c44c !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

background: #c7d73b !important;

color:white !important;

text-shadow: transparent !important;

border-color:#ca0606 !important;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: #b5c44c !important;

box-shadow: none;

text-shadow: transparent !important;

color:white !important;

border-color:#ca0606 !important;

}


.woocommerce .shop_table input.button,
.woocommerce-page #content .shop_table input.button,
.woocommerce-page .shop_table input.button
{
    background:#ebe9eb !important;

	background-color:#ebe9eb !important;

	color:#515151 !important;

	border-color:#515151 !important;
}

.woocommerce .shop_table input.button:hover,
.woocommerce-page #content .shop_table input.button:hover,
.woocommerce-page .shop_table input.button:hover {
    background:#dad8da !important;

	background-color:#dad8da !important;

	color:#515151 !important;

	border-color:#515151 !important;
}

.woocommerce .shop_table input#coupon_code {
    width: auto !important;
    line-height: 1.6em;
    font-family: inherit;
    border-radius: 3px;
}

.single-product.woocommerce span.onsale {
    z-index: 99;
    padding: 5px 12px;
}

/* Sale tag issue on single product page*/
.single-product .row.page.cf {
    overflow: visible;
}

/* Hidding Social Share icons on single product page as they are post too but not articles.*/
.single-product .row.page.cf .ssbp-wrap{
	display: none;
}

.post-type-archive-product.woocommerce.woocommerce-page .row.page.cf .woocommerce-info{
    display: inline-block;
    width: 100%;
}

div.row.page.cf{
	margin-top: 3em;
	overflow: visible;
}

.menu-main-menu-container {
    z-index: 99999;
    position: relative;
}

input#mc-embedded-subscribe {
    padding: .618em !important;
    margin-left: 0.4em;
}

.product_meta {
    display: none;
}

/* WisdmLabs End */
	
@media only screen and (max-width :1023px){
	
	.mob {
		display: block !important;
	}
	
	h1 a {
	width: 219px;
	margin-left: 10%;
	}

#featuredin ul {display:block; margin:0; width:100%;}
	#featuredin ul li {display:block;text-align:center;padding:10px 30px;}
	
	
	.header {
		background: #fff !important;
		height: 60px;
		padding: 0;
margin-top: 90px !important;
	}
	
	.desktop, #header, #header, #headerimg img, #logoutbar {
		display: none !important;
	}
	
	.js #mobnav {
		position: relative;
		display: block;
		top: -90px;
	}
	.js #mobnav.closed {
	  max-height: none;
	}
	
	.mob.header {
	margin-top: 40px;
	}
	
	#headerimg {
		margin-top: 0;
	}
	
	#footer .menu {
	float: none;
	}
	
	.home #headerimg {
	height: 270px;
	margin-top: 0px;
	}
	
	#blog > a, #sidebar > a {
		width: 90%;
	}
	
	#content {
		margin-top: 50px;
	}
	
	.blog #content {
	margin-top: 0;
	}
	
	.modal_window {
		left: 0;
		margin: -100px 0;
		position: fixed;
		top: 0;
	}
	
	
	#nav-toggle {
	display: block;
	padding: 20px;
	width: 100%;
	text-align: right;
	letter-spacing: 1px;
	text-decoration: none;
	position: absolute !important;
	top: 0px;
	left: 0;
	z-index: 10000000000;
	background: #fff;
	background-color: #c7d73b; /* color overlay */
	color: #fff;
	font-family: "proxima-nova", sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	}
	
	#footer .twelvecol.last {
	text-align: center;
	}
		#footer img {
		margin-bottom: 60px;
		}
		
	#footer ul li {
	display: block;
	text-align: center;
	}
	
	#mobileheader {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	background: #fff;
	padding-bottom: 5px;
	}
	
	#credits .sixcol {
	text-align: center;
	}
	
	div#optin {
	text-align: center;
	}
	
	div#intro {
	display: none;
	}
	
	#meetlisa {
		margin-bottom: 30px;
	}
	
	div#blog div, div#sidebar div, div#recipes div {
	padding-left: 0 !important;
	padding-right: 0 !important;
	}
	
	a.print {
		display: none;
	}
	
	#recipe li {
		display: list-item;
		width: 100%;
	}
	
	#meetlisa .fivecol {
	display: none;
	}
	
	#meetlisa .last {
		width: 100%;
		float: none;
	}
	
	.recipe .fivecol {
	width: 25%;
	float: left;
	margin-right: 4%;
	}
	
	#header {
		margin-top: 40px;
	}
	
	div#categories ul li {
	display: block;
	text-align: center;
	border-left: 0;
	}
	
	div#recipes_search input {
		margin-bottom: 10px;
	}

	span.ssbp-share-text {
    display: none;
	}
}

@media only screen and (max-width: 768px ) {
	.woocommerce-page.columns-3 .page-title {
		float: none;
    	margin-bottom: 10px;
	}
    .woocommerce-page[class*=columns-] #content ul.products li.product,
    .woocommerce[class*=columns-] #content ul.products li.product {
        width: 40% !important;
    }

    .woocommerce-ordering {
        margin-right: 3% !important;
    }
}

@media only screen and (max-width: 500px ) {
	.woocommerce-page[class*=columns-] #content ul.products li.product,
	.woocommerce[class*=columns-] #content ul.products li.product {
		width: 100% !important;
	}

	.woocommerce #content .page ul li.product {
		margin-right: 0;
	}

	.woocommerce-page.columns-3 .woocommerce-ordering {
		float: none;
    	clear: left;
	}
}