/*
Theme Name: Confetti Kitchen
Theme URI: http://confettikitchen.co
Author: Design by Victoria McGinley Studio, Code by Elembee
Author URI: http://elembee.com
Description: A custom theme for Confetti Kitchen. Design by Victoria McGinley Studio, code by Elembee.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: confettikitchen
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Confetti Kitchen is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
# Import Styles
--------------------------------------------------------------*/

@import url('css/reset.css');

@import url('css/elements.css');

@import url('css/superfish.css');

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	font-family: "semplicitapro",sans-serif;
	font-size: 15px;
	line-height: 1.667em;
	letter-spacing: 0.05em;
	color: #000;
}

h1 {
	font-family: 'Leitura Swashes', serif;
	font-size: 80px;
	line-height: 1em;
	color: #ef7157;	
}

h2 {
	font-family: 'Leitura', serif;
	font-size: 30px;	
	line-height: 1.667em;
	text-transform: lowercase;
	color: #000;
}

h3 {
	font-family: "filson-pro", sans-serif;
	font-weight: 700;
	font-size: 21.5px;
	line-height: 1.395em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #000;
}

h4 {
	font-family: 'Leitura', serif;
	font-style: italic;
	font-size: 15px;	
	line-height: 1.667em;
	text-transform:lowercase;
	color: #7e1d68;
}

h5 {
	font-family: "filson-pro", sans-serif;
	font-size: 12px;
	line-height: 2.5em;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #000;
}

h6 {
	font-family: "semplicitapro",sans-serif;
	font-weight: 700;
	font-size: 8px;
	line-height: 3.125em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #505050;
}

p {
	margin-bottom: 1.5em;
}

	p:last-of-type {
		margin-bottom: 0;	
	}

blockquote {
	margin: 0 1.5em;
	font-style: italic;
}

strong {
	font-weight: bold;	
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
	cursor: pointer;
	color: #f37052;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

a:hover {
	color: #f37052;
}

.icon-link {
	margin: 0 5px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.button {
	cursor: pointer;
	border: none;
	background: #f1f1f1;
	radius: 3px;
	color: #f37052;
	font-family: "semplicitapro",sans-serif;
	font-size: 15px;
	line-height: 1;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding: 10px 20px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

a.button {
	display: inline-block;	
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover {
	background: #f1f1f1;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	font-family: "semplicitapro",sans-serif;
	font-size: 15px;
	line-height: 1.667em;
	letter-spacing: 0.05em;
	color: #000;
	box-sizing: border-box;
	width: 100%;
	border: 2px solid #ccc;
	padding: 10px;
	background: #fff;
}

select {
	border: 1px solid #ccc;
}

label {
	display: block;
	font-family: "semplicitapro",sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	color: #000000;
	margin-bottom: 10px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #000;
}
:-moz-placeholder { /* Firefox 18- */
	color: #000;
}

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

.wrap {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

#content {
	padding-top: 50px;
	position: relative;
	border-top: 10px solid #f1f1f1;	
}

#content:before {
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	background: url(images/stripes.png) center repeat-x;
	position: absolute;	
	top: 0;
	left: 0;
}

	.home #content,
	.tax-themes #content,
	.page #content {
		padding-top: 0;
		border-top: none;	
	}
	
	.home #content:before,
	.tax-themes #content:before,
	.page #content:before {
		display: none;	
	}

	.page.page-template-themes #content {
		padding-top: 60px;
		border-top: 10px solid #f1f1f1;	
	}
	
	.page.page-template-themes #content:before {
		display: block;	
	}

.border {
	width: 100%;
	height: 10px;
	background: url(images/stripes.png) center repeat-x;
}

.mobile {
	display: none;
}

/*--------------------------------------------------------------
# Masthead
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Site Branding
--------------------------------------------------------------*/

#leaderboard {
	padding: 20px 15px;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 35px;	
}
	
	#leaderboard .wrap {
		max-width: 728px;	
	}

#masthead {
	padding: 10px 0 25px 0;	
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	#masthead:before,
	#masthead:after {
		display: none;	
	}

.site-title {
	margin-bottom: 0;	
}

#site-branding {
	width: 100%;
	max-width: 200px;
}

#site-branding a {
	display: block;
	width: 100%;
	padding-top: 35.200000%; /* 88 / 250 */
	background: url(images/confettikitchen.png) center no-repeat;
	background-size: contain;	
}

#site-branding span {
	display: none;	
}

/*--------------------------------------------------------------
## Top Menu
--------------------------------------------------------------*/

#top-menu {
	text-align: right;
	
	margin-top: 10px;
}

#top-menu li {
	display: inline-block;
	margin-left: 1.666667%; /* 20/1200 */	
	font-family: "filson-pro",sans-serif;
	font-size: 10px;
	letter-spacing: .1em;
	text-transform: uppercase;
}

#top-menu li.icon {
	margin-left: .8333333%; /* 10/1200 */	
	font-size: 14px;
}

	#top-menu li a {
		color: #bcbcbc;	
	}

	#top-menu li a:hover {
		color: #505050;	
	}
	
.fontawesome-text {
	display: none;	
}

/*--------------------------------------------------------------
## Primary Menu
--------------------------------------------------------------*/

#primary-menu {
	display: none;	
}

#primary-menu li {
	display: inline-block;
	margin-left: 40px;	
	font-family: "filson-pro",sans-serif;
	font-size: 13px;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 10px 0;
}

	#primary-menu li a {
		color: #000;	
	}

	a.sf-with-ul:after {
		content: '\f0d7';
		font-family: FontAwesome;
		margin-left: 5px;
	}

#primary-menu .sub-menu {
	left: 50%;
	width: 165px;
	background: #fff;
	border: 2px solid #ef7157;	
	text-align: center;
	padding: 10px;
	transform: translateX(-50%);
}

	#primary-menu .sub-menu:before {
		content: '';
		display: block;
		width: 80px;
		height: 4px;
		background: #ef7157;	
		position: absolute;
		top: -6px;
		left: 50%;
		transform: translateX(-50%);
	}

	#primary-menu .sub-menu li {
		display: block;
		margin: 0;
		font-size: 12px;
		font-weight: bold;
		line-height: 2.5em;	
		padding: 0;
	}
	
	#primary-menu .sub-menu li a:hover {
		color: #ef7157;
	}

/*--------------------------------------------------------------
## Mobile Menu
--------------------------------------------------------------*/

.slicknav_menu {
	font-family: "filson-pro",sans-serif;
	font-size: 14px;
	letter-spacing: .1em;
	text-transform: uppercase;
	text-align: center;
}

	.slicknav_menu a {
		color: #000;
	}

/*--------------------------------------------------------------
## Scroll Menu
--------------------------------------------------------------*/

#scroll-navigation {
	position: fixed;
	z-index: 8000;
	width: 100%;
	background: rgba(255, 255, 255, .97);
	padding: 20px 0;	
	display: none;
	top: 0;
	left: 0;
}

#scroll-navigation .wrap {
	display: flex;
	justify-content: space-between;	
	align-items: center;
}

	#scroll-navigation #site-branding {
		max-width: 145px;
	}

	#scroll-navigation li.desktop {
		display: none;	
	}

	#scroll-navigation #primary-menu {
		flex-grow: 1;	
	}
	
	#scroll-navigation #primary-menu > li {
		margin-left: 30px;
	}
	
		#scroll-navigation #primary-menu > li:first-of-type {
			margin-left: 45px;	
		}
	
	#scroll-navigation #top-menu {
		margin: 0 0 0 auto;
	}
	
	#scroll-navigation #top-menu li {
		font-size: 14px;
		margin-left: 20px;	
	}
	
	#scroll-navigation #top-menu li a {
		color: #000;	
	}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#subsidiary {
	padding: 50px 0;	
	position: relative;
}

#subsidiary:before,
#subsidiary:after {
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	background: url(images/stripes.png) center repeat-x;
	position: absolute;	
}

	#subsidiary:before {
		top: 0;
	}

	#subsidiary:after {
		bottom: 0;
	}

#footer {
	display: flex;
	justify-content: space-between;	
}

	#footer .widget {
		width: 50%;	
	}
	
	#footer .widget:first-of-type {
		border-right: 2px solid #ef7157;
		padding-right: 70px;	
	}
	
	#footer .widget:last-of-type {
		padding-left: 40px;	
	}
	
	#menu-footer {
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4;
	}
	
		#menu-footer li {
			font-weight: bold;
			font-size: 8px;
			text-transform: uppercase;
			letter-spacing: .15em;
			line-height: 2.75em;	
			white-space: nowrap;
		}

		#menu-footer li:nth-of-type(4n) {
			-webkit-column-break-after: always;
			break-after: column;
		}
		
		#menu-footer li a {
			color: #505050;
		}

		#menu-footer li a:hover {
			text-decoration: underline;
		}
		
	#footer .widget:last-of-type .textwidget {
		display: flex;
		justify-content: space-between;	
		align-items: flex-end;
	}
	
		#footer #subscribe-description {
			width: 47.321429%; /* 265/560 */	
			font-weight: bold;
			font-size: 8px;
			text-transform: uppercase;
			letter-spacing: .15em;
			line-height: 2.75em;	
		}
		
		#footer #mc_embed_signup {
			width: 47.321429%; /* 265/560 */	
		}
		
		#footer #mc_embed_signup_scroll {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}
		
		#footer .mc-field-group {
			width: 47.169811%; /* 125/265 */	
			margin-bottom: 5px;
		}
		
			#footer .mc-field-group input {
				padding: 5px;
				background: #f1f1f1;	
				font-size: 9px;
				text-transform: uppercase;
				letter-spacing: .1em;
				border: none;
			}

				#footer .mc-field-group ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
				  color: #ef7157;
				}
				#footer .mc-field-group ::-moz-placeholder { /* Firefox 19+ */
				  color: #ef7157;
				}
				#footer .mc-field-group :-ms-input-placeholder { /* IE 10+ */
				  color: #ef7157;
				}
				#footer .mc-field-group :-moz-placeholder { /* Firefox 18- */
				  color: #ef7157;
				}
		
		#footer .mc-subscribe,
		#footer #mce-responses {
			width: 100%;
			text-align: right;	
		}
		
			#footer input[type="submit"] {
				font-family: 'Leitura', serif;
				font-size: 20px;	
				text-transform: lowercase;
				color: #ef7157;
				padding: 0;
				background: none;
				line-height: 1.5em;
			}

#colophon {
	padding: 20px 0;
	text-align: center;	
}

	#colophon li {
		display: inline-block;
		margin: 0 8px;
		font-weight: bold;
		font-size: 8px;
		text-transform: uppercase;
		letter-spacing: .15em;	
	}
	
	#colophon li a {
		color: #e5e5e5;	
	}

	#colophon li a:hover {
		color: #505050;	
	}
	
/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Theme Info
--------------------------------------------------------------*/

#current-theme {
	padding: 95px 0;	
}

	#current-theme-info {
		max-width: 625px;
		padding: 30px 10px;
		background: rgba(255, 255, 255, .9);
		border-radius: 4px;
		text-align: center;	
	}
	
	#current-theme-info .subtitle {
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: .15em;
		margin-bottom: 20px;	
	}
	
	#current-theme-info h1 {
		margin-bottom: 25px;	
	}
	
	#current-theme-info .description {
		max-width: 500px;
		margin: 0 auto;
		font-family: "filson-pro",sans-serif;
		font-size: 12px;
		letter-spacing: .1em;
		text-transform: uppercase;
		line-height: 2.5em;
	}

#intro-cta {
	text-align: right;
	margin-bottom: 5px;	
}

	#intro-cta a.button {
		transform: translateY(-50%);
		font-size: 11px;
		font-weight: bold;
		border-radius: 3px;
		padding: 15px;
		background: #f37052;
		color: #fff;
	}

/*--------------------------------------------------------------
## Post Grid
--------------------------------------------------------------*/

.controls {
	text-align: center;	
	vertical-align: middle;
	margin-bottom: 50px;
}

	.controls h3 {
		font-family: 'Leitura', serif;
		font-weight: normal;
		font-size: 30px;	
		line-height: normal;
		text-transform: lowercase;
		letter-spacing: normal;
		color: #000;
		display: inline-block;
		vertical-align: middle;
		margin-right: 35px;
	}
	
	.controls ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline-block;
		vertical-align: middle;	
	}
	
	.controls ul li {
		display: inline-block;
		vertical-align: middle;	
		font-family: "filson-pro",sans-serif;
		font-size: 12px;
		letter-spacing: .1em;
		text-transform: uppercase;
		font-weight: bold;
		margin-right: 50px;
		cursor: pointer;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	
		.controls ul li:last-of-type {
			margin-right: 0;	
		}
		
	.controls ul li i {
		font-size: 20px;
		color: #b7b7b7;
		margin-right: 10px;
		vertical-align: middle;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	
	.controls ul li:hover,
	.controls ul li:hover i {
		color: #ef7157;
	}

#grid {
	margin: 0 0 40px 0; 
	padding: 0; 
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

	#grid .mix {
		display: none;
		opacity: 0;
		width: 29.166667%; /* 350/1200 */
		margin-bottom: 55px;
		border: 2px solid #ebebeb;
	}
	
	#grid .gap{
		width: 29.166667%;
	}

.mix .entry-content {
	padding: 15px 25px 25px 25px;	
	text-align: center;
}

	.mix .featured-image {
		position: relative;	
	}
	
	.mix .post-tag {
		position: absolute;
		top: 20px;
		left: 0;
		width: 100px;
		padding: 8px;
		background: rgba(233, 108, 82, .9);
		color: #fff;
		font-size: 8px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: .15em;
		line-height: 2.5em;
		vertical-align: middle;	
	}
	
		.mix .post-tag i {
			font-size: 13px;
			margin-right: 3px;
			vertical-align: middle;	
		}
	
	.mix .post-category {
		font-family: 'Leitura', serif;
		font-style: italic;
		font-size: 15px;	
		line-height: normal;
		letter-spacing: normal;
		text-transform: lowercase;
		text-align: center;
		margin-bottom: 20px;
	}
	
		.mix .post-category a {
			color: #7e1d68;	
			margin: 0 10px;
		}
		
		.mix .post-category i {
			margin-right: 10px;	
		}

	.mix .entry-title {
		font-family: "semplicitapro",sans-serif;
		text-transform: none;
		font-size: 18px;
		line-height: 1.667em;
		letter-spacing: 0.05em;
	}
	
		.mix .entry-title a {
			color: #000;	
		}

/*--------------------------------------------------------------
## Features
--------------------------------------------------------------*/

#features-title {
	display: flex;
	align-items: flex-end;
	position: relative;	
}

	#features-title:after {
		content: '';
		display: block;
		width: 100%;
		height: 11px;
		background: url(images/orange-stripes.png) right center repeat-x;
		position: absolute;
		bottom: 10px;
		right: -100%;	
	}

#features-title h1 {
	flex-shrink: 0;
	
	padding: 15px 40px 0 40px;
	color: #fff;	
	background: #ef7157;
	border-radius: 3px 3px 0 0;
	margin-bottom: -25px;
}

#features-title h3 {
	width: 100%;
	padding-left: 20px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	position: relative;	
	font-weight: normal;
	font-size: 14px;
	color: #ef7157;
	background: #fff;
	overflow: hidden;
}

	#features-title h3:after {
		content: '';
		display: block;
		width: 100%;
		height: 11px;
		background: url(images/orange-stripes.png) right center repeat-x;
		position: absolute;
		bottom: 0;
		left: 20px;	
	}

#features {
	padding: 65px 0 60px 0;
	background: #ef7157;	
	margin-bottom: 40px;
}

	#features .wrap {
		display: flex;
		justify-content: space-between;	
	}
	
	.feature-box {
		width: 48.75%; /* 585/1200 */	
		position: relative;
	}
	
		.feature-box .featured-image img {
			display: block;
		}
		
		.feature-box .entry-content {
			padding: 25px 30px;
			background: rgba(0, 0, 0, .4);
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;	
			color: #fff;
		}
		
		.feature-box .entry-content a {
			color: #fff;	
		}
		
		.feature-box .post-category {
			font-family: 'Leitura', serif;
			font-style: italic;
			font-size: 15px;	
			line-height: normal;
			letter-spacing: normal;
			text-transform: lowercase;
			margin-bottom: 20px;
		}

			.feature-box .post-category i {
				margin-right: 10px;	
			}
			
		.feature-box h2 {
			display: inline;
			font-size: 45px;	
			line-height: 1.1em;
			text-transform: none;
			vertical-align: middle;
		}
		
		.feature-box .feature-cta {
			margin-top: 15px;
			display: block;
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: .1em;
			vertical-align: middle;
		}
		
			.feature-box .feature-cta:hover {
				color: #ef7157;	
			}

/*--------------------------------------------------------------
## Previous Themes
--------------------------------------------------------------*/

#previous-themes {
	padding: 40px 0 90px 0;	
}

	#previous-themes h3 {
		display: table;
		margin: 0 auto 50px auto;
		padding-top: 20px;
		border-top: 2px solid #ef7157;	
	}
	
#previous-themes .wrap {
	display: flex;
	justify-content: space-between;	
}

	#previous-themes .previous-theme {
		width: 30.8333333%; /* 370/1200 */
		text-align: center;	
	}
	
	#previous-themes .previous-theme .featured-image {
		margin-bottom: 10px;
	}
	
	#previous-themes .previous-theme h4 {
		font-family: 'Leitura Swashes', serif;
		font-style: normal;
		text-transform: none;
		font-size: 50px;
		line-height: 1.1em;
		color: #ef7157;	
		margin-bottom: 15px;
	}
	
	#previous-themes .previous-theme .previous-theme-cta {
		display: table;
		margin: 0 auto;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: .1em;
		color: #7e1d68;	
		padding-bottom: 5px;
		border-bottom: 4px solid transparent;
	}
	
		#previous-themes .previous-theme .previous-theme-cta:hover {
			border-color: #7e1d68;
		}

#previous-themes .button.previous-themes-cta {
	display: table;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: .15em;
	padding: 25px;
	margin: 40px auto 0 auto;
	border-radius: 3px;
}

	#previous-themes .button.previous-themes-cta:hover {
		background: #ef7157;
		color: #fff;	
	}

/*--------------------------------------------------------------
## Social
--------------------------------------------------------------*/

#instagram {
	position: relative;
}

#instagram:before {
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	background: url(images/stripes.png) center repeat-x;
	position: absolute;
	top: 0;
	left: 0;	
}

	#instagram .widget {
		width: 90%;
		max-width: 1030px;
		margin: 0 auto;
		padding: 55px 0 45px;
		position: relative;
	}
	
	#instagram .widget-title {
		position: absolute;
		top: 0;
		right: -15px;
		font-size: 45px;
		text-transform: none;
		padding: 0 15px;
		background: #fff;
		transform: translateY(-50%);	
	}
		
#social {
	padding-bottom: 50px;	
}

	#social .widget {
		width: 90%;
		max-width: 1030px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	
	#social .widget-title {
		padding: 13px 10px;
		width: 35.436893%; /* 365/1030 */
		height: 45px;
		background: #ef7157;
		color: #fff;	
		font-family: "filson-pro",sans-serif;
		font-size: 12px;
		letter-spacing: .1em;
		text-transform: uppercase;
		font-weight: bold;
		position: relative;
		text-align: center;
	}
	
		#social .widget-title:after {
			content: '';
			display: block;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 22.5px 0 22.5px 25px;
			border-color: transparent transparent transparent #ef7057;
			position: absolute;
			top: 0;
			right: -25px;
		}
	
	#social .menu-social-container {
		width: 58.252427%; /* 600/1030 */
	}
	
	#social #menu-social {
		display: flex;
		justify-content: space-between;	
	}
	
		#social #menu-social li a {
			display: block;
			width: 45px;
			height: 45px;
			font-size: 18px;
			background: #dee47f;	
			color: #000;
			text-align: center;
			border-radius: 50%;
			padding-top: 9px;
		}
		
		#social #menu-social li a:hover {
			background: #7e1d68;
			color: #fff;
		}

/*--------------------------------------------------------------
## Welcome
--------------------------------------------------------------*/

#welcome {
	padding-top: 35px;
	border-bottom: 125px solid #f1f1f1;
	background: #ef7157;
	color: #fff;	
	text-align: center;
	margin-bottom: 40px;
}

#welcome .logo {
	margin-bottom: 50px;	
}

#welcome h2 {
	font-size: 80px;
	line-height: 1.1em;
	color: #fff;
	margin-bottom: 45px;	
}

#welcome .description {
	max-width: 995px;
	margin: 0 auto 40px auto;
	font-family: "filson-pro",sans-serif;
	font-size: 12px;
	line-height: 2.5em;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #fff;
}

#welcome .welcome-info {
	max-width: 920px;
	margin: 0 auto -90px auto;
	border: 2px solid #ef7157;
	display: flex;
	justify-content: space-between;	
	background: #fff;
}

	.welcome-info .current-theme {
		width: 45.652174%; /* 420/920 */	
	}
	
		.welcome-info .current-theme h3 {
			padding: 15px;
			text-align: center;
			font-weight: normal;
			border-bottom: 2px solid #ef7157;	
		}
		
		#welcome .welcome-info .current-theme h2 {
			font-family: 'Leitura Swashes';
			text-transform: none;
			font-size: 30px;	
			color: #000;
			padding: 20px 10px;
			margin-bottom: 0;
		}

	.welcome-info .welcome-cta {
		width: 27.173913%; /* 250/920 */	
		padding: 20px 30px;
		border-left: 2px solid #ef7157;
		text-align: left;
	}
		
		#welcome .welcome-info .welcome-cta h6 {
			line-height: normal;
			margin-bottom: 10px;
		}
		
		#welcome .welcome-info .welcome-cta h2 {
			font-size: 30px;
			color: #ef7157;
			line-height: 1.166667em;
			margin-bottom: 0;
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}
		
		#welcome .welcome-info .welcome-cta a:hover h2 {
			color: #000;	
		}

/*--------------------------------------------------------------
## Invite
--------------------------------------------------------------*/

#invite {
	padding: 60px 20px 30px 20px;
	text-align: center;
	margin-bottom: 30px;	
}

	#invite h3 {
		margin-bottom: 30px;	
	}
	
	#invite .description {
		font-family: "filson-pro",sans-serif;
		font-size: 12px;
		line-height: 2.5em;
		letter-spacing: .1em;
		text-transform: uppercase;
		max-width: 530px;
		margin: 0 auto 35px auto;
	}
	
	#invite a.button.invite-cta {
		padding: 20px;
		font-size: 11px;
		font-weight: bold;
		letter-spacing: .15em;
		color: #fff;
		background: #ef7157;
		border-radius: 3px;
	}
	
		#invite a.button.invite-cta:hover {
			background: #f1f1f1;
			color: #ef7157;
		}

/*--------------------------------------------------------------
# Single Post
--------------------------------------------------------------*/

.single-post .post {
	margin-bottom: 70px;	
}

.single-post .entry-title {
	font-family: 'Leitura', serif;
	font-size: 40px;	
	line-height: 105%;
	text-transform: none;
	color: #000;
	text-align: center;
	margin-bottom: 10px;
}

.single-post .entry-meta {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	text-align: center;
	font-family: "filson-pro",sans-serif;
	font-size: 12px;
	letter-spacing: .1em;
	text-transform: uppercase;
	font-weight: bold;
	color: #505050;
}

	.single-post .entry-meta ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline-block;
		margin-right: 30px;	
	}
	
	.single-post .entry-meta li {
		display: inline-block;
		margin-right: 30px;
		
		white-space: nowrap;
	}

	.single-post .entry-meta .share li {
		margin-right: 5px;	
	}
	
		.single-post .entry-meta li:last-of-type {
			margin-right: 0;	
		}

	.single-post .entry-meta a {
		color: #505050;
	}

	.single-post .entry-meta a:hover {
		color: #f37052;
	}

.single-post .featured-image {
	margin-bottom: 40px;
}

	.single-post .featured-image img {
		display: block;	
	}

.single-post .entry-content {
	max-width: 875px;
	margin: 0 auto;	
}

	.single-post .entry-content .one_half {
		padding-right: 10px;
	}
	
	.single-post .entry-content .one_half.last_column {
		padding-right: 0;
		padding-left: 10px;	
	}
	
	.single-post .entry-content h2 {
		font-size: 30px;
		color: #f37052;
		margin-bottom: 8px;
		letter-spacing: normal;	
	}
	
	.single-post .entry-content h3 {
		font-family: "filson-pro",sans-serif;
		font-size: 15px;
		letter-spacing: .05em;
		line-height: 175%;
		text-transform: uppercase;
		font-weight: bold;
		color: #7e1d68;
		margin-bottom: 8px;
	}
	
	.single-post .entry-content h4 {
		font-family: 'Leitura', serif;
		line-height: 175%;
		font-size: 15px;	
		text-transform: none;
		font-style: italic;
		color: #7e1d68;
		margin-bottom: 25px;
	}
	
	.single-post .entry-content ul {
		padding: 0;
		margin: 0 0 1.5em 0;
		list-style: none;	
	}
	
		.single-post .entry-content ul li {
			position: relative;
			padding-left: 40px;	
		}
	
		.single-post .entry-content ul li:before {
			content: '\2022';
			color: #7e1d68;
			font-size: 28px;
			position: absolute;
			top: -2px;
			left: 20px;
		}
	
/*--------------------------------------------------------------
## Single Post - Recipe
--------------------------------------------------------------*/

.single-post .category-recipes .featured-image {
	margin-bottom: -30px;
}

.recipe-summary {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	width: 90%;
	max-width: 1030px;
	margin: 0 auto 65px auto;	
}

	.recipe-nav {
		width: 120px;
		padding: 20px 5px;
		margin: 0 25px 0 0;
		background: #f37052;
		text-align: center;
		font-size: 8px;	
		font-weight: bold;
		letter-spacing: .15em;
		text-transform: uppercase;
		line-height: 3em;
		list-style: none;
	}
	
	#recipe-nav-scroll.recipe-nav {
		position: fixed;
		left: 20px;
		top: 125px;	
		z-index: 9000;
		opacity: 0;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;	
	}
	
	#recipe-nav-scroll.recipe-nav.active {
		opacity: 1;	
	}
	
		.recipe-nav li:first-of-type {
			font-family: "filson-pro",sans-serif;
			font-size: 12px;
			letter-spacing: .1em;
			text-transform: uppercase;
			font-weight: bold;
			color: #000;
		}
		
		.recipe-nav a {
			color: #fff;	
		}

		.recipe-nav a:hover {
			text-decoration: underline;
		}

	.recipe-quick-take {
		width: 87.378641%; /* 900/1030 */
		padding: 10px 20px 20px 20px;
		background: #f1f1f1;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;	
	}
	
		.print-post-link {
			display: block;
			text-align: right;
			font-family: "filson-pro",sans-serif;
			font-size: 12px;
			letter-spacing: .1em;
			text-transform: uppercase;
			color: #505050;
			width: 100%;
			margin-bottom: -30px;
		}
		
			.print-post-link i {
				color: #7e1d68;	
			}
		
		.recipe-quick-take > h2 {
			width: 100%;
			font-family: 'Leitura Swashes', serif;
			
			line-height: 105%;
			margin-bottom: 5px;	
		}
		
		.recipe-info {
			width: 38.372093%; /* 330/860*/
			padding-right: 35px;
			border-right: 7px solid #fff;
			margin: 0;
			list-style: none;
			font-family: "filson-pro",sans-serif;
			font-size: 12px;
			letter-spacing: .1em;
			text-transform: uppercase;
		}
		
			.recipe-info li {
				padding-left: 25px;	
			}
		
			.recipe-info i {
				width: 16px;
				text-align: center;
				margin-right: 5px;	
				color: #f37052;
				margin-left: -25px;
			}
			
			.recipe-info .info-label {
				color: #f37052;
				font-weight: bold;
			}
			
			.recipe-info .md-trigger {
				text-decoration: underline;
				cursor: pointer;	
			}
		
		.recipe-nutshell {
			width: 55.232558%; /* 475/860 */	
			font-size: 14px;
			font-style: italic;
			letter-spacing: .05em;
		}
		
			.recipe-nutshell h3 {
				font-size: 12px;
				color: #f37052;
				margin-bottom: 5px;
				font-style: normal;
			}

.single-post .category-recipes .entry-content {
	margin-bottom: 40px;
}

.recipe-section {
	border-top: 1px solid #f37052;
	max-width: 1030px;
	margin: 0 auto 40px auto;
}

.recipe-section-wrap {
	max-width: 875px;
	margin: 0 auto;	
}

	.recipe-section > h2 {
		display: inline-block;
		font-family: "semplicitapro",sans-serif;
		font-size: 8px;
		font-weight: bold;
		text-transform: uppercase;
		text-align: center;
		letter-spacing: .15em;
		color: #fff;
		padding: 10px;
		width: 110px;
		background: #f37052;
		margin-bottom: 30px;
	}
	
	.recipe-section.image-left .recipe-section-wrap {
		display: flex;
		justify-content: space-between;
	}
	
		.recipe-section.image-left .image {
			width: 54.285714%; /* 475/875 */	
		}
		
		.recipe-section.image-left .recipe-section-info {
			width: 41.142857%; /* 360/875 */	
		}
		
		.recipe-section-info h3 {
			font-size: 12px;
			color: #f37052;
			margin-bottom: 10px;
		}
		
		.recipe-section.image-left .recipe-section-info p {
			margin-bottom: 0;
			font-size: 15px;
			line-height: 2em;	
		}

		#ingredients ul {
			margin: 0 0 1.5em 0;
			padding: 0;
			list-style: none;
		}
		
		.instacart-link.button {
			font-size: 12px;
			font-weight: bold;
			margin-top: 25px;
			margin-bottom: 25px;
		}
		
		#method .recipe-section-wrap h2 {
			color: #f37052;	
		}
		
		.gallery {
			margin: 0;
			padding: 0;
			list-style: none;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: flex-start;	
		}
		
			.gallery li {
				position: relative;
				width: 23.428571%; /* 205/875 */	
				margin-bottom: 15px;
				overflow: hidden;
			}
			
			.gallery li img {
				display: block;	
			}
			
			.gallery li .caption {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				padding: 10px;
				background: rgba(80, 80, 80, .9);
				color: #fff;	
				font-size: 8px;
				font-weight: bold;
				letter-spacing: .15em;
				text-transform: uppercase;
				transform: translateY(100%);
				opacity: 0;
				-webkit-transition: all .3s ease-in-out;
				-moz-transition: all .3s ease-in-out;
				-ms-transition: all .3s ease-in-out;
				-o-transition: all .3s ease-in-out;
				transition: all .3s ease-in-out;
			}
			
			.gallery li:hover .caption {
				opacity: 1;
				transform: translateY(0);
			}

	#extras {
		display: flex;
		max-width: 1030px;
		margin: 0 auto 40px auto;	
	}
	
		#extras .half-section {
			width: 50%;	
		}
		
		#extras .half-section:first-of-type .recipe-section-wrap {
			padding-right: 55px;
		}
		
		#extras .half-section:last-of-type .recipe-section-wrap {
			padding-left: 25px;
		}
		
		#notes .recipe-section-wrap h2 {
			color: #f37052;	
		}
		
		#substitutions .ingredient,
		#substitutions .substitute {
			width: 38.775510%; /* 190/490 */
			padding-bottom: 10px;
		}
		
		#substitutions .arrow {
			width: 22.448980%; /* 110/490 */
			padding-bottom: 10px;
		}
		
		#substitutions th {
			text-align: left;
			font-family: 'Leitura', serif;
			font-style: italic;
			font-size: 30px;	
			text-transform: lowercase;
			color: #f37052;
		}
		
	#testing {
		margin-bottom: 120px;	
	}
	
	#testing > h2 {
		display: block;
		margin: 0 auto 20px auto;	
	}
	
		#testing .testing-subtitle {
			font-family: 'Leitura Swashes', serif;
			font-weight: normal;
			font-size: 50px;	
			text-transform: lowercase;
			letter-spacing: normal;
			color: #000;
			text-align: center;
			margin-bottom: 20px;
		}
		
		#testing .description {
			font-family: "filson-pro",sans-serif;
			font-weight: bold;
			font-size: 12px;
			letter-spacing: .1em;
			text-transform: uppercase;
			margin-bottom: 40px;
			text-align: center;
			color: #7e1d68;
		}
		
		#testing .description a {
			color: #7e1d68;
			text-decoration: underline;
		}
		
		#testing .feedback {
			margin: 0;
			padding: 0;
			list-style: none;	
		}
		
			#testing .feedback li {
				margin-bottom: 40px;	
				padding-left: 80px;
				position: relative;
			}
			
			#testing .feedback i {
				width: 40px;
				height: 40px;
				padding: 10px 0;
				margin-right: 40px;
				border-radius: 50%;
				font-size: 20px;
				color: #fff;
				background: #f37052;
				text-align: center;
				position: absolute;
				left: 0;
				top: 50%;
				margin-top: -20px;
			}
		
		#testing .gallery {
			justify-content: center;	
		}
		
		#testing .gallery li {
			width: 18.932039%; /* 195/1030 */
			margin: 0 5px;
		}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
	
#comments {
	border-top: 1px solid #f37052;
	max-width: 1030px;
	margin: 0 auto 110px auto;
}

#comments > h2 {
	display: inline-block;
	font-family: "semplicitapro",sans-serif;
	font-size: 8px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .15em;
	color: #fff;
	padding: 10px;
	width: 160px;
	background: #f37052;
	margin-bottom: 30px;
}
	
#comments-wrap {
	display: flex;
	justify-content: space-between;	
}

	#comments-thread {
		width: 73.300971%; /* 755/1030 */	
	}
	
	#extras-menu {
		width: 21.844660%; /* 225/1030 */	
	}
	
		#extras-menu ul {
			margin: 0;
			padding: 0;
			list-style: none;	
		}
		
		#extras-menu ul li {
			margin-bottom: 15px;	
			text-align: center;
		}
		
		#extras-menu ul li a {
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 10px 5px;
			text-align: center;
			min-height: 65px;
			background: #7e1d68;
			color: #fff;
			border-radius: 5px;
			font-weight: bold;
			font-size: 11px;
			text-transform: uppercase;
			letter-spacing: .15em;
		}
		
		#extras-menu ul li a:before,
		#extras-menu ul li a:after {
			content: '';
			display: block;
			width: 1px;
			height: 100%;	
		}
		
		#extras-menu ul li a:hover {
			background: #f37052;
		}

/*--------------------------------------------------------------
## Related Posts
--------------------------------------------------------------*/

#related-posts {
	position: relative;
	padding: 60px 0 65px 0;
	background: #f1f1f1;	
	margin-bottom: 50px;
	border-top: 10px solid #fff;
}

#related-posts:before {
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	background: url(images/orange-stripes.png) center repeat-x;
	position: absolute;	
	top: -10px;
	left: 0;
}

#related-posts .wrap {
	position: relative;	
}

#related-posts .wrap > h2 {
	position: absolute;
	padding: 0 10px;
	background: #fff;
	top: -92px;
	left: -10px;
	font-size: 45px;
	line-height: .75em;
	text-transform: none;
}

#related-posts #grid .mix {
	display: block;
	opacity: 1;
	margin-bottom: 0;
	border: none;
	background: #fff;
}

	.single-post #related-posts .mix .featured-image {
		margin-bottom: 0;
	}

	.single-post #related-posts .mix .entry-title {
		font-family: "semplicitapro",sans-serif;
		text-transform: none;
		font-size: 18px;
		line-height: 1.667em;
		letter-spacing: 0.05em;
	}
	
		.single-post #related-posts .mix .entry-title a {
			color: #000;	
		}


/*--------------------------------------------------------------
## Videos
--------------------------------------------------------------*/

.archive-header.video-header h1 {
	font-family: 'Leitura', serif;
	font-size: 40px;
	text-align: center;
}

#grid .mix.video {
	display: block;
	opacity: 1;	
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden;
	max-width: 100%; 
	margin-bottom: 10px;
} 

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

.md-trigger,
.md-close {
	cursor: pointer;	
}

.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 90%;
	max-width: 780px;
	min-width: 320px;
	height: auto;
	max-height: 90%;
	overflow-y: auto;
	z-index: 9500;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: #fff;
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 9400;
	opacity: 0;
	background: rgba(80, 80, 80, .8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

.md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	padding: 20px;
	position: relative;
	box-sizing: border-box;
}

	.md-inner {
		display: flex;
		justify-content: space-between;
	}

	.md-close {
		position: absolute;
		top: 0;
		right: 0;
		padding: 5px;
		z-index: 10;
		font-weight: bold;
		font-size: 11px;
		letter-spacing: .15em;
		text-transform: uppercase;
	}
	
.md-show .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.video-info-container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

	.video-info-container.in-post-video {
		display: block;
		text-align: right;
	}

.video-info h2 {
	font-family: 'Leitura Swashes', serif;
	color: #f37052;	
	font-size: 30px;
	text-transform: lowercase;
	letter-spacing: normal;
}

.video-info h3 {
	font-size: 12px;
	font-weight: normal;
}

	.video-info h3 a {
		color: #000;	
	}
	
.md-content .share {
	font-family: "filson-pro",sans-serif;
	font-size: 12px;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.md-content .share li {
	display: inline-block;
	margin-left: 5px;
	color: #505050;	
}

	.md-content .share li:first-of-type {
		margin-left: 0;	
	}

.md-content .share li a,
.recipe-info .md-content .share li a i {
	color: #505050;	
}

/*--------------------------------------------------------------
# Archives
--------------------------------------------------------------*/

.archive-header {
	margin-bottom: 20px;
}

	.archive-header h1 {
		font-size: 30px;
		color: #000;
		vertical-align: middle;
		margin-bottom: 0;
		line-height: normal;
	}
	
	.archive-header h1 span {
		display: inline-block;
		vertical-align: middle;
		padding: 15px 30px;
		background: #f1f1f1;
		color: #f37052;
		font-family: 'Leitura', serif;
		text-transform: lowercase;
		margin-right: 25px;	
	}

/*--------------------------------------------------------------
## Featured
--------------------------------------------------------------*/

#featured {
	display: flex;
	justify-content: space-between;	
	margin-bottom: 95px;
}

#featured .featured-post {
	width: 32.9166667%; /* 395/1200 */
	position: relative;	
}

	#featured .featured-post img {
		display: block;	
	}
	
	#featured .featured-post .entry-content {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;	
		color: #fff;
	}
	
	#featured .featured-post a {
		color: #fff;	
	}
	
	#featured .featured-post .category {
		font-family: 'Leitura', serif;
		font-style: italic;
		text-transform: lowercase;
		background: rgba(80, 80, 80, .9);
		display: inline-block;
		margin-left: 20px;
		padding: 10px 30px 0 30px;
		border-radius: 4px 4px 0 0;
	}
	
	#featured .featured-post .featured-post-title {
		padding: 10px 20px;
		background: rgba(80, 80, 80, .9);
		min-height: 100px;
		display: flex;
	}
	
	#featured .featured-post h3 {
		font-family: "semplicitapro",sans-serif;
		font-weight: normal;
		text-transform: none;
		font-size: 18px;
		line-height: 1.667em;
		letter-spacing: 0.05em;
		text-align: center;
		color: #fff;
		margin: auto;
	}

/*--------------------------------------------------------------
## Post Grid
--------------------------------------------------------------*/

#post-grid-header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;	
}

	#post-grid-header h1 {
		font-size: 50px;
		padding: 30px 20px;
		background: #f1f1f1;	
		width: 66.25%; /* 795/1200 */
	}
	
	#post-grid-header a {
		display: block;
		text-align: center;
		font-weight: bold;
		font-size: 11px;
		text-transform: uppercase;
		letter-spacing: .15em;
		background: #f37052;
		color: #fff;
		padding: 40px 10px;	
		width: 16.25%; /* 195/1200 */
	}
	
	#post-grid-header a:hover {
		background: #7e1d68;	
	}

.post-grid-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
}

	.post-grid-container .archive-post {
		width: 30%; /* 360/1200 */
		margin-bottom: 50px;	
		border: 2px solid #f1f1f1;
	}
	
	.post-grid-container .gap {
		width: 30%; /* 360/1200 */
	}
	
	.post-grid-container .archive-post .entry-content-container {
		padding: 15px 20px 25px 20px;
		display: flex;
		justify-content: space-between;	
	}
	
		.post-grid-container .archive-post .entry-content {
			order: 2;
			width: 72.602740%; /* 265/365 */
		}
		
			.post-grid-container .archive-post .entry-content .byline {
				font-weight: bold;
				font-size: 8px;
				text-transform: uppercase;
				letter-spacing: .15em;	
				margin-bottom: 5px;
				color: #505050;
			}
			
				.post-grid-container .archive-post .entry-content .byline a {
					color: #505050;
				}
				
			.post-grid-container .archive-post .entry-content .entry-title {
				font-family: "semplicitapro",sans-serif;
				font-weight: normal;
				text-transform: none;
				font-size: 18px;
				line-height: 1.667em;
				letter-spacing: 0.05em;
			}
		
		.post-grid-container .archive-post .entry-meta {
			order: 1;
			width: 50px;
			text-align: center;	
		}
		
			.post-grid-container .archive-post .entry-meta a {
				color: #505050;
				font-family: "filson-pro",sans-serif;
				font-weight: normal;
				font-size: 12px;
				letter-spacing: .1em;
				text-transform: uppercase;
			}
			
			.post-grid-container .archive-post .entry-meta .comments-link {
				padding-bottom: 10px;
				border-bottom: 2px solid #f1f1f1;
				margin-bottom: 10px;
			}
			
			.post-grid-container .archive-post .entry-meta .share {
				position: relative;	
			}
				
				.post-grid-container .archive-post .entry-meta .share .expand-share {
					cursor: pointer;
				}
				
				.post-grid-container .archive-post .entry-meta .share .share-submenu {
					margin: 0;
					padding: 5px;
					list-style: none;
					position: absolute;
					top: 100%;
					left: 0;
					width: 100%;
					text-align: center;
					background: #fff;
					display: none;
				}
				
				.post-grid-container .archive-post .entry-meta .share .share-submenu a {
					color: #f37052;
					font-size: 13px;	
				}
				
				.post-grid-container .archive-post .entry-meta .share .share-active .share-submenu {
					display: block;
				}

.load-more {
	text-align: center;
	margin-bottom: 35px;	
}

	.load-more a {
		display: inline-block;
		padding: 20px;
		font-weight: bold;
		font-size: 11px;
		text-transform: uppercase;
		letter-spacing: .15em;
		color: #fff;
		background: #f37052;
		border-radius: 4px;	
	}

/*--------------------------------------------------------------
# Recipes
--------------------------------------------------------------*/

#recipe-list {
	display: flex;
	justify-content: space-between;	
	align-items: flex-start;
	margin-bottom: 120px;
}

#recipe-list #controls-container {
	width: 26.25%; /* 315/1200 */
}

	#recipe-list #controls-container h1 {
		padding: 10px 5px;
		background: #fb7050;
		color: #fff;
		text-align: center;
		font-family: 'Leitura', serif;
		font-size: 30px;
	}
	
	#recipe-list #controls {
		padding: 40px 45px 45px 45px;
		background: #f1f1f1;	
	}
	
		#recipe-list #controls ul {
			margin: 0;
			padding: 0;
			list-style: none;	
		}
		
		#recipe-list #controls .searchandfilter ul,
		#recipe-list #controls .searchandfilter li {
			display: block;
			padding: 0;
		}
		
		#recipe-list #controls .searchandfilter > div > ul > li {
			margin-bottom: 40px;
		}
		
			#recipe-list #controls .searchandfilter > div > ul > li:first-of-type,
			#recipe-list #controls .searchandfilter > div > ul > li:last-of-type {
				margin-bottom: 0;	
			}
			
			#recipe-list #controls .searchandfilter > div > ul > li > ul {
				margin-top: 15px;	
			}
		
		#recipe-list #controls h3 {
			font-size: 11px;
			color: #fff;
			padding: 5px 5px 5px 70px;
			margin-left: -70px;
			margin-bottom: 30px;
			background: #505050;	
			letter-spacing: .15em;
		}
		
		#recipe-list #controls .searchandfilter h4 {
			margin: 0;
			color: #000;
			text-transform: none;	
		}
		
		#recipe-list #controls input[type="text"] {
			width: 100%;
			border: none;
			font-size: 10px;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: .15em;
			margin-bottom: 40px;	
		}
			
			#recipe-list #controls input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
			  color: #bbbbbb;
			}
			#recipe-list #controls input[type="text"]::-moz-placeholder { /* Firefox 19+ */
			  color: #bbbbbb;
			}
			#recipe-list #controls input[type="text"]:-ms-input-placeholder { /* IE 10+ */
			  color: #bbbbbb;
			}
			#recipe-list #controls input[type="text"]:-moz-placeholder { /* Firefox 18- */
			  color: #bbbbbb;
			}
			
		#recipe-list #controls label {
			font-size: 12px;
			text-transform: uppercase;
			letter-spacing: .1em;
			color: #49888f;	
		}
		
		#recipe-list input[type="checkbox"] {
			margin-right: 5px;
		}
		
		#recipe-list input[type="submit"] {
			background: #fb7050;
			color: #fff;
			font-size: 11px;
			font-weight: bold;
			letter-spacing: .15em;
			display: block;
			padding: 20px;
			border-radius: 4px;	
			width: 100%;
		}
		
		#recipe-list input[type="submit"]:hover {
			background: #7e1d68;
		}
	
#recipe-list #recipes {
	width: 67.083333%; /* 805/1200 */
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;	
	margin: 0;
	padding: 0;
	list-style: none;
}

	#recipe-list #recipes .recipe {
		width: 30.434783%; /* 245/805 */	
		margin-bottom: 45px;
		border: 2px solid #f1f1f1;
	}
		
		#recipe-list #recipes .recipe .featured-image {
			position: relative;	
		}
		
		#recipe-list #recipes .recipe img {
			display: block;	
		}
		
		#recipe-list #recipes .recipe .featured-image .view-post {
			display: flex;
			text-align: center;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: rgba(255, 255, 255, .8);
			opacity: 0;	
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}
		
			#recipe-list #recipes .recipe .featured-image .view-post span {
				margin: auto;
				font-family: 'Leitura Swashes', serif;
				font-size: 30px;
				text-transform: lowercase;
				letter-spacing: normal;
				color: #f37052;	
			}
			
			#recipe-list #recipes .recipe:hover .featured-image .view-post {
				opacity: 1;
			}
		
		#recipe-list #recipes .recipe h3 {
			font-family: "semplicitapro",sans-serif;
			font-weight: normal;
			text-transform: none;
			font-size: 18px;
			line-height: 1.667em;
			letter-spacing: 0.05em;
			text-align: center;
			padding: 20px 10px;
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}
		
			#recipe-list #recipes .recipe:hover h3 {
				color: #f37052;	
			}
	
	#recipe-list #recipes .gap {
		width: 30.434783%; /* 245/805 */	
	}
	
/*--------------------------------------------------------------
# Themes
--------------------------------------------------------------*/

#themes {
	margin-bottom: 110px;
	text-align: center;
}

#themes h1 {
	font-family: 'Leitura', serif;
	font-size: 40px;	
	line-height: normal;
	text-transform: none;
	color: #000;
	margin-bottom: 10px;
}

#themes h2 {
	font-family: "filson-pro", sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #7e1d68;
	margin-bottom: 20px;
}

.themes-cta {
	text-align: right;
}

	.themes-cta a.button {
		font-size: 11px;
		font-weight: bold;
	}

#themes-list ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

#themes-list li {
	position: relative;
	margin-bottom: 15px;	
	display: flex;
	height: 305px;
}

#themes-list li:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .2);
	z-index: 2;	
}

#themes-list h3 {
	font-family: 'Leitura Swashes', serif;
	font-size: 65px;
	font-weight: normal;
	line-height: 1em;
	color: #fff;	
	margin: auto;
	text-transform: none;
	letter-spacing: normal;
	position: relative;
	z-index: 3;
}

.tax-themes #current-theme {
	margin-bottom: 55px;
}

/*--------------------------------------------------------------
# Info Page
--------------------------------------------------------------*/

.page-featured-image {
	margin-bottom: 25px;	
}

.page-header {
	text-align: center;
	margin-bottom: 20px;	
}

	.page-header h1 {
		color: #000;	
		font-family: 'Leitura', serif;
		text-transform: lowercase;
	}

.page-content {
	max-width: 875px;
	margin: 0 auto 120px auto;	
}

/*--------------------------------------------------------------
# Popups
--------------------------------------------------------------*/

.popup-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	background: rgba(255, 255, 255, .7);	
}

.popup {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%)	;
	padding: 35px;
	max-width: 690px;
	width: 90%;
	background: #ef7157;
	color: #fff;
	text-align: center;
	z-index: 10000;
}

.popup .widget-title {
	font-size: 13px;
	text-align: center;
	color: #fff;
	margin-bottom: 25px;	
	letter-spacing: .15em;
	font-family: "semplicitapro",sans-serif;
	font-weight: bold;
}

#search-popup .search-form {
	display: flex;	
}

#search-popup .search-text {
	border: none;
	font-size: 11px;
	color: #505050;
	letter-spacing: .15em;
	font-family: "semplicitapro",sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

#search-popup .search-submit {
	font-size: 30px;
	color: #fff;
	background: #7e1d68;	
}
.page-id-6451 .mc-field-group.only-form-area {
  margin-top: 2.5rem;
  text-align: center;
  width: 55%;
  margin: 2.5rem auto 1rem;
}
.only-form-area input[type="text"], .only-form-area input[type="email"] {
  margin-bottom: 1rem;
}
.only-form-area label {
  margin-bottom: 5px;
}
@media screen and (max-width: 600px){
.page-id-6451 .mc-field-group.only-form-area {
  width: 80%;
}
}
#popup-box-gfcr-1 .popupally-inner-gfcr-1 .popupally-center-gfcr .content-gfcr input.field-gfcr[type="text"], #popup-embedded-box-gfcr-1 .popupally-inner-gfcr-1 .popupally-center-gfcr .content-gfcr input.field-gfcr[type="email"] {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  color: #000;
  float: left;
  font-family: "semplicitapro",sans-serif;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.15em;
  margin: 0 3px;
  padding: 10px;
  width: 49%;
}			
#popup-box-gfcr-1 .popupally-inner-gfcr-1 .popupally-center-gfcr .content-gfcr input.field-gfcr[type="text"], #popup-embedded-box-gfcr-1 .popupally-inner-gfcr-1 .popupally-center-gfcr .content-gfcr input.field-gfcr[type="text"], #popup-box-gfcr-1 .popupally-inner-gfcr-1 .popupally-center-gfcr .content-gfcr input.field-gfcr[type="email"], #popup-embedded-box-gfcr-1 .popupally-inner-gfcr-1 .popupally-center-gfcr .content-gfcr input.field-gfcr[type="email"]{
  background: #fff none repeat scroll 0 0 !important;
  border: medium none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #000 !important;
  float: left !important;
  font-family: "semplicitapro",sans-serif !important;
  font-size: 11px !important;
  font-weight: bold !important;
  letter-spacing: 0.15em !important;
  margin: 0 3px !important;
  padding: 10px !important;
  width: 49% !important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc !important;
}
@media screen and (max-width: 600px){
#popup-box-gfcr-1 .popupally-inner-gfcr-1 .popupally-center-gfcr .content-gfcr input.field-gfcr[type="text"], #popup-embedded-box-gfcr-1 .popupally-inner-gfcr-1 .popupally-center-gfcr .content-gfcr input.field-gfcr[type="email"] {
width: 100% !important;
margin-bottom: 15px !important;
}
#popup-box-gfcr-1 .popupally-inner-gfcr-1 .popupally-center-gfcr .content-gfcr input.field-gfcr[type="text"], #popup-embedded-box-gfcr-1 .popupally-inner-gfcr-1 .popupally-center-gfcr .content-gfcr input.field-gfcr[type="text"], #popup-box-gfcr-1 .popupally-inner-gfcr-1 .popupally-center-gfcr .content-gfcr input.field-gfcr[type="email"], #popup-embedded-box-gfcr-1 .popupally-inner-gfcr-1 .popupally-center-gfcr .content-gfcr input.field-gfcr[type="email"]{
width: 100% !important;
}
}
/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Desktop
--------------------------------------------------------------*/

@media screen and (min-width: 880px) {

#primary-menu {
	display: block;	
}

.slicknav_menu {
	display: none;	
}

}

@media screen and (max-width: 1300px) {

#primary-menu li {
	margin-left: 30px;
	font-size: 13px;	
}

}

@media screen and (max-width: 1300px) {

#scroll-navigation {
	display: none !important;	
}

}

@media screen and (max-width: 1120px) {

#masthead {
	display: block;
	padding: 25px 0;
}

#site-branding {
	margin: 0 auto 5px auto;
}

#primary-menu {
	text-align: center;	
}

#top-navigation {
	display: none;
}

#menu-footer {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
}

	#menu-footer li:nth-of-type(8n) {
		-webkit-column-break-after: always;
		break-after: column;
	}

	#menu-footer li:nth-of-type(4n) {
		-webkit-column-break-after: avoid;
		break-after: avoid;
	}

	#footer .widget:last-of-type .textwidget {
		display: block;
	}
	
		#footer #subscribe-description {
			width: 100%;
			margin-bottom: 20px;
		}
		
		#footer #mc_embed_signup {
			width: 100%;	
		}
#features-title h3,
#features-title:after {display: none;}
}

@media screen and (max-width: 1020px) {

.recipe-info {
	width: 100%;
	padding-right: 0;
	border-right: none;
	border-bottom: 7px solid #fff;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.recipe-nutshell {
	width: 100%;	
}

}

@media screen and (max-width: 990px) {

.controls h3 {
	display: block;
	margin-right: 0;
	margin-bottom: 10px;
}

.controls ul {
	display: block;
}

.controls ul li {
	margin-right: 35px;	
}

}

@media screen and (min-width: 767px) and (max-width: 990px) {

.feature-box h2 {
	font-size: 30px;	
}

}

/*--------------------------------------------------------------
## Tablet
--------------------------------------------------------------*/

@media screen and (max-width: 767px) {

.mobile {
	display: block;
}

.desktop {
	display: none;
}
	
.single-post .entry-content .one_half {
	padding-right: 0;
}

.single-post .entry-content .one_half.last_column {
	padding-right: 0;
	padding-left: 0;	
}

#footer {
	display: block;
}

	#footer .widget {
		width: 100%;
	}

	#footer .widget:first-of-type {
		border-right: none;
		border-bottom: 2px solid #ef7157;
		padding-right: 0;	
		padding-bottom: 40px;
		margin-bottom: 40px;
	}
	
	#footer .widget:last-of-type {
		padding-left: 0;	
	}

#menu-footer {
	-moz-column-count: 4;
	-webkit-column-count: 4;
	column-count: 4;
}

	#menu-footer li:nth-of-type(8n) {
		-webkit-column-break-after: avoid;
		break-after: avoid;
	}

	#menu-footer li:nth-of-type(4n) {
		-webkit-column-break-after: always;
		break-after: column;
	}

.controls {
	text-align: left;
}

.controls ul li {
	display: block;
	margin-bottom: 10px;
}

.controls ul li i {
	width: 22px;
	text-align: center;	
}

#grid .mix {
	width: 100%;
}

#features-title {
	display: block;
}

	#features-title:after {
		display: none;
	}

#features-title h3 {
	display: none;
}

	#features-title h3:after {
		display: none
	}

	#features .wrap {
		display: block;
	}
	
	.feature-box {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.feature-box:last-of-type {
		margin-bottom: 0;	
	}

#social .widget {
	flex-wrap: wrap;
}

	#social .widget-title {
		width: 95%;
		margin-bottom: 20px;	
	}
	
	#social .menu-social-container {
		width: 100%;	
	}

#previous-themes .wrap {
	display: block;
}

	#previous-themes .previous-theme {
		width: 100%;
		margin-bottom: 20px;	
	}

#welcome .welcome-info {
	display: block;
}

	.welcome-info .current-theme {
		width: 100%; /* 420/920 */	
	}

	.welcome-info .welcome-cta {
		width: 100%; /* 250/920 */
		border-left: none;
		border-top: 2px solid #ef7157;
	}

.single-post .entry-meta ul {
	display: block;
	margin-right: 0;	
}

.single-post .entry-meta li {
	display: block;
	margin-right: 0;
}

.single-post .entry-meta .share li {
	display: inline-block;
}

.recipe-summary {
	display: block;
	position: relative;
	z-index: 2;
}

.recipe-nav {
	width: 100%;
	margin: 0 0 25px 0;
}

	#recipe-nav-scroll.recipe-nav {
		top: 0;
		left: 0;
		margin: 0;	
	}
	
	#recipe-nav-scroll.recipe-nav li.desktop {
		display: none;	
	}

.recipe-quick-take {
	width: 100%;
}

.recipe-section.image-left .recipe-section-wrap {
	display: block;
}

	.recipe-section.image-left .featured-image {
		width: 100%;
		margin-bottom: 20px;	
		text-align: center;
	}
	
	.recipe-section.image-left .recipe-section-info {
		width: 100%;	
	}

.gallery li {
	width: 100%;	
}

.gallery li img {
	display: block;	
}

.gallery li .caption {
	position: static;
	bottom: auto;
	left: auto;
	padding: 0;
	background: none;
	color: #000;	
	transform: translateY(0);
	opacity: 1;
	margin-top: 10px;
}

#extras {
	display: block;
}

	#extras .half-section {
		width: 100%;	
	}

		#extras .half-section:first-of-type .recipe-section-wrap {
			padding-right: 0;
		}
		
		#extras .half-section:last-of-type .recipe-section-wrap {
			padding-left: 0;
		}

#comments-wrap {
	display: block;
}

	#comments-thread {
		width: 100%;
		margin-bottom: 20px;
	}
	
	#extras-menu {
		width: 100%;
	}

#featured {
	display: block;
}

#featured .featured-post {
	width: 100%;
	margin-bottom: 10px;
}

#post-grid-header {
	display: block;
}

	#post-grid-header h1 {
		width: 100%;
		margin-bottom: 5px;
	}
	
	#post-grid-header a {
		width: 100%;
		margin-bottom: 5px;
	}

.post-grid-container .archive-post {
	width: 100%;
}

.post-grid-container .gap {
	width: 100%;
}

.post-grid-container .archive-post .entry-content-container {
	display: block;
}

	.post-grid-container .archive-post .entry-content {
		order: 1;
		width: 100%; /* 240/365 */
	}
	
	.post-grid-container .archive-post .entry-meta {
		order: 2;
		width: 100%;
		text-align: left;
		margin-top: 10px;	
	}

		.post-grid-container .archive-post .entry-meta .comments-link {
			display: inline-block;
			padding-bottom: 0;
			padding-right: 10px;
			border-bottom: none;
			border-right: 2px solid #f1f1f1;
			margin-right: 10px;
		}
		
		.post-grid-container .archive-post .entry-meta .share {
			display: inline-block;	
		}
		
			.post-grid-container .archive-post .entry-meta .share .share-submenu {
				padding: 0;
				position: static;
				top: auto;
				left: auto;
				width: auto;
				text-align: left;
				background: none;
				display: none;
			}
			
			.post-grid-container .archive-post .entry-meta .share .share-active .share-submenu {
				display: inline-block;
			}
			
			.post-grid-container .archive-post .entry-meta .share .share-submenu li {
				display: inline-block;
				margin-left: 5px;	
			}

.video-info-container {
	display: block;
	justify-content: space-between;
	align-items: flex-start;
}

#recipe-list {
	display: block;
}

#recipe-list #controls-container {
	width: 100%;
	margin-bottom: 40px;	
}

#recipe-list #recipes {
	width: 100%;
}

	#recipe-list #recipes .recipe {
		width: 100%;
	}
	
	#recipe-list #recipes .gap {
		width: 100%;	
	}

}

@media screen and (max-width: 580px) {
#menu-footer {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
}

	#menu-footer li:nth-of-type(8n) {
		-webkit-column-break-after: always;
		break-after: column;
	}

	#menu-footer li:nth-of-type(4n) {
		-webkit-column-break-after: avoid;
		break-after: avoid;
	}
		
	#footer .mc-field-group {
		width: 100%;	
		margin-bottom: 5px;
	}
.print-post-link {
	margin-bottom: 10px;
}
#testing .feedback li {
	padding-left: 0;
}

#testing .feedback i {
	display: none;
}

#testing .gallery li {
	width: 100%;
	margin-bottom: 10px;	
}

#features-title h1 {
	font-size: 45px;
}

}

@media screen and (max-width: 400px) {

#current-theme-info h1 {
	font-size: 48px;	
}

.feature-box h2 {
	font-size: 24px;	
}

}

.hiddenpinimage { opacity: 0; position: absolute; top: 0; left: 0; height: 0px; width: 0px; } 
Read more at http://juliedeily.com/how-to-add-a-hidden-pinnable-image-to-blog-posts/#11Kds7EEGXGpiiFH.99
input[type="submit"].popupally-pro-form-submit {
	text-transform:lowercase;
}
#popup-box-pro-gfcr-1  input[type="submit"].submit-pro-khwybd {
	text-transform:lowercase;
}
#popup-box-pro-gfcr-2  input[type="submit"].submit-pro-khwybd {
	text-transform:lowercase;
}
#popup-box-pro-gfcr-3  input[type="submit"].submit-pro-khwybd {
	text-transform:lowercase;
}
#optinforms-form3-name-field{
background-image:none !important;
padding-left:13px !important;
}
#optinforms-form3-email-field{
background-image:none !important;
padding-left:13px !important;
}
@media screen and (max-width: 768px) {
div#optinforms-form3-title {
    text-align: center;
}
div#optinforms-form3-subtitle {
    text-align: center;
}
}
::-webkit-input-placeholder {
    color: #bcbcbc
 !important;
}
:-moz-placeholder {
    color: #bcbcbc
 !important;
}
::-moz-placeholder {
    color: #bcbcbc
 !important;
}
:-ms-input-placeholder
    color: #bcbcbc
 !important;
}
.sumome-share-client-wrapper.sumome-share-client-wrapper-right-page {
	margin-right: 10px;
}