/*
Theme Name: Pearl
Theme URI: https://empressthemes.com/shop/pearl-theme
Author: EmPress Themes
Author URI: https://empressthemes.com
Description: Our layout powerhouse, Pearl offers three post layouts that you can mix and match for multiple ways to feature posts on your Home Page. Switch the order of your layouts to customize the look and vibe of your Home Page. Pearl also includes comprehensive Google font and color controls, and an optional post slider.

Version: 1.2.2

Please refer to the readme.txt file for full licensing information.

Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, blog

Text Domain: pearl

Pearl 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.

*/

/*--------------------------------------------------------------
# General Styling
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Typography
--------------------------------------------------------------*/

body,
p,
input,
textarea {
	font: 15px/1.6667em 'Karla', sans-serif;
	letter-spacing: normal;
}

h1 {
	font: 42px/1.15em 'Forum', serif;
	letter-spacing: .05em;
}

h2 {
	font: 36px/1.15em 'Forum', serif;
	letter-spacing: .05em;
}

h3 {
	font: 20px/1.15em 'Forum', serif;
	letter-spacing: .05em;
}

h4 {
	font: 13px 'Karla', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .15em;
}

h5 {
	font: 11px 'Karla', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .15em;
}

h6 {
	font: 10px 'Karla', sans-serif;
	text-transform: uppercase;
	letter-spacing: .15em;
}

.entry-title,
.em-fonts-primary {
	font: 42px/1.15em 'Forum', serif;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	letter-spacing: .05em;
}

.em-fonts-primary-small {
	font-size: 36px;
}

.em-fonts-primary-xs {
	font-size: 20px;
}

.em-fonts-primary-caps {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .15em;
}

.em-fonts-secondary {
	font: 11px 'Karla', sans-serif;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .15em;
}

.em-fonts-secondary-large {
	font-size: 13px;
	font-weight: normal;
}

.em-fonts-secondary-small {
	font-size: 10px;
	font-weight: normal;
}

.em-fonts-tertiary {
	font: 18px/1.45em 'Old Standard TT', serif;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
	letter-spacing: .05em;
}

.em-fonts-tertiary-caps {
	font-size: 36px;
	text-transform: uppercase;
	letter-spacing: .1em;
}

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

.wp-caption-text,
.wp-block-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
	position: absolute;
	bottom: 20px;
	right: 0;
	padding: 15px;
	background: #fff;
	color: #000;
	text-align: left;
	max-width: 180px;
	font: 10px 'Karla', sans-serif;
	text-transform: uppercase;
	letter-spacing: .15em;
}

.blocks-gallery-caption {
	display: block;
	width: 100%;
	font: 10px 'Karla', sans-serif;
	text-transform: uppercase;
	letter-spacing: .15em;
	text-align: center;
	padding: 20px 35px;
	background: #fdf7f4;
}


blockquote,
blockquote.wp-block-quote {
	padding: 1em 0;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	font: 18px/1.45em 'Old Standard TT', serif;
	font-style: italic;
	letter-spacing: .05em;
}

cite,
.wp-block-quote__citation {
	font: 11px 'Karla', sans-serif;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .15em;
}

@media all and (max-width: 767px) {
	
	.wp-caption-text,
	.wp-block-image figcaption,
	.wp-block-gallery .blocks-gallery-item figcaption {
		position: static;
		text-align: center;
		max-width: none;
	}
	
}

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

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

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button__link,
.button {
	border: none;
	padding: 10px 25px;
	line-height: normal;
	font: 10px 'Karla', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .15em;
}

label {
	font: 10px 'Karla', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .15em;
}

::placeholder {
	font: 10px 'Karla', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .15em;
}

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

.wrap {
	max-width: 1200px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Site Branding
--------------------------------------------------------------*/

#masthead {
	padding: 45px 0 25px;	
}

#masthead.inline-header {
	padding: 30px 0;
	flex-wrap: nowrap;
	align-items: center;
}

.site-title-image {
	margin: 0 auto;
}

.inline-header .site-title-image {
	margin: 0 40px 0 0;
}

.site-title-text {
	font: 48px 'Forum', serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .15em;
	text-align: center;
}

.inline-header .site-title-text {
	margin: 0 40px 0 0;
}

.site-description {
	font: 18px 'Old Standard TT', serif;
	font-style: italic;
	font-weight: normal;
	text-transform: lowercase;
	letter-spacing: .05em;
	margin-top: 10px;
	text-align: center;
}

@media all and (max-width: 1024px) {
	#masthead.inline-header {
		display: block;
	}
	
	.inline-header .site-title-image,
	.inline-header .site-title-text {
		margin: 0 auto;
	}
}

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

#top-nav {
	align-items: center;
}

#top-left-menu {
	margin-right: auto;
}

#top-right-menu {
	margin-left: auto;
}

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

.top-menu > li > a {
	padding: 15px 0;
}

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

.social-menu {
	margin-left: auto;
}

.social-menu i {
	font-size: 12px;
}

	.has-top-right-menu .social-menu,
	.has-primary-menu .social-menu {
		margin-left: 25px;
	}

@media screen and (max-width: 1024px) {
	.has-primary-menu .social-menu {
		margin-left: 0;
	}
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	
	.has-top-right-menu.hide-top-left-menu-tablet .social-menu {
		margin-left: auto;
	}
		
}

@media all and (max-width: 767px) {
	
	.has-top-right-menu.hide-top-left-menu-phone .social-menu {
		margin-left: auto;
	}

}

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

.search-menu {
	margin-left: auto;
}

	.has-primary-menu .search-menu {
		margin-left: 40px;
	}

	.has-top-right-menu .search-menu {
		margin-left: 20px;
	}

	.has-social-media-menu .search-menu {
		margin-left: 14px;
	}

.search-menu i {
	font-size: 11px;
}

.search-open-text {
	margin-left: 5px;
}

#search-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10001;
}

#search-modal .search {
	width: 90%;
	max-width: 520px;
	padding: 20px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10002;
}

#search-modal h2 {
	margin-bottom: 30px;
	text-align: center;
}

#search-modal .search-form {
	display: flex;
	justify-content: space-between;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}

#search-modal input.search-text {
	order: 2;
	padding: 0 20px 0 0;
	width: 100%;
	flex-grow: 1;
}

#search-modal .search-form button {
	order: 1;
	font-size: 15px;
	width: 20px;
}

#search-close {
	float: right;
}

@media screen and (max-width: 1024px) {
	.has-primary-menu .search-menu {
		margin-left: 0;
	}
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	
	.has-social-media-menu.hide-social-tablet .search-menu {
		margin-left: auto;
	}		
}

@media all and (max-width: 767px) {
	
	.has-top-right-menu.hide-top-left-menu-phone .social-menu {
		margin-right: auto;
	}

}

/*--------------------------------------------------------------
## Feature Tab
--------------------------------------------------------------*/

.feature-tab {
	margin-left: auto;
}

	.has-top-right-menu .feature-tab,	
	.has-social-media-menu .feature-tab,
	.has-search-menu .feature-tab,
	.has-primary-menu .feature-tab {
		margin-left: 25px;
	}

.feature-tab > li > a {
	padding: 15px 25px;
}

#top-nav .feature-tab {
	align-self: stretch;
}

#top-nav .feature-tab li,
#top-nav .feature-tab li a {
	height: 100%;
}

#top-nav .feature-tab li a {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 1024px) {
	.has-primary-menu .feature-tab {
		margin-left: 0;
	}
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	
	.has-social-media-menu.hide-social-tablet.has-search-menu.hide-search-tablet .feature-tab {
		margin-left: auto;
	}
	
}

@media all and (max-width: 767px) {
	
	.has-top-right-menu.hide-top-left-menu-phone .social-menu {
		margin-right: auto;
	}

}


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

#site-navigation {
	margin-top: 35px;
	text-align: center;
}

.inline-header #site-navigation {
	margin-top: 0;
	margin-left: auto;
}

#site-navigation.flex {
	justify-content: center;
	align-items: center;
}

.primary-menu > li {
	margin: 0 20px;
}

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

/*--------------------------------------------------------------
## Scroll Navigation
--------------------------------------------------------------*/

#scroll-nav-container {
	background: #f5e9e3;
	position: fixed;
	width: 100%;
	z-index: 9999;
	top: -100%;
}

#scroll-nav {
	align-items: center;
}

#scroll-nav:not(.has-top-menus-only) #top-left-scroll-menu {
	margin-left: 20px;
}

#scroll-nav.has-top-left-menu #top-right-scroll-menu,
#scroll-nav:not(.has-top-menus-only) #top-right-scroll-menu {
	margin-left: 20px;
}

.scroll-logo {
	margin-right: 40px;
}

.scroll-logo a {
	display: block;
	padding: 10px 0;
}

#scroll-nav .feature-tab {
	align-self: stretch;
}

#scroll-nav .feature-tab li,
#scroll-nav .feature-tab li a {
	height: 100%;
}

#scroll-nav .feature-tab li a {
	display: flex;
	justify-content: center;
	align-items: center;
}

/*--------------------------------------------------------------
## Mobile Navigation
--------------------------------------------------------------*/

#top-nav-container {
	position: relative;
}

#top-nav:not(.has-top-left-menu) .mobile-menu-container,
#scroll-nav:not(.has-top-left-menu) .mobile-menu-container {
	margin-right: auto;
}

#top-nav.has-top-left-menu .mobile-menu-container,
#scroll-nav.has-top-left-menu .mobile-menu-container {
	margin-right: 20px;
}

.mobile-toggle {
	padding: 15px 0;
}

.mobile-menu i {
	font-size: 12px;
}

.mobile-toggle-text {
	margin-left: 5px;
}

#mobile-menu,
#mobile-menu .sub-menu {
	display: none;
}

#mobile-menu li {
	display: block;
}

#mobile-menu a {
	display: block;
	padding: 5px 0;
}

#top-nav #mobile-menu .sub-menu,
#scroll-nav #mobile-menu .sub-menu {
	padding-left: 15px;
}

#top-nav #mobile-menu,
#scroll-nav #mobile-menu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100vw;
	z-index: 999;
	padding: 10px 0;
}

#top-nav #mobile-menu > li,
#scroll-nav #mobile-menu > li {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	
	#top-nav.has-top-left-menu.hide-top-left-menu-tablet .mobile-menu-container,
	#scroll-nav.has-top-left-menu.hide-top-left-menu-tablet .mobile-menu-container {
		margin-right: auto;
	}
		
}

@media all and (max-width: 767px) {
	
	#top-nav.has-top-left-menu.hide-top-left-menu-phone .mobile-menu-container {
		margin-right: auto;
	}

}

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

#footer {
	margin-top: 35px;
}

.footer-widget-area {
	width: 0;
	flex-grow: 1;
	margin-right: 25px;
}

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

@media screen and (max-width: 767px) {
	.footer-widget-area {
		width: 100%;
		margin-right: 0;
		margin-bottom: 25px;
	}
	
	.footer-widget-area:last-of-type {
		margin-bottom: 0;
	}
}

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

#footer-nav {
	justify-content: center;
	align-items: center;
	padding: 25px 0;
	color: #9B9B9B;
}

#footer-nav a {
	color: #9B9B9B;
}

#footer-nav a:hover {
	color: #000;
}

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

.footer-menu > li > a {
	padding: 0;
}

.footer-menu,
.site-copyright,
#empress-credit {
	margin: 0 10px;
}

#empress-credit .icon-emlogo {
	font-size: 90%;
}

@media screen and (max-width: 767px) {
	#footer-nav,
	.footer-menu > li {
		display: block;
		text-align: center;
		margin: 0 auto;
	}
}

/*--------------------------------------------------------------
# Blog Feed Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Post Feed Layouts
--------------------------------------------------------------*/

.post-feed-container {
	padding: 40px 0;
}

.post-feed-container.has-grid .post-feed {
	padding-top: 70px;
	position: relative;
}

.post-feed-container.has-grid .post-feed:before {
	content: '';
    display: block;
    position: absolute;
    top: 0;
    height: 240px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    z-index: -1;
	background: #fdf7f4;
}

.post-feed-title {
	width: 100%;
	text-align: center;
	transform: translateY(50%);
}

.post-feed .post:last-child {
	margin-bottom: 0;
}

.post-feed-container.has-grid .post-feed .post:nth-last-child(-n+2) {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
## Sidebar Layouts
--------------------------------------------------------------*/

.post-feed {
	width: 100%;
}

	.post-feed-container.has-sidebar .post-feed {
		width: 62.5%;
	}

	.post-feed-container.one-column .post-feed {
		max-width: 750px;
		margin: 0 auto;
	}

	.post-feed-container.sidebar-left .post-feed {
		order: 2;
	}

.sidebar {
	width: 25%;
}

	.post-feed-container.sidebar-left .sidebar {
		order: 1;
	}

	.post-feed-container.sidebar-left .posts-navigation-container {
		order: 3;
		padding-left: 37.5%;
	}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.post-feed-container.has-sidebar.hide-sidebar-tablet .post-feed {
		width: 100%;
	}
}

@media all and (max-width: 767px) {
	.post-feed-container.has-sidebar .post-feed {
		width: 100%;
	}
	
	.sidebar {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	
	.post-feed-container.sidebar-left .posts-navigation-container {
		padding-left: 0;
	}

}

/*--------------------------------------------------------------
## Interstitial Layouts
--------------------------------------------------------------*/

.interstitial {
	margin: 25px auto;
	padding: 60px 0;
}

.interstitial:before {
	background: #fdf7f4;
}

#home-featured {
	margin-top: 0;
}

#interstitial-3 {
	margin-bottom: 0;
	margin-top: 80px;
}

#footer-featured {
	margin: 80px auto 0;
}

#nothing-found-interstitial {
	margin-bottom: 0;
}

#footer-featured.after-interstitial-3,
#footer-featured.after-nothing-found {
	margin-top: 0;
	padding-top: 0;
}

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

.archive-header {
	width: 100%;
}

/*--------------------------------------------------------------
## Post Elements
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### Entry Meta
--------------------------------------------------------------*/

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

.entry-header .entry-meta > div {
	display: inline-block;
}

.entry-header .entry-meta > div:after {
	display: inline-block;
	content: '\2022';
	margin: 0 10px;
}

.entry-header .entry-meta > div:last-of-type:after {
	display: none;
}

/*--------------------------------------------------------------
### Shop the Post Hover
--------------------------------------------------------------*/

.has-stp-hover {
	position: relative;
}

.has-stp-hover .stp-title {
	cursor: pointer;
}

.has-stp-hover .stp-code {
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	background: #fff;
	overflow: hidden;
	opacity: 0;
	z-index: -1;
}

.has-stp-hover .stp-title:hover + .stp-code,
.has-stp-hover .stp-code:hover {
	opacity: 1;
	z-index: 1;
}

@media all and (max-width: 767px) {
	.has-stp-hover .stp-code {
		position: static;
		bottom: auto;
		left: auto;
		right: auto;
		width: 100%;
		opacity: 1;
		z-index: 1;
	}
}

/*--------------------------------------------------------------
### Share
--------------------------------------------------------------*/

.has-share {
	position: relative;
}

.entry-share.has-share-hover {
	position: absolute;
	top: 35px;
	left: 0;
	transform: translate(-50%,0);
	font-size: 14px;
}

.entry-share.has-share-hover .pre {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	z-index: 2;
	cursor: pointer;
	color: #FFFFFF;
	background: #000000;
}

.entry-share.has-share-hover .pre-text {
	display: none;
}

.entry-share.has-share-hover ul {
	padding: 36px 0 15px;
	text-align: center;
	border-radius: 18px;
	margin-top: -36px;
	opacity: 0;
	background: #000000;
}

.entry-share.has-share-hover ul li {
	margin-top: 5px;
}

.entry-share.has-share-hover:hover ul {
	opacity: 1;
}

.entry-share.has-share-hover ul a {
	color: #fff;
}

@media screen and (max-width: 767px) {
	.entry-share.has-share-hover {
		display: none;
	}
}

/*--------------------------------------------------------------
## Post Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### Classic
--------------------------------------------------------------*/

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

.post-classic .featured-image {
	width: 46.666667%;
}

.post-classic .entry-summary {
	margin-top: 35px;
	width: 46.666667%;
}

	.post-classic .entry-header {
		margin-bottom: 10px;
	}

	.post-classic .entry-footer {
		margin-top: 15px;
	}

		.post-classic .stp-title {
			padding: 10px 35px;
			margin-right: 10px;
		}

		.post-classic .read-more {
			flex-grow: 1;
		}

			.post-classic .read-more a {
				display: block;
				text-align: center;
				padding: 10px 20px;
			}

			.post-classic .read-more a:hover {
				display: block;
				padding: 10px 20px;
			}

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

	.post-classic .entry-summary {
		margin-top: 25px;
		width: 100%;
	}
	
	.post-classic .stp-title {
		display: none;
	}
}

/*--------------------------------------------------------------
### Offset
--------------------------------------------------------------*/

.post-offset {
	align-items: center;
}

.post-offset:nth-of-type(2n) .entry-share {
	left: auto;
	right: 0;
	transform: translate(50%,0);
}

.post-offset .featured-image {
	width: 45%;
}

	.post-offset:nth-of-type(2n) .featured-image {
		order: 2;
	}

.post-offset .entry-summary {
	width: 50%;
	padding: 50px 0;
	position: relative;
}

	.post-offset:nth-of-type(2n) .entry-summary {
		order: 1;
	}

	.post-offset .entry-summary:before {
		content: '';
		display: block;
		position: absolute;
		top: 15px;
		left: 0;
		right: 0;
		height: 5px;
		width: 117%;
		margin-left: -17%;
		background: #f5e9e3;
	}

		.post-offset:nth-of-type(2n) .entry-summary:before {
			margin-left: 0;
			margin-right: -17%;
		}

	.post-offset .entry-header {
		margin-bottom: 15px;
	}

	.post-offset .entry-footer {
		margin-top: 25px;
		border-top: 1px solid #000;
	}

		.post-offset .entry-footer .entry-meta > div {
			display: inline-block;
			padding: 10px 0;
			margin-right: 20px;
		}

		.post-offset .entry-footer .entry-meta .stp-title {
			color: #fff;
			padding: 10px 20px;
		}

@media all and ( max-width: 767px ) {
	.post-offset {
		margin-bottom: 50px;
	}

		.post-offset:last-of-type {
			margin-bottom: 0;
		}

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

		.post-offset:nth-of-type(2n) .featured-image {
			order: 1;
		}

	.post-offset .entry-summary {
		width: 100%;
		padding: 25px 0 0 0;
	}

		.post-offset:nth-of-type(2n) .entry-summary {
			order: 2;
		}
	
	.post-offset .entry-summary:before {
		display: none;
	}
}

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

.post-grid {
	width: 46%;
	margin-bottom: 70px;
}

	.post-grid .featured-image {
		width: 46.195%;
	}

	.post-grid .entry-summary {
		width: 49.275%;
		margin-top: 15px;
	}

		.post-grid .entry-footer {
			margin-top: 25px;
			border-top: 1px solid #F5E9E3;
		}

			.post-grid .entry-footer .stp-title {
				display: inline-block;
				padding: 10px 20px;
				margin-right: 20px;
				background: #fdf7f4;
				color: #000000;
			}

			.post-grid .entry-footer .stp-code {
				border-bottom: 1px solid #F5E9E3;
			}

			.post-grid .entry-footer .comments-link {
				display: inline-block;
				padding: 10px 0;
			}

@media all and (max-width: 1024px) {
	.post-grid .featured-image {
		width: 100%;
	}

	.post-grid .entry-summary {
		width: 100%;
	}
}

@media all and (max-width: 767px) {
	.post-grid {
		width: 100%;
		margin-bottom: 50px;
	}
}

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

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

.has-grid .archive-header {
	margin-bottom: 45px;
}

.has-classic .archive-header {
	text-align: left;
}

/*--------------------------------------------------------------
### Nothing Found
--------------------------------------------------------------*/

#nothing-found {
	max-width: 580px;
    margin: 80px auto;
    text-align: center;
}

#nothing-found .entry-title {
	margin-bottom: 25px;
}

/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/

.widget {
	margin-bottom: 40px;
}

.footer-widget-area .widget {
	margin-bottom: 15px;
}

.widget:last-of-type {
	margin-bottom: 0;
}

.footer-widget-area:not(.has-stacked-widgets) .widget {
	width: 0;
	flex-grow: 1;
	margin: 0 25px 0 0;
}

.footer-widget-area.has-stacked-widgets .widget {
	width: 100%;
}

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

@media screen and (max-width: 767px) {
	.footer-widget-area:not(.has-stacked-widgets) .widget {
		width: 100%;
		margin: 0 0 15px;
	}
}

/*--------------------------------------------------------------
### Widget Titles
--------------------------------------------------------------*/

.widget-title {
	margin-bottom: 15px;
}

.widget .widget-title {
	text-align: center;
}

.interstitial:not(#home-featured):not(.after-interstitial-3):not(.after-nothing-found) .widget:first-of-type .widget-title {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 10px 40px;
	background: #eeddd5;
    color: #7e6d65;
}

/*--------------------------------------------------------------
### Instagram
--------------------------------------------------------------*/

.interstitial .instagram-pics,
.interstitial .pearl-social-feed-widget .image-feed,
.interstitial .pearl-custom-social-feed-widget .image-feed {
	display: flex;
	justify-content: space-between;
	width: 100vw;
	margin-left: calc(50% - 50vw);
}

.interstitial #sb_instagram {
	width: 100vw !important;
	margin-left: calc(50% - 50vw);
}

.interstitial .instagram-pics li,
.interstitial .pearl-social-feed-widget .image-feed li,
.interstitial .pearl-custom-social-feed-widget .image-feed li {
	margin-right: 10px; 
}

.interstitial .instagram-pics li:last-of-type,
.interstitial .pearl-social-feed-widget .image-feed li:last-of-type,
.interstitial .pearl-custom-social-feed-widget .image-feed li:last-of-type {
	margin-right: 0; 
}

.interstitial .pearl-custom-social-feed-widget .image-feed li {
	width: 0;
	flex-grow: 1;
}

.interstitial .pearl-custom-social-feed-widget .image-feed li a {
	display: block;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 100%;
	overflow: hidden;
}

.interstitial .pearl-custom-social-feed-widget .image-feed li a img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.sidebar .instagram-pics li,
.sidebar .pearl-social-feed-widget .image-feed,
.sidebar .pearl-custom-social-feed-widget .image-feed {
	margin-bottom: 10px; 
}

.sidebar .instagram-pics li:last-of-type,
.sidebar .pearl-social-feed-widget .image-feed li:last-of-type,
.sidebar .pearl-custom-social-feed-widget .image-feed li:last-of-type {
	margin-bottom: 0;
}

.instagram-pics a,
.instagram-pics img,
.pearl-social-feed-widget .image-feed a,
.pearl-social-feed-widget .image-feed img,
.pearl-custom-social-feed-widget .image-feed a,
.pearl-custom-social-feed-widget .image-feed img {
	display: block;
	position: relative;
}

.instagram-pics a:before,
.pearl-social-feed-widget .image-feed a:before,
.pearl-custom-social-feed-widget .has-instagram-hover a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background: rgba(0,0,0,.5);
	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;
	-webkit-backface-visibility: none;
	backface-visibility: none;
}

.instagram-pics a:after,
.pearl-social-feed-widget .image-feed a:after,
.pearl-custom-social-feed-widget .has-instagram-hover a:after {
	content: '\f16d';
	display: block;
	font: 24px "Font Awesome 5 Brands";
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	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;
	-webkit-backface-visibility: none;
	backface-visibility: none;
}

.instagram-pics a:hover:before,
.instagram-pics a:hover:after,
.pearl-social-feed-widget .image-feed a:hover:before,
.pearl-social-feed-widget .image-feed a:hover:after,
.pearl-custom-social-feed-widget .has-instagram-hover a:hover:before,
.pearl-custom-social-feed-widget .has-instagram-hover a:hover:after {
	opacity: 1;
}

.null-instagram-feed p.clear {
	font: 13px 'Karla', sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
	text-align: center;
}

.pearl-custom-social-feed-widget .social-feed-cta {
	display: block;
}

.pearl-social-feed-widget .widget-cta,
.pearl-custom-social-feed-widget .social-feed-cta {
	text-align: center;
}

.interstitial .null-instagram-feed p.clear,
.interstitial .pearl-social-feed-widget .widget-cta,
.interstitial .pearl-custom-social-feed-widget .social-feed-cta {
	margin-top: 15px;
	margin-bottom: 0;
}

.sidebar .null-instagram-feed p.clear a,
.sidebar .pearl-social-feed-widget .widget-cta,
.sidebar .pearl-custom-social-feed-widget .social-feed-cta {
	display: block;
	padding: 30px 15px;
}

@media screen and (max-width: 767px) {
	.interstitial .instagram-pics,
	.interstitial .pearl-social-feed-widget .image-feed,
	.interstitial .pearl-custom-social-feed-widget .image-feed {
		flex-wrap: wrap;
	}

		.interstitial .instagram-pics li,
		.interstitial .pearl-social-feed-widget .image-feed li,
		.interstitial .pearl-custom-social-feed-widget .image-feed li {
			width: 49%;
			margin-bottom: 10px;
			margin-right: 0;
		}

		.interstitial .instagram-pics li:last-of-type,
		.interstitial .pearl-social-feed-widget .image-feed li:last-of-type,
		.interstitial .pearl-custom-social-feed-widget .image-feed li:last-of-type {
			margin-bottom: 0;
		}
}

@media screen and (max-width: 400px) {
	.interstitial .instagram-pics li,
	.interstitial .pearl-social-feed-widget .image-feed li,
	.interstitial .pearl-custom-social-feed-widget .image-feed li {
		width: 100%;
	}

}

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

.pearl-about-widget .widget-content {
	padding: 15px 25px 25px;
	text-align: center;
}

.pearl-about-widget .widget-text {
	font-size: 85%;
	line-height: 2em;
}

.pearl-about-widget .widget-links > li {
	margin: 0 15px;
}

.interstitial .pearl-about-widget {
	display: flex;
	justify-content: space-between;
}

.interstitial .pearl-about-widget .widget-image {
	width: 0;
	flex-grow: 1;
}

.interstitial .pearl-about-widget .widget-content {
	width: 0;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.interstitial .pearl-about-widget .widget-text {
	max-width: 420px;
	margin: 0 auto 1.5em;
}

.footer-widget-area .pearl-about-widget {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.footer-widget-area .pearl-about-widget .widget-content {
	width: 100%;
	flex-grow: 1;
}

.footer-widget-area .pearl-about-widget .widget-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 767px) {
	.interstitial .pearl-about-widget {
		display: block;
	}

	.interstitial .pearl-about-widget .widget-image {
		width: 100%;
	}

	.interstitial .pearl-about-widget .widget-content {
		width: 100%;
		display: block;
	}
}

/*--------------------------------------------------------------
### Highlight Widget
--------------------------------------------------------------*/

.pearl-highlight-widget .widget-cta a {
	display: block;
	padding: 30px 15px;
	text-align: center;
	background: #FFFFFF;
	color: #7e6d65;
}

.pearl-highlight-widget .widget-cta a:hover {
	background: #eeddd5;
	color: #000000;
}

.interstitial .pearl-highlight-widget {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	position: relative;
	border: none;
}

.interstitial .widget:first-of-type.pearl-highlight-widget {
	margin-top: -60px;
}

.interstitial .widget:last-of-type.pearl-highlight-widget {
	margin-bottom: -60px;
}

.interstitial .pearl-highlight-widget .widget-image img {
	margin: 0 auto;
}

.interstitial .pearl-highlight-widget .widget-cta {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 90%;
	max-width: 430px;
}

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

.pearl-social-widget {
	text-align: center;
}

.sidebar .pearl-social-widget {
	padding: 25px 25px 15px;
}

.pearl-social-widget i {
	font-size: 15px;
}

.pearl-social-widget .has-link-text .social-menu {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sidebar .pearl-social-widget .has-link-text .social-menu,
.sidebar .pearl-social-widget .has-link-text .social-menu ,
.footer-widget-area .pearl-social-widget .has-link-text .social-menu {
	text-align: left;
}

.sidebar .pearl-social-widget .has-link-text .social-menu > li {
	width: 50%;
	margin: 0 0 15px;
}

.footer-widget-area .pearl-social-widget .has-link-text .social-menu > li {
	width: 100%;
	margin: 0 0 10px;
}

.footer-widget-area .pearl-social-widget .has-link-text .social-menu > li:last-of-type {
	margin-bottom: 0;
}

.interstitial .pearl-social-widget .has-link-text .social-menu > li {
	width: auto;
	flex-grow: 1;
	text-align: center;
	padding: 0 15px;
	margin: 0;
}

.pearl-social-widget .has-link-text i {
	width: 15px;
	margin-right: 5px;
	text-align: center;
	vertical-align: text-bottom;
}

.pearl-social-widget .has-link-text .social-menu .social-text {
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.interstitial .pearl-social-widget .has-link-text .social-menu > li {
		width: 50%;
		margin: 0 0 15px;
		text-align: left;
	}
}

@media screen and (max-width: 400px) {
	.pearl-social-widget .has-link-text .social-menu {
		display: block;
	}
	
	.pearl-social-widget .has-link-text .social-menu > li,
	.interstitial .pearl-social-widget .has-link-text .social-menu > li {
		width: auto;
		margin: 0 5px;
		padding: 0;
		text-align: center;
	}
	
	.pearl-social-widget .has-link-text .social-menu .social-text {
		display: none;
	}

}

/*--------------------------------------------------------------
### Susbscription Widget
--------------------------------------------------------------*/

.pearl-subscription-widget .widget-content {
    padding: 15px 25px 25px;
    text-align: center;
}

.pearl-subscription-widget .widget-text {
    font-size: 85%;
    line-height: 2em;
}

.pearl-subscription-widget .widget-form-code input:not([type="submit"]) {
	margin-bottom: 10px;
}

.interstitial .pearl-subscription-widget {
	display: flex;
	justify-content: space-between;
}

.interstitial .pearl-subscription-widget .widget-image {
	width: 0;
	flex-grow: 1;
}

.interstitial .pearl-subscription-widget .widget-content {
	width: 0;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.interstitial .pearl-subscription-widget .widget-text {
	max-width: 420px;
	margin: 0 auto 1.5em;
}

.interstitial .pearl-subscription-widget .widget-form-code {
	width: 90%;
	max-width: 420px;
	margin: 0 auto;
}

.footer-widget-area .pearl-subscription-widget {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.footer-widget-area .pearl-subscription-widget .widget-content {
	width: 100%;
	flex-grow: 1;
}

.footer-widget-area .pearl-subscription-widget .widget-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.footer-widget-area .pearl-subscription-widget .widget-form-code {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.interstitial .pearl-subscription-widget {
		display: block;
	}

	.interstitial .pearl-subscription-widget .widget-image {
		width: 100%;
	}

	.interstitial .pearl-subscription-widget .widget-content {
		width: 100%;
		display: block;
	}
}

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

.sidebar .pearl-shop-widget {
	padding: 25px 25px 15px;
}

.pearl-shop-widget .shop-links {
	margin-bottom: 25px;
}

.sidebar .pearl-shop-widget .shop-links li {
	margin-bottom: 15px;
}

.pearl-shop-widget .shop-links li:last-of-type {
	margin-bottom: 0;
}

.pearl-shop-widget .product-title {
	text-align: center;
	margin-top: 10px;
}

.sidebar .pearl-shop-widget .shop-cta {
	display: block;
	text-align: center;
	padding: 15px;
	background: #FFFFFF;
}

.interstitial .pearl-shop-widget .shop-links {
	display: flex;
	justify-content: space-between;
}

.interstitial .pearl-shop-widget .shop-links li {
	width: 0;
	flex-grow: 1;
	margin-right: 10px;
	padding-bottom: 15px;
}

.interstitial .pearl-shop-widget .shop-links li:last-of-type {
	margin-right: 0;
}

.interstitial .pearl-shop-widget .shop-cta {
	display: block;
	text-align: right;
}

@media screen and (max-width: 767px) {
	.interstitial .pearl-shop-widget .shop-links {
		display: block;
	}

	.interstitial .pearl-shop-widget .shop-links li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	
	.interstitial .pearl-shop-widget .shop-cta {
		text-align: center;
	}

}

/*--------------------------------------------------------------
### Topics Widget
--------------------------------------------------------------*/

.pearl-topics-widget .widget-links li {
	position: relative;
}

.sidebar .pearl-topics-widget .widget-links li {
	margin-bottom: 15px;
}

.sidebar .pearl-topics-widget .widget-links li:last-of-type {
	margin-bottom: 15px;
}

.pearl-topics-widget .category-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 90%;
	max-width: 160px;
	padding: 15px;
	text-align: center;
	color: #7e6d65;
	background: #FFFFFF;
}

.pearl-topics-widget a:hover > .category-title {
	background: #eeddd5;
	color: #000000;
}

.interstitial .pearl-topics-widget .widget-links {
	display: flex;
	justify-content: space-between;
}

.interstitial .pearl-topics-widget .widget-links li {
	width: 0;
	flex-grow: 1;
	margin-right: 10px;
}

.interstitial .pearl-topics-widget .widget-links li:last-of-type {
	margin-right: 0;
}

@media screen and (max-width: 767px) {
	.interstitial .pearl-topics-widget .widget-links {
		display: block;
	}

	.interstitial .pearl-topics-widget .widget-links li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.interstitial .pearl-topics-widget .widget-links li:last-of-type {
		margin-bottom: 0;
	}
	
}

/*--------------------------------------------------------------
### Featured Posts Widget
--------------------------------------------------------------*/

.pearl-featured-posts-widget .widget-links li {
	position: relative;
	overflow: hidden;
}

.pearl-featured-posts-widget .widget-links li .entry-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px;
	transform: translateY(100%);
	-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;
}

.pearl-featured-posts-widget .widget-links li:hover .entry-title {
	transform: translateY(0);
}

.sidebar .pearl-featured-posts-widget .widget-links li {
	margin-bottom: 15px;
}

.sidebar .pearl-featured-posts-widget .widget-links li:last-of-type {
	margin-bottom: 0;
}

.interstitial .pearl-featured-posts-widget .widget-links {
	display: flex;
	justify-content: space-between;
}

.interstitial .pearl-featured-posts-widget .widget-links li {
	width: 0;
	flex-grow: 1;
	margin-right: 10px;
}

.interstitial .pearl-featured-posts-widget .widget-links li:last-of-type {
	margin-right: 0;
}

@media screen and (max-width: 767px) {
	.interstitial .pearl-featured-posts-widget .widget-links {
		display: block;
	}

	.interstitial .pearl-featured-posts-widget .widget-links li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.interstitial .pearl-featured-posts-widget .widget-links li:last-of-type {
		margin-bottom: 0;
	}
	
	.pearl-featured-posts-widget .widget-links li .entry-title {
		position: static;
		padding: 20px;
		background: none;
		transform: translateY(0);
		text-align: center;
	}
	
}

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

.search-form .input-group {
	position: relative;
	padding: 10px 45px;
	margin-bottom: 10px;
}

.search-form .input-group i {
	font-size: 15px;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
}

.search-form .search-text {
	padding: 0;
	background: none;
	text-align: center;
	line-height: 1em;
}

.search-form .search-submit {
	display: block;
	width: 100%;
	text-align: center;
	padding: 0;
	background: none;
}

/*--------------------------------------------------------------
### Text Widget
--------------------------------------------------------------*/

.widget_text {
	text-align: center;
}

.sidebar .widget_text {
    padding: 15px 25px 25px;
}

.widget_text p {
	font-size: 85%;
    line-height: 2em;
}

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

.interstitial .widget_text:not(.widget_custom_html) .textwidget {
	padding: 10px;
	background: #fff;
}

/*--------------------------------------------------------------
### Menu Widget
--------------------------------------------------------------*/

.widget_nav_menu .menu {
	text-align: center;
}

.widget_nav_menu .menu li {
	display: block;
	font: 11px 'Karla', sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .15em;
	margin-bottom: 10px;
}

.widget_nav_menu .menu li:last-of-type {
	margin-bottom: 0;
}

.widget_nav_menu .menu li a {
	padding: 0;
}

.sidebar .widget_nav_menu {
    padding: 15px 25px 25px;
}

.footer-widget-area .widget_nav_menu .widget-title,
.footer-widget-area .widget_nav_menu .menu {
	text-align: left;
}

@media screen and (max-width: 767px) {
	.footer-widget-area .widget_nav_menu .widget-title,
	.footer-widget-area .widget_nav_menu .menu {
		text-align: center;
	}
}

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

.widget_archive ul {
	text-align: center;
}

.widget_archive ul li {
	display: block;
	font: 11px 'Karla', sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .15em;
	margin-bottom: 10px;
}

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

.sidebar .widget_archive {
    padding: 15px 25px 25px;
}

.footer-widget-area .widget_archive .widget-title,
.footer-widget-area .widget_archive ul {
	text-align: left;
}

@media screen and (max-width: 767px) {
	.footer-widget-area .widget_archive .widget-title,
	.footer-widget-area .widget_archive ul {
		text-align: center;
	}
}

/*--------------------------------------------------------------
## Featured Posts Slider
--------------------------------------------------------------*/

#featured-posts-slider-container {
	margin: 25px 0 65px;
}

#featured-posts-slider {
	margin: 0;
	list-style: none;
}

#featured-posts-slider > li {
	width: 90%;
	max-width: 740px;
}

#featured-posts-slider > li:not(.slick-slide):first-of-type {
	margin: 0 auto;
}

#featured-posts-slider > li:not(.slick-slide):not(:first-of-type) {
	display: none;
}

.post-slider {
	padding: 0 7px;
	max-width: 754px;
}

.post-slider.has-portrait-image {
	max-width: 500px;
}

.post-slider .entry-header {
	position: relative;
	z-index: 2;
	width: 85%;
	margin: -40px auto 0;
	padding: 15px 25px 25px;
	text-align: center;
	background: #FFFFFF;
	-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-slider:hover .entry-header {
	transform: translateY(-25px);
}

.post-slider .entry-meta {
	margin-bottom: 10px;
	font-size: 11px;
}

.post-slider .entry-title {
	font-size: 36px;
}

.slick-dots {
	margin: 10px 0 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	display: inline-block;
	margin: 0 8px;
}

.slick-dots button {
	width: 8px;
	height: 8px;
	padding: 0;
	border-radius: 50%;
	text-indent: -9999em;
}

@media screen and (max-width: 767px) {
	#featured-posts-slider li {
		max-width: 480px;
	}
}

@media screen and (max-width: 540px) {
	#featured-posts-slider li {
		max-width: 320px;
	}
}

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

.posts-navigation-container {
	width: 100%;
	margin-top: 35px;
	margin-bottom: 60px;
}

.single-post .post-navigation-container,
#template-em-grid .nav-links {
	width: 90%;
	max-width: 350px;
	margin: 0 auto;
}

.one-column .posts-navigation-container {
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.nav-links {
	display: flex;
	justify-content: space-around;
	position: relative;
}

.has-classic .nav-links {
	max-width: 350px;
}

.has-offset .nav-links {
	max-width: 540px;
}

.has-grid .nav-links {
	max-width: 255px;
}

.hide-newer .nav-next {
	display: none;
}

.nav-next {
	order: 1;
	flex-grow: 1;
}

.nav-previous {
	order: 2;
	flex-grow: 1;
}

.nav-next a,
.nav-previous a {
	display: block;
	padding: 15px;
	text-align: center;
	border: 1px solid transparent;
}

.nav-next a {
	border-right: none;
}

.nav-links .arrow {
	position: absolute;
	top: 50%;
	-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;
}

.nav-links .arrow:after {
	-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;
}

.nav-links .arrow-right {
	right: 0;
	transform: translate(50%,-50%);
}

.nav-links .arrow-left {
	left: 0;
	transform: translate(-50%,-50%);
}

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

#post-feed-single {
	padding: 65px 0;
}

.post-single .entry-header {
	text-align: center;
	margin-bottom: 15px;
}

.post-single .entry-footer {
	margin-top: 40px;
	padding-top: 15px;
	border-top: 1px solid #F5E9E3;
}

.post-single .shop-the-post {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #F5E9E3;
}

.post-single .shop-the-post .stp-title {
	margin: 10px 0 15px;
	text-align: center;
}

.post-single .entry-footer .entry-meta {
	justify-content: space-around;
}

.post-single .entry-share .pre i {
	display: none;
}

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

.post-single .entry-share ul li {
	font-size: 12px;
	margin-left: 10px;
}

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

#related-posts {
	padding-bottom: 0;
	margin-bottom: 70px;
}

#related-posts:before {
	height: 260px;
}

.related-posts-title {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 10px 40px;
}

.post-related {
	width: 31.66667%; /* 380/1200 */
}

.post-related .entry-title {
	position: relative;
	z-index: 2;
	width: 85%;
	margin: -15px auto 0;
	padding: 15px 25px;
	background: #fff;
	text-align: center;
	-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-related:hover .entry-title {
	transform: translateY(-15px);
}

@media screen and (max-width: 767px) {
	.post-related {
		width: 100%;
		margin-bottom: 15px;
	}
	
	.post-related:last-of-type {
		margin-bottom: 0;
	}
}

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

#comments {
	width: 90%;
	max-width: 750px;
	margin: 0 auto;
}

.post-feed #comments {
	width: 100%;
	margin-top: 70px;
}

#respond {
	margin-bottom: 70px;
}

	#reply-title {
		font-style: normal;
		text-align: center;
		margin-bottom: 15px;
	}

#commentform {
	display: grid;
	grid-template-columns: 48% 48%;
	grid-template-rows: auto auto auto auto;
	grid-column-gap: 4%;
}

	#commentform label {
		margin-bottom: 5px;
	}

	#commentform p {
		margin-bottom: 20px;
	}

	#commentform .comment-form-author {
		grid-column-start: 1;
		grid-row-start: 1;
	}

	#commentform .comment-form-email {
		grid-column-start: 1;
		grid-row-start: 2;
	}

	#commentform .comment-form-url {
		grid-column-start: 1;
		grid-row-start: 3;
		margin-bottom: 10px;
	}

	#commentform .comment-form-comment {
		grid-column-start: 2;
		grid-row-start: 1;
		grid-row-end: span 3;
		margin-bottom: 10px;
	}

	#commentform .form-submit {
		grid-column-start: 2;
		text-align: right;
	}

	#commentform textarea {
		height: 220px;
	}

.comments-title {
	text-align: center;
	margin-bottom: 15px;
}

#comments-section {
	margin-bottom: 70px;
}

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

.comment-list > li {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #F5E9E3;
}

.comment-list > li:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
	.comment-list .children li {
		padding-left: 60px;
		margin-top: 25px;
		position: relative;
	}

	.comment-list .children li:before {
		content: '';
		display: block;
		width: 45px;
		height: 1px;
		position: absolute;
		top: 7px;
		left: 0;
	}

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

	.comment-meta {
		font-size: 9px;
		text-align: right;
		margin-top: 15px;
	}

	.comment-date {
		margin-right: 10px;
		padding-right: 10px;
		border-right: 1px solid #979797;
	}

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

.info-page .entry-title {
	text-align: center;
	margin-bottom: 25px;
}

.info-page .one-column.has-featured-image .post-feed {
	max-width: 1200px;
}

.info-page .one-column.has-featured-image .featured-image {
	width: 50%;
}

.info-page .one-column.has-featured-image .entry-summary {
	width: 47.272727%;
	margin-top: 35px;
}

.info-page .one-column.has-featured-image .entry-title {
	text-align: left;
}

@media screen and (max-width: 767px) {
	.info-page .one-column.has-featured-image .featured-image {
		width: 100%;
	}

	.info-page .one-column.has-featured-image .entry-summary {
		width: 100%;
	}
}