/*!
Theme Name: The Stripe
Theme URI: https://thestripe.com
Author: Elembee
Author URI: https://elembee.com
Description: A custom WordPress theme for The Stripe, design by Victoria McGinley Studio, development by Elembee.
Version: 1.0.0
Text Domain: thestripe
*/

/*--------------------------------------------------------------
# General Styling
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Fonts
--------------------------------------------------------------*/

@import url("10dd0.css");
@font-face{
	font-family:"MisterK";
	src: url("../woff2/46d6c5aa-512c-45ab-90e2-19b2671f1ef6.woff2") format("woff2"),
		 url("../woff/cf56d749-826c-42cb-994b-1c7e03f8506e.woff") format("woff");
}

@font-face {
  src: url('../woff2/roslindale-displaycondensedregular.woff2') format("woff2"),
       url('../woff/roslindale-displaycondensedregular.woff') format("woff");
  font-family: 'Roslindale';
  font-style: normal;
  font-weight: normal;
}

/*
This font software is the property of Commercial Type.

You may not modify the font software, use it on another website, or install it on a computer.

License information is available at http://commercialtype.com/eula
For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

Copyright (C) 2022 Schwartzco Inc.
License: 2204-EBLFOS     
*/


@font-face {
  font-family: 'Ayer';
  src: url('../woff2/ayerpostercursive-regularitalic-web.woff2') format('woff2'),
       url('../woff/ayerpostercursive-regularitalic-web.woff') format('woff');
  font-weight:  400;
  font-style:   italic;
  font-stretch: normal;
}

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

body,
p,
div,
button,
input,
select,
textarea {
	color: #000;
	font: 16px/1.5em 'niveau-grotesk', sans-serif;
	letter-spacing: .025em;
}

h1,
.type-1,
.entry-title,
.em-fonts-primary {
	font: 44px/1.25em 'Roslindale', serif;
	letter-spacing: .0125em;
	text-transform: none;
}

h2,
.h2 {
	font: 44px/1.25em 'Roslindale', serif;
	letter-spacing: .0125em;
	text-transform: uppercase;
}

h3,
.h3,
.em-fonts-secondary {
	font: 12px/2em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .075em;
	color: #4F443B;
}

h4,
.h4,
.em-fonts-tertiary,
#em-ig-explore-featured-title {
	font: 64px/1.25em 'Ayer', sans-serif;
	font-style: italic;
	letter-spacing: .0125em;
}

#em-ig-explore-featured-title,
#em-ig-explore-links-title {
	text-transform: lowercase;
}

h5,
.h5 {
	font: 24px/1.33em 'Roslindale', serif;
	letter-spacing: .0125em;
}

h6,
.type-3 {
	font: 10px/1.4em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
}

.type-2 {
	font: 78px/1.25em 'Ayer', sans-serif;
	font-style: italic;
	letter-spacing: .0125em;
}

.type-4 {
	font: 80px/1.5em 'MisterK', cursive;
	letter-spacing: normal;
	text-transform: lowercase;
	color: #4F443B;
}

.type-5 {
	font: 12px/1.666em 'niveau-grotesk', sans-serif;
	letter-spacing: .05em;
	text-transform: uppercase;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

.entry-content a {
	color: #002FA7;
}

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

/*--------------------------------------------------------------
## Forms
--------------------------------------------------------------*/

input,
textarea {
	border: none;
	padding: 10px;
	background: #fff;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button__link,
.button {
	border: none;
	padding: 15px 25px;
	background: #fff;
	color: #4F443B;
	font: 10px/1em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.button:hover {
	background: #fff;
	color: #0C371D;
}

.button-2 {
	background: #A29284;
	color: #fff;
}

.button-2:hover {
	background: #0C371D;
	color: #fff;
}

label {
	font: 10px/1em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	color: #4F443B;
	margin-bottom: 10px;
}

::placeholder {
	color: #7D6D61;
	font: 10px/1em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
}

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/

.has-green-color {
	color: #0C371D;
}

.has-blue-color {
	color: #002FA7;
}

.has-pink-color {
	color: #C34B61;
}

.has-yellow-color {
	color: #C3984B;
}

.has-brown-color {
	color: #4F443B;
}

.has-mdbrown-color {
	color: #7D6D61;
}

.has-ltbrown-color {
	color: #A29284;
}

.has-beige-color {
	color: #EDE7E0;
}

.has-ivory-color {
	color: #F1EEE9;
}

.has-white-color {
	color: #fff;
}

.has-black-color {
	color: #000;
}

.has-green-background-color {
	background: #0C371D;
}

.has-blue-background-color {
	background: #002FA7;
}

.has-pink-background-color {
	background: #C34B61;
}

.has-yellow-background-color {
	background: #C3984B;
}

.has-brown-background-color {
	background: #4F443B;
}

.has-mdbrown-background-color {
	background: #7D6D61;
}

.has-ltbrown-background-color {
	background: #A29284;
}

.has-beige-background-color {
	background: #EDE7E0;
}

.has-ivory-background-color {
	background: #F1EEE9;
}

.has-white-background-color {
	background: #fff;
}

.has-black-background-color {
	background: #000;
}

/*--------------------------------------------------------------
# Blocks
--------------------------------------------------------------*/

.entry-content figure {
	max-width: 100%;
}

.wp-caption {
	margin-bottom: 1.5em;
}

.wp-caption-text,
.wp-block-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
	position: absolute;
	bottom: 50px;
	right: 0;
	padding: 15px;
	background: #fff;
	text-align: left;
	max-width: 160px;
	font: 10px/1.5em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	color: #4F443B;
}

.wp-block-gallery.is-style-caption-below .blocks-gallery-image figure, 
.wp-block-gallery.is-style-caption-below .blocks-gallery-item figure {
	display: block;
}

.wp-block-gallery .blocks-gallery-image, 
.wp-block-gallery .blocks-gallery-item {
	padding-bottom: 10px;
}

.wp-block-image.is-style-caption-below figcaption, 
.wp-block-gallery.is-style-caption-below .blocks-gallery-item figcaption {
	position: static;
	text-align: center;
	padding: 10px;
	transform: translate(0);
	width: 90%;
	max-width: 750px;
	background: rgba(212, 218, 225, .95);
	margin: -15px auto 0;
}

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

body {
	background: #F5F4F1;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Top Navigation
--------------------------------------------------------------*/

#top-navigation {
	padding: 10px 0;
	background: #0C371D url("../png/top-nav-bg.png") center;
	background-size: cover;
}

#top-navigation .flex {
	align-items: center;
}

.top-menu {
	font-size: 9px;
}

.top-menu > li {
	margin: 0 10px 0 0;
}

.top-menu a {
	color: #fff;
}

.classic-mode-button a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.classic-mode-button a:before {
	content: '';
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #fff;
	margin-right: 10px;
}

.classic-mode-button a:after {
	content: '';
	display: inline-block;
	width: 13px;
	height: 20px;
	background: url("../png/classic-mode.png") center no-repeat;
	background-size: contain;
	margin-left: 10px;
}

@media (max-width: 767px) {
	#top-navigation {
		height: 40px;
	}
}

/*--------------------------------------------------------------
## Masthead
--------------------------------------------------------------*/

#masthead {
	position: relative;
}

#masthead-inner {
	position: relative;
	padding: 30px 0;
	background: #F5F4F1;
	z-index: 200;
}

#masthead .flex {
	align-items: center;
}

#masthead.is-scrolling {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000;
}

#content.has-scroll-nav {
	padding-top: 74px;
}

#site-branding {
	width: 100%;
	max-width: 162px;
	margin: auto;
	position: relative;
}

#site-branding a {
	display: block;
}

#site-branding span {
	display: none;	
}

#site-branding a:before {
	content: '';
	display: block;
	width: 42px;
	height: 88px;
	background: url("../png/monogram.png") top center no-repeat;
	background-size: contain;
	margin: 0 auto;
	-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;
}

.is-scrolling #site-branding a:before {
	width: 0;
	height: 0;
}

#site-branding .stripe {
	width: 0px;
	height: 4px;
	background: #F5F4F1;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.is-scrolling #site-branding .stripe {
	width: 163px;
	opacity: 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;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-ms-transition-delay: .3s;
	-o-transition-delay: .3s;
}

#site-branding a:after {
	content: '';
	display: block;
	width: 163px;
	height: 14px;
	background: url("../png/logotype.png") center no-repeat;
	background-size: contain;
}

/*--------------------------------------------------------------
## Utility
--------------------------------------------------------------*/

#utility-navigation {
	width: 30%;	
	flex-grow: 1;
}

#utility-menu {
	justify-content: flex-start;
	align-items: center;
	font-size: 15px;
}

#utility-menu > li {
	margin: 0 30px 0 0;
}

.drawer-open a {
	display: block;
	width: 40px;
}

.drawer-open .line {
	border-top: 1px solid #9A8E7B;
	margin: 10px 0;
}

.drawer-open a:hover .line {
	border-color: #0C371D;
}

@media (max-width: 450px) {
	#utility-navigation {
		width: 15%;	
	}
}

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

.search-open a {
	color: #7D6D61;
}

.search-open a:hover {
	color: #0C371D;
}

.search-close {
	color: #fff;
	position: absolute;
	bottom: 0;
	right: 0;
	padding-top: 10px;
	transform: translateY(100%);
	font-size: 8px;
}

#search-dropdown {
	background: #0C371D;
	padding: 35px 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	opacity: 0;
}

#search-dropdown.is-open {
	opacity: 1;
	transform: translateY(100%);
	z-index: 100;
}

#search-dropdown-form {
	position: relative;
	padding: 0;
	background: none;
	border-bottom: 1px solid #fff;
}

#search-dropdown-text {
	order: 1;
	color: #fff;
	font-size: 56px;
	text-indent: 15px;
}

#search-dropdown-submit {
	order: 2;
	margin-right: 0;
	margin-left: 20px;
}

@media (max-width: 480px) {
	#search-dropdown-text {
		font-size: 36px;
	}
}

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

#site-navigation {
	width: 30%;
	flex-grow: 1;
	text-align: right;
}

#primary-menu > li {
	margin: 0;
	line-height: normal;
	vertical-align: middle;
}

#primary-menu > li > a:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #BDB2A8;
	margin: 0 10px 2px 10px;
}

#primary-menu > li:last-of-type > a:after {
	display: none;
}

#primary-menu a {
	color: #4F443B;
}

#primary-menu a:hover {
	color: #A29284;
}

li.holiday-red a {
	color: #9A0D0D !important;
}

@media (max-width: 450px) {
	#site-navigation {
		width: 15%;
	}
}

/*--------------------------------------------------------------
## Drawer Menu
--------------------------------------------------------------*/

#drawer-nav-container {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 11000;
	background: #F9F7F3;
	width: 100%;
	max-width: 480px;
	padding: 40px;
	transform: translateX(-100%);
	overflow-y: scroll;
}

.drawer-close {
	position: absolute;
	top: 40px;
	right: 40px;
}

.drawer-close a {
	display: block;
	width: 27px;
	height: 27px;
	position: relative;
}

.drawer-close .line {
	width: 35px;
	border-top: 1px solid #BDB2A8;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform-origin: center;
	-webkit-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
} 

.drawer-close .line:last-of-type {
	-moz-transform: translate(-50%, -50%) rotate(-45deg);
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-o-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
} 

.drawer-close a:hover .line {
	border-color: #0C371D;
}

/*--------------------------------------------------------------
### Site Title
--------------------------------------------------------------*/

#drawer-nav-container .site-title {
	font-size: 78px;
	text-transform: lowercase;
	letter-spacing: .005em;
}

#drawer-nav-container .site-title a {
	display: inline-block;
	position: relative;
}

@media (min-width: 768px) {

	#drawer-nav-container .site-title a:before {
		content: '';
		display: block;
		width: 0;
		height: 4px;
		background: #F9F7F3;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transition: width .3s ease-in;
		-moz-transition: width .3s ease-in;
		-ms-transition: width .3s ease-in;
		-o-transition: width .3s ease-in;
		transition: width .3s ease-in;
	}

	#drawer-nav-container .site-title a:hover:before {
		width: 100%;
		-webkit-transition: width .3s ease-out;
		-moz-transition: width .3s ease-out;
		-ms-transition: width .3s ease-out;
		-o-transition: width .3s ease-out;
		transition: width .3s ease-out;
	}
	
}

/*--------------------------------------------------------------
### Main Menu
--------------------------------------------------------------*/

#drawer-main-menu {
	margin-bottom: 30px;
}

#drawer-main-menu > li {
	display: block;
	padding: 15px 0;
	border-bottom: 1px solid #EDE7E0;
	margin: 0;
	font-size: 36px;
	line-height: normal;
}

#drawer-main-menu > li:last-of-type {
	border-bottom: none;
}

#drawer-main-menu > li a:hover {
	color: #0C371D;
}

#drawer-main-menu > li:nth-of-type(4n+2) a:hover {
	color: #C34B61;
}

#drawer-main-menu > li:nth-of-type(4n+3) a:hover {
	color: #002FA7;
}

#drawer-main-menu > li:nth-of-type(4n+4) a:hover {
	color: #C3984B;
}

#drawer-main-menu .sub-menu {
	display: none;
	padding-top: 10px;
}

#drawer-main-menu .sub-menu > li {
	font-size: 28px;
	text-transform: capitalize;
	margin-left: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #EDE7E0;
	margin-bottom: 10px;
}

#drawer-main-menu .sub-menu > li:last-of-type {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}


/*--------------------------------------------------------------
### Utility
--------------------------------------------------------------*/

#drawer-utility {
	flex-wrap: nowrap;
	margin-bottom: 30px;
}

#drawer-utility-menu > li {
	display: block;
	margin: 0 0 10px 0;
}

#drawer-utility-menu > li > a {
	color: #7D6D61;
}

#drawer-utility-menu > li > a:hover {
	color: #4F443B;
}

#social-menu > li {
	font-size: 17px;
	margin: 0 5px;
}

#social-menu > li > a {
	color: #7D6D61;
}

#social-menu > li > a:hover {
	color: #0C371D;
}

#social-menu > li:nth-of-type(4n+2) > a:hover {
	color: #C34B61;
}

#social-menu > li:nth-of-type(4n+3) > a:hover {
	color: #002FA7;
}

#social-menu > li:nth-of-type(4n+4) > a:hover {
	color: #C3984B;
}

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

.search-form-container {
	margin-bottom: 30px;
}

.search-form {
	padding: 20px;
	background: #fff;
	flex-wrap: nowrap;
	align-items: center;
}

.search-form .search-text {
	order: 2;
	padding: 0;
	background: none;
	flex-grow: 1;
	color: #4F443B;
}

.search-form .search-submit {
	order: 1;
	padding: 0;
	margin-right: 20px;
	background: none;
	color: #7D6D61;
	font-size: 15px;
}

.search-form .search-submit:hover {
	color: #4F443B;
}

/*--------------------------------------------------------------
### Legal
--------------------------------------------------------------*/

#drawer-legal-menu {
	text-align: center;
	font-size: 8px;
}

#drawer-legal-menu > li {
	margin: 0 5px;
	color: #4F443B;
}

#drawer-legal-menu > li > a {
	color: #4F443B;
}

#drawer-legal-menu > li > a:hover {
	color: #7D6D61;
}

/*--------------------------------------------------------------
### Leaderboard Ad
--------------------------------------------------------------*/

#leaderboard {
	margin: 20px auto;
}

#desktop-leaderboard {
	max-width: 728px;
	margin: 0 auto;
}

#mobile-leaderboard {
	max-width: 300px;
	margin: 0 auto;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Featured Widget Area
--------------------------------------------------------------*/

#footer-featured {
	padding: 40px 0 60px;
	background: url("../png/footer-bg.png") center no-repeat;
	background-size: cover;
	margin-top: 90px;
}

#footer-featured .wp-block-columns,
#footer-featured .wp-block-gallery,
#footer-featured .wp-block-image {
	margin-bottom: 0 !important;
}

#footer-featured .site-name {
	color: #fff;
	font-size: 48px;
	margin-bottom: 10px;
}

#footer-featured .site-byline {
	text-transform: none;
	margin-bottom: 20px;
	color: #fff;
	font-size: 48px;
}

#footer-featured p {
	color: #fff;
	font-size: 13px;
	line-height: 25px;
}

#menu-footer-featured {
	text-align: center;
}

#menu-footer-featured > li {
	margin: 0;
	font: 10px/1.4em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	vertical-align: middle;
}

#menu-footer-featured > li:after {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #fff;
	margin: 0 10px;
	vertical-align: middle;
}

#menu-footer-featured > li:last-of-type:after {
	display: none;
}

#menu-footer-featured > li > a {
	color: #fff;
}

@media (min-width: 600px) and (max-width: 781px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
		flex-basis: 100% !important;
		flex-grow: 1;
	}
	
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
		margin-left: 0;
	}
}

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

#footer {
	padding: 20px 0;
}

#footer-menu,
#site-credits {
	font-size: 8px;
	color: #4F443B;
}

#footer-menu > li {
	margin: 0 20px 0 0;
}

#footer-menu a,
#site-credits a {
	color: #4F443B;
}

#footer-menu a:hover,
#site-credits a:hover {
	color: #000;
}

@media (max-width: 767px) {
	#footer {
		padding: 10px 0;
		background: #0C371D;
		text-align: center;
		max-width: none;
		width: 100%;
		justify-content: center;
	}
	
	#footer-menu {
		font-size: 6px;
	}
	
	#footer-menu > li {
		margin: 0 5px;
		color: #fff;
	}
	
	#footer-menu a {
		color: #fff;
	}
}

/*--------------------------------------------------------------
# Newsletter Popup
--------------------------------------------------------------*/

#newsletter-popup {
	position: fixed; 
	top: 50%;
	left: 50%;
	z-index: 120000; 
	width: 90%; 
	max-width: 650px;
	padding: 60px 30px;
	background: #0C371D url("../png/footer-bg.png") center center no-repeat;
	background-size: cover;
	text-align: center;
	transform: translate(-50%,-50%);
}

#newsletter-popup-inner {
	max-width: 450px;
	margin: 0 auto;
}

#popup-overlay {
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 2000px; 
	z-index:  110000; 
	background: rgba(255,255,255, .8);
}

#newsletter-popup .popup-close {
	padding: 10px;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	font-size: 8px;
}

#newsletter-popup h2 {
	color: #fff;
	margin-bottom: 30px;
}

#newsletter-popup [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629e6667b7b14338733e5a28__form {
	padding: 0;
	font: 10px/1.4em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	color: #4F443B;
}

#newsletter-popup [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629e6667b7b14338733e5a28__title,
#newsletter-popup [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629e6667b7b14338733e5a28__subtitle {
	display: none;
}

#newsletter-popup [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629e6667b7b14338733e5a28__content {
	margin: 0;
	display: block;
}

#newsletter-popup [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629e6667b7b14338733e5a28__fields {
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
}

#newsletter-popup [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629fc5e55f17ef6c0a53622a__field {
	margin: 0;
	max-width: none;
	font: 10px/1.4em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	color: #4F443B;
}

#newsletter-popup [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629fc5e55f17ef6c0a53622a__control {
	height: auto;
	padding: 10px 20px;
	font: 10px/1.4em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	color: #4F443B;
}

#newsletter-popup [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629fc5e55f17ef6c0a53622a__label {
	padding: 10px 20px;
	font: 10px/1.4em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	color: #4F443B;
}

#newsletter-popup [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629e6667b7b14338733e5a28__footer {
	flex-grow: 0;
	flex-shrink: 0;
	margin: 0;
}

#newsletter-popup [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629e6667b7b14338733e5a28__button {
	font: 10px/1.4em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	color: #fff;
}

#newsletter-popup [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .fd-has-success .fd-form-success,
#newsletter-popup [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .fd-form-success>*:last-child {
	font: 10px/1.4em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	color: #fff;
}

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

.post-featured {
	margin-bottom: 55px;
}

.post-featured > a {
	display: block;
	padding: 50px 60px 50px 120px;
	border: 4px solid #BDB2A8;
	background: #fff;
}

@media (min-width: 768px) {

	.post-featured.hunter > a:hover {
		border-color: #0C371D;
	}

	.post-featured.blue > a:hover {
		border-color: #002FA7;
	}

	.post-featured.raspberry > a:hover {
		border-color: #C34B61;
	}

	.post-featured.mustard > a:hover {
		border-color: #C3984B;
	}
	
}

.post-featured .flex {
	flex-wrap: nowrap;
	align-items: center;
}

.post-featured .featured-image {
	width: 46.936759%; /* 475/1012 */
}

.post-featured .entry-summary {
	width: 47.43083%; /* 480/1012 */
}

.post-featured .entry-date {
	color: #A29284;
	margin-bottom: 10px;
}

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

.post-featured .entry-excerpt {
	margin-bottom: 25px;
}

.post-featured .read-more {
	color: #4F443B;
	display: flex;
	flex-shrink: 0;
	align-items: center;
}

@media (min-width: 768px) {

	.post-featured.hunter a:hover .read-more {
		color: #0C371D;
	}

	.post-featured.blue a:hover .read-more {
		color: #002FA7;
	}

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

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

.post-featured .read-more:after {
	content: '';
	display: block;
	height: 4px;
	background: #BDB2A8;
	flex-grow: 1;
	margin: 0 -60px 0 15px;
	-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;
}

@media (min-width: 768px) {

	.post-featured.hunter a:hover .read-more:after {
		background: #0C371D;
	}

	.post-featured.blue a:hover .read-more:after {
		background: #002FA7;
	}

	.post-featured.raspberry a:hover .read-more:after {
		background: #C34B61;
	}

	.post-featured.mustard a:hover .read-more:after {
		background: #C3984B;
	}
	
}

@media (min-width: 1025px) and (max-width: 1200px) {
	.post-featured > a {
		display: block;
		padding: 50px 60px 50px 60px;
		border: 4px solid #BDB2A8;
		background: #fff;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.post-featured > a {
		display: block;
		padding: 30px;
		border: 4px solid #BDB2A8;
		background: #fff;
	}
	
	.post-featured .read-more:after {
		margin-right: -30px;
	}
}

@media (max-width: 767px) {
	.post-featured > a {
		display: block;
		padding: 20px 25px 40px 25px;
		border-width: 2px;
		background: none;
	}
	
	.post-featured .featured-image {
		width: 100%;
		margin-bottom: 20px;
	}

	.post-featured .entry-summary {
		width: 100%;
	}
	
	.post-featured .entry-date {
		text-align: center;
	}
	
	.post-featured .entry-title {
		text-align: center;
		font-size: 32px;
		line-height: 1.5em;
	}
	
	.post-featured .read-more:after {
		display: none;
	}
	
	.post-featured .read-more:before {
		content: '';
		display: block;
		width: 45px;
		height: 2px;
		background: #BDB2A8;
		margin: 0 10px 0 -25px;
	}
}

/*--------------------------------------------------------------
### Standard Post
--------------------------------------------------------------*/

#post-feed-1 {
	width: 65%; /* 780/1200 */
}

#post-feed-1-sidebar {
	width: 25%; /* 300/1200 */
}

@media (max-width: 1024px) {
	#post-feed-1 {
		width: 100%;
	}
	
	#post-feed-1-sidebar {
		width: 100%; /* 300/1200 */
	}
}

.post-standard {
	margin-bottom: 50px;
}

.post-standard .featured-image {
	width: 38.461538%; /* 300/780 */
}

.post-standard .entry-summary {
	width: 55.128205%; /* 430/780 */
	margin-top: 60px;
}

@media (min-width: 768px) {

	.post-standard:hover .entry-summary {
		transform: translateX(15px);
	}

}

.post-standard .entry-meta {
	margin: 0 0 20px;
	line-height: 15px;
	justify-content: flex-start;
	align-items: center;
	color: #A29284;
}
.post-standard .entry-meta li {
	margin: 0 15px 0 0;
}

.post-standard .entry-meta a {
	color: #A29284;
}

	.post-standard .entry-meta a:hover {
		color: #18532E;
	}

	.post-standard.blue .entry-meta a:hover {
		background: #002FA7;
	}

	.post-standard.raspberry .entry-meta a:hover {
		background: #C34B61;
	}

	.post-standard.mustard .entry-meta a:hover {
		background: #C3984B;
	}

.post-standard .entry-meta:before {
	content: '';
	display: block;
	width: 120px;
	height: 4px;
	background: #18532E;
	margin: 3px 15px 0 0;
}

	.post-standard.blue .entry-meta:before {
		background: #002FA7;
	}

	.post-standard.raspberry .entry-meta:before {
		background: #C34B61;
	}

	.post-standard.mustard .entry-meta:before {
		background: #C3984B;
	}

.post-standard .entry-meta i {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #EDE7E0;
	margin-right: 5px;
}

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

	.post-standard .entry-title a:hover {
		color: #18532E;
	}

	.post-standard.blue .entry-title a:hover {
		color: #002FA7;
	}

	.post-standard.raspberry .entry-title a:hover {
		color: #C34B61;
	}

	.post-standard.mustard .entry-title a:hover {
		color: #C3984B;
	}


.post-standard .entry-excerpt {
	margin-bottom: 15px;
}

.post-standard .entry-meta-footer {
	justify-content: flex-start;
	align-items: center;
	color: #A29284;
}

.post-standard .entry-meta-footer li {
	margin: 0 15px 0 0;
}

.post-standard .entry-meta-footer a {
	color: #A29284;
}

	.post-standard .entry-meta-footer a:hover {
		color: #18532E;
	}

	.post-standard.blue .entry-meta-footer a:hover {
		color: #002FA7;
	}

	.post-standard.raspberry .entry-meta-footer a:hover {
		color: #C34B61;
	}

	.post-standard.mustard .entry-meta-footer a:hover {
		color: #C3984B;
	}

.post-standard .entry-meta-footer i {
	font-size: 15px;
	vertical-align: middle;
	margin-right: 5px;
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

@media (max-width: 767px) {
	.post-standard .featured-image {
		width: 100%;
	}

	.post-standard .entry-summary {
		width: 100%;
		margin-top: 25px;
	}
	
	.post-standard .entry-title {
		font-size: 38px;
	}
}

/*--------------------------------------------------------------
### Mini Post
--------------------------------------------------------------*/

.post-mini {
	padding: 40px 0;
	border-top: 2px solid #D9D2C9;
	border-bottom: 2px solid #D9D2C9;
}

.post-standard.post-mini .featured-image {
	width: 41.025641%; /* 320/780 */
}

.post-standard.post-mini .entry-summary {
	width: 52.564103%; /* 410/780 */
	margin: 0;
}

.post-mini .mini-label {
	display: inline-block;
	padding: 5px 20px;
	background: #18532E;
	color: #fff;
	margin-bottom: 15px;
}

	.post-mini.blue .mini-label {
		background: #002FA7;
	}

	.post-mini.raspberry .mini-label {
		background: #C34B61;
	}

	.post-mini.mustard .mini-label {
		background: #C3984B;
	}


@media (max-width: 767px) {
	.post-mini {
		padding: 25px 0;
	}
	
	.post-standard.post-mini .featured-image {
		width: 100%;
	}

	.post-standard.post-mini .entry-summary {
		width: 100%;
		margin-top: -12px;
		text-align: center;
	}
	
	.post-mini .entry-meta-footer {
		justify-content: center;
	}
	
	.post-mini .entry-meta-footer .comments-link {
		margin-right: 0;
	}
	
}

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

.post-grid {
	width: 23.75%; /* 285/1200 */
	margin-bottom: 55px;
}

.gap {
	width: 23.75%; /* 285/1200 */
}

.col-3 .post-grid {
	width: 31.66666%; /* 380/1200 */
	margin-bottom: 55px;
}

@media (max-width: 767px) {
	.post-grid,
	.gap {
		width: 100%;
	}
}

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

.post-grid .entry-date {
	color: #A29284;
	margin-bottom: 10px;
}

.post-grid .entry-date:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 4px;
	vertical-align: middle;
	background: #18532E;
	margin-left: 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-grid.blue .entry-date:after {
		background: #002FA7;
	}

	.post-grid.raspberry .entry-date:after {
		background: #C34B61;
	}

	.post-grid.mustard .entry-date:after {
		background: #C3984B;
	}

.post-grid a:hover .entry-date:after {
	width: 120px;
}

.post-grid .entry-title {
	font-size: 26px;
	width: 95%;
}

/*--------------------------------------------------------------
### Load More
--------------------------------------------------------------*/

.load-more {
	margin-top: 50px;
	text-align: center;
}

.load-more a {
	display: inline-block;
	padding: 15px 25px;
	background: #A29284;
	color: #fff;
	font: 10px/1em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
}

.load-more a:hover {
	background: #C3984B;
}

/*--------------------------------------------------------------
## Interstitials/Sidebars
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### Categories
--------------------------------------------------------------*/

#categories-interstitial {
	margin-bottom: 60px;
}

#categories-interstitial > .category > a {
	align-items: center;
}

	#categories-interstitial > .category:first-of-type > a:hover {
		color: #0C371D;
	}

	#categories-interstitial > .category:nth-of-type(4n+2) > a:hover {
		color: #C34B61;
	}

	#categories-interstitial > .category:nth-of-type(4n+3) > a:hover {
		color: #002FA7;
	}

	#categories-interstitial > .category:nth-of-type(4n+4) > a:hover {
		color: #C3984B;
	}

#categories-interstitial .featured-image {
	width: 90px;
	margin-right: 30px;
}

#categories-interstitial h4 {
	font-size: 78px;
}

@media (max-width: 1150px) {
	#categories-interstitial .featured-image {
		margin-right: 15px;
	}

	#categories-interstitial h4 {
		font-size: 48px;
	}
}

@media (max-width: 800px) {
	#categories-interstitial h4 {
		font-size: 36px;
	}
}

/*--------------------------------------------------------------
### Newsletter
--------------------------------------------------------------*/

#newsletter-interstitial {
	padding: 25px 30px;
	background: #D9D5C9;
	align-items: center;
	margin-bottom: 50px;
}

#newsletter-interstitial h2 {
	font-size: 33px;
	letter-spacing: .05em;
	color: #918981;
	margin-right: 30px;
}

#newsletter-interstitial .newsletter-form {
	flex-grow: 1;
}

#newsletter-interstitial [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629e6667b7b14338733e5a28__form {
	padding: 0;
	font: 10px/1.4em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	color: #4F443B;
}

#newsletter-interstitial [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629e6667b7b14338733e5a28__title,
#newsletter-interstitial [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629e6667b7b14338733e5a28__subtitle {
	display: none;
}

#newsletter-interstitial [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629e6667b7b14338733e5a28__content {
	margin: 0;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

#newsletter-interstitial [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629e6667b7b14338733e5a28__fields {
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
}

#newsletter-interstitial [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629e6667b7b14338733e5a28__field {
	margin: 0;
	max-width: none;
	font: 10px/1.4em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	color: #4F443B;
}

#newsletter-interstitial [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629e6667b7b14338733e5a28__control {
	height: auto;
	padding: 10px 20px;
	font: 10px/1.4em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	color: #4F443B;
}

#newsletter-interstitial [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629e6667b7b14338733e5a28__label {
	padding: 10px 20px;
	font: 10px/1.4em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	color: #4F443B;
}

#newsletter-interstitial [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629e6667b7b14338733e5a28__footer {
	flex-grow: 0;
	flex-shrink: 0;
	margin: 0 0 0 10px;
}

#newsletter-interstitial [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629e6667b7b14338733e5a28__button {
	font: 10px/1.4em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	color: #4F443B;
}

#newsletter-interstitial [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .fd-has-success .fd-form-success,
#newsletter-interstitial [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .fd-form-success>*:last-child {
	font: 10px/1.4em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	color: #4F443B;
}

@media (max-width: 767px) {
	#newsletter-interstitial {
		padding: 20px;
		display: block;
		margin-bottom: 50px;
	}

	#newsletter-interstitial h2 {
		font-size: 24px;
		max-width: 250px;
		margin: 0 auto 20px;
		text-align: center;
	}
	
	#newsletter-interstitial [data-ff-el="root"].ff-629e6667b7b14338733e5a28 .ff-629e6667b7b14338733e5a28__footer {
		margin: 0;
		text-align: right;
	}
}

/*--------------------------------------------------------------
### Sticky Sidebar
--------------------------------------------------------------*/

.sticky-sidebar {
    will-change: min-height;
}

.sticky-sidebar .sidebar-inner{
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}

/*--------------------------------------------------------------
### Trending
--------------------------------------------------------------*/

.trending-posts-block {
	margin-bottom: 1.5em;
	border: 1px solid #979797;
}

.trending-posts-block h2 {
	font-size: 32px;
	padding: 10px;
	border-bottom: 1px solid #979797;
	vertical-align: middle;
	text-align: center;
}

.trending-posts-block h2:before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 23px;
	background: url("../png/trending.png") center no-repeat;
	background-size: contain;
	margin-right: 10px;
	vertical-align: middle;
}

.trending-posts-block ul {
	padding: 30px 20px;
}

.trending-posts-block ul li {
	margin: 0 0 40px 0;
}

.trending-posts-block ul li:last-of-type {
	margin: 0;
}

.trending-posts-block ul li .flex {
	flex-wrap: nowrap;
	align-items: center;
}

.trending-posts-block ul li .featured-image {
	width: 90px;
	flex-shrink: 0;
	margin-right: 20px;
}

.trending-posts-block ul li .featured-image img {
	border-radius: 50%;
}

.trending-posts-block ul li h3 {
	flex-grow: 1;
}

.trending-posts-block ul li a:hover h3 {
	color: #C34B61;
}

@media (max-width: 767px) {
	.trending-posts-block ul li {
		margin: 0;
	}
	
	.trending-posts-block ul {
		padding-right: 50px;
	}
		
	.trending-posts .slick-next {
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		background: none;
		font-size: 36px;
		padding: 0 10px 0 0;
		color: #A29284;
	}
	
	.trending-posts .slick-next:hover {
		color: #4F443B;
	}
	
}

/*--------------------------------------------------------------
### Most Requested
--------------------------------------------------------------*/

#most-requested-interstitial {
	margin: 80px 0;
	position: relative;
}

#most-requested-interstitial ul {
	margin: 0;
	list-style: none;
}

#most-requested-interstitial .tab-navigation {
	width: 31.25%; /* 375/1200 */
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
}

#most-requested-interstitial .tab-navigation li {
	flex-grow: 1;
	margin: 0 5px 0 0;
}

#most-requested-interstitial .tab-navigation li:last-of-type {
	margin-right: 0;
}

#most-requested-interstitial .tab-navigation li a {
	display: block;
	padding: 15px 20px;
	text-align: center;
	background: #fff;
	color: #4F443B;
}

#most-requested-interstitial .tab-navigation li a:hover {
	background: #F1EEE9;
}

#most-requested-interstitial .tab-navigation li.tab-current a {
	background: #BDB2A8;
	color: #fff;
}

#most-requested-interstitial .column-left {
	width: 66.6666%; /* 800/1200 */
}

#most-requested-interstitial .column-right {
	width: 31.25%; /* 375/1200 */
	margin-top: 50px;
	background: #fff;
}

#most-requested-interstitial .column-right h2 {
	padding: 0 20px;
	margin-bottom: -8px;
}

#most-requested-interstitial .column-right ul > li > a {
	padding: 25px 20px;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	z-index: 2;
}

#most-requested-interstitial .column-right ul > li > a:hover,
#most-requested-interstitial .column-right ul > li > a.tab-current {
	background: #F1EEE9;
}

#most-requested-interstitial .column-right .post-number {
	color: #7D6D61;
	line-height: normal;
	margin-right: 20px;
	margin-bottom: -12px;
}

#most-requested-interstitial .column-right .post-title {
	flex-grow: 1;
}

/*--------------------------------------------------------------
# Archive Page
--------------------------------------------------------------*/

.archive-header {
	text-align: center;
	margin-bottom: 50px;
}

.archive-title {
	text-transform: capitalize;
	font-size: 78px;
	margin-bottom: 30px;
}

.archive-filters {
	margin: 0;
}

.archive-filters a {
	color: #4F443B;
}

.archive-filters a:hover {
	color: #A29284;
}

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

.nav-links > div {
	margin: 0 20px;
}

.nav-links a {
	color: #4F443B;
}

.nav-links a:hover {
	color: #A29284;
}

@media (max-width: 767px) {
	.archive-header {
		padding-bottom: 10px;
		border-bottom: 3px solid #EDE7E0;
		margin-bottom: 30px;
	}
		
	.archive-filters.menu > li {
		margin: 0 15px 20px 15px;
	}
}

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

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

.not-found {
	max-width: 600px;
	margin: 0 auto 80px;
	text-align: center;
}

.not-found .search-form {
	display: flex;
	align-items: center;
	background: #fff;
}

.not-found .search-form .search-submit {
	order: 1;
}

.not-found .search-form .search-text {
	order: 2;
	padding: 0;
	flex-grow: 1;
}

.grid-title {
	margin-bottom: 20px;
	text-align: center;
	text-transform: none;
}

/*--------------------------------------------------------------
# SPP
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Post
--------------------------------------------------------------*/

.single-post #footer-featured {
	margin-top: 0;
}

.post-single:not(.post-single-mini) {
	max-width: 750px;
	margin: 0 auto;
}

.post-single-mini .entry-left {
	width: 47.916667%; /* 575/1200 */
}

.post-single-mini .entry-right {
	width: 47.5%; /* 570/1200 */
	margin-top: 20px;
}

@media (max-width: 767px) {
	.post-single-mini .entry-left {
		width: 100%;
	}

	.post-single-mini .entry-right {
		width: 100%;
	}
}

.post-single:not(.post-single-mini) .entry-header {
	text-align: center;
	margin-bottom: 50px;
}

.post-single-mini .entry-header {
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.post-single-mini .entry-header {
		text-align: center;
	}
}

.post-single .entry-meta {
	margin: 0 0 20px 0;
	list-style: none;
}

.post-single .entry-meta li {
	display: inline-block;
	margin: 0 20px;
	color: #4F443B;
}

.post-single .entry-meta li:first-of-type {
	margin-left: 0;
}

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

.post-single .entry-meta li a {
	color: #4F443B;
}

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

.post-single .entry-sponsor {
	margin-top: 20px;
}

.post-single .entry-sponsor p {
	margin: 0;
	font: 8px/1em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	color: #4F443B;
}

.post-single .entry-sponsor a {
	color: #4F443B;
}

.post-single .entry-sponsor a:hover {
	color: #A29284;
}

.post-single .entry-content a,
.info-page .entry-content a {
	font-weight: bold;
}

.post-single .entry-content h2,
.info-page .entry-content h2 {
	font: 44px/1.25em 'Roslindale', serif;
	letter-spacing: .0125em;
	text-transform: uppercase;
}

	.post-single .entry-content h2 strong,
	.info-page .entry-content h2 strong {
		font-weight: normal;
	}

	.post-single .entry-content h2 em,
	.info-page .entry-content h2 em {
		font-style: normal;
	}

	.post-single .entry-content h2 a,
	.info-page .entry-content h2 a {
		color: #000;
		font-weight: normal;
	}

	@media (max-width: 767px) {
		.post-single .entry-content h2,
		.info-page .entry-content h2 {
			font-size: 28px;
		}
	}

.post-single .entry-content h3,
.info-page .entry-content h3 {
	font: 12px/2em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .075em;
	color: #4F443B;
}

	.post-single .entry-content h3 em,
	.info-page .entry-content h3 em {
		font-style: normal;
	}

	.post-single .entry-content h3 a,
	.info-page .entry-content h3 a {
		color: #000;
		font-weight: normal;
	}

.post-single .entry-content h4,
.info-page .entry-content h4 {
	font: 64px/1.25em 'Ayer', sans-serif;
	font-style: italic;
	letter-spacing: .0125em;
	margin-bottom: .025em; 
	margin-top:.4em;
}

	.post-single .entry-content h4 strong,
	.info-page .entry-content h4 strong {
		font-weight: normal;
	}

	.post-single .entry-content h4 a,
	.info-page .entry-content h4 a {
		color: #000;
		font-weight: normal;
	}

	@media (max-width: 767px) {
		.post-single .entry-content h4,
		.info-page .entry-content h4 {
			font-size: 48px;
		}
	}

.post-single .entry-content h5,
.info-page .entry-content h5 {
	font: 24px/1.33em 'Roslindale', serif;
	letter-spacing: .0125em;
}

	.post-single .entry-content h5 strong,
	.info-page .entry-content h5 strong {
		font-weight: normal;
	}

	.post-single .entry-content h5 em,
	.info-page .entry-content h5 em {
		font-style: normal;
	}

	.post-single .entry-content h5 a,
	.info-page .entry-content h5 a {
		color: #000;
		font-weight: normal;
	}

.post-single .entry-content h6,
.info-page .entry-content h6 {
	font: 10px/1.4em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
}

	.post-single .entry-content h6 strong,
	.info-page .entry-content h6 strong {
		font-weight: normal;
	}

	.post-single .entry-content h6 em,
	.info-page .entry-content h6 em {
		font-style: normal;
	}

	.post-single .entry-content h6 a,
	.info-page .entry-content h6 a {
		color: #000;
		font-weight: normal;
	}

.post-single .shop-the-post {
	margin-top: 40px;
}

.post-single .shop-the-post .stp-title {
	text-align: center;
	margin-bottom: -40px;
}

.post-single .shop-the-post .stp-code {
	padding: 20px;
	background: #fff;
}

.post-single:not(.post-single-mini) .entry-footer {
	margin-top: 40px;
}

.post-single-mini .entry-footer {
	margin-top: 15px;
	width: 100%;
}

.post-single .entry-footer > div {
	width: 0;
	flex-grow: 1;
	text-align: center;
}

.post-single .entry-footer .entry-photographer {
	margin-right: 2px;
	background: #0C371D;
	color: #fff;
}

.post-single .entry-footer .entry-photographer p {
	font: 10px/1em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	color: #fff;
	margin: 0;
	padding: 12px 10px;
}

.post-single .entry-footer .entry-photographer a {
	color: #fff;
}

.post-single .entry-footer .comments-link a {
	display: block;
	padding: 10px;
	background: #0C371D;
	color: #fff;
}

.post-single .entry-footer .comments-link a:hover {
	background: #C3984B;
}

.post-single .entry-footer .comments-link a:after {
	content: '';
	display: inline-block;
	width: 17px;
	height: 10px;
	background: url("../png/arrow.png") center no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-left: 5px;
}

@media (max-width: 767px) {
	.post-single .entry-footer > div {
		width: 100%;
	}
	
	.post-single .entry-footer .entry-photographer {
		margin-right: 0;
		margin-bottom: 2px;
	}
}

/*--------------------------------------------------------------
## Editor Styles
--------------------------------------------------------------*/

.page-intro {
	max-width: 700px;
	margin: 0 auto;
	padding: 30px 20px 20px 20px;
}

.page-intro {
	text-transform: none;
	line-height: 1.125em;
	letter-spacing: -3.5px !important;
}

.page-intro-separator {
	max-width: 900px;
	margin: 0 auto;
}

#about-blog-section .has-background {
	padding: 20px 60px 20px 40px;
    margin-right: -80px;
    position: relative;
    z-index: 2;
}

#meet-grace-section .has-background {
	padding: 20px 40px 20px 60px;
    margin-left: -80px;
    position: relative;
    z-index: 2;
}

@media (max-width: 781px) {
	#about-blog-section .has-background {
		padding: 20px;
		margin: -40px 0 0 0;
	}

	#meet-grace-section .has-background {
		padding: 20px;
		margin: -40px 0 0 0;
	}	
}

#about-blog,
#about-grace {
	margin-bottom: 10px;
	margin-top: 0;
}

.partnership {
	max-width: 800px;
	margin: 0 auto;
	padding: 35px !important;
	line-height: 2em;
}

#contact {
	gap: 5em;
}

.post-password-form {
	width: 90%;
	max-width: 600px;
	margin: 0 auto;
}

@media (max-width: 781px) {
	.stack-reverse > .wp-block-column:first-of-type {
		order: 2;
	}
	
	.stack-reverse > .wp-block-column:last-of-type {
		order: 1;
	}
	
	#contact {
		gap: 0;
	}

}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### Comment Form
--------------------------------------------------------------*/

#respond {
	padding: 50px 0;
	max-width: 750px;
	margin: 0 auto;
	position: relative;
}

#reply-title {
	display: none;
}

#comment-form-title {
	font: 85px/1.25em 'Ayer', sans-serif;
	font-style: italic;
	text-transform: none;
	letter-spacing: .0125em;
	color: #000;
}

	body.logged-in #comment-form-title {
		text-align: center;
	}

#commentform input,
#commentform textarea {
	border: 2px solid #BDB2A8;
	padding: 20px;
}

#commentform .comment-form-cookies-consent {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#commentform .comment-form-cookies-consent input {
	margin-right: 10px;
}

#commentform .comment-form-cookies-consent label {
	margin: 0;
}

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

#commentform input[type="submit"] {
	border: none;
	padding: 15px 30px;
	background: #A29284;
	color: #fff;
}

#commentform input[type="submit"]:hover {
	background: #0C371D;
}

@media (max-width: 767px) {
	#comment-form-title {
		text-align: center;
		font-size: 48px;
	}
}

@media (min-width: 768px) {
	
	body:not(.logged-in) #comment-form-title {
		position: absolute;
		top: 50px;
		left: 0;
		max-width: 220px;
		padding: 15px 25px;
	}

	body:not(.logged-in) #commentform {  
		display: grid;
		grid-template-columns: 50% 50%;
		grid-template-rows: auto auto auto auto auto auto;
		gap: 0px 0px;
		grid-auto-flow: row;
		grid-template-areas:
			". comment-form-author"
			". comment-form-email"
			". comment-form-url"
			"comment-form-comment comment-form-comment"
			"comment-form-cookies-consent comment-form-cookies-consent"
			"form-submit form-submit";
	}

	body:not(.logged-in) .comment-form-author { 
		grid-area: comment-form-author; 
	}

	body:not(.logged-in) .comment-form-email { 
		grid-area: comment-form-email; 
	}

	body:not(.logged-in) .comment-form-url { 
		grid-area: comment-form-url; 
	}

	body:not(.logged-in) .comment-form-comment { 
		grid-area: comment-form-comment; 
	}

	body:not(.logged-in) .comment-form-cookies-consent { 
		grid-area: comment-form-cookies-consent; 
	}

	body:not(.logged-in) .form-submit { 
		grid-area: form-submit; 
	}

}

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

#comments {
	max-width: 750px;
	margin: 50px auto 0;
	padding-top: 30px;
	padding-bottom: 70px;
	position: relative;
}

#comments:before {
	background: #F1EEE9;
}

.comments-title {
	color: #A29284;
	text-align: center;
	text-transform: none;
	margin-bottom: 40px;
}

@media (max-width: 767px) {
	.comments-title {
		font-size: 48px;
	}
}

.comment-list > li {
	padding: 20px;
	background: #fff;
	margin-bottom: 15px;
}

.comment-list > li:last-of-type {
	margin-bottom: 0;
}

.comment-list .children > li {
	padding: 20px;
	border: 2px solid #EDE7E0;
	margin-top: 20px;
}

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

.comment-author,
.comment-author a {
	color: #4F443B;
}

.comment-author a:hover {
	color: #A29284;
}

.comment-text p {
	font-size: 14px;
	line-height: 1.75em;
}

.comment-meta {
	text-align: right;
}

.comment-meta,
.comment-meta a {
	color: #4F443B;
}

.comment-meta a:hover {
	color: #A29284;
}

.comment-reply-link {
	margin-left: 10px;
}

/*--------------------------------------------------------------
## PubExchange
--------------------------------------------------------------*/

.thestripe #pubexchange_below_content  {
	margin-top: 50px;
}

.thestripe #pubexchange_below_content .pe-title {
	font: 55px/1em 'Ayer', sans-serif;
	font-style: italic;
	letter-spacing: .0125em;
	text-transform: capitalize;
	color: #A29284;
	margin-bottom: 20px;
}

.thestripe #pubexchange_below_content .pe-view-more a {
	font: 10px/1.4em 'sweet-sans-pro', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .1em;
	color: #4F443B;
}

.thestripe #pubexchange_below_content a.pe-headline {
	margin-top: 10px;
	font: 24px/1.33em 'Roslindale', serif;
    letter-spacing: .0125em;
}

.thestripe #pubexchange_below_content a.pe-partner-name {
	font: 10px/1.4em 'sweet-sans-pro', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .1em;
	color: #A29284;
}

.thestripe #pubexchange_below_content .pe-powered-by {
	font: 8px/1.4em 'sweet-sans-pro', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .1em;
	color: #A29284;
}

.thestripe #pubexchange_below_content .pe-powered-by a {
	color: #002FA7;
}

/*--------------------------------------------------------------
# Book Club Archive
--------------------------------------------------------------*/

#reads-page {
	max-width: 1240px;
	margin-top: 50px;
}

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

.page-header.with-button {
	position: relative;
	margin-bottom: 40px;
}

.page-header.with-button .button {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background: #F1EEE9;
	color: #4F443B;
}

.page-header.with-button .button:hover {
	background: #EDE7E0;
}

#books-header .button:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 13px;
	background: url("../png/book-lists.png") center no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-right: 10px;
}

.page-title.with-line {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	font-size: 78px;
	text-transform: lowercase;
}

.page-title.with-line:before,
.page-title.with-line:after {
	content: '';
	display: block;
	flex-grow: 1;
	height: 3px;
	background: #EDE7E0;
}

.page-title.with-line:before {
	margin-right: 30px;
}

.page-title.with-line:after {
	margin-left: 30px;
}

/*--------------------------------------------------------------
## Filter Form
--------------------------------------------------------------*/

#book-form {
	margin-bottom: 40px;
	position: relative;
}

#book-form > form > ul {
	margin: 0;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#book-form h4 {
	font: 16px/1em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: .1em;
	font-style: normal;
	padding: 0;
	cursor: pointer;
}

.sf-field-taxonomy-genre h4:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url("../png/book-filter.png") center no-repeat;
	background-size: contain;
	vertical-align: bottom;
	margin-right: 10px;
}

.sf-field-taxonomy-genre h4:after {
	content: '+';
	display: inline;
	margin-left: 5px;
}

.sf-field-taxonomy-genre.panel-open h4:after {
	content: '-';
}

.sf-field-taxonomy-genre ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 10;
	padding: 30px;
	background: #202522;
	height: 155px;
	-moz-column-count: 4;
	-moz-column-gap: 20px;
	-webkit-column-count: 4;
	-webkit-column-gap: 20px;
	column-count: 4;
	column-gap: 20px;
}

.sf-field-taxonomy-genre ul:before {
	content: 'X Close';
	cursor: pointer;
	font: 10px/1em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
}

.searchandfilter ul li ul li {
	padding: 0;
	margin-bottom: 10px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	break-inside: avoid-column;
}

.searchandfilter input[type="radio"] {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	margin: 0;
	font: inherit;
	color: #fff;
	width: 15px;
	height: 15px;
	padding: 0;
	border: none;
	border-radius: 0;
	display: inline-grid;
	place-content: center;
	cursor: pointer;
}

.searchandfilter input[type="radio"]::before {
	content: "";
	width: 15px;
	height: 15px;
	border-radius: 0;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	box-shadow: inset 15px 15px #C3984B;
	background-color: CanvasText;
}

.searchandfilter input[type="radio"]:checked::before {
  transform: scale(1);
}

.searchandfilter input[type="radio"]:focus {
  outline: max(2px, 1px) solid #fff;
  outline-offset: max(2px, 1px);
}

.searchandfilter ul li ul li label {
	color: #fff;
	vertical-align: middle;
	cursor: pointer;
	line-height: 150%;
}

.searchandfilter ul li.sf-field-search {
	margin-left: auto;
	position: relative;
	padding-left: 25px;
}

.sf-field-search h4 {
	width: 15px;
	height: 15px;
	background: url("../png/book-search.png") center no-repeat;
	background-size: contain;
	text-indent: -9999em;
}

.sf-field-search label {
	position: absolute;
	z-index: 10;
	width: 0;
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
	overflow: hidden;
	-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;
}

.sf-field-search.panel-open label {
	width: 640px;
}

.sf-field-search input {
	width: 100%;
	padding-left: 20px;
}

.searchandfilter ul li.sf-field-sort_order {
	margin-left: 25px;
	padding-left: 25px;
	border-left: 1px solid #BDB2A8;
	position: relative;
}

.sf-field-sort_order h4:after {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url("../png/book-sort.png") center no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-left: 8px;
}

.sf-field-sort_order ul {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(calc(-50% + 12px));
	width: 170px;
	background: #202522;
	z-index: 10;
	padding: 15px;
	display: none;
}

@media (max-width: 767px) {
	#book-form > form > ul {
		justify-content: center;
		padding-left: 40px;
	}

	.searchandfilter ul li.sf-field-taxonomy-genre {
		order: 1;
		margin-left: auto;
	}
	
	.sf-field-taxonomy-genre ul {
		height: 275px;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}

	.searchandfilter ul li.sf-field-sort_order {
		order: 2;
	}
		
	.searchandfilter ul li.sf-field-search {
		order: 3;
		margin-left: auto;
		margin-right: 0;
		position: static;
	}
	
	.sf-field-search label {
		right: 40px;
	}
	
	.sf-field-search.panel-open label {
		width: calc(100% - 40px);
	}
					
}

@media (max-width: 400px) {
	.sf-field-taxonomy-genre ul {
		height: 320px;
	}
}

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

#book-grid {
	padding: 20px 0;
	background: #fff;
}

.gridder{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-size:0;
}

.gridder-list {
    display: inline-block;
	vertical-align: top;
    position: relative;
    cursor: pointer;
    width: 17.45%; /* 210/1200 */
    padding: 3.75% 0; /* 45/1200 */
	margin: 0 3.75%; /* 45/1200 */
}

.gridder-show { 
    display: block;
    float: left;
    width: 100%;
    position: relative;
}

.gridder-content{
    display: none;
}

.gridder-expanded-content {
    animation-name: fadeIn;
    animation-duration: .3s;
    animation-fill-mode: both;
	position: relative;
	margin: 0 3.75% 50px; /* 45/1200 */
}

.gridder-nav {
	display: none;
}

.gridder-close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	margin-right: 3.75%;
	padding: 10px;
	font: 8px/1em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	color: #BDB2A8;
}

.gridder-close:hover {
	color: #4F443B;
}

.book-thumb {
	text-align: center;
}

.book-thumb .featured-image {
	margin-bottom: 20px;
}

.book-thumb h2 {
	font: 24px/1.33em 'Roslindale', serif;
	text-transform: none;
	letter-spacing: .0125em;
	margin-bottom: 15px;
}

.book-thumb .book-meta {
	justify-content: center;
	align-items: center;
}

.book-thumb .book-meta li {
	margin: 0 10px;
}

.book-thumb .rating {
	text-align: center;
	color: #A29284;
	line-height: normal;
	width: 23px;
	height: 23px;
	padding-top: 2px;
	border: 1px solid #BDB2A8;
	border-radius: 50%;
}

.book-data {
	padding: 40px 30px 30px 30px;
	background: #FCFBF8;
}

.book-data .book-info {
	width: 21.904762%; /*  230/1050 */
	padding-right: 30px;
	border-right: 1px solid #D1C0AF;
}

.book-data .book-info .book-title {
	margin-bottom: 25px;
}

.book-data .book-info .rating {
	justify-content: flex-start;
	align-items: center;
	color: #C34B61;
}

.book-data .book-info .rating i {
	text-align: center;
	font-style: normal;
	color: #C34B61;
	line-height: normal;
	width: 23px;
	height: 23px;
	padding-top: 2px;
	border: 1px solid #C34B61;
	border-radius: 50%;
	margin-left: 10px;
}

.book-data .book-review {
	width: 56.190476%; /*  590/1050 */
}

.book-data .book-review p:last-of-type {
	margin-bottom: 0;
}

.book-data .book-links {
	width: 14.285714%; /*  150/1050 */
	margin: 0;
	list-style: none;
	text-align: center;
}

.book-data .book-links li {
	margin-bottom: 15px;
}

.book-data .book-links li .button {
	display: block;
	background: #C3984B;
}

.book-data .book-links li .button:hover {
	background: #A29284;
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@media screen and (max-width: 767px) {
	.gridder-list {
		width: 33.5%;
		padding: 8.125% 0;
		margin: 0 8.125%;
	}
	
	.gridder-expanded-content {
		margin: 0 8.125% 50px; /* 45/1200 */
	}
	
	.gridder-close {
		margin-right: 8.125%;
	}
	
	.book-data .book-info {
		width: 100%;
		text-align: center;
		padding-right: 0;
		border-right: none;
		margin-bottom: 30px;
	}
	
	.book-data .book-info .rating {
		justify-content: center;
	}

	.book-data .book-review {
		width: 100%;
		margin-bottom: 30px;
	}

	.book-data .book-links {
		width: 100%;
	}
}

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

#info-page {
	margin-top: 50px;
}

#info-page:not(.wide-width) {
	max-width: 860px;
}

#info-page h1 {
	font: 78px/1.25em 'Ayer', sans-serif;
	font-style: italic;
	letter-spacing: .0125em;
	margin-bottom: 0;
}

@media (max-width: 767px) {
	#info-page h1 {
		font-size: 48px;
	}
}

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

.gform_fields {
	margin: 0;
	list-style: none;
}

.gform_fields > li {
	margin-bottom: 20px;
}

.gform_fields input,
.gform_fields textarea {
	padding: 10px;
	border: 2px solid #BDB2A8;
}

input[type="submit"].gform_button {
	background: #A29284;
	color: #fff;
}

input[type="submit"].gform_button:hover {
	background: #0C371D;
	color: #fff;
}

/*--------------------------------------------------------------
# Beauty Hub
--------------------------------------------------------------*/

#beauty-page {
	max-width: 1240px;
	margin-top: 50px;
}

#beauty-page-header {
	margin-bottom: 25px;
}

/*--------------------------------------------------------------
## Intro
--------------------------------------------------------------*/

#beauty-page #intro-section {
	margin-bottom: 65px;
}

/*--------------------------------------------------------------
### Latest
--------------------------------------------------------------*/

#beauty-page #latest-post {
	order: 2;
	width: 50%; /* 620/1240 */
	position: relative;
}

#beauty-page #latest-post .featured-image a,
#beauty-page #latest-post .featured-image img {
	display: block;
}

#beauty-page #latest-post .post-info {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 25px;
	background: rgba(255, 255, 255, .95);
	width: 90%;
	max-width: 525px;
}

#beauty-page #latest-post .label {
	position: absolute;
	top: 0;
	left: 25px;
	transform: translateY(-50%);
	padding: 5px 15px;
	background: #002FA7;
	color: #fff;
}

#beauty-page #latest-post .entry-title {
	font-size: 36px;
	margin: 0 0 15px;
	color: #000;
}

#beauty-page #latest-post .entry-title a {
	color: #000;
}

#beauty-page #latest-post .entry-title a:hover {
	color: #002FA7;
}

#beauty-page #latest-post .excerpt {
	font-size: 14px;
	line-height: 1.75em;
	margin-bottom: 15px;
}

#beauty-page #latest-post .read-more a {
	color: #4F443B;
}

#beauty-page #latest-post .read-more a:hover {
	color: #002FA7;
}

/*--------------------------------------------------------------
### Popular
--------------------------------------------------------------*/

#beauty-page #popular-posts {
	order: 1;
	width: 47.580645%; /* 590/1240 */
	padding: 35px;
	background: #fff;
}

#beauty-page #popular-posts > h2 {
	font-size: 16px;
	margin-bottom: 55px;
	text-align: center;
	color: #000;
}

#beauty-page #popular-posts ul {
	margin: 0 0 55px;
	padding: 0;
	list-style: none;
}

#beauty-page #popular-posts ul li {
	flex-wrap: nowrap;
	align-items: center;
	margin-bottom: 25px;
}

#beauty-page #popular-posts ul li:last-of-type {
	margin-bottom: 0;
}

#beauty-page #popular-posts ul li .featured-image {
	width: 120px;
	flex-shrink: 0;
}

#beauty-page #popular-posts ul li .featured-image a,
#beauty-page #popular-posts ul li .featured-image img {
	display: block;
}

#beauty-page #popular-posts ul li .post-info {
	flex-grow: 1;
	margin-left: 30px;
}

#beauty-page #popular-posts ul li:hover .post-info {
	transform: translateX(10px);
}

#beauty-page #popular-posts ul li .post-info h3 {
	font-size: 22px;
	line-height: 1.45em;
	margin: 0 0 10px 0;
}

#beauty-page #popular-posts ul li .post-info h3 a {
	color: #000;
}

#beauty-page #popular-posts ul li .post-info h3 a:hover {
	color: #C34B61;
}

#beauty-page #popular-posts ul li .post-info .description {
	font-size: 14px;
	line-height: 1.5em;
}

#beauty-page #popular-posts .cta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	color: #4F443B;
}

#beauty-page #popular-posts .cta:after {
	content: '';
	display: block;
	flex-grow: 1;
	height: 2px;
	background: #A29284;
	margin-left: 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;
}

#beauty-page #popular-posts .cta:hover {
	color: #C34B61;
}

#beauty-page #popular-posts .cta:hover:after {
	background: #C34B61;
}

@media (min-width: 981px) and (max-width: 1200px) {
	#beauty-page #popular-posts > h2,
	#beauty-page #popular-posts ul {
		margin-bottom: 20px;
	}
	
	#beauty-page #popular-posts ul li .featured-image {
		width: 100px;
	}
}

@media (max-width: 980px) {
	#beauty-page #latest-post {
		order: 1;
		width: 100%;
		margin-bottom: 30px;
	}

	#beauty-page #popular-posts {
		order: 2;
		width: 100%;
	}	
}

@media (max-width: 440px) {
	#beauty-page #popular-posts ul li {
		flex-wrap: wrap;
	}
	
	#beauty-page #popular-posts ul li .featured-image {
		width: 100%;
	}
	
	#beauty-page #popular-posts ul li .post-info {
		width: 100%;
		margin: 10px 0 0 0;
		text-align: center;
	}
}

/*--------------------------------------------------------------
## Don't Miss
--------------------------------------------------------------*/

#beauty-page #highlighted-post {
	margin-bottom: 70px;
}

#beauty-page #highlighted-post .featured-image {
	width: 50%;
}

#beauty-page #highlighted-post .featured-image a,
#beauty-page #highlighted-post .featured-image img {
	display: block;
}

#beauty-page #highlighted-post .post-info {
	width: 50%;
	padding: 30px 50px;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#beauty-page #highlighted-post .post-info .label {
	width: 120px;
	text-align: center;
	padding: 10px 15px;
	background: #000;
	color: #fff;
	margin-bottom: 25px;
}

#beauty-page #highlighted-post .post-info .entry-title {
	margin-bottom: 25px;
}

#beauty-page #highlighted-post .links {
	margin: 0 0 15px;
	padding: 0;
	list-style: none;
}

#beauty-page #highlighted-post .links li {
	display: inline-block;
	color: #4F443B;
}

#beauty-page #highlighted-post .links li:after {
	content: '\00b7';
	display: inline-block;
	margin: 0 10px;
	color: #4F443B;
}

#beauty-page #highlighted-post .links li:last-of-type:after {
	display: none;
}

#beauty-page #highlighted-post .links li a {
	color: #4F443B;
}

#beauty-page #highlighted-post .stp-code .widget-container,
#beauty-page #highlighted-post .stp-code .sc-list-collection,
#beauty-page #highlighted-post .stp-code .sc-wrapper {
	margin: 0 !important;
	padding: 0 !important;
}

#beauty-page #highlighted-post .stp-code .sc-products-container::-webkit-scrollbar {
    display: none;
}

#beauty-page #highlighted-post .stp-code .sc-content-container {
	display: none !important;
}

@media screen and (max-width: 767px) {
	#beauty-page #highlighted-post .featured-image {
		width: 100%;
	}

	#beauty-page #highlighted-post .post-info {
		width: 100%;
		padding: 30px;
	}
}

/*--------------------------------------------------------------
## Search by Brand
--------------------------------------------------------------*/

#beauty-page #explore-section {
	margin-bottom: 90px;
}

#beauty-page #search-section {
	width: 30.241935%; /* 375/1240 */
	padding: 20px;
	background: #EDE7E0;
}

#beauty-page #search-section h2 {
	position: relative;
	text-transform: none;
	color: #4F443B;
	margin-bottom: 10px;
}

#beauty-page #search-section h2:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	top: 50%;
	right: 0;
	transform: translate(calc(50% + 20px), 50%);
	background: #ECE1DF;
}

#beauty-page #search-section .description {
	color: #4F443B;
	margin-bottom: 15px;
	font-style: italic;
	font-size: 13px;
	line-height: 1.7em;
}

#beauty-page #search-section ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#beauty-page #search-section ul li {
	margin-bottom: 10px;
}

#beauty-page #search-section ul li a {
	display: block;
	padding: 15px 20px;
	background: #fff;
	color: #4F443B;
}

#beauty-page #search-section ul li a:hover {
	padding-left: 30px;
}

#beauty-page #search-section ul li > a:hover {
	color: #0C371D;
}

#beauty-page #search-section ul li:nth-of-type(4n+2) > a:hover {
	color: #C34B61;
}

#beauty-page #search-section ul li:nth-of-type(4n+3) > a:hover {
	color: #002FA7;
}

#beauty-page #search-section ul li:nth-of-type(4n+4) > a:hover {
	color: #C3984B;
}

#beauty-search {
	background: #fff;
}

#beauty-search .search-form {
	justify-content: flex-start;
	padding: 15px 20px;
}

#beauty-search .search-submit {
	color: #7F7F7F;
	background: #fff;
	font-size: 13px;
	padding: 0 10px 0 0;
	flex-shrink: 0;
	margin: 0;
}

#beauty-search .search-text {
	padding: 0;
	border: none;
	flex-grow: 1;
	font: 10px/1.4em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
}

@media screen and (max-width: 767px) {
	#beauty-page #search-section {
		width: 100%;
		margin-bottom: 50px;
	}
	
	#beauty-search .search-form {
		display: flex;
	}
}

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

#beauty-page #shop-section {
	width: 61.290323%; /* 760/1240 */
}

#beauty-page #shop-section h2 {
	font-size: 53px;
	line-height: 53px;
	text-transform: lowercase;
	text-align: center;
	margin-bottom: 15px;
	padding: 10px 20px;
	background: #EDE7E0;
}

#beauty-page #shop-section h3 {
	text-align: center;
	color: #4F443B;
	margin-bottom: 20px;
}

#beauty-page #shop-section .shop-code {
	background: #fff;
	margin-bottom: 20px;
}

#beauty-page #shop-section .cta {
	text-align: center;
}

@media screen and (max-width: 767px) {
	#beauty-page #shop-section {
		width: 100%;
	}
}

/*--------------------------------------------------------------
## How To
--------------------------------------------------------------*/

#beauty-page #how-to-section {
	margin-bottom: 115px;
}

#beauty-page #how-to-section .featured-image {
	width: 34.274194%; /* 425/1240 */
}

#beauty-page #how-to-section .section-content {
	width: 61.290323%; /* 760/1240 */
}

#beauty-page #how-to-section .section-content > h2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	font-size: 16px;
	margin-bottom: 15px;
}

#beauty-page #how-to-section .section-content > h2:after {
	content: '';
	display: block;
	height: 2px;
	flex-grow: 1;
	background: #ECE1DF;
	margin-left: 30px;
}

#beauty-page #how-to-section .section-content > .description {
	margin-bottom: 40px;
}

#beauty-page #how-to-section .section-content > .description p {
	font-size: 16px;
	line-height: 1.6em;
}

#beauty-page #how-to-section .section-content > .description a {
	font-weight: 700;
	color:  #002FA7;
}

#beauty-page #how-to-section .section-content > .description a:hover {
	color: #C34B61; 
}

#beauty-page #how-to-section ul {
	margin: 0;
	padding: 0;
	list-style: none;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
}

#beauty-page #how-to-section ul li {
	margin-bottom: 30px;
}

#beauty-page #how-to-section ul li:last-of-type {
	margin-bottom: 0;
}

#beauty-page #how-to-section ul li h3 {
	font-size: 61px;
	text-transform: none;
	color: #000;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition:    all 0.3s ease-in-out;
	-ms-transition:     all 0.3s ease-in-out;
	-o-transition:      all 0.3s ease-in-out;
	transition:         all 0.3s ease-in-out;
}

#beauty-page #how-to-section ul li h3:hover {
	color: #0C371D;
}

#beauty-page #how-to-section ul li:nth-of-type(4n+2) h3:hover {
	color: #C34B61;
}

#beauty-page #how-to-section ul li:nth-of-type(4n+3) h3:hover {
	color: #002FA7;
}

#beauty-page #how-to-section ul li:nth-of-type(4n+4) h3:hover {
	color: #C3984B;
}

#beauty-page #how-to-section ul li .description {
	margin-top: 10px;
}

#beauty-page #how-to-section ul li .description p {
	font-size: 14px;
	line-height: 1.42em;
}

#beauty-page #how-to-section ul li .description a {
	font-weight: 700;
	color:  #002FA7;
}

#beauty-page #how-to-section ul li .description a:hover {
	color: #C34B61; 
}

@media screen and (max-width: 767px) {
	#beauty-page #how-to-section .featured-image {
		width: 100%;
	}

	#beauty-page #how-to-section .section-content {
		width: 100%;
	}
	
	#beauty-page #how-to-section .section-content > h2 {
		text-align: left;
		margin-top: 10px;
	}
	
	#beauty-page #how-to-section ul {
		-moz-column-count: 1;
		-moz-column-gap: 0px;
		-webkit-column-count: 1;
		-webkit-column-gap: 0px;
		column-count: 1;
		column-gap: 0px;
	}
}

/*--------------------------------------------------------------
## Routines
--------------------------------------------------------------*/

#beauty-page #current-routines {
	position: relative;
	padding: 60px 0;
	margin-bottom: 40px;
}

#beauty-page #current-routines:before {
	content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    z-index: -1;
	background: #F1EEE9;
}

#beauty-page #current-routines > h2 {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	text-transform: none;
	font-size: 78px;
}

#beauty-page #current-routines #notes {
	position: absolute;
	top: 0;
	right: 0;
	transform: translateY(-50%);
	z-index: 10;
}

#beauty-page #current-routines #notes .notes-button {
	padding: 10px 20px;
	background: #C34B61;
	color: #fff;
	cursor: pointer;
}

#beauty-page #current-routines #notes .notes-button i {
	margin-right: 5px;
}

#beauty-page #current-routines #notes .notes-content {
	position: absolute;
	padding: 10px 15px;
	background: #C34B61;
	font-size: 13px;
	line-height: 1.7em;
	text-align: center;
	font-style: italic;
	color: #fff;
	margin-top: 5px;
	opacity: 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;
}

#beauty-page #current-routines #notes:hover .notes-content {
	opacity: 1;
	z-index: 10;
}

#beauty-page #routines {
	margin: 0;
	padding: 0;
	list-style: none;
}

#beauty-page #routines > li {
	padding: 45px 0 20px;
	background: #fff;
	margin-bottom: 35px;
	position: relative;
}

#beauty-page #routines > li:last-of-type {
	margin-bottom: 0;
}

#beauty-page #routines > li .section-info {
	padding: 0 30px;
	border-right: 1px solid #EDE7E0;
	width: 22%;
}

#beauty-page #routines > li .section-info > h3 {
	padding: 10px 25px;
	background: #A29284;
	color: #fff;
	position: absolute;
	top: 0;
	left: 15px;
	transform: translateY(-50%);
}

#beauty-page #routines > li .section-info .description h4 {
	font: 10px/1.4em 'sweet-sans-pro', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em;
	margin-bottom: 5px;
}

#beauty-page #routines > li .section-info .description p {
	margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.42em;
}

#beauty-page #routines > li .section-info .button {
	display: inline-block;
	padding: 12px 25px;
	background: #F1EEE9;
	margin-top: 15px;
	color: #000;
}

#beauty-page #routines > li .section-info .button:hover {
	background: #C34B61;
	color: #fff;
}

#beauty-page #routines > li .steps {
	width: 78%;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

#beauty-page #routines > li .steps-slider {
	margin: 0;
	padding: 0;
	list-style: none;
}

#beauty-page #routines > li .steps-slider li {
	width: 20%;
	overflow: hidden;
}

#beauty-page #routines > li .steps-slider li .number {
	display: block;
	width: 45px;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0 30px 0;
	border-bottom: 1px solid #ECE1DF;
	color: #BDB2A8;
	font-size: 64px;
}

#beauty-page #routines > li .steps-slider .slick-prev  {
	display: none;
}

#beauty-page #routines > li .steps-slider .slick-next {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(50%,-50%);
	color: #fff;
	background: #C3984B;
	font-size: 36px;
	line-height: 53px;
	width: 53px;
	height: 53px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: 50%;
	padding: 0 0 4px 8px;
}

#beauty-page #routines > li .steps-slider .slick-next:hover {
	background: #C34B61;
}

@media screen and (max-width: 767px) {
	#beauty-page #current-routines {
		padding-top: 20px;
	}
	#beauty-page #current-routines > h2 {
		font-size: 54px;
		white-space: nowrap;
	}
	
	#beauty-page #current-routines #notes {
		position: relative;
		transform: translateY(0);
		text-align: center;
		margin: 10px auto 50px;
	}
	
	#beauty-page #current-routines #notes .notes-button {
		padding: 0;
		background: none;
		color: #000;
	}
	
	#beauty-page #routines > li .section-info {
		padding: 0 30px 20px 30px;
		border-right: none;
		border-bottom: 3px solid #ECE1DF;
		width: 100%;
		margin-bottom: 30px;
	}
	
	#beauty-page #routines > li .steps {
		width: 100%;
		padding-right: 30px;
	}
	
	#beauty-page #routines > li .steps-slider li {
		width: 100%;
	}
	
	#beauty-page #routines > li .steps-slider .slick-next {
		background: none;
		color: #C3984B;
		right: -10px;
		display: block;
		width: auto;
		height: auto;
		border-radius: 0;
		padding: 0;
	}
	
	#beauty-page #routines > li .steps-slider .slick-next:hover {
		background: none;
		color: #C34B61;
	}

}

/*--------------------------------------------------------------
## Reviews
--------------------------------------------------------------*/

#beauty-page #reviews-section {
	margin-bottom: 60px;
}

#beauty-page #reviews-section > h2 {
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	text-align: center;
	font-size: 78px;
	text-transform: lowercase;
}

#beauty-page #reviews-section > h2:before {
	content: '';
	display: block;
	height: 3px;
	background: #EDE7E0;
	flex-grow: 1;
	margin-right: 30px;
}

#beauty-page #reviews-section > h2:after {
	content: '';
	display: block;
	height: 3px;
	background: #EDE7E0;
	flex-grow: 1;
	margin-left: 30px;
}

#beauty-page #reviews-section #featured_posts {
	margin: 0;
	padding: 0;
	list-style: none;
}

#beauty-page #reviews-section #featured_posts > li {
	width: 30.241935%; /* 375/1240 */
	flex-wrap: nowrap;
}

#beauty-page #reviews-section #featured_posts > li .featured-image {
	width: 66.66666%;
	flex-shrink: 0;
}

#beauty-page #reviews-section #featured_posts > li .post-info {
	flex-grow: 1;
}

#beauty-page #reviews-section #featured_posts > li .post-info .entry-title {
	margin: 15px 0 0 -70px;
	padding: 15px;
	background: #fff;
	color: #000;
	text-align: center;
	font-size: 26px;
	line-height: 1em;
}

#beauty-page #reviews-section #featured_posts > li .post-info .entry-title a {
	color: 000;
}

#beauty-page #reviews-section #featured_posts > li .post-info .product {
	margin: 20px 0 0 20px;
}

#beauty-page .back-to-home {
	max-width: 285px;
	margin: 0 auto;
	padding: 15px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	#beauty-page #reviews-section #featured_posts > li {
		width: 100%;
		margin-bottom: 20px;
		display: flex;
	}	
	
	#beauty-page #reviews-section > h2 {
		font-size: 36px;
	}
}

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

#shop-page {
	margin-top: 50px;
}

#shop-header .button {
	background: #BDB2A8;
	color: #fff;
}

#shop-header .button:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 17px;
	background: url("../png/shop.png") center no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-right: 10px;
}

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

.shop-grid {
	margin: 0 0 40px 0;
	list-style: none;
}

.shop-grid .product .featured-image {
	padding-top: 100%;
	position: relative;
	margin-bottom: 10px;
}

.shop-grid .product .featured-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

.shop-grid .product .subtitle {
	margin-top: 10px;
	color: #A29284;
}

.shop-grid .product .description {
	font-size: 14px;
	line-height: 1.75em;
}

.shop-grid .product .cta {
	color: #C34B61;
	margin-top: 15px;
}

@media (min-width: 1100px) {
	.post-single .shop-block {
		width: 149.3333%; /* 1120/750 */
		margin-left: -24.6666667%; /* 185/750 */
	}
}

@media (min-width: 768px) {
	.shop-grid {
		padding: 60px 80px 20px;
		background: #fff;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.post-single .shop-grid {
		padding: 40px;
	}

	.shop-grid li {
		width: 30.769231%; /* 320/1040*/
	}
	
	.shop-grid .product {
		margin-bottom: 40px;
		text-align: center;
	}
	
	.shop-grid .product a {
		display: block;
		position: relative;
	}
	
	.shop-grid .product a:hover .featured-image {
		opacity: 0;
	}
	
	.shop-grid .product .description {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: 250px;
		opacity: 0;
	}
	
	.shop-grid .product a:hover .description {
		opacity: 1;
	}

}

@media (max-width: 767px) {
	
	.shop-grid .product {
		margin-bottom: 50px;
	}
	
	.shop-grid li a {
		display: flex;
		justify-content: space-between;
	}
	
	.shop-grid li .featured-image {
		width: 41.558442%;
		background: #fff;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.shop-grid li .product-info {
		width: 51.948052%;
	}
	
	.shop-grid .product .subtitle {
		margin-bottom: 10px;
	}
	
}

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

#press-header {
	margin-bottom: 40px; 
}

#press-feed {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

	.press-thumb {
		width: 22.727272%; /* 250/1100 */
		margin-bottom: 33px; 
		text-align: center;
	}

		#press-feed .gap {
				width: 22.727272%; /* 250/1100 */
		}

	.press-thumb .featured-image {
		margin-bottom: 10px; 
		position: relative;
	}

	.press-thumb a {
		color: #000;
	}

	.press-thumb a:hover {
		color: #d8afa6;
	}

@media screen and (min-width : 400px) and (max-width : 630px) {
	
	.press-thumb {
		width: 44.169611%; 
	}
	
		#press-feed .gap {
			width: 44.169611%; 
		}
}

@media screen and (max-width : 399px) {
	
	.press-thumb {
		width: 100%; 
		max-width: 250px; 
		margin: 0 auto 33px auto; 
	}
	
		#press-feed .gap {
			width: 100%; 
			max-width: 250px; 
		}

}