/*
Theme Name: Barton
Theme URI: https://empressthemes.com/shop/barton-theme
Author: EmPress Themes
Author URI: https://empressthemes.com
Description: Perfect for influencers, bloggers, and professional service sites alike! With Barton's Home Page Showcase feature area, add a one, two or three column design to the top of your Home Page. Customize each Showcase column with a blog post, or convert it to a widget area. Below the Showcase, enable up to three blog post feeds, or design your Home Page with no posts at all. Barton includes comprehensive Google font and color controls, and multiple header layout options.

Version: 1.1.3

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: barton

Barton 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: 17px/1.75em 'EB Garamond', serif;
	letter-spacing: .0125em;
	color: #000000;
}

h1 {
	font: 36px/1.16em 'DM Serif Display', serif;
	letter-spacing: .025em;
}

h2 {
	font: 24px/1.375em 'DM Serif Display', serif;
	letter-spacing: .0125em;
}

h3 {
	font: 12px/1.5em 'Jost', sans-serif;
	text-transform: uppercase;
	letter-spacing: .175em;
}

h4 {
	font: 9px/1.5em 'Jost', sans-serif;
	text-transform: uppercase;
	letter-spacing: .175em;
}

h5 {
	font: 17px/1.25em 'EB Garamond', serif;
	font-style: italic;
	letter-spacing: .0125em;
}

h6 {
	font: 22px/1.75em 'Cedarville Cursive', sans-serif;
	font-weight: normal;
	text-transform: lowercase;
	letter-spacing: normal;
}

.entry-title,
.em-fonts-primary {
	font: 26px/1.375em 'DM Serif Display', serif;
	letter-spacing: .0125em;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
}

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

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

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

.em-fonts-secondary {
	font: 12px/1.5em 'Jost', sans-serif;
	text-transform: uppercase;
	letter-spacing: .175em;
	font-weight: normal;
	font-style: normal;
}

.em-fonts-secondary-large {
	font-size: 20px;
}

.em-fonts-secondary-small {
	font-size: 9px;
}

.em-fonts-tertiary {
	font: 22px/1.75em 'Cedarville Cursive', sans-serif;
	font-weight: normal;
	text-transform: lowercase;
	letter-spacing: normal;
	font-style: normal;
}

.em-fonts-tertiary-large {
	font-size: 36px;
}

.em-fonts-tertiary-small {
	font-size: 18px;
}

.arrow {
	width: 30px;
	margin-top: -2px;
	margin-left: 3px;
}

.arrow:after {
	border-width: 4px 0 4px 5px;
}

.arrow.arrow-left:after {
	border-width: 4px 5px 4px 0;
}

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

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

.blocks-gallery-caption {
	display: block;
	width: 100%;
	font: 11px/24px 'Jost', sans-serif;
	text-transform: uppercase;
	letter-spacing: .175em;
	text-align: center;
	padding: 20px 35px;
	background: #F3EFEF;
}

.wp-caption-text a,
.wp-block-image figcaption a,
.wp-block-gallery .blocks-gallery-item figcaption a,
.blocks-gallery-caption a {
	font-weight: bold;
}

blockquote,
blockquote.wp-block-quote {
	padding: 20px 35px;
	background: #F3EFEF;
	font: 17px/1.25em 'EB Garamond', serif;
	font-style: italic;
	letter-spacing: .0125em;
}

blockquote p,
blockquote.wp-block-quote p {
	font: 17px/1.25em 'EB Garamond', serif;
	font-style: italic;
	letter-spacing: .0125em;
}

cite,
.wp-block-quote__citation {
	font: 9px/1.5em 'Jost', sans-serif;
	text-transform: uppercase;
	letter-spacing: .175em;
	font-weight: normal;
	font-style: normal;
}

@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;
	}
	
	.wp-block-gallery.is-cropped .blocks-gallery-item figcaption {
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
	}
	
	.blocks-gallery-grid .blocks-gallery-image, 
	.blocks-gallery-grid .blocks-gallery-item, 
	.wp-block-gallery .blocks-gallery-image, 
	.wp-block-gallery .blocks-gallery-item {
		width: 100%;
	}
	
	.blocks-gallery-grid .blocks-gallery-image, 
	.blocks-gallery-grid .blocks-gallery-item, 
	.wp-block-gallery .blocks-gallery-image, 
	.wp-block-gallery .blocks-gallery-item {
		margin: 0 0 20px 0;
	}
	
	.blocks-gallery-grid .blocks-gallery-item figure, 
	.wp-block-gallery .blocks-gallery-item figure {
		display: block;
	}
	
}

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

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	border: none;
	background: #F3F2F2;
	padding: 10px;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button__link,
.button {
	border: 1px solid #D2D7E0;
	background: #fff;
	color: #000;
	padding: 10px 25px;
	line-height: normal;
	font: 10px 'Jost', sans-serif;
	text-transform: uppercase;
	letter-spacing: .175em;
	font-weight: normal;
}

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

label {
	font: 9px 'Jost', sans-serif;
	text-transform: uppercase;
	letter-spacing: .175em;
}

::placeholder {
	font: 9px 'Jost', sans-serif;
	text-transform: uppercase;
	letter-spacing: .175em;
	color: #000000;
}

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

.wrap {
	max-width: 1300px;
}

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

#header-container {
	background: #F3EFEF;
}

#header-container.left-stacked {
	padding: 35px 0 50px;
}

#header-container.stacked {
	padding: 30px 0 45px;
	text-align: center;
}

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

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

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

.site-title-text {
	font: 56px/1em 'Jost', sans-serif;
	text-transform: lowercase;
	letter-spacing: .075em;
	font-weight: 300;
	font-style: normal;
}

.site-title-text a {
	color: #80848B;
}

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

.site-description {
	font: 24px/1em 'Cedarville Cursive', sans-serif;
	font-weight: normal;
	text-transform: lowercase;
	letter-spacing: normal;
	font-style: normal;
	margin-top: 10px;
	color: #A0A9B9;
}

.left-stacked #site-branding {
	order: 1;
}

@media all and (max-width: 1024px) {
	#site-branding {
		margin: 0 auto;
		width: 100%;
		text-align:center;
	}
	
	#masthead.inline-header {
		display: block;
	}
	
	.inline .site-title-image,
	.inline .site-title-text {
		margin: 0 auto;
	}
	
	#header-container.left-stacked {
		padding: 0 0 25px;
		background: #F3EFEF;
	}
	
	.left-stacked #site-branding {
		order: 2;
		margin-top: 20px;
	}
}

/*--------------------------------------------------------------
## Header Widget Area
--------------------------------------------------------------*/

#header-featured {
	margin: 0;
	padding: 0;
}

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

#header-container:not(.left-stacked) #top-nav-container {
	background: #F3EFEF;
}

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

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

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

	#header-container.left-stacked .has-social-media-menu-top-left #top-right-menu,
	#header-container.left-stacked .has-search-menu-top-left #top-right-menu {
		margin-left: 20px;
	}

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

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

.top-menu > li > .sub-menu {
	background: #fff;
}

.left-stacked #top-nav-container {
	order: 2;
	margin-left: auto;
	flex-grow: 1;
}

.left-stacked #top-nav {
	justify-content: flex-end;
	width: 100%;
	max-width: none;
}

@media screen and (max-width: 767px) {
	.left-stacked #top-nav-container {
		order: 1;
		width: 100%;
	}
}

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

.social-menu.top-right, 
.social-menu.primary,
#header-container.left-stacked .social-menu.top-left {
	margin-left: auto;
}

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

	.has-search-menu-top-right .social-menu.top-right {
		margin-right: 14px;
	}


#header-container:not(.left-stacked) .social-menu.top-left {
	margin-right: auto;
}
	
	.has-top-left-menu .social-menu.top-left,
	.has-search-menu-top-left .social-menu.top-left {
		margin-right: 25px;
	}

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

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

@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.top-right {
		margin-left: auto;
	}

}

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

.search-menu.top-right,
.search-menu.primary {
	margin-left: auto;
}

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

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

	.has-social-media-menu-top-right .search-menu.top-right {
		margin-left: 0;
	}

#header-container:not(.left-stacked) .search-menu.top-left {
	margin-right: auto;
}

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

.search-menu > li > a {
	padding: 14px 0 10px;
}

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

.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-top-right .feature-tab,
	.has-search-menu-top-right .feature-tab,
	#header-container.left-stacked .has-social-media-menu-top-left .feature-tab,
	#header-container.left-stacked .has-search-menu-top-left .feature-tab,
	.has-primary-menu .feature-tab {
		margin-left: 25px;
	}

.feature-tab > li > a {
	padding: 10px 40px;
	background: #E7E9EC;
}

.feature-tab i {
	font-size: 12px;
}

#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;
}

.feature-tab > li > .sub-menu {
	max-width: 100%;
	margin-top: 5px;
	background: #E7E9EC;
}

@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;
}

.left-stacked #site-navigation {
	order: 3;
	width: 100%;
	margin-top: 15px;
}

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

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

.left-stacked #site-navigation.flex {
	justify-content: flex-start;
}

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

.primary-menu > li > .sub-menu {
	background: #fff;
}

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

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

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

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

.scroll-menu > li > a {
	padding: 20px 0;
}

#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.has-social-media-menu .search-menu {
	margin-left: 14px;
}

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

#scroll-nav.has-social-media-menu .feature-tab,
#scroll-nav.has-search-menu .feature-tab{
	margin-left: 20px;
}

#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;
	background: #F3EFEF;
}

.left-stacked #top-nav #mobile-menu {
	margin-left: calc(50% - 50vw);
}

#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-featured:before {
	background: #F3EFEF;
}

#footer {
	padding: 45px 0 35px;
}

#footer.inactive {
	display: none;
}

.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-container {
	background: #F3EFEF;
}

#footer-nav {
	justify-content: center;
	align-items: center;
	padding: 10px 0;
	color: #464647;
}

#footer-nav a {
	color: #464647;
}

#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
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Showcase Layout
--------------------------------------------------------------*/

#showcase {
	margin-top: 40px;
}

#showcase.columns-3 {
	margin-bottom: 80px;
}

.showcase-column {
	width: 0;
	flex-grow: 1;
	margin-right: 35px;
}

.showcase-column:last-of-type {
	margin-right: 0;
}

@media screen and (max-width: 767px) {
	.showcase-column {
		width: 100%;
		margin-right: 0;
		margin-bottom: 35px;
	}
	
	.showcase-column:last-of-type {
		margin-bottom: 0;
	}
}

/*--------------------------------------------------------------
## Post Feed Layouts
--------------------------------------------------------------*/

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

.post-feed-title {
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

.post-feed:not(.post-feed-grid) .post:last-child {
	margin-bottom: 0;
}

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

.post-feed {
	width: 100%;
}

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

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

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

.sidebar {
	width: 26.923077%;
}

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

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

@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;
	}
}

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

.interstitial {
	margin: 45px auto;
}

#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%;
	text-align: center;
}

.archive-header.has-archive-description,
#template-em-grid #em-grid-header.has-description {
	padding: 35px;
	border: 3px solid #F5F6F8;
}

.archive-description {
	max-width: 1000px;
	margin: 20px auto 0;
}

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

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

.entry-header .entry-meta a {
	color: #464647;
}

.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;
}

.entry-header .entry-meta i {
	font-size: 13px;
}

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

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

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

.stp-title i {
	font-size: 16px;
	margin-right: 5px;
}

.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;
	z-index: 2;
	top: 35px;
	left: 0;
	transform: translate(-50%,0);
	font-size: 14px;
}

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

.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: #F3EFEF;
}

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

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

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

.entry-share.has-share-inline li {
	margin-left: 10px;
	font-size: 12px;
}

.entry-share.has-share-inline .pre i {
	display: none;
}

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

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

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

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

.post-classic .entry-summary {
	padding: 20px 35px;
	background: #fff;
	width: 55%;
	flex-direction: column;
	justify-content: center;
}

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

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

		.post-classic .stp-title {
			order: 1;
			padding: 12px 20px;
			margin-right: 3px;
			background: #F5F6F8;
			text-align: left;
			flex-grow: 3;
		}

		.post-classic .stp-title i {
			display: inline-block;
			font-size: 9px;
			color: #fff;
			width: 19px;
			height: 19px;
			padding-left: 3px;
			border-radius: 50%;
			background: #BCB1B1;
			text-align: center;
			line-height: 20px;
		}

		.post-classic .stp-code {
			padding: 15px 0;
		}

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

		.post-classic .read-more a {
			display: block;
			text-align: center;
			padding: 15px 30px;
			background: #F5F6F8;
		}

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

	.post-classic .entry-summary {
		display: block;
		margin-top: 25px;
		padding: 20px;
		width: 100%;
	}
	
	.post-classic .stp-title {
		display: none;
	}
	
	.post-classic .entry-footer .entry-meta {
		display: block;
		position: static;
	}
	
}

/*--------------------------------------------------------------
### Classic Large
--------------------------------------------------------------*/

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

.post-classic_large .featured-image {
	margin-bottom: 20px;
}

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

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

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

.post-classic_large .read-more {
	flex-grow: 1;
	order: 2;
}

.post-classic_large .read-more a {
	display: block;
	text-align: center;
	padding: 15px 20px;
	background: #F3EFEF;
}

.post-classic_large .read-more a .arrow {
	border-color: #BCB1B1;
}

.post-classic_large .read-more a .arrow:after {
	border-color: transparent transparent transparent #BCB1B1;
}

.post-classic_large .stp-title {
	flex-grow: 1;
	margin-right: 3px;
	order: 1;
	text-align: center;
	padding: 12px 20px;
	background: #F3EFEF;
}

.post-classic_large .stp-title i {
	display: inline-block;
	margin: 0;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background: #BCB1B1;
	color: #fff;
	font-size: 8px;
	line-height: 20px;
	text-align: center;
	padding-left: 1px;
}

@media screen and (max-width: 767px) {
	.post-classic_large .stp-title  {
		display: none;
	}
}

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

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

.post-featured.has-image-size-barton-landscape .featured-image {
	width: 46.153846%;
}

.post-featured.has-image-size-barton-landscape .entry-summary {
	width: 52.307692%;
}

.post-featured.has-image-size-post-thumbnail .featured-image {
	width: 35.769231%;
}

.post-featured.has-image-size-post-thumbnail .entry-summary {
	width: 62.692308%;
}

.post-featured.has-image-size-barton-square .featured-image {
	width: 38.461538%;
}

.post-featured.has-image-size-barton-square .entry-summary {
	width: 60%;
}

.post-featured .entry-summary {
	padding: 50px;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

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

.post-featured .entry-footer .entry-meta {
	justify-content: flex-start;
}

.post-featured .read-more {
	order: 2;
}

.post-featured.has-image-size-barton-landscape .read-more {
	flex-grow: 1;
}

.post-featured .read-more a {
	display: block;
	text-align: center;
	padding: 15px 30px;
	background: #F5F6F8;
}

.post-featured .read-more a .arrow {
	border-color: #BCB1B1;
}

.post-featured .read-more a .arrow:after {
	border-color: transparent transparent transparent #BCB1B1;
}

.post-featured .stp-title {
	margin-right: 3px;
	order: 1;
	text-align: left;
	padding: 12px 30px;
	background: #F5F6F8;
}

.post-featured.has-image-size-barton-landscape .stp-title {
	flex-grow: 3;
}

.post-featured .stp-title i {
	display: inline-block;
	margin: 0;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background: #BCB1B1;
	color: #fff;
	font-size: 9px;
	line-height: 20px;
	text-align: center;
	padding-left: 2px;
}

.post-featured.has-image-size-post-thumbnail .em-shop-code,
.post-featured.has-image-size-barton-square .em-shop-code {
	padding: 20px;
	background: #fff;
	margin-top: 10px;
}

@media screen and (max-width: 767px) {
	.post-featured.has-image-size-barton-landscape .featured-image,
	.post-featured.has-image-size-barton-landscape .entry-summary,
	.post-featured.has-image-size-post-thumbnail .featured-image,
	.post-featured.has-image-size-post-thumbnail .entry-summary,
	.post-featured.has-image-size-barton-square .featured-image,
	.post-featured.has-image-size-barton-square .entry-summary{
		width: 100%;
	}
	
	.post-featured .entry-summary {
		padding: 20px;
	}
	
	.post-featured .read-more {
		order: 1;
		width: 100%;
	}
	
	.post-featured .stp-title {
		display: none;
	}
	
	.post-featured .stp-code {
		order: 2;
	}
}

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

.post-grid {
	width: 32%;
	margin-bottom: 90px;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	position: relative;
}

.grid-post-count-2 .post-grid,
.grid-post-count-4 .post-grid,
.grid-post-count-8 .post-grid {
	width: 48%;
}

.post-grid .entry-summary {
	padding: 30px 25px 70px 25px;
	background: #fff;
}

.post-grid .entry-meta {
	margin-bottom: 20px;
}

.post-grid .subtitle {
	font-style: italic;
	margin-top: 15px;
	color: #11181C;
}

.post-grid .entry-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.post-grid .entry-footer .entry-meta {
	margin: 0;
}

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

	.post-grid .read-more a {
		display: block;
		padding: 15px 25px;
		text-align: center;
		background: #F3EFEF;
	}

	.post-grid .has-stp-title .read-more a {
		text-align: left;
	}

	.post-grid .read-more a .arrow {
		border-color: #BCB1B1;
	}

	.post-grid .read-more a .arrow:after {
		border-color: transparent transparent transparent #BCB1B1;
	}

.post-grid .stp-title {
	padding: 10px 30px;
	background: #F3EFEF;
	margin-left: 2px;
	flex-shrink: 0;
}

.post-grid .stp-title i {
	display: inline-block;
	margin: 0;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #BCB1B1;
	color: #fff;
	font-size: 9px;
	line-height: 20px;
	text-align: center;
	padding-left: 2px;
}

@media all and (max-width: 767px) {
	.post-grid,
	.grid-post-count-2 .post-grid,
	.grid-post-count-4 .post-grid,
	.grid-post-count-8 .post-grid {
		width: 100%;
		margin-bottom: 50px;
	}
	
	.post-grid {
		display: block;
	}
	
	.post-grid .entry-summary {
		padding: 0;
		margin-top: 30px;
	}
	
	.post-grid .entry-footer {
		position: static;
		margin-top: 20px;
	}
	
	.post-grid .read-more {
		width: 100%;
	}
	
	.post-grid .has-stp-title .read-more a {
		text-align: center;
	}
	
	.post-grid .stp-title {
		display: none;
	}
	
}

/*--------------------------------------------------------------
### Showcase
--------------------------------------------------------------*/

.post-showcase .stp-title {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #000;
	color: #fff;
	font-size: 16px;
	line-height: 42px;
	text-align: center;
}

.post-showcase .stp-title i {
	margin: 0;
}

.post-showcase .entry-excerpt {
	margin: 10px 0;
}

.has-full-width-content .post-showcase .entry-summary {
	text-align: center;
	padding: 20px 20px 15px 20px;
	background: #fff;
	width: 90%;
	max-width: 900px;
	margin: -40px auto 0 auto;
}

.has-full-width-content .post-showcase .entry-title {
	max-width: 520px;
	margin: 0 auto;
}

.has-full-width-content .post-showcase .entry-excerpt {
	max-width: 650px;
	margin: 10px auto;
}

.has-full-width-content .post-showcase .stp-title {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(50%, -50%);
	z-index: 10;
}

.has-full-width-content .post-showcase .has-stp-hover .stp-code {
	bottom: 0;
	padding: 0 30px;
}

.has-half-width-content .post-showcase .featured-image-container {
	position: relative;
	margin-bottom: 20px;
}

.has-half-width-content .post-showcase .stp-container {
	height: 180px;
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
}

.has-half-width-content .post-showcase .stp-title {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-50%,-50%);
	z-index: 10;
}

.has-half-width-content .post-showcase .has-stp-hover .stp-code {
	bottom: 0;
	padding: 0 30px;
}

.has-half-width-content .post-showcase .has-stp-hover .stp-title:hover + .stp-code,
.has-half-width-content .post-showcase .has-stp-hover .stp-code:hover {
	z-index: 7;
}

.has-half-width-content .post-showcase .featured-image a {
	position: relative;
	z-index: 5;
}

@media screen and (max-width: 767px) {
	.post-showcase .stp-container,
	.post-showcase .stp-title {
		display: none;
	}
}

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

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

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


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

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

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

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

.has-half-width-content .widget p {
	font-size: 95%;
}

.has-half-width-content .widget {
	margin-bottom: 40px;
}

.has-full-width-content:not(#header-featured) .widget {
	padding: 40px 0;
	position: relative;
}

#header-featured .widget:not(.barton-social-feed-widget):not(.widget_custom_html) {
	padding: 25px 0;
}

.has-full-width-content .widget:before {
	content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    z-index: -1;
}

.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(#footer-featured):not(#header-featured):not(.after-interstitial-3):not(.after-nothing-found) .widget:first-of-type:not(.barton-subscription-widget):not(.barton-about-widget) .widget-title {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
}

.footer-widget-area .widget-title {
	font-size: 95%;
}

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

.has-full-width-content:not(#header-featured) .barton-social-feed-widget:before {
	background: #F3EFEF;
}

#header-featured .barton-social-feed-widget {
	padding: 10px 0;
}

.has-full-width-content .barton-social-feed-widget .widget-title .em-fonts-secondary {
	font-size: 20px;
}

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

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

.has-full-width-content .instagram-pics li,
.has-full-width-content .barton-social-feed-widget .image-feed li {
	margin-right: 10px; 
}

.has-full-width-content .barton-social-feed-widget .image-feed li {
	width: 0;
	flex-grow: 1;
}

.has-full-width-content .instagram-pics li:last-of-type,
.has-full-width-content .barton-social-feed-widget .image-feed li:last-of-type {
	margin-right: 0; 
}

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

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

.has-half-width-content .instagram-pics,
.has-half-width-content .barton-social-feed-widget .image-feed {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.has-half-width-content .barton-social-feed-widget {
	padding: 15px 25px 25px 25px;
	background: #F3EFEF;
}

.has-half-width-content .instagram-pics li,
.has-half-width-content .barton-social-feed-widget .image-feed li {
	width: 0;
	flex-grow: 1;
	min-width: 50%;
	padding: 5px;
}

.has-half-width-content .instagram-pics li:last-of-type,
.has-half-width-content .barton-social-feed-widget .image-feed li:last-of-type {
	margin-bottom: 0;
}

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

.barton-social-feed-widget .has-instagram-hover a:before,
.instagram-pics 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;
}

.barton-social-feed-widget .has-instagram-hover a:after,
.instagram-pics 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;
}

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

.null-instagram-feed p.clear,
.barton-social-feed-widget .social-feed-cta {
	font: 12px/1.5em 'Jost', sans-serif;
	text-transform: uppercase;
	letter-spacing: .175em;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}

.has-full-width-content .null-instagram-feed p.clear,
.has-full-width-content .barton-social-feed-widget .social-feed-cta {
	margin-top: 35px;
	margin-bottom: 0;
}

.has-half-width-content .null-instagram-feed p.clear a,
.has-half-width-content .barton-social-feed-widget .social-feed-cta {
	display: block;
	padding: 30px 15px;
	margin: -20px 15px 0 15px;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 767px) {
	.has-full-width-content .instagram-pics,
	.has-full-width-content .barton-social-feed-widget .image-feed {
		flex-wrap: wrap;
	}

		.has-full-width-content .instagram-pics li,
		.has-full-width-content .barton-social-feed-widget .image-feed li {
			width: 49%;
			margin-bottom: 10px;
			margin-right: 0;
		}

		.has-full-width-content .instagram-pics li:last-of-type,
		.has-full-width-content .barton-social-feed-widget .image-feed li:last-of-type {
			margin-bottom: 0;
		}
}

@media screen and (max-width: 400px) {
	.has-full-width-content .instagram-pics li,
	.has-full-width-content .barton-social-feed-widget .image-feed li {
		width: 100%;
	}

}

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

.barton-about-widget .widget-title {
	font-size: 140%;
}

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

.barton-about-widget .widget-content p {
	margin-bottom: 15px;
}

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

.barton-about-widget .widget-links > li:first-of-type {
	margin-left: 0;
}

.barton-about-widget .widget-links > li:last-of-type {
	margin-right: 0;
}

.has-half-width-content .barton-about-widget .widget-content {
	background: #F3EFEF;
}

.has-full-width-content .barton-about-widget {
	display: flex;
	justify-content: space-between;
}

.has-full-width-content:not(#header-featured) .barton-about-widget:before {
	background: #F3EFEF;
}

.has-full-width-content .barton-about-widget .widget-image {
	width: 0;
	flex-grow: 1;
}

.has-full-width-content .barton-about-widget .widget-content {
	width: 0;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	text-align: left;
	background: #fff;
	padding: 45px;
}

.has-full-width-content .barton-about-widget .widget-text {
	max-width: 500px;
	margin: 0 0 1.5em;
}

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

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

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

@media screen and (max-width: 767px) {
	.has-full-width-content .barton-about-widget {
		display: block;
	}

	.has-full-width-content .barton-about-widget .widget-image {
		width: 100%;
	}

	.has-full-width-content .barton-about-widget .widget-content {
		width: 100%;
		display: block;
		text-align: center;
	}
	
	.has-full-width-content .barton-about-widget .widget-text {
		text-align: center;
		margin: 0 auto 1.5em;
	}
}

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

.barton-highlight-widget .widget-cta a {
	display: block;
	padding: 20px;
	text-align: center;
	background: #F3EFEF;
}

.has-full-width-content .barton-highlight-widget .widget-cta {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 90%;
	max-width: 430px;
	text-align: center;
}

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

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

.barton-social-widget .social-menu {
	margin: 0;
}

.has-half-width-content:not(.footer-widget-area) .barton-social-widget {
	padding: 25px 25px 15px;
	background: #F3EFEF;
}

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

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

.has-half-width-content .barton-social-widget .has-link-text .social-menu, 
.footer-widget-area .barton-social-widget .has-link-text .social-menu {
	text-align: left;
}

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

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

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

.has-full-width-content:not(#header-featured) .barton-social-widget:before {
	background: #F3EFEF;
}

.has-full-width-content .barton-social-widget .widget-title .em-fonts-secondary {
	font: 20px 'DM Serif Display', serif;
	letter-spacing: .0125em;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
}

.has-full-width-content .barton-social-widget .has-link-text .social-menu > li {
	width: auto;
	flex-grow: 1;
	text-align: center;
	padding: 0 15px;
	margin: 0;
	font-size: 12px;
}

.barton-social-widget .has-link-text a {
	color: #464647;
}

.barton-social-widget .has-link-text i {
	width: 15px;
	margin-right: 5px;
	text-align: center;
	vertical-align: middle;
	color: #464647;
}

.barton-social-widget .has-link-text .social-menu .social-text {
	display: inline-block;
	font-size: 10px;
}

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

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

}

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

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

.has-half-width-content .barton-subscription-widget .widget-content {
    background: #F3EFEF;
}

.barton-subscription-widget .widget-form-code input:not([type="submit"]) {
	margin-bottom: 15px;
	background: #fff;
}

.has-full-width-content:not(#header-featured) .barton-subscription-widget:before {
	background: #F3EFEF;
}

.has-full-width-content .barton-subscription-widget {
	display: flex;
	justify-content: space-between;
}

.has-full-width-content .barton-subscription-widget .widget-image {
	width: 0;
	flex-grow: 1;
}

.has-full-width-content .barton-subscription-widget .widget-content {
	width: 0;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #fff;
	text-align: center;
}

.has-half-width-content:not(.footer-widget-area) .barton-subscription-widget .widget-title {
	font-size: 140%;
}

.has-full-width-content .barton-subscription-widget .widget-title {
	width: 90%;
	max-width: 550px;
	font: 22px/1.75em 'Cedarville Cursive', sans-serif;
	font-weight: normal;
	text-transform: lowercase;
	letter-spacing: normal;
	font-style: normal;
}

.has-full-width-content .barton-subscription-widget .widget-text {
	width: 90%;
	max-width: 550px;
	margin: 0 auto 1.5em;
}

.has-full-width-content .barton-subscription-widget .widget-form-code {
	width: 90%;
	max-width: 550px;
	margin: 0 auto;
}

.has-full-width-content .barton-subscription-widget .widget-form-code input:not([type="submit"]) {
	background: #F3EFEF;
}

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

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

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

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

@media screen and (max-width: 767px) {
	.has-full-width-content .barton-subscription-widget {
		display: block;
	}

	.has-full-width-content .barton-subscription-widget .widget-image {
		width: 100%;
	}

	.has-full-width-content .barton-subscription-widget .widget-content {
		width: 100%;
		display: block;
		text-align: center;
	}
}

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

.has-half-width-content .barton-shop-widget {
	padding: 25px 25px 15px;
	border: 3px solid #E7E9EC;
}

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

.has-half-width-content .barton-shop-widget .shop-links li {
	margin-bottom: 15px;
}

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

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

.has-half-width-content .barton-shop-widget .shop-cta {
	display: block;
	text-align: center;
	padding: 15px;
}

.has-full-width-content .barton-shop-widget .shop-links,
.columns-2 .barton-shop-widget .shop-links {
	display: flex;
	justify-content: space-between;
}

.columns-2 .barton-shop-widget .shop-links {
	flex-wrap: wrap;
}

.has-full-width-content .barton-shop-widget .shop-links li {
	width: 0;
	flex-grow: 1;
	margin-right: 10px;
	padding-bottom: 15px;
}

.has-full-width-content .barton-shop-widget .shop-links li:last-of-type {
	margin-right: 0;
}

.columns-2 .barton-shop-widget .shop-links li {
	width: 48%;
}

.has-full-width-content .barton-shop-widget .shop-cta {
	display: block;
	text-align: center;
	margin-top: 40px;
}

@media screen and (max-width: 767px) {
	.has-full-width-content .barton-shop-widget .shop-links {
		display: block;
	}

	.has-full-width-content .barton-shop-widget .shop-links li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	
	.has-full-width-content .barton-shop-widget .shop-cta {
		text-align: center;
	}

}

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

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

.has-half-width-content .barton-topics-widget .widget-links li {
	margin-bottom: 15px;
}

.has-half-width-content .barton-topics-widget .widget-links li:last-of-type {
	margin-bottom: 15px;
}

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

.has-full-width-content .barton-topics-widget .category-title {
	transform: translate(-50%,0);
	top: auto;
	bottom: 30px;
	max-width: 210px;
}

.has-full-width-content .barton-topics-widget .widget-links,
.footer-widget-area .barton-topics-widget .widget-links {
	display: flex;
	justify-content: space-between;
}

.has-full-width-content .barton-topics-widget .widget-links li,
.footer-widget-area .barton-topics-widget .widget-links li {
	width: 0;
	flex-grow: 1;
	margin-right: 10px;
}

.has-full-width-content .barton-topics-widget .widget-links li:last-of-type,
.footer-widget-area .barton-topics-widget .widget-links li:last-of-type {
	margin-right: 0;
}

@media screen and (max-width: 767px) {
	.has-full-width-content .barton-topics-widget .widget-links, 
	.footer-widget-area .barton-topics-widget .widget-links {
		display: block;
	}

	.has-full-width-content .barton-topics-widget .widget-links li, 
	.footer-widget-area .barton-topics-widget .widget-links li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.has-full-width-content .barton-topics-widget .widget-links li:last-of-type, 
	.footer-widget-area .barton-topics-widget .widget-links li:last-of-type {
		margin-bottom: 0;
	}
	
}

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

.barton-featured-posts-widget .widget-links {
	margin: 0;
	padding: 0;
	list-style: none;
}

.barton-featured-posts-widget .subtitle {
	font-style: italic;
	margin-top: 10px;
	color: #11181C;
}

.has-half-width-content .barton-featured-posts-widget {
	padding: 25px;
	border: 3px solid #F3EFEF;
}

.has-half-width-content .barton-featured-posts-widget .widget-title {
	font: 22px/1.75em 'Cedarville Cursive', sans-serif;
	font-weight: normal;
	text-transform: lowercase;
	letter-spacing: normal;
	font-style: normal;
}

.has-half-width-content .barton-featured-posts-widget .widget-links li {
	margin-bottom: 25px;
	flex-wrap: nowrap;
}

.has-half-width-content .barton-featured-posts-widget .widget-links li:last-of-type {
	margin-bottom: 0;
}

.has-half-width-content .barton-featured-posts-widget .featured-image {
	width: 25.5%;
	flex-shrink: 0;
}

.has-half-width-content .barton-featured-posts-widget .entry-summary {
	width: 0;
	flex-grow: 1;
	margin-left: 25px;
	padding-bottom: 15px;
	border-bottom: 2px solid #E7E9EC;
	align-self: center;
}

.has-half-width-content .barton-featured-posts-widget .entry-title {
	font-size: 20px;
}

.has-full-width-content:not(#header-featured) .barton-featured-posts-widget:before {
	background: #F3EFEF;
}

.has-full-width-content .barton-featured-posts-widget .widget-title {
	font: 20px 'Jost', sans-serif;
    text-transform: uppercase;
    letter-spacing: .175em;
    font-weight: normal;
    font-style: normal;
}

.has-full-width-content .barton-featured-posts-widget .widget-links {
	display: flex;
	justify-content: space-between;
}

.has-full-width-content .barton-featured-posts-widget .widget-links li {
	width: 0;
	flex-grow: 1;
	margin-right: 40px;
	flex-wrap: nowrap;
}

.has-full-width-content .barton-featured-posts-widget .widget-links li:last-of-type {
	margin-right: 0;
}

.has-full-width-content .barton-featured-posts-widget .featured-image {
	width: 140px;
	flex-shrink: 0;
}

.has-full-width-content .barton-featured-posts-widget .entry-summary {
	flex-grow: 1;
	padding: 30px;
	background: #fff;
}

@media screen and (max-width: 767px) {
	.has-full-width-content .barton-featured-posts-widget .widget-links {
		flex-wrap: wrap;
	}
	
	.has-full-width-content .barton-featured-posts-widget .widget-links li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.has-full-width-content .barton-featured-posts-widget .widget-links li:last-of-type {
		margin-bottom: 0;
	}
	
}

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

.has-full-width-content .barton-featured-post-widget .widget-title .em-fonts-secondary {
	font-size: 20px;
}

.has-full-width-content .barton-featured-post-widget .featured-image,
.has-full-width-content .barton-featured-post-widget .widget-content {
	width: 50%;
}

.has-full-width-content .barton-featured-post-widget .widget-content {
	padding: 45px;
	background: #F3EFEF;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.has-full-width-content .barton-featured-post-widget .widget-content .entry-title {
	font-size: 36px;
}

.has-half-width-content .barton-featured-post-widget .widget-content {
	width: 100%;
	padding: 25px;
	background: #F3EFEF;
	text-align: center;
}

.barton-featured-post-widget .widget-meta {
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 15px;
}

.has-half-width-content .barton-featured-post-widget .widget-meta {
	justify-content: center;
}

.barton-featured-post-widget .widget-meta i {
	font-size: 12px;
}

.barton-featured-post-widget .post-meta {
	display: block;
	padding: 10px 25px;
	background: #D2D7E0;
	color: #464647;
	margin-right: 20px;
}

.has-half-width-content:not(.columns-2) .barton-featured-post-widget .post-meta {
	margin-right:0;
}

.has-half-width-content .barton-featured-post-widget .post-meta {
	background: #D2D7E0;
}

.has-half-width-content:not(.columns-2) .barton-featured-post-widget .comments-link {
	width: 100%;
	margin-top: 10px;
}

.barton-featured-post-widget .entry-excerpt {
	margin-top: 10px;
	margin-bottom: 15px;
}

.has-half-width-content .barton-featured-post-widget .entry-excerpt {
	font-size: 95%;
}

@media screen and (max-width: 1024px) {
	.has-full-width-content .barton-featured-post-widget .featured-image,
	.has-full-width-content .barton-featured-post-widget .widget-content {
		width: 100%;
	}

}

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

.widget_search {
	position: relative;
}

.widget_search .widget-title {
	position: absolute;
	width: 100%;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	margin-bottom: 0;
}

.search-container {
	padding: 35px 25px;
	background: #F3EFEF;
}

.search-form {
	padding: 10px 30px 10px 10px;
	background: #fff;
	flex-wrap: nowrap;
}

.search-form .search-text {
	order: 2;
	padding: 0;
	background: none;
	text-align: center;
	line-height: 1em;
	flex-grow: 1;
	font-size: 10px;
}

.search-form .search-submit {
	order: 1;
	flex-shrink: 0;
	text-align: center;
	padding: 0;
	background: none;
	border: none;
	font-size: 15px;
}

.has-full-width-content:not(#header-featured) .widget_search:before {
	background: #F3EFEF;
}

.has-full-width-content .widget_search .search-container {
	max-width: 550px;
	padding: 0;
	margin: 0 auto;
}

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

.widget_text {
	text-align: center;
}

.has-half-width-content:not(.footer-widget-area) .widget_text {
    padding: 20px 25px 25px;
	border: 3px solid #E7E9EC;
}

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

.widget_text li {
	margin-bottom: 15px;
	font: 12px 'Jost', sans-serif;
	text-transform: uppercase;
	letter-spacing: .175em;
	font-weight: normal;
	font-style: normal;
}

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

.has-full-width-content .widget_text:not(.widget_custom_html) .textwidget {
	max-width: 560px;
	margin: 0 auto;
}

/*--------------------------------------------------------------
### Custom HTML Widget
--------------------------------------------------------------*/

.has-full-width-content:not(#header-featured) .widget_custom_html:before {
	background: #F3EFEF;
}

.has-full-width-content .widget_custom_html .widget-title {
	font: 20px 'Jost', sans-serif;
	text-transform: uppercase;
	letter-spacing: .175em;
	font-weight: normal;
	font-style: normal;
}

.widget_custom_html .shopthepost-widget {
	background: #fff;
}

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

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

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

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

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

.has-half-width-content:not(.footer-widget-area) .widget_nav_menu {
    padding: 15px 25px 25px;
	border: 1px solid #E7E9EC;
}

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

.widget_archive ul {
	text-align: center;
}

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

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

.has-half-width-content:not(.footer-widget-area) .widget_archive {
    padding: 15px 25px 25px;
	border: 1px solid #E7E9EC;
}

/*--------------------------------------------------------------
### Media Widget
--------------------------------------------------------------*/

.widget_media_image {
	text-align: center;
}

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

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

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

#template-em-grid .nav-links {
	width: 90%;
	margin: 0 auto;
}

.single-post .post-navigation-container {
	width: 90%;
	max-width: 1300px;
	margin: 0 auto;
}

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

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

.nav-links a {
	color: #80848B;
}

.nav-links a .arrow {
	border-color: #80848B;
}

.nav-links a .arrow:after {
	border-color: transparent transparent transparent #80848B;
}

.nav-links a .arrow.arrow-left:after {
	border-color: transparent #80848B transparent transparent;
}

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

.nav-next {
	order: 1;
}

.nav-previous {
	order: 2;
}

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

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

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

.post-single .subtitle {
	margin-top: 15px;
	font-style: italic;
}

.post-single .entry-footer {
	margin-top: 40px;
}

.post-single .shop-the-post .stp-title {
	padding: 10px 20px;
	background: #F3EFEF;
	text-align: center;
}

.post-single .shop-the-post .stp-title i {
	display: inline-block;
	margin: 0;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	background: #BCB1B1;
	color: #fff;
	font-size: 8px;
	line-height: 20px;
	text-align: center;
	padding-left: 1px;
}

.post-single .shop-the-post .stp-code {
	padding: 10px 0;
}

.post-single .entry-footer .entry-meta > div {
	background: #F3EFEF;
	padding: 13px;
	text-align: center;
	border-right: 3px solid #fff;
	flex-grow: 1;
}

.post-single .entry-footer .entry-meta > div:last-of-type {
	border-right: none;
}

.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;
}

@media screen and (max-width: 767px) {
	.post-single .entry-footer .entry-meta > div {
		width: 100%;
		border-right: none;
		border-bottom: 3px solid #fff;
	}
}

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

#related-posts {
	padding-top: 50px;
}

#related-posts:before {
	height: 200px;
	background: #F3EFEF;
}

.related-posts-title {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
	color: #80848B;
	text-transform: none;
}

.post-related {
	width: 30%;
}

.post-related .entry-title {
	text-align: center;
	margin-top: 30px;
}

@media screen and (max-width: 767px) {
	.post-related {
		width: 100%;
		margin-bottom: 25px;
	}
}

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

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

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

#respond {
	margin-bottom: 70px;
}

	#reply-title {
		font-style: normal;
		text-align: center;
		text-transform: none;
		color: #80848B;
		transform: translateY(50%);
	}

#commentform {
	display: grid;
	grid-template-columns: 48% 48%;
	grid-template-rows: auto auto auto auto;
	grid-column-gap: 4%;
	padding: 80px 0 40px;
}

#cancel-comment-reply-link {
	float: right;
	font-size: 12px;
}

	.post-feed #commentform {
		padding: 0;
	}

	#commentform:before {
		background: #F5F6F8;
	}

		.post-feed #commentform:before {
			background: none;
		}

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

	#commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"], #commentform textarea {
		background: #fff;
	}

	#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;
	}

	#commentform input[type="submit"] {
		background: #F5F6F8;
		border: 2px solid #D2D7E0;
	}

.comments-title {
	text-align: center;
	margin-bottom: 15px;
	color: #80848B;
}

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

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

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

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

.comment-container {
	padding: 20px 20px 30px 20px;
	background: #F3EFEF;
	position: relative;
}

.comment-list .children li {
	padding-left: 60px;
	margin-top: 20px;
}

.comment-date {
	float: right;
	color: #80848B;
}

.comment-author {
	margin-bottom: 15px;
	color: #80848B;
}

.comment-author a {
	color: #80848B;
}

.comment-meta {
	position: absolute;
	bottom: 0;
	right: 0;
}

.comment-reply-link {
	display: block;
	padding: 10px 20px;
	background: #EAE1E1;
	color: #464647;
}

@media screen and (max-width: 767px) {
	#commentform {
		display: block;
	}
}

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

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

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

.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;
}

.fl-builder .post-feed-container {
	padding: 0;
	width: 100%;
	max-width: none;
}

.fl-builder .post-feed-container.one-column .post-feed {
	max-width: none;
}

.fl-builder .entry-header {
	display: none;
}

.fl-builder #footer-featured {
	margin-top: 0;
}

@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%;
	}
}