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;
} .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;
}
} 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;
} .wrap {
max-width: 1300px;
}  #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-featured {
margin: 0;
padding: 0;
} #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.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.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 {
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;
}
} #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-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;
} #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-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;
}
} #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;
}
}  #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-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;
} .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 {
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;
} .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;
}  .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;
} .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;
}
} .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-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;
}
} .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;
}
} .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;
}
} .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;
}
} .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;
}
} .archive-header {
margin-bottom: 25px;
text-align: center;
}
.has-grid .archive-header {
margin-bottom: 45px;
} #nothing-found {
max-width: 580px;
margin: 80px auto;
text-align: center;
}
#nothing-found .entry-title {
margin-bottom: 25px;
} .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-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%;
} .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%;
}
} .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;
}
} .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;
} .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;
}
} .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;
}
} .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;
}
} .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;
}
} .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;
}
} .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%;
}
} .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;
} .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;
} .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;
} .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;
} .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;
} .widget_media_image {
text-align: center;
} .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;
}  #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 {
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 {
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 .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%;
}
}