/*
Theme Name: Sugar & Cloth
Theme URI: http://underscores.me/
Author: Janine Isabelle
Author URI: http://janineisabelle.ca
Description: Custom WordPress theme designed by Rowan Made
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

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.

This theme 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.

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
	## Fonts
# Navigation
	## Links
	## Menus
# Structure
	## Header
	## Body
	## Footer
# Posts and pages
# Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body {
	color: #767676;
	font-family: "karla", Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.45;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: normal;
}

article p,
#page p {
	margin-bottom: 1.5em;
	font-family: "gudea", Helvetica, sans-serif;
	font-size: 0.85em;
	text-align: justify;
	line-height: 1.65em;
	letter-spacing: 0.025em;
}

p strong {
	font-weight: 700;
}

p em {
	font-style: italic;
}

/*--------------------------------------------------------------
## Fonts
--------------------------------------------------------------*/

@font-face {
	font-family: 'gudea';
	src: url('fonts/gudea-bold-webfont.eot');
	src: url('fonts/gudea-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/gudea-bold-webfont.woff2') format('woff2'),
		 url('fonts/gudea-bold-webfont.woff') format('woff'),
		 url('fonts/gudea-bold-webfont.ttf') format('truetype'),
		 url('fonts/gudea-bold-webfont.svg#gudeabold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'gudea';
	src: url('fonts/gudea-italic-webfont.eot');
	src: url('fonts/gudea-italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/gudea-italic-webfont.woff2') format('woff2'),
		 url('fonts/gudea-italic-webfont.woff') format('woff'),
		 url('fonts/gudea-italic-webfont.ttf') format('truetype'),
		 url('fonts/gudea-italic-webfont.svg#gudeaitalic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'gudea';
	src: url('fonts/gudea-regular-webfont.eot');
	src: url('fonts/gudea-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/gudea-regular-webfont.woff2') format('woff2'),
		 url('fonts/gudea-regular-webfont.woff') format('woff'),
		 url('fonts/gudea-regular-webfont.ttf') format('truetype'),
		 url('fonts/gudea-regular-webfont.svg#gudearegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'karla';
	src: url('fonts/karla-regular-webfont.eot');
	src: url('fonts/karla-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/karla-regular-webfont.woff2') format('woff2'),
		 url('fonts/karla-regular-webfont.woff') format('woff'),
		 url('fonts/karla-regular-webfont.ttf') format('truetype'),
		 url('fonts/karla-regular-webfont.svg#karlaregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #767676;
	text-decoration: none;
	-webkit-transition: color 500ms ease;
	transition: color 500ms ease;
}

a:hover,
a:focus,
a:active {
	color: #f0cabd;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

p a,
.entry-content a {
	color: #f0cabd;
	border-bottom: 1px solid #f0cabd;
}

p a:hover,
.entry-content a:hover {
	color: #767676;
	border-bottom: 1px solid #f0cabd;
}

p a.pinit-button:hover {
	border-bottom: none;
}

a.pinit-button {
	border-bottom: none;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {
	clear: both;
	display: block;
	width: 100%;
	margin-top: 2%;
	text-align: center;
}

.main-navigation ul {
	display: none;
	max-width: 880px;
	width: 90%;
	margin: 0 auto;
	padding-bottom: 1.5%;
	border-bottom: 1px solid #e2e4e4;
}

.main-navigation li {
	display: inline-block;
	position: relative;
	padding: 0 2.5%;
	text-transform: uppercase;
	letter-spacing: 0.115em;
	border-right: 1px solid #e2e4e4;
}

.main-navigation li:first-of-type {
	padding: 0 2.5% 0 0;
}

.main-navigation li:last-of-type {
	padding: 0 0 0 2.5%;
	border-right: none;
}

.main-navigation a {
	display: block;
}

.main-navigation #s {
	background: url("images/global/search.png") 95% 50% no-repeat;
	background-size: 12px;
	padding-right: 20px;
	font-family: "karla", Helvetica, sans-serif;
}

.main-navigation input[type="text"] {
	max-width: 120px;
	border: none;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.115em;
	color: #767676;
}

nav.secondary-nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 75px;
	margin: 0 auto;
	background: #fff;
	border-bottom: 1px solid #e2e4e4;
	z-index: 999999;
}

#responsive-navigation,
.secondary-nav {
	display: none;
}

#responsive-navigation {
	position: relative;
	z-index: 0;
}

.secondary-nav ul {
	padding: 1.6% 0;
	border-bottom: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

.site-branding {
	width: 75%;
	margin: 4% auto;
	text-align: center;
}

.site-branding img {
	max-width: 500px;
	width: 100%;
}

/*--------------------------------------------------------------
## Body
--------------------------------------------------------------*/

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

footer.site-footer {
	background: #f7f7f7;
	padding: 15% 0 3%;
	margin-top: -10%;
}

#footer-container {
	max-width: 880px;
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

.footer-social {
	display: none;
}

.footer-column {
	display: inline-block;
	vertical-align: middle;
	max-width: 284px;
	width: 33%;
}

.footer-column:first-of-type {
	max-width: 540px;
	width: 60%;
}

.footer-column:last-of-type {
	max-width: 56px;
	width: 7%;
}

.site-footer #s {
	width: 100%;
	height: 75px;
	background: url("images/global/footer-search.png") 90% 50% no-repeat;
	background-size: 18px;
	background-color: #fff;
	border: none;
	border-radius: 0;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 28px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: #c3c3c3;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.site-footer input {
	padding: 10px 40px;
}

.site-footer h4 {
	font-size: 0.65em;
	text-transform: uppercase;
	line-height: 1.25em;
	letter-spacing: 0.105em;
	color: #c3c3c3;
}

.site-footer a {
	color: #c3c3c3;
}

.site-footer a:hover {
	color: #f9ddd0;
}

/*--------------------------------------------------------------
# Posts and pages
--------------------------------------------------------------*/

#page {
	max-width: 880px;
	width: 85%;
	margin: 0 auto;
}

/*--------------------------------------------------------------
## Home/Blog
--------------------------------------------------------------*/

/*------------------- FEATURED POST WIDGET -------------------*/

#featured-post,
#blog-feed {
	max-width: 880px;
	width: 85%;
	margin: 0 auto;
}

.feat-wrap {
	border-right: 1px solid #e2e4e4;
}

.tab-container,
.event-container {
	position: relative;
}

ul.tabs,
ul.event-tabs {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 35.1%;
}

ul.event-tabs {
	width: 40.1%;
}

ul.tabs li,
ul.event-tabs li {
	background: none;
	display: inline-block;
	width: 50%;
	padding: 22px 0 18px;
	border-top: 1px solid #e2e4e4;
	border-bottom: 1px solid #e2e4e4;
	cursor: pointer;
	font-size: 0.9em;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.2em;
	letter-spacing: 0.075em;
	color: #c3c3c3;
}

ul.tabs li.current:before,
ul.event-tabs li.highlight:before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	top: -1px;
	left: 43%;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #fff;
	-moz-transform: scale(0.999);
	-webkit-backface-visibility: hidden;
}

ul.tabs li.current,
ul.event-tabs li.highlight {
	position: relative;
	background: #f9ddd0;
	border: 1px solid #f9ddd0;
	color: #fff;
}

.tab-content {
	display: none;
}

.tab-content.current{
	display: inherit;
}

.featured-post-thumbnail,
.featured-post-info,
.featured-event-thumbnail,
.featured-event-info {
	display: inline-block;
	vertical-align: top;
	margin-bottom: -7px;
}

.featured-post-thumbnail {
	width: 65%;
}

.featured-post-thumbnail img,
.featured-event-thumbnail img {
	width: 100%;
}

.featured-post-info{
	width: 35%;
	padding: 9% 3%;
	border-top: 1px solid #e2e4e4;
	text-align: center;
}

.featured-post-info h1,
.featured-event-info h1 {
	padding: 10% 0 6%;
	font-family: "Pathway Gothic One", Helvetica, serif;
	font-size: 2.15em;
	text-transform: uppercase;
	line-height: 1em;
	letter-spacing: 0.075em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.featured-post-info h3 a,
.featured-event-info h3 a {
	display: none;
	font-size: 0.8em;
	text-transform: lowercase;
	line-height: 1.25em;
	letter-spacing: 0.075em;
}

.featured-post-info h3 a:first-of-type,
.featured-event-info h3 a:first-of-type {
	display: block;
	font-size: 1em;
	text-transform: uppercase;
}

.featured-post-info p,
.featured-event-info p {
	font-family: "gudea", Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.25em;
	letter-spacing: 0.05em;
}

.featured-post-info .more-link,
.featured-event-info .more-link {
	width: 130px;
	margin: 15% auto 0;
	padding: 12px 0 6px;
	border-top: 1px solid #f9ddd0;
	border-bottom: 1px solid #f9ddd0;
}

/*------------------- MAIN BLOG CONTENT -------------------*/

#blog-feed {
	position: relative;
	margin-top: 3%;
}

#blog-feed .entry-content img {
	width: 100%;
}

.social-float {
	position: fixed;
	left: 40px;
	bottom: 10%;
}

.social-float a {
	display: block;
}

.social-float a img {
	margin: 4px 0;
	opacity: 0.5;
	-webkit-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

.social-float a img:hover {
	opacity: 1;
}

#primary,
#secondary {
	display: inline-block;
	vertical-align: top;
}

#primary {
	max-width: 540px;
	width: 61.25%;
	margin-right: 4%;
}

#primary .post-resp {
	display: none;
}

#primary article {
	padding-top: 6.5%;
	border-top: 1px solid #e2e4e4;
}

#primary .entry-header {
	margin-bottom: 4%;
	text-align: center;
}

#primary .entry-header .entry-meta {
	font-size: 0.75em;
	letter-spacing: 0.075em;
}

#primary .entry-header h2 {
	font-family: "Pathway Gothic One", Helvetica, serif;
	font-size: 2.25em;
	text-transform: uppercase;
	line-height: 1.15em;
	letter-spacing: 0.075em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#primary .more-link {
	max-width: 150px;
	margin: 0 auto;
	text-align: center;
}

a.read-more {
	display: block;
	padding: 18px 20px;
	background: #f9ddd0;
	text-transform: uppercase;
	letter-spacing: 0.105em;
	color: #fff;
	-webkit-transition: background 500ms ease;
	transition: background 500ms ease;
}

a.read-more:hover {
	background: #767676;
}

.entry-footer {
	padding: 7.5% 0 5%;
}

.post-comments,
.post-sharing {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 3.5% 0;
}

.post-comments {
	padding-right: 6%;
	border-right: 1px solid #e2e4e4;
	font-size: 0.85em;
	text-transform: uppercase;
	text-align: right;
	letter-spacing: 0.175em;
}

.post-comments a {
	color: #c3c3c3;
}

.post-comments a:hover {
	color: #f0cabd;
}

.post-sharing {
	padding-left: 6%;
}

.post-sharing a img {
	width: auto;
	max-height: 17px;
	margin: 0 3px;
	opacity: 1;
	-webkit-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

.post-sharing a:hover img {
	opacity: 0.5;
}

/*------------------- SIDEBAR -------------------*/

#secondary {
	max-width: 300px;
	width: 34%
}

#secondary section {
	margin-bottom: 10%;
}

ul#menu-social {
	text-align: center;
}

ul#menu-social li {
	display: inline-block;
	margin: 0 3px;
}

ul#menu-social img {
	max-height: 16px;
	width: auto;
	opacity: 1;
	-webkit-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

ul#menu-social a:hover img {
	opacity: 0.5;
}

#secondary ul#menu-categories {
	padding: 12% 5%;
	border: 1px solid #e2e4e4;
	text-align: center;
}

#secondary ul#menu-categories li a {
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 1.9em;
	text-transform: uppercase;
	line-height: 1.25em;
	letter-spacing: 0.1em;
	color: #f0cabd;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#secondary ul#menu-categories li a:hover {
	color: #767676;
}

#secondary h2.widget-title {
	margin-bottom: 12%;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 2.125em;
	text-transform: uppercase;
	letter-spacing: 0.105em;
	text-align: center;
	-webkit-font-smoothing: antialiased;
}

#secondary .rpwe_widget h2.widget-title {
	position: relative;
}

#secondary .rpwe_widget h2.widget-title:after {
	content: url('images/blog/favorites-overlap.png');
	position: absolute;
	top: 50px;
	right: -18.5%;
	z-index: 999;
}

#secondary ul.rpwe-ul li {
	position: relative;
	display: inline-block;
	max-width: 143px;
	width: 48%;
	margin-bottom: 4%;
}

#secondary ul.rpwe-ul li:first-of-type {
	display: block;
	max-width: 300px;
	width: 100%;
}

#secondary ul.rpwe-ul li:nth-child(even) {
	margin-right: 4%;
}

#secondary ul.rpwe-ul li img {
	max-width: 100%;
	vertical-align: top;
}

#secondary ul.rpwe-ul li:hover h3 {
	opacity: 1;
}

#secondary ul.rpwe-ul li h3 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font: 0/0 a;
	background-color: rgba(240, 202, 189, 0.85);
	text-align: center;
	z-index: 100;
	opacity: 0;
	-webkit-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

#secondary ul.rpwe-ul li:first-of-type h3 a {
	font-size: 28px;
}

#secondary ul.rpwe-ul li h3 a {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	padding: 10%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	display: inline-block;
	vertical-align: middle;
	font-family: "karla", Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fff;
}

ul#menu-instagram {
	text-align: center;
}

ul#menu-instagram li:first-of-type {
	position: relative;
}

ul#menu-instagram li:first-of-type span.menu-image-title {
	position: absolute;
	bottom: -14px;
	right: 0;
	left: 0;
	width: 73px;
	height: 73px;
	background: #fff;
	-moz-border-radius: 36px;
	-webkit-border-radius: 36px;
	border-radius: 36px;
	margin: 0 auto;
	padding-top: 18px;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

ul#menu-instagram li:last-of-type {
	margin-top: -10px;
}

ul#menu-instagram li:last-of-type a {
	display: block;
	background: #f9ddd0;
	margin-top: -10px;
	padding: 12% 0 10%;
	text-transform: uppercase;
	letter-spacing: 0.085em;
	color: #fff;
	-webkit-transition: background 500ms ease;
	transition: background 500ms ease;
}

ul#menu-instagram li:last-of-type a:hover {
	background: #767676;
	color: #fff;
}

.newsletter {
	text-align: center;
}

.newsletter input {
	width: 100%;
	height: 65px;
	padding: 0 5%;
	border: 1px solid #e2e4e4;
	font-family: "karla", Helvetica, sans-serif;
	font-size: 0.95em;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.105em;
}

#secondary .newsletter input[type="submit"] {
		display: none;
}

.newsletter ::-webkit-input-placeholder {
	color: #c3c3c3;
}

/*------------------- BLOG FOOTER -------------------*/

#blog-footer {
	max-width: 880px;
	width: 85%;
	margin: 1% auto 0;
	padding-top: 4%;
	border-top: 1px solid #e2e4e4;
	text-align: center;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.page-nav,
#blog-footer h2 {
	display: inline-block;
	width: 33%;
	font-family: "Pathway Gothic One", Helvetica, serif;
}

.page-nav:first-of-type {
	text-align: left;
}

.page-nav:last-of-type {
	text-align: right;
}

#post-nav a,
#resp-post-nav a,
#blog-footer h2 {
	font-size: 2em;
	line-height: 1em;
	letter-spacing: 0.1em;
}

#post-nav a,
#resp-post-nav a {
	color: #f9ddd0;
}

#resp-post-nav,
#blog-footer h2.resp-title {
	display: none;
}

.popular-posts {
	position: relative;
	padding: 3.5% 0 2.5%;
	background: #fff;
	text-align: center;
}

#blog-footer ul.rpwe-ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 1% !important;
}

#blog-footer ul.rpwe-ul li:first-of-type {
	margin-left: 0 !important;
}

#blog-footer ul.rpwe-ul li:last-of-type {
	margin-right: 0 !important;
}

#blog-footer ul.rpwe-ul li h3 {
	max-width: 170px;
}

#blog-footer ul.rpwe-ul li h3 a {
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.105em;
	color: #c3c3c3;
	-webkit-transition: color 500ms ease;
	transition: color 500ms ease;
}

#blog-footer ul.rpwe-ul li:hover h3 a {
	color: #767676;
}

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

#blog-feed.single-post {
	margin-top: 0;
}

.single-post #primary article {
	padding-top: 0;
	border-top: none;
}

.single-post #primary .entry-header h2 {
	margin-top: 4%;
}

/*------------------- DIY BLOCK -------------------*/

.materials-block,
.things-block,
.places-block,
.eat-block,
.photo-block {
	position: relative;
	min-height: 220px;
	margin: 5% auto 6%;
	padding: 10% 8% 10% 20%;
	border: 1px solid #e2e4e4;
	text-transform: uppercase;
}

#format-heading {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -50px;
	right: 0;
}

#format-heading.things-heading {
	left: -64px;
}

#format-heading.eat-heading {
	left: -65px;
}

#format-heading.places-heading {
	left: -78px;
}

.simmer-recipe-details #format-heading {
	left: -60px;
}

#format-heading:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.format-heading-inner {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#format-heading h4 {
	background: #f9ddd0;
	padding: 5px 15px;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 1.75em;
	text-align: center;
	line-height: 1.5em;
	letter-spacing: 0.105em;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.materials-block p:before,
.things-block p:before,
.places-block p:before,
.eat-block p:before,
.photo-block p:before {
	content: '\25CF';
	padding-right: 5px;
	color: #f0cabd;
}

.materials-block p,
.things-block p,
.places-block p,
.eat-block p,
.photo-block p {
	margin-bottom: 4%;
	font-family: "karla", Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	color: #909090;
}

.materials-block p:last-of-type,
.things-block p:last-of-type,
.places-block p:last-of-type,
.eat-block p:last-of-type,
.photo-block p:last-of-type {
	margin-bottom: 0;
}

.materials-block p a,
.things-block p a,
.places-block p a,
.eat-block p a,
.photo-block p a {
	color: #909090;
	border-bottom: 1px solid #f0cabd;
	position: relative;
	z-index: 10000;
}

.materials-block p a:hover,
.things-block p a:hover,
.places-block p a:hover,
.eat-block p a:hover,
.photo-block p a:hover {
	color: #f0cabd;
	border-bottom: 1px solid #f0cabd;
}

/*------------------- RECIPE BLOCK -------------------*/

.recipe {
	margin: 5% auto 6%;
	padding: 0 6% 6%;
	border: 1px solid #e2e4e4;
	color: #909090;
}

.recipe h1.simmer-recipe-title {
	background: #f9ddd0;
	max-width: 350px;
	margin: 0 auto 8%;
	padding: 15px;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 1.75em;
	text-align: center;
	text-transform: uppercase;
	line-height: 1em;
	letter-spacing: 0.105em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.recipe h1.simmer-recipe-title a {
	pointer-events: none;
	border-bottom: none;
	cursor: default;
	color: #fff;
}

.recipe .simmer-recipe-timing,
.recipe .simmer-recipe-extras {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.105em;
}

.recipe li {
	line-height: 1.45em;
	letter-spacing: 0.075em;
}

.recipe .simmer-recipe-timing li {
	display: inline-block;
	margin-bottom: 0;
}

.recipe .simmer-recipe-timing li:first-of-type:after {
	content: '/';
	padding: 0 5px;
}

.recipe h3 {
	margin-bottom: 2%;
	padding-top: 6%;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 1.5em;
	text-transform: uppercase;
	letter-spacing: 0.105em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.recipe .simmer-recipe-ingredients {
	margin-top: 6%;
	border-top: 1px solid #e2e4e4;
}

.recipe .simmer-recipe-instructions {
	margin-bottom: 6%;
	padding-bottom: 6%;
	border-bottom: 1px solid #e2e4e4;
}

.recipe ul.simmer-ingredients li:before {
	content: '\2022';
	padding-right: 5px;
	color: #f0cabd;
}

.recipe ul.simmer-ingredients li {
	margin-bottom: 1.5%;
}

.recipe ul.simmer-instructions li {
	margin-bottom: 3%;
}

.recipe ul.simmer-ingredients li,
.recipe ul.simmer-instructions li {
	font-size: 0.85em;
}

.recipe ul.simmer-ingredients li:last-of-type,
.recipe ul.simmer-instructions li:last-of-type{
	margin-bottom: 0;
}

li.simmer-recipe-print {
	text-align: center;
}

li.simmer-recipe-print a {
	text-transform: uppercase;
}

/*------------------- COMMENTS -------------------*/

#blog-feed.single-post .entry-footer {
	padding: 2% 0 0;
}

#comments {
	border-top: 1px solid #e2e4e4;
	margin: 8% auto 5%;
	padding-top: 5%;
}

#comments h2.comments-title {
	margin-bottom: 5%;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 2.15em;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.105em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#primary #comments article {
	padding-top: 0;
	border-top: 0;
}

#primary #comments li.depth-1 {
	margin-bottom: 3%;
	padding: 6%;
	background: #f7f7f7;
	color: #9c9c9c;
}

#comments .author {
	margin-bottom: 6%;
	text-align: center;
	letter-spacing: 0.105em;
}

#comments .author h2 {
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 2em;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#comments .author h2 a {
	color: #9c9c9c;
}

#comments .author h3 {
	font-size: 0.8em;
}

#comments .reply {
	padding: 5% 0 4%;
	text-align: center;
}

#comments .reply a {
	background: #f9ddd0;
	padding: 15px 25px;
	font-size: 0.95em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.085em;
	color: #fff;
	-webkit-transition: background 500ms ease;
	transition: background 500ms ease;
}

#comments .reply a:hover {
	background: #9c9c9c;
}

#comments ul.children {
	padding-top: 1%;
}

#comments li.depth-2 {
	border-left: 6px solid #f9ddd0;
	padding-left: 7.5%;
}

#comments li.depth-2 .author {
	float: left;
	margin-bottom: 0;
	padding-right: 5px;
	text-align: left;
}

#comments li.depth-2 .author h2 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.15em;
}

nav.comment-navigation a {
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 1.85em;
	text-transform: uppercase;
	letter-spacing: 0.065em;
	color: #f9ddd0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

nav.comment-navigation a:hover {
	color: #a3a3a3;
}

/*------------------- COMMENT FORM -------------------*/

#respond {
	margin-top: 10%;
	text-align: center;
}

#respond h3#reply-title {
	margin-bottom: 6%;
	text-align: center;
}

#respond h3#reply-title:after {
	content: url("images/blog/leave-reply.png");
}

#respond .comment-column {
	display: inline-block;
	vertical-align: top;
	width: 48.5%;
}

#respond .comment-column:first-of-type {
	margin-right: 2%;
}

#respond .comment-column input {
	margin-bottom: 8%;
}

#respond input[type="text"],
#respond input[type="submit"] {
	height: 66px;
}

#respond input[type="text"],
#respond textarea,
#respond input[type="submit"] {
	width: 100%;
	font-family: "karla", Helvetica, sans-serif;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	text-align: center;
	border: 1px solid #e2e4e4;
}

#respond input[type="text"],
#respond textarea {
	background: #fff;
	color: #9c9c9c;
}

#respond textarea {
	height: 152px;
	padding-top: 9%;
	margin-bottom: 5%;
}

#respond input[type="submit"] {
	border: 1px solid #f9ddd0;
	background: #f9ddd0;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 1.5em;
	letter-spacing: 0.105em;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: background 500ms ease;
	transition: background 500ms ease;
}

#respond input[type="submit"]:hover {
	background: #9c9c9c;
}

.logged-in-as h2 {
	margin-bottom: 5px;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 1.5em;
	text-transform: uppercase;
	letter-spacing: 0.105em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.logged-in-as h3 {
	margin-bottom: 3%;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 0.105em;
}

/*--------------------------------------------------------------
## Gallery Pop-up
--------------------------------------------------------------*/

.gallery-box {
	display: none;
	position: fixed;
	bottom: 20%;
	left: 50%;
	z-index: 1;
	width: 880px;
	height: 678px;
	margin-left: -440px;
	padding: 1.25em 2em 2em;
	background: #fff;
	border: 1px solid #e2e4e4;
}

.flexslider {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	height: auto !important;
	margin: 0 auto !important;
	text-align: right;
}

.flex-direction-nav a {
	color: transparent;
}

.gallery-box .gallery-column {
	display: inline-block;
	vertical-align: top;
	width: 49%;
}

.gallery-box .gallery-column:first-of-type {
	margin-right: 2%;
}

.gallery-box h2 {
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 2em;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.15em;
	letter-spacing: 0.105em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0 auto 8%;
	padding-top: 6.5%;
	border-top: 1px solid #e2e4e4;
}

.gallery-box p {
	margin-bottom: 1.5em;
	font-family: "gudea", Helvetica, sans-serif;
	font-size: 0.85em;
	text-align: justify;
	line-height: 1.65em;
	letter-spacing: 0.025em;
}

/*--------------------------------------------------------------
## About
--------------------------------------------------------------*/

#page.about section {
	margin-bottom: 3%;
}

#page.about h2 {
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 2em;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.15em;
	letter-spacing: 0.105em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#page.about p {
	margin-bottom: 1.5em;
	font-size: 0.85em;
}

#about-bio {
	position: relative;
	margin-top: 3%;
}

#about-bio:before {
	content: url('images/about/circle-overlap.png');
	position: absolute;
	top: 40px;
	left: -6%;
	z-index: 999;
}

.bio-column,
.faq-column {
	display: inline-block;
	vertical-align: top;
	width: 48.5%;
	text-align: justify;
}

.bio-column:first-of-type,
.faq-column:first-of-type {
	margin-right: 3%;
}

#page.about .bio-column h2 {
	margin: 0 auto 4%;
	padding-top: 8%;
	border-top: 1px solid #e2e4e4;
}

.bio-column h3 {
	padding-bottom: 8%;
	font-size: 0.85em;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.075em;
}

.bio-column img {
	width: 100%;
}

.about-link,
.circle {
	display: inline-block;
}

.circle img {
	width: 100%;
}

#about-links {
	padding: 2%;
	border: 1px solid #e2e4e4;
	text-align: center;
}

.about-link {
	padding: 0 2%;
	border-right: 1px solid #e2e4e4;
}

.about-link:last-of-type {
	border-right: none;
}

.about-link a {
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 1.9em;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	color: #f0cabd;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.about-link a:hover {
	color: #767676;
}

#about-circles {
	padding: 5% 0;
	text-align: center;
}

.circle {
	width: 27%;
	margin: 0 3%;
}

#page.about section#about-faq {
	border-top: 1px solid #e2e4e4;
	margin-bottom: 2%;
	padding-top: 4%;
}

#about-faq h2 {
	margin-bottom: 5%;
}

.faq {
	background: #f9ddd0;
	margin-top: 1.5%;
	padding: 5%;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 1.25em;
	text-transform: uppercase;
	letter-spacing: 0.065em;
	color: #fff;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.faq:first-of-type {
	margin-top: 0;
}

.faq-up,
.faq-down {
	float: right;
}

.faq-answer {
	background: #f9ddd0;
	padding: 0 5% 1%;
}

.faq-answer p a {
	color: #767676;
	border-bottom: 1px solid #767676;
}

.faq-answer p a:hover {
	color: #fff;
}

/*--------------------------------------------------------------
## Events
--------------------------------------------------------------*/

/*------------------- FEATURED EVENT -------------------*/

#page.events h2 {
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 2em;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.15em;
	letter-spacing: 0.105em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#feat-event {
	position: relative;
}

.featured-event-thumbnail {
	width: 60%;
}

.featured-event-info {
	width: 40%;
	padding: 8% 5% 0;
	border-top: 1px solid #e2e4e4;
	text-align: center;
}

#page .featured-event-info p {
	text-align: center;
}

.featured-event-info .more-link {
	margin: 10% auto 0;
}

ul.event-tabs li.highlight {
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

ul.event-tabs li.highlight:hover {
	background: #767676;
	border: 1px solid #767676;
}

ul.event-tabs li.highlight a {
	color: #fff;
}

/*------------------- CURRENT EVENTS -------------------*/


#current-events {
	margin: 4% auto;
	padding: 4% 0;
	border-top: 1px solid #e2e4e4;
	border-bottom: 1px solid #e2e4e4;
}

.event-info {
	max-width: 425px;
	width: 80%;
	margin: 3% auto 5%;
}

.new-events li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	max-width: 190px;
	width: 21.5%;
	margin-right: 4%;
	margin-bottom: 4%;
}

.new-events li:nth-child(4) {
	margin-right: 0;
}

.new-events li img {
	max-width: 100%;
	width: 100%;
	vertical-align: top;
}

.new-events li:hover .event-overlay {
	opacity: 1;
}

.new-events li .event-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font: 0/0 a;
	background-color: rgba(240, 202, 189, 0.85);
	text-align: center;
	z-index: 100;
	opacity: 0;
	-webkit-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

.new-events li .event-overlay .overlay-inner {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	padding: 10%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	display: inline-block;
	vertical-align: middle;
	font-family: "karla", Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fff;
}

.event-overlay h3 a,
.sign-up a {
	font-family: "Pathway Gothic One", Helvetica, serif;
	text-transform: uppercase;
	line-height: 1.05em;
	letter-spacing: 0.075em;
	opacity: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

.event-overlay h3 a:hover,
.sign-up a:hover {
	opacity: 0.6;
}

.event-overlay h3 {
	padding-bottom: 20px;
	font-size: 1.75em;
}

.event-overlay h3 a {
	color: #fff;
}

.sign-up a {
	background: #fff;
	padding: 5px 10px;
	font-size: 1.35em;
	color: rgba(240, 202, 189, 0.85);
}

.ampersand {
	margin: 5% auto 3%;
	text-align: center;
}

/*------------------- PAST EVENTS -------------------*/

#past-events {
	text-align: center;
}

.old-events ul {
	margin-top: 4%;
}

.old-events li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 190px;
	margin-right: 4%;
	margin-bottom: 4%;
}

.old-events li:nth-child(4n) {
	margin-right: 0;
}

.old-events li img {
	max-width: 100%;
	width: 100%;
	vertical-align: top;
}

.old-events li h3 {
	margin-top: 3%;
	text-align: center;
}

.old-events li a h3 {
	display: block;
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 0.105em;
	color: #c3c3c3;
	-webkit-transition: color 500ms ease;
	transition: color 500ms ease;
}

.old-events li a:hover h3 {
	color: #767676;
}

/*--------------------------------------------------------------
## Press
--------------------------------------------------------------*/

#page.press h2 {
	margin: 4% auto;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 2em;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.15em;
	letter-spacing: 0.105em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.press-box {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-bottom: 4%;
	padding: 3%;
	border: 1px solid #e2e4e4;
}

.press-box:nth-of-type(odd) {
	margin-right: 4%;
}

.press-box h2 {
	color: #f0cabd;
	cursor: pointer;
	-webkit-transition: color 500ms ease;
	transition: color 500ms ease;
}

.press-box h2:hover {
	color: #767676;
}

.press-links {
	padding-top: 4%;
}

#page .press-links p {
	padding: 0 15%;
	text-align: center;
}

.press-links p a {
	border-bottom: none;
	text-transform: uppercase;
	color: #909090;
}

.press-links p a:hover {
	color: #f0cabd;
}

#feat-press {
	margin: 3% auto 6%;
	text-align: center;
}

#feat-press a img {
	max-width: 200px;
	width: 29%;
	margin: 0 2%;
}

/*--------------------------------------------------------------
## Contact
--------------------------------------------------------------*/

#page.contact h2 {
	margin: 4% auto;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 2em;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.15em;
	letter-spacing: 0.105em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#contact-info {
	position: relative;
	margin-top: 3%;
}

#contact-info:before {
	content: url('images/contact/contact-overlap.png');
	position: absolute;
	top: 60px;
	left: -6%;
	z-index: 999;
}

.contact-column {
	display: inline-block;
	vertical-align: top;
	width: 48.5%;
	text-align: justify;
}

.contact-column:first-of-type {
	margin-right: 3%;
}

.contact-column img {
	width: 100%;
}

#contact-email {
	margin: 3% auto 8%;
}

#contact-email h3 {
	width: 100%;
	padding: 3%;
	border: 1px solid #e2e4e4;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 2em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.105em;
	color: #f0cabd;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#contact-email .email-box {
	text-align: center;
}

#contact-email .email-box:after {
	content: url("images/contact/contact-bottom.png");
}

/*------------------- CONTACT FORM -------------------*/

#page.contact .contact-column h2 {
	margin: 0 auto 5%;
	padding-top: 6.5%;
	border-top: 1px solid #e2e4e4;
}

#page.contact .contact-column p {
	font-size: 0.8em;
	line-height: 1.45em;
}

.ninja-forms-required-items {
	display: none;
}

.contact-column .field-wrap {
	margin-bottom: 3.725%;
	text-align: center;
}

.contact-column .field-wrap:nth-last-child(2) {
	margin-bottom: 1.5%;
}

.contact-column .field-wrap:nth-child(n+4):nth-child(-n+5) {
	display: inline-block;
	width: 48%;
}

.contact-column .field-wrap:nth-child(4) {
	margin-right: 3%;
}

.contact-column .field-wrap input,
.contact-column .field-wrap textarea,
.contact-column .field-wrap select {
	background: transparent;
	border: 1px solid #e2e4e4;
	font-family: "karla", Helvetica, sans-serif;
	font-size: 0.8em;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.105em;
	color: #9c9c9c;
}

.contact-column .field-wrap input,
.contact-column .field-wrap select {
	width: 100%;
	height: 65px;
}

.contact-column .field-wrap select {
	background: url("images/category/category-down.png") 90% 50% no-repeat;
	background-size: 12px;
	border-radius: 0;
	padding: 7%;
}

.contact-column .textarea-wrap textarea {
	height: 165px;
	padding-top: 5%;
}

.contact-column .field-wrap input[type="submit"] {
	background: #f9ddd0;
	border: none;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 1.75em;
	letter-spacing: 0.105em;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: background 500ms ease;
	transition: background 500ms ease;
}

.contact-column .field-wrap input[type="submit"]:hover {
	background: #767676;
}

#page.contact .ninja-forms-response-msg p {
	margin-bottom: 2%;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 1.75em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.105em;
	color: #f0cabd;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*--------------------------------------------------------------
## Categories
--------------------------------------------------------------*/

/*------------------- CATEGORY NAV -------------------*/

#category-nav {
	margin: 2% auto 3%;
	text-align: center;
}

.category-title {
	display: inline-block;
	vertical-align: top;
	padding-top: 10px;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 1.75em;
	text-transform: uppercase;
	letter-spacing: 0.105em;
	color: #f0cabd;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.category-title img {
	padding-top: 6px;
	padding-right: 8%;
}

.category-heading {
	display: inline-block;
	vertical-align: middle;
	max-width: 420px;
	width: 47%;
	height: 66px;
	background: transparent;
	border: 1px solid #e2e4e4;
	text-align: center;
}

ul.category-heading {
	background: url("images/category/category-down.png") 95% 50% no-repeat;
	background-size: 12px;
	margin-left: 4%;
	text-align: left;
	cursor: pointer;
}

li.dropdown {
	padding: 20px;
	text-transform: uppercase;
	letter-spacing: 0.105em;
}

.menu-categories-container {
	position: relative;
}

ul.sub-menu {
	position: absolute;
	background: #fff;
	left: -1px;
	width: 100.5%;
	padding: 5%;
	z-index: 999;
	border-right: 1px solid #e2e4e4;
	border-left: 1px solid #e2e4e4;
	border-bottom: 1px solid #e2e4e4;
}

ul.sub-menu li {
	padding-bottom: 2%;
}

ul.sub-menu li a {
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 1.5em;
	text-transform: uppercase;
	letter-spacing: 0.105em;
	color: #f0cabd;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

ul.sub-menu li a:hover {
	color: #767676;
}

ul.subcategories {
	margin-top: 3%;
}

.subcategories li {
	display: inline-block;
	margin: 0 2%;
	font-size: 0.95em;
	text-transform: uppercase;
	letter-spacing: 0.105em;
}

.subcategories li.current-cat a {
	padding-bottom: 1px;
	border-bottom: 1px solid #f0cabd;
	color: #f0cabd;
}

/*------------------- CATEGORY POSTS -------------------*/

#category-posts article {
	display: inline-block;
	vertical-align: top;
	width: 190px;
	margin-right: 4%;
	margin-bottom: 4%;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.105em;
	text-align: center;
}

#category-posts article a {
	color: #c3c3c3;
}

#category-posts article:hover a {
	color: #767676;
}

#category-posts article:nth-child(4n) {
	margin-right: 0;
}

/*--------------------------------------------------------------
## Shop
--------------------------------------------------------------*/

#shop-top-image,
#shop-sc {
	margin-bottom: 3%;
}

/*------------------- SHOP SUGAR & CLOTH -------------------*/

#shop-sc h2 {
	margin-bottom: 3%;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 2em;
	text-transform: uppercase;
	letter-spacing: 0.105em;
	text-align: center;
	color: #767676;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	float: none;
	display: inline-block;
	width: 190px;
	margin-right: 4%;
	margin-bottom: 4%;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.105em;
	text-align: center;
}

.woocommerce ul.products li.product a,
.woocommerce-page ul.products li.product a {
	line-height: 1.25em;
	color: #767676;
}

.woocommerce ul.products li.product:hover a,
.woocommerce-page ul.products li.product:hover a {
	color: #f0cabd;
}

.woocommerce ul.products li.product .price {
	color: inherit;
	font-weight: normal;
	margin-bottom: 0;
	font-size: 0.95em;
}

.woocommerce ul.products li.product:nth-child(4n),
.woocommerce-page ul.products li.product:nth-child(4n) {
	margin-right: 0;
}

.woocommerce ul.products li.product a img {
	margin: 0 0 10px;
}

.woocommerce ul.products li.product h3 {
	padding: 0;
	font-size: 0.95em;
}

.woocommerce ul.products li.product a.button {
	display: none;
}

/*------------------- SHOP MAIN -------------------*/

#shop-info {
	margin-bottom: 6%;
}

.shop-column {
	display: inline-block;
	vertical-align: top;
	width: 48.5%;
	text-align: justify;
}

.shop-column:first-of-type {
	height: 854px;
	margin-right: 3%;
	padding: 7.5% 4% 6%;
	border: 1px solid #e2e4e4;
	text-align: center;
}

.shop-column:first-of-type img {
	margin-bottom: 10%;
}

#page .shop-column p {
	margin-bottom: 4%;
	text-align: center;
}

#page .shop-column p:last-of-type {
	text-align: justify;
}

.shop-column p a {
	border-bottom: none;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 2em;
	text-transform: uppercase;
	letter-spacing: 0.105em;
	color: #767676;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.shop-column p a:hover {
	color: #f0cabd;
}

.shop-column h4 {
	width: 56px;
	height: 56px;
	margin: 15% auto;
	padding-top: 16px;
	background: #f9ddd0;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	border-radius: 28px;
	font-size: 1.15em;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	color: #fff;
}

#shop-info .woocommerce ul.products li.product {
	display: inline-block;
	float: none;
	background: #f9ddd0;
	max-width: 207px;
	width: 49%;
	height: 207px;
	margin: 0 1% 2% 0;
	text-align: center;
	-webkit-transition: background 500ms ease;
	transition: background 500ms ease;
}

#shop-info .woocommerce ul.products li.product:nth-of-type(even) {
	margin: 0 0 2% 1%;
}

#shop-info .woocommerce ul.products li.product:hover {
	background: #767676;
}

#shop-info .woocommerce ul.products li.product h3 {
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 1.65em;
	text-transform: uppercase;
	letter-spacing: 0.105em;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*------------------- SHOP CATEGORIES -------------------*/

#category-products-heading {
	max-width: 360px;
	width: 90%;
	margin: 0 auto 5%;
	text-align: center;
}

#category-products-heading h2 {
	margin-bottom: 3%;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 2em;
	text-transform: uppercase;
	letter-spacing: 0.105em;
	color: #767676;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}

#page #category-products-heading p {
	text-align: center;
}

#category-products-heading:after {
	content: url("images/shop/shop-down.png");
}

/*--------------------------------------------------------------
# Search Results
--------------------------------------------------------------*/

.search-page h1 {
	margin-bottom: 3%;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 2em;
	text-transform: uppercase;
	letter-spacing: 0.105em;
	color: #f0cabd;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#primary.search-page .entry-header h2 {
	margin-top: 4%;
}

/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/

#page.four-oh-four {
	margin: 5% auto 10%;
	text-align: center;
}

.four-oh-four h1 {
	margin-bottom: 5px;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 2em;
	text-transform: uppercase;
	letter-spacing: 0.105em;
	color: #f0cabd;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#page.four-oh-four p {
	text-align: center;
}

/*--------------------------------------------------------------
## Photo School
--------------------------------------------------------------*/

.school section {
	margin-bottom: 6%;
	overflow: auto;
}

.school #school-fourth {
	border-top: 1px solid #e2e4e4;
	padding-top: 1%;
}

.school #school-third,
.school #school-fourth {
	max-width: 750px;
	margin: 0 auto 6%;
}

.school iframe {
	margin: 0 auto !important;
	text-align: center;
}

.school h2,
.school h3,
.school h4 {
	margin: 3% auto;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 2em;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.15em;
	letter-spacing: 0.105em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.school h2 {
	font-size: 2em;
	color: #f0cabd;
}

.school h3 {
	font-size: 1.85em;
	padding: 2% 0 1%;
}

.school .bio-column:last-of-type {
	margin: 0 auto;
	border-top: 1px solid #e2e4e4;
}

.school #school-second h4:first-of-type {
	padding: 2% 0 4%;
}

.school #school-second h4:last-of-type {
	background: #f9ddd0;
	font-size: 2.5em;
	padding: 6% 0;
}

.school #school-second h4 a {
	color: #fff;
}

#page.school p {
	max-width: 750px;
	margin: 0 auto 1%;
}

.school li:before {
	content: '\25CF';
	padding-right: 5px;
	color: #f0cabd;
}

.school li {
	margin-bottom: 2%;
	font-family: "gudea", Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.65em;
	letter-spacing: 0.025em;
}

.time_circles > div > h4 {
	font-size: 0.5em !important;
	line-height: 1.5em !important;
	letter-spacing: 0.05em;
}

#school-fifth {
	border-top: 1px solid #e2e4e4;
	border-bottom: 1px solid #e2e4e4;
	padding: 6% 0 4%;
}

#school-fifth .bio-column {
	vertical-align: middle;
	text-align: center;
}

#school-fifth h5 {
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: 0.065em;
}

#school-fifth img {
	max-width: 400px;
}

/*--------------------------------------------------------------
## Houston Guide Page
--------------------------------------------------------------*/

#houston-two,
#houston-three {
	margin-bottom: 5%;
}

#houston-two h2 {
	margin: 3% auto 4%;
	padding-top: 3%;
	border-top: 1px solid #e2e4e4;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 2em;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.15em;
	letter-spacing: 0.105em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

nav#houston-nav {
	margin-bottom: 6%;
	padding: 2%;
	border: 1px solid #e2e4e4;
	text-align: center;
}

nav#houston-nav li {
	display: inline-block;
	padding: 0 2%;
	border-right: 1px solid #e2e4e4;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 1.35em;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	color: #f0cabd;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	cursor: pointer;
}

nav#houston-nav li:last-of-type {
	border-right: none;
}

.tab-content {
	display: none;
}

.tab-content.current {
	display: inherit;
}

#houston-tabs article {
	margin-bottom: 6%;
	padding-bottom: 6%;
	border-bottom: 1px solid #e2e4e4;
}

#houston-tabs article:last-of-type {
	border-bottom: none;
}

.guide-column {
	display: inline-block;
	vertical-align: top;
	width: 49%;
}

.guide-column:first-of-type {
	margin-right: 2%;
}

.guide-column h2 {
	margin: 2% auto 8%;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 2em;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.15em;
	letter-spacing: 0.105em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.guide-bottom {
	margin-top: 1%;
}

.guide-bottom img {
	display: inline-block;
	width: 49%;
	margin-right: 2%;
}

.guide-bottom img:last-of-type {
	margin-right: 0;
}

/*--------------------------------------------------------------
## Default Page
--------------------------------------------------------------*/

#page-one {
	margin-bottom: 3%;
}

#page.default h2 {
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 2em;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.15em;
	letter-spacing: 0.105em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#page.default .bio-column h2 {
	margin: 0 auto 1%;
	padding-top: 8%;
	border-top: 1px solid #e2e4e4;
}

#page.default .bio-column h3 {
	padding-bottom: 0;
}

#page.default .bio-column p:first-of-type {
	padding-top: 8%;
}

#page-three {
	margin: 4% auto 5%;
}

#page-three a h3 {
	width: 100%;
	padding: 3%;
	border: 1px solid #e2e4e4;
	font-family: "Pathway Gothic One", Helvetica, sans-serif;
	font-size: 2em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.105em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#page-three a {
	color: #f0cabd;
}

#page-three a:hover {
	color: #c1c1c1;
}

#page-three .email-box {
	text-align: center;
}

.dividing-line {
	margin-top: 3%;
	border-bottom: 1px solid #e2e4e4;
}

#page-four {
	margin: 4% auto 7.5%;
}

#page-four h2 {
	padding-bottom: 3%;
	color: #f0cabd;
}

#page-four h3 {
	padding-bottom: 3%;
	font-size: 1.25em;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.075em;
}

#page-four li:before {
	content: '\25CF';
	padding-right: 5px;
	color: #f0cabd;
}

#page-four li {
	margin-bottom: 1%;
	font-family: "gudea", Helvetica, sans-serif;
	font-size: 0.85em;
	line-height: 1.65em;
	letter-spacing: 0.025em;
}

#page-four li:last-of-type {
	margin-bottom: 2%;
}

#page-five {
	margin-bottom: 6%;
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

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

	/* HOME */

	.social-float {
		display: none;
	}

	/* EVENTS */
	/* CATEGORIES */

	#category-posts {
		margin-bottom: 5%;
		text-align: center;
	}

	.old-events li,
	.old-events li:nth-child(4n),
	#category-posts article,
	#category-posts article:nth-child(4n) {
		margin: 2%;
	}
}

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

	#site-navigation,
	.main-navigation {
		display: none;
	}

	#responsive-navigation {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		display: block;
		width: 100%;
		margin: 0 auto;
		background: #f7f7f7;
		text-align: center;
		z-index: 9999;
	}

	.nav-title,
	#responsive-navigation li {
		text-transform: uppercase;
		letter-spacing: 0.115em;
	}

	.menu-social-responsive-container li {
		display: inline-block;
		margin: 0 3px;
	}

	.menu-social-responsive-container li img {
		max-height: 16px;
		width: auto;
		opacity: 1;
		-webkit-transition: opacity 500ms ease;
		transition: opacity 500ms ease;
	}

	.menu-social-responsive-container li img:hover {
		opacity: 0.7;
	}

	.nav-title {
		padding: 2.5% 0;
		cursor: pointer;
	}

	.nav-content {
		padding: 2% 0;
		border-top: 2px solid #fff;
	}

	.nav-content li {
		padding: 1% 0;
	}

	.site-branding {
		margin: 15% auto 6%;
	}

	/* HOME */

	.tab-container {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.featured-post-info {
		padding: 7.5% 5%;
	}

	.featured-post-info h1 {
		padding: 10% 0 5%;
		font-size: 2em;
	}

	.featured-post-info p,
	#page .featured-event-info p {
		font-size: 0.75em;
	}

		/* ABOUT */

	.about-link a {
		font-size: 1.7em;
	}

	.faq-column {
		display: block;
		width: 100%;
	}

	.faq {
		margin-top: 1%;
		padding: 3%;
		font-size: 1.45em;
	}

	#about-faq {
		padding: 8% 0 5%;
	}

	.faq-column:first-of-type {
		margin-right: 0;
		margin-bottom: 8%;
		padding-bottom: 5%;
		border-bottom: 1px solid #e2e4e4;
	}

	.faq-answer {
		padding: 0 5% 3%;
	}

	/* SHOP */

	.shop-column {
		display: block;
		width: 100%;
		height: auto;
		text-align: center;
	}

	.shop-column:first-of-type {
		height: auto;
		margin-right: 0;
		margin-bottom: 5%;
	}

	#shop-info .woocommerce ul.products li.product,
	#shop-info .woocommerce ul.products li.product:nth-of-type(even) {
		width: 207px;
		margin: 2%;
	}

	.materials-block p a,
	.things-block p a,
	.places-block p a,
	.eat-block p a,
	.photo-block p a {
		position: static;
	}


}

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

	/* EVENTS */

	.featured-event-info h1 {
		padding: 10% 0 5%;
		font-size: 1.8em;
	}

}

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

	footer.site-footer {
		margin-top: -20%;
		padding: 30% 0 10%;
	}

	.footer-column:first-of-type {
		width: 65%;
	}

	.footer-column:last-of-type {
		display: block;
		width: 100%;
		margin: 3% auto;
	}

	/* HOME */

	.featured-post-info {
		padding: 6% 5%;
	}

	.featured-post-info h1 {
		font-size: 1.8em;
	}

	#blog-footer ul.rpwe-ul li,
	#blog-footer ul.rpwe-ul li:first-of-type,
	#blog-footer ul.rpwe-ul li:last-of-type {
		margin: 1.5% !important;
	}

	#blog-footer ul.rpwe-ul li {
		width: 45%;
	}

	#blog-footer ul.rpwe-ul li img {
		width: 100%;
	}

	#blog-footer ul.rpwe-ul li h3 {
		max-width: 100%;
	}

	/* ABOUT */
	/* CONTACT */

	.bio-column,
	.contact-column {
		display: block;
		width: 100%;
	}

	.bio-column:first-of-type,
	.contact-column:first-of-type {
		margin-right: 0;
	}

	#page.about .bio-column h2,
	#page.contact .contact-column h2 {
		border-top: none;
		padding-top: 6%;
	}

	#page.about .bio-column h2 {
		margin: 0 auto;
	}

	.bio-column h3 {
		padding-bottom: 5%;
	}

}

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

	.footer-column,
	.footer-column:first-of-type {
		display: block;
		max-width: 100%;
		width: 100%;
		margin-bottom: 5%;
	}

	/* HOME */

	.feat-wrap {
		border-right: 1px solid #e2e4e4;
	}

	.featured-post-info {
		padding: 11% 3% 0;
	}

	.featured-event-info {
		padding: 7.5% 3% 0;
	}

	.featured-post-info,
	.featured-event-info {
		border-right: none;
	}

	ul.tabs,
	ul.event-tabs {
		position: relative;
		bottom: 0;
		width: 100%;
	}

	ul.tabs li,
	ul.event-tabs li {
		border-left: 1px solid #e2e4e4;
	}

	ul.tabs li.current:before,
	ul.event-tabs li.highligh:before {
		left: 47.5%;
	}

	/* ABOUT */

	#about-links {
		margin: 8% auto;
		padding: 5%;
	}

	.about-link {
		display: block;
		padding: 0;
		border-right: none;
	}

	.about-link a {
		font-size: 2em;
	}

	/* EVENTS */

	.new-events li {
		max-width: 100%;
		width: 45%;
		margin: 2%;
	}

	/* PRESS */

	.press-box {
		display: block;
		width: 100%;
	}

	#feat-press {
		margin: 8% auto;
	}

}

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

	/* HOME */

	#primary,
	#secondary {
		display: block;
		max-width: 100%;
		width: 100%;
	}

	#primary {
		margin-top: 8%;
		margin-right: 0;
		text-align: center;
	}

	#blog-feed.single-post,
	.single-post #primary {
		margin-top: 0;
	}

	#primary:before {
		content: 'All Posts';
		font-family: "Pathway Gothic One", Helvetica, sans-serif;
		font-size: 2.25em;
		text-transform: uppercase;
		letter-spacing: 0.105em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.single-post #primary:before {
		content: '';
	}

	#primary .post-main {
		display: none;
	}

	#primary .post-resp {
		display: block;
	}

	#primary article {
		border-top: none;
	}

	#primary .entry-header h2 {
		margin-top: 5%;
	}

	#secondary section img {
		width: 100%;
	}

	.rpwe_widget h2.widget-title:after {
		content: '' !important;
	}

	#secondary ul.rpwe-ul li:first-of-type {
		max-width: 100%;
	}

	#secondary ul.rpwe-ul li {
		max-width: 48%;
	}

	#secondary ul.rpwe-ul li img {
		width: 100%;
	}

	#secondary .rpwe_widget {
		border-bottom: none;
	}

	#secondary .newsletter img {
		width: auto;
	}

	#primary article:last-of-type {
		border-bottom: 1px solid #e2e4e4;
	}

	.single-post #primary article:last-of-type {
		border-bottom: none;
	}

	#blog-footer h2 {
		width: 100%;
	}

	#resp-post-nav,
	#blog-footer h2.resp-title {
		display: block;
	}

	#blog-footer h2.resp-title {
		margin: 0 auto;
	}

	#post-nav {
		display: none;
	}

	#resp-post-nav {
		margin: 10% auto;
		text-align: center;
		text-transform: uppercase;
	}

	.page-nav:first-of-type,
	.page-nav,
	.page-nav:last-of-type {
		display: block;
		width: 100%;
		text-align: center;
	}

	#resp-post-nav a:hover {
		color: #c3c3c3;
	}

	/* SINGLE */

	#format-heading {
		right: initial;
	}

	#comments {
		width: 85%;
		padding-top: 5%;
		margin: 10% auto 5%;
	}

	/* CATEGORIES */

	.category-heading {
		display: block;
		max-width: 100%;
		width: 100%;
	}

	ul.category-heading {
		margin-top: 2%;
		margin-left: 0;
	}

	ul.sub-menu {
		width: 100.35%;
	}

}

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

	/* HOME */

	.feat-wrap {
		border-right: none;
	}

	.tab-content,
	.event-content {
		max-width: 600px;
		width: 100%;
		margin: 0 auto;
	}

	.featured-post-thumbnail,
	.featured-post-info,
	.featured-event-thumbnail,
	.featured-event-info {
		display: block;
		width: 100%;
	}

	.featured-post-info,
	.featured-event-info {
		border-right: 1px solid #e2e4e4;
		border-left: 1px solid #e2e4e4;
		border-top: none;
		padding: 15% 10%;
	}

	.featured-post-info h1,
	.featured-event-info h1 {
		font-size: 2.25em;
	}

	.featured-post-info p,
	#page .featured-event-info p {
		font-size: 0.85em;
	}

	ul.tabs li,
	ul.event-tabs li {
		border-right: 1px solid #e2e4e4;
	}

}

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

	/* HEADER */

	.site-branding {
		margin: 21% auto 8%;
	}

	.nav-title,
	.nav-content {
		padding: 4.5% 0;
	}

	.nav-content li {
		padding: 1.5% 0;
	}

	/* FOOTER */

	.footer-social {
		display: block;
		margin-bottom: 8%;
		text-align: center;
	}

	/* COMMENTS */

	#respond .comment-column {
		display: block;
		width: 100%;
	}

	#respond .comment-column:first-of-type {
		margin-right: 0;
	}

	#respond .comment-column input {
		margin-bottom: 2%;
	}

	/* CONTACT */

	#contact-email h3 {
		font-size: 1.5em;
		line-height: 1.15em;
	}

}

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

	.site-footer #s {
		background: none;
		background-color: #fff;
	}

	.popular-posts {
		width: 95%;
		margin: 0 auto;
	}

	/* HOME */

	#featured-post,
	#blog-feed,
	#blog-footer {
		width: 100%;
	}

	#primary h3.entry-title,
	#primary .entry-content {
		width: 85%;
		margin: 0 auto;
	}

	.newsletter input {
		display: block;
		width: 85%;
		margin: 0 auto;
	}

	/* ABOUT */

	#page {
		width: 100%;
	}

	#page.about p {
		width: 85%;
		margin: 0 auto 1.5em;
	}

	#about-circles {
		display: none;
	}

	#about-faq {
		padding: 5% 0;
		border-top: none;
	}

	/* EVENTS */

	#current-events {
		margin: 8% auto;
		border-top: none;
		border-bottom: none;
	}

	#past-events {
		margin-bottom: 8%;
	}

	/* CONTACT */

	#page.contact .contact-column p {
		max-width: 85%;
		margin: 0 auto 1.5em;
	}

	.ninja-forms-cont {
		width: 85%;
		margin: 0 auto;
	}

	.contact-column .field-wrap:nth-child(n+4):nth-child(-n+5) {
		display: block;
		width: 100%;
	}

	.contact-column .field-wrap:nth-child(4) {
		margin-right: 0;
	}

	#contact-email {
		margin: 8% auto:
	}

}

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

	.site-branding {
		margin: 26% auto 11%;
	}

	.site-footer #s {
		background: url("images/global/footer-search.png") 90% 50% no-repeat;
		background-color: #fff;
		background-size: 18px;
	}

	.site-footer ::-webkit-input-placeholder {
		opacity: 0;
	}

	.site-footer ::-moz-placeholder {
		opacity: 0;
	}

	.site-footer :-moz-placeholder {
		opacity: 0;
	}

	.site-footer :-ms-input-placeholder {
		opacity: 0;
	}

	/* CONTACT */

	#contact-email h3 {
		font-size: 1.25em;
	}

	#page.school p,
	.school ul {
		padding: 0 5%;
	}

}