/*
Theme Name: Honestly WTF
Theme URI: https://www.honestlywtf.com/
Author: Design by Victoria McGinley, Code by Elembee
Author URI: https://elembee.com
Description: A custom theme for Honestly WTF designed by Victoria McGinley and coded 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: honestlywtf
Tags:

Honestly WTF 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:
----------------------------------------------------------------
# Import Styles
# Typography
# Links
# Elements
# Forms
# Media
	## Captions
# Accessibility
# Alignments
# Clearings
# Layout
--------------------------------------------------------------*/

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

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

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

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

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

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

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    font-family: "freight-sans-pro",sans-serif;
	font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.025em;
    color: #11181C;
}

h1, .h1 {
    font-family: "escrow-banner",serif;
    font-size: 48px;
    font-weight: bold;
	font-style: normal;
    line-height: 1.146em;
    letter-spacing: 0.025em;
    color: #11181C;
	text-transform: none;
}

h2, .h2 {
    font-family: "escrow-banner-compressed",serif;
    font-size: 24px;
    font-weight: 600;
    font-style: italic;
    line-height: 0.833em;
    letter-spacing: 0.05em;
    color: #11181C;
	text-transform: none;
}

h3, .h3 {
    font-family: "escrow-banner",serif;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    line-height: 1.571em;
    letter-spacing: 0.05em;
    color: #464647;
	text-transform: none;
}

h4, .h4 {
    font-family: "tt chocolates",sans-serif;
    font-size: 16px;
    font-weight: normal;
	font-style: normal;
    line-height: 1.75em;
    letter-spacing: 0.05em;
    color: #464647;
    text-transform: uppercase;
}

h5, .h5 {
    font-family: "tt chocolates",sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: 0.025em;
    color: #11181C;
}

h6, .h6 {
    font-family: "escrow-banner",serif;
    font-size: 36px;
    font-weight: normal;
    font-style: italic;
    line-height: 0.833em;
    letter-spacing: 0.025em;
    color: #11181C;
	text-transform: none;
}

.type-1 {
    font-family: "escrow-banner",serif;
    font-size: 36px;
    font-weight: normal;
	font-style: normal;
    line-height: 1em;
    letter-spacing: 0.025em;
    color: #000;
	text-transform: none;
}

.type-2 {
    font-family: "tt chocolates",sans-serif;
    font-size: 24px;
    font-weight: normal;
	font-style: normal;
    line-height: 1.25em;
    letter-spacing: 0.125em;
    color: #000;
    text-transform: uppercase;
}

.type-3 {
    font-family: "tt chocolates",sans-serif;
    font-size: 12px;
    font-weight: bold;
	font-style: normal;
    line-height: 1.25em;
    letter-spacing: 0.125em;
    color: #000;
    text-transform: uppercase;
}

.type-4 {
    font-family: "tt chocolates",sans-serif;
    font-size: 10px;
    font-weight: normal;
	font-style: normal;
    line-height: 1.3em;
    letter-spacing: 0.05em;
    color: #11181C;
    text-transform: uppercase;
}

.type-5 {
    font-family: "escrow-banner",serif;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    line-height: 1.143em;
    letter-spacing: 0.05em;
    color: #11181C;
    text-transform: lowercase;
}

.type-6 {
    font-family: "tt chocolates",sans-serif;
    font-size: 18px;
    font-weight: normal;
	font-style: normal;
    line-height: 1.222em;
    letter-spacing: 0.05em;
    color: #000;
    text-transform: uppercase;
}

p {
	margin-bottom: 1.5em;
	line-height: 1.31em;
}

p.large {
	font-size: 16px;
	line-height: 1.3125em;
}

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

blockquote, .blockquote {
    font-family: "escrow-banner",serif;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    line-height: 1.571em;
    letter-spacing: 0.05em;
    color: #464647;
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
	color: #11181C;
	-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;
}

.entry-content a {
	font-weight: bold;
	border-bottom: 1px solid #E2B58E;
}

.entry-content a:hover {
	color: #E2B58E;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	outline: none;
	cursor: pointer;
	border: none;
	background: #F2F1F1;
    font-family: "tt chocolates",sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.231em;
    letter-spacing: 0.1em;
    color: #000;
	text-transform: uppercase;
	padding: 10px 30px;
	-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;
}

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

.button, .button-2 {
	display: inline-block;
}

.button-2 {
    background: #F2F1F1;
    padding: 7px 36px;
	font-size: 24px;
}

.button-2:hover {
    background: #F2D9C0;
}

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 {
	box-sizing: border-box;
	outline: none;
	width: 100%;
	border: none;
	padding: 15px;
	background: #F1F1F1;
}

select {
	border: 1px solid #ccc;
}

label {
	display: block;
    font-family: "tt chocolates",sans-serif;
    font-size: 14px;
    font-weight: normal;
	font-style: normal;
    letter-spacing: 0.05em;
    color: #11181C;
    text-transform: uppercase;
	margin-bottom: 5px;
}

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

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

body {
	padding-top: 60px;
}

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

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

.flex-wrap {
	flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
	.flex {
		flex-wrap: wrap;
	}
}

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

#masthead {
	height: 60px;
	width: 100%;
	padding: 0 1em;
	position: fixed;
	top: 0;
	background: rgba(255, 255, 255, .9);
	z-index: 9999;
}

#masthead .wrap {
	height: 60px;
	width: 100%;
	max-width: 1680px;
	align-items: center;
}

#site-branding .fa {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	margin-right: 20px;
}

.site-title {
	margin-bottom: 0;
	width: 180px;
	display: inline-block;
	vertical-align: middle;
}

.site-title a {
	display: block;
	width: 100%;
	padding-top: 16px;
	background: url(images/logo.png) center no-repeat;
	background-size: contain;
}

.site-title span {
	display: none;
}

#site-branding #search {
	display: none;
}

#site-branding a:hover {
	color: #E2B58E;
}

@media screen and (max-width: 810px) {
	#site-branding {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	#site-branding #search {
		display: block;
	}

}

/*--------------------------------------------------------------
## Site Navigation
--------------------------------------------------------------*/

#site-navigation #mega-menu-wrap-primary {
    font-family: "tt chocolates",sans-serif;
    font-size: 14px;
    font-weight: normal;
	font-style: normal;
    letter-spacing: 0.05em;
}

#site-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	-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;
}

#site-navigation #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after {
	display: none;
}

#site-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-of-type {
	margin: 0;
}

#site-navigation #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
	float: none;
}

#site-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu {
	display: flex;
	justify-content: space-between;
}

#site-navigation #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
	float: none;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-12:first-of-type {
	width: auto;
	flex-shrink: 0;
	align-self: center;
	font-size: 30px;
	padding-right: 40px;
	text-align: center;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-12:first-of-type > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	font-size: 30px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-12:not(:first-of-type) {
	width: auto;
	margin-right: auto;
	padding: 0 35px 0 50px;
	border-left: 1px solid #F2D9C0;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-12:not(:first-of-type) > ul.mega-sub-menu {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-12:not(:first-of-type) > ul.mega-sub-menu li {
	margin: 5px 0;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-12 {
	flex-grow: 1;	
}

#site-navigation .rpwe-ul {
	display: flex;
}

#site-navigation .rpwe-ul a,
#site-navigation .rpwe-ul img {
	display: block;
	margin: 0;
}

#site-navigation .rpwe-ul li {
	margin: 0 15px;
}

#site-navigation .rpwe-title {
	display: none;
}

@media screen and (max-width: 1140px) {
	#site-navigation .rpwe-ul li:last-of-type {
		display: none;
	}
}

@media screen and (max-width: 1000px) {
	#site-navigation .rpwe-ul li:nth-of-type(3) {
		display: none;
	}
}


@media screen and (max-width: 810px) {
	#site-navigation {
		display: none;
	}
}


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

#social li {
	display: inline-block;
	margin-left: 15px;
	font-size: 14px;
}

#social li a {
	display: block;
	padding: 5px 0;
}

#social li a:hover {
	color: #E2B58E;
}

#social li .fontawesome-text {
	display: none;
}

#social li.sep a {
	padding-left: 15px;
	border-left: 1px solid #000;
}

@media screen and (max-width: 1060px) {
	#social {
		display: none;
	}
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Footer CTA Boxes
--------------------------------------------------------------*/

.site-footer {
    background: #FFF8F1;
    padding: 50px 0 5px;
}

.footer-cta {
	margin-bottom: 45px;
}

.footer-cta .widget:first-of-type {
	width: 100%;
	margin-bottom: 45px;
}

.footer-cta .widget:first-of-type .widget-title {
	width: 100%;
	font-size: 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	letter-spacing: .15em;
}

.footer-cta .widget:first-of-type .widget-title:before,
.footer-cta .widget:first-of-type .widget-title:after {
	content: '';
	display: block;
	flex-grow: 1;
	height: 1px;
	background: #F2D9C0;
	margin-right: 30px;
}

.footer-cta .widget:first-of-type .widget-title:after {
	margin-left: 30px;
	margin-right: 0;
}

.footer-cta .widget:not(:first-of-type) {
    width: 0;
	flex-grow: 1;
	margin-right: 20px;
    position: relative;
}

.footer-cta .widget:last-of-type {
	margin-right: 0;
}

.footer-cta .widget:not(:first-of-type) .widget-title {
    font-family: "tt chocolates",sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.214em;
    letter-spacing: 0.125em;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
	width: 90%;
    max-width: 150px;
    padding: 18px 0 16px;
}

.footer-cta .widget a,
.footer-cta .widget img {
	display: block;
	margin: 0;
}

.footer-cta .widget a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
}

.footer-cta .widget a:after {
	content: '';
	display: block;
	position: absolute;
	background: rgba(255,255,255,0.2);
	opacity: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	-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;
}

.footer-cta .widget a:hover:after {
	opacity: 1;
}

.footer-cta .rpwe-title {
	display: none;
}

.footer-cta .pins-feed-item {
    margin: 0 !important;
	float: none !important;
	width: 100% !important;
	height: auto !important;
	padding-top: 100% !important;
	position: relative;
	overflow: hidden;
}

.footer-cta .nailthumb-container,
.footer-cta .nailthumb-container img {
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	position: absolute;
	top: 0 !important;
	left: 0 !important;
}

@media screen and (max-width: 1024px) {
	.footer-cta .widget:not(:first-of-type) {
		width: 48.5%;
		margin: 0 0 15px;
		flex-grow: 0;
	}
}

@media screen and (max-width: 480px) {
	.footer-cta .widget:not(:first-of-type) {
		width: 100%;
	}

}

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

#footer-branding {
	width: 100%;
	max-width: 300px;
	margin-right: 35px;
}

#footer-branding  .site-title {
	width: 100%;
	max-width: 300px;
	display: block;
}

#footer-branding a {
	display: block;
	width: 100%;
	padding-top: 8.666667%; /* 26 / 300 */
	background: url(images/footer-logo.png) center no-repeat;
	background-size: contain;
}

#footer-branding span {
	display: none;
}

#footer-navigation {
	width: 600px;
	margin-left: auto;
	margin-right: 35px;
}

#footer-navigation i {
	display: none;
}

#footer-navigation .widget {
	width: 24%;
}

#footer-navigation h5 {
    font-size: 14px;
    color: #000;
    text-transform: lowercase;
    margin-bottom: 5px;
}

#footer-navigation li {
    margin-bottom: 8px;
}

#footer-navigation li a {
    font-size: 14px;
    color: #000;
    text-transform: lowercase;
    border-bottom: 1px solid transparent;
}

#footer-navigation li a:hover {
    border-color: #F2D9C0;
}

.other-sites ul {
    margin: 0;
}

.other-sites ul li {
    display: block;
    margin-bottom: 3px;
}

.other-sites ul li h3 {
    font-size: 13px;
    text-transform: lowercase;
}

.other-sites ul li a {
    font-family: "tt chocolates",sans-serif;
	font-weight: 300;
    font-size: 14px;
    line-height: 1.3em;
    letter-spacing: 0.175em;
    color: #000;
    text-transform: uppercase;
}

.other-sites ul li.yum a:hover {
    color: #E19465;
}

.other-sites ul li.fit a:hover {
    color: #CDD5DF;
}

#credits-menu {
    margin: 0;
    text-align: center;
    margin-top: 20px;
}

#credits-menu li {
    display: inline-block;
	margin: 0 10px;
}

#credits-menu li a {
    font-family: "tt chocolates",sans-serif;
    font-size: 7px;
    font-weight: bold;
    line-height: 1.3em;
    letter-spacing: 0.05em;
    color: #E2B58E;
    text-transform: uppercase;
}
	
@media screen and (max-width: 1024px) {
	.footer-links {
		flex-wrap: wrap;
	}
	
	#footer-branding {
		margin: 0 auto 35px;
		max-width: none;
	}
	
	#footer-branding .site-title {
		margin: 0 auto;
	}
	
	#footer-navigation {
		flex-grow: 1;
		width: auto;
	}

}

@media screen and (max-width: 767px) {
	#footer-navigation {
		width: 100%;
		text-align: center;
		margin-right: 0;
		margin-bottom: 35px;
	}
	
	.other-sites {
		width: 100%;
		text-align: center;
	}


}

@media screen and (max-width: 570px) {
	#footer-navigation {
		display: block;
		margin-bottom: 0;
	}
	
	#footer-navigation .widget {
		width: 100%;
		margin-bottom: 20px;
	}
}


/*--------------------------------------------------------------
# Sidebar Menu
--------------------------------------------------------------*/

body.stop-scroll {
	overflow-y: hidden; 
}

.sidebar-bg {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 200000;
	opacity: 0;
	visibility: hidden;
	transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
	background-color: #111; 
}
	.sidebar-bg.visible {
		visibility: visible;
		opacity: 0.6; 
	}

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 200px;
  transform: translate3d(-200px, 0, 0);
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: #FFFFFF;
  z-index: 200001;
  overflow: hidden; 
}
  
@media (min-width: 600px) {
    .sidebar {
      width: 260px;
      transform: translate3d(-260px, 0, 0);
	} 
}

.sidebar.visible {
  transform: translate3d(0, 0, 0);
}

.sidebar .sidebar-inner {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.sidebar .sidebar-inner .sidebar-header {
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: #F1F1F1;
	padding: 20px;
}

.sidebar .sidebar-inner .sidebar-header .site-title {
	display: block;
}

.sidebar .sidebar-inner .sidebar-header .site-title a {
	padding-top: 10px;
	width: 125px;
}

@media (min-width: 600px) {
	.sidebar .sidebar-inner .sidebar-header .site-title a {
		padding-top: 13.5px;
		width: 153px;
	}

}

.sidebar .sidebar-inner .sidebar-header .sidebar-close {
	font-size: 18px;
	line-height: 0;
	font-weight: 300;
}

.sidebar .sidebar-inner .sidebar-header .sidebar-close:hover {
	color:#E2B58E;
}

.sidebar .sidebar-inner .sidebar-content {
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-y: scroll;
}

.sidebar .sidebar-inner .sidebar-content .menu {
	margin: 20px;
	padding: 0 0 0 5px;
	list-style: none;
	font-size: 14px;
}

.sidebar .sidebar-inner .sidebar-content .menu a:hover {
	color:#E2B58E;
}

.sidebar #menu-header-menu {
	font-weight: 700;
}

.sidebar #menu-pages-menu,
.sidebar #menu-social-menu {
	font-size: 12px;
}

.sidebar .sidebar-inner .sidebar-content .menu .menu-item {
  padding: 10px 0 0;
}

.sidebar .sidebar-inner .sidebar-content .menu .menu-item:first-child {
  padding-top: 0;
}

.sidebar .sidebar-inner .sidebar-content .subscribe-form {
  padding: 1em;
  text-align: center;
  background-color: #FFF8F1;
}

.sidebar .sidebar-inner .sidebar-content .subscribe-form .fa-envelope-o {
	margin: 0 auto;
	font-size: 18px;
	color: #EBBEAE;
}

.sidebar .sidebar-inner .sidebar-content .subscribe-form h3 {
	margin: 5px 0 0 0;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: .05em;
}

.sidebar .sidebar-inner .sidebar-content .subscribe-form h5 {
  margin: 0 0 .5em;
  font-weight: 200;
}

.sidebar .sidebar-inner .sidebar-content .subscribe-form .subscribe-input-wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	border: 1px solid #8E939C;
	background: #fff;
}

.sidebar .sidebar-inner .sidebar-content .subscribe-form .subscribe-input-wrapper input,
.sidebar .sidebar-inner .sidebar-content .subscribe-form .subscribe-input-wrapper button {
  border: none;
}

.sidebar .sidebar-inner .sidebar-content .subscribe-form .subscribe-input-wrapper input {
	width: 100%;
	padding: 5px;
	background: #fff;
	font-size: 10px;
	letter-spacing: .1em;
}

.sidebar .sidebar-inner .sidebar-content .subscribe-form .subscribe-input-wrapper input:focus {
  outline: 0;
}

.sidebar .sidebar-inner .sidebar-content .subscribe-form .subscribe-input-wrapper button {
	padding: 5px;
	color: #8E939C;
	background: #fff;
}

.sidebar .sidebar-inner .sidebar-content .subscribe-form .subscribe-input-wrapper button:hover {
  color: #E19465;
}

.sidebar .sidebar-inner .sidebar-content .subscribe-form .subscribe-input-wrapper button:focus {
  outline: 0;
}

.sidebar .sidebar-inner .sidebar-content .subscribe-form .subscribe-input-wrapper button span {
  display: inline-block;
  position: relative;
}

@keyframes spinner {
  to {
	  transform: rotate(360deg);
  }
}

.sidebar .sidebar-inner .sidebar-content .subscribe-form .subscribe-input-wrapper button span.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 15px;
  margin-top: -13px;
  margin-left: -7px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #3A3C44;
  animation: spinner .6s linear infinite;
}

@keyframes spinner {
  to {
	  transform: rotate(360deg);
  }
}

.sidebar .sidebar-inner .sidebar-content .subscribe-form .subscribe-form-message {
  text-align: center;
  transition: all 0.5s ease-in-out;
  opacity: 0;
}

.sidebar .sidebar-inner .sidebar-content .subscribe-form .subscribe-form-message.has-message {
  opacity: 1;
}

.sidebar .sidebar-inner .sidebar-content .subscribe-form .subscribe-form-message.error {
  color: red;
}

.sidebar .sidebar-inner .sidebar-content .hr {
  margin: 0 1em 1em;
}

.sidebar .sidebar-inner .sidebar-content #menu-social-menu i {
	width: 20px;
}

.sidebar .sidebar-inner .sidebar-content .cross-promo {
  margin: 2em 1.5em 1em;
  text-align: center;
}

.sidebar .sidebar-inner .sidebar-content .other-sites h3 {
	font-size: 14px;
	letter-spacing: .05em;
	text-transform: lowercase;
	color: #EBBEAE;
	margin-bottom: 15px;
}

.sidebar .sidebar-inner .sidebar-content .other-sites li {
  margin-top: 10px;
}

.sidebar .sidebar-inner .sidebar-content .other-sites a {
	font-size: 18px;
	margin: 10px 0;
}

.sidebar .sidebar-inner .sidebar-content .other-sites a:hover {
  transform: scale(1.05);
}

.sidebar .sidebar-inner .sidebar-footer {
  width: 100%;
  padding: 2em 0 1em;
  background-color: #F1F1F1;
  text-transform: uppercase;
  text-align: center;
}

.sidebar .sidebar-inner .sidebar-footer .menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar .sidebar-inner .sidebar-footer .menu-item {
	font-weight: bold;
	display: inline-block;
	font-size: 10px;
	margin: 0 5px;
}

.sidebar .sidebar-footer .copyright {
	font-size: 7px;
}

/*--------------------------------------------------------------
# Home Page
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Post Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### Latest Post
--------------------------------------------------------------*/

.post-latest {
	max-width: 1240px;
	margin-bottom: 90px;
}

.featured-images a {
	display: block;
	margin-right: 20px;
}

.featured-images a:last-of-type {
	display: block;
	margin-right: 0;
}


.post-latest .post-content {
	margin: -130px 25px 0;
	padding: 25px 35px 0;
	background: #fff;
	position: relative;
	z-index: 1;
}

.post-latest .entry-summary {
	width: 55%;
}

.post-latest .entry-title {
	margin-bottom: 10px;
}

.post-latest .entry-summary p {
	max-width: 535px;
}

.post-latest .entry-footer {
	margin-top: 20px;
	justify-content: flex-start;
	align-items: center;
}

.post-latest .entry-meta {
	margin-left: 20px;
}

.entry-meta span {
	display: inline-block;
	vertical-align: middle;
}

.entry-meta i {
    font-size: 9px;
    margin-right: 6px;
}

.entry-meta a:hover {
	color: #E2B58E;
}

.entry-meta .posted-on {
    border-right: 2px solid #F2D9C0;
    padding: 5px 15px 5px 0;
    margin-right: 15px;
}

.additional-images {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 38.392857%; /* 430/1120 */
}

.additional-images li {
	margin-right: 20px;
}

.additional-images li:last-of-type {
	margin-right: 0;
}

@media screen and (max-width: 1024px) {
	.additional-images {
		display: none;
	}
	
	.post-latest .entry-summary {
		width: 100%; /* 535/1120 */
		text-align: center;
	}
	
	.post-latest .entry-summary p {
		margin: 0 auto;
	}
	
	.post-latest .entry-footer {
		justify-content: center;
	}
}

@media screen and (max-width: 767px) {
	.featured-images a {
		margin-right:0;
	}

	.featured-images a:last-of-type {
		display: none;
	}
}

@media screen and (max-width: 540px) {
	.post-latest .entry-meta {
		display: none;
	}
}

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

.post-grid-feed {
	padding: 50px 0;
	background: #FFF8F1;
	margin-bottom: 35px;
}

.post-grid-feed.grid-home {
	padding-bottom: 315px;
	margin-bottom: -240px;
}

.grid-row {
	max-width: 1360px;
}

.grid-row.first {
	margin-bottom: 50px;
}

.post-grid.portrait {
	width: 24.632353%; /* 335/1360 */
	text-align: center;
}

.post-grid.landscape {
	width: 44.852941%; /* 610/1360 */
}

.post-grid .featured-image a,
.post-grid .featured-image img {
	display: block;
}

.post-grid {
	background: #fff;
}

.post-grid .post-content {
	padding: 25px 25px 35px;
}

.post-grid .entry-category {
	margin-bottom: 10px;
}

.post-grid .entry-category a {
	border-bottom: 1px solid transparent;
}

.post-grid .entry-category a:hover {
	border-color: #F2D9C0;
}

.post-grid .entry-title {
	font-size: 28px;
	margin-bottom: 10px;
}

.post-grid .entry-title a:hover {
	color: #EBBEAE;
}

@media screen and (max-width: 1024px) {
	.grid-row {
		flex-wrap: wrap;
	}
	
	.post-grid.portrait {
		width: 48%;
	}

	.post-grid.landscape {
		width: 100%;
		margin-bottom: 50px;
	}
	
	.grid-row.first .post-grid.landscape {
		margin-top: 50px;
		margin-bottom: 0;
	}


}

@media screen and (max-width: 767px) {
	.post-grid.portrait {
		width: 100%;
		margin-bottom: 50px;
		text-align: left;
	}
	
	.post-grid.landscape,
	.grid-row.first .post-grid.landscape {
		margin-top: 0;
		margin-bottom: 50px;
	}
	
	.grid-row.first {
		margin-bottom: 0;
	}
	
	.grid-row .post-grid:last-of-type {
		margin-bottom: 0;
	}

}


/*--------------------------------------------------------------
### Post List Feed
--------------------------------------------------------------*/

.post-list-feed {
    max-width: 1150px;
}

.post-list {
    margin-bottom: 25px;
}

.post-list .featured-image {
    width: 40.869565%; /* 470 / 1150 */
}

.post-list .post-content {
    width: 53.913043%; /* 620 / 1150 */
	padding-top: 45px;
    margin-top: 95px;
    position: relative;
}

.post-list .post-content:before {
    content: '';
    display: block;
    background: #F2D9C0;
    height: 10px;
    width: calc(100% + 100px);
    position: absolute;
    top: 0;
    right: 0;
}

.post-list .entry-meta {
    margin-bottom: 17px;
}

.post-list .entry-title {
    margin-bottom: 20px;
    max-width: 550px;
}

.post-list .entry-summary {
    max-width: 500px;
    margin-bottom: 25px;
}

@media screen and (max-width: 1024px) {
	.post-list .post-content {
		margin-top: 35px;
	}
}

@media screen and (max-width: 767px) {
	.post-list {
		margin-bottom: 55px;
	}

	.post-list .featured-image {
		width: 100%;
	}

	.post-list .post-content {
		width: 100%; /* 620 / 1150 */
		padding-top: 0;
		margin-top: 15px;
	}
	
	.post-list .post-content:before {
		display: none;
	}


}


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

#categories-menu {
	margin: 0 auto 40px;
	text-align: center;
	padding: 0;
	list-style: none;
}

#categories-menu li {
	display: inline-block;
	vertical-align: middle;
}

#categories-menu li:after {
	content: '';
	display: inline-block;
	width: 75px;
	height: 3px;
	background: #EBBEAE;
	margin: 0 35px;
	vertical-align: middle;
}

#categories-menu li:last-of-type:after {
	display: none;
}

#categories-menu li a:hover {
	color: #E2B58E;
}

@media screen and (max-width: 940px) {
	#categories-menu li:after {
		width: 40px;
		margin: 0 20px;
	}
}

@media screen and (max-width: 767px) {
	#categories-menu {
		display: none;
	}
}

/*--------------------------------------------------------------
### Posts Navigation
--------------------------------------------------------------*/

.posts-navigation,
.post-navigation {
	width: 90%;
	max-width: 1240px;
	margin: 60px auto;
}

.nav-links {
	display: flex;
	justify-content: center;
}

.nav-links a {
	display: block;
	padding: 15px 25px;
	background: #F2F1F1;
    font-family: "tt chocolates",sans-serif;
    font-size: 24px;
    font-weight: normal;
	font-style: normal;
    letter-spacing: 0.125em;
    text-transform: uppercase;
}

.nav-links a:hover {
	background: #F2D9C0;
}

.nav-links > div > a {
	border-right: 3px solid #fff;
}

.nav-links > div:last-of-type > a {
	border-right: none;
}


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

#diy-features {
	margin-bottom: 95px;
	justify-content: flex-end;
	align-items: center;
	position: relative;
}

#diy-features:before {
	content: '';
	display: block;
	width: 50vw;
	height: 40%;
	background: #FFF8F1;
	position: absolute;
	top: 20%;
	left: 0;
	margin-left: calc(50% - 50vw);
	z-index: -1;
}

#diy-features .section-title {
	margin-bottom: 10px;
	font-size: 10px;
}

#diy-features .section-title i {
	font-size: 13px;
	vertical-align: middle;
	margin-right: 5px;
}

.post-diy-feature.post-1 {
	width: 37.903226%; /* 470/1240 */
}

.post-diy-feature.post-2 {
	width: 50%; /* 620/1240 */
	margin-left: 95px;
}

.post-diy-feature .featured-image {
	margin-bottom: 15px;
}

.post-diy-feature .entry-title {
	margin-bottom: 10px;
}

.post-diy-feature .entry-footer {
	margin-top: 20px;
	justify-content: flex-start;
	align-items: center;
}

.post-diy-feature .entry-meta {
	margin-left: 25px;
}

@media screen and (max-width: 1200px) {
	#diy-features {
		justify-content: space-between;
	}
	
	.post-diy-feature.post-1 {
		width: 38%;
	}

	.post-diy-feature.post-2 {
		width: 56%;
		margin-left: 0;
	}

}

@media screen and (max-width: 1086px) {
	.post-diy-feature .entry-meta {
		display: none;
	}

}

@media screen and (max-width: 767px) {
	#diy-features {
		flex-wrap: wrap;
	}
	
	#diy-features:before {
		display: none;
	}
	
	.post-diy-feature.post-1 {
		width: 100%;
		margin-bottom: 50px;
	}

	.post-diy-feature.post-2 {
		width: 100%;
	}

}

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

#shop-carousel {
	margin-bottom: 90px;
	max-width: 1360px;
}

#shop-carousel h2 {
	font-size: 24px;
	text-transform: uppercase;
	display: flex;
	flex-shrink: 1;
	align-items: center;
	margin-bottom: 40px;
}

#shop-carousel h2:before,
#shop-carousel h2:after {
	content: '';
	display: block;
	height: 1px;
	background: #E6E6E6;
	flex-grow: 1;
	margin-right: 30px;
}

#shop-carousel h2:after {
	margin-left: 30px;
	margin-right: 0;
}

#shop-carousel ul {
	margin: 0;
	padding: 0 30px;
	position: relative;
	list-style: none;
}

#shop-carousel ul:not(.slick-initialized) {
	display: flex;
	padding: 0;
}

.slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 0;
	background: none;
	font-size: 36px;
	color: #E6E6E6;
}

.slick-arrow:hover {
	background: none;
	color: #E2B58E;
}

.slick-prev {
	left: 0;
}

.slick-next {
	right: 0;
}

.post-product {
	text-align: center;
}


#shop-carousel .post-product {
	padding: 0 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;
}

.post-product .product-title {
	font-size: 14px;
	margin: 35px 0 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;
}

.post-product .product-brand {
	-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;
}

.post-product a:hover .product-title,
.post-product a:hover .product-brand {
	color: #E2B58E;
}

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

#featured-post {
	position: relative;
	max-width: 940px;
	margin-bottom: -40px;
}

#featured-post .section-title {
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(-90deg) translate(-100%,-100%);
	transform-origin: left top;
	font-size: 30px;
	padding-bottom: 5px;
	padding-left: 20px;
	background: #FFF8F1;
	z-index: 2;
}

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

.post-featured .featured-image:before {
	content: '';
	display: block;
	width: 2px;
	height: 100%;
	background: #E2B58E;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -24px;
	z-index: 1;
}

.post-featured .post-content {
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
	padding: 40px 25px;
	background: #fff;
	position: relative;
	z-index: 2;
}

.post-featured .post-tag {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 10px 30px;
	background: #F2F1F1;
	color: #464647;
	font-weight: bold;
	letter-spacing: .15em;
}

.post-featured .entry-title {
	font-size: 42px;
	letter-spacing: .025em;
	max-width: 690px;
	margin: 0 auto 15px;
}

.post-featured .entry-title a:hover {
	color: #EBBEAE;
}

.post-featured p {
	margin-bottom: 15px;
}

.post-featured .read-more a {
	font-size: 13px;
	color: #EBBEAE;
}

.post-featured .read-more a:hover {
	color: #000;
}

@media screen and (max-width: 1180px) {
	#featured-post {
		margin-bottom: 0;
	}
}

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

	#featured-post .section-title {
		position: static;
		transform: rotate(0) translate(0,0);
		padding-bottom: 0;
		padding-left: 0;
		background: none;
		display: flex;
		align-items: center;
		flex-shrink: 0;
		margin-bottom: 15px;
	}
	
	#featured-post .section-title:after {
		content: '';
		display: block;
		height: 2px;
		background: #E2B58E;
		flex-grow: 1;
		margin-left: 20px;
	}

	.post-featured .featured-image:before {
		display: none;
	}

}

/*--------------------------------------------------------------
### Category Highlights
--------------------------------------------------------------*/

#category-highlights {
	padding-top: 95px;
	background: #FFF8F1;
	margin-bottom: 65px;
	position: relative;
}

#category-highlights:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 80px;
	background: #fff;
}

#category-highlights .wrap {
	max-width: 1360px;
}

.post-category-highlight {
	position: relative;
	z-index: 1;
	align-items: flex-start;
}

.post-category-highlight.post-1 {
	margin-bottom: -30%;
}

.post-category-highlight.post-2 {
	align-items: flex-end;
}

.post-category-highlight.post-1:before {
	content: '';
	display: block;
	position: absolute;
	width: 136px;
	height: 142px;
	background: url(images/badge-logo.svg) center no-repeat;
	background-size: contain;
	left: 25px;
	top: 0;
	transform: translateY(-50%);
	z-index: 2;
}

.post-category-highlight .featured-image {
	width: 50%; /* 680/1360 */
}

	.post-category-highlight.post-2 .featured-image {
		width: 52.941176%; /* 760/1360 */
		order: 2;
		border: 20px solid #fff;
	}

	.post-category-highlight .featured-image a,
	.post-category-highlight .featured-image img {
		display: block;
	}

	.post-category-highlight .featured-image a {
		position: relative;
	}

	.post-category-highlight .featured-image a:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(242,217,192,0.7);
		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;
	}

	.post-category-highlight .featured-image a:after {
		content: 'view the post';
		font-family: "escrow-banner-compressed",serif;
		font-size: 24px;
		font-weight: 600;
		font-style: italic;
		line-height: 0.833em;
		letter-spacing: 0.05em;
		color: #fff;
		border: 4px solid #fff;
		padding: 30px 50px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		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;
	}

	.post-category-highlight .featured-image a:hover:before,
	.post-category-highlight .featured-image a:hover:after {
		opacity: 1;
	}

.post-category-highlight .post-content {
	width: 52.941176%; /* 720/1360 */
	margin-left: -2.941176%; /* 40/1360 */
	padding: 70px 60px 70px 130px;
	background: rgba(255, 255, 255, .9);
	position: relative;
	z-index: 1;
	margin-top: 10%;
}

	.post-category-highlight.post-2 .post-content {
		width: 51.470588%; /* 700/1360 */
		padding: 70px 100px;
		order: 1;
		margin-top: 0;
		margin-bottom: 15%;
		margin-left: 0;
		margin-right: -4.411765%; /* 60/1360 */
	}

.post-category-highlight .post-content:before {
	content: '';
	display: block;
	width: 1px;
	height: calc(100% - 60px);
	position: absolute;
	top: 30px;
	left: 95px;
	background: #EBBEAE;
}

	.post-category-highlight.post-2 .post-content:before {
		left: 65px;
	}

.post-category-highlight .entry-category {
	position: absolute;
	top: 0;
	left: 50px;
	font-weight: 300;
	font-size: 36px;
	transform: translateY(-50%);
}

.post-category-highlight.post-2 .entry-category {
	left: 40px;
}

.post-category-highlight .entry-meta {
	margin-bottom: 10px;
}

.post-category-highlight .entry-meta .posted-on {
	border: none;
	padding: 0;
	margin-right: 25px;
}

.post-category-highlight .entry-title {
	margin-bottom: 15px;
}

@media screen and (max-width: 1400px) {
	.post-category-highlight.post-1 {
		margin-bottom: -15%;
	}

}

@media screen and (max-width: 1024px) {
	.post-category-highlight .post-content {
		padding: 50px 30px 50px 60px;
	}

		.post-category-highlight.post-2 .post-content {
			padding: 50px 60px;
		}

	.post-category-highlight .post-content:before {
		left: 40px;
	}

		.post-category-highlight.post-2 .post-content:before {
			left: 40px;
		}
	
	.post-category-highlight .entry-category {
		left: 30px;
	}

	.post-category-highlight.post-2 .entry-category {
		left: 30px;
	}

}

@media screen and (max-width: 890px) {
	.post-category-highlight.post-1 {
		margin-bottom: -5%;
	}

}

@media screen and (max-width: 767px) {
	.post-category-highlight.post-1 {
		margin-bottom: 50px;
	}
	
	.post-category-highlight {
		display: block;
	}

	.post-category-highlight .featured-image {
		width: 100%; /* 680/1360 */
	}

		.post-category-highlight.post-2 .featured-image {
			width: 100%; /* 760/1360 */
			border: none;
		}

	.post-category-highlight .post-content {
		width: 100%; /* 720/1360 */
		margin-left: 0; /* 40/1360 */
		margin-top: 35px;
	}

		.post-category-highlight.post-2 .post-content {
			width: 100%; /* 700/1360 */
			margin-top: 35px;
			margin-bottom: 0;
			margin-right: 0; /* 60/1360 */
		}
	
}


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

.page-header {
	max-width: 1360px;
	padding: 40px 0 35px;
	border-top: 1px solid #F2D9C0;
}

.page-title {
	text-align: center;
	font-size: 30px;
}

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

#diy-grid {
	position: relative;
	padding-top: 40px;
	background: #FFF8F1;
	margin-bottom: 100px;
}

#diy-grid:after {
	content: '';
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	height: 27px;
	background: #fff;
}

#diy-filters {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 60px;
}

#diy-filters h3 {
	margin-right: 30px;
	font-size: 14px;
}

#reset-filters {
	margin-left: 30px;
	color: #E2B58E;
	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;
}

#reset-filters:hover {
	color: #000;
}

.post-grid.portrait.post-diy {
	width: 22.580645%; /* 280/1240 */
	margin-bottom: 55px;
}

.post-grid.post-diy .entry-title {
	font-size: 20px;
}

.holder {
	width: 90%;
	max-width: 1240px;
	margin: 10px auto -27px;
	display: flex;
	justify-content: center;
}

.holder a,
.holder span {
	display: none;
}

.holder a.jp-next {
	display: block;
	cursor: pointer;
	padding: 15px 25px;
	background: #F2F1F1;
    font-family: "tt chocolates",sans-serif;
    font-size: 24px;
    font-weight: normal;
	font-style: normal;
    letter-spacing: 0.125em;
    text-transform: uppercase;
}

.holder a.jp-next:hover {
	background: #F2D9C0;
}

@media screen and (max-width: 767px) {
	#diy-filters {
		display: block;
		text-align: center;
	}
	
	#reset-filters {
		margin-left: 0;
		margin-top: 15px;
	}
	
	.post-grid.portrait.post-diy {
		width: 100%; /* 280/1240 */
	}
}

/*--------------------------------------------------------------
# 404 / Not Found
--------------------------------------------------------------*/

.not-found .page-content {
	max-width: 600px;
	text-align: center;
	margin-bottom: 80px;
}

.not-found .page-content p {
	margin-bottom: 35px;
}

.search-form {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #000;
}

.search-form button.search-submit {
	order: 1;
	background: none;
	font-size: 14px;
	padding: 10px;
}

.search-form button.search-submit:hover {
	color: #E2B58E;
}

.search-form input.search-text {
	order: 2;
	padding: 0 37px 0 0;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .1em;
	background: none;
}

.latest-posts-grid {
	position: relative;
}

.latest-posts-grid .section-title {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
    font-size: 28px;
    line-height: 1em;
	white-space: nowrap;
}

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

#shop {
	margin-top: 5px;
}

#shop-grid {
	max-width: 1240px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#shop-grid .post-product {
	width: 21.774194%; /* 270/1240 */
	margin-bottom: 105px;
}

#shop-grid .gap {
	width: 21.774194%;
}

@media screen and (max-width: 1024px) {
	#shop-grid .post-product,
	#shop-grid .gap {
		width: 32%;
	}

}

@media screen and (max-width: 767px) {
	#shop-grid .post-product,
	#shop-grid .gap {
		width: 48%;
	}

}

@media screen and (max-width: 480px) {
	#shop-grid .post-product,
	#shop-grid .gap {
		width: 100%;
	}

}


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

#single {
	margin-bottom: 85px;
}

.single:not(.fl-builder) .post-single {
	max-width: 750px;
	margin-top: 80px;
}

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

.featured-images div {
	margin-right: 20px;
}

.featured-images div:last-of-type {
	display: block;
	margin-right: 0;
}

.post-single .entry-header {
	margin: -40px 25px 20px;
	padding: 35px 35px 0;
	background: #fff;
	position: relative;
	z-index: 1;
	text-align: center;
}

.post-author {
	border-left: 2px solid #F2D9C0;
    padding: 5px 0 5px 15px;
    margin-left: 15px;
}

.post-single .entry-meta {
	margin-bottom: 10px;
}

.post-single .entry-content {
	margin-bottom: 50px;
}

.post-single .entry-content,
.post-single .entry-content p {
	font-size: 16px;
	line-height: 1.5em;
}

.entry-content h1 {
	margin-bottom: 5px;
}

.entry-content h2 {
	margin-bottom: 10px;
}

.entry-content h6 {
	margin-bottom: 10px;
}

.entry-content ul {
	margin-left: 0;
	list-style: none;
}

.entry-content ul li {
	position: relative;
	padding-left: 18px;
	margin-bottom: 15px;
}

.entry-content ul li:last-of-type {
	margin-bottom: 0;
}

.entry-content ul li:before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background: #f2d9c0;
	border-radius: 50%;
	position: absolute;
	top: 6px;
	left: 0;
}

#info-page .entry-content ul li:before {
	top: 3px;
}

.entry-content ul li a {
	font-weight: normal;
}

.post-single .em-shop-the-post {
	margin-bottom: 50px;
}

.post-single .em-shop-title {
	text-align: center;
	font-size: 24px;
	margin-bottom: 20px;
}

.post-single .entry-footer {
	padding: 20px 0;
	border-top: 1px solid #F2D9C0;
	border-bottom: 1px solid #F2D9C0;
	align-items: center;
	line-height: 40px;
}

.post-single .entry-category a:hover {
	color: #E2B58E;
}

.post-single .entry-category:before {
	content: '';
	display: inline-block;
	height: 7px;
	width: 40px;
	background: #EBBEAE;
	margin-right: 25px;
	margin-bottom: 3px;
}

.share li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
}

.share li a {
	font-size: 13px;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #F2D9C0;
	border-radius: 50%;
}

.share li a:hover {
	background: #E2B58E;
}

@media screen and (max-width: 767px) {
	.featured-images div {
		margin-right: 0;
		margin-bottom: 20px;
	}
	
	.featured-images div:last-of-type {
		margin-bottom: 0;
	}
	
	.post-single .entry-footer {
		display: block;
		text-align: center;
	}
	
	.post-single .entry-category {
		margin-bottom: 10px;
	}
	
	.share li {
		margin: 0 7px;
	}

}

@media screen and (max-width: 360px) {
	.share li:first-of-type {
		display: none;
	}
}

/*--------------------------------------------------------------
## BB Modules
--------------------------------------------------------------*/

@media screen and (max-width: 767px) {	
	.post-single .fl-col-group .fl-col {
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}	
	
	.post-single .fl-col-group .fl-col .fl-col-content {
		margin: 0;
	}
}

/*--------------------------------------------------------------
### Image Overlay - Right
--------------------------------------------------------------*/

.image-overlay .fl-col-group-equal-height {
	align-items: center;
}

.image-overlay .fl-col.col-left {
	width: 49.193548%; /* 610/1240 */
}

.image-overlay .fl-col.col-right {
	width: 58.064516%; /* 720/1240 */
	margin-left: -7.258065%; /* 90/1240 */
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 767px) {
	.image-overlay .fl-col.col-left {
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
		display: block;
	}

	.image-overlay .fl-col.col-right {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		display: block;
	}
	
	.fl-builder-content .image-overlay .fl-col.col-right > .fl-col-content {
		border: none;
	}
	
}

/*--------------------------------------------------------------
### Image Overlay - Left
--------------------------------------------------------------*/

.image-overlay.img-left .fl-col-group-equal-height {
	align-items: center;
}

.image-overlay.img-left .fl-col.col-right {
	width: 49.193548%; /* 610/1240 */
	margin: 0;
}

.image-overlay.img-left .fl-col.col-left {
	width: 58.064516%; /* 720/1240 */
	margin-right: -7.258065%; /* 90/1240 */
	position: relative;
	z-index: 2;
}

@media screen and (max-width: 767px) {
	.image-overlay.img-left .fl-col.col-left {
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
		display: block;
	}

	.image-overlay.img-left .fl-col.col-right {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		display: block;
	}
	
	.fl-builder-content .image-overlay.img-left .fl-col.col-left > .fl-col-content {
		border: none;
	}
	
}


/*--------------------------------------------------------------
### 3 Column Text
--------------------------------------------------------------*/

.three-col-text .fl-col-group {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.three-col-text .fl-col-group:before,
.three-col-text .fl-col-group:after {
	display: none;
}

.three-col-text .fl-col-group .fl-col {
	float: none;
}

.post-single .entry-content .three-col-text p {
	font-size: 15px;
}

.three-col-text .col-first .fl-rich-text p:first-child:first-letter {
    font-family: "escrow-banner",serif;
    font-size: 64px;
    font-weight: normal;
	font-style: normal;
    line-height: 1em;
    color: #000;
}

@media screen and (max-width: 767px) {
	.three-col-text .fl-col-group {
		display: block;
	}
	
	.three-col-text .fl-col-group .fl-col {
		width: 100%;
		max-width: 100%;
		margin-bottom: 25px;
	}
	
	.three-col-text .fl-col-group .fl-col .fl-col-content {
		padding: 0;
	}

}

/*--------------------------------------------------------------
### Diptych
--------------------------------------------------------------*/

@media screen and (max-width: 767px) {
	.diptych .fl-col-group .fl-col {
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	
	.diptych .fl-col-group .fl-col .fl-col-content {
		padding: 0;
	}
}


/*--------------------------------------------------------------
### Caption Box
--------------------------------------------------------------*/

.caption-box {
	position: relative;
	z-index: 2;
	width: 90%;
	max-width: 425px;
}

.caption-box .fl-rich-text {
	padding: 10px 15px;
	background: #fff;
}

.caption-box.box-right {
	float: right;
	margin-right: 25px;
}

.caption-box.box-left {
	float: left;
	margin-left: 25px;
}

@media screen and (max-width: 767px) {
	.caption-box.box-right {
		float: none;
		margin: 0 auto;
	}

	.caption-box.box-left {
		float: none;
		margin: 0 auto;
	}
}

/*--------------------------------------------------------------
### Quote Block
--------------------------------------------------------------*/

.quote-block {
	position: relative;
}

.quote-block:before,
.quote-block:after {
    font-family: "escrow-banner",serif;
    font-size: 288px;
	line-height: 1em;
	color: #F2D9C0;
	position: absolute;
	z-index: 2;
}

.quote-block:before {
	content: "\201C";
	top: -95px;
	left: 10px;
}

.quote-block:after {
	content: "\201D";
	bottom: -200px;
	right: 30px;
}

.quote-block .quote {
	color: #464647;
	font-size: 16px;
	letter-spacing: .075em;
	line-height: 1.75em;
	max-width: 650px;
	margin: 0 auto;
	font-weight: 300;
}

.post-single .entry-content .quote-block .quote p {
	line-height: 1.7em;
}

.quote-block .attribution {
	font-size: 14px;
}

/*--------------------------------------------------------------
### Image Text Box
--------------------------------------------------------------*/

.img-text-box .col-text .fl-rich-text {
    font-family: "tt chocolates",sans-serif;
    font-size: 16px;
    line-height: 1.25em;
    letter-spacing: 0.05em;
    color: #000;
	font-weight: normal;
}

/*--------------------------------------------------------------
### Triptych
--------------------------------------------------------------*/

.triptych .fl-col-group {
	display: flex;
	justify-content: space-between;
}

.triptych .fl-col-group .fl-col {
	width: 32.258065%; /* 400/1240 */ 
}

@media screen and (max-width: 767px) {	
	.triptych .fl-col-group {
		display: block;
	}

	.triptych .fl-col-group .fl-col {
		width: 100%; /* 400/1240 */ 
	}
}


/*--------------------------------------------------------------
### Triptych
--------------------------------------------------------------*/

.two-col-img-text .fl-rich-text p {
	font-size: 15px;
	line-height: 1.4em;
}


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

.wp_rp_content {
	padding: 55px 0;
	position: relative;
	background: #FFF8F1;
	margin-bottom: 70px;
}

.related_post_title {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
    font-family: "escrow-banner",serif;
    font-size: 28px;
    font-weight: normal;
	font-style: normal;
    line-height: 1em;
    letter-spacing: 0.025em;
	white-space: nowrap;
}

.related_post {
	width: 90%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
}

.related_post li {
	width: 22.580645%; /* 280/1240 */
	background: #fff;
}

.related_post li a,
.related_post li img {
	display: block;
}

.related_post li a {
	position: relative;
}

.related_post li a:after {
    content: '';
    display: block;
    position: absolute;
    background: rgba(255,255,255,0.2);
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -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;
}

.related_post li a:hover:after {
	opacity: 1;
}

.wp_rp_title {
	padding: 30px 20px;
	text-align: center;
    font-family: "escrow-banner",serif;
    font-size: 20px;
    font-weight: normal;
	font-style: normal;
    line-height: 1.2em;
    letter-spacing: 0.025em;
}

.related_post li a:hover {
	color: #E2B58E;
}

@media screen and (max-width: 1024px) {
	.related_post {
		flex-wrap: wrap;
		margin-bottom: -40px;
	}
	
	.related_post li {
		width: 47%;
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 767px) {
	.related_post {
		margin-bottom: -40px;
	}
	
	.related_post li {
		width:100%;
	}
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

#respond {
	max-width: 460px;
	margin: 0 auto 70px;
}

#reply-title {
	text-align: center;
    font-family: "escrow-banner",serif;
    font-size: 28px;
    font-weight: normal;
	font-style: normal;
    line-height: 1em;
    letter-spacing: 0.025em;
    color: #000;
	text-transform: none;
	margin-bottom: 30px;
}

#comments-section {
	padding-top: 50px;
	border-top: 1px solid #F2D9C0;
}

.comments-title {
	text-align: center;
	margin-bottom: 50px;
	font-size: 28px;
}

#comments-section ol,
#comments-section ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#comments-section .comment-list {
	max-width: 750px;
	margin: 0 auto;
}

	.comment-list .children li {
		margin-left: 50px;
		position: relative;
	}

	.comment-container {
		margin-bottom: 20px;
		padding: 20px;
		background: #FFF8F1;
		position: relative;
	}

	.comment-list .children .comment-container {
		background: #F2F1F1;
	}

	.comment-author {
		margin-bottom: 15px;
	}

	.comment-meta {
		margin-top: 15px;
	}

	.comment-reply-link {
		position: absolute;
		bottom: 0;
		right: 0;
		padding: 10px 30px;
		background: #F2D9C0;
		color: #11181C;
		font-family: "tt chocolates",sans-serif;
		font-size: 10px;
		font-weight: normal;
		font-style: normal;
		line-height: 1em;
		letter-spacing: 0.05em;
		text-transform: uppercase;
	}

	.comment-reply-link:hover {
		background: #E2B58E;
	}

	.form-submit {
		text-align: center;
	}

	.form-submit input[type="submit"] {
		background: #F2D9C0;
	}

	.form-submit input[type="submit"]:hover {
		background: #E2B58E;
	}

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

.info-page {
	margin-bottom: 100px;
}

.info-page.no-hero {
	margin-top: 100px;
}

.hero-image {
	margin-bottom: 40px;
}

.info-page:not(.has-post-thumbnail) .entry-title {
	text-align: center;
	margin-bottom: 35px;
}

.info-page:not(.has-post-thumbnail) .entry-content {
	max-width: 1000px;
	margin: 0 auto;
}

.info-page.has-post-thumbnail {
	display: flex;
	justify-content: space-between;
}

.info-page .featured-image {
	width: 50%; /* 620/1240 */
}

.info-page.has-post-thumbnail .entry-content {
	width: 46.774194%; /* 580/1240 */
	margin-top: 30px;
	padding-top: 35px;
	position: relative;
}

.info-page.has-post-thumbnail .entry-content:before {
	content: '';
	display: block;
	height: 6px;
	width: calc(100% + 175px);
	background: #F2D9C0;
	position: absolute;
	top: 0;
	right: 0;
}

.info-page.has-post-thumbnail .entry-title {
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
	.info-page.has-post-thumbnail {
		display: block;
	}

	.info-page .featured-image {
		width: 100%; /* 620/1240 */
	}

	.info-page.has-post-thumbnail .entry-content {
		width: 100%; /* 580/1240 */
		margin-top: 30px;
		padding-top: 0;
	}
	
	.info-page.has-post-thumbnail .entry-content:before {
		display: none;	
	}
}

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

#search-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,248,241,0.95);
	z-index: 200001;
}

#search-popup {
	width: 90%;
	max-width: 490px;
	padding: 20px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 200002;
}

#search-popup .widget-title {
	text-align: center;
	margin-bottom: 30px;
	font-style: normal;
}

.search-open {
	cursor: pointer;
}

#search-close {
	cursor: pointer;
	float: right;
	padding-top: 10px;
	font-size: 8px;
}

/*--------------------------------------------------------------
## Pinterest
--------------------------------------------------------------*/

.boxzilla {
	width: 90%;
}

.honestlywtf #boxzilla-overlay {
	background: rgba(255,248,241,0.6);
}

.boxzilla-content p.first-child {
	width: 43.037975%; /* 340/790 */
	float: left;
	margin-bottom: 0;
}

.boxzilla-content h2 {
	font-size: 36px;
	margin-bottom: 20px;
	padding-top: 10px;
	width: 50%; /* 395/790 */
	float: right;
}

.boxzilla-content p {
    font-family: "tt chocolates",sans-serif;
    font-size: 18px;
    font-weight: normal;
	font-style: normal;
    line-height: 1.222em;
	width: 50%; /* 395/790 */
	float: right;
	clear: right;
}

.boxzilla-content ul {
	margin: 20px 0;
	padding: 0;
	list-style: none;
	width: 50%; /* 395/790 */
	float: right;
	clear: right;
}

.boxzilla-content ul li {
	margin-bottom: 15px;
}

.boxzilla-content ul li a {
	display: block;
	text-align: center;
	padding: 25px;
	background: #F2D9C0;
    font-family: "tt chocolates",sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.125em;
    color: #000;
    text-transform: uppercase;
}

.boxzilla-content h4 {
	text-align: center;
	font-size: 10px;
	width: 50%; /* 395/790 */
	float: right;
	clear: right;
}

.honestlywtf .boxzilla-close-icon {
    font-family: "tt chocolates",sans-serif;
    font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
	right: 0;
	opacity: 1;
	background: none;
	text-indent: -9999em;
	display: block;
	width: 50px;;
}

.honestlywtf .boxzilla-close-icon:after {
	content: 'CLOSE X';
	display: block;
    font-family: "tt chocolates",sans-serif;
	font-weight: normal;
    font-size: 10px;
	text-transform: uppercase;
	color: #000;
	text-indent: 0;
	position: absolute;
	top: 0;
	right: 5px;
}

@media screen and (max-width: 767px) {
	.boxzilla-content p.first-child {
		display: none;
	}
	
	.boxzilla-content h2 {
		padding-top: 0;
		width: 100%; /* 395/790 */
		float: none;
	}

	.boxzilla-content p,
	.boxzilla-content ul,
	.boxzilla-content h4 {
		width: 100%;
		float: none;
	}

}